/* reihenfolge der regeln: von oben nach unten,
nach vorkommen der elemente im HTML quelltext,
allgemeine regeln zuerst */

html, body {height: 100%;}
body {
	margin: 0;
	padding: 0;
	background: white url(../images/bg_oben.png) repeat-x;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666;
}
a {
	color: #666;
	text-decoration: none;
}
a img {border: none;}
.skip, hr {display: none;}
h1, h2, h3 {color: #396A9A;}
#container {
	min-height: 100%;
	background: url(../images/bg_unten.png) bottom left repeat-x;/*
	float: left;*/
	width: 100%;
}
#header,
#content,
#footer
 {
 	width: 920px;
	margin: auto;
	clear: both;
 }
/* ende allgemeine stile */



/* beginn header-stile */
#header {
	background: url(../images/logo-etag.png) 0 8px no-repeat;
	padding-top: 96px;
	position: relative;
	height: 50px;
}
#header h1 {
	text-indent: -999em; /* versteckt text außerhalb des fensters */
	position: absolute;
}
#header ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
#topnav {
	position: absolute;
	left: 565px;
	top: 65px;
	width: 270px;
}
#topnav li {
	display: inline;
	padding: 0 8px;
	background: url(../images/topnav_separator.gif) bottom left no-repeat;
}
#topnav .li1 {background: none;}
#topnav li * {
	font-weight: bold;
	font-size: 9px;
	color: #999;
	display: inline;
}
#topnav a:hover, #topnav li span {color: #333;}
#mainnav {
	margin-left: 146px !important;
	position: absolute;
}
#mainnav li {float: left;}
#mainnav li * {/* universalselektor - wendet regeln auf a und span an */
	display: block;
	height: 39px;
	text-indent: -999em;
	outline: none;
	background-repeat: no-repeat;
}
#mainnav .li1 * {
	background-image: url(../images/b_company.png);
	width: 117px;
}
#mainnav .li2 * {
	background-image: url(../images/b_produkte.png);
	width: 114px;
}
#mainnav .li3 * {
	background-image: url(../images/b_aktuelles.png);
	width: 114px;
}
#mainnav .li4 * {
	background-image: url(../images/b_jobs.png);
	width: 114px;
}
#mainnav .li5 * {
	background-image: url(../images/b_kontakt.png);
	width: 118px;
}
#mainnav a:hover {background-position: left -38px; /* verschiebt button-bild in die mitte (mouseover-status) */}
#mainnav span a:hover, #mainnav span a {background-position: 0 -76px; /* verschiebt button-bild nach oben (d.h. zeigt untersten teil an - aktiv-status) */}
#header form {
	background: url(../images/bg_suche.png);
	width: 195px;
	height: 34px;
	float: right;
	position: relative;
}
#header form label {
	font-weight: bold;
	float: left;
	padding: 7px 5px 0 15px;
	font-size: 13px;
}
#header #suche {
	width: 104px;
	height: 12px;
	float: left;
	margin-top: 6px;
	font-size: x-small;
}
#header #senden {
	position: absolute;
	left: 168px;
	top: 4px;
}
/* ende header-stile */


/* beginn inhaltsstile */
#content h2 {font-size: 14px; padding-bottom:0px;} /* Edit andi */
#content h3 {font-size: 12px;}
#content #main {
	float: right; /* macht platz für die seitennavigation (in kombination mit breite) */
	width: 766px;
	padding-right: 4px;
}
#hauptinhalt {
	width: 570px;
	float: left; /* macht platz für infoboxen rechts (in kombination mit breite) */
	position: relative;
	padding-bottom: 10px;
	margin-bottom: 10px;
	background: url(../images/rahmen_mittelbox_unten.gif) bottom left no-repeat;
	line-height: 15px;
}
#seitentitel {
	position: absolute;
	left: 24px;
	top: 147px;
	color: white;
	text-transform: lowercase;
	font-size: 20px !important;
	margin: 0;
}
/* vielleicht auch nicht - je nach wunsch */
#titelbild {display: block; /* verringert raum unter dem bild (schließt lücke) */}
/**/

#wrap1 {
	margin-top: 10px;
	padding-top: 19px;
	background: url(../images/rahmen_mittelbox_oben.gif) top left no-repeat;
}
#haupttext {
	position: relative;
	padding: 20px 20px /* letzter wert = platz links und rechts; erster wert verhindert “collapsing margins” */;
	background: url(../images/bg_mittelbox.gif) repeat-y;
	float: left /* sog. “einschließender float”; macht, dass hintergrund bis nach unten angezeigt wird, auch wenn kindelemente gefloatet sind */;
	width: 530px;
	min-height: 318px;
}
#haupttext h2 {margin: 0 0 10px 0;} /* edit andi  rand unten */
#haupttext h3 {margin: 0 0 4px 0;} /* edit andi  h3 dazu */
#hauptinhalt p {margin-top: 0;}

#breadcrumb { /* die navigation für den hauptinhalt - kommt im quelltext am schluss des abschnitts (inhalt zuerst), wird aber ganz oben positioniert */
	position: absolute;
	top: -8px;
	left: 15px;
}
#breadcrumb a {
	padding: 0 6px;
	font-size: 10px;
	/* background: url(../images/topnav_separator.gif) center right no-repeat; */  /* edit andi  auskommentiert */
}
#breadcrumb .aktiv {
	background: none;
	font-weight: bold;
}
#breadcrumb a:hover {text-decoration: underline;}
#breadcrumb .aktiv:hover {
	text-decoration: none;
	cursor: default;
}
#infos { /* container der seitenboxen */
	float: right;
	width: 188px;
}
.info { /* stile für jede seitenbox */
	margin: 10px 0;
	position: relative;
	background: url(../images/bg_kleinebox.png) bottom center no-repeat;
	min-height: 168px;
	clear: both;
	padding-bottom: 10px;
	float: left;
	width: 188px;
}
.info > * {
	padding-left: 16px;
	padding-right: 6px;
}
.info h2,
.info h2 *,
.info ul
 {padding: 0;}

.info h2 {
	margin: 0 0 -5px 0; /* zieht nachfolgende elemente etwas nach oben - ausgleich zu ‘top: -10px’ */
	font-weight: normal;
	font-size: 14px !important;
	color: white;
	height: 30px;
	line-height: 32px;
	text-indent: 15px;
	position: relative;
	top: -10px; /* lässt die runden ecken das generelle hintergrundbild der boxen überdecken */
	background: url(../images/bg_titel_blau.png) no-repeat;
}
#partner h2 {background-image: url(../images/bg_titel_orange.gif);}
.info h2 span {font-weight: bold;}
.info h3 {
	font-size: 11px !important;
	margin: 0;
	position: relative;
	z-index: 2;
}
.info p {
	margin: 0;
	position: relative;
	z-index: 2;
}
.info img {
	position: absolute;
	z-index: 1;
	left: -6px;
	top: 20px;
}
#partner img {position: static;}
.info ul {padding-left: 20px;}

.mehr { /* link in seitenboxen */
	text-decoration: underline;
	background: url(../images/b_pfeil.png) right top no-repeat;
	line-height: 20px;
	float: left;
	height: 21px;
	min-width: 20px;
	padding-right: 25px !important; /* important ist noetig im zusammenhang mit dem IE stylesheet */
	padding-left: 0;
	margin: 3px 0 0 0px;
	white-space: nowrap; /* vielen dank, IE! */
	position: relative;
	z-index: 2;
}
.mehr:hover {
	text-decoration: none;
	background-position: right bottom;
}


/* beginn seitennavigation
“subnav ul” = hauptmenü
“subnav ul ul” = untermenü (gleiches gilt bei “li li”)  */
#subnav {/*
	float: left;*/
	width: 142px;
	padding-bottom: 10px;
	background: url(../images/rahmen_subnav_unten.png) bottom left no-repeat;
}
#subnav ul{
	margin: 0;
	padding: 0;
	list-style: none;
	background: url(../images/bg_subnav.png) repeat-y;
}
#subnav li {
	background: url(../images/linie_subnav.gif) top left repeat-x;
	padding: 1px 4px 0 4px;
	position: relative;
}
#subnav .li1 {
	background: url(../images/rahmen_subnav_oben.gif) no-repeat;
	padding-top: 9px;
}
#subnav li a {
	background: url(../images/pfeil_rechts.gif) 95% 50% no-repeat;
	display: block;
	height: 20px;
	line-height: 20px;
	padding: 5px 0 5px 7px; /* 1. & 3. wert für vertikalen abstand, 4. wert für einrückung links */
	position: relative;
	font-size: 12px;
}
#subnav .aktiv a {
	font-weight: bold;
	cursor: default;
}
#footer {
	padding: 3px 0 10px 15px;
	text-indent: 150px;
	color: #7F7F7F;
	clear: both;
}
#footer p {
	margin-top: 0;
	background-color: white;
	display: inline;
	padding: 1px 2px;
}

.trenner { /* FOrmat für den Trenner der Suchausgabe*/
	height: 1px;
	background-color:#D7E1EB;
	margin: 10px 0px 15px 0px;
}

#suchergebnis h1 {
	font-size:12px;
	padding:0 0 0px 0;
	margin:0 0 0 0;

}

#downloads a {
	font-weight:bold;
	text-decoration: underline;
}

#downloads a:hover {text-decoration: none;}

/*---------------------------------------------*/ 
/*               Terminein/ausgabe             */ 
/*---------------------------------------------*/ 

#mod_te h1 {font-size:150%; color:#000000; margin-bottom:5px;}
#mod_te h2 {font-size:120%; font-weight:bold; color:#000000; margin-bottom:5px;}
#mod_te p {font-size:100%; color:#222222; }


/*---------------------------------------------*/ 
/*                 Terminliste                 */ 
/*---------------------------------------------*/ 

#mod_tlh {
   text-align:left;
}

#mod_tlf {
   text-align:left;
}

#mod_tl table {
   width:100%; 
   background-color:#ffffff;
   border-collapse:collapse;
}

#mod_tlh select {
   color:#ffffff;
   font-size:11px;
   background-color:#8BAC95;
}

#mod_tl th {
   color:#FFFFFF;
   font-size:12px;
   text-align: left;
   vertical-align: top;
   background-color:#8BAC95;
   padding-top:3px;
   padding-bottom:3px;
   padding-left:6px;
}

#mod_tl td {
   text-align: left;
   vertical-align: top;
   line-height: 150%;
   padding-left:6px;
}


#mod_tl .hell { background-color:#ffffff; }

#mod_tl .dunkel { background-color:#EBF0EC; }

#mod_tl .sp1 { width:25%; }

#mod_tl .sp2 { width:65%;}

#mod_tl .sp3 { width:25%; }

#mod_tl .sp4 { width:5%; }

#mod_tl .einrueck { padding-left:15px; }



.sitemap_level1_container {
   padding-top:20px;
}
.sitemap_level2_container {
   padding-top:10px;
   padding-left:30px;
}
.sitemap_level3_container {
   padding-left:60px;
}

.sitemap_level1 {
   padding-top:20px;
   font-size:12px;
   font-weight:bold;
}

.sitemap_level2 {
   font-size:11px;
   font-weight:bold;
}


/*---------------------------------------------*/ 
/*                 Links                       */ 
/*---------------------------------------------*/ 
#haupttext a, #wrap2 a {
	color: #666;
	text-decoration: underline;
}
#haupttext a:hover, #wrap2 a:hover {
	color: #666;
	text-decoration: none;
}

.tab_zeilentrenner_news {
	background-color: #D7E1EB;
}