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

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

.bannerPosition {
        position:                        absolute;
        top:                                27px;
        left:                                415px;
}

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

}

#eyecatcher2 {

}


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

ul.navigationBox, ul.cmsNavigationBox {
        position:                            absolute;
        margin-top:                                  154px;
        margin-left:                                 0px;
        padding:                        5;
        list-style:                        none;
        text-decoration:            none
}

ul.navigationBox a, ul.cmsNavigationBox a {
        display:                        block;
        padding:                        0 6px;
        margin-left:                        2px;
        line-height:                20px;
        background-color:        #86F78B;
        border-left:                1px solid #000000;
        border-right:                1px solid #000000;
        border-top:                1px solid #000000;
        border-bottom:                1px solid #000000;
        border-color:                 #356A6A;
        border-style:                 solid;
        font-weight:                bold;
        text-decoration:            none;
}

ul.navigationBox a:hover, ul.cmsNavigationBox a:hover {
        display:                        block;
        margin-left:                        2px;
        padding:                        0 6px;
        line-height:                20px;
        border-left:                1px solid #000000;
        border-right:                1px solid #000000;
        border-top:                1px solid #000000;
        border-bottom:                1px solid #000000;
        border-color:                 #FF0000;
        border-style:                solid;
        background-color:        #D2FFDF;
        font-weight:                bold;
        text-decoration:            none;
}

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


/***************************** 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:        #4B8D5C;
        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:                                21px;
        line-height:                17px;
        text-indent:                5px;
        background-color:        #E6FFE7;
        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:                                #000000;
        text-decoration:        none;
}

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

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

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 a {
        text-decoration:                underline;
}

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:        #E6FFE7;
}

div.empfehlenBox span a {
        text-decoration: underline;

}


/* *********************** 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:        #E6FFE7;
}


/*********************** 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;
}

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


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

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

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


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

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

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