/*******************************************************************************************
*	Webseite Rebel Fotografie
*	autor Johann Dethloff
*
*   Dateiname screen.css
*
*	Erstellt am 10.06.2010
*	Geendet am 13.06.2010
*	
*********************************************************************************************/
*{
	margin:0;
	padding:0;
	outline:none;
}

.clear  { clear:both;}

a{
	text-decoration:none;
	color:#333;
}

p{
	padding:5px;
}

ul{
	list-style-type: none;
}

body{
	font-family: Arial, Helvetica, sans-serif;;
	font-size: 12px;
	background-color: #999;
}

.bilderRechts{
	margin:12px;
	float:right;
	border: medium solid #333;
}

.bilderLinks{
	margin:12px;
	float:left;
	border: medium solid #333;
	
}

.bilderGalerie{
	margin:12px;
	float:inherit;
}

.internetAdresse{
	font-size:14px;
	float:right;
	top:-35px;
	left:-20px;
	color:#62a3fd;
	position:relative;
	clear:right;
}

.schatten{
	background-image:url(images/Schatten.png);
	background-repeat: repeat-x;
	background-position: center top;
	height:9px;
	background-color: #656565;
}
#wrapper{
	width: 880px;
	text-align:center;
	margin: 0 auto;
}

#container{
	width:860px;
	padding:0 10px 10px 10px;
	
}

.eckeuntenrechts{
	background-image: url(images/rechte_ecke_unten.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
}

.eckeuntenlinks{
	background-image: url(images/linke_ecke_unten.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}

.seiterechts{
	background-image: url(images/seite_rechts.gif);
	background-repeat: repeat-y;
	background-position: right;
}

.seitelinks{
	background-image: url(images/seite_links.gif);
	background-repeat: repeat-y;
	background-position: left;
}

.seiteunten{
	background-image: url(images/mitte_unten.gif);
	background-repeat: repeat-x;
	background-position: bottom;
}

#header{
	height:210px;
	width:860;
	background-color: #b1ccfd;
}

.BannerHome{
	background-image: url(images/Banner.jpg);
	background-repeat: no-repeat;
}

#header h1{
	color:#62a3fd;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 36px;
	position:relative;
	top:95px;
	right:20px;
	float:right;
	font-style: italic;
	font-weight: lighter;

}


#mainnav{
	-moz-opacity: 0.60;
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70);
	opacity: 0.60;
	height:38px;
	background-color: #b1ccfd;
	margin-top:-39px;	
	border-width: 1px 0 0 0;
	border-style: solid;
	border-color: #666;
}


#mainnav ul li{
	float:left;
}

#mainnav ul li a{
	text-align: center;
	padding:12px;
	width:90px;
	border-width: 0 1px 0 0;
	border-style: solid;
	border-color: #333;
	color: #000;
	font-size: 12px;
	display:block;
	font-weight: bold;
}

#mainnav ul li a:hover{
	background-color:#FFF;
	color:#999;
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70);
		
}

#main{
	text-align:left;
	padding:20px 20px 60px 20px;
	font-size: 16px;
	background-color:#656565;
	background-image:url(images/footer_mitte.gif);
	background-repeat:repeat-x;
	background-position:bottom;
	color:#000;
	min-height:500px;
}
/*Internet Explorer 6*/
*html #main{
	height:500px;	
}

.adresseRahmen{
padding:10px;
}

.adresse{
	width:300px;
	margin:50px;
	padding:5px;
	background-color:#FFF;
	border: medium solid #333;
}

#main h2{
	color:#09489a;
	font-size: 24px;	
}
#footer{
	text-align:center;
}

.foolterText{
 	color:#666;
}

#footer a{
	color:#666;
}

#footer a:hover{
	color:#CCC;
}
#tabelleRahmen{

    text-align:center;
}

.spalte{	
	float:left;
	width: 24%;
	text-align:center;
	border:thin solid #000;
	margin:2px;
	background:#999;	
}

.spalte ul li{
	padding:3px;	
}

.Titel{
	background:#000;
	color:#FFF;
}