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

.logoPosition {
	position: absolute;
	left: 240px;
	top: 0px;
	z-index: 1;
	border-top: medium solid black;
}

.bannerPosition {
	position: absolute;
	top: 137px;
	left: 260px;
}

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

}

#eyecatcher2 {

}


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

ul.navigationBox {
	position: absolute;
	top: 100px;
	left: 230px;
	margin: 0;
	padding: 0;
	list-style: none;
	width: 700px;
}

ul.navigationBox a {
	display: block;
	padding-bottom: 1px;
	margin-left: 20px;
	color: #A90017;
	font-size: 13px;
}

ul.navigationBox a:hover {
        display:                        block;
        padding-bottom:                1px;
        margin-left:                20px;
        border-bottom:                3px solid #3D3D3D;
}

ul.navigationBox li {
        float:                                right;
}



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

ul.navigationFooterBox {
	position: absolute;
	top: 10px;
	left: 180px;
	width: 750px;
	text-align: right;
	z-index: 5;
	margin: 0;
	padding: 0;
	list-style: none;
}

ul.navigationFooterBox a {
        margin-left:                5px;
        color:                                #ffffff;
        font-size:                        11px;
}

ul.navigationFooterBox a:hover {
        color:                                #03729F;
}

ul.navigationFooterBox li {
        float:                                right;
        color:                                #ffffff;
}


/* *********************** Aufbau Artikel Kategorien ******************** */

div.kategorieNavigation {
	background-image: url(../../../../../templates/standard/design/gruen/images/X_navbox2_top.gif);
	background-repeat: no-repeat;
	width: 220px;
	margin-top: 0px;
	background: #CCFFCC;
	font-size: 11px;
}

div.kategorieNavigation span {
        display:                        block;
}

div.kategorieNavigation h2 {
	color: #3D3D3D;
	padding-left: 10px;
	padding-top: 5px;
	margin: 0;
	margin-bottom: 8px;
	font-weight: normal;
	text-transform: uppercase;
	background-image: url(../../../../../templates/standard/design/gruen/images/head_back_H2.gif);
	background-repeat: repeat; /*	background-position: 2px 8px; */
	font-size: 11px;
	background-color: #66CDAA;
	height: 17px;
}

div.kategorieNavigation ul {
        list-style:                        none;
        margin:                                0;
        padding:                        0;
        margin-left:                10px;
}

div.kategorieNavigation li {
	display: block;
	background-image: url(../../../../../templates/standard/design/gruen/images/X_navbox_pfeil.gif);
	background-repeat: no-repeat;
	background-position: -6px 8px;
	line-height: 17px;
}

div.kategorieNavigation li.highlight {
	background-image: 	url(../images/X_navbox_pfeil_on.gif);
}

div.kategorieNavigation li.highlight a {
	color:				#D66C00;
}

div.kategorieNavigation li a {
	display: block;
	width: 200px;
	margin-bottom: 1px;
	color: #A90017;
	border-bottom: thin solid Silver;
}

div.kategorieNavigation li a:hover {
	background-color: #66CDAA;
	background-image: url(../../../../../templates/standard/design/gruen/images/head_back_ahover.gif);
}

div.kategorieNavigation li.secondNavigation {
	text-indent: 5px;
	line-height: 17px;
	background-position: -6px 2px;
	font-size: 11px;
}

div.kategorieNavigation li.highlightSub a {
	color:				#D66C00;
}

div.kategorieNavigation li.thirdNavigation {
        text-indent:                20px;
		  line-height: 17px;
}


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

div.meinKonto {
	position: absolute;
	left: 538px;
	top: 105px;
	width: 400px;
	margin: 0;
	padding: 0;
	z-index: 10;
	height: 15px;
}

div.meinKonto h2 {
	color: #3D3D3D;
	font-weight: bold;
	font-size: 12px;
	background-image: url(../../../../../templates/standard/design/gruen/images/X_top_menue_back.gif);
	background-repeat: no-repeat;
	width: auto;
	height: 15px;
	text-align: left;
	line-height: 15px;
	margin: 0px 25px 0px 25px;
	float: right;
}

div.meinKonto h2 a {
        color:                                #3D3D3D;
}

div.meinKonto ul {
        list-style:                        none;
        margin:                                0;
        padding:                        0;
        margin-left:                10px;
}

div.meinKonto ul li {
	float: right;
	background-image: url(../../../../../templates/standard/design/gruen/images/X_top_menue_back.gif);
	background-repeat: no-repeat;
	width: auto;
	height: 15px;
	text-align: left;
	line-height: 15px;
	margin-left: 50px;
}

div.meinKonto ul li a {
	display: block;
	color: #3D3D3D;
	margin-bottom: 6px;
	font-size: 12px;
	font-weight: bold;
}



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/gruen/images/X_navbox4_top.gif);
	background-repeat: no-repeat;
	width: 220px;
	margin-top: 5px;
	background-color: #CCFFCC;
}

div.angebotBox span {
        display:                        block;
}

div.angebotBox h2 {
	color: #3D3D3D;
	padding-left: 10px;
	padding-top: 5px;
	margin: 0;
	margin-bottom: 5px;
	font-weight: normal;
	text-transform: uppercase;
	background-image: url(../../../../../templates/standard/design/gruen/images/head_back_H2.gif);
	background-repeat: repeat;
	font-size: 11px;
	background-color: #66CDAA;
	height: 16px;
}

div.angebotBox ul {
        list-style:                        none;
        margin:                                0;
        padding:                        0;
        margin-left:                10px;
}

div.angebotBox li {
        display:                        block;
}

div.angebotBox li a {
	display: block;
	width: 200px;
	margin-bottom: 0px;
	color: #A90017;
	height: 17px;
	line-height: 17px;
	text-decoration: none;
	text-indent: 10px;
	padding-bottom: 2px;
}

div.angebotBox li a:hover {
	background-image: url(../../../../../templates/standard/design/gruen/images/head_back_ahover.gif);
	background-repeat: repeat-x;
}

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

div.suchBox {
	position: absolute;
	top: 95px;
}

div.suchBox h2 {
        display:                        none;
}

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

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

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

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:                                #ffffff;
        font-size:                        16px;
}

div.suchBox fieldset a {
        display:                        block;
        color:                                #A90017;
        font-size:                        10px;
        text-indent:                0;
        clear:                                both;
        position:                        relative;
        top:                                -2px;
}


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

div.herstellerBox{
	background-image: url(../../../../../templates/standard/design/gruen/images/X_navbox1_top.gif);
	background-repeat: no-repeat;
	width: 160px;
	margin: 0;
	padding: 0;
	margin-top: 0px;
	background-color: #CCFFCC;
}

div.herstellerBox h2 {
	color: #3D3D3D;
	padding-left: 10px;
	margin: 0;
	margin-bottom: 8px;
	padding-top: 5px;
	font-weight: normal;
	text-transform: uppercase;
	background-image: url(../../../../../templates/standard/design/gruen/images/head_back_H2.gif);
	background-repeat: repeat;
	font-size: 11px;
	background-color: #66CDAA;
	height: 16px;
}

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/gruen/images/X_navbox_pfeil.gif);
        background-repeat:         no-repeat;
        background-position:-5px 2px;
        color:                                #0063AB;
        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:                                140px;
        display:                        block;
}



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

div.empfehlenBox {
	background-image: url(../../../../../templates/standard/design/gruen/images/X_navbox1_top.gif);
	background-repeat: no-repeat;
	width: 160px;
	margin: 0;
	padding: 0;
	margin-top: 5px;
	background-color: #CCFFCC;
}

div.empfehlenBox span {
        display:                        block;
}

div.empfehlenBox h2 {
	color: #3D3D3D;
	padding-left: 10px;
	margin: 0;
	margin-bottom: 8px;
	padding-top: 5px;
	font-weight: normal;
	text-transform: uppercase;
	background-image: url(../../../../../templates/standard/design/gruen/images/head_back_H2.gif);
	background-repeat: repeat;
	font-size: 11px;
	background-color: #66CDAA;
	height: 16px;
}

div.empfehlenBox a {
        display:                        block;
        width:                                150px;
        position:                        relative;
        left:                                10px;
        font-size:                        11px;
}


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

div.newsletterBox {
	background-image: url(../../../../../templates/standard/design/gruen/images/X_navbox3_top.gif);
	background-repeat: no-repeat;
	background-color: #CCFFCC;
	width: 220px;
}

div.newsletterBox span {
        display:                        block;
        width:                                155px;
}

div.newsletterBox h2 {
	color: #3D3D3D;
	padding-left: 10px;
	margin: 0;
	margin-bottom: 8px;
	margin-top: 0px;
	padding-top: 5px;
	font-weight: normal;
	text-transform: uppercase;
	background-image: url(../../../../../templates/standard/design/gruen/images/head_back_H2.gif);
	background-repeat: repeat;
	font-size: 11px;
	background-color: #66CDAA;
	height: 16px;
}

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

div.newsletterBox fieldset input {
        width:                                150px;
        height:                                14px;
        color:                                #A90017;
        border:                                1px solid #D6DADC;
}

div.newsletterBox fieldset span input {
        width:                                75px;
        margin-top:                        2px;
        height:                                17px;
        float:                                left;
        margin-right:                2px;
        border:                                1px solid #D6DADC;
}

div.newsletterBox p {
        position:                        relative;
        top:                                5px;
        font-weight:                bold;
        color:                                red;
        font-size:                        10px;
}


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

div.footer div div.counterBox {
        background-image:        url(../../../../../images/trans.gif);
        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:                                118px;
        left:                                915px;
}

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/gruen/images/navbox3_top.gif);
        background-repeat:         no-repeat;
        margin:                                0;
        padding:                        0;
        margin-top:                        15px;
}

div.partnerBox span {
        display:                        block;
}

div.partnerBox h2 {
        color:                                #8C6635;
        padding-left:                10px;
        margin:                                0;
        margin-bottom:                8px;
        padding-top:                5px;
        font-weight:                normal;
        text-transform:                uppercase;
        background-image:         url(../../../../../templates/standard/design/gruen/images/navbox3_headline.gif);
        background-repeat:         no-repeat;
        background-position:15px 8px;
        font-size:                        14px;
}

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 {
	position: absolute;
	left: 760px;
	background-image: url(../../../../../templates/standard/design/gruen/images/X_navbox3_top.gif);
	background-repeat: no-repeat;
	margin: 0;
	padding: 0;
	margin-top: -76px;
	background-color: #CCFFCC;
	width: 180px;
}

div.warenkorbBox span {
        display:                        block;
}

div.warenkorbBox h2 {
	color: #3D3D3D;
	padding-left: 10px;
	margin: 0;
	margin-bottom: 8px;
	padding-top: 5px;
	font-weight: normal;
	text-transform: uppercase;
	background-image: url(../../../../../templates/standard/design/gruen/images/head_back_H2.gif);
	background-repeat: repeat;
	font-size: 11px;
	background-color: #66CDAA;
	height: 16px;
}

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

div.warenkorbBox h4 a {
        display:                        block;
        color:                                #A90017;
        font-weight:                bold;
        margin-top:                        5px;
        margin-bottom:                5px;
        font-size:                        12px;
}

div.warenkorbBox small {
        display:                        block;
        text-indent:                10px;
        margin-bottom:                5px;
}


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

div.katalogBox {
	background-image: url(../../../../../templates/standard/design/gruen/images/X_navbox1_top.gif);
	background-repeat: no-repeat;
	width: 160px;
	margin: 0;
	padding: 0;
	margin-top: 5px;
	background-color: #CCFFCC;
}

div.katalogBox span {
        display:                        block;
}

div.katalogBox h2 {
	color: #3D3D3D;
	padding-left: 10px;
	margin: 0;
	margin-bottom: 8px;
	padding-top: 5px;
	font-weight: normal;
	text-transform: uppercase;
	background-image: url(../../../../../templates/standard/design/gruen/images/head_back_H2.gif);
	background-repeat: repeat;
	font-size: 11px;
	background-color: #66CDAA;
	height: 16px;
}

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




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

div.bestsellerBox {
	background-image: url(../../../../../templates/standard/design/gruen/images/X_navbox3_top.gif);
	background-repeat: no-repeat;
	background-color: #CCFFCC;
}

div.bestsellerBox span {
        display:                        block;
}

div.bestsellerBox h2 {
	color: #3D3D3D;
	padding-left: 10px;
	margin: 0;
	margin-bottom: 8px;
	margin-top: 5px;
	padding-top: 5px;
	font-weight: normal;
	text-transform: uppercase;
	background-image: url(../../../../../templates/standard/design/gruen/images/head_back_H2.gif);
	background-repeat: repeat;
	font-size: 11px;
	background-color: #66CDAA;
	height: 16px;
}

div.bestsellerBox ol {
        position:                         relative;
        list-style:                 decimal;
        text-decoration:         none;
        list-style-position:outside;
        margin:                                0;
        padding-left:                30px;
        padding-right:                8px;
        color:                                #3d3d3d;
}

div.bestsellerBox li {
	text-decoration: none;
	text-align: left;
	padding-bottom: 10px;
	font-size: 11px;
	border-bottom: thin solid Silver;
}

div.bestsellerBox a {
	display: block;
	height: 28px;
	overflow: hidden;
}

div.bestsellerBox strong {
        display:                        block;
        xtext-align:                        right;
        color:                                #3d3d3d;
}




/******** Select Box Style Dojo *************/

/*** Allgemein Selectbox ***/
.tundra .dijitComboBox {
        width:                                160px;
        float:                                left;
        color:                                #518412;
        font-family:                verdana;
        font-size:                        11px;
        height:                                16px;
        text-indent:                10px;
        margin-right:                3px;
}

/*** Eingabefeld ***/
.tundra .dijitComboBox .dijitButtonNode {
        padding:                        0;
        background:                        #FFFFFF url(../../../../../images/trans.gif) repeat-x scroll left bottom;
        border:                                0;
}

/*** Audgeklappte Selectbox ***/

.tundra .dijitMenu {
        border:                                1px solid #30B5EE;
        margin:                                0;
        padding:                        0;
        color:                                #518412;
        font-size:                        11px;
        line-height:                18px;
}

.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 scroll left top;
        border:                                1px solid #6D808F;
        line-height:                normal;
}

/*** Dropdown Fileimage ***/
.tundra .dijitComboBox .dijitArrowButton .dijitArrowButtonInner {
        background-attachment:scroll;
        background-image:        url(../../../../../templates/standard/design/gruen/images/dropdown_file.gif);
        background-position:center center;
        background-repeat:        no-repeat;
        font-size:                        inherit;
        height:                                auto;
}


.tundra .rahmenDropdownLang {
        width:                                291px;
}

.infoBox {
	background-repeat: repeat;
	border-top: 5px solid #ffffff;
	background-color: #CCFFCC;
	padding-left: 10px;
	width: 210px;
}


span.infoFormatHeadline {
	background-image: url(../../../../../templates/standard/design/gruen/images/head_back_H2.gif);
	display: block;
	height: 18px;
	color: #3D3D3D;
	padding-left: 10px;
	padding-top: 3px;
	background-color: #66CDAA;
	margin-left: -10px;
}

.infoFormat {
	display: block;
	text-indent: 0px;
	text-align: left;
	font-weight: normal;
	line-height: 20px;
	font-size: 11px;
}

.cmsNavigationText a {
	width: 190px;
	height: 17px;
	line-height: 17px;
	color: #A90017;
	text-decoration: none;
	text-indent: 0px;
	text-align: left;
	display: block;
	border-bottom: thin solid Silver;
	padding-left: 10px;
}

.cmsNavigationText a:hover {
	width: 190px;
	height: 17px;
	line-height: 17px;
	text-decoration: none;
	text-indent: 0px;
	text-align: left;
	display: block;
	background-color: #66CDAA;
	background-image: url(../../../../../templates/standard/design/gruen/images/head_back_ahover.gif);
}