/* CSS Document */

/****************************************************/
/*** Box definitions ***/
#container_box { width:1000px; height:600px; margin:auto; background:url(../format_pics/container_bg.jpg) repeat-y; position:relative; overflow:hidden;}
#nav_top_box {width:1000px; height:76px; text-align:left;}
#nav_sprach_box { width:1000px; height:12px; text-align:center; color:#FFFFFF; }

a:link.sprach {text-decoration:none; font-size:12px; color:rgb(255,255,255); font-weight:bold;}
a:visited.sprach {text-decoration:none; color:#FFFFFF;}
a:hover.sprach {text-decoration:overline underline; color:#FFFFFF;}
#content_box {clear:both; position:relative; width:1000px; height:524px; padding:0px; text-align:left;}

/****************************************************/
/*** general Site Styles ***/
body {text-align:center; font-family:arial; font-size:12px; background-color:rgb(235,235,235); color:rgb(0,87,158);}
h1 {font-size:12px; font-weight:bold;}

/*** Scrollbar IE ***/
body{
scrollbar-3dlight-color:rgb(102,154,197);
scrollbar-arrow-color:white;
scrollbar-darkshadow-color:(230,230,230);
scrollbar-face-color:rgb(0,87,158);
scrollbar-highlight-color:white;
scrollbar-shadow-color:rgb(200,200,200);
scrollbar-track-color:rgb(102,154,197);
}

/****************************************************/
/*** TOP navigation styles ***/
#nav_top_box img {margin:0px; padding:0px; border:0px; height:60px; }

#nav_top_box a {display:block; font-size:15px;color:rgb(0,87,158); font-weight:bold;}
#nav_top_box a:link {text-decoration:none;}
#nav_top_box a:visited {text-decoration:none;}
#nav_top_box a:hover {text-decoration:overline underline;}

#nav_top_box ul {margin:0px; padding:0px; border:0px;}
#nav_top_box ul li{ display:inline; float:left; list-style-image:none; padding:0px; margin:0px; border:0px;}

#nav_li_firma {width:210px; }
#nav_li_produkte {width:210px;}
#nav_li_logo {width:159px;}
#nav_li_kontakt {width:210px;}
#nav_li_sprache {width:207px;}

#nav_li_firma a{width:1px; margin-top:30px; margin-left:30px;}
#nav_li_produkte a{width:1px; margin-top:30px; margin-left:20px;}
#nav_li_logo a{margin-top:10px;}
#nav_li_kontakt a{width:1px; margin-top:30px; margin-left:80px;}
#nav_li_sprache a{width:1px; margin-top:30px; margin-left:120px;}

/****************************************************/
/*** Content Box styles ***/
#content_left_box {float:left; width:420px; height:500px; margin-top:28px;}
#content_left_box a:link{font-size:12px; color:rgb(102,154,197); background-color:white; padding:0px 5px 0px 5px; text-decoration:underline;}
#content_left_box a:visited{font-size:12px; color:rgb(102,154,197); background-color:white; padding:0px 5px 0px 5px; text-decoration:underline;}
#content_left_box a:hover{font-size:12px; color:white; background-color:rgb(0,87,158); padding:0px 5px 0px 5px; text-decoration:none;}
#content_left {height:460px; width:240px; margin:40px 0px 0px 20px; border-left:4px solid rgb(0,87,158); padding:0px 0px 0px 4px; text-align:left;}
#content_center_box {float:left; width:160px; height:500px; margin-top:24px; text-align:center;}
#content_right_box {float:right; width:420px; height:500px; margin-top:24px;}

#content_left p.link_weiter a:link{color:white; background-color:rgb(0,87,158); text-decoration:none; float:right; }
#content_left p.link_weiter a:visited{color:white; background-color:rgb(0,87,158); text-decoration:none; float:right; }
#content_left p.link_weiter a:hover{color:rgb(0,87,158); background-color:white; text-decoration:overline underline; float:right; }

/****************************************************/
/*** Slogans RIGHT styles (text and pics) ***/
#slogan_right_home {font-size:18px; float:right; margin:25px 10px 0px 0px;}
#slogan_right_aktuelles {font-size:18px; float:right; margin:50px 10px 0px 0px;}
#slogan_right_geschichte {font-size:18px; float:right; margin:50px 10px 0px 0px;}
#slogan_right_arbeitsweise {font-size:18px; float:right; margin:30px 10px 0px 0px;}
#slogan_right_qualitaet {font-size:18px; float:right; margin:40px 10px 0px 0px;}
#slogan_right_biegeteile {font-size:18px; float:right; margin:40px 10px 0px 0px;}
#slogan_right_formteile {font-size:18px; float:right; margin:40px 10px 0px 0px;}
#slogan_right_einsatz {font-size:18px; float:right; margin:40px 10px 0px 0px;}
#slogan_right_beispiele {font-size:18px; float:right; margin:40px 10px 0px 0px;}
#slogan_right_kontakt {font-size:18px; float:right; margin:40px 10px 0px 0px;}
#slogan_right_impressum {font-size:18px; float:right; margin:40px 10px 0px 0px;}

/****************************************************/
/*** Pics CENTER styles ***/
.center_pics_geschichte {margin:40px 5px 0px 5px;}
.center_pics_arbeitsweise {margin:20px 5px 0px 5px;}
.center_pics_qualitaet {margin:20px 5px 30px 5px;}
.center_pics_biegeteile {margin:40px 5px 0px 5px;}
.center_pics_formteile {margin:40px 5px 0px 5px;}
.center_pics_einsatz {margin:40px 5px 0px 5px;}
.center_pics_kontakt {margin:20px 5px 0px 5px;}
.center_pics_impressum {margin:40px 5px 0px 5px;}

/****************************************************/
/*** Pics LEFT styles ***/
#left_pic_home {margin-top:55px; margin-left:50px;}

/****************************************************/
/*** Pics RIGHT styles ***/
#right_pic_home {margin-top:0px; margin-left:150px;}
#right_pic_aktuelles {margin-top:40px; margin-left:20px;}
#right_pic_geschichte {margin-top:90px;}
#right_pic_arbeitsweise {margin-top:30px; margin-left:20px;}
#right_pic_qualitaet {margin-top:0px; margin-left:20px;}
#right_pic_biegeteile{margin-top:50px; margin-left:20px;}
#right_pic_formteile{margin-top:50px; margin-left:20px;}
#right_pic_einsatz{margin-top:180px; margin-left:0px;}
#right_pic_beispiele{margin-top:60px; margin-left:0px;}
#right_pic_kontakt{margin-top:100px; margin-left:0px;}
#right_pic_impressum{margin-top:0px; margin-left:0px;}

/****************************************************/
/*** Page specific styles ***/
/*** Subnavigation "Firma" ***/
#sub_nav_firma {position:absolute; top:55px; left:0px; text-align:left; padding:0px; margin:0px; border:0px; z-index:100;}
#sub_nav_firma ul{padding:0px; margin:0px; border:0px;}
#sub_nav_firma ul li{list-style-image:url(../format_pics/spacer_bullet.gif); margin:3px 0px 0px 0px; padding:0px; }
#sub_nav_firma ul li a{font-size:11px; color:white; width:120px; display:block; padding:0px 5px 0px 8px; border:0px; text-decoration:none;}
#sub_nav_firma ul li a:link{background-color:rgb(0,87,158);}
#sub_nav_firma ul li a:visited{background-color:rgb(0,87,158);}
#sub_nav_firma ul li a:hover{background-color:rgb(102,154,197);}

/****************************************************/
/*** Page specific styles ***/
/*** Aktuelles ***/
.aktuelles_box {width:220px;}
.aktuelles_datum {text-align:right;color:white; font-size:11px; font-weight:bold; padding:0px 10px 0px 0px; margin:5px 0px 5px 0px; background-color:rgb(102,154,197);}
.aktuelles_text {clear:both; width:220px; margin:0px; border:0px; padding:0px;}

/****************************************************/
/*** Page specific styles ***/
/*** Subnavigation "Produkte" ***/
#sub_nav_produkte {position:absolute; top:55px; left:200px; text-align:left; padding:0px; margin:0px; border:0px; z-index:100;}
#sub_nav_produkte ul{padding:0px; margin:0px; border:0px;}
#sub_nav_produkte ul li{list-style-image:url(../format_pics/spacer_bullet.gif); margin:3px 0px 0px 0px; padding:0px; }
#sub_nav_produkte ul li a{font-size:11px; color:white; width:120px; display:block; padding:0px 5px 0px 8px; border:0px; text-decoration:none;}
#sub_nav_produkte ul li a:link{background-color:rgb(0,87,158);}
#sub_nav_produkte ul li a:visited{background-color:rgb(0,87,158);}
#sub_nav_produkte ul li a:hover{background-color:rgb(102,154,197);}

/****************************************************/
/*** Page specific styles ***/
/*** Produktbeispiele ***/
#produkt_beispiele_box {float:left; width:580px; height:500px; margin-top:24px;}
#produkt_beispiele_content {height:460px; width:552px; margin:40px 0px 0px 20px; border-left:4px solid rgb(0,87,158); padding:0px 0px 0px 4px; text-align:justify;}
.produkt_beispiel {clear:both; width:552px;}
.produkt_beispiel .text{float:left; width:330px;}
.produkt_beispiel .text h2{font-size:12px; margin:5px 0px 3px 0px; font-variant: small-caps}
.produkt_beispiel img{float:right; margin:0px 5px 0px 0px; border:none;}
.produkt_vspacer {clear:both; height:25px;}

#link_list {position:absolute; top:485px; left:80px;}
#link_list a{text-decoration:underline; font-weight:bold; padding:1px 3px 1px 3px; margin:0px 1px 0px 1px;}
#link_list a:link{color:rgb(0,87,158); background-color:white;}
#link_list a:visited{color:rgb(0,87,158); background-color:white;}
#link_list a:hover{color:white; background-color:rgb(0,87,158);}
#link_list #link_previous{padding:0px 0px 0px 0px; margin:0px 15px 0px 15px;}
#link_list #link_next{padding:0px 0px 0px 0px;margin:0px 15px 0px 15px;}
#link_list .link_num{padding:0px 0px 0px 0px;margin:0px 0px 0px 0px;}
#link_list .link_num_here{padding:1px 3px 1px 3px; margin:0px 1px 0px 1px; background-color:rgb(0,87,158); color:white;}


/****************************************************/
/*** Page specific styles ***/
/*** Mail Form ***/
#mail_form {width:100%; text-align:center; }
#mail_form input {width:100%; background-color:rgb(245,245,245); width:100%; margin:0px;  padding:0px;}
#mail_form textarea {width:100%; background-color:rgb(245,245,245); width:100%; margin:0px;  padding:0px;}
.mail_form_headers {margin: 0px 0px 0px 0px; font-weight:bold; float:left;}
#mail_form #mail_button {width:60%; margin-top:10px; background-color:rgb(0,87,158); color:white; }
#mail_form #form_error_message {display:block; margin-top:5px;font-size:12px; color:red}

#forward_message {font-weight:bold; font-size:12px; text-align:center; }

/****************************************************/
/*** Page specific styles ***/
/*** Kontakt ***/
#content_center_box #portrait_1{width:150px; height:115px; margin:2px 5px 0px 5px; padding:0px;}
#content_center_box #portrait_1 p{color:white; font-size:11px; margin:0px; padding:0px;}
#content_center_box #portrait_1 a{width:100%; height:85px; display:block; margin:0px 0px 0px 0px; padding:0px; }
#content_center_box #portrait_1 a:link{background-image:url(../content_pics/siegfried_heim_2.jpg);}
#content_center_box #portrait_1 a:visited{background-image:url(../content_pics/siegfried_heim_2.jpg);}
#content_center_box #portrait_1 a:hover{background-image:url(../content_pics/siegfried_heim_1.jpg);}

#content_center_box #portrait_2{width:150px; height:115px; margin:6px 5px 0px 5px;}
#content_center_box #portrait_2 p{color:white; font-size:11px; margin:0px; padding:0px; }
#content_center_box #portrait_2 a{ width:100%; height:85px; display:block; margin:0px;}
#content_center_box #portrait_2 a:link{background-image:url(../content_pics/werner_armbruster_2.jpg);}
#content_center_box #portrait_2 a:visited{background-image:url(../content_pics/werner_armbruster_2.jpg);}
#content_center_box #portrait_2 a:hover{background-image:url(../content_pics/werner_armbruster_1.jpg);}

#content_center_box #portrait_3{width:150px; height:115px; margin:6px 5px 0px 5px;}
#content_center_box #portrait_3 p{color:white; font-size:11px; margin:0px;}
#content_center_box #portrait_3 a{width:100%; height:85px; display:block; margin:0px;}
#content_center_box #portrait_3 a:link{background-image:url(../content_pics/ivo_armbruster_2.jpg);}
#content_center_box #portrait_3 a:visited{background-image:url(../content_pics/ivo_armbruster_2.jpg);}
#content_center_box #portrait_3 a:hover{background-image:url(../content_pics/ivo_armbruster_1.jpg);}

#content_center_box #portrait_4{width:150px; height:115px; margin:6px 5px 0px 5px;}
#content_center_box #portrait_4 p{color:white; font-size:11px; margin:0px;}
#content_center_box #portrait_4 a{width:100%; height:85px; display:block; margin:0px;}
#content_center_box #portrait_4 a:link{background-image:url(../content_pics/andrea_reffler_2.jpg);}
#content_center_box #portrait_4 a:visited{background-image:url(../content_pics/andrea_reffler_2.jpg);}
#content_center_box #portrait_4 a:hover{background-image:url(../content_pics/andrea_reffler_1.jpg);}


/****************************************************/
/*** Page specific styles ***/
/*** Impressum ***/
#validation {width:100%; margin:10px 0px 10px 0px; font-size:11px;}
#validation a:hover{background-color:white;}
#img_valid_xhtml {border:none; padding:0px; margin:5px 0px 0px 0px; }
#img_valid_css { border:none; padding:0px; margin:5px 0px 0px 0px;}