/* ====================================================== */
/* ================== Aufbau generell =================== */
/* ====================================================== */
* {
	margin: 0;
	padding: 0;
}
	
body {
	font: 80% Arial, Helvetica, Verdana, sans-serif;
	line-height: 1.3em;
}

#huelle {
  	overflow:hidden;
/*	position: relative;*/ 
/* eigentlich zustaendig fuer die korrekte Anzeige des Footers ... fuehrt jedoch zu Anzeigeproblemen im Firefox (nur in Intellired ... nicht im statischen Template */
	width: 66em; 
	min-width: 768px;
	max-width: 1200px;
	margin: auto;
	
}
#kopf, #kopfbild {
	
	height:142px;
	overflow: hidden; /* IE-Win, damit der Kopfbereich auch wirklich nur x Pixel hoch ist ... */
}
#logo img {
	border: none;
}
.titelleiste h3{
	font-weight:bold;
	font-size:100%;
	padding-left:0.9em;
}
		
#hauptbereich {
	float: left;
	
}

#inhalt {
   	float: right;
	overflow:hidden;
}
#spalte-links {
   	float: left;
	overflow:hidden;
}

#spalte-rechts {
   	float: right;
	overflow:hidden;
}
.container {
	padding: .6em;
	font-size: 90%;
}

#inhalt, #spalte-links, #spalte-rechts, #hauptbereich {
	padding-bottom: 32767px;  /*Beschraenkung durch Safari, der keinen groesseren Wert zulaesst. */
	margin-bottom: -32767px;
}

#footer {
	clear:both;
	position: relative;
	z-index: 1;
	text-align: left;
}
/* ====================================================== */





/* ====================================================== */
/* ===== Breitenangaben generell mit/ohne Container ===== */
/* ====================================================== */

		/* MIT Containern */
		#hauptbereich {
			width: 80%;
		}
		#inhalt {
		   	width: 71%;
			
		}
		#spalte-links {
		   	width: 29%;
			
		}
		#spalte-rechts {
		   	width: 19.99%;
			
		}
	
/* ====================================================== */





/* ====================================================== */
/* Innenabstaende */
/* ====================================================== */
.abstand {
	padding: .4em;
}
.container_innen {
	overflow: hidden; /* schneidet automatisch ueberstehenden Inhalt ab */
	width: 100%; /* WICHTIG, damit der IE overflow:hidden; richtig anwendet */
}
#inhalt .abstand {
	padding: .4em 1.4em 1.4em 1.4em;
}

 

	#inhalt .pfadleiste .abstand {
		padding: .4em 1.4em .4em 1.4em;
	}



.containerabstand {
	margin: 0em;
	width:100%;
	height:2.1em;
	border:none;
}

.footerplacer {
	padding:0em 17em 0em 5em ;
	
}

/* ====================================================== */






/* ====================================================== */
/* Safari Overflow Fix
/* ====================================================== */
#safari-overflow-fix {
	clear:both;
	position:relative;
	left:-3000px;
	top:-3000px;
	width:0px;
	height:0px;
	overflow:hidden;
	background-color: #ff00ff; /* Farbe nur zur Kontrolle bei der Entwicklung */
}
/* ====================================================== */





/* ====================================================== */
/* Opera 8 Fix */
/* ====================================================== */
@media all and (min-width: 0px) {
	#inhalt, #spalte-links, #spalte-rechts, #hauptbereich {
	padding-bottom:0;
	margin-bottom: 0;
}		

#inhalt:after, #spalte-links:after, #spalte-rechts:after, #hauptbereich:after {
	padding-top:32767px;
	margin-bottom: -32767px;
	content: 'Opera 8 Fix';
	display:block;
	background: inherit;
	height: 0;
}			
}
/* ====================================================== */





/* ====================================================== */
/* Dinge unsichtbar machen */
/* ====================================================== */
.zusatzinfos {
	position:absolute;
	left:-1000px;
	top:-1000px;
	width:0px;
	height:0px;
	overflow:hidden;
	display:inline;
}
/* ====================================================== */





/* ====================================================== */
/* Suchmaske */
/* ====================================================== */
#suchmaske {
	padding:5px 0 5px 10px;
}
#suchmaske form {
	margin: .3em auto .3em auto;
}
#suchfeld {
	width: 100px;
	height: 14px;
	border:none;
	/*
	border-top:1px solid #0C1E44;
	border-right:1px solid #0C1E44;
	border-bottom:1px solid #2D4C89;
	border-left:1px solid #2D4C89;
	*/
	background-color:#fff;
	color:#7793C9;
	font-size: .8em;
	padding: 4px;
}
#suchfeld, #senden {
	vertical-align: bottom;
}

#senden {
	margin-left:-3px;
}


/* ====================================================== */





/* ====================================================== */
/* ======================= Hauptmenue =================== */
/* ====================================================== */

#hauptmenu {
	position:relative; /* IE/Win Float-Bug! */
	width:100%; /* IE/Win Float-Bug! */
}
#hauptnavcontainer {
/*	margin-left: 20%;*/
	height: auto;
	position:relative; /* IE/Win Float-Bug! */
/*	width:80%; /* IE/Win Float-Bug! */
}
#hauptnavcontainer ul {
	padding: 0;
	margin: 0;
	width: 100%;
	font-family: arial, helvetica, sans-serif;
}
#hauptnavcontainer li {
	display: inline;
}
#hauptnavcontainer a {
	margin:0;
	padding: 0.2em 1em;
	float: left;
	text-decoration: none;
	white-space: nowrap; /* Kein Zeilenumbruch innerhalb eines Buttons!!! IE/WIN */
}
/* ================== Automatisches Clearing ============ */
/* ====================================================== */
/* Damit die HG-Farben in der Navigationszeile sichtbar werden, muss das FLOAT gecleart werden */
/* IE-Win braucht kein Clearing, solange das float-Element eine zugewiesene Hoehe hat. */

/* Automatisches Clearing fuer alle Browser ausser IE, da er ":after" nicht interpretiert */
#hauptnavlist:after, #inhalt .bild_text:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
/* Auto-Clearing im IE funktioniert nur bei einer definierten Hoehe, daher hier die Hoehe 1% */
/* nur fuer IE zu sehen. */
/* Fuer IE-Mac verstecken \*/
* html #hauptnavlist, * html #inhalt .bild_text {
	height:1%;
}
/* Ende verstecken fuer IE-Mac */
/* ====================================================== */





/* ====================================================== */
/* ======================= Untermenue =================== */
/* ====================================================== */
#untermenu { 
	height:auto;
}
#untermenu ul {
	margin:0;
	padding-left: 0;
	list-style-type: none;
	font-family: Arial, Helvetica, sans-serif;
	border-top: 2px solid #E9E9E9;
}
#untermenu li {
	margin:0;
	display:inline;
}	

#untermenu li.abstand_in_navi {
	margin:0;
	display:block;
	height:1.6em;
}

#untermenu a {
	display: block;
	padding: 3px;
	margin:0;
}
/* === Abstaende === */
/* erste Ebene */
.erste_ebene, .erste_ebene_active {
	padding-left:30px !important;
	font-weight:bold;
}
/* zweite Ebene */
.zweite_ebene, .zweite_ebene_active {
	padding-left:40px !important;
}
/* dritte Ebene */
.dritte_ebene, .dritte_ebene_active {
	padding-left:65px !important;
}
#untermenu a:link, .navlist a:visited {
	text-decoration: none;
	margin:0;
}
/* ====================================================== */





/* ====================================================== */
/* ================= diverse Links ================= */
/* ====================================================== */

	/* Inhalte generell */
	#inhalt a:link {
		
			text-decoration:none !important;
		
	}
	#inhalt a:visited {
		
			text-decoration:none !important;
		
	}
	#inhalt a:hover, #inhalt a:active, #inhalt a:focus{
		
			text-decoration:underline !important;
		
	}

	/* Pfadleiste */
	.pfadleiste a:link {
		
			text-decoration:none !important;
		
	}
	.pfadleiste a:visited {
		
			text-decoration:none !important;
		
	}
	.pfadleiste a:hover, .pfadleiste a:active, .pfadleiste a:focus {
		
			text-decoration:underline !important;
		
	}

	/* Container */
	.container a:link {
		
			text-decoration:none !important;
		
	}
	.container a:visited {
		
			text-decoration:none !important;
		
	}
	.container a:hover, .container a:active, .container a:focus {
		
			text-decoration:underline !important;
		
	}

	.container img {
		border: none !important;
	}




	/* Seitenabschluss - Footer */
	#footer a:link {
		
			text-decoration:none;
		
	}
	#footer a:visited {
		
			text-decoration:none;
		
	}
	#footer a:hover, #footer a:active, #footer a:focus {
		
			text-decoration:underline;
		
	}

/* ====================================================== */




/* ====================================================== */
/* ======================= Typografie =================== */
/* ====================================================== */
#inhalt h1 {
	margin: .3em 0 .5em 0;
	clear:both;
	font-size: 120%;
	font-weight: bold;
}
#inhalt h2 {
	margin: .6em 0 .5em 0;
	clear: both;
	font-size: 110%;
	font-weight: bold;
}
#inhalt h3, #inhalt h4, #inhalt h5, #inhalt h6 {
	margin: .6em 0 .5em 0;
	clear: both;
	font-size: 100%;
	font-weight: bold;
}
#inhalt ul, #inhalt ol {
	line-height: 1.1em;
	margin: 0 0 1em 0;
	border-top: 1px solid #9AAED0;
	list-style-type: none;
}
#inhalt li {
	padding: .3em 0 .3em 1em;
	/*border-bottom: 1px dotted #9AAED0;*/
	background: url(/bilderLayout/aufzaehlungspunkt_inhalt.gif) no-repeat .3em .6em;
}
#inhalt .abstand {
/*	background: #ff00ff;*/ /*zum Test der Flaechen und Abstaende im IE*/
	margin-bottom: 0;
}
#inhalt p {
	margin-bottom: 1em;
}
#inhalt .pfadleiste p {
	font-size:85%;
	font-weight: normal;
	margin: 0px !important;
	padding: 0px !important;
}
#footer {
	font-size:85%;
}
#footer a {
	padding: 0em 1em 0em 1em;
}

.container p {
	padding: .4em .4em 0em .4em;
	margin-bottom: 1em;
	/*background: url(/bilderLayout/pfeil_container.gif) no-repeat left .6em;*/
}
.container ul {
	list-style-type:circle;
	margin-left: 1em;
	
}
/* ====================================================== */




/* ====================================================== */
/* ======================= Formulare ==================== */
/* ====================================================== */
.formfeld {
width: 16em;
color: #173266;
font: 100% Arial, Helvetica, Verdana, sans-serif;
background-color:#BCC6D7;
border: 1px solid #0E2654;
margin: 0;
padding: 0.2em;
}
.formlabel {
width: 8em;
float:left;
text-align: right;
padding-right: .4em;
}
.form_button {
border:1px solid #0E2654;
margin:3px 3px 3px 0;
vertical-align: bottom;
background:#0E2654;
color: #FFFFFF;
}
fieldset {
border: 1px solid #5677AD;
border: none;
margin-bottom: .5em;
}
legend {
display: none;
}
/* ====================================================== */




/* ====================================================== */
/* ======================= Bilder ======================= */
/* ====================================================== */
bild_links {
	float: left;
}
.bild_text {
	clear: both;
	margin-bottom: 1em;
/*	border: 1px dotted #00ff00;*/ /* Border nur zur Kontrolle. Hinweis: hier fehlt noch ein automatisches Clearing (einmal bitte Border sichtbar machen, dann wird es klar!*/
}
.bild_text img {
	float: left;
  	}
.bild_text p {
	margin-left: 120px;
}
/* ====================================================== */




/* ====================================================== */
/* ============ Abkuerzungen und Akronyme  ============== */
/* ====================================================== */
abbr {
	speak: spell-out;
/*	border-bottom:1px solid #FF00FF; Nur zur Eingabehilfe*/
}
abbr[title] {
	border-bottom: 1px dashed #FFFFFF;
	cursor:help;
}
abbr, acronym {
	text-transform: none; 
	font-variant:normal;
}
acronym[title] {	
	border-bottom: 1px dashed #FFFFFF;
	cursor:help;
}