* { margin:0; padding:0; }
html { width: 100%; margin-bottom:1px; min-height:100.2%; height:100.2% !important;  /* für moderne Browser */ height:100.2%;  /*für den IE */ }
body { width: 100%; height: 100%; font-family: Verdana, Arial, Sans-Serif; font-size: 11px; color: #000000; background-color: #e1e1e1; }
h1 { font-size:14px; line-height:1.5em; }
.headline_text { text-align:center; padding-bottom:10px; display:block; background:#f1f1f1; }
a { text-decoration: none; color: #000000; }
a:hover { color: #ff0000; }
input { border: 1px solid #000000; background-color: #dddddd; }
textarea { border: 1px solid #000000; background-color: #dddddd; }
.sonderpreis { /* Sonderangebote */ border: 1px solid #000000; }
select { border: 1px solid #000000; background-color: #dddddd; }
.error { /* fett und rot */ font-weight: bold; color: #ff0000; }
.err { /* roter hintergrund */ background-color: #ff0000; }
.highlight { /* Suchergebnisse markieren */ color: #ff0000; }
.copyright { /* Copyright-Schriftzug unten */ font-size: 9px; display: block; }
.layouttable {  /*haupttabelle*/ width: 980px; margin: 0px auto; padding: 0px; border-collapse: collapse; border: 0px;/*	border: 1px solid #000000;
*/ }
.layouttable td { /* haupttabellenfeld */ vertical-align: top; }
.fheader { margin: 0px; padding: 0px; height: 160px; text-align: center; }
.fheader img { border:none; }
.layouttable .header { /* Haupttabelle header */ background-color: #e1e1e1; margin: 0px; /*	padding: 5px;
*/	border-width: 0px; height: auto; }
.layouttable .navigator { /* "Sie sind hier" */ /*	background-color: #eeeeee;
	margin: 0px;
	padding: 0px;
	border-color: #000000;
	border-style: solid;
	border-width: 1px;
*/}
.layouttable .content { /* mittlerer shopbereich */ background-color: #ffffff; margin: 0px; padding: 5px; border-color: #000000; border-style: solid; border-width: 1px; overflow: auto; width: 720px; }
.layouttable .leftcol, .layouttable .rightcol { /*links und rechts vom shop */ width: 12%; height: auto; background-color: #e1e1e1; margin: 0px; padding: 5px; border-color: #000000; border-style: solid; border-width: 0px; }
.layouttable .bottom { /* untere zeile (copyright) */ background-color: #cccccc; margin: 0px; padding: 5px; border-color: #000000; border-style: solid; border-width: 0px; text-align: center; }
.maincat_header td { /*haupkategorie */ margin: 2px; padding: 0px; }
.maincat_header a { text-decoration: none; font-size: 10px; color: #000000; font-weight: normal; padding: 2px; border: 1px solid #000000; background-color: #ffffff; }
.maincat_header a:hover { background-color: #ff0000; text-decoration: none; color: #000000; }
.listcat { /* Auflistungstabelle der kategorien */ width: 100%; margin: 0px; padding: 0px; border-collapse: collapse; border: 0px; border: 1px solid #000000; }
.listcat .maincat { background-color: #CCCCCC; border: 1px solid #000000; }
.listcat .subcat { background-color: #ff0000; border: 1px solid #000000; }
.maincatname { /* Oberkategorie im Shop */ font-size:13px; font-weight: bold; }
.subcatname { /* Unterkategorie im Shop */ font-size:12px; color: #ffffff; font-weight: bold; }
.articledata { /* Shopübersicht: Artikel */ border: 1px dashed #222222; text-align: left; }
.articledetail { /* Detailansicht der Artikel */ padding: 5px; }
.articledetail h2 { margin: 0px 0px 10px 0px; font-size: 13px; font-weight: bold; }
.articledetail p { margin-top: 0px; font-size: 11px; font-weight: normal; }
.articleoptions { /* Tabelle mit den Artikeloptionen */ margin: 0px; border-collapse: collapse; padding: 3px; }
.articleoptions th { /* ...überschrift.. */ border: 1px solid #000000; background-color: #cccccc; font-weight: bold; }
.articleoptions td { /* ... inhalt ... */ border: 1px solid #000000; }
.traytable { /* Tabelle für den Warenkorb */ border-collapse: collapse; padding: 3px; margin: 10px 0px; }
.traytable th { font-weight: bold; padding: 5px; color: #dddddd; border: 1px solid #000000; background-color: #222222; }
.traytable .articlename { border: 1px solid #000000; background-color: #cccccc; }
.traytable .articledata { vertical-align: top; }
.traytable .articledata td { border: 1px solid #000000; padding: 3px; }
.trayerror { /* Fehler im Warenkorb */ background-color: #ff0000; }
.searcharticle { /* Artikelsuche */ border-bottom: 1px solid #000000; padding: 3px; }
.rahmengest { border: 1px dashed #000000; }
.rahmengestlinks { border-top: 1px none #000000; border-right: 1px none #000000; border-bottom: 1px none #000000; border-left: 1px dashed #000000; }
.rahmenunten { border-top-width: 0px; border-right-width: 0px; border-bottom-width: 1px; border-left-width: 0px; border-top-style: none; border-right-style: none; border-bottom-style: dashed; border-left-style: none; border-bottom-color: #000000; }
A.faqlink { display: block; width: 450px; text-align: left; text-decoration: none; font-size:11px; color: #000000; BORDER: none; border: solid 1px #000000; padding: 3px; background-color:#e1e1e1; }
A.faqlink:hover { border: solid 1px #000000; background-color:#999999; }
.rot { color: #FF0000 }
.menue { padding-top: 3px; }
/*menu*/
/*div.center {
text-align:center;
margin:0 auto;
width:100%;
}
.menu {
	list-style-type:none;
  }
.menu li {
  float:left;
  width:auto;
  }
.menu a {
  position:relative;
  display:block; 
  text-decoration:none; 
  width:auto;
  float:left; 
  }
* html .menu a {
  }
.menu a span {
  display:block; 
  color:#000; 
  background:#fff; 
  border:1px solid #000; 
  border-width:1px 1px; 
  text-align:center; 
  padding:2px 5px; 
  cursor:pointer;
  margin-left:4px;
  }
* html .menu a span {
  cursor:hand; 
  w\idth:66px;
  }
.menu a b {
  display:block; 
  border-bottom:2px solid #06a;
  }
.menu a em {
  display:none;
  }
.menu a:hover {
  background:#cccccc;
  }
.menu a:hover span {
  color:#fff; 
  background:#ff0000;
  }
*/
.traytable .articledata .warenkorb_zusatz { display: block; margin-top: 5px; margin-bottom: 10px; font-weight:bold; border-bottom:1px solid #000; }
a.poplink { display:block; text-align:center; padding:3px; background-color: #ffffff; border:1px solid #333333; color:#000; }
a.poplink:hover { border:1px solid #333333; background-color: #ff0000; color:#fff; }
#wir_machen_druck { background: url(images/layout/wir_machen_druck.png) left top; height: 70px; width: 224px; margin-top:15px; margin-left:15px; z-index:2; position:absolute; }
#logo_flyer_treiber { background: url(images/layout/flyer_treiber_logo.png); height: 117px; width: 656px; z-index:3; position:absolute; top:48px; left:335px; }
.blue { color:#0000ff; }
.red { color:#FF0000; }
h2 { font-size:18px; margin-bottom:0; padding-bottom:0; line-height:140%; }
.layouttable .content .rahmengest img { margin-top: 5px; margin-bottom: 5px; }
.layouttable .content .rahmengest img:hover { margin-top: 5px; margin-bottom: 5px; }
.layouttable .leftcol div { font-size: 0.8em; }
#callback label { display: block; }
#callback input, #callback textarea { width: 250px; margin-bottom: 10px; }
#callback #send { }
#callback #erreichbarkeit_von { width: 80px; }
#callback #erreichbarkeit_bis { width: 80px; }
.direkt { margin-top: 0px; }
/*FAQ*/
.faq { width: 90%; margin: 0px auto; }
.faq .fragen dd { display: block; margin-bottom: 5px; background: #f1f1f1 url(images/bullet.gif) no-repeat 6px center; }
.faq .fragen a { color: #000000; text-decoration: none; padding: 2px 5px 2px 20px; display: block; }
.faq .fragen a:hover { color: #000; background: #e4e4e4 url(images/arrow.gif) no-repeat 5px center; }
.faq .fragen strong { font-size: 1.2em; margin-bottom: 15px; display: block; padding-bottom: 5px; border-bottom: 1px dotted #CCCCCC; }
.faq .header strong { font-size: 1.4em; padding-left: 20px; margin-bottom: 10px; }
.faq p.header2 { font-size: 1em; padding-left: 20px; }
.faq .antwort strong { font-size: 1.2em; display: block; }
.faq .antwort img { margin-bottom: 50px; }
.faq .antwort dt { display: block; padding: 5px 20px; }
.faq .antwort dd { display: block; padding: 20px; }
/*ENDE FAQ*/
.agb strong { margin-bottom: 10px; margin-top:10px; display:block; }
.agb ol { padding-left:30px; text-align:justify; padding-right:20px; margin:10px 0; }
fieldset { padding: 10px; margin-bottom:10px; }
legend { font-weight: bold; font-variant: small-caps; letter-spacing: 0.1em; color: #0033CC; }
.content .articledata img { margin: 1px auto 0px 2px; text-align: center; }
.layouttable .agb address { display: block; padding-left: 30px; font-style: normal; font-weight: normal; color: #000000; margin-bottom:10px; }
.agb .wiederrufrecht { display: block; margin-bottom: 10px; font-weight: bold; padding-left:30px; }
.layouttable .bottom .inhaber { font-size: 12px; display: block; font-weight: bold; padding-top: 3px; padding-bottom: 3px; }
.layouttable .bottom .kleiner { font-size: 8px; display: block; padding: 5px; }
input.login_button { width:100px; }
address { font-style: normal; line-height: 1.5em; }
#datenvorgabe p { display: block; margin-bottom: 10px; }
#datenvorgabe u { color: #0000CC; }
#datenvorgabe .red { color: #FF0000; }
h2 { font-size: 14px; display: block; }
.layouttable .content .produkte ul { padding: 10px 10px 10px 50px; }
.layouttable .rightcol .klein { font-size: 9px; color: #0000CC; text-align: center; display: block; width: 95px; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; }
.layouttable .rightcol .rahmen { border: 1px solid #FFFFFF; width: 95px; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; }
.layouttable .content .traytable .articledata .adresse_aendern { display: block; background-color: #f1f1f1; margin-left: 0px; margin-top: 5px; margin-bottom: 5px; border: 1px solid #000000; width: 130px; text-align: center; margin-right: 0px; padding-top: 5px; padding-right: 2px; padding-bottom: 5px; padding-left: 2px; }
.layouttable .content .button { padding-top: 5px; padding-right: 3px; padding-bottom: 5px; padding-left: 3px; display: Inline-Block; background-color: #f1f1f1; text-align: center; border: 1px solid #000000; }

