/**********RESET ALL VALUES******************/

html, body { border:0; margin:0; padding:0; }

h1, h2, h3, h4, h5, h6 { margin:0; padding:0; font-weight:normal; }

p, ul, ol, li { margin:0; padding:0 0 0 0; }

img { border:0; }
 
/********************************************/


/**********BASIC*****************************/

.fett { font-weight:bold }
.zentrieren { text-align:center }
h1 { color:#004C5A ; margin: 0 0 16px 0;  font-size: 18px; font-weight:bold  }
h2 { color:#000 ; margin: 10px 0 16px 0; font-size: 12px; font-weight:bold  }
h3 { color:#000 ; padding: 10px 0 16px 0; font-size: 12px; font-weight:bold;  }

p { padding: 0px 0 17px 0}

#left .scroll ul { margin: 0}
#left .scroll ul li { list-style-image:url("li.gif"); margin: 0px 0 20px 18px; text-indent: -1px;}


a, a:link, a:active, a:visited, a:hover { color:black; text-decoration:underline}

table {margin: 0px 0 30px 30px; border-bottom:3px solid #ccc; width:80%}
table tr.bg_tr { background:#DFDFDF }
td {padding: 5px 10px 5px 10px}


/**********STRUKTUR****************************/

body { background: #CCCCCC; margin: 0; font-family: arial, tahoma, sans}
#bg { position:absolute; top:0; left:50%; width: 998px; height:856px; background: url("bg.gif") no-repeat; margin: 0 0 0 -499px;}
#header { position:relative; float:left; margin:9px 0 0 0;}

#logo { position:relative; float:left;  margin:80px 0 0 30px  }


#left { position:absolute; left:0px; top:170px; width:690px;   }
#right { position:absolute; left:700px; top:7px; width:288px; border-top: 3px solid #fff;  }


/*Drop-down menu*/
#left .bg_header { position: relative; left: 10px; top:7px; background: white; width:100%; border-top: 3px solid #fff; height:25px; display:block; z-index:1001}
.bg_header .topnavi {position: relative; white-space:nowrap /*IE hack*/; width:680px; height:22px; border-top:1px solid #004C5A; border-left:1px solid #004C5A; background:#CCDBDE; border-bottom:1px solid #004C5A; border-left:10px solid #004C5A; color:#000; font-size:11px; overflow:visible; z-index:1002 } 
/*Color navigation bar normal mode*/ 
.topnavi ul {position:relative; text-align:center; list-style-type:none;}
.topnavi ul li {float:left; z-index:1000; display:block; /*IE6*/; }
.topnavi ul li a {float:none !important /*Non-IE6*/; float:left /*IE-6*/; display:block; height:22px; line-height:22px; width:111px; padding: 0 ;  text-decoration:none; font-weight:normal; border-left:2px solid #004C5A; color: #000;}
.topnavi ul li ul {position:absolute;display:none; border:none;}

/*Non-IE6 hovering*/
#left .topnavi ul li:hover {position:relative  } /*Sylvain IE hack*/
.topnavi ul li:hover a {background-color:#F8EACA; text-decoration:none;} /*Color main cells hovering mode*/
.topnavi ul li:hover ul {display:block; width:10.0em; position:absolute; z-index:999; top:20px; margin-top:2px; left:0;}
.topnavi ul li:hover ul li a {white-space:normal; display:block; width:125px; height:auto; line-height:1.3em; margin:0px 0 0 1px; padding:4px 12px 4px 12px; border: solid 1px #8DA5A9;  background-color:#E8EDEE; font-weight:normal; color:rgb(50,50,50);} /*Color subcells normal mode*/
.topnavi ul li:hover ul li a:hover {background-color:#F8EACA; text-decoration:none;} /*Color subcells hovering mode*/
.topnavi ul li:hover ul li.cat {white-space:normal; display:block; width:125px; height:auto; line-height:1.3em; margin:0px 0 0 1px; padding:4px 12px 4px 12px; border: solid 1px #8DA5A9; background-color:#677F7F; font-weight:normal; color:#fff; } /*Color subcells normal mode*/


/*IE6 hovering*/
/*#left .topnavi table {position:absolute; top:0; left:0; border-collapse:collapse; }*/
.topnavi ul li a:hover ul {display:block; width:10.0em; position:absolute; z-index:999; top:2px; t\op:2px; left:0; marg\in-top:2px;}
.topnavi ul li a:hover ul li a {white-space:normal; display:block; w\idth:125px; height:1px; line-height:1.4em; padding:4px 12px 4px 12px; border-left:solid 1px #8DA5A9; border-bottom: solid 1px #8DA5A9; background-color:#E8EDEE; font-weight:normal; color:rgb(50,50,50);} /*Color subcells normal mode*/
.topnavi ul li a:hover ul li a:hover {background-color:#F8EACA; text-decoration:none;} /*Color subcells hovering mode*/
.topnavi ul li a:hover ul li.cat {white-space:normal; display:block; w\idth:125px; height:1px; line-height:1.4em; padding:4px 12px 4px 12px; border-left:solid 1px #8DA5A9; border-bottom: solid 1px #8DA5A9; background-color:#677F7F; color:#fff; font-weight:normal; } /*Color subcells normal mode*/

.topnavi ul table tr td li a:hover { position:absolute /*Sylvain IE hack*/;display:block; z-index:1000 /*Sylvain IE hack*/; background-color:#F8EACA; color: rgb(50,50,50); text-decoration:none;} /*Color main cells hovering mode*/
.topnavi ul table tr td li a:hover ul {display:block; width:10.0em; position:absolute; z-index:999; top:2px; t\op:2px; left:0; marg\in-top:2px;}
.topnavi ul table tr td li a:hover ul li a {white-space:normal; display:block; w\idth:125px; height:1px; line-height:1.4em; padding:4px 12px 4px 12px; border-left:solid 1px #8DA5A9; border-bottom: solid 1px #8DA5A9; background-color:#E8EDEE; font-weight:normal; color:rgb(50,50,50);} /*Color subcells normal mode*/
.topnavi ul table tr td li a:hover ul li a:hover {background-color:#F8EACA; text-decoration:none;} /*Color subcells hovering mode*/
.topnavi ul table tr td li a:hover ul li.cat {white-space:normal; display:block; w\idth:125px; height:1px; line-height:1.4em; padding:4px 12px 4px 12px; border-left:solid 1px #8DA5A9; border-bottom: solid 1px #8DA5A9; background-color:#677F7F; color:#fff; font-weight:normal; } /*Color subcells normal mode*/


/*Breadcrumps*/
#left .breadcrumps {position:static; margin:1px 0 0 0 ; height:21px; width:100%; background:#B2C9CD; vertical-align:middle }
.breadcrumps ul {float:left; list-style:none; padding:0 0 2px 15px; }
.breadcrumps ul li {display:inline; padding:0 10px 2px 15px; background:url("bcrumps_bg.gif") no-repeat 0px 50%; color:#004C5A; font-size:10px;}
.breadcrumps ul a {color:rgb(70,122,167); text-decoration:none; }
.breadcrumps ul a:hover {color:rgb(255,0,0); text-decoration:underline;}
.breadcrumps ul li.start {display:inline; padding:0 11px 0 15px; background:url("bcrumps_start_bg.gif") no-repeat 0px 50%; color:#004C5A; font-size:10px;} 


/**********Left CONTENT ****************************/

#left .scroll { position:absolute; width:666px; height:560px; overflow:auto; background: white; padding: 30px 10px 0px 14px; font-size:12px;  }


/* 1-Spalter */
#left .scroll ._1spalter { width: 450px; height:100%; }
._1spalter ._1spalter_spalte1 { position:relative; width: 450px;  margin-right: 15px; height:450px}


/* 2-Spalter */
#left .scroll ._2spalter { height:100%; }
#left .scroll ._2spalter ._2spalter_spalte1 { position:relative; width:213px;  margin-right: 15px; float:left; height:450px}
#left .scroll ._2spalter ._2spalter_spalte2 { position:relative; width:405px; float:left}

/*für IE6 */
#left .scroll ._2spalter table.ie {  width:300px; height:1000px; margin: 0 0 0 200px;}
#left .scroll ._2spalter table.ie td {  width:300px; height:1000px;  }

/* 3-Spalter */
#left .scroll ._3spalter { width:650px; height:100% }
#left .scroll ._3spalter ._3spalter_spalte1 { position:relative; width:205px; margin-right: 15px; float:left; height:453px }
#left .scroll ._3spalter ._3spalter_spalte2 { position:relative; width:210px; margin-right: 15px; float:left}
#left .scroll ._3spalter ._3spalter_spalte3 { position:relative; width:200px; float:left;}


/*Content-BG - Linke Spalte*/

#left .scroll .bg_produkte_li { background: url("bg_3spalter_links_produkte2.jpg") no-repeat 0px 380px;}

#left .scroll .bg_produkte_li_agila { background: url("bg_2spalter_links_produkte_agila.jpg") no-repeat 0px 208px;}
#left .scroll .bg_produkte_li_cetus { background: url("bg_2spalter_links_produkte_cetus.jpg") no-repeat 0px 208px;}
#left .scroll .bg_produkte_li_corona { background: url("bg_2spalter_links_produkte_corona.jpg") no-repeat 0px 208px;}
#left .scroll .bg_produkte_li_corvus { background: url("bg_2spalter_links_produkte_corvus.jpg") no-repeat 0px 208px;}
#left .scroll .bg_produkte_li_flexline { background: url("bg_2spalter_links_produkte_flexline.jpg") no-repeat 0px 208px;}
#left .scroll .bg_produkte_li_gemini { background: url("bg_2spalter_links_produkte_gemini.jpg") no-repeat 0px 208px;}
#left .scroll .bg_produkte_li_inlinelager { background: url("bg_2spalter_links_produkte_inlinelager.jpg") no-repeat 0px 208px;}
#left .scroll .bg_produkte_li_minitaurus { background: url("bg_2spalter_links_produkte_minitaurus.jpg") no-repeat 0px 208px;}
#left .scroll .bg_produkte_li_pegasus { background: url("bg_2spalter_links_produkte_pegasus.jpg") no-repeat 0px 208px;}
#left .scroll .bg_produkte_li_phoenix { background: url("bg_2spalter_links_produkte_phoenix.jpg") no-repeat 0px 208px;}
#left .scroll .bg_produkte_li_wagen { background: url("bg_2spalter_links_produkte_wagen.jpg") no-repeat 0px 208px;}
#left .scroll .bg_produkte_li_uebergabetechnik { background: url("bg_2spalter_links_produkte_uebergabetechnik.jpg") no-repeat 0px 80px; padding-bottom:208px}
#left .scroll .bg_pages_li_produkte { background: url("bg_2spalter_links_pages_produkte.jpg") no-repeat 0px 208px;}
#left .scroll .bg_pages_li_geschichte { background: url("bg_2spalter_links_pages_geschichte.jpg") no-repeat 0px 208px;}
#left .scroll .bg_pages_li_unternehmen { background: url("bg_2spalter_links_pages_unternehmen.jpg") no-repeat 0px 208px;}
#left .scroll .bg_pages_li_impressum { background: url("bg_2spalter_links_pages_impressum.jpg") no-repeat 0px 208px;}
#left .scroll .bg_pages_li_jobs { background: url("bg_2spalter_links_pages_jobs.jpg") no-repeat 0px 208px;}
#left .scroll .bg_pages_li_kontakt { background: url("bg_2spalter_links_pages_kontakt.jpg") no-repeat 0px 208px;}
#left .scroll .bg_pages_li_philosophie { background: url("bg_2spalter_links_pages_philosophie.jpg") no-repeat 0px 208px;}
#left .scroll .bg_pages_li_profil { background: url("bg_2spalter_links_pages_profil.jpg") no-repeat 0px 208px;}
#left .scroll .bg_pages_li_referenzen { background: url("bg_2spalter_links_pages_referenzen.jpg") no-repeat 0px 208px;}
#left .scroll .bg_pages_li_startseite { background: url("bg_2spalter_links_pages_startseite.jpg") no-repeat 0px 208px;}

/*Footer*/
#left .footer { position:absolute; left:465px; top:650px; font-size:10px; color:#99B7BD}
.footer a,
.footer a:link,
.footer a:active,
.footer a:visited,
.footer a:hover { text-decoration: underline; color:#99B7BD }


/*Kontakt*/
 form { padding:0px; margin:0px;}
 form fieldset { border:none; padding:0px; margin:0px}
 form fieldset p {margin: 0 0 -3px 0}
 form fieldset label {width:100px;display:block;float:left}
 form fieldset textarea {width:200px; height:140px; background: rgb(234,234,234);border:1px solid rgb(180,180,180)}
 input.radio {display:inline;float:left;}

 input.field {width:200px; padding:0.2em 0 0.2em 0; border:1px solid rgb(180,180,180); background: rgb(234,234,234); font-size:110%;}
 input.button {width:3.0em; padding:1px !important /*Non-IE6*/; padding:0 /*IE6*/; background:url(../img/bu_suche.gif) no-repeat 0px 50%; border:0px; }
 input.button:hover {cursor:pointer; border:solid 1px rgb(80,80,80); background:url(../img/bu_suche.gif) no-repeat 0px 50%; border:0px}


/**********Right CONTENT ****************************/

/*BG Rechte Spalte */
#right .right_bg { width:288px; height:680px }
#right .bg_unternehmen { background:url("bg_spalte_rechts_unternehmen.jpg") no-repeat; }
#right .bg_produkte_re { background:url("bg_2spalter_rechts_produkte.jpg") no-repeat; }
#right .bg_produkte_re_agila { background:url("bg_2spalter_rechts_produkte_agila.jpg") no-repeat; }
#right .bg_produkte_re_cetus { background:url("bg_2spalter_rechts_produkte_cetus.jpg") no-repeat; }
#right .bg_produkte_re_corona { background:url("bg_2spalter_rechts_produkte_corona.jpg") no-repeat; }
#right .bg_produkte_re_corvus { background:url("bg_2spalter_rechts_produkte_corvus.jpg") no-repeat; }
#right .bg_produkte_re_flexline { background:url("bg_2spalter_rechts_produkte_flexline.jpg") no-repeat; }
#right .bg_produkte_re_gemini { background:url("bg_2spalter_rechts_produkte_gemini.jpg") no-repeat; }
#right .bg_produkte_re_inlinelager { background:url("bg_2spalter_rechts_produkte_inlinelager.jpg") no-repeat; }
#right .bg_produkte_re_minitaurus { background:url("bg_2spalter_rechts_produkte_minitaurus.jpg") no-repeat; }
#right .bg_produkte_re_pegasus { background:url("bg_2spalter_rechts_produkte_pegasus.jpg") no-repeat; }
#right .bg_produkte_re_phoenix { background:url("bg_2spalter_rechts_produkte_phoenix.jpg") no-repeat; }
#right .bg_produkte_re_uebergabetechnik { background:url("bg_2spalter_rechts_produkte_uebrgabetechnik.jpg") no-repeat; }
#right .bg_produkte_re_wagen { background:url("bg_2spalter_rechts_produkte_wagen.jpg") no-repeat; }
#right .bg_pages_re_produkte { background:url("bg_2spalter_rechts_pages_produkte.jpg") no-repeat; }
#right .bg_pages_re_geschichte { background:url("bg_2spalter_rechts_pages_geschichte.jpg") no-repeat; }
#right .bg_pages_re_partner{ background: url("bg_2spalter_rechts_partner.jpg") no-repeat }
#right .bg_pages_re_unternehmen { background:url("bg_2spalter_rechts_pages_unternehmen.jpg") no-repeat; }
#right .bg_pages_re_impressum { background:url("bg_2spalter_rechts_pages_impressum.jpg") no-repeat; }
#right .bg_pages_re_jobs { background:url("bg_2spalter_rechts_pages_jobs.jpg") no-repeat; }
#right .bg_pages_re_kontakt { background:url("bg_2spalter_rechts_pages_kontakt.jpg") no-repeat; }
#right .bg_pages_re_kontakt-partner { background:url("bg_2spalter_rechts_pages_kontakt-partner.jpg") no-repeat; }
#right .bg_pages_re_downloads { background:url("bg_2spalter_rechts_pages_downloads.jpg") no-repeat; }
#right .bg_pages_re_anfahrt{ background: url("bg_2spalter_rechts_pages_anfahrt.jpg") no-repeat }
#right .bg_pages_re_philosophie { background:url("bg_2spalter_rechts_pages_philosophie.jpg") no-repeat; }
#right .bg_pages_re_profil { background:url("bg_2spalter_rechts_pages_profil.jpg") no-repeat; }
#right .bg_pages_re_referenzen { background:url("bg_2spalter_rechts_pages_referenzen.jpg") no-repeat; }
#right .bg_pages_re_startseite { background:url("bg_2spalter_rechts_pages_startseite.jpg") no-repeat; }

/* Sprachwahl */
.right_bg .lang img { float:left }
.right_bg .lang { position:relative; top:24px; left:0; height:15px; padding: 5px 0 3px 10px; background:url("bg_button_sprachwahl.png"); width:278px; }
.right_bg .lang a, 
.right_bg .lang a:link, 
.right_bg .lang a:active,
.right_bg .lang a:visited { text-decoration:none; float:left; font-size:10px; color:#000}