/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset,
form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

	
	
body {
	font: normal 1.0em Helvetica, Arial, Verdana, sans-serif;
	color: #555555;
	text-align: left;
		}
		

#druck { display: none; }

h1 { 
    font: 700 1.1em Lucida Grande, Arial, Helvetica, sans-serif;
	color: #4DA924;
	margin: 0; 	
	padding:0 0 6px 0;
	background: url(linie-gelb.jpg) left bottom repeat-x; }
	
p {
	margin-top: 0.3em;
	margin-bottom: 1em; }	

#kopf {  
    display: block;
	margin: 0 0 0 20px;	 
	width: 950px;
	height: 130px; }
	
#kopf-inhalt {  
    float: left; 
	width: 100%;
	margin: 0 0 0 0;
	height: 130px;	 
	background: url(logo-sonne01.jpg) right bottom no-repeat; }
	
#oben-links {
    float: left;
	width: 262px;
	margin: 38px 0 0 0;
	padding: 0 0 0 0; 	  
	 }	
	 	 
 #oben-inhalt {
    float: left;
	margin: 110px 0 0 30px;
	padding: 0 0 0 2px;
	width: 460px;
	font:  0.9em Helvetica, Arial, Verdana,sans-serif;
	 }	
	
#inhalt_text {  font-size: 1em;	line-height: 1.4em;		text-align: left;  padding: 27px 0 0 0px;}	

#main {
    width: 950px;
	margin: 0 0 0 20px;
  } 
		
	
#links {
    display: block;  
    float: left;
	padding: 35px 0 0 0; 
	width: 262px;	  
	 }	
	
#rechts {
    display: block; 
	padding: 35px 0 0 0; 
    float: right;
	width: 162px; 
	background: url(aufhaenger.jpg) left top no-repeat;}	

	

#inhalt {
    float: left;
	margin: 0 0 0 33px;
	width: 450px;
	font-size: 0.9em;
	line-height: 1.4em;	
	text-align: left; 
		 }
	
#inhalt a  { color: #666666; text-decoration: underline; } 

#inhalt a:hover { color: #7C9439; }

#inhalt ul { list-style-image: url(punkte-text.gif); margin: 15px 0 0 25px; }

#inhalt li { margin: 0 0 10px 0; }
	 
#box-kopf {
    margin-top: 0;
    width: 140px;
	height: 16px;
	background: url(ecken-oben.jpg) left top no-repeat;  }
	
#box {
    width: 140px;
	padding: 22px 30px 22px 20px;
	border: 1px solid #FFE555;
	 }
#box-adresse {
    width: 255px;
	padding: 1px 0 0 4px;
	font: 600 0.7em Helvetica, Arial, Verdana, sans-serif;
	color: #4DA924;
	line-height: 1.2;
		 }	 


#nav-oben a { text-decoration: none; color: #777777; }	 

#navi, #navi ul, #navi ul ul, #navi ul li, #navi ul ul li, #unten {
	margin: 0;	
	padding: 0; }

#navi {       
	width: 137px;
	padding: 30px 0 10px 25px;
	background: #FFE555 url(ecken-oben.jpg) left top no-repeat; }

#navi ul { list-style: none; list-style-image: url(punkte.gif); }

#navi li a  { 
    display: block; 
   	font: 500 0.8em Arial, Verdana, Helvetica, sans-serif;
	color: #666666; 
	text-decoration: none;
	list-style-image: url(punkte.gif); } 
	
	
* html .navi li a {
height: 20px;
}
	

#navi li a:hover { color: #7C9439; }
#navi li a.rex-current {  color: #4DA924; font-weight: 700; }
.active { color: #4DA924; font-weight: 700; }
.navaktiv-ang { color: #85B102; font-weight: 500; }

#navi ul ul {
        list-style: none;
        list-style-image: none; }

#navi ul li a { margin: 0 0 4px 0; }

#navi ul ul li a { margin: 0; }
	
#nav-unten { background: url(ecken-unten.jpg) left bottom no-repeat; }

#unten-text {
    margin-bottom: 35px;
    clear: both; 
	width: 100%; }

#unten-links {
    float: left;
	width: 262px; 	  
	 }	
	
#unten-rechts {
    float: right;
	width: 162px; 
	}	
	
#unten-inhalt {
    float: left;
	margin: 0 0 0 30px;
	padding: 5px 0 0 0;
	width: 460px;
	font-size: 0.8em;
	text-align: right; 
	background: url(linie-gelb02.jpg) left top repeat-x; }
	
#unten-inhalt a  { color: #4DA924; text-decoration: none; background: url(pfeil.jpg) right center no-repeat; } 

#unten-inhalt a:hover { color: #666666; background: url(pfeil-grau.jpg) right center no-repeat; }		

#unten { 
    clear: both; 
	width: 100%; }
	
.position-links { float: left; }
.position-rechts { float: right; }	

.unsichtbar { display: none; }