*{
padding: 0;
margin: 0;
}


body{
background-color: #dcdddd;

}


.preload{
position: absolute;
width: 1px;
height: 1px;
display: none;
}



#rahmen{
position: relative;
width: 857px;
margin: 0 auto;
}



#header{
width: 100%;
height: 310px;
border-bottom: none;
background-image:url(../images/header5.jpg);
background-position:center;
background-repeat:no-repeat;
}

/*********************************/
/* Nun folgt die Navitationsleiste, Link für Link*/
/* Angefangen mit "startseite" */
/*********************************/

#startseite{
position: absolute;
width: 119px;
height: 108px;
top: 148px;
left: 0px;
background-color: white;
}

#startseite li{
list-style-type:none;

}


#startseite li #startseite_link{
width: 119px;
height: 108px;
display: block;
background-image:url(../images/startseite_normal.gif);
background-position:center center;
background-repeat:no-repeat;
text-decoration:none;
}


#startseite li #startseite_link:hover{
width: 119px;
height: 108px;
display: block;
background-image:url(../images/startseite_hover.gif);
background-position:center center;
background-repeat:no-repeat;
text-decoration:none;	
}

#startseite li #startseite_link h2{
font-size: 16px;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #0c5259;
padding-top: 88px;
padding-left: 4px;
text-decoration: none;

}

#startseite li #startseite_link:hover h2{
font-size: 16px;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: white;
padding-top: 88px;
padding-left: 4px;
text-decoration: none;

}

/***********  active_Status***************/

#startseite_active{
position: absolute;
width: 119px;
height: 108px;
top: 148px;
left: 0px;
background-color: white;
}

#startseite_active li{
list-style-type:none;

}


#startseite_active li #startseite_link_active{
width: 119px;
height: 108px;
display: block;
background-image:url(../images/startseite_hover.gif);
background-position:center center;
background-repeat:no-repeat;
text-decoration:none;
}


#startseite_active li #startseite_link_active:hover{
width: 119px;
height: 108px;
display: block;
background-image:url(../images/startseite_hover.gif);
background-position:center center;
background-repeat:no-repeat;
text-decoration:none;	
}

#startseite_active li #startseite_link_active h2{
font-size: 16px;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: white;
padding-top: 88px;
padding-left: 4px;
text-decoration: none;

}

#startseite_active li #startseite_link_active:hover h2{
font-size: 16px;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: white;
padding-top: 88px;
padding-left: 4px;
text-decoration: none;

}



/*.span_startseite{
position: absolute;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 16px;
color: black;
top: 88px;
left: 5px;

}
*/

/*********************************/
/* nun geht es weiter mit "webagentur" */
/*********************************/
#webagentur{
position: absolute;
width: 119px;
height: 108px;
top: 173px;
left: 123px;

}

#webagentur li{
list-style-type:none;

}


#webagentur li #webagentur_link{
width: 119px;
height: 108px;
display: block;
background-image:url(../images/webagentur_normal2.gif);
background-position:center center;
background-repeat:no-repeat;
text-decoration:none;
}


#webagentur li #webagentur_link:hover{
width: 119px;
height: 108px;
display: block;
background-image:url(../images/webagentur_hover2.gif);
background-position:center center;
background-repeat:no-repeat;
text-decoration:none;
}

#webagentur li #webagentur_link h2{
font-size: 16px;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #0c5259;
padding-top: 88px;
padding-left: 4px;
text-decoration: none;
}

#webagentur li #webagentur_link:hover h2{
font-size: 16px;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: black;
padding-top: 88px;
padding-left: 4px;
text-decoration: none;
}


/** active status **/


#webagentur_active{
position: absolute;
width: 119px;
height: 108px;
top: 173px;
left: 123px;

}

#webagentur_active li{
list-style-type:none;

}


#webagentur_active li #webagentur_link_active{
width: 119px;
height: 108px;
display: block;
background-image:url(../images/webagentur_hover2.gif);
background-position:center center;
background-repeat:no-repeat;
text-decoration:none;
}


#webagentur_active li #webagentur_link_active:hover{
width: 119px;
height: 108px;
display: block;
background-image:url(../images/webagentur_hover2.gif);
background-position:center center;
background-repeat:no-repeat;
text-decoration:none;
}

#webagentur_active li #webagentur_link_active h2{
font-size: 16px;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: black;
padding-top: 88px;
padding-left: 4px;
text-decoration: none;
}

#webagentur_active li #webagentur_link_active:hover h2{
font-size: 16px;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: black;
padding-top: 88px;
padding-left: 4px;
text-decoration: none;
}



/*********************************/
/* nun folgt der Link "leisungen" */
/*********************************/
#leistungen{
position: absolute;
width: 119px;
height: 108px;
top: 158px;
left: 246px;

}

#leistungen li{
list-style-type:none;

}


#leistungen li #leistungen_link{
width: 119px;
height: 108px;
display: block;
background-image:url(../images/leistungen_normal.gif);
background-position:center center;
background-repeat:no-repeat;
text-decoration:none;
}


#leistungen li #leistungen_link:hover{
width: 119px;
height: 108px;
display: block;
background-image:url(../images/leistungen_hover3.gif);
background-position:center center;
background-repeat:no-repeat;
text-decoration:none;
}

#leistungen li #leistungen_link h2{
font-size: 16px;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #0c5259;
padding-top: 88px;
padding-left: 4px;
text-decoration: none;
}

#leistungen li #leistungen_link:hover h2{
font-size: 16px;
font-family: Verdana, Arial, Helvetica, sans-serif;
color:white;
padding-top: 88px;
padding-left: 4px;
text-decoration: none;
}

/*active status von leistungen*/
#leistungen_active{
position: absolute;
width: 119px;
height: 108px;
top: 158px;
left: 246px;

}

#leistungen_active li{
list-style-type:none;

}


#leistungen_active li #leistungen_link_active{
width: 119px;
height: 108px;
display: block;
background-image:url(../images/leistungen_hover3.gif);
background-position:center center;
background-repeat:no-repeat;
text-decoration:none;
}


#leistungen_active li #leistungen_link_active:hover{
width: 119px;
height: 108px;
display: block;
background-image:url(../images/leistungen_hover3.gif);
background-position:center center;
background-repeat:no-repeat;
text-decoration:none;
}

#leistungen_active li #leistungen_link_active h2{
font-size: 16px;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: white;
padding-top: 88px;
padding-left: 4px;
text-decoration: none;
}

#leistungen_active li #leistungen_link_active:hover h2{
font-size: 16px;
font-family: Verdana, Arial, Helvetica, sans-serif;
color:white;
padding-top: 88px;
padding-left: 4px;
text-decoration: none;
}



/*********************************/
/* nun geht es weiter mit "referenzen" */
/*********************************/
#referenzen{
position: absolute;
width: 119px;
height: 108px;
top: 178px;
left: 369px;

}

#referenzen li{
list-style-type:none;

}


#referenzen li #referenzen_link{
width: 119px;
height: 108px;
display: block;
background-image:url(../images/referenzen_normal.gif);
background-position:center center;
background-repeat:no-repeat;
text-decoration:none;
}


#referenzen li #referenzen_link:hover{
width: 119px;
height: 108px;
display: block;
background-image:url(../images/referenzen_hover.gif);
background-position:center center;
background-repeat:no-repeat;
text-decoration:none;
}

#referenzen li #referenzen_link h2{
font-size: 16px;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #0c5259;
padding-top: 88px;
padding-left: 4px;
text-decoration: none;
}

#referenzen li #referenzen_link:hover h2{
font-size: 16px;
font-family: Verdana, Arial, Helvetica, sans-serif;
color:black;
padding-top: 88px;
padding-left: 4px;
text-decoration: none;
}


/******************active_Status referenzen*************/
#referenzen_active{
position: absolute;
width: 119px;
height: 108px;
top: 178px;
left: 369px;

}

#referenzen_active li{
list-style-type:none;

}


#referenzen_active li #referenzen_link_active{
width: 119px;
height: 108px;
display: block;
background-image:url(../images/referenzen_hover.gif);
background-position:center center;
background-repeat:no-repeat;
text-decoration:none;
}


#referenzen_active li #referenzen_link_active:hover{
width: 119px;
height: 108px;
display: block;
background-image:url(../images/referenzen_hover.gif);
background-position:center center;
background-repeat:no-repeat;
text-decoration:none;
}

#referenzen_active li #referenzen_link_active h2{
font-size: 16px;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: black;
padding-top: 88px;
padding-left: 4px;
text-decoration: none;
}

#referenzen_active li #referenzen_link_active:hover h2{
font-size: 16px;
font-family: Verdana, Arial, Helvetica, sans-serif;
color:black;
padding-top: 88px;
padding-left: 4px;
text-decoration: none;
}













/*********************************/
/* nun folgt der Link "preise" */
/*********************************/
#preise{
position: absolute;
width: 119px;
height: 108px;
top: 158px;
left: 492px;
}

#preise li{
list-style-type:none;

}


#preise li #preise_link{
width: 119px;
height: 108px;
display: block;
background-image:url(../images/preise_normal.gif);
background-position:center center;
background-repeat:no-repeat;
text-decoration:none;
}


#preise li #preise_link:hover{
width: 119px;
height: 108px;
display: block;
background-image:url(../images/preise_hover.gif);
background-position:center center;
background-repeat:no-repeat;
text-decoration:none;
}

#preise li #preise_link h2{
font-size: 16px;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #0c5259;
padding-top: 88px;
padding-left: 4px;
text-decoration: none;
}

#preise li #preise_link:hover h2{
font-size: 16px;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #fff;
padding-top: 88px;
padding-left: 4px;
text-decoration: none;
}



/************active status****************/
#preise_active{
position: absolute;
width: 119px;
height: 108px;
top: 158px;
left: 492px;
}

#preise_active li{
list-style-type:none;

}


#preise_active li #preise_link_active{
width: 119px;
height: 108px;
display: block;
background-image:url(../images/preise_hover.gif);
background-position:center center;
background-repeat:no-repeat;
text-decoration:none;
}


#preise_active li #preise_link_active:hover{
width: 119px;
height: 108px;
display: block;
background-image:url(../images/preise_hover.gif);
background-position:center center;
background-repeat:no-repeat;
text-decoration:none;
}

#preise_active li #preise_link_active h2{
font-size: 16px;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: white;
padding-top: 88px;
padding-left: 4px;
text-decoration: none;
}

#preise_active li #preise_link_active:hover h2{
font-size: 16px;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #fff;
padding-top: 88px;
padding-left: 4px;
text-decoration: none;
}






/*********************************/
/* nun geht es weiter mit "service" */
/*********************************/
#service{
position: absolute;
width: 119px;
height: 108px;
top: 168px;
left: 615px;
}

#service li{
list-style-type:none;

}


#service li #service_link{
width: 119px;
height: 108px;
display: block;
background-image:url(../images/service_normal.gif);
background-position:center center;
background-repeat:no-repeat;
text-decoration:none;
}


#service li #service_link:hover{
width: 119px;
height: 108px;
display: block;
background-image:url(../images/service_hover.gif);
background-position:center center;
background-repeat:no-repeat;
text-decoration:none;
}

#service li #service_link h2{
font-size: 16px;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #0c5259;
padding-top: 88px;
padding-left: 4px;
text-decoration: none;
}

#service li #service_link:hover h2{
font-size: 16px;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #000;
padding-top: 88px;
padding-left: 4px;
text-decoration: none;
}

/**************active_Status*****************/
#service_active{
position: absolute;
width: 119px;
height: 108px;
top: 168px;
left: 615px;
}

#service_active li{
list-style-type:none;

}


#service_active li #service_link_active{
width: 119px;
height: 108px;
display: block;
background-image:url(../images/service_hover.gif);
background-position:center center;
background-repeat:no-repeat;
text-decoration:none;
}


#service_active li #service_link_active:hover{
width: 119px;
height: 108px;
display: block;
background-image:url(../images/service_hover.gif);
background-position:center center;
background-repeat:no-repeat;
text-decoration:none;
}

#service_active li #service_link_active h2{
font-size: 16px;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: black;
padding-top: 88px;
padding-left: 4px;
text-decoration: none;
}

#service_active li #service_link_active:hover h2{
font-size: 16px;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #000;
padding-top: 88px;
padding-left: 4px;
text-decoration: none;
}



/*********************************/
/* nun folgt der Link "kontakt" */
/*********************************/
#kontakt{
position: absolute;
width: 119px;
height: 108px;
top: 152px;
left: 738px;
}

#kontakt li{
list-style-type:none;

}


#kontakt li #kontakt_link{
width: 119px;
height: 108px;
display: block;
background-image:url(../images/kontakt_normal2.gif);
background-position:center center;
background-repeat:no-repeat;
text-decoration:none;
}


#kontakt li #kontakt_link:hover{
width: 119px;
height: 108px;
display: block;
background-image:url(../images/kontakt_hover2.gif);
background-position:center center;
background-repeat:no-repeat;
text-decoration:none;
}

#kontakt li #kontakt_link h2{
font-size: 16px;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #0c5259;
padding-top: 88px;
padding-left: 4px;
text-decoration: none;
}

#kontakt li #kontakt_link:hover h2{
font-size: 16px;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #fff;
padding-top: 88px;
padding-left: 4px;
text-decoration: none;
}



/*******************active status ****************/
#kontakt_active{
position: absolute;
width: 119px;
height: 108px;
top: 152px;
left: 738px;
}

#kontakt_active li{
list-style-type:none;

}


#kontakt_active li #kontakt_link_active{
width: 119px;
height: 108px;
display: block;
background-image:url(../images/kontakt_hover2.gif);
background-position:center center;
background-repeat:no-repeat;
text-decoration:none;
}


#kontakt_active li #kontakt_link_active:hover{
width: 119px;
height: 108px;
display: block;
background-image:url(../images/kontakt_hover2.gif);
background-position:center center;
background-repeat:no-repeat;
text-decoration:none;
}

#kontakt_active li #kontakt_link_active h2{
font-size: 16px;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: white;
padding-top: 88px;
padding-left: 4px;
text-decoration: none;
}

#kontakt_active li #kontakt_link_active:hover h2{
font-size: 16px;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #fff;
padding-top: 88px;
padding-left: 4px;
text-decoration: none;
}


/*Ende der Hauptnavi, jetzt kommt die Subnavi, kontextsensitiv*/


#subnavi{
width: 100%;
height: 30px;
text-align: center;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;

}


#subnavi ul{
line-height: 250%;
}


#subnavi li{
display: inline;
list-style-type: none;
}


/*
#subnavi.normal a, :visited{
text-decoration: none;
color: #446b72;
}

#subnavi.normal a:hover{
/*background-color: #0c5259;
color: #e8d673;
color: #0c5259;
color: black;
border-bottom: 3px solid #0c5259;
}

#subnavi .subsection a, :visited{
color: #000000;
border-bottom: 3px solid #0c5259;
}

*/


#subnavi .subsection a{
/*color: #0c5259;
text-decoration: none;*/
color: black;
border-bottom: 3px solid #0c5259;
}

#subnavi .subsection a:hover{
color: black;
border-bottom: 3px solid #0c5259;
}

#subnavi .normal a, a:visited{
color: #0c5259;
text-decoration: none;
}

#subnavi .normal a:hover{
color: black;
border-bottom: 3px solid #0c5259;
}



#content{
width: 100%;
background-color: white;
border: 2px solid #fbeda4;
}


#box{
width: 100%;
background-color: white;
/*Anzeige-Fehler in moderenen Browsern vermeiden
min-height: 400px; */

}


#text{
float: left;
width: 570px;
padding-bottom: 10px;
margin-right: 150px;
background-color: white;
border: 0px solid black;
text-align: justify;
padding-left: 20px;
padding-right: 20px;
margin-right: 000px;
font-family: Verdana, Arial, Helvetica, sans-serif;
}


#text h2{
color: #446b72;
font-size: 20px;
}



#text h3{
font-size: 14px;
color: #666666;
}


#text p{
font-size: 12px;
color: black;
}
#text a{
text-decoration: none;
color: #638b92;
font-weight: bold;

}


#text a:hover{
text-decoration: underline;
color: #194952;
font-weight: bold;

}

#text ul {
font-size: 12px;
margin-left: 30px;
}


#text table address{
font-size: 12px;
}


#text #lexikon{
text-align: center;
}

#text #lexikon li{
display: inline;
list-style-type: none;
font-size: 14px;
}

.lexikon_b{	
font-size: 12px;
}

.lexikon_gray{
color: #CCCCCC;
}

.lexikon_span{
text-align: right;
font-size: 12px;
}

#text address{
font-size: 12px;
font-weight: bold;
}


.right_column{
width: 300px;
text-align: center;

border-bottom: 1px solid black;
}

.left_column{
border-right: 1px solid black;
border-bottom: 1px solid black;
}


.last_p{
margin-bottom: 50px;
}


.webdesign:first-letter{
color: red;
}

#trennlinie{
position: absolute;
left: 615px;
top: 370px;
}


.kontakt_table{
text-align: right;
}
.nowrap{
white-space:nowrap;
}

#news{
border: 0px solid black;
margin-left: 625px;
padding-left: 10px;
padding-right: 10px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;

}



#news h4{
font-size: 11px;
color: black;
}


#news a{
color: #446b72;
text-decoration: none;
}


#news a:hover{
text-decoration: underline;

}

.signaturen{


background-image: url(../images/news/bg_signatur.jpg);
background-repeat:no-repeat;
background-position: center center;
}

.lexikon{
background-image: url(../images/news/bg_lexikon.jpg);
background-repeat:no-repeat;
background-position: center center;
}


.launch{
background-image: url(../images/news/bg_launch.jpg);
background-repeat:no-repeat;
background-position: center center;
}



.form_input{
border: 1px solid #0E707A;
}

.form_button{

}


/*
#subbox1{
width: 580px;
border: 0px solid black;
float: left;
padding-left: 20px;
padding-right: 20px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
}


#subbox1 h2{
font-size: 20px;
color: #446b72;
}


#subbox1 h3{
font-size: 16px;
color: #000000;
}


#subbox2{

}

*/
.text_header_image{
border: 1px solid #f0e297;
border-top: none;
}


/*
#news{
float: left;
width: 30%;
margin-left: 70%;
background-color: white;
text-align: justify;
padding-right: 25px;
font-family: Tahoma;
font-size: 11px;
border: 0px solid black;
padding-left: 20px;
}


/*

#news h4{
font-size: 11px;
color: black;
}



#news a{
color: #446b72;
text-decoration: none;
}


#news a:hover{
text-decoration: underline;
}


/*
#news h4{
font-size: 11.5px;
color: black;
}



#news a{
color: #446b72;
text-decoration: none;
}

#news a:hover{

text-decoration: underline;
}


#news img{
margin-left: 5%;
}
*/


#footer{
clear: both;
width: 100%;
height: 22px;
background-image:url(../images/footer_background.jpg);
background-position:center;
background-repeat:repeat-x;
text-align: center;
color: #c2ad3e;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 13px;
}

#footer ul{
padding-top: 3px;
}

#footer li{
display: inline;
}



#footer li a{
text-decoration: none;
color: #c2ad3e;
}


#footer li a:hover{
text-decoration: underline;
}