/*
Projektname:   TKMaxx
Erstellt am:   23.07.2007 von ASchuengel
Bearbeitet am: 05.11.2007 von HSchauf
QS am:         19.09.2007 von OGe
Freigabe am:   19.09.2007 von OGe / invalide nur durch hacks fuer IE 5.5
/*

/* ################################## */
/* ### Inhaltsverzeichnis ### */
/* ### Elemente ### */
/* ### 1. Formatierung des body ### */
/* ### 2. Formate fuer Basisvorlage ### */
/* ### 3. Links: <a> ### */
/* ### 4. Typo ### */
/* ### 5. Formulare ### */
/* ### 6. Tabellen ### */
/* ### 7. Formate fuer Vorlagen ### */
/* ### 8. Listen ### */
/* ### 9. sonstige Elemente ### */
/* ### 10. Größenberater ### */
/* ### 11. Lightbox-Styles ### */
/* ### 12. Twitter ### */
/* ### 13. Social Media ### */

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

/* ### Elemente ### */
/* Formatierung des body */

body {
font: normal 62.5%/1.03 Arial, sans-serif;
color: #000000;
text-align: center;
background: #FBF3E3;
}

/* ### Formate fuer Basisvorlage ### */
#wrapper {
text-align: left;
position: relative;
margin: 0 auto;
width: 970px;
height: auto;
background-image: url(../images/body_bg.gif);
background-repeat: no-repeat;
background-position: 952px 350px;
}

#wrapper.ohne-uvp {
text-align: left;
position: relative;
margin: 0 auto;
width: 970px;
height: auto;
background-image: none !important;
}

#bildecke-unten-links {
position: absolute;
top: 583px;
width: 950px;
height: 14px;
left: 0;
z-index: 200;
background-image: url(../images/bildecke_unten_links.gif);
}

#bildecken {
position: absolute;
top: 583px;
width: 15px;
height: 390px;
left: 0;
z-index: 200;
background-image: url(../images/bildecken.gif);
}

#bildecken-home {
position: absolute;
top: 96px;
width: 950px;
height: 390px;
left: 0;
z-index: 200;
background-image: url(../images/bildecken_home.gif);
}

#bild_rund_oben {
position: absolute;
top: 96px;
left: 0;
width: 950px;
height: 25px;
background-image: url(../images/bg_rund_oben_braun.gif);
}

#flash-breit {
position: absolute;
top: 96px;
left: 0;
z-index: 2;
}

#flash-detailseite {
position: absolute;
top: 207px;
left: 0;
z-index: 3;
width: 416px;
height: 390px;
overflow: hidden;
float: left;
}

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

#trend-info {
position: absolute;
top: 207px;
left: 416px;
width: 301px;
height: 390px;
overflow: hidden;
}

#trend-bilder-infos {
position: absolute;
top: 207px;
left: 720px;
width: 230px;
height: 390px;
overflow: hidden;
margin: 0 !important;
}


#trend-bilder {
position: absolute;
top: 207px;
left: 720px;
width: 230px;
height: 390px;
overflow: hidden;
margin: 0 !important;
z-index: 15;
}

#trend-bilder h3 {
width: 230px;
height: 128px;
text-indent: -9999px;
margin: 0 0 3px 0;
}

#trend-bilder h3 a {
display: block;
width: 230px;
height: 128px;
background: transparent;
}

#trend-bilder a img {
border: none;
margin: 0 0 3px 0;
}

* html #trend-bilder a img {
border: none;
margin: 0;
}

#text-trend-info {
position: absolute;
top: 47px;
left: 20px;
width: 230px;
height: 390px;
z-index: 30;
color: #FFFFFF;
}

#text-trend-info p   {
font-size: 1.2em;
line-height: 1.3em;
margin: 18px 0 0 0 !important;
}

#screenreader-content {
position: absolute;
top: 96px;
}

#label-gr {
z-index: 999;
position: absolute;
top: 75px;
left: 696px;
}

#label-kl {
z-index: 999;
position: absolute;
top: 71px;
left: 828px;
}

#inhalt {
padding: 495px 20px 10px 0;
}

#inhalt-detailseite {
padding: 606px 20px 10px 0;
}


#inhalt,
#inhalt-contentseite,
#inhalt-uebersichtsseite,
#inhalt-detailseite {
/* Christmas Spezial */
/* background: url(../images/header_christmas_bg.gif) top left no-repeat; */
}

/* ### Basisvorlage Contentseite ### */
#inhalt-contentseite {
padding: 96px 20px 10px 0;
}

#content-inhalt {
padding-bottom: 20px;
margin-bottom: 10px;
background: #dfd1b5 url(../images/bg_rund_unten_braun.gif) left bottom no-repeat;
}

/* IE7 */
* + html #content-inhalt {
height: 1%;
}

/* IE6 */
* html #content-inhalt {
height: 1%;
}

#content-inhalt .content {
position: relative;
float: right;
width: 713px;
padding: 23px 20px 0 0;
}

#content-inhalt .seitennavigation {
float: left;
width: 195px;
padding: 23px 0 0 0;
margin-left: 10px;
}

/* IE6 */
* html #content-inhalt .seitennavigation {
display: inline;
}

/* ###  Basisvorlage Uebersichtsseite ### */
#inhalt-uebersichtsseite {
padding: 494px 20px 10px 0;
}

#header-uebersichtsseite {
position: absolute;
top: 96px;
left: 0;
background: url(../images/header-uebersichtsseite.gif) no-repeat;
width: 950px;
height: 109px;
z-index: 30;
}


/* Mod Box Style */

.page-mod_box #header-uebersichtsseite {
position: absolute;
top: 96px;
left: 0;
background: url(../images/modbox-header.jpg) no-repeat;
width: 950px;
height: 109px;
z-index: 30;
}

.page-mod_box #header-newsletter input.absenden{
background-color:#ed008c;
border:medium none !important;
height:35px;
margin:0 0 0 0;
width:40px;
}

.page-mod_box #header-newsletter input {
background-color:#ffffff;
border:1px solid #ffffff;
float:left;
height:16px;
margin:6px 0 0 0;
padding:2px;
voice-family:inherit;
width:120px;
}


#text-uebersicht-info {
position: absolute;
top: 96px;
left: 537px;
width: 413px;
height: 390px;
z-index: 11;
padding: 0 0px 0 23px;
}

#text-uebersicht-info {
/* Christmas Spezial */
background: url(../images/bg_christmas_uebersicht_inhalt.gif) no-repeat;
/* background: url(../images/bg_uebersicht_inhalt.gif) no-repeat;*/
}

#text-uebersicht-info-content {
height: 150px;
overflow: hidden;
}

* html #text-uebersicht-info-content {
height: 150px;
width: 390px;
overflow: hidden;
}


#image-uebersicht-info {
position: absolute;
top: 96px;
left: 0px;
width: 537px;
height: 390px;
z-index: 12;
}

#footer {
width: 950px;
height: 20px;
margin: 20px 0 0 0;
padding: 0;
}

ul#footer-rechts li a.facebook {
background:url("/customer/images/facebook-footer.gif") no-repeat scroll 0 0 transparent;
height: 30Px;
width:100px;
margin-top: -8px;
}

*html ul#footer-rechts li a.facebook {
height: 50Px;
margin-top: 0px;
}

*html ul#footer-rechts li a.print,
*html ul#footer-rechts li a.tellafriend,
*html ul#footer-rechts li a.social,
*html ul#footer-rechts li a.twitter {
margin-top: 7px;
}

/* ### Typo ### */

h1,h2,h3,h4,h5,h6 {
margin: 0;
padding: 0;
color: #ffffff;
}

h1 {
font: 2em Arial,Verdana,Helvetica,sans-serif;
}

h2 {
font: 1.8em Arial,Verdana,Helvetica,sans-serif;
}

h3 {
font: 1.8em Arial,Verdana,Helvetica,sans-serif;
}

h1.big {
font: 3.7em Arial,Verdana,Helvetica,sans-serif;
margin-bottom: 10px;
color: #de2723 !important;
}

h2.big {
font: 2.4em Arial,Verdana,Helvetica,sans-serif;
margin-bottom: 10px;
color: #de2723 !important;
}

.content p, .content li{
font-size: 1.2em;
line-height: 1.4em;
color: #FFFFFF;
}

.content p {
color: #000;
padding: 0 0 15px 0;
}

#header-uebersichtsseite h1 {
position: relative;
top: 57px;
}

#header-uebersichtsseite h3 {
color: #FFFFFF;
padding: 0;
font: 2em Arial,Verdana,Helvetica,sans-serif;
position: relative;
top: -15px;
left: 20px;
}

#image-uebersicht-info #flashcontent { /* wenn javascript deaktiviert ist wird anstatt des flash eine grafik ausgegeben */
width: 537px;
overflow: hidden;
}

#text-uebersicht-info h1 {
margin: 31px 0 0 0px;
padding: 10px 0 0 0;
line-height: 2em;
}

#text-uebersicht-info p {
padding: 0px 160px 0 0;
margin-top: 10px;
font-size: 1.2em;
line-height: 1.3em;
color: #FFFFFF;
}

/* MSIE 5.5 */
html.* #text-uebersicht-info p {
padding: 0px 140px 0 0;
margin-top: 10px;
}

.buttons {
margin-top: 5px;
}

* html .buttons {
margin-top: 0;
}

#weitersagen h3.flash {
padding: 8px 0 0 15px;
margin: 4px 0 0 2px
}

/* Formulare */
.formular {
margin: 20px 0 0 0;
}



fieldset {
border: none;
}

legend {
display: none;
}

input {
font-size: 1.2em;
padding: 3px 2px 2px 2px;
}
/*

label {
font-size: 1.2em;
width: 134px;
display: block;
float: left;
margin: 0 0 10px 0;
}

label span {
padding: 0 3px 0 0;
}

.formular textarea,
.formular select,
.formular input {
margin: 0 5px 10px 0;
border: none;
width: 340px;
}

input.radio {
width: auto;
}

input#strasse,
input#ort {
width: 290px;
}
input#nummer,
input#plz {
width: 40px;
}

input#vorwahl {
width: 60px;
}
input#telefonnummer {
width: 270px;
}

input#absenden {
width: 106px;
margin: 0 0 0 134px;
}

select.eintritts-tag,
select.eintritts-monat,
select.eintritts-jahr {
width: 110px;
}



.fakelabel {
border: 1px solid red;
clear: left;
min-height: 12px;
}

.fakelabel span {
float: left;
width: 134px;
display: block;
font-size: 1.2em;
}

.fakelabel label {
width: auto;
display: inline;
border: none;
height: 12px;
}


input.radiobutton {
width: auto;
height: 12px;
vertical-align: -80%;
}



.fakelabel span.titel {
width: auto;
font-size: 1.3em;
font-weight: bold;
}

.fakelabel span.hinweis {
display: block;
width: 340px;
margin: 0 0 0 134px;
font-size: 10.5px;
font-weight: normal;
}

.fakelabel span.meldung {
width: auto;
color: #DE2723;
}

.fakelabel span.klick-for-more {
width: auto;
}

.fakelabel span.klick-for-more a {
text-decoration: none;
}

.fakelabel span.klick-for-more a:hover {
text-decoration: underline;
}

.fakelabel ul {
margin: 0;
padding: 0;
border: none;
}

.fakelabel ul li {
color: #DE2723 !important;
font-size: 1.2em !important;
}



label.warning {
color: #DE2723;
}

*/

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

/* ### Formate fuer Vorlagen ### */
.teaserbox {
padding: 0;
margin: 0;
height: 133px;
overflow: hidden !important;
}



.teaser {
color: #FFFFFF;
overflow: hidden !important;
float: left;
margin: 0 10px 10px 0;
height: 133px;
width: 310px;
}

.teaser-filialfinder.last,
.teaser-newsletter.last,
.teaser-freitext.last,
.teaser.last {
margin: 0 0px 10px 0 !important;
overflow: hidden !important;
}


.teaser p {
font-size: 1.2em;
}

.teaser h3 {
padding: 24px 0 0 20px;
margin: 0;
}

#inhalt-uebersichtsseite .teaser, #inhalt-detailseite .teaser, #inhalt-contentseite .teaser {
padding: 0 !important;
}

* html #inhalt-uebersichtsseite.uebersicht, * html #inhalt-detailseite.uebersicht, * html #inhalt-contentseite.uebersicht {
position: relative;
top: 0px;
left: 0;
padding: 494px 0 0 0 !important;
margin: 0;
}

#inhalt-uebersichtsseite .teaser h3, #inhalt-detailseite .teaser h3, #inhalt-contentseite .teaser h3 {
height: 133px;
width: 310px;
text-indent: -9999px;
padding: 0;
}

#inhalt-uebersichtsseite .teaser h3 a, #inhalt-detailseite .teaser h3 a, #inhalt-contentseite .teaser h3 a, body.home .teaser h3 a {
height: 133px;
width: 310px;
display: block;
background: transparent;
}

.teaser-filialfinder {
margin: 0;
padding: 0;
background: url(../images/teaser_drei_boxen_bg.gif) no-repeat;
height: 133px;
width: 310px;
}

.teaser-filialfinder h3.flash-teaser,
.teaser-freitext h3.flash-teaser, {
text-transform: lowercase !important;
}


.teaser-filialfinder p,
.teaserbox .teaser-newsletter p,
.teaser-newsletter p {
padding: 11px 20px 0 20px;
}

.teaser-filialfinder p span.datum {
font-size: 1.6em;
}

.teaser-filialfinder p span.ort,
.teaser-filialfinder p span.ort a {
color: #FFFFFF;
font-size: 18px;
font-weight: bold;
text-decoration: underline;
}

.teaser-filialfinder span.ort a:hover {
color: #FFFFFF;
font-size: 18px;
font-weight: bold;
text-decoration: none !important;
}

.teaser-filialfinder input,
.teaser-newsletter input {
margin: 6px 0 0 20px;
padding: 2px;
border: 1px solid #b21f1c;
float: left;
height: 20px; /* IE 5.5 */
voice-family:"\"}\"";
voice-family:inherit;
height: 16px; /* alle ausser IE5.5 */
margin: 6px 0 0 20px;
padding: 2px;
border: 1px solid #b21f1c;
float: left;
}


.teaser-filialfinder input.absenden,
.teaser-newsletter input.absenden {
border: none;
margin: 0px 0 0 10px !important;
height: 33px;
width: 33px;
outline: 0;
}

.teaser-freitext {
margin: 0;
padding: 0;
background: url(../images/teaser_drei_boxen_bg.gif) no-repeat;
height: 133px;
width: 310px;
}

.teaserbox h3.flash-teaser {
text-transform: lowercase !important;
}

.teaserbox .teaser-newsletter p,
.teaser-freitext p  {
font-size: 1.2em;
padding: 11px 20px 0 20px;
line-height: 1.4em;
color: #FFFFFF;
}

.teaser-freitext p a {
background: none;
color: #FFFFFF !important;
font-weight: bold;
text-decoration: underline;
}

.teaser-freitext h3.flash-teaser {
text-transform: lowercase !important;
}

.teaser-freitext p a:hover {
color: #000000;
}

.teaser-freitext-shoppen {
margin: 0;
padding: 0;
background: url(../images/teaser_drei_boxen_bg.gif) no-repeat;
height: 133px;
width: 310px;
}

.teaser-freitext-shoppen p {
padding: 11px 20px 0 20px;
line-height: 1.4em;
}
/* ----------------------------------------------- */

.teaserbox .teaser-filialfinder,
.teaserbox .teaser-newsletter,
.teaserbox .teaser-freitext {
color: #FFFFFF;
overflow: hidden;
float: left;
margin: 0 10px 10px 0;
padding: 0;
height: 133px;
width: 310px;
}

.teaserbox .teaser-freitext {
/* Christmas Spezial */
/* background: url(../images/teaser_shoppen.gif) no-repeat;  */
background: url(../images/teaser_drei_boxen_bg.gif) no-repeat;
}

.teaserbox .event {
/* Christmas Spezial */
/* background: url(../images/teaser_wo_muss_ich_hin.gif) no-repeat !important; */
background: url(../images/teaser_drei_boxen_bg.gif) no-repeat;
}

.teaserbox .teaser-newsletter {
/* Christmas Spezial */
/* background: url(../images/teaser_weg_ist_weg.gif) no-repeat; */
background: url(../images/teaser_drei_boxen_bg.gif) no-repeat;
}

/* ################################## */

.teaser-newsletter {
margin: 0 10px 10px 0;
padding: 0;
background: url(../images/teaser_drei_boxen_bg.gif) no-repeat;
height: 133px;
width: 310px;
float: left;
}

.teaser-newsletter.uebersicht {
position: absolute;
top: 200px;
left: 500px;
z-index: 21;
}

#header-filiale-finden { /* basisvorlag uebersichtsseite im header oben */
position: absolute;
top: 15px;
left: 560px;
width: 170px;
height: 95px;
float: left;
}

#header-filiale-finden.uebersicht {
position: absolute;
top: 370px;
left: 780px;
width: 180px;
height: 95px;
float: left;
z-index: 22;
}


#header-filiale-finden h3 {
position: relative;
top: 0;
left: 0;
margin: 0;
}

#header-filiale-finden p {
color: #FFFFFF;
font-size: 1.2em;
margin: 6px 0 0 0;
}

#header-filiale-finden p a {
color: #FFFFFF;
text-decoration: underline;
font-weight: bold;
float: left;
}

#header-filiale-finden img {
margin: -5px 0 0 5px;
}


#header-newsletter input {
margin: 6px 0 0 0px;
padding: 2px;
border: 1px solid #b21f1c;
float: left;
width: 120px;
background-color: #F8D4D3;
height: 20px; /* IE 5.5 */
voice-family:"\"}\"";
voice-family:inherit;
height: 16px; /* alle ausser IE5.5 */
margin: 6px 0 0 0px;
padding: 2px;
border: 1px solid #b21f1c;
float: left;
width: 120px;
background-color: #F8D4D3;
}

#header-newsletter input.absenden {
border: none !important;
margin: 0px 0 0 0px;
height: auto;
width: 40px;
height: 35px;
background-color: #de2723;
}

#header-newsletter p {
color: #FFFFFF;
font-size: 1.2em;
margin: 6px 0 -3px 0;
}

* html #header-newsletter p {
color: #FFFFFF;
font-size: 1.2em;
margin: 6px 0 0px 0;
}

#header-newsletter { /* basisvorlag uebersichtsseite im header oben */
position: absolute;
top: 15px;
left: 755px;
width: 180px;
height: 95px;
float: left;
}

#header-newsletter.uebersicht {
position: absolute;
top: 370px;
left: 560px;
width: 180px;
height: 95px;
float: left;
z-index: 21;
}

html #header-newsletter.uebersicht input {
margin: 9px 0 0 0px;
padding: 2px;
border: 1px solid #b21f1c;
float: left;
width: 120px;
background-color: #F8D4D3;
}



html #header-newsletter.uebersicht input.absenden {
border: none !important;
margin: 3px 0 0 0px;
height: auto;
width: 33px;
height: 33px;
background-color: #de2723;
}


#header-newsletter h3 {
position: relative;
top: 0;
left: 0;
margin: 0;
}

#weitersagen {
position: absolute;
top: 485px;
left: 14px;
width: 198px;
height: 98px;
z-index: 210;
background-image: url(../images/bg_weiterempfehlen.png);
}

/* MSIE 5.5 */
html.* #weitersagen {
background-image: url(../images/bg_weiterempfehlen_ie.gif);
}

#weitersagen.uebersicht {
position: absolute;
top: 375px;
left: 14px;
width: 198px;
height: 98px;
z-index: 210;
background-image: url(../images/bg_weiterempfehlen.png);
}

/* MSIE 5.5 */
html.* #weitersagen.uebersicht {
background-image: url(../images/bg_weiterempfehlen_ie.gif);
}

* html #weitersagen {
position: absolute;
top: 485px;
left: 14px;
width: 198px;
height: 98px;
z-index: 210;
overflow: hidden;
background-image: url(../images/bg_weiterempfehlen_ie.gif);
}

#weitersagen input {
margin: 6px 0 0 15px;
padding: 2px;
border: 1px solid #b21f1c;
float: left;
width: 130px;
background-color: #F8D4D3;
height: 20px; /* IE 5.5 */
voice-family:"\"}\"";
voice-family:inherit;
height: 16px; /* alle ausser IE5.5 */
margin: 6px 0 0 17px;
padding: 2px;
border: 1px solid #b21f1c;
float: left;
width: 130px;
background-color: #F8D4D3;
}

#weitersagen input.absenden {
border: none !important;
margin: 0;
height: auto;
width: 33px !important;
height: 33px !important;
background: none !important;
}


#weitersagen p {
color: #FFFFFF;
font-size: 1.2em;
margin: 5px 0 0 17px;
}

/* ### Listen ### */
ul#metanavigation {
font-size: 1.1em;
position: absolute;
top: 8px;
right: 39px;
color: #98999C;
}

ul#metanavigation li,
ul#metanavigation li a {
float: left;
display: block;
text-decoration: none;
}

ul#metanavigation li a {
padding: 0 0 0 9px;
}

ul#hauptnavigation {
color: #000000;
font-size: 1.4em;
position: absolute;
top: 48px;
right: 22px;
voice-family:"\"}\"";
voice-family:inherit;
right: 34px;
}

ul#hauptnavigation li,
ul#hauptnavigation li a {
color: #000000;
float: left;
}

ul#hauptnavigation li a {
color: #000000;
float: left;
padding: 0px 11px 3em 0em;
border-right: 1px solid #C4C5C7;
margin: 0 0 0 5px;
voice-family:"\"}\"";
voice-family:inherit;
display: inline !important;
margin: 0 0 0 10px;
}

ul#hauptnavigation li.last a {
color: #000000;
float: left;
padding: 0 0 3em 0em;
border-right: none;
margin: 0 0 0 10px;
display: inline !important;
voice-family:"\"}\"";
voice-family:inherit;
display: block;
}

ul#hauptnavigation li a.damen  {
background: url(../images/damen.gif) no-repeat 0px 2px;
display: block;
width: 51px;
voice-family:"\"}\"";
voice-family:inherit;
width: 41px;
background: url(../images/damen.gif) no-repeat 0px 2px;
display: block;
}

ul#hauptnavigation li a.damen:hover,
ul#hauptnavigation li a.damen:active,
ul#hauptnavigation li#queractive a.damen {
background-position: 0 -68px;
}

#content-inhalt .seitennavigation ul {
padding-left: 9px;
margin-bottom: 20px;
}

#content-inhalt .seitennavigation ul ul {
padding-left: 0;
margin-bottom: 6px;
}

#content-inhalt .seitennavigation li a {
display: block;
color: #000;
font-size: 1.4em;
width: 168px;
padding: 8px 0 7px 0;
text-decoration: none;
background: 0;
}

#content-inhalt .seitennavigation li a:hover {
color: #de2723;
font-weight: bold;
}

#content-inhalt .seitennavigation li {
width: 168px;
display: block;
border-bottom: #a89878 1px solid;
}

#content-inhalt .seitennavigation li li a {
display: block;
font-size: 1.2em;
width: 148px;
padding: 2px 0 2px 20px;
}

#content-inhalt .seitennavigation li li {
border-bottom: 0;
}

#content-inhalt .seitennavigation li a.active {
color: #de2723;
font-weight: bold;
}

#content-inhalt .seitennavigation li.last {
border-bottom: 0;
}

.oeffnung {
position: absolute;
right: 75px;
top: 190px;
}

/* ### sitemap ### */
.liste-sitemap {
margin: -10px 0 10px 0px;
color: #000000;
}

.liste-sitemap ul {
margin: 0 !important;
color: #000000;
}

/* 1. Ebene */
.liste-sitemap ul li {
list-style-type: none !important;
margin: 10px 0 0 0 !important;
padding: 0 !important;

}

.liste-sitemap ul li a,
.liste-sitemap ul li a:active,
.liste-sitemap ul li a:visited {
color: #000000 !important;
text-decoration: none !important;
font-weight: bold;
list-style-type: none !important;
margin: 0 0 0 0 !important;
padding: 0 !important;
font-size: 16px;
}

.liste-sitemap ul li a:hover {
color: #de2723 !important;
}

/* 2. Ebene */
.liste-sitemap ul li ul  {
margin: 0 0 5px 0 !important;
}

.liste-sitemap ul li ul li {
text-decoration: none;
list-style-type: square !important;
list-style-position: inside;
margin: 0 0 0 15px !important;
padding: 0 !important;
}

.liste-sitemap ul li ul li a,
.liste-sitemap ul li ul li a:active,
.liste-sitemap ul li ul li a:visited {
color: #000000 !important;
text-decoration: none !important;
margin: 0 !important;
padding: 0 !important;
font-size: 14px;
}

.liste-sitemap ul li ul li a:hover {
color: #de2723 !important;
}

/* 3. Ebene */
.liste-sitemap ul li ul li ul {
margin: 0 0 10px 0 !important;
}

.liste-sitemap ul li ul li ul li {
text-decoration: none;
list-style-type: circle !important;
list-style-position: inside;
margin: 0 0 0 20px !important;
padding: 0 !important;
font-size: 0.9em;
}

.liste-sitemap ul li ul li ul li a,
.liste-sitemap ul li ul li ul li a:active,
.liste-sitemap ul li ul li ul li a:visited {
text-decoration: none !important;
margin: 0 0 0 0 !important;
padding: 0 !important;
font-size: 12px;
}

.liste-sitemap ul li ul li ul li a:hover {
color: #de2723;
}

/* ### Contentliste ### */

.content ul {
list-style-type: disc;
}

.content li {
margin-left: 12px !important;
color: #000 !important;
background: none !important;
}

* html .content ul {
height: 1%;
display: inline;
margin-left: -10px;
voice-family:"\"}\"";
voice-family:inherit;
margin-left: 0;
}

.content li a {
color: #000;
background: none;
font-weight: bold;
}

/* Herren */

ul#hauptnavigation li a.herren {
background: url(../images/herren.gif) no-repeat 0px 2px;
display: block;
width: 51px;
voice-family:"\"}\"";
voice-family:inherit;
width: 41px;
background: url(../images/herren.gif) no-repeat 0px 2px;
display: block;
list-style-type: none;
}

ul#hauptnavigation li a.herren:hover,
ul#hauptnavigation li a.herren:active,
ul#hauptnavigation li#queractive a.herren {
background-position: 0 -68px;
}

/* Kinder */

ul#hauptnavigation li a.kinder {
background: url(../images/kinder.gif) no-repeat 0px 2px;
display: block;
width: 51px;
voice-family:"\"}\"";
voice-family:inherit;
width: 41px;
background: url(../images/kinder.gif) no-repeat 0px 2px;
display: block;
}

ul#hauptnavigation li a.kinder:hover,
ul#hauptnavigation li a.kinder:active,
ul#hauptnavigation li#queractive a.kinder
 {
background-position: 0 -68px;
}

/* Schuhe */


ul#hauptnavigation li a.schuhe {
background: url(../images/schuhe.gif) no-repeat 0px 2px;
display: block;
width: 56px;
voice-family:"\"}\"";
voice-family:inherit;
width: 46px;
background: url(../images/schuhe.gif) no-repeat 0px 2px;
display: block;
}

ul#hauptnavigation li a.schuhe:hover,
ul#hauptnavigation li a.schuhe:active,
ul#hauptnavigation li#queractive a.schuhe {
background-position: 0 -68px;
}

/* accessoires */
ul#hauptnavigation li a.accessoires {
background: url(../images/accessoires.gif) no-repeat 0px 2px;
display: block;
width: 84px;
voice-family:"\"}\"";
voice-family:inherit;
width: 74px;
background: url(../images/accessoires.gif) no-repeat 0px 2px;
display: block;
}

ul#hauptnavigation li a.accessoires:hover,
ul#hauptnavigation li a.accessoires:active,
ul#hauptnavigation li#queractive a.accessoires {
background-position: 0 -68px;
}

/* home-living */
ul#hauptnavigation li a.home-living {
background: url(../images/home-living.gif) no-repeat 0px 2px;
display: block;
width: 106px;
voice-family:"\"}\"";
voice-family:inherit;
width: 96px;
background: url(../images/home-living.gif) no-repeat 0px 2px;
display: block;
}

ul#hauptnavigation li a.home-living:hover,
ul#hauptnavigation li a.home-living:active,
ul#hauptnavigation li#queractive a.home-living {
background-position: 0 -66px;
}

/* ueber uns */
ul#hauptnavigation li a.ueber-uns {
background: url(../images/ueber-uns.gif) no-repeat 0px 0px;
display: block;
width: 70px;
voice-family:"\"}\"";
voice-family:inherit;
width: 60px;
background: url(../images/ueber-uns.gif) no-repeat 0px 0px;
display: block;
}

ul#hauptnavigation li a.ueber-uns:hover,
ul#hauptnavigation li a.ueber-uns:active,
ul#hauptnavigation li#queractive a.ueber-uns {
background-position: 0 -66px;
}

/* aktuelles */
ul#hauptnavigation li a.aktuelles {
background: url(../images/aktuelles.gif) no-repeat 0px 4px;
display: block;
width: 58px;
voice-family:"\"}\"";
voice-family:inherit;
width: 60px;
background: url(../images/aktuelles.gif) no-repeat 0px 4px;
display: block;
}

ul#hauptnavigation li a.aktuelles:hover,
ul#hauptnavigation li a.aktuelles:active,
ul#hauptnavigation li#queractive a.aktuelles {
background-position: 0 -66px;
}

/* presse */
ul#hauptnavigation li a.presse {
background: url(../images/presse.gif) no-repeat 0px 0px;
display: block;
width: 55px;
voice-family:"\"}\"";
voice-family:inherit;
width: 45px;
background: url(../images/presse.gif) no-repeat 0px 0px;
display: block;
}

ul#hauptnavigation li a.presse:hover,
ul#hauptnavigation li a.presse:active,
ul#hauptnavigation li#queractive a.presse {
background-position: 0 -66px;
}

ul#hauptnavigation li span {
display: block;
text-indent: -9999px;
}


ul#footer-links {
float: left;
width: 431px;
margin: 0px 112px 0 0;
}

* html ul#footer-links {
float: left;
width: 431px;
margin: 0 110px 0 0;
}

ul#footer-links li,
ul#footer-rechts li {
float: left;
margin: 0;
color: #aaaaaa;
}

ul#footer-links li a,
ul#footer-rechts li a {
float: left;
margin: 0 0 0 10px;
text-decoration: none;
}

ul#footer-rechts li a {
font-size: 1.1em;
color: #333;
}

ul#footer-rechts li a.social {
background: url(../images/footer_icon_social.gif) no-repeat;
padding: 0 0 0 15px;
}

ul#footer-rechts li a.addthis_toolbox.addthis_default_style span,
.at300bs.at15t_expanded,
.at300bs.at15t_compact {
background: none !important;
margin-right: 0 !important;
width: 0 !important;
height: 0 !important;
}

#at15s_head {
color: #fff !important;
background: #de2723 !important;
border-bottom: none !important;
cursor: default;
padding: 4px;
position: relative;
}

ul#footer-rechts li a.print {
background: url(../images/footer_icon_print.gif) no-repeat;
padding: 0 0 0 15px;
}

ul#footer-rechts li a.twitter {
background: url(../images/footer_icon_twitter.gif) no-repeat;
padding: 0 0 0 15px;
}

ul#footer-rechts li a.tellafriend {
background: url(../images/footer_icon_tellafriend.gif) no-repeat;
padding: 0 0 0 15px;
}

/* ### Größenberater ### */

	
#berater-uebersicht {
margin: 35px 0 35px 0;
}

#berater ul li {
float:left;
display: inline;
margin:0 10px 10px 0 !important;
}

#berater ul li a {
height: 44px;
width: 215px;
display:block;
text-decoration: none;
margin-bottom: 20px;
}

* html #berater ul li a {
margin-bottom: 0;
}

#berater ul li a.berater_zurueck {
background: url(/customer/images/bubble_berater.png) no-repeat scroll 168px 5px;
padding: 16px 0 0 50px;
text-decoration: underline;
}

#berater ul li span {
display:block;
text-indent:-9999px;
}

#berater-content img {
margin: 30px 0 0 0;
}

#berater-content h2{
margin-top:50px;
}

#berater_navi {
display:inline;
float:right;
margin-top:25px;
overflow:hidden;
width:225px;
padding: 196px 0 0 25px;
}

#berater-content {
display:inline;
float:right;
margin:25px 0 40px 0;
overflow:hidden;
width:458px;
}


/* ### Lightbox-Styles ### */

#lightbox-rostock {
position: relative;
float: left;
height: 236px;
width: 435px;
padding: 70px 15px 15px 15px;
text-align: left;
background: #fbf3e3 url(/customer/images/lightbox_rostock_bg.gif) 15px 15px no-repeat;
}

#lightbox-rostock h1 {
margin: 0 0 17px 0;
font-size: 4.2em;
}

#lightbox-rostock a {
width: 230px;
height: 35px;
display: block;
background: url(/customer/images/lightbox_rostock_bg_link.gif) no-repeat;
text-decoration: none;
margin-left: -4px;
}

#lightbox-rostock a span {
visibility: hidden;
}

#lightbox-rostock p {
width: 230px;
height: 78px;
background: url(/customer/images/lightbox_rostock_bg_text.gif) no-repeat;
margin: 0 0 61px 0;
}

#lightbox-rostock p span {
visibility: hidden;
}

#lightbox-rostock img {
position: absolute;
right: 30px;
bottom: 29px;
}


/* ### sonstige Elemente ### */
img#logo {
position: absolute;
top: 0;
left: 0;
margin: 31px 0 0 20px;
float: left;
}

.bild-links,
.bild-rechts {
margin-bottom: 40px;
}

.bild-links  img {
float: left;
margin-right: 23px;
}

.bild-links  p {
padding-right: 15px;
}

.bild-links em {
font-style: normal;
float: left;
width: 60px;
}

.bild-rechts img  {
float: right;
margin: 0 0 10px 23px;
}

.bild-rechts div  {
float: right;
margin: 0 0 10px 23px;
text-align:center;
}

.bild-rechts div img {
float: none;
margin: 0 0 10px 0;
}

.bild-rechts em {
font-style: normal;
float: right;
width: 60px;
}



.content a {
color: #000;
background: none;
font-weight: bold;
}

/* ### Flash Replacement ### */

 .sIFR-flash {
     visibility: visible !important;
     margin: 0;
 }
 .sIFR-replaced {
     visibility: visible !important;
 }
 span.sIFR-alternate {
     position: absolute;
     left: 0;
     top: 0;
     width: 0;
     height: 0;
     display: block;
     visibility: visible !important;
     overflow: hidden;
 }
 .sIFR-flash + div[adblocktab=true] {
     display: none !important;
 }

.sIFR-hasFlash h1,
.sIFR-hasFlash h2,
.sIFR-hasFlash h3 {
color: #FFFFFF;

}

/* FF */
.sIFR-hasFlash #header-uebersichtsseite h1 {
visibility: hidden;
font-size: 0.1em !important;
font-size: 0.9em; /* nur fuer IE */
/*padding: 24px 0 0 20px;*/
padding: 29px 0 0 20px;
margin: -43px 0 0 0;
}

/* IE7 */
* + html .sIFR-hasFlash #header-uebersichtsseite h1 {
visibility: hidden;
font-size: 1em; /* nur fuer IE */
padding: 49px 0 0 20px;
margin: -43px 0 0 0;
}

.sIFR-hasFlash #header-uebersichtsseite h3 {
margin: 11px 0 0 0;
}

.sIFR-hasFlash h2.flash {
visibility: hidden;
font-size: 1.0em;
/*padding: 24px 0 0 20px;*/
padding: 16px 0 0 20px;
margin: -20px 0 0 -22px;
position: relative;
text-transform: lowercase !important;
}

.sIFR-hasFlash h3.flash,
.sIFR-hasFlash h3.flash-teaser {
visibility: hidden;
font-size: 1.2em;
/*padding: 24px 0 0 20px;*/
padding: 16px 0 0 20px;
margin: 0;
text-transform: lowercase !important;
}

.sIFR-hasFlash #header-newsletter.uebersicht h3.flash,
.sIFR-hasFlash #header-filiale-finden.uebersicht h3.flash {
visibility: hidden;
/*padding: 24px 0 0 20px;*/
padding: 11px 0 0 0px;
margin: 0;
text-transform: lowercase !important;
}

/* Routenbeschreibung */

.route-start,
.route-ziel {
display: block;
float: left;
width: 270px;
margin: 15px 0;
padding: 15px 45px 0 0;
}

.route-start h3,
.route-ziel h3 {
color: #000;
padding: 0 5px 0 45px;
}

.route-start p,
.route-ziel p {
padding-left: 45px;
}

.route-start {
background: url(../images/icon_start.gif) 0 6px no-repeat;
}

.route-ziel {
background: url(../images/icon_ziel.gif) top left no-repeat;
}

/* Tabelle */
#routen-tabelle {
margin: 0px 0 50px 0;
width: 100%;
}

#routen-tabelle thead th,
#routen-tabelle tbody td {
font-family: Arial,sans-serif;
font-size: 12px;
padding: 4px 5px;
voice-family: "\"}\"";
voice-family:inherit;
font-size: 1.2em;
line-height: 1.4em;
}

#routen-tabelle thead th {
font-weight: bold;
font-size: 13px;
text-align: left;
background-color: #A89878;
voice-family: "\"}\"";
voice-family:inherit;
font-size: 1.3em;
}

#routen-tabelle tbody td {
vertical-align: top;
border-bottom: #A89878 1px solid;
}

#routen-tabelle #platzierung {
width: 13px;
}

* html #routen-tabelle #platzierung {
width: 23px;
}

#routen-tabelle #Zeit {
width: 65px;
}

#routen-tabelle #Strecke{
width: 35px;
}

#routen-tabelle #beschreibung {
width: 340px;
}

#routen-tabelle .time small {
display: block;
font-size: 0.8em !important;
padding-top: 1px;
}

/* ### E-Cards ### */

/* Seite "E-Card auswaehlen" */
a.ecard,
a.ecard-last {
float: left;
margin-bottom: 30px;
text-decoration: none;
margin-right: 38px;
width: 120px;
}


a.ecard img,
a.ecard-last img {
float: left;
margin-bottom: 5px;
}

a.ecard u,
a.ecard-last u {
padding-left: 12px;
font: bold 1.2em Arial;
text-decoration: none;
color: #6f685a;
display: block;
clear: left;
background: url(../images/ecard_pfeil.gif) left 4px no-repeat;
}

a.ecard:hover u,
a.ecard-last:hover u {
text-decoration: underline !important;
}

/* E-Card Formular */
form.ecard div.buttons {
position: relative;
}

form.ecard div.buttons input {
width: auto !important;
height: auto !important;
}

form.ecard div.buttons label input#absenden {
margin: 0 0 0 70px;
float:left;
}

form.ecard div.buttons a img {
float:left;
}

form.ecard .back {
position: absolute;
top: 3px;
right: 570px;
}

* html form.ecard .back {
right: 590px;
}

form.ecard input {
border: 0 !important;
}

/* ### Filialen ### */

/* Filiale suchen - Ergebnis */

.repeat-search {
margin: 27px 0 10px 0;
}

.location {
margin: 0 0 25px 0;
width: 170px;
float: left;
}

.location ul,
.location ul li {
margin: 0 !important;
padding: 0 !important;
list-style: none;
}

.location ul li.location-link a {
color: #6f685a !important;
background: url(../images/pfeil_details_route.gif) 0 3px no-repeat !important;
margin: 13px 0 0 0 !important;
padding: 0 0 0 8px !important;
display: block;
}


/* ### Twitter ### */

#content-twitter ul li {
color: red !important;
}

#rechts-bilder {
float:right;
overflow: hidden;
display: inline;
width:200px;
height: 800px;
margin-top:25px;
}

#rechts-bilder img {
margin: 100px 0 25px -9px;
}

#rechts-bilder a {
margin-left: 45px;
color: #000;
}


#twitter {
float:right;
width:510px;
overflow: hidden;
margin-top: 25px;
display: inline;
}


#rund-ecken-oben {
margin: 30px 0 0 0;
width: 510px;
height: 34px;
background: url(../images/twitter_oben.png) no-repeat;
}


#twitter-content {
background-color:#FFFFFF;
width: 510px;
height: auto;
}

#rund-ecken-unten {
margin: -10px 0px 0 0;
width: 510px;
height: 34px;
background: url(../images/twitter_unten.png) no-repeat; 
}

#twitter-content ul {
margin-bottom: 5px;
list-style-type:none;
}

#twitter-content ul.twitter-big li{
front-size: 20px;
}

#twitter-content ul.twitter-big li a.user_pic {
margin-right: 8px;
margin-top: 4px;
}


#twitter-content ul li {
border-bottom: 1px dotted black;
margin: 0 10px 10px 10px;
padding: 10px 0 10px 0;
font-size:14px;
}

#twitter-content ul li span {
font-size: 10px;
color:#CCCCCC;
}

#twitter-content ul li div.eintrag {
float:left;
font-size: 14px;
color: black;
width: 430px;
display: inline;
}

#twitter-content ul li div.eintrag-big {
float:left;
font-size: 20px;
color: black;
width: 426px;
}


#twitter-content ul li div.eintrag-big p.name-big {
margin:5px 0 -19px 0 ;
padding: 0px;
line-height: 1.2em;
font-size: 20px;
}

#twitter-content ul li a {
text-decoration: none;
color:#DFD1B5 !important;
}

#twitter-content ul li a.user_pic {
display: inline;
float:left;
margin-right: 8px;
margin-top: 5px;
}



/* ### Social Media ### */
#socialmedia-content {
width: 610px;
margin-bottom: 20px;
}

/* IE6 */
* html #socialmedia-content {
display: inline;
}

.socialmedia-teaser {
float: left;
margin: 0 18px 18px 0;
}

.socialmedia-twitter {
position: relative;
width: 335px;
height: 170px;
background: url(/customer/images/socialmedia/socialmedia_twitter.gif) no-repeat;
}

.socialmedia-twitter div {
float: right;
width: 231px;
height: 83px;
margin: 17px 27px 0 0;
overflow: hidden;
}

/* IE6 */
* html .socialmedia-twitter div {
display: inline;
}

.socialmedia-twitter div p {
margin: 10px 11px 0 11px;
font-size: 1.2em;
color: #4e4e4e;
}

.socialmedia-twitter a.twitter-extern {
float: left;
width: 323px;
height: 40px;
margin-top: 17px;
}

.socialmedia-twitter div p a:hover {
text-decoration: underline;
}

#socialmedia .socialmedia-twitter div p a {
font-size: 1.0em;
font-weight: normal;
color: #de2723;
text-decoration: none;
}

#socialmedia .socialmedia-twitter div p a:hover {
text-decoration: underline;
}

.socialmedia-twitter a span {
display: block;
height: 0; 
width: 0; 
overflow: hidden;
font-size: 0; 
line-height: 0; 
position: absolute;
left: -4000px;
top: -4000px;
}