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

#schatten_rechts{
	width: 54.9em;
	margin:0 auto;
	background:url('/bilderLayout/schatten_oben_rechts.gif') no-repeat top right;
}

#schatten_links{
	width: 54.4em;
	margin-right:.4em ;
	background:url('/bilderLayout/schatten_oben_links.gif') no-repeat top left;	
}

#huelle {
	width: 54.1em; 
	min-width: 54.1em;
	max-width: 1200px; 
	margin-left:.4em ;
}

#kopf, #kopfbild {
	height:72px;
}


#logo img {
	border: none;
}

		
#hauptbereich {
	margin:0;
	padding:0px;
	width: 54.1em; 
	border:0px;
	clear:both;
	
}

/*  Breitenangaben generell mit/ohne Container*/

	
		/* OHNE Container */
		
		#spalte-links {
			width:24%;
			padding:0px;
			margin:0px;
			text-align:left;
			valign:top;
		}
		#inhalt {
			width:76%;
			padding:0px;
			margin:0px;
			text-align:left;
			valign:top;
			overflow:hidden;
		}
		

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




#container-gesamt{
	
	width:96%;
	margin:3.25em 0 0 .3em;
	overflow:hidden;
}

.container{
	margin:0em 0em 1em 0em;
	font-size:.9em;
}


#footer {
	clear:both;
	text-align: center;
	
}
/* ====================================================== */







/* ====================================================== */
/* 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: .1em .5em 1.4em .5em;

}
#inhalt .pfadleiste{
	padding:0;
	margin:0;
}
#inhalt .pfadleiste .abstand {
	padding: 1em .4em 1em 0em;
	border-bottom:0.1em solid #C7C7C7;
}
/* ====================================================== */







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





/* ====================================================== */
/* Suchmaske */
/* ====================================================== */
#suchmaske {
	padding:2px 0 2px 10px;
}
#suchmaske form {
	margin: .3em auto .3em auto;
}
#suchfeld {
	font-size: .9em;
	width: 8.4em;
	height: 1.6em;
	border-top:2px solid #B7B7B7;
	border-right:2px solid #D8D7D7;
	border-bottom:1px solid #D8D7D7;
	border-left:1px solid #B7B7B7;
	background-color:#E9E9E9;
	color:#8F8F8F;
	
	padding: 1px;
}
#suchfeld, #senden {
	vertical-align: bottom;
}
/* ====================================================== */





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

#hauptmenu {
	width:100%; /* IE/Win Float-Bug! */
}
#hauptnavcontainer {
	height: auto;
}
#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;
	margin-left:1em;
	margin-right:.7em;
}
#untermenu ul {
	margin:0;
	padding-left: 0;
	list-style-type: none;
	font-family: Arial, Helvetica, sans-serif;
	/*border-top: 1px dotted #5374B2;*/
}
#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:7px !important;
	font-weight:bold;
}
/* zweite Ebene */
.zweite_ebene, .zweite_ebene_active {
	padding-left:20px !important;
}
/* dritte Ebene */
.dritte_ebene, .dritte_ebene_active {
	padding-left:28px !important;
}
#untermenu a:link, .navlist a:visited {
	text-decoration: none;
	margin:0;
}
/* ====================================================== */





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

	/* Inhalte generell */
	#inhalt a:link {
		
			text-decoration:underline !important;
		
	}
	#inhalt a:visited {
		
			text-decoration:underline !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 dotted #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;
}
.pfadleiste p {
	font-size:1em ;
	margin: 0 !important;
	padding: 0 !important;
}
#footer {
	font-size:85%;
}
#footer a{
	padding: 0em 0.5em 0em 0.5em;
}

.container p {
	padding: .4em .4em 0 0.6em;
}
hr{
	
		margin:10px 0px;
	
	
	padding:0px;
}
.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;
}