html {
	height: 100%;
}
body  {
font-size: 100.1%;
background: #fff url(../pics/bg.jpg) repeat-x;
margin:  0;
min-height: 101%;
font-size: 101.01%;
border-top: 5px solid #4b8634;
}
:focus {
	outline: 0;
}
h1, h2, h3, h4, h5, h6, p, br, ul, ol, li, hr  {
margin: 0px;
padding: 0px;
font-family: Arial, Helvetica, Verdana, sans-serif;
}
h1, h2, h3, h4, h5, h6, p, ul, ol, li, div, td, th, fieldset, input, textarea, address, blockquote, nobr, b, i  {
font-family:  Arial, Helvetica, Verdana, sans-serif; }

li li {
  font-size: 100% !important;
}






/* CONTAINER
--------------------------------------------------*/

#container {
text-align: left;
margin: 0 auto;
width: 960px;
background: transparent;  
 }

#oben {
background:transparent;
position : relative;
width: 960px;
height : 105px;
} 


#logo {
position:absolute;
top: 5px;
left : 0px;
}

#header_oben {
	position: absolute;
	top: 15px;
	left: 0;
}

div.topnav     {
font-size: 0.8em;
position : relative;
left : 784px;
width : 176px;
padding : 0;
}


div.topnav ul  {
float : left;
margin : 0;
padding : 0;
list-style-type : none;
}

div.topnav li  {
display : inline;
padding : 0;
margin : 0;
}

div.topnav a      {
margin : 0;
padding : 20px 0 0 10px;
display : block;
float : left;
text-decoration : none;
color: #666;
 
}
div.topnav a img {
border: 0;
}

div.topnav a:hover   {
text-decoration : none;
color : #4b8634;/*#254E9C;*/

}
.tophier a:link, .tophier a:visited, .tophier a:hover, .tophier a:active, .tophier a:focus {
color: #4b8634;
}







#header {
float: left;
width: 960px;
height: 280px;
margin-bottom: 10px;
}
 




/* INHALT
----------------------------------------------*/
#main  {
width: 960px;
text-align: left;
background: transparent;
clear: both;

}
.hoehe { height: 350px; }
div[class = "hoehe"] { height: auto; min-height: 350px }

.platz { height: 361px; }
div[class = "platz"] { height: auto; min-height: 361px }


div.mainnav   {
float: left;
width: 318px;
padding: 0;
background: #fff;
border: 1px solid #e9e9e9;
}

div.aktuell   {
float: left;
clear: left;
width: 318px;
background: #fff;
border: 1px solid #e9e9e9;
margin-top: 10px;
}

.aktuell h2 {
	font-size: 0.9em;
	padding: 10px 0 5px 40px;
	color: #4b8634;
}

.aktuell p {
	font-size: 0.7em;
	color: #000;
	padding: 5px 10px 10px 40px;
}

/* Hide from IE5-mac. Only IE-win sees this. \*/

* html #mainnav {
  margin-right: -3px;
  }

* html  #content {
  height: 1%;
  margin-left: 187px;
  }

/* End hide from IE5/mac */

div.mainnav  ul {
margin: 0;
list-style: none;
display: block;
background: transparent;

}
div.mainnav li      {
font:  0.9em/23px Arial, Helvetica, Verdana, sans-serif;

}
html div.mainnav li {
display: inline; /*fr IEs*/
}
div.mainnav li a   {
color: #999;
font-weight: bold;
text-decoration: none;
padding: 3px 0px 3px 40px;
background: transparent url(../pics/bullet.gif) 5px 5px no-repeat;
display: block;

}
div.mainnav li a:hover, div.mainnav li a:active, div.mainnav li a:focus  {
color: #4b8634;
padding: 3px 0px 3px 40px;
background: transparent url(../pics/bullet.gif) 5px 5px no-repeat;
}
.mainhier a:link, .mainhier a:visited, .mainhier a:hover, .mainhier a:active, .mainhier a:focus {
color: #4b8634;
background: transparent url(../pics/bullet.gif) 5px 5px no-repeat;
}

div.mainnav li li a {
padding-left: 40px !important;
font-weight: normal;
}

div.mainnav li li a:hover {
padding-left: 40px !important;
font-weight: normal;
}

div.mainnav li li a:hover {
padding-left: 40px !important;

}

div.mainnav li li a:active {
padding-left: 40px;

}
div.mainnav li li a:focus {
padding-left: 40px;

}


#content       {
margin-left: 330px;
line-height: 1.2em;
background: #fff;
border: 1px solid #e9e9e9;

}


#content p { color: #000; font-size: 0.85em;  padding: 5px 40px 5px 20px; line-height: 1.4em;}
#content h2    { color: #4b8634; font-weight: bold; padding: 10px 0 5px 20px; font-size: 1em; background: transparent url(../pics/headline-punkte.gif) 0 0 repeat-x;}
#content h3    { color: #4b8634; font-weight: normal; padding: 10px 0 10px 20px; font-size: 0.9em; margin: 0; border-top: 1px dashed #ccc; }
#content h4    { color: #4b8634; font-weight: normal; padding: 10px 0 5px 20px; font-size: 0.9em; margin: 0; }

#content ul { list-style-type: none;padding: 0; margin: 10px 40px 5px 25px;}
#content li {
font-size: 0.85em;
padding: 2px 0 2px 20px;
color: #000;
background: transparent url(../pics/pfeil-liste.gif) 0 7px no-repeat;  
}

#content li.punkte {
font-size: 0.8em;
color: #000;
padding-left: 20px;
font-weight: bold;
padding-bottom: 15px;
background: transparent url(../pics/anstrich.gif) 0 5px no-repeat;  
}

#content li.hoch {
	background: transparent;
	padding-left: 500px;
	width: 100px;
}

.nachoben {
	font-size: 10px;
}

#content a:link  {
color : #4b8634;
text-decoration : none;

}

#content a:visited {
color : #4b8634;
text-decoration : none;

}
#content a:hover {
color : #4b8634;
text-decoration: underline;

}
#content a:active {
color : #4b8634;
text-decoration : none;

} 



.aktuell a:link  {
color : #4b8634;
text-decoration : none;

}

.aktuell a:visited {
color : #4b8634;
text-decoration : none;

}
.aktuell a:hover {
color : #4b8634;
text-decoration: underline;

}
.aktuell a:active {
color : #4b8634;
text-decoration : none;

} 



#content li li {
background-image: url(../pics/kreis.gif);
background-position: 0 5px;
background-repeat: no-repeat;
padding-left: 2em;
}




/* FOOTER
------------------------------*/
#footer   {
font:  0.8em Arial, Helvetica, Verdana, sans-serif;
float: left;
clear: both;
width: 100%;
height: 116px;
background: transparent url(../pics/footer-bg.jpg) repeat-x;
color: #000;
margin-top: 10px;
}

#footer p {
text-align: left;
margin: 0 auto;
width: 960px;
padding-top: 10px;

}

#footer a:link  {
color : #4b8634;
text-decoration : none;

}

#footer a:visited {
color : #4b8634;
text-decoration : none;

}
#footer a:hover {
color : #4b8634;
text-decoration: underline;

}
#footer a:active {
color : #4b8634;
text-decoration : none;

} 


#adresse p {
padding: 30px 60px 20px 10px;
color: #fff;

}
#adresse a      {
 color: #fff;
 text-decoration: underline;
 background: transparent;
 font-weight: normal;
  }
  
/* FORMULAR
---------------------------------------------------*/
fieldset {
	width: 400px;
	border: 0;
}
fieldset p { 
width: 100%; 
float: left; 
}
fieldset input  {
width: 60%; 
border: 1px solid #ccc;
background: #fafafa;
}
.submit {	
	background:  #fafafa;
	width: 20%;
}
.rechts {
	text-align: right;
	margin-right: 5px;
	
}
fieldset select  {
width: 100px; 
padding-right: 5px;
}
fieldset label {
display: block; 
float: left;
width: 35%;
padding: 0px; 
margin: 0 5px 0 0;
background: #f0f5ee; 
color: inherit;

	}
.lang {
	width: 80%;
	background: #fff;
}
fieldset textarea {
	border: 1px solid #ccc;
	width: 240px;
	background: #fafafa;
}	
.kurz {
	width:20px;
}
/*Ende Formular*/

#sitemap {
margin-left: 20px;
}


table {
margin-left: 20px;
}

div#test-accordion{

	background-color:#fff;
	padding:0 0 0 10px;
}

div.accordion {
	position: relative; /* required for bounding */
	width:95%;
}

div.accordion-toggle{
    position: relative; /* required for effect */
    z-index: 10;		/* required for effect */
	background: #fff;
	color:#4b8634;   
    cursor: pointer;
	margin-bottom:1px;
	padding:0px 14px 6px 14px;
	margin-top: 0;
	font-size: 0.9em;
}
div.accordion-toggle:hover, div.accordion-toggle-active{
	background-image:url(../img/on.jpg);
	background-color:#fff;
	
}

div.accordion-content{
    overflow: hidden;	/* required for effect */
    background: #fff;
	padding:0px 14px 0px 24px;
	color:#c4bab1;
}