/* CSS Document */

body{
margin:35px 0 20px 0;
padding:0;
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size:70%;	
color:#666;	
line-height:1.8em;
background: #fff url(../img/bg.gif) center top repeat-x; 


}
.gallery img { float:left; margin:0 5px 5px 0}
#map h2 { margin:5px 0 0 0; padding:0;!important}

/**Funktionen *********************************************************/

.cleaner{
	display: block;
	clear: both;
	font-size: 0px;
	line-height: 0px;
	background: transparent;
	height:0px;
}

.cleaner2{
	display: block;
	clear: both;
	font-size: 0px;
	line-height: 0px;
	background: transparent;
	height:1px;
}

.wrapper{
	width:1000px;
	margin:0 auto;		
}


.wrapper_zwei{
	width:1000px;
	margin:0 auto;	
	background:transparent url(../img/schatten.gif) 0 0 repeat-y;
	position:relative;
	
}

/**Gesamt********************************************************************/

a{text-decoration:none; color:#A2C01A;  text-decoration:underline;  }
a:hover{color:#666;   }
a img {border:none;} 

img, div { behavior: url(img/iepngfix.htc);}

.hide, .hide_print{display:none;}

.print_pos{float:right;}

/**LAYOUT********************************************************************/
#zeichnung{position:absolute; top:-30px; right:1px; width:291px; height:256px; background:transparent url(../img/boy.png) 0 0 no-repeat; z-index:10;}

#schatten_top{
	width:708px;
	background:transparent url(../img/schatten_top.gif) center top no-repeat;	
	padding:9px 0 0 8px;
}

#wrapper_head{ position:relative; height:217px; z-index:5;}
#logo{float:left; width:328px; background:#9bbd21;}
#changephoto{float:left; width:380px; height:216px; overflow:hidden; position:relative;}
#element_pos{ background:transparent url(../img/designelement.png) center bottom no-repeat; position:absolute; bottom:0; height:53px; width:708px; left:0; }
#streifen{position:absolute; top:0; left:0; background:transparent url(../img/streifen.png) 0 0 no-repeat; height:216px; width:35px;}
#mainarea{background:transparent url(../img/schatten_main.gif) 702px 0 no-repeat; padding:30px 0 0 8px; width:987px;}
#col_left{ float:left; width:708px; }
#col_right{float:left; width:238px; padding:0 20px 20px 20px; font-size:1.1em; }
#content{padding:0 70px 30px 30px; font-size:1.1em;}

#footer{background:#fff url(../img/footer.jpg) center top no-repeat; height:125px; position:relative;}
#footer_text{position:absolute; bottom:0; right:10px; color:#A2C01A;}
#footer_text a{text-decoration:none;}
#footer_text a:hover{text-decoration:underline;}

/**Auswahl********************************************************************/	
#auswahl_titel{ color:#F0A815; font-weight:bold;  margin-bottom:5px;}
#col_right select{width:235px!important; font-size:0.9em!important; color:#666;}


/**Main Navi********************************************************************/								 


#mainnavi{ width:710px; margin:0 0 0 8px; overflow:hidden; padding:0; }	

#mainnavi ul{  list-style:none;  padding:0; margin:0; }


#mainnavi ul li{ float:left;}


#mainnavi ul li a{
color:#87ad16;
font-size:1.1em;
padding:5px 7px 0px 7px;
text-align:center;
display:block;
text-decoration:none;
font-weight:bold; 
margin-left:2px;
}

#mainnavi ul li a:hover, #mainnavi ul li a.active{
color:#8f3d07; background:transparent url(../img/bg_navi.gif) center top repeat-x;  
}

/**Subnavi********************************************************************/

#subnavi{ width:228px;  background:transparent url(../img/subnavi_bg.jpg) 0 0 no-repeat; height:400px;  position:absolute; top:10px; left:35px; z-index:0; padding:30px 9px 0 7px; }

/** 1.Ebene**************************/

#subnavi ul {list-style: none; padding:0; margin:0;  }

#subnavi ul li a {
font-weight:bold;
text-decoration:none;
color:#666;
padding: 2px 10px 2px 20px;
display:block;						
width:198px;
border-bottom:1px solid #fff;
font-size:1.1em;
background:#f1e7da;

}

									
#*html #subnavi ul li a{
width:228px; w\idth:198px;
}						
									
#subnavi ul li a:hover, #subnavi ul li a.active  { 
	border-bottom:1px solid #ccc; 	 
	background:#6699cc;
	color:#fff;
}

/** 2.Ebene*************************/

#subnavi ul li ul  {margin:0; padding:5px 0 10px 0; background:#EDEBDC!important;}

#subnavi ul li ul li a {

text-transform:none;					
color:#666;
padding: 0 10px 0 30px!important;
display:block;						
font-size:1em;
font-weight:normal;
width:178px;
margin-left:5px;
border-bottom:1px solid #EDEBDC;
background:transparent;

}

#subnavi ul li ul li a:hover, #subnavi ul li ul li a.active{ color:#fff; font-weight:bold;  background:#6699CC; border-bottom:1px solid #EDEBDC;}

* html #subnavi ul li ul li a{
width:228px; w\idth:178px;
}	







/** CONTENT TEMPLATES************************************************************/


.einspalter{margin: 0 0 20px 0;}

.zweispalter{margin:0 0 20px 0;  }

.zsp_left{float:left; width:360px; padding-top:0; margin-right:20px; }
.zsp_right img{margin-bottom:15px; border:1px solid #A2C01A;}
.zsp_right{float:left; width:220px;text-align:right;}

img#sign{margin-left:30px;}






/** Txt Formatierungen*************************************************************************/

h1{font-size:1.7em; margin:0;  font-weight:normal; color:#666;  line-height:1.2em;}
h2{font-size:1em; margin:0; color:#a2c01a;}
h3{font-size:1.0em; margin:0;  color:#F0A815;}

.fett{font-weight:bold;}
.green{ color:#A2C01A;  }

#col_right h2{font-size:1em; margin:0 0 5px 0; color:#a2c01a;}

.centerthis{ }