/* *********************** Grundinformationen *********************** */

* {
    margin: 0;
    padding: 0;
    border: 0;
}

body {
        text-align: left;
        min-width: 760px;
        font-family: verdana, arial, "sans serif";
        color: #333333;
        font-size: 11px;
        margin: 0;
        padding: 0;
    background-color: #F2FFEF;
        /* background-image:         url(../images/body_back.gif); */
        /* background-repeat:         repeat-x; */
}

.verlauf {
    background: #E8E8E8;
    border-radius: 10px;
}

.verlauf img{
border: 2px solid #FFFFFF;
    border-radius: 20px 20px 20px 20px;
}


/* *********************** Grunddesign, Header, Footer, Content *********************** */

/* Kompletter Rahmen aussen */
div.wrapper, header {
    width: 980px;
    position: relative;
    margin: auto;
    background-color: #f1f8ed;
    padding: 0px 6px 1px;
    margin: 3px auto;
}
div.wrapper {
    border: 1px solid #BFB6B7;
    border-radius: 10px;
}

header {
    height: 112px;
    padding: 0;
    margin: auto;
    top: 5px;
}

header div.logoPosition, div.suchBox, div.warenkorbBox {
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 1;
    width: 300px;
    height: 100px;
    overflow: hidden;
    padding-top: 10px;
    border: 1px solid #BFB6B7;
    border-left: 0px;
    text-align: center;
}
header div.logoPosition{
border-left: 1px solid #BFB6B7;
border-right: 0px solid;
}
div.background{
    background-image: url("../images/headback.jpg");
    width: 715px;
    height: 101px;
    padding-top: 10px;
}

header div.logoPosition, div.background{
    border-radius: 10px 0px 0px 0px;
}

/* Hauptnavigation */
div.mainNav {
    width: 200px;
    float: left;
}

/* 2. Spalte mit optional 2 Spalten fuer Content und 2. Navigation */
div.content {
    width: 768px;
    float: right;
}

article.mainContent {
    background-color: #F6F8F5;
    border: 1px solid #CCCCCC;
    border-radius: 10px 10px 10px 10px;
    float: left;
    margin-bottom: 5px;
    min-height: 10px;
    padding: 5px;
    width: 565px;
}

article.checkoutContent {
    width: 100%;
}

div.secondaryContent {
    width: 180px;
    float: right;
}
/* Ende 2. Spalte mit optional 2 Spalten fuer Content und 2. Navigation */

/* optionale Klappnavigation */

/* ************ Global Box für Klappnavigation *********** */
div.mainNavTree {
    margin-top: 5px;
    height: 30px;
    border-radius: 0 0 10px 10px;
    width:981px;
background-color: #f4d5ff;
background: rgba(252,253,255,1);
background: -webkit-gradient(linear, left top, left bottom, from(rgba(252,253,255,1)), to(rgba(244,213,255,1)));

/* IE9 bis und mit Version 8 */
background: filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#ffffff, endColorstr=#f4d5ff);
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#ffffff, endColorstr=#f4d5ff)";

/* IE10 Consumer Preview */
background: -ms-linear-gradient(top, #FFFFFF 0%, #F4D5FF 100%);

/* Mozilla Firefox */
background: -moz-linear-gradient(top, #FFFFFF 0%, #F4D5FF 100%);

/* Opera */
background: -o-linear-gradient(top, #FFFFFF 0%, #F4D5FF 100%);

/* Webkit (Safari/Chrome 10) */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FFFFFF), color-stop(1, #F4D5FF));

/* Webkit (Chrome 11+) */
background: -webkit-linear-gradient(top, #FFFFFF 0%, #F4D5FF 100%);

/* W3C Markup, IE10 Release Preview */
background: linear-gradient(to bottom, #FFFFFF 0%, #F4D5FF 100%);
}

/* ************ Erste Ebene ********** */
div.mainNavTree ul, li {
    list-style: none;
}

ul.mainNavTreeULTopLvl {
    padding-left: 0px;
}

li.mainNavTreeLITopLvl {
    float: left;
    font-size: 13px;
    line-height: 27px;
    padding-left: 7.5px;
    padding-right: 7.5px;
}

li.mainNavTreeLITopLvl a {
    color: #4b4b4b;
}

li.mainNavTreeLITopLvl a:hover {
    color: #1b50ea;
    background-color: #E8E8E8;
}

/* ************ Aufklappebene 1 ************* */
ul.mainNavTreeULSecLvl {
    position: absolute;
    display: none;
    background: white;
    border: 1px solid #cccccc;
    box-shadow: 1px 1px 4px 1px #cccccc;
    z-index: 100;
}

li.mainNavTreeLISecLvl {
    padding-right: 10px;
    padding-left: 10px;
    font-size: 12px;
    border-bottom: 1px solid #E8E8E8;
}

li.mainNavTreeLISecLvl a {
    color: #4b4b4b;
    font-weight: bold;
}

li.mainNavTreeLISecLvl:hover {
    color: #787878;
    background-color: #E8E8E8;
}

/* ********* Visible der Klappnavigation ********* */
.mainNavTree ul li:hover ul {
    display: block;
}



/* ********** Aufklappebene 2 ************* */
ul.mainNavTreeULThrdLvl {
    padding-left: 10px;
    font-size: 12px;
}

li.mainNavTreeLIThrdLvl a:hover {
    text-decoration: underline;
}



footer {
    background: none repeat scroll 0 0 #F5F0FF;
    border: 1px solid #BFB6B7;
    border-radius: 0 0 10px 10px;
    clear: both;
    display: block;
    margin-bottom: 5px;
    padding: 18px 28px 33px;
    z-index: 1;
}

footer h4 a, footer h4 {
    color: #000000;
    font-size: 12px;
}


/********************** Standard Tag Informationen ********************/


h1, h2, h3 {
    background-color: #D48BDC;
    border-radius: 5px 5px 5px 5px;
    clear: both;
    font-size: 19px;
    font-weight: normal;
    margin-bottom: 10px;
    padding: 7px;
background-color: #f4d5ff;
background: rgba(252,253,255,1);
background: -webkit-gradient(linear, left top, left bottom, from(rgba(252,253,255,1)), to(rgba(244,213,255,1)));

/* IE9 bis und mit Version 8 */
background: filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#ffffff, endColorstr=#f4d5ff);
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#ffffff, endColorstr=#f4d5ff)";

/* IE10 Consumer Preview */
background: -ms-linear-gradient(top, #FFFFFF 0%, #F4D5FF 100%);

/* Mozilla Firefox */
background: -moz-linear-gradient(top, #FFFFFF 0%, #F4D5FF 100%);

/* Opera */
background: -o-linear-gradient(top, #FFFFFF 0%, #F4D5FF 100%);

/* Webkit (Safari/Chrome 10) */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FFFFFF), color-stop(1, #F4D5FF));

/* Webkit (Chrome 11+) */
background: -webkit-linear-gradient(top, #FFFFFF 0%, #F4D5FF 100%);

/* W3C Markup, IE10 Release Preview */
background: linear-gradient(to bottom, #FFFFFF 0%, #F4D5FF 100%);
}

p {
    padding: 10px;
    padding-top: 0;
}

a {
    text-decoration: none;
    color: #262ADA;
}


/* Formulare */
form {
    display:                        inline;
}

fieldset {
    padding:                        5px;
    border:                                0px;
}

input {
    border:                                1px solid #D7DBDD;
    background-color:        #ffffff;
    font-size:                        10px;
    color:                                #999999;
}

select {
    border:                                1px solid #6D808F;
    background-color:        #ffffff;
    font-size:                        10px;
    color:                                #999999;
}

fieldset.content input.radio, input.radio {
    border: 0px;
    background-color: #ffffff;
    width: 17px;
    margin-top: 5px;
    margin-right: 5px;
    padding: 0;
}

/* *********************** Ende Grundinformationen *********************** */




/* *********************** Aufbau Mein Konto *********************** */

header ul.meinKonto {
    list-style: none;
    position: absolute;
    right: 26px;
    top: 10px;
    z-index: 2;
}

header ul.meinKonto li {
    float: right;
    padding-left: 10px;
    padding-right: 10px;
    border-right: 1px solid #999999;
    line-height: 10px;
    font-size: 11px;
}

header ul.meinKonto li a {
    color: #999999;
}


/* ********************** Info Menüpunkte ********************** */




/* *********************** Suche Formatierung *********************** */

div.suchBox {
    overflow: visible;
    left: 300px;
    width: 415px;
}

div.suchBox fieldset {
    position: relative;
    top: 20px;
    left: 40px;
    width: 300px;
}

div.suchBox fieldset small {
    text-align: left;
    display: block;
    padding-left: 17px;
    padding-top: 5px;
}

div.suchBox fieldset select {
    width:                                266px;
    height:                                18px;
    margin-right:                5px;
}

div.suchBox fieldset input {
    width:                                230px;
    height:                                14px;
}

div.suchBox fieldset span input {
    position:                         relative;
    top:                                2px;
    width:                                30px;
    height:                                18px;
    margin-left:                4px;
    margin-top:                        -2px;
    border:                                0;
    background-color:        transparent;
    color:                                #999999;
    font-size:                        16px;
}

/*********************** Aufbau Sprachen ************************* */

div.sprachBox {
    position:                        absolute;
    top:                                9px;
    left:                                0px;
}

div.sprachBox a {
    display:                        block;
    text-align:                        left;
    font-weight:                normal;
    line-height:                17px;
    font-size:                        11px;
    margin-right: 5px;
    float: left;
}

/*********************** Aufbau Warenkorb ************************* */

div.warenkorbBox {
    width: 265px;
    left: 715px;
    background-color: #E8E8E8;
    background-image:         url("../images/cart_24.png");
    background-repeat:         no-repeat;
    border-radius: 0px 10px 0px 0px;
    background-position: 10px;
    border-right: 1px solid #BFB6B7;
    z-index: 0;
}

div.warenkorbBox div {
    display: block;
    padding-left: 84px;
}

div.warenkorbBox h5 {
    padding-left:                25px;
    margin:                                0;
    margin-bottom:                8px;
    padding-top:                6px;
    text-transform:                uppercase;
    font-size:                        14px;
}

div.warenkorbBox h4 {
    display:                        block;
    text-indent:                10px;
    text-align:                        left;
    font-weight:                normal;
    line-height:                17px;
    font-size:                        11px;
    margin:                                0;
}


/* *********************** Aufbau Navigationslisten ******************** */

.stammNavigation {
    background-color: #EFFFFD;
    border: 1px solid #F4D5FF;
    border-radius: 10px 10px 10px 10px;
    box-shadow: 2px 2px #D0E6D1;
    margin-bottom: 10px;
}

.stammNavigation h4 {
    padding-left: 10px;
    font-weight: normal;
    text-transform: uppercase;
    font-size: 14px;
    height: 30px;
    line-height: 30px;
    color: #3D3D3D;
    border-radius: 8px 8px 0px 0px;
background-color: #f4d5ff;
background: rgba(252,253,255,1);
background: -webkit-gradient(linear, left top, left bottom, from(rgba(252,253,255,1)), to(rgba(244,213,255,1)));

/* IE9 bis und mit Version 8 */
background: filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#ffffff, endColorstr=#f4d5ff);
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#ffffff, endColorstr=#f4d5ff)";

/* IE10 Consumer Preview */
background: -ms-linear-gradient(top, #FFFFFF 0%, #F4D5FF 100%);

/* Mozilla Firefox */
background: -moz-linear-gradient(top, #FFFFFF 0%, #F4D5FF 100%);

/* Opera */
background: -o-linear-gradient(top, #FFFFFF 0%, #F4D5FF 100%);

/* Webkit (Safari/Chrome 10) */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FFFFFF), color-stop(1, #F4D5FF));

/* Webkit (Chrome 11+) */
background: -webkit-linear-gradient(top, #FFFFFF 0%, #F4D5FF 100%);

/* W3C Markup, IE10 Release Preview */
background: linear-gradient(to bottom, #FFFFFF 0%, #F4D5FF 100%);
}

.stammNavigation ul {
    list-style: none;
    padding-bottom: 7px;
}

.stammNavigation ul li {
    display: block;
    margin-left: 10px;
    margin-right: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
    border-bottom: 1px dotted #BFB6B7;
}

.stammNavigation ul li a, .stammNavigation a {
    color: #666666;
}

.stammNavigation ul li a:hover, nav.stammNavigation ul li.highlight a, nav.stammNavigation ul li.highlightSub a {
    color:                                #000000;
}

.stammNavigation ul li.secondNavigation {
    padding-left: 15px;
    line-height: 13px;
    font-size: 11px;
}

.stammNavigation ul li.thirdNavigation {
    padding-left: 25px;
    font-size: 11px;
}

.stammNavigation fieldset select {
    width: 155px;
    margin-left: 5px;
    height: 20px;
    font-size: 12px;
    margin-top: 5px;
    margin-bottom: 5px;
}

.stammNavigation p {
    padding: 10px;
}


/* ********************* Eigene Definitionen der Navigationselemente ************** */


/****** Zusatzboxen ****/

.ExtraBoxLeft div, .ExtraBoxRight div {

}

.protected {
background-color: #effffd;
border:0px;
}
#ueschr{
line-height:27px;
text-decoration:underline;
}
.clos {
    text-align: left;
    margin-top:-6px;
}
#red {
    color: red;
}

/******* Bestsellerliste ******/

div.bestsellerBox ol {
    position: relative;
    list-style-position: outside;
    padding: 5px 5px 10px 5px;
}

div.bestsellerBox ol li {
    text-decoration: none;
    min-height:  60px;
    text-align: left;
    padding-bottom: 15px;
    list-style: none;
}

div.bestsellerBox ol li strong {
    display: block;
    text-align: right;
}

div.bestsellerBoxBild {
    float: left;
    margin-right: 10px;
    height: 60px;
    width: 60px;
}


/********** Banner **********/

.bannerPosition {
    text-align: center;
    margin-bottom: 15px;
}


/* ***************************** Facettensuche *************************** */

div.facettensuche_filter {
    padding-bottom: 10px;
}

div.facettensuche_filter_head {
    display: block;
    font-weight: bold;
    text-indent: 5px;
    margin-left: 10px;
    margin-right: 10px;
    margin-top: 5px;
}

ul.facettensuche_filter_auspraegungen {
    margin: 0;
    padding: 0;
    list-style: none;
    margin-bottom: 10px;
}

li.facettensuche_auspraegung {
    display: block;
    text-indent: 10px;
}

.facettensuche_selected {
    color: #000000;
    font-weight: bold;
}

.facettensuche_fragezeichen {
    left: 0px;
    position: relative;
    top: -75%;
    width: 40px;
    text-align: right;
    cursor: default;
}


/*************** Tooltip *************/

.tooltip {
    font-weight: bold;
    float: right;
}

.tooltip .tooltiptext {
    display:none;
    background-color: #FFFFFF;
    border: 7px solid #efefef;
    font-weight: normal;
    text-align: left;
    text-decoration: none;
    z-index: 500;
    padding: 10px;
    border-radius: 5px;
    box-shadow: 3px 3px 8px 0px #AAAAAA;
}
.tooltip:hover .tooltiptext {
    display: block;
    position: absolute;
    width: 200px;
    left: 30px
}


/*********************** Aufbau Counter ************************* */

footer div.counterBox {
    width: 175px;
    float: left;
}

div.counterBox h5 {
    display:                        block;
    text-align:                        left;
    font-weight:                normal;
    font-size:                        11px;
    line-height:                17px;
    margin:                                0;
    padding:                        0;
    color:                                #999999;
}

footer span.copy {
    clear: both;
    display: block;
}

/********************** Newsletter Box **********************/

div.newsletterBox {
    width: 270px;
    float: left;
}

div.newsletterBox fieldset input, div.newsletterBox fieldset span input {
    width: 220px;
    height: 20px;
    margin-bottom: 2px;
}


/**************************** Footer Navigation **************************/

nav.navigationFooterBox {
    width: 250px;
    float: left;
    padding-bottom: 20px;
}

nav.navigationFooterBox ul {
    list-style:                        none;
}

nav.navigationFooterBox ul li {
    display: block;
    font-size: 11px;
}

nav.navigationFooterBox ul li a {
    color:                                #999999;
}

nav.navigationFooterBox ul li a:hover {
    color:                                #000000;
}

/********** Footer Copy ***************/

span.copy {
    display: block;
    border-top: 1px solid #BFB6B7;
    text-align: right;
    color: #999999;
    line-height: 25px;
    font-size: 11px;
}

span.copy a {
    color: #999999;
}