/*************************** 
* CSS Document - 5 Cast   *   
*   www.fivecast.com      *
***************************/

/* Allgemeines */

* {margin:0; padding:0;}

body {font-family: Verdana, Arial, Helvetica, sans-serif;
background: #fff;
background-image:url(image/content/background.jpg);
background-repeat: repeat-x;
}
.s {color: #000000;}
.img {border:none;}
.f {float:left;}
.r {float:right;}
.p5{padding: 5px;}

/* Container */

#container {position: relative;
text-align:left;
margin: 0 auto;
margin-top: 10px;
width:  950px;
height: auto;
}
ul {list-style-type: square; margin-left: 13px;}

a {text-decoration: none; color: #00A49B;}

/* Header */

#header_links {position: absolute; left: 0;}

#header_rechts {position: absolute; left:320px;}

/*navi*/
.hauptnavi {position: absolute; top: 138px; left: 0; width: 950px;}

.hauptnavi a {position: absolute;
color: black;
font-size: 10px;
text-decoration: none;
height: 11px;
}
.hauptnavi a:hover {font-weight: bold;}

#english {position: absolute; left: 25px; white-space: nowrap;}

#english_bild {position: absolute;
width: 20px;
height: 13px;
left: 0;
top: 138px;
background-image:url(image/content/english.gif);
background-repeat: no-repeat;		
}
#home {position: absolute; left: 320px;}

#unternehmen {position: absolute; left: 373px;}
#kontakt {position: absolute; left: 469px;}
#presse {position: absolute; left: 534px;}
#agb {position: absolute; left: 594px;}
#impressum {position: absolute; left: 640px;}

#unternavi {position: absolute;
top: 160px;
left: 320px;
text-align: center;
color: black;
margin: 0;
z-index: 2; 
}
#unternavi li {display: inline; list-style: none;}
#unternavi a, a.active {float: left;
width: 207px;
color: white;
padding-top: 3px;
padding-bottom: 3px;
margin-left: 1px;
background-color: #015A55;
border: 1px solid #015A55;
font-weight: bold;
font-size: 10px;		
text-decoration: none;
}
#unternavi a.active {background: #f1f6f9; color: black; border-bottom: 1px solid #f1f6f9;}
ul#unternavi {clear: left;}
#block_suchen_unternavi {position: absolute;
top: 160px;
width: 310px;
height: 20px;
background-color: #015A55;
}
/* Suche */
#suche {position: absolute; top:135px; left: 823px;}

#suche_css {width: 100px;
font-size: 10px;
color: #999999;
border: 1px solid #A5ACB2;
}
#suchen_unterseite {position: absolute;
font-size: 12px;
top: 160px;
left: 0;
width: 950px;
padding: 0;
height: auto;
}
#suchen_button {position: absolute;
left: 107px;
top: 5px;
width: 19px;
height: 11px;
border: none;
background-image:url(image/content/button_suche.gif);
cursor: pointer;	
}

/* Große Grafik links */

#grafik_links {position: absolute;
top: 160px;
left: 0;
width: 310px;
height: 370px;
border: 1px solid #CCCCCC;
font-size: 11px;
}
/* Vergrößern + Schließen */
#groesser {position: absolute; top: 535px; left: 293px;}

.vergroessern {cursor: pointer;}

#groesser_button {background-image:url(image/content/button_groesser.gif);
width: 19px;
height: 11px;
border: none;
cursor: pointer;
}
#groesser_schrift {position: absolute;
top: 534px;
left: 220px;
color: #00A49B;
font-size: 11px;
cursor: pointer;
}
#bild_scroll {position: absolute;
top: 160px;
left: 0;
width: 948px;
height: 410px;
border: 1px solid #DEDEDE;
overflow: auto;
z-index: 2;
visibility: hidden;
}
#bild_vergroessert {width: 932px; height: auto; cursor: pointer;}

#schliessen {position: absolute;
top: 539px;
left: 902px;
z-index: 3;
visibility: hidden;
}
#schliessen_button {background-image:url(image/content/button_schliessen.gif);
width: 19px;
height: 11px;
border: none;
cursor: pointer;		
}
#schliessen_schrift {position: absolute;
top: 538px;
left: 840px;
color: #00A49B;
font-size: 11px;
z-index: 3;
visibility: hidden;
cursor: pointer;
}

/* Content */
.ueberschrift_content_links {position: absolute;
top: 200px;
left: 330px;
font-weight: bold;
font-size: 16px;
line-height: 20px;
display: block;
}

.ueberschrift_content_rechts {font-weight: bold;
font-size: 11px;
color: #666666;
padding-bottom: 5px;
display: block;
}
.blockabstand {padding-bottom: 5px;}

.text_links {position: absolute;
font-size: 11px;
top: 210px;
left: 320px;
width: 360px;
padding-top: 20px;
padding-left: 10px;
}
#haftung {position: absolute;
top: 13px;
left: 260px;
width: 340px;
padding-top: 20px;
padding-left: 10px;
}
#agb_scroll {position: absolute;
top: 30px;
left: 0;
width: 620px;
height: 270px;
padding-top: 20px;
padding-left: 10px;
overflow: auto;
}
#presse_scroll {position: absolute;
top: 20px;
left: 0;
width: 620px;
height: 270px;
padding-top: 0;
padding-left: 10px;
overflow: auto;
}
#presse_scroll span{font-size: 15px; font-weight: bold;}

#laenge_unterseite {position: absolute; top: 230px;width: 580px;}

#logo_unterseite {position:absolute; top: 200px; left: 330px;}

#zurueck {padding-top: 7px;}

#button_zurueck {position: absolute;
margin-top: 2px;
width: 19px;
height: 11px;
background-image:url(image/content/button_zurueck.gif);
background-repeat: no-repeat;
}

#schrift_zurueck {position: absolute; left: 35px; font-size: 11px;}

#block_text_rechts_home {position: absolute;
font-size: 11px;
background-color: #DBE8E7;
top: 200px;
left: 740px;
width: 200px;
}
.block_text_rechts_tv {position: absolute;
font-size: 11px;
border: 1px solid #015A55;
width: 209px;
left: 740px;
}

#block_text_rechts_tv_oben {top: 200px;}
#block_text_rechts_tv_unten {top: 305px;}

.text_rechts {padding: 7px;}

.text_rechts_tv {position: absolute; font-size: 11px; width: 200px; border: 1px solid #015A55;}

#text_rechts_oben_tv {top: 200px; left: 740px;}

#text_rechts_unten_tv {top: 360px; left: 740px;}
.bold_text_rechts_ueberschrift_tv {font-weight: bold; padding-bottom: 7px; display: block;}
.absatz {padding-bottom: 7px; display: block;}
.bold_referenz {font-weight: bold; font-size: 10px;}

/* Kontakt */
#kontakt_form {position: absolute; top: 30px; left: 0;}
.textfeld {width: 200px; border: 1px solid #A5ACB2; white-space: normal;}
.button {background-color: #666666; 
color:#fff; 
width: 80px;
height: 17px;
font-size: 10px;
font-family: Verdana, Arial, Helvetica, sans-serif;
border: none;	 
}
#pflichtfelder {position: absolute; left: 360px; top: 39px; white-space: nowrap;}

/* Leistungen */

#leistungen_ueberschrift_home {position: absolute;
font-size: 11px;
font-weight: bold;
top: 437px;
left: 320px;
height: 30px;
width: 630px;
border-top: 1px dotted black;
padding-top: 9px;
text-align:left;
}

#leistungen_ueberschrift_tv {position: absolute;
font-size: 11px;
font-weight: bold;
top: 545px;
left: 0;
height: 30px;
width: 630px;
text-align:left;
}

#linie_gepunktet {position: absolute;
top: 556px;
left: 215px;
height: 1px;
width: 735px;
border-top: 1px dotted black;
}

.bottomnavi {position: absolute;
font-size: 15px;
top: 470px;
height: 58px;
width: 200px;
border: 1px solid #CCCCCC;
margin:0px;
padding:0px;
text-align:center;
}
.bild {position: absolute; top: 0; left: 0; width: 79px; height: 58px;}

#tv {background-image:url(image/content/tv.jpg);}
#mobile {background-image:url(image/content/mobile.jpg);}
#online {background-image:url(image/content/online.jpg);}

.tv_mobile_online_schrift {position: absolute;
font-size: 11px;
top: 0;
left: 79px;
padding-left: 11px;
padding-top: 8px;
text-align: left;
}
.bold_content {font-weight: bold; font-size: 11px;}
.tv_mobile_online_schrift a {color: black;}
#leistung_tv {left: 320px;}
#leistung_mobile {left: 530px;}
#leistung_online {left: 740px;}

.bild_uprom {position: absolute; top: 10px;}
.bild_wuerfelzucker {position: absolute; top: 2px;}
.bild_superrtl {position: absolute; top: 10px;}
.bild_tele5 {position: absolute; top: 6px;}
.bild_citruss {position: absolute; top: 10px;}
.bild_tasliya {position: absolute; top: 0;}

.referenz{
position: absolute;
font-size: 11px;
top: 571px;
left: -7px;
height: 85px;
width: 125px;
margin: auto;
padding: 7px;
text-align:center;
}
.referenz_active {position: absolute;
font-size: 11px;
top: 571px;
left: -7px;
height: 85px;
width: 125px;
margin: auto;
padding: 7px;
text-align:center;
background-color: #E8E8E8;
}
.referenz_schrift {position: absolute; top: 43px; text-align: left;}

#referenz_1 {left: 1px;}
#referenz_2 {left: 162px;}
#referenz_3 {left: 325px;}
#referenz_4 {left: 488px;}
#referenz_5 {left: 651px;}
#referenz_6 {left: 814px;}

/* Footer */

.footer {position: absolute;
font-size: 10px;
left: 0;
height: 20px;
width: 950px;
border: 1px solid #CCCCCC;
margin:0px;
} 

#footer1 {top: 555px;}
#footer2 {top: 690px;}
#footer_links {position: absolute; left: 0; padding-top: 3px; padding-left: 10px;}

#footer_rechts {position: absolute; right: 10px; padding-top: 3px;}

#footer_suchen {padding-top: 24px; width: 20px;}
#bottom_mobile {position: absolute; margin-top: 100px; width: 100%; height: auto;}
#bottom_unterseite {position: absolute; margin-top: 10px; width: 100%; height: auto;}

/* Mehr Referenz */
.mehr_ref {position: absolute; font-size: 11px; top: 557px; left: 900px;}