/* ******************************************** */
/* * Website :: http://www.freundesdienst.org * */
/* * CMS     :: voiTEC.WEB 2.0                * */
/* ******************************************** */

/* Grundeinstellungen */
* { margin: 0; padding: 0; }
html, body { width: 100%; height: 100%; }
body { font: normal 100.01% arial,helvetica,tahoma,sans-serif; color: #000000; background: #F6F1EC; }
img { border: 0; }
form { display: inline; }
.error { font-weight: bold; color: #CC0000; }

.bgv { background-image: url(../de,fd20,images/bgv.png); }
.bgh { background-image: url(../de,fd20,images/bgh.gif); }
.dot { background-image: url(../de,fd20,images/dot.png); }

.schattenlinks { position: absolute; left: -11px; width: 11px; height: 100%; background-position: 0px 0px; background-repeat: repeat-y; }
.schattenrechts { position: absolute; right: -12px; width: 12px; height: 100%; background-position: -11px 0px; background-repeat: repeat-y; }
.kopfzeile { background-image: url(../de,fd20,images/kopf-de.png); }

/* Layoutbox */
.box { z-index: 2; position: relative; left: 220px; width: 750px; min-height: 100%; height: auto !important; height: 100%; background-color: #FFFCFB; }
.boxie { min-height: 100%; height: auto !important; height: 100%; }

/* Kopfzeile */
.kopf { position: relative; height: 140px; background-color: #FFFCFB; background-position: 0px 0px; background-repeat: repeat-x; }
.kopf p.schriftzug { margin-left: 15px; background-position: -135px -37px; background-repeat: no-repeat; }
.kopf p.kopfbild { position: absolute; right: 0px; }
.kopf p.streifen { height: 6px; background-color: #E2AAAA; border-top: 1px solid #6C81A5; border-bottom: 1px solid #6C81A5; }

/* Inhalt... */
.pfad { height: 20px; padding: 10px 15px 20px 0px; color: #004F8B; font-size: 0.75em; text-align: right; background-position: 0px -182px; background-repeat: repeat-x; }
.pfad span { display: block; color: #80A2BA; font-size: 0.85em; text-align: right; }
.inhalt { position: relative; padding: 15px 15px 65px 15px; background-color: #FFFCFB; }
.inhalt h1 { margin-bottom: 5px; padding: 0px 0px 2px 0px; font-size: 1.2em; border-bottom: 2px dotted #E7301F; }
.inhalt h2 { padding: 7px 0px 2px 0px; font-size: 1em; font-weight: bold; color: #E83020; }
.inhalt h3 { padding: 7px 0px 2px 0px; font-size: 0.9em; font-weight: bold; font-variant: uppercase; color: #25457C; letter-spacing: 0.1em; }
.inhalt p { padding: 5px 0px; font-size: 0.9em; line-height: 1.3em; }
.inhalt p.einleitung { padding: 20px 20px 20px 20px; font-weight: bold; font-style: italic; color: #999999; background: inherit; }
.inhalt ul { padding: 5px 5px 5px 15px; }
.inhalt ul li { padding: 3px; font-size: 0.9em; line-height: 1.3em; }
.inhalt dl { margin: 5px 0px 10px 0px; font-size: 0.8em; }
.inhalt dl dt { font-weight: normal; }
.inhalt dl dd { padding: 5px 0px 10px 30px; }
.inhalt dl.spalten {  }
.inhalt dl.spalten dt { float: left; width: 12.5em; padding: 3px; }
.inhalt dl.spalten dd { float: none; margin-left: 12.5em; padding: 3px; }
.inhalt dl.zeilen dt { float: left; padding: 3px; }
.inhalt fieldset { padding: 20px; font-size: 0.85em; }
.inhalt fieldset legend { padding: 3px 3px 4px 0px; }
.inhalt fieldset label { display: block; font-size: 0.8em; font-weight: normal; }
.inhalt fieldset p { font-size: 1em; }
.inhalt address { margin-bottom: 15px; padding: 3px; font-weight: normal; font-size: 0.9em; }
.inhalt blockquote { padding: 5px 5px 5px 17px; }

.inhalt table { border: 0px; }
.inhalt table tr { }
.inhalt table td { padding: 3px; font-size: 0.9em; line-height: 1.3em; border-width: thin; }

/* ...Newsbox */
.inhalt .box-news { float: right; width: 200px; margin: 10px 0px 5px 10px; padding: 8px; font-size: 1em; color: #004F8B; background: #F6F1EC; border: 1px solid #004F8B; }
.inhalt .box-news h4 { padding-bottom: 10px; font-weight: bold; color: #E73020; background: inherit; }
.inhalt .box-news dl { color: #004F8B; background: inherit; }
.inhalt .box-news dl dt { padding: 3px; font-weight: bold; }
.inhalt .box-news dl dd { padding: 3px; font-weight: normal; }
.inhalt .box-news a { color: #004F8B; }

/* ...Subnavigation zum Umblaettern */
.blaettern { margin: 20px 0px 20px 0px; padding: 7px; color: #333333; background: inherit; text-align: center; border-top: 1px dotted #CCCCCC; }
.blaettern p.weiter { float: right; }
.blaettern p.zurueck { float: left; }
.blaettern ul { list-style: none; margin: 0px auto; padding-top: 4px; font-size: 0.8em; }
.blaettern ul li { display: inline; padding-right: 5px; }
.blaettern .link-aktiv { border: 1px dotted #E7301F; }

/* ...Formatierung der Suchergebnisliste */
.inhalt dl.suche { margin: 10px 0px 15px 0px; padding-bottom: 7px; border-bottom: 1px dotted #25457C; }
.inhalt dl.suche dt { font-style: normal; }
.inhalt dl.suche dd.pfad { color: #666666; font-weight: normal; font-size: 0.8em; }
.inhalt dl.suche dd.anreisser { padding-left: 32px; font-weight: normal; font-size: 0.9em; font-style: italic; }

/* Navigation */
.nav { z-index: 1; position: absolute; top: 0px; left: 0px; width: 230px; padding: 20px; }
.nav p.logo { width: 135px; height: 170px; margin: 0px 0px 20px 15px; }
.nav h1 { width: 230px; margin: 3px 0px; padding: 7px 5px 5px 30px; font-size: 0.9em; color: #999999; background-color: #F6FAFD; background-position: 0px 0px; background-repeat: no-repeat; border: 1px solid #99B9D0; }
.nav ul { list-style: none; }
.nav ul li { padding: 0px; }
.nav ul li a { width: 100%; display: block; margin-bottom: 5px; padding: 7px 5px 5px 30px; font-weight: bold; color: #222222; background-color: #F6FAFD; background-position: 10px -88px; background-repeat: no-repeat; text-decoration: none; border: 1px solid #99B9D0; }
.nav ul li a:hover { color: #000000; background-color: #F9EDED; background-position: 10px 12px; background-repeat: no-repeat; border-color: #E7301F; }
.nav .ebene1 { margin: -4px 0px 0px 0px; padding: 10px 0px; border-left: 1px dotted blue; }
.nav .ebene1 li a { margin-bottom: 4px; padding: 4px 4px 4px 30px; font-size: 0.8em; background-color: #DFE4E8; background-position: 10px -290px; background-repeat: no-repeat; border: 0px; }
.nav .ebene1 li a:hover { background-color: #FFFCFB; background-position: 10px -190px; background-repeat: no-repeat; }
.nav .ebene2 { margin: 0px; padding: 0px; border: 0px; }
.nav .ebene2 li a { margin-bottom: 2px; padding: 4px 4px 4px 40px; font-size: 0.8em; background-color: #DFE4E8; background-image: none; border: 0px; }
.nav .ebene2 li a:hover { background-color: #FFFCFB; background-image: none; }
.nav .ebene3 { margin: 0px; padding: 0px; border: 0px; }
.nav .ebene3 li a { margin-bottom: 2px; padding: 4px 4px 4px 50px; font-size: 0.75em; font-weight: normal; background-color: #DFE4E8; background-image: none; border: 0px; }
.nav .ebene3 li a:hover { background-color: #FFFCFB; background-image: none; }
.nav .aktiv { background-color: #F9EDED; background-position: 10px 12px; background-repeat: no-repeat; border-color: #E7301F; }
.nav .ebene1 .aktiv { background-color: #F9EDED; background-position: 10px -190px; background-repeat: no-repeat; border-top: 1px solid #E7301F; border-right: 1px solid #E7301F; border-bottom: 1px solid #E7301F; border-left: 0px; }
.nav .ebene2 .aktiv { background-color: #F9EDED; background-image: none; border-top: 1px solid #E7301F; border-right: 1px solid #E7301F; border-bottom: 1px solid #E7301F; border-left: 0px; }
.nav .ebene3 .aktiv { background-color: #F9EDED; background-image: none; border-top: 1px solid #E7301F; border-right: 1px solid #E7301F; border-bottom: 1px solid #E7301F; border-left: 0px; }

/* Subnavigation in Rubriken */
.inhalt .nav2 dl { padding: 5px 5px 10px 5px; border-bottom: 1px dotted #113388; }
.inhalt .nav2 dl dt { padding: 5px; font-weight: bold; font-size: 0.9em; }
.inhalt .nav2 dl dd { padding: 5px; font-weight: normal; font-size: 0.9em; }
.inhalt .nav2 dl dd img { float: left; vertical-align: middle; }
.inhalt .nav2 dl dd span { display: block; margin: 10px 200px 0px 50px; }

/* Inhalt - Produktseite */
.inhalt .p_teil1, .inhalt .p_teil6 { display: none; }
.inhalt .p_teil2 .p_bild { float: left; margin: 0px 25px 10px 0px; }
.inhalt .p_teil2 .p_bild .klickinfo { display: none; font-size: 0.75em; }
.inhalt .p_teil2 .p_daten { display: none; padding-top: 3px; font-size: 1em; }
.inhalt .p_teil2 .p_daten dl { margin-bottom: 10px; }
.inhalt .p_teil2 .p_daten dl dt { float: left; width: 130px; }
.inhalt .p_teil2 .p_daten dl dd { float: none; margin-left: 130px; }
.inhalt .p_teil2 .p_daten dl.preise dd .preis { font-size: 1.3em; font-weight: bold; color: #CC0000; }
.inhalt .p_teil2 .p_daten dl.preise dd .preisvorher { font-size: 1.1em; font-weight: normal; color: #666; text-decoration: line-through; }
.inhalt .p_teil2 .p_daten dl.zeilen dt { float: none; width: 100%; margin-left: 130px; padding: 3px; }
.inhalt .p_teil_kundentexte { margin-left: 270px; }
.inhalt .p_teil_kundentexte h3 { font-size: small; }
.inhalt .p_teil_kundentexte dl { margin-bottom: -10px; }
.inhalt .p_teil3 { margin-bottom: 50px; text-align: right; }
.inhalt .p_teil3 .button-warenkorb { width: 197px; height: 73px; background: url(../de,fd20,images/button-warenkorb.png) no-repeat; border: 0px; cursor: pointer; }
/*.inhalt .p_teil4 h2,.inhalt .p_teil5 h2 { clear: left; }*/
.inhalt .p_teil5 h2 { display: none; }
.inhalt .p_teil4 ul { float: left; margin-bottom: 15px; list-style: none; }
.inhalt .p_teil4 ul li { float: left; margin: 0px 7px 7px 0px;}
.inhalt .p_teil4 span.subtext { display: block; font-size: 0.8em; }
.inhalt #crosspromotion dl { clear: left; /*min-height: 120px;*/ margin-bottom: -6px; padding: 5px; font-size: 0.9em; background-color: #FFF; border: 1px dotted #CCC; }
.inhalt #crosspromotion dl.highlight { background-color: #EFEFEF; }
.inhalt #crosspromotion dl dt { margin-bottom: -20px; font-size: 1.1em; }
.inhalt #crosspromotion dl dt img { float: left; margin: 1px 25px 3px 0px; }
.inhalt #crosspromotion dl dt strong { }
.inhalt #crosspromotion dl dd { position: relative; clear: left; margin-left: 145px; }
.inhalt #crosspromotion dl dd p { position: absolute; bottom: 0px; }
.inhalt #crosspromotion dl dd .preis { font-weight: bold; color: #CC0000; }

.inhalt .p_ausverkauft { margin-bottom: 100px; font-weight: bold; color: #CC0000; }

/* Inhalt - Kundenkonto */
.inhalt .kundenkonto label { display: block; }

/* Seitenboxen rechts */
.rechts { /*display: none;*/ z-index: 1; position: absolute; top: 210px; left: 968px; width: 180px; }
.rechts dl { margin-bottom: 5px; font-size: 0.8em; color: #222222; background-color: #F6FAFD; border: 1px solid #99B9D0; }
.rechts dl dt { margin-bottom: 10px; padding: 7px 7px 7px 15px; font-size: 1em; font-weight: bold; color: #440300; background-color: #DFE4E8; }
.rechts dl dd { padding: 7px 7px 7px 15px; }
.rechts dl dd.link { margin-top: 10px; font-style: italic; text-align: right; }
.rechts dl dd.link span { display: block; font-size: 0.8em; font-style: normal; }
.rechts .kundenname { display: block; margin-top: 5px; font-weight: bold; }
.rechts .kundengruppe { font-style: italic; }
.rechts dl.kundenkonto #kdk_name, dl.kundenkonto #kdk_passwort { width: 125px; height: 17px; margin: 0px 5px 2px 0px; padding: 1px; font-size: 0.8em; vertical-align: middle; border: 1px solid #0B46C4; }
.rechts dl.kundenkonto #kdk_login { height: 21px; padding: 1px 1px 2px 1px; font-size: 0.8em; font-weight: bold; color: #FFF; background-color: #A72100; border: 1px solid #FFF; }
.rechts dl.kundenkonto #kdk_login:hover { color: #A72100; background-color: #FFD800; border: 1px solid #A72100; }

/* Warenkorb */
#warenkorb { width: 100%; font-size: 0.9em; 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_schritt1_versandzahlung label { display: inline; }
.inhalt .bestellung_schritt1_versandzahlung dl.spalten { }
.inhalt .bestellung_schritt1_versandzahlung dl.spalten dt { width: 265px; min-height: 70px; }
.inhalt .bestellung_schritt1_versandzahlung dl.spalten dd { margin-left: 265px; min-height: 70px; }
*/
.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; }

/* Suchfeld */
#sufu { width: 100%; display: block; padding: 7px 5px 5px 30px; font-weight: bold; color: #222222; background-color: #FBF8F6; background-position: 10px -88px; background-repeat: no-repeat; text-decoration: none; border: 1px solid #ECE5DD; }
#sufu label { display: block; font-size: 0.8em; font-weight: normal; }
#sufu #search { width: 185px; height: 1.2em; font-size: 1em; border: 1px solid #DBD3CC; }

/* Fuss */
.box-fuss { position: absolute; bottom: 0px; width: 100%; height: 50px; background-color: #FFFCFB; background-position: 0px -132px; background-repeat: repeat-x; }
.fuss { position: relative; top: 45px; font-size: 0.7em; }
.fuss ul.sprachwahl { position: absolute; left: 15px; bottom: 10px; list-style: none; }
.fuss ul.sprachwahl li { display: inline; }
.fuss ul.sprachwahl li a { padding-right: 5px; }
.fuss ul.nav-fuss { position: absolute; right: 15px; bottom: 10px; }
.fuss ul.nav-fuss li { display: inline; padding-left: 5px; }
.fuss p.streifen { height: 3px; background-color: #E2AAAA; border-top: 1px solid #6C81A5; border-bottom: 1px solid #6C81A5; }

p.speedy { display: none; position: relative; left: 15px; font-size: 0.7em; color: #cccccc; }