/* *********************** Aufbau des Headers *********************** */

.logoPosition {
    position:           absolute;
    left:               0px;
    top:                0px;
    z-index:            1;
}

.bannerPosition {
    position:           absolute;
    top:                0px;
    left:               300px;
}

/******** Platz fuer Alternative Bildinhalte oder Backgrounds **********/
#eyecatcher {

}

#eyecatcher2 {

}


/**************************** Top Navigation **************************/

ul.navigationBox, ul.cmsNavigationBox {
    margin:             0;
    padding:            0;
    list-style:         none;
}

ul.navigationBox a, ul.cmsNavigationBox a {
    display:            block;
    padding:            0 15px;
    line-height:        20px;
    background-color:   #D0D5D9;
    border-left:        1px solid #000000;
    border-bottom:      1px solid #000000;
}

ul.navigationBox a:hover, ul.cmsNavigationBox a:hover {
    display:            block;
    padding:            0 15px;
    line-height:        20px;
    border-left:        1px solid #000000;
    border-bottom:      1px solid #000000;
    background-color:   #ffffff;
}

ul.navigationBox li, ul.cmsNavigationBox  li {
    float:              right;
}


/***************************** Boxengrundformate ***********************/

div.kategorieNavigation, div.meinKonto, div.suchBox, div.herstellerBox, div.angebotBox, div.empfehlenBox, div.newsletterBox, div.counterBox, div.sprachBox, div.partnerBox, div.warenkorbBox, div.katalogBox, div.bestsellerBox {
    width:              170px;
    margin-bottom:      7px;
}

div.kategorieNavigation h2, div.meinKonto h2, div.suchBox h2, div.herstellerBox h2, div.angebotBox h2, div.empfehlenBox h2, div.newsletterBox h2, div.counterBox h2, div.sprachBox h2, div.partnerBox h2, div.warenkorbBox h2, div.katalogBox h2, div.bestsellerBox h2 {
    height:             20px;
    line-height:        20px;
    color:              #ffffff;
    text-indent:        10px;
    background-color:   #6D808F;
    font-size:          11px;
}

div.kategorieNavigation ul, div.meinKonto ul, div.angebotBox ul {
    list-style:         none;
}

div.kategorieNavigation li, div.meinKonto li, div.angebotBox li {
    width:              170px;
    height:             17px;
    line-height:        17px;
    text-indent:        10px;
    background-color:   #D0D5D9;
    border-bottom:      1px solid #6D808F;
    border-top:         1px solid #ffffff;
    text-align:         left;
}

div.kategorieNavigation li a, div.meinKonto li a, div.angebotBox li a {
    color:              #0D141C;
    text-decoration:    none;
}

div.kategorieNavigation li a:hover, div.meinKonto li a:hover, , div.angebotBox li a:hover {
    background-color:   #D0D5D9;
    color:              #0D141C;
    text-decoration:    underline;
}

div.kategorieNavigation li.secondNavigation {
    text-indent:        20px;
}

div.kategorieNavigation li.thirdNavigation {
    text-indent:        30px;
}


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

div.meinKonto fieldset {
    border:             0px;
    padding-left:       10px;
    padding-top:        5px;
    text-align:         left;
}

div.meinKonto fieldset input {
    width:              150px;
    height:             18px;
}

div.meinKonto fieldset span input {
    width:              74px;
    margin-top:         3px;
}


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

div.suchBox fieldset {
    border:             solid 0 transparent;
    padding-top:        5px;
    padding-left:       10px;
    text-align:         left;
    text-indent:        10px;
}

div.suchBox fieldset select {
    width:              150px;
    display:            block;
    margin-bottom:      2px;
}

div.suchBox fieldset input {
    width:              115px;
    height:             18px;
    float:              left;
}

div.suchBox fieldset span input {
    position:           relative;
    top:                2px;
    width:              30px;
    height:             20px;
    margin-left:        2px;
    margin-top:         -2px;
}


/* *********************** Hersteller *********************** */

div.herstellerBox fieldset {
    border:             0px;
    padding-top:        5px;
    padding-left:       10px;
    text-align:         left;
    text-indent:        10px;
}

div.herstellerBox select {
    width:              150px;
    display:            block;
}



/* *********************** Aufbau Weiter empfehlen *********************** */

div.empfehlenBox span {
    display:            block;
    padding-left:       10px;
    line-height:        20px;
    text-align:         left;
    background-color:   #EDEFF0;
}



/* *********************** Aufbau Newsletter *********************** */

div.newsletterBox fieldset {
    border:             0px;
    padding-top:        5px;
    padding-left:       10px;
    text-align:         left;
}

div.newsletterBox fieldset input {
    width:              150px;
    height:             18px;
}

div.newsletterBox fieldset span input {
    width:              74px;
    margin-top:         2px;
}

div.newsletterBox p {
    font-weight:        bold;
}


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

div.counterBox h4 {
    display:            block;
    text-indent:        10px;
    text-align:         left;
    font-weight:        normal;
    font-size:          11px;
    line-height:        17px;
    background-color:   #EDEFF0;
}


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

div.sprachBox span {
    display:            block;
    text-indent:        10px;
    text-align:         left;
    font-weight:        normal;
    line-height:        17px;
    font-size:          11px;
    padding-top:        5px;
}


/*********************** Aufbau Partnerprogramm ************************* */

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



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

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


/*********************** Aufbau PDF Katalog ************************* */

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


/*********************** Aufbau Bestsellerliste ************************* */

div.bestsellerBox ol {
    width:              155px; 
    position:           relative; 
    list-style:         none;
    left:               10px;
    text-decoration:    none;
    color:              #6D808F;
}

div.bestsellerBox li {
    width:              155px; 
    text-decoration:    none;
    text-align:         left;
    padding-bottom:     5px;
}