@import url("reset.css");

body{
background-color:#ffffff;
background: #ffffff url(../shared/bg_top.gif) repeat-x;
font-family:arial, vardana, sans-serif;
font-size:90%;
}

img{
display:block;
}

p{
color:#525252;
font-size:0.8em;
margin-bottom:20px;
line-height:1.4em;
}

#content_frame{
width:1000px;
height:100%;
margin-right:auto; 
margin-left:auto;
display:block;
}

#logo{
position:relative;
left:0;
top:0;
float:left;
display:inline;
}

#top_slogan{
position:relative;
left:0;
top:0;
float:left;
display:inline;
}

/* Zusatznavigation */

#zusatznavigation{
position:absolute;
color:#ffffff;
font-size:0.75em;
width:100%;
top:5px;
text-align:right;
}

#zusatznavigation img{
display:inline;
}

.zusatznavi_flag{
padding-right:4px;
}

a.zusatznavi_link:link, a.zusatznavi_link:visited{
color:#ffffff;
text-decoration:none;
}

a.zusatznavi_link:hover, a.zusatznavi_link:active{
color:#ff6600;
text-decoration:none;
}

/* Suchfunktion */

#suche{
position:absolute;
color:#ffffff;
width:100%;
top:30px;
text-align:right;
font-size:0.75em;
}

.suchfeld{
width:215px;
font-size:1em;
color:#525252;
margin-right:10px;
border-bottom:1px solid #cccccc;
border-right:1px solid #cccccc;
border-top:2px solid #525252;
border-left:2px solid #525252;
}

.searchbutton{
background-color:#135e97;
color:#ffffff;
border:none;
}

/* Hauptnavigation */

#hauptnavigation{
position:relative;
left:0;
top:1px;
width:182px;
background-color:#135e97;
clear:both;
float:left;
border-left:3px solid #3f3f3f;
z-index:100;
}

ul#navigation{
width:182px;
margin:0;
display:block;
}

ul#navigation li{
margin-bottom:1px;
text-align:right;
line-height:15px;
}


ul#navigation li a{
display:block;
width:172px;
background-color:#525252;
color:#ffffff;
font-size:0.75em;
text-decoration:none;
padding:2px;
padding-right:10px;
}

ul#navigation li a:hover{
background-color:#135e97;
}

/* Bildbereich */

#top_image{
position:relative;
top:0;
left:0;
float:left;
z-index:110;
}

#adressblock{
position:relative;
left:20px;
top:20px;
color:#ffffff;
font-size:0.75em;
z-index:0;
float:left;
}

.adress_table{
color:#ffffff;
font-size:1em;
}

a.adresslink:link, a.adresslink:visited{
color:#ffffff;
text-decoration:none;
font-size:1em;
}

a.adresslink:hover, a.adresslink:active{
color:#ff6600;
text-decoration:none;
font-size:1em;
}

/* Subnavigation */

#subnavigation{
position:relative;
left:0;
top:40px;
width:182px;
background-color:#ffffff;
float:left;
}

ul#subnavi{
width:182px;
margin:0;
display:block;
}

ul#subnavi li{
margin-bottom:1px;
text-align:right;
line-height:15px;
}


ul#subnavi li a{
display:block;
width:172px;
background-color:#135e97;
color:#ffffff;
font-size:0.75em;
text-decoration:none;
padding:2px;
padding-right:10px;
}

ul#subnavi li a:hover{
background-color:#525252;
}

ul#subnavi_lev2 li a{
display:block;
width:172px;
background-color:#cccccc;
color:#525252;
font-size:0.7em;
text-decoration:none;
padding:2px;
padding-right:10px;
}

ul#subnavi_lev2 li a:hover{
background-color:#608BC8;
color:#ffffff;
}

/* �berschriften */

#headline{
position:relative;
left:222px;
top:0px;
background-color:#ffffff;
clear:both;
width:620px;
height:10px;
padding-top:15px;
}

h1{
color:#135e97;
font-size:1.1em;
font-weight:bold;
border-top:7px solid #003366;
padding-top:5px;
display:inline;
clear:left;
}

h2{
color:#135e97;
font-size:0.9em;
font-weight:bold;
display:inline;
margin:0px;
padding:0px;
}

/* Inhaltsbereich */

#content{
position:relative;
left:40px;
top:40px;
float:left;
width:570px;
padding-bottom:70px;
}

/* Infobereich */

#info{
position:relative;
left:80px;
top:40px;
background-color:#ffffff;
float:left;
width:160px;
padding-bottom:70px;
}

a.infolink:link, a.infolink:visited{
color:#135e97;
text-decoration:none;
}

a.infolink:hover, a.infolink:active{
color:#ff6600;
text-decoration:none;
}

a.infolink_2:link, a.infolink_2:visited{
color:#135e97;
text-decoration:none;
font-size:0.8em;
}

a.infolink_2:hover, a.infolink_2:active{
color:#ff6600;
text-decoration:none;
}


/* Footer */

#footer{
position:fixed;
padding-left:10px;
left:0;
bottom:0;
width:100%;
height:20px;
background: #ffffff url(../shared/bg_footer.gif) repeat-x;
text-align:center;
z-index:2000;
}

#footer_navi li{
display:inline;
}

#footer_navi li a{
color:#ffffff;
text-decoration:none;
font-size:0.75em;
padding-right:5px;
}

#footer_navi a:hover{
color:#ff6600;
text-decoration:none;
font-size:0.75em;
padding-right:5px;
}

.totop{
text-align:right;
clear:both;
}

.info_table{
font-size:0.7em;
color:#525252;
margin-bottom:20px;
}

.info_table strong{
color:#525252;
font-size:1.2em;
font-weight:bold;
}

.adress_table_content{
font-size:0.8em;
color:#525252;
margin-bottom:20px;
}

.adress_table_content h2{
font-size:1.1em;
}

/* Contenbilder */

.content_image_left{
float:left;
margin-right:15px;
border:1px solid #525252;
}

.clear{
clear:both;
}

.clear2{
border-bottom:1px dotted #525252;
clear:both;
}

.bereichlink{
clear:both;
}

/* Formatierung der Produktdatentabelle */

h3{
color:#135e97;
font-size:1em;
margin-bottom:10px;
font-weight:bold;
}

#produkt_allgemein{
list-style: square;
margin-left:15px;
color:#525252;
font-size:0.8em;
line-height:1.4em;
margin-bottom:20px;
}

#produkt_merkmale{
font-size:0.8em;
color:#525252;
margin-bottom:20px;
border-collapse:collapse;
}

.row_merkmale_first{
text-align:left;
padding-right:15px;
padding-bottom:5px;
font-weight:bold;
color:#525252;
}

.row_merkmale{
text-align:left;
padding-bottom:5px;
}

.produkt_image{
float:left;
margin-right:21px;
margin-bottom:15px;
border:1px solid #525252;
}

.produkt_image_last{
float:left;
margin-right:0px;
margin-bottom:15px;
border:1px solid #525252;
}

#produkt_table{
font-size:0.8em;
margin-bottom:20px;
border-collapse:collapse;
}

.table_head{
background-color:#135e97;
color:#ffffff;
text-align:center;
font-size:1.1em;
font-weight:bold;
padding-top:4px;
padding-bottom:4px;
border-bottom:1px solid #ffffff;
}

.table_head_anmerkung{
background-color:#135e97;
color:#ff6600;
text-align:center;
font-size:1.1em;
font-weight:bold;
padding-top:4px;
padding-bottom:4px;
border-bottom:1px solid #ffffff;
}

.row{
text-align:center;
font-size:1em;
padding-top:3px;
padding-bottom:3px;
border:1px solid #ffffff;
}

.row_anmerkung{
text-align:center;
font-size:1em;
padding-top:3px;
padding-bottom:3px;
border:1px solid #ffffff;
background-color:#135e97;
color:#ff6600;
}

.table_row_1{
background-color:#cccccc;
color:#525252;
}

.over_1{
background-color:#ff6600;
color:#525252;
}

.table_row_2{
background-color:#6699cc;
color:#ffffff;
}

.over_2{
background-color:#ff6600;
color:#ffffff;
}

#produkt_anmerkungen{
list-style: square;
margin-left:15px;
color:#525252;
font-size:0.8em;
line-height:1.4em;
margin-bottom:20px;
}

#produktinfo_table{
margin-top:10px;
margin-bottom:20px;
}

a.download_link:link, a.download_link:visited{
color:#135e97;
text-decoration:none;
font-size:0.8em;
padding-left:15px;
}

a.download_link:hover, a.download_link:active{
color:#ff6600;
text-decoration:none;
}


a.headlink:link, a.headlink:visited{
color:#135e97;
text-decoration:none;
}

a.headlink:hover, a.headlink:active{
color:#ff6600;
text-decoration:none;
}

#material_table{
margin-bottom:40px;
margin-top:10px;
}

/* Tooltip Material*/
a.info{
position:relative;
z-index:24; 
background-color:#135e97;
color:#525252;
text-decoration:none;
font-size:0.8em;
}

a.info:hover{
z-index:25; 
background-color:#135e97;
}

a.info span{
display: none;
}

a.info:hover span{
display:block;
position:absolute;
top:30px; 
left:0px;
height:15px;
width:150px;
border-left:1px solid #135e97;
color:#135e97;
text-align:left;
padding-top:10px;
padding-left:10px;
}

#ausfuehrung_table{
margin-bottom:40px;
margin-top:10px;
}

#ausfuehrung_table img{
border:1px solid #135e97;
}

a.siteswitch:link, a.siteswitch:visited{
color:#ffffff;
text-decoration:none;
font-size:1em;
background-color:#135e97;
padding-top:3px;
padding-bottom:3px;
padding-right:1px;
padding-left:3px;
margin:1px;
text-align:center;
}


a.siteswitch:hover, a.siteswitch:active{
color:#ffffff;
text-decoration:none;
background-color:#525252;
}

/* Kontaktformular */

.form_table{
font-size:0.8em;
color:#525252;
margin-bottom:20px;
}

.form_table td{
padding-bottom:8px;
}

input
{
  font-family:arial;
  font-size:12px;
  color:#595959;
  border:1px solid #595959;
}

select
{
  font-family:arial;
  font-size:12px;
  color:#595959;
  border:1px solid #595959;
}

input:hover, textarea:hover { 
background-color: #E6E6E6; 
} 


div.first
{
  float:left;
  width:70px;
  padding-right:10px;
}

div.first_2
{
  float:left;
  padding-right:10px;
  padding-left:25px;
}

div.first_3
{
  width:180px;
}

div.second_normal
{
  float:left;
  padding-right:10px;
}

.strasse
{
  width:285px;
}

.nr
{
  width:40px;
}

.plz
{
  width:72px;
}

.ort
{
  width:253px;
}

.mail
{
  width:370px;
}

textarea{
width:370px;
height:80px;
font-family:arial;
font-size:12px;
color:#595959;
border:1px solid #595959;
}

div.second_small
{
  float:left;
  padding-right:10px;
}

.tab_ok
{
  color:#595959;
}

.tab_fehler
{
  color:darkred;
}

.knopf{
margin-left:80px;
background-color:#135e97;
color:#ffffff;
}

.knopf:hover{ 
background-color: #E6E6E6;
color:#525252;
}

ol{
color:#525252;
font-size:0.8em;
margin-bottom:20px;
line-height:1.4em;
margin-left:25px;
list-style-type:decimal;
}

.liste{
color:#525252;
font-size:0.8em;
margin-bottom:20px;
line-height:1.4em;
margin-left:15px;
list-style-type:square;
}