/* CSS Document */

body, h1, h2,h3, h4, h5, h6, p, input{margin:0;padding:0; text-align:left; text-decoration:none; text-transform:none;font-style:normal; font-variant:normal; }
body {font-family:Arial, Helvetica, sans-serif; text-align:center;
font-size:0.76em;
background-color: #003333}

ul, li {list-style:outside;
list-style-type:none;}
h1{font-size:170%;margin:1em 0}
h2{font-size:150%;margin:1em 0}
h3{font-size:130%;margin:1em 0}
h4{font-size:115%;margin:1em 0}

.h1top{margin:0;padding:0}

div#container{
width:750px;
height:100%;
margin:0 auto; text-align:left}

ul#topnav{
position:relative;
width:750px;
height:38px;
margin:0;padding:0;
letter-spacing:1px;
border:none 0; font-weight:bold;
color:#C0D0CD;float:left;}
ul#topnav li strong{color:#fff}
ul#topnav  li {float:left;height:38px;color:#C0D0CD;  }
* html ul#topnav  li {padding:0;}

ul#topnav li a, ul#topnav  li a:link{ color:#fff; text-decoration:underline}
ul#topnav li a:visited{ color:#fff; text-decoration:none}
ul#topnav li a:hover, ul#topnav  li a:active{ color:#fff; text-decoration:none}


li#hierposition{width:auto; height:38px;float:left;
margin:0;padding:0.5em}

li#prefs{width:auto; height:38px;float:left;
margin:0 0 0 37px;padding:0.5em}
li#jobs{ position:absolute;
right:4px;
width:auto; height:38px;float:left;
margin-left:10px;padding:0.5em}

div#logo{
	text-align:center;
	width:100%;
	height:135px;
	margin:0;
	padding-top:10px;
	background:url(../i/header.jpg) top left no-repeat;
}
div#logo a img{border:none 0;}

ul#mainnav {
margin:0;padding:0;
width:auto;
height:24px; text-decoration:none;
background-color:#44575D;
letter-spacing:1px;font-weight:normal; font-size:1.1em}

ul#mainnav li {height:24px;background-color:#44575D;float:left;padding-right: 1px;}
html>body ul#mainnav li {padding-right:1px;}
ul#mainnav li a{display:block;}

ul#mainnav li a,ul#mainnav li a:link, ul#mainnav li a:visited {color:#C0D0CD;float:left;text-decoration:none;padding: 4px}
ul#mainnav li a:hover, ul#mainnav li a:active {background: #C0D0CD url(../i/bg_mainnav.png) top left repeat-x;color:#000;float:left;}
#content #sub a,#content #sub a:link{border-bottom:1px solid #636; text-decoration:none;background:none;color:#636}
#content #sub  a:hover,#content  #sub a:active{text-decoration:none;background-color:#636;color:#fff}
ul#mainnav li.an a{background: #0097a4;color:#eee;}


div#teaser{
clear:both;
margin:0;
width:750px;
height:50px; 
background: url(../i/bg_teaser.png) top left repeat-x;
margin:0;padding:0;
}
ul.h1teaser{
position:relative;
left:30%;
width:400px;
text-align:center;
height:50px;
padding:0;
margin:0 ;
letter-spacing:4px}
ul.h1teaser li {margin:0;padding-top:10px;width:auto;height:40px;float:left; vertical-align:middle}

ul.h2teaser{
position:relative;
left:32%;
width:340px;
text-align:center;
height:50px;
padding:0;
margin:0 ;
letter-spacing:4px}
ul.h2teaser li {margin:0;padding-top:10px;width:auto;height:40px;float:left; vertical-align:middle}


div#content{
width:auto;
height:auto;
min-height:400px;
margin:0; background-color:#fff;
color:#636;
}
div#content #main{
float:left;
width:38%;height:auto;
margin:0;
padding:1em 1em 2em 1em; background-color:#fff; overflow:hidden }
div#content #main a, div#content #main a:link{letter-spacing:1px; text-decoration:none;color:#636}
div#content #main a:hover{ letter-spacing:1px; text-decoration:none;color:#636}



div#content #sub{margin:1em 2.5em 2em 0.5em;
padding:0;
float:right;
width:53%;
height:100%;
padding:0;line-height:1.5em;
/*background-color:#9cc;*/
}

#subteaser {margin:0 0 1em 0;letter-spacing:4px;}
#subteaser2 {margin:0 0 1em 0;letter-spacing:4px;}

div#footer{
border-top:1px solid  #CC9900;
float:none; clear:both;
width:100%;
height:22px;
padding-top:4px;
background-color:#504545;
letter-spacing:1px; 
/*color:#BFD0CB;*/	
color:#aaa;
font-weight:normal;	
font-size:0.76em;}
div#footer .links {
float:left;margin:0;
padding:0 1em;}
div#footer .links a{color:#aaa; text-decoration:none;	}

div#footer .rechts{
float:right;margin:0;
padding:0 1em;}


/* Align*/
.hcenter {text-align:center}
.hleft {text-align:left}
.hright{text-align:right}
.vtop {vertical-align:top}
.vmiddle{vertical-align:middle}
.vbottom{vertical-align:bottom}
.clear {clear:both;}

/* LIST */
dl dt{margin:1em 0 0 0;font-weight:bold;}
dl dd {margin-left:1em}
table{border-collapse:collapse;}
table td{border-collapse:collapse;border:1px solid #eee}

/* Decoration */
.linie-blau{background:transparent url(../i/linie_blau.jpg)top left no-repeat;margin:1em}
.rahmen img {padding:3px;border:1px #ccc solid}

/* Farben 
Logoblau: 		#0097A4
mainnav a:link:	#44575D
mainnav hover:	#C0D0CD
h1#teaser:		#F57335
footer:			#504545

*/
.violett {
	color: #903;
}
.color_violett{	color:#663366;}
.color_rot{	color:#C63953;}
.color_braun{color:#5E3B3B;}
.color_gelb{color:#F6F1D1;}
.color_blau{color:#AFD9ED;}
.bgcolor_gelb{ background-color:#F6F1D1;}
.bgcolor_braun{background-color:#5E3B3B;}
.bgcolor_rot{background-color:#C63953;}
.bgcolor_blau{background-color:#AFD9ED;}