/* ************************** */
/* *** voiTEC.WEB CMS 2.0 *** */
/* ************************** */

/* Grundeinstellungen */
* { margin: 0; padding: 0;}
html, body { width: 100%; height: 100%; }
body { font: normal 100.01% verdana,tahoma,sans-serif; color: inherit; background: #4E6672; }
img { border: 0px; }
form { display: inline; }

h1,h2,h3,h4,h5	{ font: normal 1.2em verdana,tahoma,sans-serif; color: #000000; background: inherit; }
p { font: normal 1em verdana,tahoma,sans-serif; color: #222222; background: inherit; }

.killer { height: 0; border: 0; line-height: 0em; background: transparent; clear: both; }
.inlineinfo { font-size: 0.85em; color: #666666; }

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

/* Rahmencontainer */ 
.box-out { position: relative; width: 803px; margin: 0px auto; padding: 0px 135px 0px 13px; background: url(../de,voka,images/bg-box.png) repeat-y; }
.box-in { }

/* Kopfbereich */
.box-kopf { }
.box-kopf h1 { padding-left: 1px; }

/* mittlerer Bereich */
.box-mitte { padding: 5px; }

/* Navigation */
.box-nav-out { float: left; width: 210px; padding: 5px 0px 5px 5px; }
.box-nav-in { }
.box-nav-in p.link-startseite { margin: 5px 0px; font-size: 0.7em; }
.box-nav-in p.link-startseite a { color: #F8EFD0; background: inherit; text-decoration: none; border: 0px; }
.box-nav-in #search { height: 18px; margin-bottom: 5px; vertical-align: middle; border: 1px solid #4B636F; }
.box-nav-in .suchfeld_focus { font-style: italic; color: #6D8B95; background: #FFFFFF; }
.box-nav-in .button-search { height: 19px; margin: 0px 0px 1px 5px; color: #F8EFD0; background: #6D8B95; border: 1px solid #4B636F; }
.box-nav-in h1 { padding: 5px 2px 5px 24px; font-size: 0.8em; font-weight: bold; font-variant: small-caps; color: #F8EFD0; background: #6D8B95 url(../de,voka,images/bg-navh1.gif) no-repeat; letter-spacing: 0.1em; border-top: 1px solid #4B636F; border-right: 1px solid #4B636F; border-bottom: 0px; border-left: 1px solid #4B636F; }
.box-nav-in ul { margin-bottom: 10px; list-style: none; background: url(../de,voka,images/bg-nav.png) repeat-y; border-top: 0px; border-right: 1px solid #4B636F; border-bottom: 1px solid #4B636F; border-left: 1px solid #4B636F; }
.box-nav-in ul ul { margin-left: -15px; font-size: 1.1em; border: 0px; }
.box-nav-in ul ul ul { margin-left: -15px; font-size: 1.2em; border: 0px; }
.box-nav-in ul ul ul ul { margin-left: -15px; font-size: 1.3em; border: 0px; }

.box-nav-in ul li { padding: 2px 4px 2px 24px; font-size: 0.8em; }
.box-nav-in a { display: block; padding: 2px 0px; color: #222D31; background: inherit; text-decoration: none; border-bottom: 1px dotted #0000CC; }
.box-nav-in a:active { color: #CC0000; background: #F8EFD0; }
.box-nav-in a:focus { color: #CC0000; background: #F8EFD0; }
.box-nav-in a:hover { padding-left: 7px; color: #CC0000; background: #F8EFD0; }
.box-nav-in a:visited { color: #222D31; }
.box-nav-in .aktiv { padding-left: 7px; font-weight: bold; color: #222D31; background: #F8EFD0; }

.box-inhalt-in .nav2 { padding: 10px; }
.box-inhalt-in .nav2:after { content: "clear"; clear: both; display: block; height: 0; overflow: hidden; visibility: hidden; }
.box-inhalt-in .nav2 dl { width: 27%; min-height: 230px; float: left; margin: 0 20px 20px 0; font-size: 0.8em; border: 1px solid #333333; }
.box-inhalt-in .nav2 dl:hover { background: #FFFFFF; }
.box-inhalt-in .nav2 dl dt { float: none; padding: 5px; text-align: center; }
.box-inhalt-in .nav2 dl dd { margin: 0; padding: 5px 5px 2px 5px; text-align: center; font-size: 0.8em; }
.box-inhalt-in .nav2 dl dd img { margin: 1px 5px 3px 0; }
.box-inhalt-in .nav2 dl dd a { color: #333333; background: inherit; text-decoration: none; border: 0; }
.box-inhalt-in .nav2 dl dd a.active { color: #333333; background: inherit; text-decoration: none; border: 0; }
.box-inhalt-in .nav2 dl dd a.focus { color: #333333; background: inherit; text-decoration: none; border: 0; }
.box-inhalt-in .nav2 dl dd a.hover { color: #333333; background: inherit; text-decoration: none; border: 0; }
.box-inhalt-in .nav2 dl dd a.visited { color: #333333; background: inherit; text-decoration: none; border: 0; }

.box-inhalt-in .aktueller_preis { text-align:right; font-weight:bold; font-size:16px; }

/* Rechts */
.seitenbox { position: absolute; top: 212px; left: 796px; }
.seitenbox .warenkorb { width: 170px; border: 1px solid #333; font-size: 0.9em; background-color: #FFCD93; }
.seitenbox .warenkorb dt { padding: 5px; font-size: 0.9em; font-weight: bold; }
.seitenbox .warenkorb dd { padding: 5px; font-size: 0.9em; font-weight: normal; }


/* Inhalte... */

/* ...Pfad */
.box-inhalt-out .siesindhier p { margin: 39px 0px 5px 0px; font-size: 0.7em; color: #222D31; }
.box-inhalt-out .siesindhier p a { color: #222D31; }
.box-inhalt-out .siesindhier p a:hover { color: #FAE7D5; }

/* ...Allgemeines */
.box-inhalt-out { width: 542px; margin: 10px 30px 0px 220px; }
.box-inhalt-in { color: #222D31; background: #F8EFD0; border: 1px solid #4B636F; }
.box-inhalt-in h1 { margin-bottom: 10px; padding: 5px 5px 4px 5px; font-weight: bold; font-size: 0.9em; color: #FAE7D5; background: #6D8B95; letter-spacing: 0.1em; }
.box-inhalt-in h2, .box-inhalt-in h3 { margin: 10px 0px 5px 10px; font-weight: bold; font-size: 0.8em; letter-spacing: 0.1em; }
.box-inhalt-in p { margin: 7px 10px 3px 10px; font-weight: normal; font-size: 0.8em; line-height: 1.3em; }

.box-inhalt-in a { padding: 2px 0; color: #0000CC; background: inherit; text-decoration: none; border-bottom: 1px dotted #0000CC; }
.box-inhalt-in a:active	{ color: #CC0000; background: inherit; border-color: #CC0000; }
.box-inhalt-in a:focus	{ color: #CC0000; background: inherit; border-color: #CC0000; }
.box-inhalt-in a:hover	{ color: #CC0000; background: inherit; border-color: #CC0000; }
.box-inhalt-in a:visited{ color: #CC0000; border-color: #CC0000; }
.box-inhalt-in .link-aktiv { padding: 2px; color: #666666; background: #CCCCCC; }

.box-inhalt-in ul,ol { margin: 10px 30px; font-size: 0.8em; }

.box-inhalt-in dl.spalten { margin-left: 7px; font-size: 0.8em; }
.box-inhalt-in dl.spalten dt { float: left; width: 14em; min-height: 1.7em; padding: 3px; }
.box-inhalt-in dl.spalten dd { min-height: 1.7em; margin-left: 14em; padding: 3px; }

.kontaktseite label { display: block; font-size: 12px; }


.box-inhalt-in table { width: 95%; margin: 10px; font-size: 0.8em; border: 1px dotted #4E6672; }
.box-inhalt-in table tr { }
.box-inhalt-in table td { width: 33%; padding: 5px; color: inherit; background: #FEFEFE: }
.box-inhalt-in table td:hover { background: #FFFFFF; }
.box-inhalt-in table p { margin: 8px 0px 0px 0px; padding: 0px; font-size: 0.9em; }
.box-inhalt-in table p a { margin: 8px 0px 0px 0px; padding: 0px; font-size: 0.9em; }

.box-inhalt-in table.haendler { width: 500px; margin: 14px; font-size: 0.8em; border: 1px dotted #4E6672; }
.box-inhalt-in table.haendler tr { }
.box-inhalt-in table.haendler td.sp1 { width: 160px; }
.box-inhalt-in table.haendler td.sp2 { width: 340px; }
.box-inhalt-in table.haendler td:hover { background: inherit; }

/* Produktseite */
.box-inhalt-in { }
.box-inhalt-in h2 { padding: 20px 0px; font-weight: bold; font-size: 0.9em; color: #888888; }
.box-inhalt-in .p_teil1,.box-inhalt-in .p_teil6 { display: none; }
.box-inhalt-in .p_teil2 { }
.box-inhalt-in .p_teil2 a { border: 0px; }
.box-inhalt-in .p_teil2 .klickinfo { font-size: 0.7em; }
.box-inhalt-in .p_teil2 .p_daten { float: right; margin: 20px 15px 10px 0px; font-size: 0.75em; }

.box-inhalt-in .p_teil2 .p_daten dl dt { width: 110px; }
.box-inhalt-in .p_teil2 .p_daten dl dd { margin-left: 110px; }

.box-inhalt-in .p_teil2 dl.spalten { margin-left: -3px; font-size: 0.8em; }
.box-inhalt-in .p_teil2 dl.spalten dt { float: left; width: 14em; min-height: 1.7em; padding: 3px; }
.box-inhalt-in .p_teil2 dl.spalten dd { min-height: 1.7em; margin-left: 14em; padding: 3px; }

.box-inhalt-in .p_teil2 dl.zeilen { font-size: 0.8em; }
.box-inhalt-in .p_teil2 dl.zeilen dt { float: none; display: block; height: 1.7em; }
.box-inhalt-in .p_teil2 dl.zeilen dd { float: none; height: 1.5em; margin: 0px; }

.box-inhalt-in .p_teil2 .p_daten .preise dd { font-size: 1em; }
.box-inhalt-in .p_teil2 .p_daten .preise dd.preis_normal { font-size: 1.1em; font-weight: bold; color: #CC0000; }
.box-inhalt-in .p_teil2 .p_daten .preise dd.preis_alt { font-size: 1em; font-weight: normal; color: #555555; }
.box-inhalt-in .p_teil2 .p_daten .preise dd.preis_aktion { font-size: 1.3em; font-weight: bold; color: #CC0000; }
.box-inhalt-in .p_teil2 .p_bild { float: left; margin: 0px 0px 20px 0px; }
.box-inhalt-in .p_teil3 { float: right; margin-right: 30 }

.produkte { float: left; }

.box-inhalt-in .p_teil4 { clear: left; }
.box-inhalt-in .p_teil4 ul { list-style: none; }
.box-inhalt-in .p_teil4 ul li { float: left; margin: 0px 30px 10px 0px; font: normal 0.8em arial; }
.box-inhalt-in .p_teil4 ul li img { }
.box-inhalt-in .p_teil4 ul li .subtext { display: block; margin-top: 3px; }

.box-inhalt-in .p_teil5 { clear: left; }

/* Bestellung */
#warenkorb { font-size: 0.75em; }
input#weiter { position: relative; float: right; padding: 5px; font-weight: bold; }
input#zurueck { padding: 5px; font-weight: bold; }

.bestellung label { font-size: 0.8em; }

.bestellung_anmeldung dl.spalten { display: inline; }
.bestellung_anmeldung dl.spalten dt { width: 155px; height: 70px; }
.bestellung_anmeldung dl.spalten dd { margin-left: 155px; height: 70px; }

.bestellung_schritt1_daten dl.spalten dt { position: relative; width: 180px; padding: 3px; }
.bestellung_schritt1_daten dl.spalten dd { margin: 0px -100px 0px 0px; padding: 3px; }

.bestellung_schritt2_versandzahlung dl.spalten { }
.bestellung_schritt2_versandzahlung dl.spalten dt { position: relative; width: 265px; }
.bestellung_schritt2_versandzahlung dl.spalten dd { margin-left: 265px; }
.bestellung_schritt2_versandzahlung img { margin-right: 5px; vertical-align: top; }
.bestellung_schritt3_pruefung dl.spalten { }
.bestellung_schritt3_pruefung dl.spalten dt { position: relative; width: 6em; }
.bestellung_schritt3_pruefung dl.spalten dd { margin-left: 6em; }
.bestellung_schritt3_pruefung p.finalize { margin: 10px auto; text-align: center; }
.bestellung_schritt3_pruefung p.finalize input { padding: 5px; font-weight: bold; }


.box-fuss { clear: both; font-size: 0.7em; }
.box-fuss ul { list-style: none; }
.box-fuss ul li { float: left; }
.box-fuss ul li a { display: block; padding: 5px 0px 10px 10px; color: #333; text-decoration: none; }