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

.logoPosition {
	display:none;
	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: 87px;
*/
	top: 150px;
/*
	left: 270px;
*/
	left: 0px;
	margin: 0;
	padding: 0;
	list-style: none;
/*
	width: 700px;
*/
	width: 960px;
	display:block;
	background-color:#600000;
	padding: 3px 10px;
}

ul.navigationBox a {
	display: block;
/*
	padding-bottom: 1px;
*/
	margin-left: 20px;
	/*color: #8D6828;*/
	color: #fff;
	font-size: 13px;
	padding-left:20px;
	border:none;
	border-left: 1px dotted #fff;
}

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

ul.navigationBox li {
	float: right;
}

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

ul.navigationFooterBox {
	position: absolute;
	top: 18px;
	/*left: 220px;*/
	right:10px;
	/*width: 770px;*/
	width: auto;
	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/designoffice/design/braun/images/navbox2_top.gif);
	background-repeat: no-repeat; 
	width: 200px;
	margin-top: 15px;
}

div.kategorieNavigation span {
	display: block;
}

div.kategorieNavigation h2 {
	/*color: #D66C00;*/
	color: #f4eee9;
	padding-left: 10px;
	padding-top: 5px;
	margin: 0;
	margin-bottom: 8px;
	font-weight: normal;
	text-transform: uppercase;
/*
	background-image: url(../../../../../templates/designoffice/design/braun/images/navbox2_headline.gif);
	background-repeat: no-repeat; 
	background-position:2px 8px;
*/
	font-size: 16px;
}

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

div.kategorieNavigation li {
	display: block;
	background-image: url(../images/navbox_pfeil.gif);
	background-repeat: no-repeat; 
	background-position:-6px 8px;
	line-height: 22px;
}

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

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

div.kategorieNavigation li a {
	display: block;
	width: 155px;
	margin-bottom: 5px;
	color: #8D6828;
}

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

div.kategorieNavigation li.secondNavigation {
	padding-left: 10px;
/*
	line-height: 13px;
	font-size: 11px;
*/
	line-height: 22px;
	font-size: 13px;
	background-position:-6px 2px;
}

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

div.kategorieNavigation li.thirdNavigation {
	padding-left: 20px;
	font-size: 11px;
}

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

div.meinKonto {
	position: absolute;
	left: 530px;
	top: 0px; 
	width: 450px;
	margin: 0;
	padding: 0;
	z-index: 10;
	height: 30px;
}

div.meinKonto h2 {
	color: #8D6828;
	margin: 0;
	font-weight: normal;
	font-size: 14px;
	float: right;
	background-image: url(../../../../../templates/designoffice/design/braun/images/top_menue_back.gif);
	background-repeat: no-repeat;
	width: 130px;
	height: 30px;
	text-align: center;
	line-height: 25px;
}

div.meinKonto h2 a {
	color: #8D6828;
}

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

div.meinKonto ul li {
	float: right;
	background-image: url(../../../../../templates/designoffice/design/braun/images/top_menue_back.gif);
	background-repeat: no-repeat;
	width: 130px;
	height: 30px;
	text-align: center;
	line-height: 25px;
}

div.meinKonto ul li a {
	display: block;
	color: #8D6828;
	margin-bottom: 6px;
	font-size: 14px;
}

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/designoffice/design/braun/images/navbox4_top.gif);
	background-repeat: no-repeat; 
	margin-top: 15px;
*/
	width: 200px;
}

div.angebotBox span {
	display: block;
}

div.angebotBox h2 {
/*
	color: #D66C00;
*/
	color: #f4eee9;
	padding-left: 10px;
	padding-top: 9px;
	margin: 0;
	margin-bottom: 8px;
	font-weight: normal;
	text-transform: uppercase;
/*
	background-image: url(../../../../../templates/designoffice/design/braun/images/navbox2_headline.gif);
	background-repeat: no-repeat; 
	background-position:2px 13px;
*/
	font-size: 16px;
}

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

div.angebotBox li {
	display: block;
	background-image: url(../../../../../templates/designoffice/design/braun/images/navbox_pfeil.gif);
	background-repeat: no-repeat; 
	background-position:-6px 4px;
}

div.angebotBox li a {
	display: block;
	width: 180px;
	margin-bottom: 5px;
	color: #8D6828;
}

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

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

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: #8D6828;
	font-size: 10px;
	text-indent: 0;
	clear: both;
	position: relative;
	top: -2px;
}

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

div.herstellerBox{
	background-image: url(../../../../../templates/designoffice/design/braun/images/navbox1_top.gif);
	background-repeat: no-repeat; 
	width: 200px;
	margin: 0;
	padding: 0;
	margin-top: 15px;
}

div.herstellerBox h2 {
/*
	color: #8D6828;
*/
	color: #f4eee9;
	padding-left: 10px;
	margin: 0;
	margin-bottom: 8px;
	padding-top: 5px;
	font-weight: normal;
	text-transform: uppercase;
/*
	background-image: url(../../../../../templates/designoffice/design/braun/images/navbox1_headline.gif);
	background-repeat: no-repeat; 
	background-position:15px 8px;
*/
	font-size: 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/designoffice/design/braun/images/navbox_pfeil.gif);
	background-repeat: no-repeat; 
	background-position:-5px 2px;
	color: #8D6828;
	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/designoffice/design/braun/images/navbox1_top.gif);
	background-repeat: no-repeat; 
	width: 200px;
	margin: 0;
	padding: 0;
	margin-top: 15px;
}

div.empfehlenBox span {
	display: block;
}

div.empfehlenBox h2 {
/*
	color: #8D6828;
*/
	color: #f4eee9;
	padding-left: 10px;
	margin: 0;
	margin-bottom: 8px;
	padding-top: 5px;
	font-weight: normal;
	text-transform: uppercase;
/*
	background-image: url(../../../../../templates/designoffice/design/braun/images/navbox1_headline.gif);
	background-repeat: no-repeat; 
	background-position:15px 8px;
*/
	font-size: 16px;
}

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

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

div.newsletterBox {
	background-image: url(../../../../../templates/designoffice/design/braun/images/navbox3_top.gif);
	background-repeat: no-repeat; 
}

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

div.newsletterBox h2 {
	/*color: #8D6828;*/
	color: #f4eee9;
	padding-left: 10px;
	margin: 0;
	margin-bottom: 8px;
	margin-top: 15px;
	padding-top: 5px;
	font-weight: normal;
	text-transform: uppercase;
	/*background-image: url(../../../../../templates/designoffice/design/braun/images/navbox3_headline.gif);*/
	/*background-repeat: no-repeat; */
	/*background-position:10px 9px;*/
	font-size: 14px; 
}


div.newsletterBox fieldset {
	border: 0px;

	padding-left: 10px;

	text-align: left;
	width: 90px;

}



div.newsletterBox fieldset input {

	width: 150px;

	height: 14px;
	color: #8D6828;
	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/designoffice/design/braun/images/navbox3_top.gif);
	background-repeat: no-repeat; 
	margin: 0;
	padding: 0;
	margin-top: 15px;
}

div.partnerBox span {
	display: block;
}

div.partnerBox h2 {
	color: #8D6828;
	padding-left: 10px;
	margin: 0;
	margin-bottom: 8px;
	padding-top: 5px;
	font-weight: normal;
	text-transform: uppercase;
	background-image: url(../../../../../templates/designoffice/design/braun/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 {
	background-image: url(../../../../../templates/designoffice/design/braun/images/navbox3_top.gif);
	background-repeat: no-repeat; 
	margin: 0;
	padding: 0;
	margin-top: 15px;
}

div.warenkorbBox span {
	display: block;
}

div.warenkorbBox h2 {
	color: #D66C00;
	padding-left: 10px;
	margin: 0;
	margin-bottom: 8px;
	padding-top: 5px;
	font-weight: normal;
	text-transform: uppercase;
	background-image: url(../../../../../templates/designoffice/design/braun/images/navbox2_headline.gif);
	background-repeat: no-repeat; 
	background-position:-20px 8px;
	font-size: 14px;
}

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: #8D6828;
	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/designoffice/design/braun/images/navbox1_top.gif);
	background-repeat: no-repeat; 
	width: 200px;
	margin: 0;
	padding: 0;
	margin-top: 15px;
}

div.katalogBox span {
	display: block;
}

div.katalogBox h2 {
/*
	color: #8D6828;
*/
	color: #f4eee9;
	padding-left: 10px;
	margin: 0;
	margin-bottom: 8px;
	padding-top: 5px;
	font-weight: normal;
	text-transform: uppercase;
/*
	background-image: url(../../../../../templates/designoffice/design/braun/images/navbox1_headline.gif);
	background-repeat: no-repeat; 
	background-position:15px 8px;
*/
	font-size: 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/designoffice/design/braun/images/navbox3_top.gif);
	background-repeat: no-repeat; 
}

div.bestsellerBox span {
	display: block;
}

div.bestsellerBox h2 {
/*
	color: #8D6828;
*/
	color: #f4eee9;
	padding-left: 10px;
	margin: 0;
	margin-bottom: 8px;
	margin-top: 15px;
	padding-top: 5px;
	font-weight: normal;
	text-transform: uppercase;
/*
	background-image: url(../../../../../templates/designoffice/design/braun/images/navbox3_headline.gif);
	background-repeat: no-repeat; 
	background-position:10px 9px;
*/
	font-size: 14px; 
}


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

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

div.bestsellerBox a {
	display: inline;
	height: 35px;
	overflow: hidden;
}

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




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

/*** Allgemein Selectbox ***/
.tundra .dijitComboBox {
	width: 160px;
	float: left;
	color: #8D6828;
	font-family: Georgia,serif; 
	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: #8D6828;
	font-size: 11px;
	line-height: 18px;
}

.tundra .dijitMenuItem {
	background-color: #ffffff;
	font-family: Georgia,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/designoffice/design/braun/images/dropdown_file.gif);
	background-position:center center;
	background-repeat: no-repeat;
	font-size: inherit;
	height: auto;
}


.tundra .rahmenDropdownLang {
	width: 291px;
}