@charset "utf-8";
/* CSS Document */

/**
 * Layout for kaufwelt-baur.e
 * (c) CLICKSPORTS DIGITAL SOLUTIONS
 * http://www.clicksports.de
 * 
 * $Rev: 85 $
 * $Author: cs $
 * $Date: 2011-06-22 14:55:59 +0200 (Mi, 22 Jun 2011) $
 */

/* Reset Section */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin: 0px; padding: 0px; }
table { border-collapse: collapse; border-spacing: 0px; }
fieldset,img { border: 0px; }
address,caption,cite,code,dfn,th,var { font-style: normal; font-weight: normal; }
caption,th { text-align:left; }
h1,h2,h3,h4,h5,h6 { font-size: 100%; font-weight: normal; }
q:before,q:after { content:''; }
abbr,acronym { border: 0; }

body {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #848484;
    background: #f0eee8;
}
a:link { color: #515151; text-decoration: none; }
a:visited { color: #515151; text-decoration: none; }
a:hover { color: #515151; text-decoration: underline; }
a:active { color: #515151; text-decoration: none; }

/* Wrapper Containers */
.page { width: 940px; margin: 0 auto; padding: 0 19px; }
.seopage { width: 500px; margin: 0 auto; padding: 0 19px; }
#top { height: 70px; background: url(../layout/top.png?asd=sfddsf) no-repeat; position: relative; }
#main { background: url(../layout/main.png?qwe=sdsf) repeat-y; }

#footer { height: 44px; background: url(../layout/footer.png?asd=sdfdsfdsf) no-repeat; position: relative; }
#seo    { position: relative; font-size:10px; }
#seo .seopage { width: 525px; margin: 0 auto; padding: 0 19px; }


/* Top Section */
#top a#logo { top: 13px; left: 38px; position: absolute; }
#top a#logo img { display: block; }

#breadcrumb {
    top: 45px;
    left: 207px;
    padding: 0 28px 0 12px;
    background: #DC3589; 
    list-style: none;
    position: absolute;
}
#breadcrumb li { display: inline; }
#breadcrumb li a {
    padding: 0 6px 0 16px;
    background: url(../layout/arrow-white.png) no-repeat 0px center;
    color: #FFF;
    line-height: 25px;
    display: block;
    float: left;
}
#breadcrumb li:first-child a { padding-left: 18px; background: none; }

/* Main Section */
#navigation {
    width: 166px;
    margin: 140px 10px 0;
    list-style: none;
    font-size: 13px;
    float: left;
}
#navigation ul { list-style: none; }

#navigation a {
    padding: 2px 0;
    line-height: 22px;
    color: #515151;
    text-align: center;
    text-transform: uppercase;
    background: #f7f6f2;
    display: block;
}
#navigation a:hover { color: #990066; font-weight: bold; text-decoration: none; }

/* First Level */
#navigation li { margin-bottom: 23px; }
#navigation li ul { border: 1px solid #dfddd6; border-width: 1px 0; }

/* Second Level */
#navigation li li { margin-bottom: 0; }
#navigation li ul a { background: url(../layout/navigation.png) repeat-x top left #f7f6f2; }
#navigation li ul li:first-child a { background-image: none; }

/* Third Level */
#navigation ul ul {
    margin-bottom: -1px;
    font-size: 12px;
    border-top: none;
    position: relative;
}
#navigation ul .active a {
    text-transform: none;
    background: none #f0eee8;
}
#navigation ul .active > a {
    border-top: 1px solid #dfddd6;
    color: #990066;
    font-weight: bold;
    text-transform: uppercase;
}

#content,
#content-twocol {
    width: 524px;
    margin: 22px 15px 28px 30px;
    float: left;
}
#content-twocol { width: 709px; }


.heading { margin-bottom: 15px; text-transform: uppercase; color: #FFF; font-family: Helvetica, Arial, sans-serif; }
.heading h1 { font-size: 20px; }
.heading h2 { font-size: 35px; }
.heading h1 img { display: block; }

#teaser img { display: block; }

#content-wrapper {
    padding-top: 25px;
    line-height: 20px;
    background-color: #FFF;
}
#content-wrapper .contents { padding-left: 25px; padding-right: 25px; }
#home #content-wrapper .contents { padding-left:0px; padding-right: 25px; }
#content-wrapper .contents h1 {
    margin-bottom: 5px;
    font-size: 18px;
    line-height: 18px;
    color: #515151;
    text-transform: uppercase;
}
#content-wrapper .contents h2 {
    margin-bottom: 15px;
    font-weight: 800;
    color: #515151;
    text-transform: uppercase;
}
#content-wrapper .contents p { padding-bottom: 25px; }

#content-footer {
    min-height: 15px;
    color: #FFF;
    background: url(../layout/contentfooter.png) repeat-y;
    list-style: none;
}
#content-twocol #content-footer { background-image: url(../layout/contentfooter-wide.png); }


#content-footer li {
    min-height: 15px;
    float: left;
}
#cf-left { width: 155px; }
#cf-middle { width: 239px; }
#cf-right { width: 130px; }

#content-footer li span {
    padding: 0 6px;
    font-size: 25px;
    font-weight: 800;
    line-height: 50px;
}
#content-footer li a {
    top: 23px;
    padding-left: 30px;
    background: url(../layout/arrow-grey.png) no-repeat 15px center;
    text-decoration: underline;
    position: relative;
}

/* Sidebar */
#sidebar {
    width: 170px;
    padding: 22px 15px 0 0;
    float: right;
}

.box { margin-bottom: 15px; color: #FFF; }
.box h2 {
    padding: 0 10px;
    font-size: 12px;
    line-height: 18px;
    font-weight: 800;
    text-transform: uppercase;
    /*background: #8d79b9;*/
    background: #DC3589;
}
.box .box-content {
    padding: 8px 10px;
    color: #666;
    /*background: #745caa;*/
    background: #FFF;
}

.box-content a { color: #000; }
.box-content p { margin-bottom: 4px; }
.box-content img { margin: 10px 0; display: inline-block; }
.box-content table td { padding: 0 2px 2px 0; vertical-align: top; }
.box-content ul { padding: 0 14px; line-height: 15px; list-style: square; }
.box-content li { margin-bottom: 12px; }
.box-content li a { text-decoration: underline; }
.box-content .input input { width: 100%; margin-bottom: 10px; border: none; background: #FFF; display: block; }
.box-content .submit button { width: 100%; border: none; color: #FFF; background: transparent; cursor: pointer; display: block; text-align: right; }
.box-content .submit button span { padding-left: 15px; background: url(../layout/arrow-white.png) center left no-repeat; text-decoration: underline; }

.box-alternate h2 { color: #FFF; background: #DC3589; }
.box-alternate .box-content { color: #848484; background: #FFF; }
.box-alternate .box-content a { color: #848484; text-decoration: underline; }

/* Individual Boxes */
#box-opening { margin-bottom: 9px; font-size: 11px; }
#box-opening .box-content { padding: 4px 10px; }
#box-opening .box-content p { margin-bottom: 0; }
#box-opening table { width: 100%; }
#box-opening table .first { width: 50%; }


#box-approach { min-height: 288px; }
#box-approach-content { padding-bottom: 10px; }
#box-approach-content p:first-child { margin: 10px 0 15px; }
#box-approach-content p { margin-bottom: 5px; }
#box-approach-content table { margin-top: 5px; }

#box-newsletter-content a,
#box-approach-content a {
    padding-left: 15px;
    background: url(../layout/arrow-grey.png) no-repeat left center;
    float: right;
    display: inline-block;
}

/* Footer */
#metanavigation {
    width: 724px;
    top: 0;
    left: 235px;
    height: 19px;
    list-style: none;
    position: absolute;
}
#metanavigation li { border-left: 1px solid #666; float: left; }
#metanavigation li a {
    margin: 0 5px;
    padding: 0 5px;
    color: #515151;
    line-height: 19px;
    display: block;
}
#metanavigation a.active { background-color: #DC3589; color:#FFF; }
#metanavigation li:first-child { border-left: none; }
#metanavigation li:first-child a { margin-left: 0; }
#metanavigation li#baur { padding-right: 28px; float: right; }
#metanavigation li#baur a { margin-right: 0; }

/* Modules */
.downloadlist { padding-top: 25px; padding-bottom: 25px; background-color: #f0eee8; }
.downloadlist p { line-height: 24px; }
.downloadlist a { color: #848484; text-decoration: underline; }

.news {
    margin-top: -25px;
    padding-bottom: 15px;
    color: #525252;
    background: #CAB9BB;
    list-style: none;
    position: relative;
}
.news li { padding: 20px 25px; }
.news .odd { background: #EDEDED; }
.news .even { background: #CDCDCD; }

.news h1 { margin-bottom: 15px; font-size: 18px; color:#DC3589; text-transform: uppercase; }
.news em { margin-bottom: 5px; font-style: normal; display: block; }
.news img { margin: 15px 0 0 10px; float: right; }

.news a {
    padding-left: 15px;
    background: url(../layout/arrow-grey.png) no-repeat 0 5px;
    text-decoration: underline;
    display: inline-block;
}

.hot { margin-top: 0; padding-bottom: 0; }
.hot li { margin-bottom: 15px; background: #DC3589; }

/* Brands */
#brands { padding-bottom: 15px; }
#brands-left { width: 235px; margin: 25px 0 0 25px; float: left; }
#brands-right { width: 230px; margin-top: 25px; float: right; }

#brands-left .contents {
    margin-top: 25px;
    padding-left: 0;
}

.brand-chooser { list-style: none; }
.brand-chooser li { height: 22px; border-top: 1px solid #dcdcdc; float: left; }
.brand-chooser li span {
    width: 23px;
    font-size: 18px;
    line-height: 22px;
    border-left: 1px solid #dcdcdc;
    text-align: center;
    cursor: pointer;
    display: inline-block;
}
.brand-chooser .active,
.brand-chooser li span:hover { color: #FFF; background: #990066; }

#brands-left ul.brand-chooser:first-child li { border-top: none; }
ul.brand-chooser li:first-child span { border-left: none; } 

.brands,
.brands ul {
    list-style: none;
    color: #515151;
    font-weight: 800;
    line-height: 20px;
    text-transform: uppercase;
}

.brandlist { display: none; }

/* Services */
#content-wrapper .services h1 {
    padding: 0 25px;
    line-height: 25px;
    background: url(../layout/arrow-grey.png) 8px center no-repeat #eae8e1;
}
#content-wrapper .services p { padding-bottom: 20px; text-transform: uppercase; }

/* Home */
body#home #teaser { margin-top: -34px; position: relative; }
body#home #content-wrapper { color: #FFF; background: none; }
body#home #content-wrapper p { margin-bottom: 25px; }
body#home .contents table { width: 100%; text-align: center; background: #FFF; }
body#home .contents table img { margin: 0 auto; display: block; }

/* Forms */
#content-wrapper form { padding-bottom: 20px; }

input,
textarea,
select,
option {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #000;
    border: 0;
    background-color: #FFFFFF;
}

label { cursor: pointer; }
legend {
    margin: 0px 0px 13px 0px;
    padding: 0px;
    font-size: 14px;
    color: #000;
}

div.input, div.checkbox { margin-bottom: 10px; }
div.input label { width: 110px; display: inline-block; }
div.textarea label { margin-top: 5px; vertical-align: top; }
div.checkbox label { width: 295px; font-size: 11px; display: block; float: right; }

div.input input,
div.input textarea,
div.input select {
    width: 199px;
    padding: 2px 3px;
    border: 1px solid #A9A9A9;
}
div.input select { width: 207px; }
div.input textarea { height: 94px; }

div.checkbox label strong { font-size: 12px; line-height: 10px; text-transform: uppercase; }

div.salutation div.input { width: 207px; float: right; }
div.salutation div.input label { width: auto; margin-right: 11px; display: inline; }
div.salutation div.input input { width: 162px; }
div.salutation div.select { width: 77px; float: left; }
div.salutation div.select select { width: 70px; }

div.input label.error {
    width: auto !important;
    margin-top: 5px;
    padding: 4px;
    color: #C0007B;
    border: 1px solid #C0007B;
    display: block !important;
}

form span.hint {
    margin: 15px 0px 20px 0px;
    font-size: 10px;
    color: #818689;
    display: block;
}

div.submit { padding: 5px 25px; text-align: right; }
div.submit input { cursor: pointer; }

/* Multiple Children Widget */
span#add_children {
    margin-bottom: 10px;
    cursor: pointer;
    display: inline-block;
} 
/* Multiple Children Widget */

/* Multicolumn Content Module */
div.contents div.col:first-child { margin-right: 15px; }
div.col { width: 320px; float: left; }
div.col ul li { margin-bottom: 24px; list-style-position: inside; }
div.col ul li h2 { margin: 0px 0px 3px -8px; text-transform: uppercase; display: inline-block; }
div.col ul li p { margin-bottom: 10px; color: #818689; } 
/* End of: Multicolumn Content Module */

/* Card Request Module */
form#card_request p.hint { font-size: 11px; }
form#card_request p.hint strong { font-size: 12px; }
form#card_request label span.hint { top: -2px; display: inline; position: relative; }
form#card_request input.birthday_day,
form#card_request input.birthday_month { width: 40px; top: -7px; position: relative; }
form#card_request input.birthday_year { width: 64px; top: -7px; position: relative; }

div#children div.salutation div.select select { width: 100px; }
div#children div.salutation div.input input { width: 130px; }

div#card_request_agree {
    margin-bottom: 16px;
    padding-bottom: 10px;
}
div#card_request_agree div.checkbox { margin-bottom: 0px; }
div#card_request_agree label { display: inline; float: none; }
div#card_request_agree label a { text-decoration: underline; }
/* End of: Card Request Module */

/* Clearing Section */
.container:after {
    height:0;
    content:"\0020";
    visibility:hidden;
    overflow:hidden;
    clear:both;
    display:block;
}
.container { display:block; }
.clear { clear:both; }

/* Animation, see autoteaser.css from baur.de */
/*~~~ animationGroupContainer - BEGIN ~~~*/
/* basic style - BEGIN */
div.animationGroupContainer {
    overflow:hidden;
    background:#f8f8f8 url(../img/bg/baurautoteaser_skin_default/ajax-loader.gif) 50% 50% no-repeat;
    position:relative;
    margin:0 0 10px 0;
}
div.animationGroupContainer,
div.animationGroupContainer .teaser,
div.animationGroupContainer .teaser .slotFlashBackground,
div.animationGroupContainer .teaser .slotImageBackground {
    display:block;
    width:100%;
}
div.animationGroupContainer .teaser a.slotImageBackground {
    text-decoration:none;   
}
div.animationGroupContainer .teaser,
div.animationGroupContainer .teaser .slotFlashBackground,
div.animationGroupContainer .teaser .slotImageBackground {
    position:absolute;
    left:0;
    top:0;
    background-color:transparent;
    background-position:0 0;
    background-repeat:no-repeat;
}
div.animationGroupContainer div.teaserAnimationNavigator {
    position:absolute;
    right:10px;
    bottom:10px;
}
div.animationGroupContainer div.teaserAnimationNavigator,
div.animationGroupContainer a.teaserAnimationNavigatorMenuePrev,
div.animationGroupContainer a.teaserAnimationNavigatorMenueNext {
    z-index:2;
}
div.animationGroupContainer .prepareAnimation {
    /* z-index:1; */
}
div.animationGroupContainer div.teaserAnimationNavigator div.teaserAnimationNavigatorContent a {
    background:transparent url(http://www.baur.de/is-bin/intershop.static/WFS/Baur-BaurDe-Site/-/de_DE/layout/img/bg/baurautoteaser_skin_default/btn_default_19x19.png) 0 0 no-repeat;
    width:19px;
    height:19px;
    margin:0 0 0 5px;
}
div.animationGroupContainer div.teaserAnimationNavigator div.teaserAnimationNavigatorContent a.flashGroupPlayButton {
    background:transparent url(http://www.baur.de/is-bin/intershop.static/WFS/Baur-BaurDe-Site/-/de_DE/layout/img/bg/baurautoteaser_skin_default/btn_pause_19x19.png) 0 0 no-repeat;
}
div.animationGroupContainer div.teaserAnimationNavigator div.teaserAnimationNavigatorContent a.flashGroupPlayButton.start {
    background:transparent url(http://www.baur.de/is-bin/intershop.static/WFS/Baur-BaurDe-Site/-/de_DE/layout/img/bg/baurautoteaser_skin_default/btn_play_19x19.png) 0 0 no-repeat;
}
div.animationGroupContainer div.teaserAnimationNavigator div.teaserAnimationNavigatorContent a,
div.animationGroupContainer div.teaserAnimationNavigator div.teaserAnimationNavigatorContent a span,
a.teaserAnimationNavigatorMenuePrev,
a.teaserAnimationNavigatorMenueNext {
    display:block;
    float:left;
    overflow:hidden;
    text-align:center;
    text-decoration:none;
}
div.animationGroupContainer div.teaserAnimationNavigator div.teaserAnimationNavigatorContent a span,
a.teaserAnimationNavigatorMenuePrev,
a.teaserAnimationNavigatorMenueNext {
    padding:2px 6px;
    cursor:pointer;
    font-weight:bold;
    font-size:12px;
    color:#616352;
}
div.animationGroupContainer div.teaserAnimationNavigator div.teaserAnimationNavigatorContent span#teaserAnimationNavigatorAutomaticNavigation ,
div.animationGroupContainer div.teaserAnimationNavigator div.teaserAnimationNavigatorContent a.hiddenMenueForAutoNavigationPrev,
div.animationGroupContainer div.teaserAnimationNavigator div.teaserAnimationNavigatorContent a.hiddenMenueForAutoNavigationNext {
    visibility:hidden;
    position:absolute;
    left:-9999px;
    top:-9999px;
}
div.animationGroupContainer div.teaserAnimationNavigator div.teaserAnimationNavigatorContent span#teaserAnimationNavigatorDynamicMenue a.active,
div.animationGroupContainer div.teaserAnimationNavigator div.teaserAnimationNavigatorContent span#teaserAnimationNavigatorDynamicMenue a:hover {
    background-position:0 -19px;
}

.teaserAnimationNavigatorContent { margin-right: 24px; }
.teaserAnimationNavigatorMenuePrev,
.teaserAnimationNavigatorMenueNext {
    top: 0;
    margin: 0;
    padding: 2px 6px;
    background: transparent url(http://www.baur.de/is-bin/intershop.static/WFS/Baur-BaurDe-Site/-/de_DE/layout/img/bg/baurautoteaser_skin_default/btn_default_19x19.png) no-repeat 0px 0px;
    font-weight: bold;
    text-align: center;
    color: #616352;
    display: block;
    position: absolute;
}

.teaserAnimationNavigatorMenuePrev:hover,
.teaserAnimationNavigatorMenueNext:hover {
    background-position: 0px -19px;
}

.teaserAnimationNavigatorMenuePrev { left: -19px; }
.teaserAnimationNavigatorMenueNext { right: 0; }
/* basic style - END */

div#flagshipAnimationStorefront {
    width:988px;
    height:370px;
}

div#flagshipAnimationStorefront_JSON {
    width:988px;
    height:370px;
}
/*~~~ animationGroupContainer - END ~~~*/