/* CSS Document */
body {
    color: black; 
    font-size: 100.01%;
    font-family: Arial, Helvetica, sans-serif;
    margin: 0; 
	padding: 0;
	text-align: center;
	background: #679ED8 url('grafiken/hg_gesamt.gif') repeat-x top;	
  }

/*Verweise*/
A:link, A:visited {
	COLOR: #3f6da7;
	text-decoration: underline;
	}		
A:active, A:hover, A:focus {
	COLOR: #CC0000;
	text-decoration: none;
	}
#textnavigation A:link, #textnavigation A:visited {
	COLOR: #4b4b4b;
	text-decoration: none;
	}
#textnavigation A:hover, #textnavigation A:active, #textnavigation A:focus, {
	COLOR: #CC0000;
	text-decoration: underline;
	}
.footer_re A:link, .footer_re A:visited {
	COLOR: #4b4b4b;
	text-decoration: none;
	}
.footer_re A:hover, .footer_re A:active, .footer_re A:focus {
	COLOR: #CC0000;
	text-decoration: underline;
	}

/*Ueberschriften*/
h1{
position: absolute;
z-index: 100;
top: 20px;
left: 28px;	
margin: 0;
padding: 0;
font: bold 100% Arial, Helvetica, sans-serif;
color: #ffffff;
	}
	
.text_inhalt h1{
	position: relative;
	top: 0;
	left: 0;
	font-weight: bold;
	font-size: 130%;
	color: #4b4b4b;
	}
	
.text_inhalt h2, .text h2{
	font-weight: bold;
	font-size: 140%;
	margin: 10px 0 0 0;
	line-height: 150%;
	color: #01377d;
	}
	
.text_inhalt h3, .text h3 {
	font-weight: bold;
	font-size: 110%;
	margin-top: 0px;
	line-height: 140%;
	}
	
.text_inhalt h4, .text h4 {
	font-weight: bold;
	font-size: 100%;
	margin-top: 0px;
	line-height: 140%;
	}

/*Grundstruktur der Startseite*/

#main_inhalt { /*große Box für alle folgenden Boxen - mit Abstand zu den Seitenrändern*/
	position: relative;
	margin-left: 20px;
	margin-right: 20px;
	margin-top: 0px;
	margin-bottom: 0px;
	text-align: center;
	height: 100%;
 	 }
#titelbereich { /*oberste längliche Box für Logo, Suche, Textnavi*/
	height: 89px;
	text-align: left;
	}
#textbereich { /*Box für den gesamten rechten Hauptbereich*/
	position: relative;
	display: block;
	text-align: left;
	padding-top: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 230px;
	background: url('grafiken/hg_textbereich_ob.gif') repeat-x left top;
	}
#linksbox { /*Box für den linken Bereich = Hauptnaviagtion*/
position: absolute;
z-index: 88;
width: 218px;
height: auto;
top: 89px;	
left: 0;
padding: 0;	
background: url('grafiken/hg_navigation.gif') repeat-y left top;
	}
.links {
background:  url('grafiken/hg_navibox.gif') no-repeat right top;
	position: relative;
}
.links2 {
background:  url('grafiken/hg_navi_abschluss.gif') no-repeat right bottom;
	position: relative;
}


/*--- Navigation ---*/

#navigation {
	width: 194px;
	margin-left: 12px;
	margin-right: 12px;
	padding-top: 54px;
	padding-bottom: 62px;
	text-align: left;
	position: relative;
	background: url(grafiken/logo_derpariaetische.gif) no-repeat bottom center;
	}

/* 
body.start #navigation { 
	padding-bottom: 474px;
	background: url(grafiken/derParitaetische_LQW_TUEVrh.gif) no-repeat bottom center;
}
*/

#navigation { 
	padding-bottom: 474px;
	background: url(grafiken/derParitaetische_LQW_TUEVrh.gif) no-repeat bottom center;
}	

.abstand {
	padding-left: 20px;
	}
ul#mainnav ul.subnav01 li .abstand {
	padding-left: 30px;
	}
ul#mainnav ul.subnav01 ul.subnav02 li .abstand {
	padding-left: 45px;
	}	
ul#mainnav {
	list-style: none;
	margin: 0 0 0 1px;
	padding: 0px;
	background: #CFE0F3 url("grafiken/nav_hintn.jpg") left top no-repeat;
	border-bottom: 1px solid #fff;
	position: relative;
	}
ul#mainnav li a:link, ul#mainnav li a:visited {
	text-decoration: none;
	display: block;
	width: 100%;
	padding-top: 8px;
	padding-bottom: 8px;
	padding-right: 0;
	padding-left: 0;
	font: normal 80% arial, helevetica, sans-serif;
	color: #000;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #B2C9E3;
	}
ul#mainnav li a:hover, ul#mainnav li a:active, ul#mainnav li a:focus {
	background: url("grafiken/hint_bt02.gif") no-repeat;
	color: #BA0000; 
	}

ul#mainnav ul.subnav01 {
		position: relative;
		display: block;
		margin-left: 0px;
		padding: 0;
		text-align:left;
		list-style: none;
		background: #fff url("grafiken/hg_snav01.gif") left top repeat-y ;
		}
ul#mainnav ul.subnav01 li a, ul#mainnav ul.subnav01 li a:visited {
		margin: 0;
		padding-top: 8px;
		padding-bottom: 8px;
		padding-right: 0;
		padding-left: 0;
		color: #00367D;
		width: 100%;
		border: none;
		font-weight: normal;
		border-bottom: 1px solid #B2C9E3;
		background-image: none;
		}

ul#mainnav ul.subnav01 li a:hover, ul#mainnav ul.subnav01 li a:active, ul#mainnav ul.subnav01 li a:focus {
		margin: 0px;
		color: #BA0000;  
		text-decoration: none;
		border-bottom: 1px solid #B2C9E3;
		background-image: none;
		background-color: #E6ECF3;
		}
		
ul#mainnav ul.subnav01 ul.subnav02 {
		position: relative;
		display: block;
		margin-left: 0px;
		padding: 0;
		text-align:left;
		list-style: none;
		background: #fff url("grafiken/hg_snav02.gif") left top repeat-y ;
		}
ul#mainnav ul.subnav01 ul.subnav02 li a, ul#mainnav ul.subnav01 ul.subnav02 li a:visited {
		margin: 0;
		padding-top: 8px;
		padding-bottom: 8px;
		padding-right: 0;
		padding-left: 0;
		color: #00367D;
		width: 100%;
		border: none;
		font-weight: normal;
		border-bottom: 1px solid #B2C9E3;
		background-image: none;
		}

ul#mainnav ul.subnav01 ul.subnav02 li a:hover, ul#mainnav ul.subnav01 ul.subnav02 li a:active, ul#mainnav ul.subnav01 ul.subnav02 li a:focus {
		margin: 0px;
		color: #BA0000;  
		text-decoration: none;
		border-bottom: 1px solid #B2C9E3;
		background-image: none;
		background-color: #E6ECF3;
		}
		
/*Fuß der Seite*/
#footer {
height: 46px;
width: auto;
background: url('grafiken/hg_footer_mi01.gif') repeat-x left top;

}
.footer_li{
height: 46px;
background: url('grafiken/hg_footer_li01.gif') no-repeat left top;
}
.footer_re{
height: 46px;
background: url('grafiken/hg_footer_re01.gif') no-repeat right top;
text-align: left;
font: normal normal normal 70%/20px Arial, Helvetica;
padding-left: 15px;
padding-top: 5px;
}



/*Klassen für die Positionierung von Hintergründen*/
 
.box1{ /*erste Hintergrundgrafik rechts*/
background: #ffffff url('grafiken/hg_textbereich_re1.gif') repeat-y right bottom;

}
.box2{ /*zweite Hintergrundgrafik rechts*/
background:  url('grafiken/hg_textbereich_re.gif') no-repeat right top;
}
.box3{ /*erste Hintergrundgrafik links*/
padding: 0px;
background: url('grafiken/hg_textbereich_li1.gif') repeat-y left bottom;
}
.box4{ /*zweite Hintergrundgrafik links*/
background: url('grafiken/hg_textbereich_li.gif') no-repeat left top;
}
.box5{ /*Positionierung des Verlaufshintergrundes für den Adressbereich - Startseite*/
top: 0px;
margin-left: 13px;
margin-right: 13px;
margin-top: 0px;
padding-top: 0px;
text-align: right;
background: url('grafiken/hg_start_adressfeld.gif') repeat-x left top;
}
.box6{ /*Positionierung des Verlaufshintergrundes für den Textbereich - Startseite*/
margin-left: 0px;
margin-right: 244px;
background: url('grafiken/hg_box6_2.gif') repeat-x left top;
text-align: left;
}
.box6 .text h2 {
	margin-top: 20px;
	}
.box7{ /*Positionierung des rechten Klassenfotos - Startseite*/
height: 157px;
width: auto;
background: transparent url('grafiken/hg_startbild_klasse3.jpg') no-repeat right top;
margin-right: 0px;
text-align: right;
}
.box8{ /*Positionierung des Verlaufshintergrundes für den Textbereich - Inhaltsseite*/
margin-left: 13px;
margin-right: 13px;
margin-top: 0px;
padding-top: 15px;
background: url('grafiken/hg_box8.gif') repeat-x left top;
text-align: left;
}

/*weitere Inhaltselemente für den Hauptbereich*/

#titel { /*blauer Balken für die h1-Headline*/
height: 55px;
width: auto;
background: url('grafiken/hg_titel.gif') repeat-x left top;
margin-right: 13px;
margin-left:13px;
padding-left:15px;
}

/*absolut positionierte Boxen nur für die Startseite*/

#adressfeld { /*Adressbereich oben rechts*/
position: absolute;
z-index: 76;
width: 244px;
height: 216px;
top: 144px;
right: 33px;	
margin: 0;
padding: 0;
background: url('grafiken/hg_adressbereich3.gif') no-repeat left top;
}
#kaestchen { /*blaues Kästchen*/
position: absolute;
z-index: 78;
width: 27px;
height: 66px;
top: 301px;
right: 277px;	
margin: 0;
padding: 0;
background: url('grafiken/hg_kaestchen2.gif') no-repeat left top;
}
#bild { /*Bild im rechten Bereich */
position: absolute;
z-index: 80;
width: 271px;
height: 178px;
top: 367px;
right: 33px;	
margin: 0;
padding: 0;
background: url('grafiken/klasse.jpg') no-repeat left top;
}

/*absolut positionierte Boxen - relevant für jede Seite*/
#textnavigation{ /*Textnavigation oben rechts*/
position: absolute;
z-index: 94;
width: 300px;
height: 40px;
top: 0px;
right: 33px;	
margin: 0;
padding: 0;
text-align: right;
font: normal normal normal 75%/20px Arial, Helvetica;
}

#hilfe {/*hilfe-leiste oberhalb der Hauptnavigation*/
    position: absolute;
    z-index: 98;
    top: 100;
    left: 32;
	margin: 0;
    padding: 0;
    width: 193;
	font-size: 100%;
    height: 37px;
    text-align: center;
  }
#hilfemenue UL
	{
	margin: 0;
	padding: 0;
	list-style-type: none;
	text-align: left;
	}
#hilfemenue LI { 
	display: inline;
	float: left;
	margin-left: 0px;
	margin-right: 0px; 
	padding: 0 0 0 0;
	}

/*Suche*/
#startrechtstop {
	position: absolute;
    z-index: 100;
    top: 50;
    right: 33;
	margin: 0;
    padding: 0;
    width: 172px;
	height: 40px;
	font-size: 100%;
    text-align: center;
	text-align: left;
	}
fieldset#startsuche {
	border: none;
	margin: 0px;
	padding: 0px;
	}
.suchfeldcont {
	height: 25px;
	padding-top: 2px;
	float: left;
}
.suchfeldbutton {
	height: 25px;
	padding-top: 2px;
	float: right;
}
input#suchfeld {
	font: normal normal normal 75% Arial, Helvetica;
	height: 20px;
	width: 130px;
}


/*Klassen*/
.adresse{
	font: normal normal normal 75%/20px Arial, Helvetica;
	color: #4b4b4b;
	text-align: left;
	margin-left: 25px;
	margin-top: 15px;
	padding-top: 17px;
}
.text {
	font: normal normal normal 75%/18px Arial, Helvetica;
	color: #4b4b4b;
	padding-left: 15px;
	padding-right: 40px;
}
.text_inhalt {
	font: normal normal normal 75%/18px Arial, Helvetica;
	color: #4b4b4b;
	padding-left: 15px;
	padding-right: 10px;
}
.text_inhalt p {
	margin-top: 0px;
}
.text_inhalt ul, .text ul {
	margin-top: -12px;
	margin-left: 0;
	padding-top: 0;
	padding-left: 15px;
	padding-right: 10px;
}
.text_inhalt table {
	font: normal normal normal 100%/18px Arial, Helvetica;
	color: #4b4b4b;
}

.text_inhalt table img{
	border: solid 7px #fff;
	}
	
.logo { /*Positionierung des Logos*/
	margin-top: 15px;
	}
.unsichtbar {
	display:none;
	}
.img_re {
	position: relative;
	margin: -15px -10px 10px 10px;
	float: right;
	border-left: solid 7px #fff;
	border-bottom: solid 7px #fff;
	}

.bildlinks {
	float: left;
	position: relative;
	margin: 0 10px 10px 0;
	border: solid 7px #fff;
	}
	
.bildrechts {
	position: relative;
	margin: 0 0 10px 10px;
	float: right;
	border: solid 7px #fff;
	}

	
/* 	
p.bildlinks {
	border-bottom: 1px solid rgb(178, 201, 227) !important; 
	padding: 7px 7px 9px !important; 
	background: rgb(255, 255, 255) url(grafiken/div_hint_img.gif) repeat-x scroll center bottom !important; 
	margin-top: 0px !important; 
	margin-right: 15px !important; 
	width: 350px !important; 
	float: left; 
	position: relative;
	}
	
p.bildrechts {
	border-bottom: 1px solid rgb(178, 201, 227) !important; 
	padding: 7px 7px 9px !important; 
	background: rgb(255, 255, 255) url(grafiken/div_hint_img.gif) repeat-x scroll center bottom !important; 
	margin-top: 0px !important; 
	margin-left: 15px !important; 
	width: 350px !important; 
	float: right; 
	position: relative;
	}
*/

p.bildlinks {
	position: relative;
	float: left;
	margin: 0 10px 10px 0;
	padding: 7px;
	border: none;
	background: #fff url(grafiken/div_hint_img.gif) repeat-x center bottom scroll; 
	width: 350px !important;
	width: 364px;
	border-bottom: 1px solid #b2d2e3;
	overflow: hidden;
}

p.bildlinks img, p.bildrechts img { 
	margin: 0 0 6px 0;
}
	
p.bildrechts {
	position: relative;
	float: right;
	margin: 0 0 10px 10px;
	padding: 7px;
	border: none;
	background: #fff url(grafiken/div_hint_img.gif) repeat-x center bottom scroll; 
	width: 350px;
	border-bottom: 1px solid #b2d2e3;
	overflow: hidden;
}
	
	
	
	
	

	
.getadoacro {
	float: right;
	margin: 0 15px 5px 5px;
	}
	
p.newsrubrik {
	border-top: 1px solid #fff;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
	border-bottom: 2px solid #c9d7ea;
	font-weight: bold;
	background-color: #e8f0f9;
	margin-top: 0;
	margin-bottom: 0;
	padding: 5px;
	}
	
.newsuntertitel {
	padding: 2px 5px 3px 5px;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
	margin-top: 0;
	margin-bottom: 0;
	background-color: #e8f0f9;
	}
.teaser {
	padding: 2px 5px 3px 5px;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
	text-align: right;
	margin-top: 0;
	margin-bottom: 14px;
	background-color: #e8f0f9;
	}	
.sucherg {
	color: #cc0000;
	font-weight: bold;
	}
.aktuelldatum, .newsdatum {
	border-top: 1px solid #fff;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
	font-weight: bold;
	background-color: #e8f0f9;
	margin-top: 0;
	margin-bottom: 0;
	padding: 2px 5px;
	font-size: 90%;
	color: #cc0000;
	}	
.aktuelltitel, .newstitel { 
	position: relative;
	border: 1px solid #fff;
	/*border-left: 1px solid #fff;
	border-right: 1px solid #fff;
	border-bottom: 2px solid #c9d7ea;*/
	font-weight: bold;
	color: #fff;
	margin-top: 0;
	margin-bottom: 0;
	padding: 5px;
background: #e8f0f9 url('grafiken/hg_titel.gif') repeat-x left center;
	}
	
 	.newstitel { 
		line-height: 16px;
		background: #507daf url('grafiken/hg_titel2.gif') repeat-x;
	}
	
.aktuellteaser, .newsuntertitel {
	padding: 2px 5px 3px 5px;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
	margin-top: 0;
	margin-bottom: 0;
	background-color: #e8f0f9;
	}
.aktuell_weiter, .newslink {
	padding: 2px 5px 3px 5px;
	border: 1px solid #fff;
	text-align: right;
	margin-top: 0;
	margin-bottom: 14px;
	background-color: #e8f0f9;
	font-weight: bold;
	clear: both;
	}

div.ntext div.bildlinks { 
	display: none;
}
	
div.zurueck { 
	float: right;
	position: relative;
}
	
div.zurueck, div.karteireiter { 
	margin: 0;
	padding: 0;
	font-size: 90%;
	font-weight: bold;
}
div.karteireiter { 
	color: #cc0000;
}
	
.cleaner {
		clear: both;
		padding-top: 0;
		}
		
h3.frage {
	padding-left: 72px;
	padding-right: 12px;
	padding-bottom: 25px;
	padding-top: 15px;
	background: url('pics/frage2.png') no-repeat top left;
	font-size: 120%;
	font-weight: bold;
	}
	
p.antwort {
	padding-left: 72px;
	padding-right: 12px;
	padding-bottom: 15px;
	padding-top: 2px;
	margin-bottom: 10px;
	background: url('pics/antwort2.png') no-repeat top left;
	/*border-bottom: 1px solid #c9d7ea;*/
	}
	
#login #navigation ul#mainnav ul.subnav01 {
	display: none;
	}
	
p.seitenanfang {
	text-align: right;
	border-bottom: 2px solid #c9d7ea;
	display: block;
	margin-left: 7px;
	}
	
p.seitenanfang a:link, p.seitenanfang a:visited {
	border-bottom: 2px solid #c9d7ea;
	background: url('pics/pfeil_oben2.gif') no-repeat bottom right;
	padding-right: 10px;
	padding-bottom: 0px;
	text-decoration: none;
	}
	
p.seitenanfang a:hover, p.seitenanfang a:focus, p.seitenanfang a:active {
	background: url('pics/pfeil_oben3.gif') no-repeat bottom right;
	}
	

	
	
/* Korrektur für Suchfeld */

#startsuche form input { 
	position: relative;
	margin: 0;
	vertical-align: top;
	padding: 1px 0 1px 0;
}

#startsuche form input[name*="start"] { 
	margin: -2px 0 0 0;
}


table.tab { 
	margin: 10px 0 16px 0;
	padding: 0;
	border-collapse: collapse;
}

table.tab th { 
	text-align: left;
	vertical-align: top;
	margin: 0;
	padding: 2px 4px;
	border-bottom: 1px solid #cddef2;
}

table.tab th.kopf { 
	background: url(grafiken/hg_titel.gif) repeat-x 0 -11px;
	color: #fff;
	border-bottom: none;
}

table.tab td { 
	text-align: left;
	vertical-align: top;
	margin: 0;
	padding: 2px 4px;
	border-bottom: 1px solid #cddef2;
}



/* ==== Video-Teaser ==== */

a.videoteaser { 
	outline: none;
	position: absolute;
	left: -27px;
	width: 256px !important;
	height: auto !important;
	height: 147px;
	display: block;
	color: #ffd052 !important;
	text-decoration: none !important;
	text-align: right;
	font-size: 11px;
	line-height: 18px;
	font-weight: bold;	
	padding: 160px 15px 6px 0;
	border-top: 7px solid #fff;
	border-left: 7px solid #fff;
}

* html a.videoteaser { 
	width: 278px !important;
}

a.videoteaser:first-line { 
	font-size: 13px;
	color: #fff !important;
}

a.videoteaser.eins { 
	top: 359px;
	background: #7A9EC8 url(grafiken/reha-video.jpg) no-repeat !important;
}

a.videoteaser.zwei { 
	top: 150px;
	background: #7A9EC8 url(grafiken/3sat-video-bg.jpg) no-repeat !important;
}

#kaestchen { 
	z-index: 10;
}

#bild { 
	display: none;
}