/* *********************** Aufbau des Headers *********************** */

.logoPosition {
        position:                        absolute;
        left:                                0px;
        top:                                0px;
        z-index:                        1;
}

.bannerPosition {
        position:                        absolute;
        top:                                0px;
        left:                                415px;
}

/******** Platz fuer Alternative Bildinhalte oder Backgrounds **********/
#eyecatcher {
}

#eyecatcher2 {

}


/**************************** Top Navigation **************************/

ul.navigationBox {
        position:                        absolute;
        top:                                192px;
        line-height:						25px;
        margin:                                0;
        padding:                        0;
        list-style:                        none;
        width:                                980px;
background-color:                        #333333;
}

ul.navigationBox a {
        display:                        block;
        padding-bottom:                1px;
        margin-left:                21px;
		margin-right:				5px;	
        color:                           #EEEEEE;
        font-size:                        12px;
        font-weight:                    normal;
}

ul.navigationBox a:hover{
        display:                      block;
        padding-bottom:               1px;
        margin-left:                  21px;
        color:                        #F4CE35;

}

ul.navigationBox li {
        float:                                right;

}



/**************************** Footer Navigation **************************/

ul.navigationFooterBox {
        position:                        absolute;
        top:                             -10px;
        align:                                center;
        width:                                935px;
        display:                        block;
        z-index:                        5;
        color:                                #EEEEEE;
        margin:                                0;
        padding:                        0;
        list-style:                        none;
}

ul.navigationFooterBox a {
        margin-left:                5px;
        color:                             #EEEEEE;
        font-size:                        11px;



}

ul.navigationFooterBox a:hover {
        text-decoration:                        underline;
}

ul.navigationFooterBox li {
        float:                               right;
        color:                                #EEEEEE;



}


/* *********************** Aufbau Artikel Kategorien ******************** */

div.kategorieNavigation {
       /* background-image:         url(../../../../../templates/standard/design/rot/images/navbox2_top.gif);
        background-repeat:         no-repeat;*/
        width:                                200px;
        margin-top:                        15px;
        background-color:                #666666;

}

div.kategorieNavigation span {
        display:                        block;
}

div.kategorieNavigation h2 {
        color:                                #FFFFFF;
        padding-left:                10px;
        padding-top:                5px;
        margin:                                0;
        margin-bottom:                5px;
        font-size:                        14px;
        font-weight:                bold;
        text-transform:                uppercase;

}

div.kategorieNavigation ul {
        list-style:                        none;
        margin:                                0;
        padding:                        0;
        margin-left:                10px;

}

div.kategorieNavigation li {
        display:                        block;
        background-image:         url('../../../../../templates/standard/design/lila/images/navbox_pfeil.gif');
        background-repeat:         no-repeat;
        background-position: -6px 8px;
        line-height:                22px
}

div.kategorieNavigation li a {
        display:                        block;
        width:                                180px;
        margin-bottom:                5px;
        color:                                #FFFFFF;
}

div.kategorieNavigation li.secondNavigation {
        text-indent:                20px;
        line-height:                13px;
        font-size:                        11px;
        background-position:-6px 2px;
}

div.kategorieNavigation li.thirdNavigation {
        text-indent:                30px;
}




/* *********************** Aufbau Mein Konto *********************** */

div.meinKonto {
        position:                        absolute;
        left:                                415px;
        top:                                35px;
        width:                                350px;
        margin:                                0;
        padding:                        0;
        z-index:                        10;
}

div.meinKonto h2 {
        color:                                #eeeeee;
        margin:                                0;
        font-weight:                         normal;
        font-size:                           12px;
        float:                                right;
}

div.meinKonto h2 a {
        display:                        block;
        padding-bottom:                1px;
        margin-left:                20px;
        color:                                #eeeeee;
}

div.meinKonto h2 a:hover {
color:                        #F4CE35;
}


div.meinKonto ul {
        list-style:                        none;
        margin:                                0;
        padding:                        0;
        margin-left:                10px;
}

div.meinKonto ul li {
        float:                                right;
}

div.meinKonto ul li a {
        display:                        block;
        display:                        block;
        padding-bottom:                1px;
        margin-left:                20px;
        color:                                #eeeeee;
        margin-bottom:                6px;
        font-size:                        12px;
}

div.meinKonto ul li a:hover {
color:                        #F4CE35;
}


/* Alternative Anmeldung direkt mit Feldern für Email und Passwort*/

div.meinKonto fieldset {
        display:                       none;
        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;
}







/* *********************** Aufbau Angebote Aktionen ******************** */

div.angebotBox {
        /*background-image:         url(../../../../../templates/standard/design/rot/images/navbox4_top.gif);
        background-repeat:         no-repeat;*/
        width:                                200px;
        margin-top:                        15px;
		padding-bottom:					1px;
        background-color:                #666666;
}

div.angebotBox span {
        display:                        block;
}

div.angebotBox h2 {
        color:                                #FFFFFF;
        padding-left:                10px;
        padding-top:                5px;
        margin:                                0;
        margin-bottom:                5px;
        font-size:                        14px;
        font-weight:                bold;
        text-transform:                uppercase;
}

div.angebotBox ul {
        list-style:                        none;
        margin:                                0;
        padding:                        0;
        margin-left:                10px;
}

div.angebotBox li {
        display:                        block;
        background-image:         url('../../../../../templates/standard/design/lila/images/navbox_pfeil.gif');
        background-repeat:         no-repeat;
        background-position: -6px 4px;
}

div.angebotBox li a {
        display:                        block;
        width:                                180px;
        margin-bottom:                5px;
		  color:                                #FFFFFF;
}



/* *********************** Suche Formatierung *********************** */

div.suchBox {
        position:                        absolute;
        top:                                196px;
        z-index:                                6;

}

div.suchBox h2 {
        display:                        none;
}

div.suchBox fieldset {
        border:                                0px solid transparent;
        padding-top:                2px;
        padding-left:                0px;
        text-align:                        left;
        text-indent:                10px
}

div.suchBox fieldset select {
        width:                                100px;
        height:                                14px;
        float:                                left;
        margin-right:                5px;
}

div.suchBox fieldset input {
        width:                                92px;
        height:                                12px;
        float:                                left;
}

div.suchBox fieldset span input {
        position:                         relative;
        top:                                2px;
        width:                                33px;
        height:                                14px;
        margin-top:                       -2px;
        border:                                0px none;
        background-color:        transparent;
        color:                                #EEEEEE;
        font-size:                        11px
}

div.suchBox fieldset a {
        display:                        block;
        color:                                #EEEEEE;
        font-size:                        11px;
        text-indent:                0;
        clear:                                both;
        position:                        relative;
        top:                                -500px;
}


/* *********************** Hersteller *********************** */

div.herstellerBox{
        /*background-image:         url(../../../../../templates/standard/design/rot/images/navbox1_top.gif);
        background-repeat:         no-repeat;*/
        width:                                200px;
        margin:                                0;
        padding:                        0;
        margin-top:                        15px;
        background-color:                #666666;
}

div.herstellerBox h2 {
        color:                                #FFFFFF;
        padding-left:                10px;
        padding-top:                5px;
        margin:                                0;
        margin-bottom:                5px;
        font-size:                        14px;
        font-weight:                bold;
        text-transform:                uppercase;

}

div.herstellerBox ul {
        list-style:                        none;
        margin:                                0;
        padding:                        0;
        margin-left:                10px;
}

div.herstellerBox ul li a {
        display:                        block;
        background-image:         url('../../../../../templates/standard/design/lila/images/navbox_pfeil.gif');
        background-repeat:         no-repeat;
        background-position: -5px 2px;
        color:                                #FFFFFF;
        margin-bottom:                6px
}

div.herstellerBox span {
        display:                        block;
}

div.herstellerBox fieldset {
        border:                                0px;
        padding-top:                5px;
        padding-left:                10px;
        text-align:                        left;
        text-indent:                10px;
}

div.herstellerBox select {
        width:                                160px;
        display:                        block;
}



/* *********************** Aufbau Weiter empfehlen *********************** */

div.empfehlenBox {
        /*background-image:         url(../../../../../templates/standard/design/rot/images/navbox1_top.gif);
        background-repeat:         no-repeat;*/
        width:                                200px;
        margin:                                0;
        padding:                        0;
        margin-top:                        15px;
        background-color:                #666666;
}

div.empfehlenBox span {
        display:                        block;
}



div.empfehlenBox h2 {
        color:                                #FFFFFF;
        padding-left:                10px;
        padding-top:                5px;
        margin:                                0;
        margin-bottom:                5px;
        font-size:                        14px;
        font-weight:                bold;
        text-transform:                uppercase;

}

div.empfehlenBox a {
        display:                        block;
        background-image:         url('../../../../../templates/standard/design/lila/images/navbox_pfeil.gif');
        background-repeat:         no-repeat;
        background-position: -5px 3px;
        color:                           #FFFFFF;
        margin-top:                        0px;
        margin-bottom:                5px;
		padding-bottom:					5px;
        margin-left:                     10px;
        font-size:                        11px

}




/* *********************** Aufbau Newsletter *********************** */

div.newsletterBox {
        /*background-image:         url(../../../../../templates/standard/design/rot/images/navbox3_top.gif);
        background-repeat:         no-repeat;*/
        width:                                200px;
        margin:                                0;
        padding:                        0;
        margin-top:                        15px;
		padding-bottom:					5px;
        background-color:                #666666;
}

div.newsletterBox span {
        display:                        block;

}

div.newsletterBox h2 {
        color:                                #FFFFFF;
        padding-left:                10px;
        padding-top:                5px;
        margin:                                0;
        margin-bottom:                5px;
		padding-bottom:					5px;
        font-size:                        14px;
        font-weight:                bold;
        text-transform:                uppercase;
}

div.newsletterBox fieldset {
        border:                                0px;
        padding-left:                10px;
        width:                                180px;

}

div.newsletterBox fieldset input {
        width:                                150px;
        height:                                14px;
        color:                                #FFFFFF;
        border:                                1px solid #333333;
        margin-right:                1px;
        margin-left:                     1px;
        background-color:                        #666666;
        padding-left:            10px;


}

div.newsletterBox fieldset span input {
        width:                                80px;
        margin-top:                        2px;
        height:                                17px;
        float:                                left;
        font-weight:                     bold;
        padding-left:                 5px;
        margin-right:                1px;
        margin-left:                     1px;


}

div.newsletterBox p {
        position:                        relative;
        top:                                5px;
		padding-bottom:					5px;
        color:                                #B5f55a;
        font-size:                        10px;

}


/*********************** Aufbau Counter ************************* */

div.footer div div.counterBox {
        background-image:        url('http://www.kissel-weine.de/images/trans.gif%20/');
        position:                        absolute;
        top:                                8px;
        left:                                10px;
        text-align:                        left
}

div.counterBox strong {
        color:                                #ffffff;
}

div.counterBox h4 {
        display:                        block;
        text-align:                        left;
        font-weight:                normal;
        font-size:                        11px;
        line-height:                17px;
        margin:                                0;
        padding:                        0;
        color:                                #FFFFFF;
}

/*********************** Aufbau Sprachen ************************* */

div.sprachBox {
        position:                        absolute;
        top:                                215px;
        left:                                922px;
		
}

div.sprachBox h2 {
        display:                        none;
}

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 {
       /* background-image:         url(../../../../../templates/standard/design/rot/images/navbox3_top.gif);
        background-repeat:         no-repeat;*/
        background-color:                #666666;
        margin:                                0;
        padding:                        0;
        margin-top:                        15px;
}

div.partnerBox span {
        display:                        block;
}

div.partnerBox h2 {
        color:                                #FFFFFF;
        padding-left:                10px;
        padding-top:                5px;
        margin:                                0;
        margin-bottom:                5px;
        font-size:                        14px;
        font-weight:                bold;
        text-transform:                uppercase;
}

div.partnerBox h4 {
        display:                        block;
        text-indent:                10px;
        text-align:                        left;
        font-weight:                normal;
        line-height:                17px;
        font-size:                        11px;
        padding:                        0;
        margin:                                0;
}



/*********************** Aufbau Warenkorb ************************* */

div.warenkorbBox {
        /*background-image:         url(../../../../../templates/standard/design/rot/images/navbox3_top.gif);
        background-repeat:         no-repeat;*/
        width:                              200px;
        margin-top:                        15px;
        background-color:                #666666;
        }

div.warenkorbBox span {
        display:                        block;
}

div.warenkorbBox h2 {
        color:                                #FFFFFF;
        padding-left:                10px;
        padding-top:                5px;
        margin:                                0;
        margin-bottom:                5px;
        font-size:                        14px;
        font-weight:                bold;
        text-transform:                uppercase;
}

div.warenkorbBox h4 {
        display:                        block;
        color:                           #310404;
        text-indent:                10px;
        text-align:                        left;
        font-weight:                bold;
        line-height:                13px;
        font-size:                        11px;
        margin:                                0;
}

div.warenkorbBox h4 a {
        display:                        block;
        background-image:         url('../../../../../templates/standard/design/lila/images/navbox_pfeil.gif');
        background-repeat:         no-repeat;
        background-position: 5px 3px;
        color:                                #FFFFFF;
        font-weight:               normal;
        margin-top:                        5px;
        margin-bottom:                5px;
		padding-bottom:					5px;
        font-size:                        11px
}

div.warenkorbBox small {
        display:                        block;
        text-indent:                10px;
        margin-bottom:                5px;
}


/*********************** Aufbau PDF Katalog ************************* */

div.katalogBox {
        /*background-image:         url(../../../../../templates/standard/design/rot/images/navbox1_top.gif);
        background-repeat:         no-repeat;*/
        width:                                200px;
         margin-top:                        15px;
        background-color:                #666666;
}

div.katalogBox span {
        display:                        block;
}

div.katalogBox h2 {
        color:                                #FFFFFF;
        padding-left:                10px;
        padding-top:                5px;
        margin:                                0;
        margin-bottom:                5px;
		font-size:                        14px;
        font-weight:                bold;
        text-transform:                uppercase;
}

div.katalogBox h4 {
        display:                        block;
        color:                           #310404;
        text-indent:                10px;
        text-align:                        left;
        font-weight:                bold;
        font-size:                        11px;
        margin:                                0;
	
}


div.katalogBox h4 a {
        display:                        block;
        background-image:         url('../../../../../templates/standard/design/lila/images/navbox_pfeil.gif');
        background-repeat:         no-repeat;
        background-position: 5px 3px;
        color:                                #FFFFFF;
        font-weight:               normal;
        margin-top:                        5px;
        margin-bottom:                5px;
		padding-bottom:					5px;
       
        font-size:                        11px
}




/*********************** Aufbau Bestsellerliste ************************* */

div.bestsellerBox {
       /* background-image:         url(../../../../../templates/standard/design/lila/images/navbox_pfeil.gif);
        background-repeat:         no-repeat;   */
        width:                              200px;
        margin-top:                        15px;
        background-color:                #666666;
}

div.bestsellerBox span {
        display:                        block;
}

div.bestsellerBox h2 {
        color:                                #FFFFFF;
        padding-left:                10px;
        padding-top:                5px;
        margin:                                0;
        margin-bottom:                5px;
        font-size:                        14px;
        font-weight:                bold;
        text-transform:                uppercase;
}

div.bestsellerBox ol {
        position:                         relative;
        list-style:                 decimal;
        text-decoration:         none;
		font-size:					10px;
        list-style-position:outside;
        margin:                                0;
        padding-left:                30px;
        padding-right:                8px;
        color:                                #FFFFFF;
}

div.bestsellerBox li {
        text-decoration:         none;
        text-align:                 left;
        padding-bottom:         5px;
}

div.bestsellerBox a {
        
}

div.bestsellerBox strong {
        display:                        block;
        xtext-align:                        right;
        color:                                #FFFFFF;
}




/******** Select Box Style Dojo *************/

/*** Allgemein Selectbox ***/
.tundra .dijitComboBox {
        width:                                145px;
        float:                                left;
        color:                                #333333;
        font-size:                        12px;
        height:                                16px;
        text-indent:                3px;
        margin-left:                          5px;
        margin-bottom:                        3px;
}

/*** Eingabefeld ***/
.tundra .dijitComboBox .dijitButtonNode {
        padding:                        0;
        background:                        #FFFFFF url('http://www.kissel-weine.de/images/trans.gif%20/') repeat-x left bottom;
        border:                                0px none;
}

/*** Audgeklappte Selectbox ***/

.tundra .dijitMenu {
        border:                                1px solid #FFFFFF;
        margin:                                0;
        padding:                        0;
        color:                                #333333;
        font-size:                        11px;
        line-height:                16px;
}

.tundra .dijitMenuItem {
        background-color:        #ffffff;
        font-family:                sans-serif;
        margin:                                0;
}

.tundra .dijitMenuItem:hover {
        background-color:        #30B5EE;
}

/*** Ende Ausgeklappte Selectbox ***/

.tundra .dijitTextBox, .tundra .dijitComboBox, .tundra .dijitSpinner, .tundra .dijitTextArea, .tundra .dijitInlineEditor input {
        background:                        #FFFFFF url('images/validationInputBg.png') repeat-x left top;
        border:                                1px solid #FFFFFF;
        line-height:                normal
}

/*** Dropdown Fileimage ***/
.tundra .dijitComboBox .dijitArrowButton .dijitArrowButtonInner {
        background-attachment:scroll;
        background-image:        url('../../../../../templates/standard/design/lila/images/dropdown_file.gif');
        background-position: center;
        background-repeat:        no-repeat;
        font-size:                        inherit;
        height:                                auto
}


.tundra .rahmenDropdownLang {
        width:                                287px;
}