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

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

.bannerPosition {
        position:                        absolute;
        top:                                5px;
        left:                                460px;
        z-index:20;
}

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

}

#eyecatcher2 {

}


/**************************** Fuss Navigation **************************/


ul.navigationBox{
        margin:                                0;
        padding:                        0;
        list-style:                        none;
position:absolute;
left:250px;
top:5px;
}

ul.navigationBox a{
        display:                        block;
        padding:                        0 15px;
        line-height:                20px;
color:#ffffff;
font-size:9px;
}


ul.navigationBox li{
float:left;
}



/**************************** Top Navigation unter Banner **************************/


ul.navigationBoxKopf{
        margin:                                0;
        padding:                        0;
        list-style:                        none;
position:absolute;
left:483px;
top:65px;
z-index:10;
height:15px;
}

ul.navigationBoxKopf a{
        display:                        block;
        padding:                        0 15px;
        line-height:                13px;
color:#ffffff;
font-size:9px;
}


ul.navigationBoxKopf li{
float:left!important;
}
















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

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.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.cmsNavigationBox  li {
        float:                                right;
}







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

div.kategorieNavigation,  div.tabakweltBox, div.kategorieNavigationService, div.versandkostenBox, div.meinKonto,  div.herstellerBox, div.angebotBox, div.empfehlenBox, div.newsletterBox, div.counterBox, div.sprachBox, div.ermuri, div.sicherheit, div.partnerBox, div.katalogBox, div.bestsellerBox {
        width:                                142px;
        margin-bottom:                7px;
border-bottom:                1px solid #ffffff;
}





div.kategorieNavigation h2, div.tabakweltBox h2, div.ermuri h2, div.sicherheit h2,  div.herstellerBox h2, div.versandkostenBox h2, div.angebotBox h2, div.empfehlenBox h2, div.newsletterBox h2, div.counterBox h2,  div.partnerBox h2 {
        height:                                30px;
        line-height:                30px;
        color:                                #ffffff;
        text-indent:                10px;
        background-color:        #6D808F;
text-align:center;
border-bottom:                1px solid #000000;
border-top:                1px solid #000000;
        font-size:                        14px;
background-image: url(../images/headlines.jpg);
}


div.katalogBox h2, div.meinKonto h2, div.bestsellerBox h2, div.sprachBox h2, div.kategorieNavigationService h2 {
        height:                                30px;
        line-height:                30px;
        color:                                #ffffff;
text-align:center;
        background-color:        #6D808F;
border-bottom:                1px solid #000000;
border-top:                1px solid #000000;
        font-size:                        14px;
background-image: url(../images/headlines2.jpg);
}

div.kategorieNavigation h2, div.versandkostenBox h2 {
border-top:                0px solid #000000;
}






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

div.kategorieNavigation li, div.tabakweltBox li, div.kategorieNavigationService li, div.meinKonto li, div.angebotBox li {
        width:                                142px;
        padding:                        0px;
        margin:                                0px;
        line-height:                17px;
        background-color:        #4C7DB2;
        border-bottom:                 1px solid #2C44A1;
        border-top:                        1px solid #5D99DA;
        text-align:                        left;
text-indent:                10px;
}

div.kategorieNavigation[class] li, div.tabakweltBox[class] li, div.kategorieNavigationService[class] li,  div.meinKonto[class] li, div.angebotBox[class] li {
        width:                                142px;
}

div.kategorieNavigation li a, div.tabakweltBox li a, div.kategorieNavigationService li a, div.meinKonto li a, div.angebotBox li a {
        color:                                #ffffff;
        text-decoration:        none;
}

div.kategorieNavigation li a:hover, div.tabakweltBox li a:hover, div.kategorieNavigationService li a:hover, div.meinKonto li a:hover, , div.angebotBox li a:hover {
text-decoration:underline!important;
}

.kategorieUlNavigation a:hover, .tabakweltBox a:hover, .meinKonto a:hover{
text-decoration:underline;
}






div.kategorieNavigation li.secondNavigation {
        background-color:        #5C95D3;
        text-indent:                15px;
}

div.tabakweltBox li.secondNavigation {
        background-color:        #5C95D3;
        text-indent:                15px;
}

div.kategorieNavigation li.thirdNavigation {
        text-indent:                20px;
        background-color:        #68AAF0;


}

div.tabakweltBox li.thirdNavigation {
        text-indent:                20px;
        background-color:        #68AAF0;


}



div.kategorieNavigationService li.secondNavigation {
        background-color:        #5C95D3;
        text-indent:                15px;
}

div.kategorieNavigationService li.thirdNavigation {
        text-indent:                20px;
        background-color:        #68AAF0;
}

.kategorieNavigationService a:hover{
text-decoration:underline!important;
}


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

div.meinKontoLink{
text-align:left;
position:absolute;
left:580px;
top:0px;
height:30px;
width:90px;
background-color:        #60A1E7;
}

div.meinKontoLink a{
color:#ffffff;
font-weight:bold;
font-family:verdana;
font-size:14px;
display:block;
height:30px;
line-height:30px;
}


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  {
background-color:#60A1E7;
width:360px;
border-left:1px solid #60A1E7;
border-top:1px solid #60A1E7;
border-bottom:1px solid #60A1E7;
border-right:1px solid #4C7DB2;
position:absolute;
height:18px;
left:0px;
top:5px;
}



div.suchBox input {
width:                                90px;
height:                                18px;
border:                 1px solid #2C44A1;
background-color:#9EC3F7;
float:left;
font-family:arial;
font-size:12px;
padding:0px!important;
margin:0px!important;
}

div.suchBox select {
width:                                125px;
margin-bottom:                0px;
border: 1px solid #2C44A1!important;
background-color:#9EC3F7!important;
float:left;
height:18px;
font-family:verdana;
font-size:12px;
line-height:10px;
margin-left:3px;
padding:0px!important;
}


* html div.suchBox select {
background-color:none!important;
}




div.suchBox span input {
        position:                         relative;
        width:                                34px;
        height:                                18px;
float:left;
font-size:14px;
background-color:#60A1E7;
border:1px solid #60A1E7;
color:#ffffff;
font-weight:bold;
font-family:verdana;
cursor:pointer;
padding:0px!important;
}

div.suchBox  a{
color:#ffffff;
}

.ersuche{
color:#ffffff;
display:block;
float:right;
width:100px;
font-size:11px;
font-family:arial;
padding:0px!important;
margin-top:3px;
}

/* *********************** Ermuri *********************** */

div.ermuri{
background-color:#4C7DB2;
height:185px;
width:142px;
}

div.ermuri img{
margin:10px 10px 10px 10px;
}

.ermuri_schrift {
font-size:10px;
color:#ffffff;
padding-left:20px;
margin-bottom:5px;
}

/* *********************** Sicherheit *********************** */

div.sicherheit{
background-color:#4C7DB2;
height:250px;
width:142px;
}

div.sicherheit img{
margin:10px 10px 10px 10px;
}

.sicherheit_schrift {
font-size:10px;
color:#ffffff;
padding-left:20px;
margin-bottom:5px;
}

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

.newsletter_text{
display:block;
margin:0px 0px 10px 0px;
}

.newsletter_input {
width:300px!important;
}


.newsletter_input input{
width:200px!important;
padding:2px;
margin-right:20px;
}

.newsletter_anmelden input, .newsletter_abmelden input{
width:80px!important;
padding:1px;
}


/*********************** 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 {
text-align:left;
position:absolute;
border-left:1px solid #60A1E7;
border-top:1px solid #60A1E7;
border-bottom:1px solid #60A1E7;
border-right:1px solid #4C7DB2;
left:375px;
top:5px;
height:18px;
width:195px;
background-color:#60A1E7;
}

.warenkorbartikel{
color:#ffffff;
font-family:arial;
font-size: 13px;
display:block;
height:18px;
line-height:18px;
float:left;
width:70px;
}

div.warenkorbBox a{
color:#ffffff;
font-size:14px;
font-weight:bold;
font-family:verdana;
display:block;
height:18px;
line-height:18px;
float:left;
margin-left:3px;
}



a.warenkorbbild{
display:block;
float:left;
height:18px!important;
}



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

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


/*********************** Info Box ************************* */
div.versandkostenBox {
background-color:#4C7DB2;
}

div.versandkostenBox ul{
position:                        relative;
list-style:                        none;
text-decoration:        none;
color:                                #ffffff;
background-color:#4C7DB2;
list-style-position:outside;
padding-left:10px;
padding-right:5px;
padding-top:10px;
padding-bottom:10px;
font-size:10px;
}

div.versandkostenBox a{
color:#ffffff;
}




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

div.bestsellerBox ol {

        position:                        relative;
        list-style:                        decimal;
        text-decoration:        none;
        color:                                #ffffff;
background-color:#4C7DB2;
list-style-position:outside;
padding-left:33px;
padding-right:8px;
padding-top:10px;
padding-bottom:10px;
}

div.bestsellerBox li {
        text-decoration:        none;
        text-align:                        left;
        padding-bottom:                10px;
        border-bottom:0px solid #2C44A1;
border-top: 0px solid #5D99DA;
}



div.bestsellerBox li a{
color:#ffffff;

}