*{
margin:0;
padding:0;
}

html, body{
height:100%;
}

html{
font-family: Arial, Helvetica, sans-serif; 
font-size: 12px; 
color: #545454; 
background-color: #FFFFFF;
background-image: url(../grafx/footer_bg.jpg);
background-position: bottom left;
background-repeat: repeat-x;
overflow-y: scroll;
}

a, a:link{
text-decoration: none;
color: #FFFFFF;
}

#header{
width: 100%;
background-image: url(../grafx/header_bg.jpg);
background-repeat: repeat-x;
height: 251px;
padding-top: 33px;
}

#header_bg{
width: 873px;
height: 240px;
background-color: #FFFFFF;
background-image: url(../grafx/header_strich.jpg);
background-repeat: no-repeat; 
background-position: 13px 10px;
margin: 0px auto;
text-align: center;
padding-top: 10px;
}

#header br, #content br{
clear: left;
}

#menu1{
width: 846px;
list-style-type: none;
margin: 0px auto;
height: 28px;
}

#menu1 li{
float: left;
padding-left: 25px;
padding-right: 25px;
padding-top: 14px;
height: 29px;
font: 12px Arial;
text-align: center;
background-image: url(../grafx/menu1_trenner.jpg);
background-position: left;
background-repeat: no-repeat;
color: #335F75;
}

#menu1 .leer{
background-image: none;
padding: 0;
text-align: left;
padding-right: 237px;
}

#menu1 a{
color: #335F75;
}

#menu2{
list-style-type: none;
margin: 0px auto; 
background-image: url(../grafx/header_down.jpg); 
background-repeat: repeat-x; 
height: 38px; 
width: 846px;
}

#menu2 li{
float: left;
width: 138px;
text-align: center;
line-height: 38px;
background-image: url(../grafx/menu2_trenner.jpg);
background-position: right;
background-repeat: no-repeat; 
font-size: 14px;  
letter-spacing: 1px;
}
.left, .trenner{
float: left;
text-align: left;
}

.trenner{
width: 416px;
}

#content{
width: 873px;
background-color: #FFFFFF;
margin: 0px auto;
text-align: center;
}

#content_bg{
width: 846px;
background-color: #F4F4F1;
padding-top: 30px;
margin: 0px auto;
padding-bottom: 15px;
}

.teaser_pic{
margin-left: 13px;
}

.leistungs_pic{
float: left;
margin-left: 13px;
}

.border_top{
margin: 0;
margin-left: 13px;
height: 24px;
background-image: url(../grafx/content-trenner-hor.gif);
background-position: center left;
background-repeat: repeat-x;
width: 383px;
}

p{
margin-left: 15px;
margin-bottom: 15px;
line-height: 17px;

}

span{
font-weight: bold;
}


h1{
font-size: 24px; 
font-style: normal; 
font-weight: normal; 
color: #4b7396; 
margin-left: 15px;
margin-bottom: 10px;
}

h2{
margin-bottom: 10px;
font-size: 12px; 
line-height: 14px; 
font-weight: bold; 
color: #545454; 
margin-left: 15px;
}

.border_right{
text-align: left;
background-image: url(../grafx/content-trenner-vert.gif);
background-position: top right;
background-repeat: repeat-y;
padding-right: 10px;
}

.menu2aktiv{
background-image: url(../grafx/menu2_aktiv.jpg);
background-repeat: repeat-x;
}

.leistungs_teaser{
float: left;
width: 130px;
margin-left: 10px;
margin-top: 15px;
}

.referenzen_teaser{
width: 290px;
float: left;
line-height: 15px;
}

.referenz_pic{
float: left;
margin-left: 15px;
margin-top: 0px;
}

label{
float: left;
width: 60px;
margin-top: 10px;
}

input, textarea{
margin-top: 10px;
float: left;
width: 120px;
border: 1px solid #545454;
}

textarea{
width: 200px;
height: 100px;
}
form br{
clear: left;
}

.error_message{
width: auto;
}

.error_field{
border: 1px solid red;
}

a.norm_link{
color: #545454;
text-decoration: underline;
}

#menu1 a.menu1_aktiv{
color: #83A3B2;
}

#menu2 li.menu2_aktiv{
background-image: url(../grafx/menu2_aktiv.jpg);
background-repeat: repeat-x;
}