/* 1. Standard-CSS */



/* Wichtige Farben

*/



/*2. Abst?nde aller Elemente werden auf Null gesetzt + weitere Formatierungen*/

body { background-color:#fff; }

html, body, div, p, h1, h2, h3, ul, ol, 

span, a, table, td, form, img, li {

   	margin: 0;

   	padding: 0;

}



td {

	vertical-align : top;

}



/*3. standard-elemente*/



body, html {

	color : #000000;

	font-size: 0.9em;

	margin : 0px;

	padding : 0px;

   	line-height: 130%;

        font-family : Helvetica, Arial, Verdana, Geneva, sans-serif;

	}



img {

    background-color:#999;

    padding:3px;

    margin-top:1em;

    margin-bottom:1em;

    }



a:link {

	color: #669900;

}	



a:visited {

	color : #669900;

}	

	

a:hover {

	background-color : transparent;

	background-image : url(images/hover.gif);

	background-position : top;

	background-repeat : repeat;

}	



input, select, textarea {

	background-color : #E7E773;

	border : 1px solid #690;

	font-family : Georgia, "Bitstream Vera Serif", "Times New Roman", Times, serif;

	font-size : 10px;

}

/*4. layout */	

#kopf {

	clear: both;

	float: right;

	width: 800px;

	height: 260px;

	z-index: -1;

	background-image: url(images/header.jpg); 

	background-position: right top;

	background-repeat : no-repeat;

}



#imkopf {

	background-image: url(images/header-logo.gif); 	

	background-repeat : no-repeat;

z-index: 2;

height : 250px;

	background-position :375px 13px;

	}



#fuss {

	width: 598px;

	height: 55px;

	text-align: left;

	padding-top: 4px;

	font-size: 75%;

	float: right;

	clear: both;

	background-image: url(images/footer.jpg);

	background-position: right top;

	background-repeat : no-repeat;

}





#mitte{

background-color : #cdcc00;

color:black;

}	



#mitteplus {

	float:right;

	width : 598px;

	clear: both;

}



.abstand {

	padding: 6px;

	padding-top: 25px;

}

#verlauf {

	background-image: url(images/verlauf.jpg);

	background-repeat: repeat-x;

	background-position : top left;	

	background-color : transparent;

padding-left:30px;

padding-right:30px;

}



#supernavcontainer, #mitte {

	width : 570px;

	float: left;

	clear: both;

}

	

/* 4b. Navigation */

#supernavcontainer

{

font-family: Geneva, Verdana;	

font-size: 10px;

	font-weight: bold;

	text-align: left;

	background-color:#000;

} /* top title nav */



#supernav

{

	padding: 0;

	margin: 0;

	color: #666;

} /* top title nav */



#supernav li {

	display: inline;

	text-transform: lowercase;

	margin-left: 1px;

	margin-right: 1px;

}  /* top title tabs */



#supernav a {

	text-decoration: none;

	padding: 3px 8px 5px;

	color:white;

} /* top title tabs */



#supernav a:hover {

	text-decoration: none;

} /* top title tabs hover */



.horizontnav li {

	color : #635D18;

	display: inline;

	text-transform: lowercase;

	margin-left: 1px;

	margin-right: 1px;

	font-size : 10px;

}  /* top title tabs */



.horizontnav a {

	text-decoration: none;

	padding-right : 8px;

	padding-left : 8px;

	color : #635D18;

} /* top title tabs */



/* kommentare */

.kommentarlink {

	margin-top : 10px;

	font-size : 0.8em;

}

/*rundboxen*/

.rundbox {

	margin : 20px;

	padding : 20px;

}



.rundbox-ol {

	background-image : url(images/rundbox-ol.gif);

	background-position : top left;

	background-repeat : no-repeat;

}