body {
background-color:#333333;
margin:0;
padding:0;
width:100%;}

#content {
margin:auto;
background-color:#FFFFFF;
width:1024px;
z-index:1;}

#headerberlin {
background-image:url(img/headerberlin.jpg);
background-repeat:repeat;
width:1024px;
height:344px;
z-index:2;}

#headerpotsdam {
background-image:url(img/headerpotsdam.jpg);
background-repeat:repeat;
width:1024px;
height:344px;
z-index:2;}

#headerleipzig {
background-image:url(img/headerleipzig.jpg);
background-repeat:repeat;
width:1024px;
height:344px;
z-index:2;}

#navi {
position:absolute;
top:305px; left:50%;
margin-left:-512px;
width:1024px;
z-index:10;}

#navi1{
width:1024px;
height:20px;
z-index:20;
font-family:Verdana, Arial, Helvetica, sans-serif;
letter-spacing:0.1em;
font-size:13px;}

#navi1 ul{
list-style:none;
margin:0;
padding:0;
}

#navi1 li {
float:left;}

#navi1 li a {
display:inline;
float:left;
margin-left:20px;
color:#000;
text-decoration:none;
font-weight:bold;
padding:1px 6px 2px 5px;}


#navi1 li a:hover {
color:#fff;
background-color:#000;
padding:1px 6px 2px 5px;
border-top:1px solid #fff;
}

.navi1 {
display:inline;
float:left;
margin-left:20px;
font-weight:bold;
color:#fff!important;
background-color:#000000;
padding:1px 6px 2px 5px;
border-top:1px solid #FF9B02;
}

#navi2 {
width:1024px;
height:21px;
background-color:#000000;
z-index:30;
font-family:Verdana, Arial, Helvetica, sans-serif;
list-style:none;
font-size:11px;
margin-top: 1px;}

#navi2 ul {
margin:0;
padding:0;}

#navi2 li {
float:left;
list-style:none;
}

#navi2 li a {
display:inline;
float:left;
margin-left:20px;
color:#fff;
text-decoration:none;
padding:3px 6px 3px 5px;}

#navi2 li.active {
color:#FF9D00!important;
padding:3px 6px 3px 5px;
margin-left:20px;
}

#navi2 li a:hover{
display:inline;
float:left;
margin-left:20px;
color:#FF9D00!important;
text-decoration:none;
padding:3px 6px 3px 5px;}

.navi2 {
display:inline;
float:left;
margin-left:20px;
color:#FF9D00!important;
background-color:#000000;
text-decoration:none;
padding:3px 6px 3px 5px;
}

#text{
width:680px;
margin:25px;
font-size:12px;
font-family:Verdana, Arial, Helvetica, sans-serif;
line-height:1.5em;
z-index:10;
}

#text a {
color:#666666;}

#text a:hover {
background-color:#CCCCCC;
}

#teaser {
float:right;
margin:25px 20px 25px 10px;
padding:0;
width:260px;
background-color:#ffffff!important;
font-size:12px;
font-family:Verdana, Arial, Helvetica, sans-serif;
line-height:1.5em;
}

#teaser p{
margin:15px 0 0 20px;
padding:2px 0 0 0 ;
}

#teaser a {
color:#3E9E3A;
font-weight:bold;}

#teaser ul {
margin-left:0;
padding-left:20px}

#teaser li {
font-size:12px;
list-style:none;}

#map {
float:right;
margin:25px 10px 25px 10px;
width:610px;}

#footer {
clear:both;
width:1024px;
height:20px;
background-color:#000;
font-size:11px;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#fff;}

#footer p {
margin:0 0 0 20px;
padding:2px 0 0 0 ;}

h1 {
color:#666666;
font-size:14px;
font-family:Verdana, Arial, Helvetica, sans-serif;
}

h2 {
margin:6px 0 0 20px;
color:#3E9E3A;
font-size:12px;
font-family:Verdana, Arial, Helvetica, sans-serif;
}

.b {
font-weight:bold;}

#form1_kennt{
width:300px;height:100px;
}

#table {
font-size:11px;}

#formdiv label, 
#formdiv td{
font-size:12px;}

#form1_taetI,
#form1_taetII  {
width:300px;
}
.error{
color:red;
}

#counter {
position:relative;
height:40px;
width:100px;
color:#FFFFFF;
background-color:#CCCCCC;
z-index:1;}

#deckel {
position:relative;
height:40px;
width:100px;
color:#FFFFFF;
background-color:#CCCCCC;
z-index:20;}

#jobs {
margin:0;
padding:0;
width:260px;
background-color:#E8E8E8;
font-size:12px;
font-family:Verdana, Arial, Helvetica, sans-serif;
line-height:1.5em;}

#jobs ul{
margin:10px 10px 10px 0;
padding:0 10px 0 20px;
list-style-position:outside;}