/* CSS Document */

*
{
	margin: 0;
	padding: 0;
}

body
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.85em;
	line-height: 1.15em;
	color: #333333;
}

#container
{
	background: #fff;
	width: 800px;
	height: 630px;
	margin: 0 auto;
}

#container #header
{
	width: 100%;
	height: 87px;
	float: left;
	background: #FFF;
}

#container #navigation /*Hauptnavigation Erscheinungsbild*/
{
	width: 100%;
	height: 29px;
	float: left;
	background: #fff;
	overflow: visible;
	clear: both;
}

#container #navigation #navi  /*Hauptnavigation eindeutig betitelt*/
{
	width: 603px;
	height: auto;
	float: left;
	background: #fff;
}

#container #navigation #navi ul /*Navigation Listendarstellung komplett alles*/
{
	margin: 0;
	padding: 0;
	float: left;
	width: auto;
	list-style: none;
	
}

#container #navigation #navi ul li /*Hauptnavigation Listendarstellung eindeutig*/
{
	margin: 0;
	padding: 0;
	float: left;
	list-style: none;
	margin-right: 63px;
	margin-left: 1px;
	position: relative;
	
}

#container #navigation #navi ul li a /*Hauptnavigation Listendarstellung nebeneinander a steht f.Link*/
{
	color: #333333;
	font-weight: bold;
	text-decoration: none;
	font-size: 0.9em;
	
}

#container #navigation #navi ul li .sub /*Subnavigation Listendarst.untereinander z.B.Information   */
{
	position: absolute;
	left: 0;
	top: 18px;
	z-index: 10;
	margin: 0;
	padding: 0;
	font-size: 0.7em;
	line-height: 1.25em;
	
}

#container #navigation #navi ul li .sub ul
{
	margin: 0;
	padding: 0;
	float: left;
	width: auto;
	list-style: none;
	
}

#container #navigation #navi ul li .sub ul li
{
	margin: 0;
	padding: 0;
	float: left;
	list-style: none;
	margin-left: 0px;
	
}

#container #navigation #navi ul li .sub ul li a
{
	margin: 0;
	padding: 0;
	color: #333333;
	font-weight: normal;
	text-decoration: none;
	padding-left: 8px;
	background: url(../images/list_pkt.gif) 0 5px no-repeat;
	
}

#container #navigation #menu /*=Platzierung Impressum */
{
	width: 197px;
	height: auto;
	float: right;
	background: #fff;
}

#container #navigation #menu ul /*Darst. Impressum als Listelement */
{
	margin: 0;
	padding: 0;
	float: right;
	width: auto;
	list-style: none;
	
}

#container #navigation #menu ul li
{
	margin: 0;
	padding: 0;
	float: right;
	width: auto;
	list-style: none;
	margin-right: 1px;
	
}

#container #navigation #menu ul li a
{
	color: #333333;
	font-weight: normal;
	text-decoration: none;
	font-size: 0.9em;
}

#container #navigation #navi ul li a:hover, /*=aktiv der Listelemente->Erscheing.in ROT */
#container #navigation #navi ul li a.aktiv,
#container #navigation #menu ul li a:hover,
#container #navigation #menu ul li a.aktiv,
#container #navigation #navi ul li .sub ul li a:hover,
#container #navigation #navi ul li .sub ul li a.aktiv
{
	color: #993333;
}

#container #content
{
	width: 100%;
	height: auto;
	float: left;
	clear: both;
}

#container #content #cont1
{
	width: 590px;
	height: 500px;
	padding-top: 13px;	
	float: left;
	background: #fff;
	overflow: scroll;
}

#container #content #cont1 h2 /*=Hauptinhalt Überschrift grün fett*/
{
	color: #006633;
	font-size: 1.25em;
	font-weight: bold;
	line-height: 1.2em;
}

#container #content #cont1 .ueber /*=Hauptinhalt Überschrift Platzierung*/
{
	width: 100%;
	height: 60px;
	padding-top: 40px;
	overflow: hidden;
}

#container #content #cont1 .ueber h1 /*=Hauptinhalt Überschrift grün fett*/
{
	color: #006633;
	font-size: 1.25em;
	font-weight: bold;
	line-height: 1.2em;
}

#container #content #cont1 .main /*=Hauptinhaltgröße links*/
{
	/*height: 400px;*/
	width: 590px;
	overflow: auto;
	background:#FFF;
	overflow: hidden;
}

#container #content #cont1 .main ul /*=wenn im Hauptinhalt eine Liste mit Anführungsstrich ist*/
{
	z-index: 0;
	padding: 0;	
	margin: 0px; 
	width: 318px;
}


#container #content #cont1 .main ul li
{
	color: #333333;
	font-weight: normal;
	padding-left: 15px;
	list-style: none;
	background: url(../images/list_strich.gif) 0px 7px no-repeat;
}

#container #content #cont1 .main .link /*=wenn im Hauptinhalt ein Link ist */
{
	z-index: 0;
	padding: 0;	
	margin: 0px; 
}

#container #content #cont1 .main .link a /*=wenn im Hauptinhalt ein Link aktiv ist */
{
	font-size: 0.9em;
	color: #666;
	font-weight: normal;
	padding-left: 0px; 
}

#container #content #cont1 .main .link a:hover, /*=aktiv im Maintext in ROT */
#container #content #cont1 .main .link a.aktiv

{
	color: #993333;
}

#container #content #cont1 .main .undercover /*=wenn im Hauptinhalt ein versteckter Link ist */
{
	z-index: 0;
	padding: 0;	
	margin: 0px; 
}

#container #content #cont1 .main .undercover a /*=wenn im Hauptinhalt ein Link aktiv ist */
{
	font-size: 1.0em;
	color: #333;
	font-weight: normal;
	padding-left: 0px; 
	text-decoration: none;
}

#container #content #cont1 .main .undercover a:hover, /*=aktiv in ROT */
#container #content #cont1 .main .undercover a.aktiv

{
	color: #993333;
}



#container #content #cont1 .main .mailto /*=wenn im Hauptinhalt ein mailto ist */
{
	z-index: 0;
	padding: 0;	
	margin: 0px; 
}

#container #content #cont1 .main .mailto a /*=wenn im Hauptinhalt ein mailto aktiv ist */
{
	font-size: 1.0em;
	color: #333;
	font-weight: normal;
	padding-left: 0px; 
	text-decoration: none;
}

#container #content #cont1 .main .mailto a:hover, /*=aktiv im Maintext in ROT */
#container #content #cont1 .main .mailto a.aktiv

{
	color: #993333;
}



#container #content #cont1 .main .ueber /*=wenn im Hauptinhalt ein Link ist */
{
	z-index: 0;
	padding: 0;	
	margin: 0px; 
	width: 100%;
	height: 20px;
	padding-top: 0px;
}

#container #content #cont1 .main .ueber h1 /*=wenn im Hauptinhalt ein Link ist */
{
	font-size: 1.15em;
	color: #333;
	font-weight: normal; 
	line-height: 1.15em;
}


/*#container #content #cont1 .main ol
{
	margin-left: 40px;
	padding: 0;
}

#container #content #cont1 .main ol li
{
	margin: 0;
	padding-left: 20px;
}*/


#container #content #cont2 /*=Hauptinhalt Bilder/Farben rechts*/
{
	width: 197px;
	height: auto;
	float: right;
	background: #fff;
}

#container #content #cont2 .pic
{
	width: 197px;
	height: 158px;
	float: right;
	margin-top: 13px;
}

#container #content #cont2 .grau
{
	background:  #CCC;
	
}

#container #content #cont2 .gruen
{
	background:  #005A3C;
}

#container #content #cont2 .rot
{
	background:  #993333;
}

#container #content #cont2 .pic img
{
	margin-left: 22px;
	margin-top: 24px;
}

#container #content #cont3 /*=Disclaimer*/
{
	width: 590px;
	height: auto;
	padding-top: 5px;	
	float: left;
	background: #fff;
}

#container #content #cont3 .ueber /*=Disclaimer Überschrift Platzierung*/
{
	width: 100%;
	height: 40px;
	padding-top: 20px;
}

#container #content #cont3 .ueber h1 /*=Disclaimer Überschrift grün fett*/
{
	color: #006633;
	font-size: 1.25em;
	font-weight: bold;
	line-height: 1.2em;
}

#container #content #cont3 .main /*=Disclaimer_größe*/
{
	height: 600px;
	width: 590px;
	overflow: auto;
	background:#FFF;
}

#container #content #cont1 .main .link /*=wenn im Hauptinhalt ein Link ist */
{
	z-index: 0;
	padding: 0;	
	margin: 0px; 
}

#container #content #cont3 .main .link a /*=wenn im Hauptinhalt ein Link aktiv ist */
{
	font-size: 0.9em;
	color: #666;
	font-weight: normal;
	padding-left: 0px; 
}

#container #content #cont3 .main .link a:hover, /*=aktiv im Maintext in ROT */
#container #content #cont3 .main .link a.aktiv

{
	color: #993333;
}