@charset "UTF-8"; /* charset festlegen */

/*
Projektname:   WDR Shop Relaunch 2008
Funktion:      Hauptstile
Erstellt am:   27.12.2007 von KDre
Bearbeitet am: 27.12.2007 von KDre
QS am:         
Freigabe am:   NICHT freigegeben
/*

/* ################################## */
/* ### Inhaltsverzeichnis ### */
/* ### Elemente ### */
/* ### 1. Formatierung des body ### */
/* ### 2. Links: <a> ### */
/* ### 3. Typo ### */
/* ### 4. Formulare ### */
/* ### 5. Tabellen ### */
/* ### 6. sonstige Elemente ### */

/* ### weitere Regeln ### */
/* ### Sonderfaelle ### */
/* ################################## */


/* ### Elemente ### */
/* ### Formatierung des body ### */
body {
background: #FFF;
font: normal 62.5% Verdana, Arial, Helvetica, sans-serif;
color: #000000;
}

/* ### Links: <a> ### */
/* a href="" und a name="" fuer IE */
a { 
color: #AAA; 
text-decoration: underline; 
} 
/* a href="" sonstige Ausgabegeraete */
a:link { 
color: #000; 
text-decoration: underline; 
} 
/* besuchter Link */
a:visited {
color: #000;
text-decoration: underline; 
}
/* maus ueber link */
a:hover { 
color: #000; 
text-decoration: underline; 
} 
/* maus down = klick und im IE auch wiederbesuch der Seite ueber backspace */
a:active { 
color: #000; 
text-decoration: underline; 
}
/* wenn link ueber tab "aktiviert" wird */
a:focus { 
color: #000; 
text-decoration: underline; 
}

/* allgemeine Elemente */
acronym {
border: 0;  
}

/* ### Typo ### */
#content h1, #context h1,
#content h2, #context h2,
#content h3, #context h3,
#content p, #context p,
#content ul, #context ul,
#content ol, #context ol,
#content dl, #context dl,
#content table, #context table,
#content form, #context form {
margin-bottom: 15px;
}

#content h1, #context h1 {
font-size: 1.7em;
line-height: 1.2941;
}

#content h2 {
font-size: 1.1em;
background: url(../images/checkout_ub_balken_bg.gif);
width: 588px;
height: 22px;
}

#content h2 span {
display: block;
padding-top: 4px;
padding-left: 5px;
}

#content h3, #context h3,
#content p, #context p,
#content li, #context li,
#content dd, #context dd,
#content dt, #context dt,
#content td, #context td,
#content th, #context th,
#content input, #context input,
#content label, #context label,
#content span.label, #context span.label,
#content textarea, #context textarea,
#content select, #context select {
font: 1.1em/1.2727 Verdana, sans-serif;
color: #333;
}

#content h3, #context h3 {
font-weight: bold;
}

#content li li, #context li li,
#content label input, #context label input,
#content label textarea, #context label textarea,
#content label select, #context label select {
font-size: 1em;
}

#content ul, #context ul,
#content ol, #context ol,
#content dd, #context dd {
margin-left: 1px;
}

#content ul ul, #context ul ul,
#content ol ol, #context ol ol {
margin-bottom: 0;
}

#content ul li, #context ul li,
#content dd, #context dd {
background: url(../images/content_context_listpoint_bg.gif) no-repeat left .3636em;
padding-left: 15px;
}

#content ol li, #context ol li {
margin-left: 15px;
}

* html #content ul li, #context ul li {
background-position: left .4545em;
}

#content dt, #context dt,
#content th, #context th {
font-weight: bold;
}

#content dt, #context dt {
margin-bottom: 3px;
}


/* ### Formulare ### */
fieldset {
border: 0;
}

/* ### Tabellen ### */

table {
border-collapse: collapse;
}

th,
td {
border: 1px solid #ced8ec;
padding: 3px 5px;
}

th {
background: #fff;
}

td {
background: #f4f6fb;
}


/* ### weitere Regeln ### */
/* Klassen */

/* Horizontale Listen */
#content .hl,
#context .hl {
margin-left: 0 !important;
}

#content .hl li, 
#context .hl li {
float: left;
background-image: none;
padding-left: 0;
}

/* IDs */
#wrapper {
margin: 0;
}

#header {
position: relative;
z-index: 20;
border-bottom: 1px solid #B8C5D7;
background: url(../images/header_background.jpg) repeat-x 0 0;
}

#header-inhalt,
#inhaltswrapper-inhalt {
width: 980px;
}

/* IE7 */
* + html #header[id] {
height: 1%;
}

#inhaltswrapper {
border-bottom: 1px solid #B8C5D7;
background: #E8EDF6;
}

/* IE7 */
* + html #inhaltswrapper[id] {
height: 1%;
}

#vertnavi {
float: left;
width: 180px;
}

#content,
#context {
margin-top: 16px;
}

#content {
float: left;
width: 621px;
}

/* IE6 */
* html #content {
overflow: hidden;
}

#context {
float: left;
width: 160px;
}

#footer {
clear: both;
}

/* ### Header Vorlagen ### */
#wdrshoplogo {
float: left;
margin-top: 10px;
}

#naviwrapper {
float: left;
margin-left: 18px;
width: 782px;
}

#warenkorb-liste {
float: right;
margin: 7px 0 15px 0;
}

#warenkorb-liste li {
float: left;
margin-left: 12px;
}

#warenkorb-liste li a {
color: #767676;
text-decoration: none;
}

#warenkorb-liste li a:hover {
text-decoration: underline;
}

#warenkorb-liste li a:focus {
text-decoration: underline;
}

#quernavi {
float: left;
width: 641px;
}

#quernavi li {
float:left;
position: relative;
margin-left: 1px;
padding: 8px 0 7px 1px;
background: url(../images/quernavi_reiter_links.gif) no-repeat 0 0 #497BB8;
font-family: Arial, Verdana, sans-serif;
}

#quernavi li:hover,
#quernavi li.hover {
background: url(../images/quernavi_reiter_links_aktiv.gif) repeat-y 0 0;
}

#quernavi li a {
padding: 9px 9px 7px 8px;
font-size: 1.2em;
font-weight: bold;
color: #FFF;
text-decoration: none;
background: url(../images/quernavi_reiter_rechts.gif) no-repeat right 1px;
}

#quernavi li a:hover {
color: #2E4C91;
border-top: none;
}

/* zweite Ebene */
#quernavi li ul {
display: none; /* versteckt menu */
position: absolute;
z-index: 999 !important;
overflow: hidden;
padding: 8px 0 0 0;
top: 30px;
left: -1px;
width: 120px;
background: #E8EDF6;
border-left: 1px solid #B8C5D7;
border-top: none;
border-right: 1px solid #B8C5D7;
border-bottom: 1px solid #B8C5D7;
}

ul#quernavi li:hover ul.level2,
ul#quernavi li.hover ul.level2 {
display: block !important;
}

#quernavi ul.level2 li {
float: none;
display: inline;
margin: 0;
padding: 0;
background: none;
}

#quernavi ul li a {
display: block;
width: 100%; /* IE 7 */
padding: 3px 0 3px 14px;
background: none;
color: #2E4C91;
font-weight: normal;
}

/* IE6 */
* html #quernavi ul li a {
height: 1%;
}

#quernavi li li a:hover {
background: #FFF;
}

/* IE 7 */
* + html #quernavi li li a:hover {
height: 1%;
}

/* Suche */
#seitensuche {
float: left;
width: 138px;
height: 30px;
overflow: hidden;
margin: 0;
padding: 0 0 0 5px;
background: url(../images/quernavi_reiter_links.gif) repeat-y 0 0;
voice-family: "\"}\""; 
voice-family:inherit;
width: 135px;
}

#seitensuche fieldset {
width: 135px;
width: 140px;
border: 0;
}

#seitensuche legend {
display: none;
}

#seitensuche input#sitesearch {
float: left;
width: 113px;
min-height: 18px;
margin: 6px 0 0 0;
padding: 2px 0 0 5px;
border: 0;
background: url(../images/form_rounded_input.gif) repeat-y 0 0 transparent;
font-family: Verdana, Arial, sans-serif;
font-size: 1.1em;
}

/* IE6 */
* html #seitensuche input#sitesearch {
height: 17px;
}

/* IE7 */
* + html #seitensuche[id] input#sitesearch {
min-height: 16px;
}

#seitensuche input.searchbutton {
float: left;
width: 17px;
height: 30px;
margin: 0;
padding: 0;
}

/* ### Vorlagen Seitennavi ### */
#einstiege {
margin: 18px 0 0 15px;
}

#einstiege li {
line-height: 1.2em;
margin-bottom: -2px;
padding: 0;
}

/* IE 6 */
* html #einstiege li {
margin-bottom: -2px;
}

/* IE 7 */
* + html  #einstiege[id] li {
margin-bottom: -2px;
}

#einstiege li a {
height: 100%;
width: 100%;
}

#meta {
margin: 13px 0 0 20px;
}

#meta li {
margin-bottom: 5px;
padding: 0 0 0 6px;
background: url(../images/metapfeil.gif) no-repeat 0 4px;
}

#meta li.first {
margin-bottom: 13px;
}

#meta li a {
color: #565656;
text-decoration: none;
}

#meta li a:hover {
text-decoration: underline;
}

/* ### Content Elemente ### */
#content .breadcrumb {
margin-bottom: 7px;
}

/* ### Footer Elemente ### */
#footer {
padding-top: 13px;
margin: 0 auto;
width: 600px;
}

#footer ul {
margin-bottom: 4px;
}

#footer li {
float: left;
padding-left: 14px;
background: url(../images/footer_listpoint_bg.gif) no-repeat 0 0;
color: #565656;
}

#footer li.first {
background: none;
padding-left: 0;
margin: 0 14px 0 0;
}

#footer small {
display: block;
width: 240px;
margin: 0 auto;
}

/* ### Sonderfaelle ### */
/* Floats aufheben */
.clear {
clear: both;
margin: -1px 0 0 0; /* laesst 1px clear nach oben verschwinden */
height: 1px; /* laesst &nbsp; auf 1px schrumpfen fuer IE */
font-size: 1px;
line-height: 1px;
width: 100%;
}

/* Clearfix */
.clearfix:after {
content: ".";
visibility: hidden;
display: block; 
clear: both; 
height: 0;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


.ausgeblendet {
display: none !important;
}

.gbs {
text-transform: uppercase;
}