/* Homepage: http://www.sdg-verlag.de */
/* CMS: voiTEC.WEB 2.0 - http://www.voitec.de */

/* Grafiken */
.bg { background-image: url(../de,themesdg,images/bg.jpg); }
.bgnoten { background-image: url(../de,themesdg,images/bgnoten.jpg); }
.bgkopfnav { background-image: url(../de,themesdg,images/bgkopfnav.gif); }

/* Grundeinstellungen */
* { margin: 0; padding: 0; }
html, body { width: 100%; height: 100%; }
body { font: normal 100.01% arial,tahoma,helvetica,sans-serif; color: #000; background-color: #f1e9e4; }
img { border: 0; }
form { display: inline; }
.killer { height: 0; border: 0; line-height: 0em; background: transparent; clear: both; }

/* Layout */
.box { position: relative; width: 990px; margin: 0px auto; background-position: -1980px 0px; background-repeat: repeat-y; }
.boxx { position: relative; width: 990px; background-position: 0px 0px; background-repeat: no-repeat; }
#kopf { position: relative; height: 141px; }
#koerper { float: left; width: 955px; /*min-height: 400px; height: 400px;*/ /* height für IE */ }
#fuss { clear: both; height: 150px; background-position: -990px bottom; background-repeat: no-repeat; }

/* Kopfzeile */
#kopf { padding: 0px 20px; }
#kopf #kopfnav { position: absolute; top: 0px; right: 235px; }
#kopf #kopfnav ul { list-style: none; }
#kopf #kopfnav ul li { float: left; margin-right: 0px; color: #000; font-size: 0.9em; font-weight: normal; background: url(../de,themesdg,images/bgkopfnav.gif) -70px 0px no-repeat; }
#kopf #kopfnav a { display: block; padding: 6px 10px 7px 10px; color: #000; text-decoration: none; }
#kopf #kopfnav a:hover, #kopf #kopfnav a .aktiv { text-decoration: underline; }

#kopf .warenkorb { position: absolute; top: 0px; right: 10px; width: 225px; height: 45px; font-size: 0.9em; font-weight: normal; color: #000; background-position: -12px 0px; background-repeat: no-repeat; }
#kopf .warenkorb p { padding: 10px 0px 0px 42px; }
#kopf .warenkorb a { color: #CC0000; text-decoration: underline; }
#kopf .warenkorb a:hover { text-decoration: none; }

/* Pfad */
.siesindhier { }
.siesindhier p { padding: 0px 0px 10px 20px; color: #444; font-size: 0.7em; }

/* Navigationsmenue (im Kopf) */
#nav { position: relative; width: 900px; padding: 0px 20px; }
#nav ul { margin-left: -10px; padding-top: 32px; list-style: none; }
#nav ul li { float: left; margin-right: 0px; color: #FFF; font-size: 0.9em; font-weight: normal; }
#nav a { display: block; padding: 6px 10px 7px 10px; color: #FFF; text-decoration: none; }
#nav a:hover { background-color: #FD6502; }
#nav a .aktiv { display: block; margin: -6px -10px -7px -10px; padding: 6px 10px 7px 10px; background-color: #FD6502; }

/* Inhalte */
#koerper { margin-left: 20px; padding-top: 20px; background-position: 0px 0px; background-repeat: repeat-y; }
.inhalt { float: left; width: 720px; margin-left: 10px; padding: 10px; font-size: 0.8em; color: #000; }
.inhalt h1 { margin: -10px -10px 20px -10px; padding: 3px 0px 3px 8px; color: #F86505; font-size: 1.2em; font-weight: bold; border-bottom: 1px dotted #F86505; background: none; /*background-position: -2970px 0px; background-repeat: repeat-y;*/ }
.inhalt h2 { margin: 12px 0px 7px 0px; color: #555; font-weight: bold; font-size: 1.1em; }
.inhalt h3 { margin: 7px 0px 5px 0px; font-weight: bold; font-size: 0.8em; }
.inhalt p { margin-bottom: 15px; }
.inhalt ul { margin: 10px 20px 15px 29px; }
.inhalt ol { margin: 10px 20px 15px 35px; }
.inhalt li { padding: 3px; }
.inhalt dl { margin: 5px 0px 10px 0px; font-size: 1em; }
.inhalt .seitenbild { float: right; margin: 1px 0px 20px 35px; }
.inhalt .spalten {  }
.inhalt .spalten dt { float: left; width: 14em; padding: 3px; }
.inhalt .spalten dd { margin-left: 14em; padding: 3px; }
.inhalt .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 a { text-decoration: none; border-bottom: 1px dotted #0000cc; }
.inhalt a:hover { border-bottom: 1px solid #FD6502; }
.inhalt .seitemitbild { float: right; margin: 0px 0px 15px 15px; }

/* Inhalt - Startseite, News */
.box-news { padding-top: 20px; border-top: 2px dotted #aaa; }
.box-news h2 { margin-bottom: 10px; }
.box-news dl { clear: left; height: 110px; padding-bottom: 7px; border-bottom: 1px dotted #aaa; }
.box-news dl dt { float: left; width: 135px; padding: 10px; }
.box-news dl dt a, .box-news dl dt a:hover { border: 0px; }
.box-news dl dd { margin-left: 135px; padding: 10px; }
.box-news dl dd .titel { display: block; margin-bottom: 10px; font-weight: bold; }
.box-news dl dd .link { display: block; margin: 7px 0px; }

/* Inhalt - Übersichten */
.inhalt .nav2 dl { position: relative; float: left; width: 220px; height: 250px; margin: 0px 15px 5px 0px; /*padding-bottom: 25px;*/ border: 2px solid #E5DCCE; text-align: center; font-size: 1em; background-color: #FFF; overflow: hidden; }
.inhalt .nav2 dl:hover { /*background-color: #EEE;*/ border: 2px solid #A72100; }
.inhalt .nav2 dl dt { padding: 5px; font-weight: bold; }
.inhalt .nav2 dl dd { padding: 5px; text-align: center; }
.inhalt .nav2 dl dd img { float: none; display: block; margin: 0px auto; }
.inhalt .nav2 dl dd a { font-size: 0.8em; text-decoration: none; color: #666; }
.inhalt .nav2 dl dd .preis { position: absolute; bottom: 18px; right: 17px; font-size: 1.25em; font-weight: bold; color: #CC0000; vertical-align: bottom; }
.inhalt .nav2 dl dd .preisvorher { position: absolute; bottom: 3px; right: 17px; font-size: 1.05em; font-weight: bold; color: #666; vertical-align: bottom; text-decoration: line-through; }

/* Inhalt - Downloads */
.inhalt .ul317 { }
.inhalt .ul317 dl { height: 105px; }
.inhalt .ul317 dl dt { float: left; width: 100px; padding-top: 12px; }
.inhalt .ul317 dl dd { margin-left: 100px; font-size: 0.9em; text-align: left; }
.inhalt .ul317 dl dd a { display: block; padding-top: 5px; font-size: 1.1em; font-weight: bold; color: #cc0000; }
.inhalt .ul317 dl dd span { display: block; margin-top: 5px; font-size: 0.9em; }

/* Inhalt - Produktliste der MP3s */
.inhalt .nav-direktkauf dl { position: relative; float: none; width: 570px; height: 100px; margin-bottom: 15px; text-align: left; font-size: 1em; border-bottom: 2px dotted #666; overflow: hidden; }
.inhalt .nav-direktkauf dl:hover { border-color: #cc0000; }
.inhalt .nav-direktkauf dl dt { position: absolute; width: 570px; height: 27px; padding: 5px; font-weight: bold; font-size: 1.15em; background-position: -3000px 0px; background-repeat: repeat-y; }
.inhalt .nav-direktkauf dl dt img { float: left; margin-right: 15px; }
.inhalt .nav-direktkauf dl dt strong { margin-top: 3px; }
.inhalt .nav-direktkauf dl dd { position: absolute; top: 0px; right: 0px; padding: 5px; text-align: right; }
.inhalt .nav-direktkauf dl dd .preis { margin-left: 0px; font-size: 1.25em; font-weight: bold; color: #cc0000; vertical-align: bottom; }
.inhalt .nav-direktkauf dl dd .preisvorher { font-size: 1.05em; font-weight: bold; color: #666; vertical-align: bottom; text-decoration: line-through; }
.inhalt .nav-direktkauf dl dd .preisinfo { font-size: 0.8em; border: 0px; }
.inhalt .nav-direktkauf dl dd .warenkorb { margin: 0px; text-align: left; }
.inhalt .nav-direktkauf dl dd .warenkorb #btn_warenkorb_bestellung { display: inline; }

/* Inhalt - Suchfunktion */
.inhalt dl.suche { position: relative; float: left; width: 220px; height: 290px; margin: 0px 15px 5px 0px; border: 2px solid #E5DCCE; text-align: center; font-size: 1em; background-color: #FFF; overflow: hidden; }
.inhalt dl.suche:hover { /*background-color: #EEE;*/ border: 2px solid #A72100; }
.inhalt dl.suche dt { height: 160px; margin-bottom: -10px; padding: 5px; }
.inhalt dl.suche dd { padding: 0px 5px 2px 5px; text-align: center; }
.inhalt dl.suche dd.titel { display: block; height: 35px; }
.inhalt dl.suche dd.titel a { font-weight: bold; font-size: 1em; color: #0000cc; }
.inhalt dl.suche dd.preise .einzelangabe { position: absolute; bottom: 18px; right: 17px; font-size: 1.25em; font-weight: bold; color: #CC0000; vertical-align: bottom; }
.inhalt dl.suche dd.preise .preisvorher { position: absolute; bottom: 3px; right: 17px; font-size: 1.05em; font-weight: bold; color: #666; vertical-align: bottom; text-decoration: line-through; }
.inhalt dl.suche dd.kurzinfo { font-size: 0.8em; }

/* Umblättern */

.blaettern { margin: 20px 0 20px 0; 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: 0 auto; padding-top: 4px; font-size: 0.8em; }
.blaettern ul li { display: inline; padding-right: 5px; }

/* Inhalte - Lob und Tadel */
#formulartabelle2 { padding: 5px; border: 1px dotted #FD6502; }
#formulartabelle2 td { padding: 5px; }
#formulartabelle2 .f_headline { font-weight: bold; }

/* Inhalt - Produktseite */
.inhalt .p_teil1, .inhalt .p_teil6 { display: none; }
.inhalt .p_teil2 .p_bild { float: left; width: 330px; margin-bottom: 30px; }
.inhalt .p_teil2 .p_bild .klickinfo { font-size: 0.75em; }
.inhalt .p_teil2 .p_daten { margin-left: 350px; 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; height: 30px; padding-left: 0px; }
.inhalt .p_teil2 .p_daten dl dd { float: none; margin-left: 130px; height: 30px; }
.inhalt .p_teil2 .p_daten dl.preise dt { line-height: 1.4em; }
.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 dt .einzelangabe { display: block; font-size: 1em; font-weight: normal; color: #666; }
.inhalt .p_teil2 .p_daten dl.preise dd .einzelangabe { display: block; font-size: 1em; font-weight: normal; color: #666; }
.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 .musterlink { display: block; font-size: 0.9em; }
.inhalt .p_teil2 .p_daten dl.zeilen dt { float: none; width: 100%; margin-left: 130px; padding: 3px 3px 0px 0px; }
.inhalt .p_teil2 .p_daten .varianten { margin-left: 135px; }
.inhalt .p_teil_kundentexte { margin-left: 265px; }
.inhalt .p_teil_kundentexte h3 { font-size: small; }
.inhalt .p_teil_kundentexte dl { margin-bottom: -10px; }
.inhalt .p_teil3 { margin: 20px 20px 0px 350px; }
.inhalt .p_teil3 #btn_warenkorb_bestellung { width: 200px; height: 30px; margin-left: 15px; color: #FD6502; font-weight: bold; border: 2px solid #FD6502; background-color: #FFEDDF; cursor: pointer; }
.inhalt .p_teil3 #btn_warenkorb_bestellung:hover { color: #FFF; background-color: #FD6502; }
.inhalt .p_teil4 h2,.inhalt .p_teil5 h2 { clear: left; margin-top: 15px; }
.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; }

/* 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; }
#warenkorb .preis { display: block; }
#warenkorb .preisvorher { color: #999; text-decoration: line-through; }

/* 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; }

/* INFO-Spalte... Aktionsangebote */
#infospalte { margin-left: 765px; }
#infospalte dl { width: 165px; margin: 10px 0px 10px 5px; padding: 1px; font-size: 1em; background-color: #FFF; border: 1px solid #666; }
#infospalte dl dt { text-align: center; }
#infospalte dl dt .titel { display: block; padding: 5px; color: #FFF; font-size: 0.9em; font-weight: bold; font-variant: small-caps; text-align: center; background-color: #5e8bda; }
#infospalte dl dt img { float: none; margin: 10px 0px 5px 0px; text-align: center; }
#infospalte dl dd { padding: 10px 0px; font-size: 1em; }
#infospalte dl dd span { display: block; margin-right: 15px; color: #CC0000; font-weight: bold; text-align: right; }
#infospalte a { text-decoration: none; }

/* INFO-Spalte... SuFu */
#infospalte .sufu { margin: 0px 0px 10px 5px; }
#infospalte .sufu #search { width: 130px; height: 20px; padding-left: 1px; }
#infospalte .sufu .suchfeld_submit { width: 40px; height: 24px; font-weight: bold; }

/* Kundenkonto - Downloads */
.kundenkonto_downloads { }
.kundenkonto_downloads dl { margin-bottom: 10px; border: 1px dotted #666; }
.kundenkonto_downloads dl dt { padding: 10px; }
.kundenkonto_downloads dl dd { padding: 2px 20px; }
.kundenkonto_downloads dl dd.rubrik { font-size: 1.2em; font-weight: bold; font-style: italic; }

/* Fußzeile */
#fuss { padding: 50px 0px 0px 50px; }
#fuss .spalte { float: left; width: 130px; margin-right: 60px; }
#fuss h2 { margin: 10px 0px; font-size: 0.8em; background: none; }
#fuss ul { list-style: none; font-size: 0.8em; color: #000; background: none; }
#fuss ul li { }
#fuss a { padding: 1px; color: #000; }

/* 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; }