/*################## BASIS PLUS #########################*/


/* Formatierung der Seite */

/*body {background-image:url("../graf/hgneu.gif");padding: 0px;height:100%;margin:0;}*/
* {-moz-outline: none;outline:none;}
html {height:100%;}
body {background-image:url("../graf/hgneu.gif");padding: 0px;height:100%;margin:0;}

#rahmen {width:900px;height:100.01%;border:0px solid red;margin:auto;position:relative;}

/* "seite" richtet alles vertikal mittig aus */
#seite{position:absolute;top:50%;margin-top:-320px;width:900px;border:0px solid black;font-size:12px;letter-spacing:1px;padding:10px 0 10px 0;}
#rahmen2 {border:0px solid red;} /* "rahmen2: Lesen der Hoehe  -- evtl. äußerer Rahmen" */
#rahmen1 {border:0px solid #f5f5f5;}  /*  evtl. als Zusatz-Innenrahmen einfügen  */

/* Formatierung der Kopfbereiches */
#kopfnav {height:80px;border:0px solid white;}
#kopf0 {height:10px; color: #000;position:relative;}
#titeltxt {position:absolute;top:0;left:0;visibility:hidden;font-size:6px;}
#kopf {height:100px; color: #000;border:0px solid black;}
#kopf1 { height:80px;color:#888; margin: 0;padding-right:60px;border:0px solid black;}
#kopfx {height:200px; color: #000;border:0px solid black;}
#titel {height:160px;color: #fff;padding-left:160px;}

#headergal { height: 1px; color: #fff; border:0px red solid}
#headerTxt { height: 140px; color: #fff; border:0px red solid}
#header img {margin: 48px 0 0 40px; font-size:208%;}

/* Formatierung der Fußzeile */
#fussnav {clear:both;height:30px;color:#888; margin:0;padding-right:30px;border:0px solid white;font-size:11px;}

/*###### NAVIGATIONEN ######*/

/*### Startseite ###*/
#bauch {padding:20px 0 0 0;border:0px solid black;}
#bauchli {border:0px solid #000;margin-left:230px;float:left;position:relative;display:inline;}
#al {position:absolute;top:210px;left:-16px;}
#be {position:absolute;top:10px;left:26px;}
#ga {position:absolute;top:32px;left:230px;}
#de {position:absolute;top:100px;left:320px;}
#so1 {position:absolute;top:230px;left:370px;}
#so2 {position:absolute;top:220px;left:224px;}
#app {position:absolute;top:330px;left:330px;}
#bauchre {border:0px solid #000;margin-right:40px;padding-top:180px;float:right;position:relative;line-height:8px;display:inline;}
#bauchre img {border:0px solid red;margin-top:12px;}

#na5 {padding-top:10px;}

/*###### Fussnavigation ######*/

#navi1 {margin-top:10px;border:0px solid black;float:right;display:inline;}
#navi1 td {text-align:right;font-size:11px;}
#navi1 td a {padding-left:33px;}

#navi11 {margin-top:8px;border:0px solid black;float:right;display:inline;}
#navi11 td {width:100px;text-align:right;}

#navi2 {margin-top:0px;margin-left:44px;float:left;text-align:left;border:0px solid red;display:inline;}
#navi2 a {outline:0;}
#navi21 {margin-top:10px;margin-left:60px;float:right;text-align:left;border:0px solid black;display:inline;}

#navi3 {margin-top:20px;margin-right:30px;float:right;text-align:right;border:0px solid red;display:inline;}
#nak1, #nak2, #nak3, #nak4, #nak5, #nak6, #nak7 {display:none;border:0px solid green;padding:6px 0 0 20px;margin:0;}

#navra {border:0px solid green;height:42px;margin-top:12px;}

/*###### ANZEIGEFLÄCHE ######*/

#mitte {height:600px;padding:0px;border:0px solid red;}
#mitte1 {height:530px;padding:0px;border:0px solid white;}
#mitte2 {height:530px;padding:0px;border:0px solid red;}
#mitte3 {height:530px;padding-left:0px;border:0px solid #ccc;}
#mitte4 {padding:0px;border:0px solid red;text-align:center;color:#666;}
#mitte5 {padding:10px 100px 0 60px;border:0px solid red;text-align:center;color:#666;line-height:20px;}
#mitte5 a {color:black;}

#mitte5 h1 {padding:0px;font-size:15px;font-weight:bold;text-align:left;margin:0 0 0 220px;}
#mitte5 h2 {padding:0px;font-size:15px;font-weight:bold;text-align:left;margin:0 0 0 100px;}
#mitte5 h3 {padding:0px;font-size:15px;font-weight:bold;text-align:left;margin:0 0 0 60px;}
#mittex {height:530px;padding:0px;border:0px solid black;}
#mittex div {padding:20px 0 0 150px;}

#epgraf {float:left;margin-right:20px;padding-top:20px;display:inline;}
#epgraf2 {border:0px solid red;text-align:left;margin-left:20px;}
#eptxt {padding:0 80px 0 180px;text-align:left;letter-spacing:1px;}
#eptxt0 {padding-left:220px;text-align:left;line-height:16px;}
#eptxt1 {padding-left:260px;text-align:left;line-height:16px;}
#eptxt2 {padding-left:180px;text-align:left;}
#eptxt3 {padding-left:140px;text-align:left;}
#eptxt4 {padding-left:220px;text-align:left;}

#zur {text-align:center;font-size:11px;margin-top:50px;}
#zur a {color:#666;}
#zur a:hover {color:black;}

#graf1 {margin-left:200px;}
#graf2 {margin-left:180px;}
#graf3 {margin-left:130px;}
#graf4 {margin-left:120px;}
#graf5 {margin-left:120px;}
#graf6 {margin-left:170px;}
#graf7 {margin-left:50px;}

#iko1 {margin-left:180px;}
#iko1 .u {height:60px; width:100px;border:0px solid red;}
#iko1 .u1 {height:60px; width:420px;border:0px solid green;}
#iko1 .o {height:90px;border:0px solid white;vertical-align:top;}
#iko1 .u a img {border:1px solid #f5f5f5;}
#iko1 .u1 a img {border:0;}

#iko2 {margin-left:180px;}
#iko2 .u {height:60px; width:100px;border:0px solid red;}
#iko2 .u1 {height:60px; width:400px;border:0px solid green;}
#iko2 .o {height:90px;border:0px solid white;vertical-align:top;}
#iko2 .u a img {border:1px solid #f5f5f5;}
#iko2 .u1 a img {border:0;}

#iko3 {margin-left:140px;}
#iko3 .u {height:58px; width:100px;border:0px solid red;}
#iko3 .u1 {height:58px; width:570px;border:0px solid green;}
#iko3 .o {height:74px;border:0px solid white;vertical-align:top;}
#iko3 .u a img {border:1px solid #f5f5f5;}
#iko3 .u1 a img {border:0;}

#iko4 {margin-left:180px;}
#iko4 .u {height:60px; width:100px;border:0px solid red;}
#iko4 .u1 {height:60px; width:400px;border:0px solid green;}
#iko4 .o {height:90px;border:0px solid white;vertical-align:top;}
#iko4 .u a img {border:1px solid #f5f5f5;}
#iko4 .u1 a img {border:0;}

#iko5 {margin-left:140px;width:620px;}
#iko5 .o {height:90px;border:0px solid white;vertical-align:top;}
#iko5 .u {height:180px;padding-left:40px;}
#iko5 .u1 {line-height:4px;}

#ikox {float:left;margin:56px 0 0 14px;display:inline;}
#ikox .u {height:60px; width:60px;border:0px solid red;}
#ikox .u a img {border:1px solid #f5f5f5;}
#ikox .u a:hover img {border:1px solid #ccc;}

#ikox1 {float:left;margin:46px 0 0 14px;display:inline;}
#ikox1 .u {height:60px; width:60px;border:0px solid red;}
#ikox1 .u a img {border:1px solid #f5f5f5;}
#ikox1 .u a:hover img {border:1px solid #ccc;}

#ep0 {position:absolute;top:40px;right:40px;}
#ep1 {position:absolute;top:186px;left:450px;}
#ep2 {position:absolute;top:346px;left:136px;}
#ep3 {position:absolute;top:200px;left:200px;}
#ep4 {position:absolute;top:390px;left:506px;}

#pols1 {padding:100px 0 0 200px;line-height:18px;}
#pols2 {padding:60px 0 0 160px;border:0px solid #ccc;color:#666;}
#pols2 h2, #pols3 h2 {font-size:16px;padding:0;margin:0 0 30px 28px;color:#666;}

#poltxt {margin:0;padding-left:30px;line-height:1.6em;}
#poltxt1 {margin:0;padding-left:30px;line-height:1.8em;}


 #links1 {
	 width:320px;
	 vertical-align:top;
}
#links2 {
	width:320px;
	vertical-align:top;	 
}
#links1 a, #links2 a {
	 letter-spacing:0;
}

#mili {border:0px solid red;letter-spacing:2px;line-height:18px;font-size:12px;color:#666;}
#mili h1 {margin:0 0 20px 0;padding:0;font-size:12px;}
#mili p {margin:0;padding:0;}
#mili a {color:#000;}
#mili a:hover {color:#999;}
#milix {float:right;width:360px;border:1px solid red;letter-spacing:2px;display:inline;}

#mire {float:right;display:inline;}
#mirex {float:left;display:inline;}


/* Bilderschau */

#dimmer {
	position:absolute;
         width:100%;
         border:0px solid red;
         top:0;
         left:0;
         background-image: url(graf/fliese.png);
         display:none;
         z-index:20;
}

#szene {
	margin-top:1%;
	text-align:center;
         color:black;
}
#szene img {
	padding:0;
         border:0px solid white;
}
#szene a {
	text-decoration:none;
         font-size:12px;
         padding-bottom:4px;
         color:#ccc;
}
#xx {height:350px;border:0px solid red;}
.hidefocus {
	outline:0;
         -moz-outline:0;
}

/*###### Links ######*/

#app1 {position:absolute;top:116px;right:24px;}


/*######  Inhalt der anderen Rubriken  ######*/

/* linke Spalte */
#col1 {	width: 22.5%; }
#col1_content { margin-left: 1em; margin-right: 1em; color: #444; background:inherit; }

/* Rechte Spalte */
#col2 {	width: 280px; }
#col2_content {	margin-left: 1em; margin-right: 1em; }

/* Mittlere Spalte */
#col3
{
  	margin-left: 22.5%;
   	margin-right: 280px;
	border-left: 0px dotted #ddd;
	border-right: 0px dotted #ddd;
}

#col3_content { margin-left: 1em; margin-right: 1em; }

/*######################## INHALT  #########################*/

body { color: #666; font-size: 12px; font-family: Courier New, Courier, monospace; } /* 13px */

a {color:#666;text-decoration:none;}
a:hover {color:black;}


h1 {font-size: 12px; margin: 8px 0 16px 0; padding: 0; }
h4 {font-size: 1.0em; color: #888; margin: 0 0 0.30em 0; padding-top: 1em; font-weight:bold; border-bottom: 1px #ddd solid;}
h5 {font-size: 1.0em; color: #888; margin: 0 0 0.30em 0; font-style:italic; }
h6 {font-size: 1.0em; color: #888; margin: 0 0 0.30em 0; font-style:italic; }

#teaser h1 { font-size: 1.2em; border: 0; }

p,ul,dd,dt { line-height: 1.5em; }
p { line-height: 1.5em; margin: 0 0 1em 0; }


strong,b { font-weight: bold; }
em,i { font-style:italic; }
pre, code {	font-family: "Courier New", Courier, monospace; }
address { font-style:normal; line-height: 1.5em; margin: 0 0 1em 0; }

hr {
	color: #fff;
	background:transparent;
	margin: 0 0 0.5em 0;
	padding: 0 0 0.5em 0;
	border:0;
	border-bottom: 1px #eee solid;
}

acronym, abbr {
	letter-spacing: .07em;
	border-bottom: 1px dashed #c00;
	cursor: help;
}



/*##################### BASIS ##########################*/

	* { margin:0; padding: 0; }

	/* Das zurücksetzen der Innen- und Außenabstände verursacht zu kleine Selectboxen. Dies wird korrigiert */
	option {padding-left: 0.4em}

	/*html { height: 100% }*/
	body {
		/*min-height: 101%;*/
	/* Beseitigung des Rundungsfehlers bei Schriftgrößen im Opera sowie Standardformatierungen */
		font-size: 100.01%;
	/* FIX: Verhindert, dass positionierte Elemente nicht verschoben werden when die Größe des Browser
			Fensters geändert wird. */
		/*position: relative;*/

	/* Vorgabe der Standardfarben und Textausrichtung*/
		color: #000;
		text-align: left;
	}

	/* Standardrahmen zurücksetzen */
	fieldset, img { border:0; }

	/* Anpassung für Safari Browser. font-size:100% ist für den Safari in Formularen zu groß */
	select, input, textarea { font-size: 99% }


	#header { position:relative; }

	#topnav {
		position:absolute;
		top: 10px;
		right: 10px;
		color: #fff;
		background: transparent;
		text-align: right; /* Erforderlich, damit im Opera 6 wirklich rechts plaziert ! */
	}

	#mitte {clear:both; width: auto; }
         #mainTxt {clear:both;width:auto;}


	#col1 {
		float: left;
		width: 200px; /* Standard-Wert, falls keine anderen Vorgaben gemacht werden */
	}

	#col2 {
		float:right;
		width: 200px; /* Standard-Wert, falls keine anderen Vorgaben gemacht werden */
	}

	#col3
	{
		width:auto;
		margin-left: 200px; /* Standard-Wert, falls keine anderen Vorgaben gemacht werden */
		margin-right: 200px; /* Standard-Wert, falls keine anderen Vorgaben gemacht werden */
	}

	#footer { clear:both; }	/* Backup für IE-Clearing */

	/* Der z-Index verhindert, dass im Falle des noch bestehenden IE-Bugs die Texte vor
	** dem Spaltenhintergrund erscheinen. */
	#col1 {z-index: 3;}
	#col2 {z-index: 5;}
	#col3 {z-index: 1;}
	#col1_content {z-index: 4;}
	#col2_content {z-index: 6;}
	#col3_content {z-index: 2;}

	#col1_content, #col2_content, #col3_content { position:relative; }


	/* Clearfix-Methode zum Clearen der Float-Umgebungen */
	 .clearfix:after {
		content: ".";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
	}

	/* Diese Angabe benötigt der Safari-Browser zwingend !! */
	.clearfix { display: block; }

	/* Overflow-Methode zum Clearen der Float-Umgebungen */
	.floatbox { overflow:hidden; }

	/* IE-Clearing: Benötigt nur der Internet Explorer und über iehacks.css zugeschaltet */
	#ie_clearing { display: none }

	/* Clearen der 3 Inhaltsspalten mittels dieses speziellen hr-Tags */
	hr.clear_columns {
		clear: both;
		float: left;
		content: ".";
		display: block;
		height: 0;
		line-height: 0px;
		visibility: hidden;
		border: 0;
		padding: 0;
		margin: -1.1em 0 0 0; /* erforderlich damit kein Leerraum zwischen Spalten und Footer entsteht */
	}


	ul, ol, dl { margin: 0 0 1em 1em }
	li { margin-left: 1.5em; line-height: 1.5em; }

	dt { font-weight: bold; }
	dd { margin: 0 0 1em 2em; }

	blockquote, cite { margin: 0 0 1em 1.5em; font-size: 0.93em; width: auto;}


	.subcolumns {
		width: 100%;
		padding: 0 1px 0 1px;
		margin: 0 -1px 0 -1px;
		overflow:hidden;
	}

	.c50l, .c25l, .c33l, .c38l, .c66l, .c75l, .c62l {float: left; overflow: hidden;}
	.c50r, .c25r, .c33r, .c38r, .c66r, .c75r, .c62r {float: right; overflow: hidden;}

	.c25l, .c25r { width: 24.999%; }
	.c33l, .c33r { width: 33.333%; }
	.c50l, .c50r { width: 49.999%; }
	.c66l, .c66r { width: 66.666%; }
	.c75l, .c75r { width: 74.999%; }
	.c38l, .c38r { width: 38.196%; } /* Goldener Schnitt */
	.c62l, .c62r { width: 61.803%; } /* Goldener Schnitt */

	.subc  { padding: 0 0.5em 0 0.5em; overflow: hidden; }
	.subcl { padding: 0 1em 0 0; overflow: hidden; }
	.subcr { padding: 0 0 0 1em; overflow: hidden; }