/*----------------------------------------------------------------*/
/* CSS by K4SYSTEMS */
/*----------------------------------------------------------------*/


/*----------------------------------------------------------------*/
/* Allgemeines */
/*----------------------------------------------------------------*/
* {
  padding: 0;
  margin: 0;
}

html {
  height: 100%;
}

body {
  font-size: 82.5%;
  background: #031749 url(../bilder/back_main.jpg) top repeat-x;
}

body, h1, h2, h3, h4, h5, h6, ol, ul, li, dl, dt, dd, p, input, textarea, select {
  font-family: Arial,"Trebuchet MS","Lucida Grande","Lucida Sans Unicode",geneva,verdana,sans-serif;
  color: #000;
}

ul, li {
  padding: 0;
  margin: 0;
  list-style-type: none;
}

img, a img {
  border: 0;
}

form {
  display: inline;
}

acronym {
  cursor: help;
  border-bottom: 1px dotted;
}


/*----------------------------------------------------------------*/
/* h1 und co */
/*----------------------------------------------------------------*/
p { line-height: 1.4em;  margin: 6px 0 1.0em 0;}
a { color: #0066CC; }
a:hover { color: #000; }
h1 { 
	padding: 6px 0 0 0; 
	margin: 6px 0; 
	border-bottom:#CCCCCC 1px dashed; 
	font-size:24px; 
	font-family:"Trebuchet MS"; 
	font-weight:bold; 
	font-variant:small-caps;
	color:#0066CC;
}
h2 { padding: 6px 0 0 0; margin: 6px 0; font-size:18px; font-family:"Trebuchet MS"; font-weight:bold; font-variant:small-caps;}
h2 a { color: #000; }

/*----------------------------------------------------------------*/
/* pseudoklassen */
/*----------------------------------------------------------------*/
.clear {
  clear: both;
}

.versteckt, .no_screen {
  display: none;
}

.cx_error {
  color: #cc0000;
  
}

.cx_pflicht {
  color: #cc0000;
  font-size: 1.1em;
}

.loading {
  background: transparent url(../bilder/loading_big.gif) center center no-repeat;
}

input.cx_pflicht, textarea.cx_pflicht {
  color: #000;
  background: #ffffcc;
}

.jpg, .png {
  background-image: url(../bilder/typ_jpg.gif);
}

.gif {
  background-image: url(../bilder/typ_gif.gif);
}

.pdf {
  background-image: url(../bilder/typ_pdf.gif);
}

.zip {
  background-image: url(../bilder/typ_zip.gif);
}

.csv {
  background-image: url(../bilder/typ_csv.gif);
}

/*----------------------------------------------------------------*/
/* die Seite */
/*----------------------------------------------------------------*/

#wrap { width:960px; margin:auto;}
#header_top {height:37px;background: url(../bilder/back_header_top.jpg) left top; padding:15px 0 0 0;}
#iconnav {float:left; width:100%; height:20px; background:none; margin:0; padding:0;}
#header_main { height:162px; background: url(../bilder/back_header_main.jpg) left top; margin:0;}
#header_main .logo {float:left; margin:32px 0 0 26px;}
#header_main .slogan { float:left; color:#FFFFFF; margin:94px 0 0 16px;}
#topnavi { height:47px; background: url(../bilder/back_topnavi.jpg) left top; text-decoration:none;}
#site { background:#FFFFFF; padding:8px;}
#left { float:left; background:#f7f7f7; width:245px;}
#left h2 { background:#FFFFFF; border-left: #FFCC00 5px solid; margin-left:10px; margin-top:10px; padding-left:15px;}
#left p { padding:0 12px 0 30px;}
#inhalt { float:right; width:660px; margin-right: 20px;}
#footer { padding:0; padding-bottom: 107px; height:80px; background:#999933; margin: 8px 0px; background: transparent url(../bilder/back_footer_shad.png) center bottom no-repeat;}
#footer_left { float:left; width:314px; height:80px; background:url(../bilder/back_footer_boxes.jpg) top repeat-x; padding-top:6px; }
#footer_center { float:left; margin:0px 9px; width:314px; height:80px; background:url(../bilder/back_footer_boxes.jpg) top repeat-x;  padding-top:6px;}
#footer_right { float:left; width:314px; height:80px; background:url(../bilder/back_footer_boxes.jpg) top repeat-x; padding-top:6px;}
#footer img { border-right: #000 1px solid; float:left; margin-right:10px;}
#footer h3 { font-size: 1.1em; font-variant:small-caps; color:#000000; font-family: "Trebuchet MS"; font-size:19px; font-weight:bold; border:none; margin:0; padding:0;}
#footer p { color:#000000; font-family: Verdana; font-size:11px; font-weight:bold; padding: 0;}
#footer a { color:#000; text-decoration:none;}
#footer a:hover h1, #footer a:hover p, #footer div:hover a, #footer div:hover a p, #footer div:hover h3 { color:#0066CC;}
#footer div { cursor: pointer; }

#left table {
  margin: 0 12px 10px 30px;
}

#left table td {
  padding: 2px 0;
}

#left table td.menge {
  width: 30px;
}


/*----------------------------------------------------------------*/
/* Icon-nav */
/*----------------------------------------------------------------*/
#iconnav li { float:left; display:inline;}
#iconnav li a {color:#000; text-decoration:none; font-weight:bold; margin: 0 0; padding: 0 16px 0 0;}
#iconnav li a:hover { color: #0066CC; text-decoration:none;}
#iconnav li a.selected {color:#000; text-decoration: underline;}
#iconnav li#language_en { float:right;}
#iconnav #eingeloggt li {
  float: right;
  display: inline;
  padding-left: 16px;
}

#iconnav #eingeloggt li a {
  padding: 0;
}

#iconnav li.en {
  background: transparent url(../bilder/flag_en.gif) right center no-repeat;
  padding-right: 22px;
}

#iconnav li.de {
  background: transparent url(../bilder/flag_de.gif) right center no-repeat;
  padding-right: 22px;
}


/*----------------------------------------------------------------*/
/* Top-navi (Hauptnavigation)*/
/*----------------------------------------------------------------*/
#topnavi ul { width:100%;}
#topnavi li { float:left; display:inline; background:url(../bilder/topnavi_devider.gif) right top no-repeat; padding:0 8px;}
#topnavi li a { color:#000000; text-decoration:none; padding:5px 10px 11px 10px; line-height:47px; margin:0; font-variant:small-caps; font-weight:bold; font-size:16px;}
#topnavi li a:hover { color:#FFFFFF; text-decoration:none; background:url(../bilder/back_topnav_on.jpg) top repeat-x; border:#000000 1px solid; border-bottom:none; padding:5px 9px 11px 9px;  line-height:47px;}
#topnavi li.selected a { color:#FFFFFF; text-decoration:none; background:url(../bilder/back_topnav_on.jpg) top repeat-x; border:#000000 1px solid; border-bottom:none; padding:5px 9px 11px 9px;  line-height:47px;}
#topnavi li#orderlist { float:right;}

/*----------------------------------------------------------------*/
/* Sub-navi */
/*----------------------------------------------------------------*/

#subnavi ul {width:215px;margin: 10px 0 10px 15px; border-bottom:#CCCCCC 1px solid;}
#subnavi ul li { background: #EDEDED url(../bilder/back_subnavi_lev1.jpg) top repeat-x; margin-bottom: 2px;border:#CCCCCC 1px solid; border-bottom:none; margin:0;}
#subnavi ul li a { color: #000; font-weight:bold; text-decoration: none; display: block; padding: 7px 0; padding-left: 15px; width: 198px;}
#subnavi ul li a:hover { color: #0066CC;}
#subnavi ul li.selected {}
#subnavi ul li.selected a {}
#subnavi ul li.selected ul {margin:0; padding: 0;  border-bottom:none;}
#subnavi ul li.selected ul li {background:none; margin: 0;  border:none; border-top:#CCCCCC 1px solid;}
#subnavi ul li.selected ul li a { background: #FFF; color: #666; padding-left:28px; width:185px;}
#subnavi ul li.selected ul li.selected a {background: #F0F0F0;}
#subnavi ul li.selected ul li.selected a:hover{background: #F0F0F0;}
#subnavi ul li.selected ul li:hover a, 
#subnavi ul li.selected ul li a:hover { background: #FFF; color: #000; text-decoration: underline;}
#subnavi ul li.selected ul li.selected ul li a { background: #FFF; color: #666; text-decoration: none;  padding-left: 20px;  width:194px;}
#subnavi ul li.selected ul li.selected ul li.selected a{	background: #99AABB;	color:#FFFFFF;}
#subnavi ul li.selected ul li.selected ul li a:hover {  color: #000;  text-decoration: underline;}


/*----------------------------------------------------------------*/
/* schleier */
/*----------------------------------------------------------------*/
#schleier {
  position: absolute;
  z-Index: 900;
  height: 100%;
  width: 100%;
  background: #000;
  top: 0;
  left: 0;
  -moz-opacity: 0.7;
  opacity: 0.7;
  filter: Alpha(opacity=70);
  cursor: not-allowed;
  display: none;
}

#iframe_container {
  position: absolute;
  top: 0;
  left: 0;
  z-Index: 901;
  display: none;
/*  background: transparent url(../bilder/back_close.gif) right top no-repeat;*/
}

#iframe_container p {
  margin: 0;
  text-align: center;
  margin: 3px 0;
}

#iframe_container p a {
  color: #fff;
}

#iframe_container iframe {
  border: 3px solid #FCB73E;
}


/*----------------------------------------------------------------*/
/* downloads */
/*----------------------------------------------------------------*/
.download_liste, .artikel_liste, .anfrageliste {
  width: 100%;
  border-bottom: 1px solid #ccc;
}

.download_liste th, .artikel_liste th, .anfrageliste th {
  font-weight: normal;
  text-align: left;
  background: #EDEDED url(../bilder/back_subnavi_lev1.jpg) left top repeat-X;
  padding: 5px;
  border: 1px solid #ccc;
  border-width: 1px 0;
}

.download_liste td, .artikel_liste td, .anfrageliste td {
  vertical-align: top;
  padding: 5px;
  background: #fff;
}

.download_liste .bg1 td, .artikel_liste .bg1 td, .anfrageliste .bg1 td {
  background: #ededed;
}

.download_liste .typ div {
  width: 40px;
  height: 40px;
  background-position: center center;
  background-repeat: no-repeat;
  background-color: transparent;
}

.geschuetzt {
  padding: 0.3em 0;
  display: block;
  background: transparent url(../bilder/login_required.gif) left center no-repeat;
  padding-left: 18px;
  font-size: 0.8em;
}

.download a {
  background: transparent url(../bilder/btn_download.gif) center top no-repeat;
  display: block;
  padding-top: 28px;
  text-decoration: none;
  font-size: 0.8em;
  width: 60px;
  text-align: center;
  color: #000;
}

.download a:hover {
  text-decoration: underline;
}

.download_liste .typ {
  width: 40px;
}

.download_liste .titel {

}

.download_liste .bild {

}

.download_liste .download {
  width: 60px;
  text-align: center;
}

.download_liste .groesse {

}

.download_liste td.titel, .download_liste td.groesse {
  padding-top: 1.0em;
}

/*----------------------------------------------------------------*/
/* formular */
/*----------------------------------------------------------------*/
.form_verarbeiten {
  background: transparent url(../bilder/loading.gif) center center no-repeat;
}

.form_verarbeiten table {
  visibility: hidden;
}

.kontaktformular {
  margin: 2.0em 0;
}

.kontaktformular td {
  vertical-align: top;
  padding-right: 0.5em;
}

.kontaktformular td.spalte-1 {
  width: 200px;
}

.kontaktformular input, .kontaktformular select {
  font-size: 1.1em;
  margin-bottom: 0.3em;
  padding: 0.1em;
}

.kontaktformular input.default, .kontaktformular input.halb, .kontaktformular input.plz, .kontaktformular input.ort, .kontaktformular textarea {
  width: 200px;
}

.kontaktformular textarea.default {
  height: 100px;
}

.kontaktformular select {
  width: 206px;
}

.kontaktformular textarea.gross {
  width: 400px;
  height: 200px;
}

.kontaktformular input.halb {
  width: 100px;
}

.kontaktformular input.plz {
  width: 50px;
}

.kontaktformular td.abstand {
  padding-top: 1.0em;
}


/*----------------------------------------------------------------*/
/* schleier content */
/*----------------------------------------------------------------*/
.body_login #header_top, .body_login #header_main, .body_login #topnavi, .body_login #footer, .body_login #left, 
.body_passwort_vergessen #header_top, .body_passwort_vergessen #header_main, .body_passwort_vergessen #topnavi, .body_passwort_vergessen #footer, .body_passwort_vergessen #left, 
.body_noch_keine_zugangsdaten_jetzt_anmelden #header_top, .body_noch_keine_zugangsdaten_jetzt_anmelden #header_main, .body_noch_keine_zugangsdaten_jetzt_anmelden #topnavi, .body_noch_keine_zugangsdaten_jetzt_anmelden #footer, .body_noch_keine_zugangsdaten_jetzt_anmelden #left {
  display: none;
}

.body_login, .body_passwort_vergessen, .body_noch_keine_zugangsdaten_jetzt_anmelden {
  background: #fff;
}

.body_login #wrap, .body_passwort_vergessen #wrap, .body_noch_keine_zugangsdaten_jetzt_anmelden #wrap {
  width: auto;
  margin: 20px;
}

.body_login #inhalt, .body_passwort_vergessen #inhalt, .body_noch_keine_zugangsdaten_jetzt_anmelden #inhalt {
  width: auto;
  float: none;
  display: block;
}


/*----------------------------------------------------------------*/
/* produkt-finder */
/*----------------------------------------------------------------*/
.warengruppen {
  width: 100%;
  border-bottom: 1px solid #ccc;
}

.warengruppen td {
  width: 30%;
  vertical-align: top;
  padding: 10px;
  border-top: 1px solid #ccc;
}

#pf_box {
  background: #FDB640 url(../bilder/back_topnavi.gif) left top repeat-X;
  padding: 20px 10px;
  font-size: 1.1em;
  margin-bottom: 2.0em;
}

#pf_box input, #pf_box select {
  padding: 0.1em;
  margin-right: 5px;
}

#pf_box select {
  font-size: 1.1em;
  width: 200px;
}

#pf_box input.suchbegriff {
  width: 340px;
  font-size: 1.1em;
}


/*----------------------------------------------------------------*/
/* seitennavi */
/*----------------------------------------------------------------*/
.seitennavi {
  margin-bottom: 1.0em;
}

.seitennavi table, .seitennavi .max {
  width: 100%;
}

.seitennavi .max {
  text-align: center;
}

.seitennavi td {
  padding-left: 5px;
  white-space: nowrap;
}

.seitennavi .pfeile a {
  text-decoration: none;
  font-size: 1.3em;
  color: #000;
}

.seitennavi .pfeile a:hover {
  text-decoration: underline;
}


/*----------------------------------------------------------------*/
/* artikelliste */
/*----------------------------------------------------------------*/
.artikel_liste td {
  padding: 10px 5px;
}

.artikel_liste {
  margin-bottom: 1.0em;
}

.artikel_liste .artnr {
  width: 70px;
}

.artikel_liste td.artnr, .anfrageliste td.artnr {
  font-weight: bold;
}

.artikel_liste .bild {
  width: 92px;
}

.artikel_liste .bild table td, .dl.artikel dd td {
  padding: 0;
  margin: 0;
  width: 90px;
  height: 90px;
  text-align: center;
  vertical-align: middle;
  border: 1px solid #ccc;
  background: #E9E9E9;
}

.artikel_liste .bez div {
  font-size: 0.8em;
}

.artikel_liste .bez div, .artikel_liste .bez div a, dl.artikel dt div a, dl.artikel dt div {
  color: #cc0000;
}

.artikel_liste .anfragen {
  width: 140px;
  text-align: right;
  white-space: nowrap;
}

.artikel_liste .menge, .anfrageliste .menge, dl.artikel dt .menge {
  width: 30px;
  text-align: right;
  padding: 0.1em;
  margin-right: 5px;
}

.aktualisieren {
  text-align: right;
  margin-bottom: 2.0em;
}


/*----------------------------------------------------------------*/
/* miniaturansicht */
/*----------------------------------------------------------------*/
dl.artikel {
  width: 150px;
  float: left;
  display: inline;
  margin-right: 10px;
  border: 1px solid #ccc;
  margin-bottom: 10px;
}

dl.artikel dd {
  padding: 10px 30px;
  background: #E9E9E9;
  height: 90px;
}

dl.artikel dt {
  font-size: 0.8em;
  text-align: center;
  height: 80px;
}

dl.artikel dt strong {
  display: block;
  font-size: 1.5em;
  margin: 5px 0;
}

dl.artikel dt table {
  margin-top: 5px;
}