/*Farben
color:#D75800; r215 g88 b0, (orange) 
color:#e1e1dc,  225 225 220, (hellgrau)
color:#b4b4af, 180 180 175, (mittelgrau)
color:#6E6E69,110 110 105 (dunkegrau)
color spr:#c7f163,199 241 99 (hellgrün)
color sum:#d6058e,214 5 142 (fuchsia)
color aut:#4ec3cc,87 195 204 (patrol)*/


html, body{
 margin:0; 
 padding:0; 
 font-family: Arial, Trebuchet MS, Verdana, Helvetica, sans-serif;
 font-size:14px;
} 
 p,ul,li,h1,h2,h3 {margin:0; padding:0;} 
 p {margin:0.5em 0;}
#pagewidth{ 
 max-width:1600px;  

 min-width:400px;  
}
 
.deutlich { font-weight:bold;  position:relative; left:-3px; border-left:3px solid white; padding:0.8em 0 1.8em 220px;margin:0px; }
.deutlich_kl { font-weight:bold; margin: 0; position:relative;/* left:-3px; border-left:3px solid white; */ margin:1.9em 0 1em 0; } 
.deutlich_kl_bl { font-weight:bold; color:#ffffff; margin: 0; position:relative;/* left:-3px; border-left:3px solid white; */ margin:1.9em 0 1em 0; } 


.deutlich_nav2 { font-weight:normal; margin: 0; position:relative; left:-3px; border-left:3px solid white; padding:0;}
#fuell {height:40px; width:100%; background-color:#b4b4af; /*#b4b4af #c7f163*/ float:left;/*
margin-top:2.2em;
*/}

#header{
 position:relative; 
 height:140px; 
 background-color:#FFFFFF; 
 width:100%;
} 
 
 #header #logo { margin:2em 0 0 0; background:url(img/logo.png) 5% top no-repeat; height:150px;}
	#header #logo h1 { position:relative; left:20%; font-size:150%; margin-bottom:5em;width:80%;}
	 #header #logo h1 span#kom {font-size:smaller; color:#6E6E69;}
	 #header #logo h1 span#graf {font-size:smaller; color:#b4b4af;}
	 #header #logo h1 span#graf2 {font-size:smaller; color:#ffffff;}

	
	
	/**************************** obere 1. Men�leiste   *********************************************/
 	#header ul {float:left; margin-left:19%; position:absolute; bottom:10px; } 
		#header  ul li { float:left; list-style-type:none; margin:0 0.5em 0 0em;}/*obere Men�leiste: Listenelemente*/
			#header  ul li#mau {padding-left:20px;}
			#header  ul li a {text-decoration:none; color:#333333; display:block;}/*obere Men�leiste: Linkgestaltung*/
			#header  ul li a:hover {color:#FF6633;}
/*wrapper: umschlie�t linke und rechte Spalte */

#wrapper { margin:0; padding:0; background: url(img/wrapperbg.png) repeat-y 19.7% 0;}
#wrapper2 {/*
background: url(img/wrapperbg2.gif) repeat-y 19.7% 0;
*/}
/*LINKE SPALTE*********************************************************************/			
#leftcol{
 width:auto; 
 float:left; 
 min-width:14em; 
 /*
position:relative; 
*/
 background-color:#b4b4af; 
 /*
min-height:480px; 
*/
  }
  
  
 /* Menue mit Bildern in der linken Spalte********************************************************/
 #leftcol ul#nav3 {position:absolute; left:3em; top:4em; list-style-type:none; margin:0;}
 	 #leftcol ul#nav3 li {margin:0;}
	 	#leftcol ul#nav3 li#gal a {background:red url(img/c2.gif);}
  		#leftcol ul#nav3 img {border:none; margin:0; }
		
		
		
		
	#leftcol div.aufz 	{position:absolute; top:18em;width:15em;}
	#leftcol div.aufz p {padding:0 2em 0.7em 1em;}
 	#leftcol p.verweis {position:absolute; top:18em; left:1em; font-weight:normal;width:14em;} /*Positioniert den Verweis*/
	#leftcol p.agb {position:absolute; top:45em; left:1em; font-weight:bold;} /*Positioniert AGB*/
	#leftcol p#agb2 {position:absolute; top:50em; left:1em; font-weight:bold;} /*Positioniert AGB logo2.html*/
	
#twocols{
 width:80%; 
 float:right; 
 position:relative; 
 
  }
 
#rightcol{
 width:100%; 
 float:right; 
 position:relative; 
  min-height:480px; 
  padding:0 ;
  background-color: #e1e1dc/*#e1e1dc #c7f163*/;  
 }
 
 #rightcol img {overflow: hidden; margin:2em 20px 1em 5px; width:auto;}
 #rightcol img.gal {margin: 2em 2em; border:none;}
 #rightcol img.galerie {margin: 2em 2em; width:250px; border:none;}
 #rightcol img.galerie2 {margin: 2em 2em; height:200px; border:none;}
  #rightcol img.galerie3 {margin: 2em 2em; height:150px; border:none;}
 #rightcol img.oben {margin:0.5em 20px 1em 5px;}
 #rightcol #navunten {background:#e1e1dc;}
	 /*****************************  2.   Men�leiste f�r galerie******************************************/
		 #rightcol ul#nav2 { float:left; position:relative; padding-bottom:.5em; background: #e1e1dc;/*#e1e1dc #c7f163*/ width:100%;height:40px; min-width:48em;}
				ul#nav2 li#corp{padding-left:10px;} /* Posioniert die 2.Men�leiste */
				  #rightcol ul#nav2 li { float:left; list-style-type:none; margin:0 0.5em 0 0;}
					#rightcol ul#nav2 li a {text-decoration:none; color:#333333; display:block;}
						#rightcol ul#nav2 li a:hover {color:#FF6633;}
						
						
	/*****************************  3.   Men�leiste f�r galerie******************************************/
		#rightcol ul#nav2 li ul {position: absolute; top:1.7em; left:0px; width:100%; background: #e1e1dc;/*#e1e1dc #c7f163*/ padding:0 -1em 0 0;} 
		 #rightcol ul#nav2 li ul li{list-style-type:none; margin: 0 0.3em ; padding: 0;}
		 	#rightcol ul#nav2 li ul li.trenner {padding:0.2em;}
			#rightcol ul#nav2 li ul li a {text-decoration:none; margin:0 0.3em; padding: 0.2em;color:#333333; display:block;}
				#rightcol ul#nav2 li ul li a:hover {color:#FFF; background-color: #6E6E69;}
				/*	#rightcol ul#nav2 li ul li#eins a {padding: 0.3em; color:#fff; }*/
					
				
	li strong {color:#FF6633;}	/*Vordergrundfarbe aktiver Men�punkte */		
	li ul	li strong {color:#FFF; }	/*Vordergrundfarbe d. aktiven Men�punkts im 3. Men� */	
		li ul	li a strong	{ background:#6E6E69; display: block; padding:0em 0.2em;}	/*Hintergrundfarbe d. aktiven Men�punkts im 3. Men� */	
 
 
.trenner { color:#b4b4af;} 
/**************Hauptinhaltsbereich*******************************************/ 
 #rightcol #inhalt {
 		position:relative
			margin: 0px 15px;
			background-color:#e1e1dc;/*#e1e1dc #c7f163*/;
			padding:0 1em 0 0;
			}
			
#inhalt #links {border-left:4px solid #6E6E69;
float:left;
margin-left:-4px;
width:220px;}
#inhalt #rechts { width:auto;}

.linkerrand {border-left:4px solid #6E6E69;
float:left;
margin-left:-4px;
width:100%;
min-height:480px;}

.bilder { padding:3em;}
#rightcol .bilder img {margin:2em;}

.bildhalter p  {float:left; margin-top:0;}
.bildhalter p img {border:none;}
 /* pseudoklassen**************************************************************/
 a{text-decoration: none; outline:none;}
 a:visited { color:#6E6E69;}
 a:link { color:#6E6E69;}
 a:hover , a:active {color:#FF6633;}




/* #maincol{background-color: #FFFFFF;  
 float: left; 
 display:inline; 
 position: relative; 
 width:0%; 
 min-height:500px; 
 }*/
 

 
 /* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after {
 content: "."; 
 display: block; 
height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  


 
 /*printer styles*/ 
 @media print{ 
/*hide the left column when printing*/ 
#leftcol{display:none;} 

/*hide the right column when printing*/ 
#rightcol{display:none;} 
#twocols, #maincol{width:100%; float:none;}
}