/*ACHTUNG: 

Das IE7.js/IE8.js-Skript (um Darstellungsprobleme beim IE6 zu umgehen) hat Schwierigekleiten mit Umlauten in CSS-Dateien, AUCH IN DEN KOMMENTAREN!!! Die typische Fehlermeldung in der Javascript-Konsole lautet: "style ist null oder kein Objekt" 

Ansonsten:
Die Schrift Lucida NIE benutzen, sie rendert stark unterschiedlich
"floated"-Divs muessen ein display:inline und overflow:hidden notiert haben
Container, die Floatende Divs enthalten, muessen overflow:auto und eine width und/oder height-Angabe haben

*/

/* RESET fuer alle Abstaende etc: */
@import"reset.css";

/* Höhe auf 100% setzen: */
html, body{
	height:100%;
}

/* Wichtige Farben
Name Farbe 1 		= #
Name Farbe 2		= #
*/


body, html, p, div, td, input, textarea, select, h1, h2, h3, h4, h5, h6{
	font-family: Arial, Verdana;
	font-size:12px;
	margin:0;
	padding:0;
}

/* Bug im IE:  Inputfelder haben immer einen Margin oben*/
input { margin:-1px 0; }      /* all browsers read this, used to target IE6 */
html>body input { margin:0px; }       /* IE 6 cannot read this, others can */
*+html>body input {margin:-1px 0; }      /* targets IE7 */

/* Hier allgemeingültige Formatierungen */
a {
   text-decoration:none;
   color:#000;
   
}
body{
	background:url(../m/bg_kopf_body.jpg) repeat-x;
}

/* Beginn CLEAR-Problematik */
	/* Oft ist das Clearen gar nicht noetig: Man kann dem umgebenden Container ein "overflow:auto;" oder auch ein "overflow:hidden;" geben und eine Breitenangabe. Floatende Divs benoetigen eine Breitenangabe, "diplay:inline" und "overflow:hidden;". Das Layout muss bei Anwendung bitte in den verschiedenen Browsern getestet werden. */
	.cl{
		clear:both;
		height:0;
		font-size:1px;
		line-height:1px;
		overflow:hidden;
	}
	/* ALTERNATIV kann auch dem umgebenden Container die Klasse .clearfix migeben, die nachfolgend definiert ist. */
	.clearfix:after {
		content:".";
		display:block;
		height:0;
		clear:both;
		visibility:hidden;
	}
	.clearfix {display:inline-block;	}
	/* Hide from IE Mac \*/
		.clearfix {display:block;}
	/* End hide from IE Mac */
	/*Angabe fuer IE6*/
	* html .clearfix{height:1px;}
	/*Ende Angabe fuer IE6*/
/* Ende CLEAR-Problematik */

/* Klasse sinnvoll bei Dingen, die beispielsweise nur im Drucklayout abgezeigt werden sollen */
.inv{
	display:none;
}
a img{
	border:0;	
}

/* Sektionsweite Formatierungen */
#wrapper{
	margin:20px 0 0 0;
	 width:922px;
}
#kopf{
	height:105px;
	background:url(../m/bg_kopf.jpg) no-repeat #BFD267;
	margin:0 0 25px 0;
}
#logobereich{
	padding:36px 0 0 28px;
	display:inline;
	overflow:hidden;
	float:left;
}
#hauptzeile{
	overflow:auto;
	width:922px;
}
/*********Loginbereich*********/
#loginbereich{
	display:inline;
	overflow:hidden;
	float:left;
	margin:0 0 0 610px;
	line-height:18px; 
}
#loginbereich ul{
	margin:20px 0 0 0;
	padding:0;
}
ul.menue_login {
	list-style:none;
	font-size:12px;
}
	
ul.menue_login li {
	list-style-type:none;
	margin:0;
	padding:0;
}
ul.menue_login li a{
	color:#4E4D55;
	background:url(../m/pfeil.gif) no-repeat 0 0.2em;
	padding:0 0 0 15px;
}
ul.menue_login .highlight a{
	color:#4E4D55;
	background:url(../m/pfeil.gif) no-repeat 0 0.2em #ECFF87;
}
ul.menue_login .highlight a:hover{
	color:#000;
	background:url(../m/pfeil_hover.gif) no-repeat 0 0.2em #B6C862;
}
ul.menue_login li a:hover{
	color:#BFD267;
}
#inhalt{
	overflow:hidden;
	margin:0 0 7px 0;
	width:719px;
	float:left;
	display:inline;
	background:#F9FCE8;
}
/************Hauptmenue****************/
#hauptmenuewrapper{
	display:inline;
	overflow:hidden;
	float:left;
	width:203px;
}
#hauptmenue{
	width:203px;
	margin:0 0 50px 0;
	padding:0;
}
#hauptmenue ul {
	list-style:none;
	width:163px;
	margin:0 0 0 40px;
	padding:0;
}
#hauptmenue ul ul{
	margin:0;
	padding:0 0 0 10px;
	width:135px;
	/*border:1px solid red;*/
}
#hauptmenue ul li{
	margin:0 8px 8px 0;
	/*border:1px solid red;*/
} 
#hauptmenue .level1{
	padding:5px 0 5px 10px;
	margin:0;
	line-height:17px;
}
#hauptmenue .level1_actsub{
	padding:5px 0 5px 10px; 
	margin:0;
}
#hauptmenue .level1_actsub a{
	color:#fff;
}
#hauptmenue .level2{
	font-size:12px;
	padding:7px 0 0 15px;
}
#hauptmenue .level2_on{
	background:url(../m/pfeil.gif) no-repeat 0 0.7em;
	font-size:12px;
	padding:7px 0 0 15px; 
}
/* hier beginnt das fuer die Box relevante CSS  */
div {
	margin:0;
}

.ro {
	background:url(../m/roundedbox_ro.jpg) top /* right  */no-repeat;
	min-height:1px;
	margin:0 0 7px 0;
}

.lo {
	background:url(../m/roundedbox_lo.jpg) top left no-repeat;
	min-height:1px;
}

.ru {
	background:url(../m/roundedbox_ru.jpg) bottom /* right  */no-repeat;
	min-height:1px;
}

.lu {
	background:url(../m/roundedbox_lu.jpg) bottom left no-repeat;
	min-height:1px;
}

.ro li {
	margin:0;
	/* padding:2.5em 2.5em 3.5em 2.5em; */
	/* padding:5px; */
	/* line-height:17px; */
}

.ro_aktiv {
	background:url(../m/roundedbox_aktiv_ro.jpg) top no-repeat;
	min-height:1px;
	margin:0 0 7px 0;
}

.lo_aktiv {
	background:url(../m/roundedbox_aktiv_lo.jpg) top left no-repeat;
	margin:0;
	min-height:1px;
}

.ru_aktiv {
	background:url(../m/roundedbox_aktiv_ru.jpg) bottom no-repeat;
	min-height:1px;
}

.lu_aktiv {
	background:url(../m/roundedbox_aktiv_lu.jpg) bottom left no-repeat;
	
}
.ro_aktiv li {
	margin:0;
	/* padding:2.5em 2.5em 3.5em 2.5em; */
	/* padding:5px; */ 
	line-height:17px;
}



/****************Inhalt*****************/
#mantel{
	overflow:auto;
	width:719px;
	border-bottom:1px solid #B6C862;
	margin:0 0 20px;
}
#leitspruch{
	width:323px;
	background:url(../m/inhalt_oben_rund.jpg) no-repeat #F9FCE8;
	display:inline;
	overflow:hidden;
	float:left;
	padding:26px 0 0 0;
}
#leitspruch p{
	line-height:18px;
	font-size:12px;
	color:#6A7F02;
	padding:0 10px 0 30px;
	overflow:hidden;
}
#leitspruch h2{
	font-size:18px;
	color:#6A7F02;
	line-height:25px;
	padding:0 0 0 30px;
}
#leitspruch a{
	color:#6A7F02;
	font-weight:bold;
}
#kategoriebild{
	display:inline;
	overflow:hidden;
	float:left;
	width:394px;
	border-left:1px solid #b6c862;
	border-right:1px solid #b6c862;
	border-top:1px solid #b6c862;
	height:150px;
}
#kategoriebild img{
	width:394px;
	height:150px;
}
#text{
	padding-left:30px;
}
#text h3{
	font-size:15px;
	color:#6A7F02;
	padding:0 0 15px 0;
	line-height:25px;
}
/*#text h3{
	font-size:12px;
	font-weight:bold;
	padding:20px 0 20px 30px;
	color:#6A7F02;
}*/
#text p{
	margin:0 10px 30px 0;
	line-height:20px;
	font-size:12px;
}
#text p strong{
	color:#6A7F02;
}
#text a{
	color:#6A7F02;
	font-weight:bold;
	font-size:12px;
	text-decoration:underline;
}
#text ul{
	margin:0 100px 0 50px;
}
#text b{
	color:#6A7F02;
	font-weight:bold;
}
#text ul li{
	background:url(../m/listenpunkt.jpg) no-repeat scroll 0 0.6em;
	line-height:20px;
	font-size:12px;
	color:#6A7F02;
	padding:0 0 10px 20px;
	list-style-type:none;
}
#extension{
	background:#F0F4DB;
}
/***************footer*********************/
#footer{
	margin:0 0 80px 203px;
	background:url(../m/footer_unten_rund.jpg) no-repeat #bfd267 bottom;
	height:20px;
	width:719px;
	margin-bottom:50px;
}
#footer p{
	padding:4px 4px 4px 30px;
	color:#000;
	font-size:11px;
}
.div.csc-textpic-center div.csc-textpic-imagewrap {
	margin:0;
}


div.csc-textpic-clear {
	clear:both;
	margin-bottom:30px;
}



#hauptmenuewrapper, .externe_links{
	/*width:203px;*/
}
.externe_links{
	margin: 0 0 0 40px;
}