/* Style Sheet 				*/
/* base.css    				*/
/* Grundeinstellungen fuer alle Seiten	*/
/* Created	: 01.11.2008		*/
/* Created by	: Edsch			
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

/* alle positionen auf 0 setzen */

*{ 
	margin: 0px;
	padding: 0px;
 	}
 
 /* format fuer den gesamten body bereich festlegen */
 
 body { 
 	min-width: 1000px;
 	background-color: #787858; 
 	font-family: Verdana, Arial, Helvetica, sans-serif; 
 	font-size: 13px;
 	line-hight: 15px;
 	}
 
/* format bei verwendung <p>, abstand zur kastenlinie */ 
 
 p { 
 	 margin-bottom: 1em;
 	 }
 
 /* bei einbinden von bildern wird die rahmenbildung unterbunden */
 
 img { 
 	border: none;
	}

/* Formate fuer die Ueberschriften feiner einstellen */

h1 { 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 15px;
	padding: 10px 0 10px 10px;
	text-decoration: none;
	background: #787858;
	color: #cccc99;
	}

h2 { 	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	padding: 5px 0 5px 5px;
	text-decoration: none;
	background: #bcb483;
	}

h3 { 	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 15px;
	padding: 10px 0 10px 10px;
	text-decoration: none;
	background: #bcb483;
	}

h4 { 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	padding: 5px 0 5px 5px;
	text-decoration: none;
	background: #787858;
	color: #cccc99;
	}
	
h5 { 	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 20px;
	text-align: center;
	text-decoration: none;
	border: 2px ridge #787858;
	background: #cccc99;
	color: #787858;
	 }

h6 { 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	padding: 0;
	text-decoration: none;
	font-weight: normal;
	}

/* Textfarben fuer die verschiedenen Linkzustaende definieren */

a:link { 
	color: #330033;
	}

a:visited { 
	color: #787858;
	}


a:active { 
	color: #336600;
	}

/* devinieren des elementes paartal */

#paartal {
  	position: relativ;
 	width: 980px;
 	margin: 0 auto;
 	background-color: #cccc99;
 	text-align: left;
	}
 	
/* format fuer die obere navigationsleiste */ 

#navitop { 				/* grundsaetzliche formatierung */
	margin:0;			/* Rahmen an Postion 0 ausrichten */
	padding-top: 0;			/* Innenrahmen an Postion 0 ausrichten */
	text-align: center;		/* Textausrichtung zentriert */
	background-color: #787858;	/* Hintergrundfarbe fuer menuezeile definieren */
	color: #cccc99;			/* schriftfarbe fuer menue definieren */
	width: 980px;			/* breite des rahmens festlegen */
	font-size: 13px;		/* schriftgroesse fuer menue festlegen */
	font-weight: bold;		/* schriftdicke festlegen */
	}
	
#navitop li { 				/* grundsatzformat fuer alle li bereiche */
	list-style: none;		/* auflistungszeichen werden ausgeblendet */
	display: inline;
	margin: 0.1em;			/* abstand f */
	padding: 0;
	position: relative;
	}

/* korrektur fuer ie 5 und 6 */	
* html #navitop li { 
	margin-bottom: -0.1em;
	}				

/* korrektur fuer ie7 */
*:first-child+html #navitop li { 
	height: 18px;
	margin: 0.1em;
	border: 0px dotted #787858;
	}				

	
#navitop a { 
	padding: 0.1em;
	color: #cccc99;
	text-decoration: none;		/* unterdrueckt das anzeigen der menuepunkte als LINK */
	}
	
#navitop li ul { 			/* format wo u-navi erscheinen soll */
	height: auto;
	margin: 0;
	padding: 0;
	text-align: left;
	position: absolute;
	top: 1.3em;			/* definiert abstand zu hauptmenuepunkt */
	left: -0em;
	display: none;			/* Unternavigation ausblenden */
	
	border-left: 1px dotted #787858;
	border-right: 1px dotted #787858;
	border-top: 1px dotted #787858;
	border-bottom: 0px dotted #787858; 
	}
	
/* korrektur fuer ie 5.x */
 * html #navitop li ul { 
	left: -1.1em;
	lef\t: -0em;
	}				

/* korrektur fuer ie 7 */
*:first-child+html #navitop li ul { 
	background-color: #cccc99;		/* Testen was passiert */
	padding: 0em;
	border-left: 1px dotted #787858;
	border-right: 1px dotted #787858;
	border-top: 1px dotted #787858;
	border-bottom: 0px dotted #787858; 
	}				

	
#navitop li:hover ul { 
	display: block;			/* Unternavigation einblenden */
	}
	
#navitop li ul a { 
	font-weight: bold;
	background-color: #cccc99;
	color: #787858;
	}
	
#navitop li ul li {			/* format fuer einzeige w/unternavi offen */
	font-size: 12px;
	float: none;
	display: block;
	background-color: #cccc99;
	margin: 0;
	padding: 1px 1px 1px 1px;
	border-left: 0px dotted #787858;
	border-right: 0px dotted #787858;
	border-top: 0px dotted #787858;
	border-bottom: 1px dotted #787858;
	}

#navitop li ul li a:hover { 		/* festlegen des formates wenn mauszeiger auf dem menuepunkt */	
	font-weight: bold;
	background-color: #787858;
	color: #cccc99;
	}

/* korrektur fuer ie 5.x */
* html #navitop li ul li{ 
	left: -1.1em;
	lef\t: -0em;
	}

/* korrektur fuer ie 7 */
*:first-child+html #navitop li ul li { 
	width: 200px;			/* breite festlegen w/unterstrich */
	margin-top: 0.4em;
	background-color: #cccc99;	/* Testen was passiert */
	/* padding: 1px 1px 1px 1px;	*/
	border-left: 0px dotted #787858;
	border-right: 0px dotted #787858;
	border-top: 0px dotted #787858;
	border-bottom: 1px dotted #787858;
	}


	
#navitop li a:hover { 		/* festlegen des formates wenn mauszeiger auf dem menuepunkt */	
	font-weight: bold;
	background-color: #cccc99;
	color: #787858;
	}
	 
#navitop li span.akt { 			/* format fuer kennzeichnung der aktuellen seite */
	font-weight: bold;
	color: #aeb11f;
	}

/* einbinden einer hintergrundgrafik fuer fluessigen uebergang */

#uebergang { 
	width: 980px;
	height: 10px;
	background: url('../image/bkg_uebergang.gif') no-repeat left top;
	}

/* Navigationsleiste fuer Linke Seite erstellen */

#navileft { 
	position:relative;
	float: left;
	width: 150px;  /* auto oder 150px? */
	min-height: 400px;
	border-style: ridge;
	border-width: 2px;
	color: #cccc99;
	border-color: #cccc99;
	padding: 5px 5px 5px 5px;
	background-color: #787858;
	font-style: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	line-height: 1.8em;
	} 
	
/* korrektur fuer ie 5 und 6 */	
* html #navileft  { 
	line-height: 1.0em;
	
	}			

#navileft img { 
	padding: 0 0 11px 5px;
	display:block;
	
	}
	
#navileft ul { 
	list-style: none;
	}

#navileft li { 
	display: block;
	padding: 0 0 0 1px;
	margin: 0 0 0 0;
	}
	
/* korrektur fuer ie 5 und 6 */	
* html #navileft li { 
	margin-bottom: -0.1em;
	}				
	
	
#navileft li a { 
	display: block;
	color: #cccc99;
	text-decoration: none;
	padding: 0 0 0 5px;
	}

#navileft li a:hover { 		/* festlegen des formates wenn mauszeiger auf dem menuepunkt */	
	font-weight: bold;
	background: #cccc99;	
	color: #787858;			
	}

/* korrektur fuer ie 5 und 6 */	
* html #navileft li a:hover { 
	color: #000000;
	}				
	
#navileft li span.akt { 
	font-weight: bold;
	color: #000000;
	}
	
/* Kasten fuer die normalen Mitteilungen definieren wenn Menue auf der linken Seite ist*/
	
#content { 
	
	background-color: #cccc99;
	min-height: 420px;
	float: left;
	width: 770px; /* 750px oder auto*/
	padding: 10px 20px 0 10px;
	}
	
#content span.seitanf {
	font-size: 9px;
	float: right;
	}

/* Kasten fuer Mitteilungen/Infos wenn KEIN Menue auf der linken Seite ist */

#contentall { 
	
	background-color: #cccc99;
	min-height: 420px;
	float: left;
	width: 940px;
	padding-top: 10px;
	padding-left: 20px;
	padding-right: 20px;
	}

#contentall span.seitanf { 
	font-size: 9px;
	float: right;
	}
	
/* Formatierung fuer Fusszeile defineren und Hintergrund.gif einbinden */

#footer { 
	clear: both;
	width: 980px;
	height:20px;
	background: url('../image/bkg_footer.gif') no-repeat left bottom;
	}
	
#footer p { 
	font-size: 10px;
	position: relative;
	text-align: center;
	color: #787858;
	}
	
#footer span.fleft { 
	padding-right: 300px;
	}
	
#footer span.fright { 
	padding-left: 300px;
	}

.right { 
	display: block;
	float: right;
	padding-left: 20px;
	}