/*
** Homepage: http://www.kaminshop.biz
** CMS: voiTEC.WEB 2.0 - http://www.voitec.de
*/

/* Grundeinstellungen */
* { margin: 0; padding: 0; }
html, body { width: 100%; height: 100%; }
body { font: normal 100.01% arial,helvetica,sans-serif; color: #000; background-color: #4D2006; background-position: -980px 0px; background-repeat: repeat-y; }
img { border: 0; }
form { display: inline; }
.killer { height: 0; border: 0; line-height: 0em; background: transparent; clear: both; }
.inlineinfo { font-size: 0.8em; color: #666; }
.bg { background-image: url(../de,csskaminshop,images/bg.png); }
.bgkopf { background-image: url(../de,csskaminshop,images/bgkopf.png); }
.rot { color: #CC0000; }

/* Fehlermarkierung */
.error { padding: 10px 0; font-weight: bold; color: #FF0000; background-color:#FFFFFF; }
input.error { padding: 2px 2px 1px 2px; border: 2px solid #FF0000; }
textarea.error { padding: 2px 2px 1px 2px; border: 2px solid #FF0000; }
.error-check { padding: 0 2px 2px 2px; background: #FF0000; }
select.error { padding: 0; font-weight: bold; color: #FF0000; }

/* Layout (Box und IDs) */
.box0 { z-index: 1; position: relative; background-position: 0px 0px; background-repeat: repeat-x; }
.box1 { z-index: 50; position: relative; width: 980px; background-position: 0px 0px; background-repeat: no-repeat; }
#kopf { float: left; width: 980px; height: 150px; }
#pfad { float: left; width: 980px; height: 35px; }
.pfadfix { margin-right: 228px; padding-top: 7px; display: inline-block; /* TRIP has layout for safety */ }
.pfadfix { display: block; /* SWITCH back the display */ }
#koerper { float: left; position: relative; width: 980px; }
#koerper:after { content: "."; display: block; clear: both; height: 0px; visibility: hidden; }
#inhalt { float:left; width: 100%; margin-right: -95%; /* Floatingverlagerung */ }
.inhaltsfix { position: relative; margin: 0px 211px 0px 220px; display: inline-block; /* TRIP has layout for safety */ }
.inhaltsfix { display: block; /* SWITCH back the display */ }
#links { float: left; position: relative; width: 209px; margin-left: -5%; /* the difference to make the left colum appear flush left */ }
#rechts { float: right; position: relative; width: 200px; }
#fuss { height: 50px; }
#kopf,#pfad,#fuss { clear: both; width: 100%; }
/* Layout: IE Mac */
* html div#koerper {margin-right: -100%;}
* html div#links {margin-left: 0;}
* html #links { margin-left: 0px; }

/* Kopf */
#kopf p.kopflogo { z-index: 70; position: absolute; top: 0px; left: 0px; }
#kopf p.untertitel { position: absolute; top: 95px; left: 340px; font-weight: bold; font-style: italic; color: #FFF; }

/* Pfad */
#pfad { text-align: right; color: #CCC; font-size: 0.7em; font-weight: normal; }
#pfad a { color: #CCC; }
#pfad .infotele { position: absolute; top: 140px; left: 10px; color: #FFF; font-size: 1.4em; font-weight: bold; text-align: left;  }

/* Navigation */
#links { font-size: 0.8em; color: #381704; }
#links ul { list-style: none; }
#links ul li { padding: 2px 0px 2px 7px; }
#links a { display: block; min-height: 43px; max-height: 60px; font-weight: bold; font-size: 1.0em; text-decoration: none; color: #000; background-color: #E69C35; background-image: url(../de,csskaminshop,images/icons.png); border: 1px solid #4D2006; }
#links a:hover { cursor: hand; background-color: #EFD688; background-position-x: -201px; }
#links a img { width: 45px; height: 33px; vertical-align: middle; }
#links a span { display: inline-block; width: 150px; margin-top: 7px; }

/* Inhalt */
#inhalt .inhaltsfix { margin-top: 2px; padding: 7px; font-size: 0.9em; color: #000; background-color: #FFF5D6; border: 1px solid #381704; }
#inhalt h1 { margin: 0px 0px 25px 0px; font-size: 1.2em; font-weight: bold; font-variant: small-caps; letter-spacing: 0.1em; }
#inhalt h2 { clear: both; margin: 20px 0px 10px 0px; font-size: 1em; font-weight: bold; }
#inhalt h3 { clear: both; margin: 15px 0px 7px 0px; font-size: 0.8em; font-weight: bold; }
#inhalt p { margin-bottom: 10px; font-size: 1em; font-weight: normal; line-height: 1.3em; }
#inhalt ul, #inhalt ol { margin: 15px 15px 15px 25px; }
#inhalt dl { margin: 5px 0px 10px 0px; font-size: 1em; }
#inhalt dl.spalten {  }
#inhalt dl.spalten dt { float: left; width: 12.5em; padding: 3px; }
#inhalt dl.spalten dd { margin-left: 12.5em; padding: 3px; }
#inhalt dl.zeilen dt { float: left; padding: 3px; }
#inhalt fieldset { padding: 10px; font-size: 0.85em; }
#inhalt fieldset legend { padding: 5px; }
#inhalt fieldset label { display: block; font-size: 12px; }
#inhalt fieldset p { font-size: 1em; }
#inhalt address { margin-bottom: 15px; padding: 3px; font-weight: normal; font-size: 0.9em; }

/* Inhalt... Übersichten */
#inhalt .nav2 { padding: 10px; }
#inhalt .nav2 dl { float: left; width: 45%; height: 275px; margin: 0px 10px 10px 0px; padding: 5px; text-align: center; border: 1px dotted grey; background-color: #FFF; overflow: hidden; }
#inhalt .nav2 dl:hover { border: 1px solid #CC0000; }
#inhalt .nav2 dl:hover dt { background-color: #999; }
#inhalt .nav2 dl:hover dt a { color: #FFF; }
#inhalt .nav2 dl dt { height: 35px; padding: 5px; font-weight: bold; color: #000; background-color: #CCC; }
#inhalt .nav2 dl dt a { color: #000; text-decoration: none; }
#inhalt .nav2 dl dd { padding: 5px; }
#inhalt .nav2 dl dd img { margin-bottom: 0px; }
#inhalt .nav2 dl dd .preis { float: left; margin-top: 5px; font-weight: bold; color: #CC0000; }
#inhalt .nav2 dl dd .preisvorher { float: right; margin-top: 6px; font-size: 0.8em; color: #666; }
#inhalt .nav2 dl dd.info { clear: both; display: block; font-weight: normal; font-size: 0.8em; border-top: 1px dotted #666; }

#inhalt .blaettern .weiter { float: right; }
#inhalt .blaettern .zurueck { float: left; }
#inhalt .blaettern ul { clear: both; margin: 0px auto; list-style: none; }
#inhalt .blaettern ul li { display: inline; }

/* Inhalt... Produktseite */
#inhalt .p_teil2 { }
#inhalt .p_teil2 .p_bild { float: left; margin: 0px 20px 20px 0px; }
#inhalt .p_teil2 .p_bild .klickinfo { font-size: 0.7em; }
#inhalt .p_teil2 .p_daten { padding-top: 20px; font-size: 0.8em; }
#inhalt .p_teil2 .p_daten dl dt { width: 10em; }

#inhalt .p_teil2 .p_teil_optionen { clear: left; padding: 5px 15px 10px 15px; background-color: #EFE0B3; }
#inhalt .p_teil2 .p_teil_optionen p { margin-left: 10px; font-size: 0.8em; }
#inhalt .p_teil2 .p_teil_optionen .legende { clear: left; display: block; font-size: 0.8em; }

#inhalt .p_teil3 { margin: 20px 0px; }
#inhalt .p_teil4 { margin: 10px 0px }
#inhalt .p_teil4 ul { margin-left: 50px; list-style: none; }
#inhalt .p_teil4 ul li { float: left; width: 130px; margin: 0px 5px 10px 0px; text-align: center; }
#inhalt .p_teil4 ul li img { margin-bottom: 2px; }
#inhalt .p_teil4 ul li a { display: block; border: 1px dotted #FFF5D6; text-decoration: none; }
#inhalt .p_teil4 ul li a:hover { border: 1px solid #CC0000; }
#inhalt .p_teil4 ul li a .subtext { display: block; font-size: 0.8em; }
#inhalt .gratisinfo { position: absolute; top: 50px; left: 279px; color: #CC0000; font-weight: bold; font-size: 0.9em; }

/* Inhalt - Callback-Formular */
#formulartabelle2 { width: 525px; }
#formulartabelle2 td { padding: 5px; }
#formulartabelle2 .f_headline { font-weight: bold; }

/* Warenkorb */
#warenkorb { width: 100%; font-size: 0.8em; border: 1px dotted #CCCCCC; }
#warenkorb thead th { padding: 5px; font-weight: normal; }
#warenkorb tfoot td { padding: 5px; }
#warenkorb tbody td { padding: 5px; }
#warenkorb .sp1 { text-align: left; }
#warenkorb .sp2 { text-align: left; }
#warenkorb .sp3 { text-align: left; }
#warenkorb .sp4 { text-align: center; }
#warenkorb .sp5 { text-align: left; }
#warenkorb .sp6 { text-align: right; }
#warenkorb .sp7 { text-align: right; }
#warenkorb .info_z1s1,#warenkorb .info_z1s2,#warenkorb .info_z2s1,#warenkorb .info_z2s2,#warenkorb .info_z3s1,#warenkorb .info_z3s2,#warenkorb .info_z4s1,#warenkorb .info_z4s2,#warenkorb .info_z5s1,#warenkorb .info_z5s2 { text-align: right; }
#warenkorb .info_z6s1,#warenkorb .info_z6s2,#warenkorb .info_z7s1,#warenkorb .info_z7s2,#warenkorb .info_z8s1,#warenkorb .info_z8s2,#warenkorb .info_z9s1,#warenkorb .info_z9s2,#warenkorb .info_z10s1,#warenkorb .info_z10s2 { text-align: right; }
#warenkorb .info_z11s1,#warenkorb .info_z11s2,#warenkorb .info_z12s1,#warenkorb .info_z12s2 { text-align: right; }
#warenkorb .endpreis { font-size: 1.2em; font-weight: bold; }
#warenkorb .info_button_kasse { text-align: right; }
#warenkorb .info_button_kasse input { padding: 5px; font-weight: bold; }
#warenkorb .inlineinfo { font-size: 1em; }

/* Bestellung */
input#weiter { float: right; padding: 5px; font-weight: bold; }
input#zurueck { padding: 5px; font-weight: bold; }

#inhalt .bestellung_schritt2_versandzahlung label { display: inline; }
#inhalt .bestellung_schritt2_versandzahlung dl.spalten { }
#inhalt .bestellung_schritt2_versandzahlung dl.spalten dt { width: 265px; min-height: 70px; }
#inhalt .bestellung_schritt2_versandzahlung dl.spalten dd { margin-left: 265px; min-height: 70px; }
#inhalt .bestellung_schritt2_versandzahlung img { margin-right: 5px; vertical-align: top; }
#inhalt .bestellung_schritt3_pruefung h3 { margin: 25px 0px 10px 0px; padding: 15px 0px 1px 0px; /*border-top: 2px solid #CCC;*/ border-top: 1px dotted #0B46C4; }
#inhalt .bestellung_schritt3_pruefung dl.spalten { font-size: 1em; }
#inhalt .bestellung_schritt3_pruefung dl.spalten dt { width: 6em; }
#inhalt .bestellung_schritt3_pruefung dl.spalten dd { margin-left: 6em; }
#inhalt .bestellung_schritt3_pruefung p.finalize { margin: 10px auto; text-align: center; }
#inhalt .bestellung_schritt3_pruefung p.finalize input { padding: 5px; font-weight: bold; }

/* Rechts */
#rechts { font-size: 0.8em; color: #381704; }
#rechts .seitenbox { margin-top: 2px; }
#rechts dl { margin-bottom: 10px; padding: 5px; color: #021AA3; background-color: #EFD688; border: 1px solid #381704; }
#rechts dl dt { margin-bottom: 10px; font-weight: bold; border-bottom: 1px dotted #AAA; }
#rechts dl dd { padding: 5px; }
#rechts dl dd.link { margin-top: 10px; padding: 5px; border-top: 1px dotted #381704; }

/* Fuss */
#fuss ul { position: relative; width: 450px; margin-left: 260px; list-style: none; text-align: center; font-size: 0.8em; color: #FFF; }
#fuss ul li { display: inline; }
#fuss a { margin-right: 10px; color: #FFF; }