/* *********************** Neue Layout Elemente by D.Richiusa - web&design *********************** */
#SearchBox{
	position: 	absolute;
	top:		122px;
	left: 		0px;
}

*#SearchBox{
	float:		left; 
}
.searchButton{
    border:        0;
    width:         22px;
    height:        22px;
    float:         left;
    padding-left:  0px; 
}
#searchField{
    float:            left;
    width:            141px;
    height:           22px;
	margin-left:	  10px;
    background:       #fff url('../images/design/search_field.gif');
}

#searchField input{
    margin-left:      5px;  
    margin-top:       4px; 
    width:            131px;  
    border:           0px;
}


.clear{
    clear:both;
}


#navigationsBox {
	width:				170px;
	position:			relative;
	left:				5px;
	top:				5px;
	padding-bottom: 	10px;
	text-align:			left;
	
}

/* Allgemeine Informationen zu den Navigationsheadlines und Navilinks */
/* Alle Navis und Linkdefinitionen koennen weiter unten noch mit zusaetzlichen Infos gesetzt werden */
/* Sollen nur die weiter unten aufgefuehrten Styles gelten, muessen diese hier entfernt werden */
#navigationsHeadline {
	width:				170px;
	height:				20px;
	line-height:		20px;
	color:				#ffffff;
	text-decoration:	none;
	text-indent:		10px;
	background-color:	#6D808F;
	text-align:			left;
	font-weight:		bold;
}

#naviLinkdefinition {
	width:				139px;
	height:				17px;
	line-height:		17px;
	text-align:			right;
}

#naviLinkdefinition a {
	color:				#0D141C;
	text-decoration:	none;
}

#naviLinkdefinition a:hover {
	color:				#7F2428;
}

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

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

/***** Formatierung der CMS Navigation ******/

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

.warenkorbNavigationBox {
	margin:				0;
	padding:			0;
    padding-top:        33px;
    padding-left:       3px; 
	list-style:			none;
	position:			relative;
	top:				80px;
    left:               860px;  
	height:				27px;
    width:              170px;
	float:left;
}

* + html .warenkorbNavigationBox{
	float:left;	
	/*margin-top:	10px;*/
}

                      
.warenkorbNavigationBox a{
	color:#fff;
}
ul.cmsNavigationBox a {
	display:			block;
	padding-left:		5px;
	padding-right:		5px;

	color:				#fff;
}

ul.cmsNavigationBox a:hover {
	display:			block;
	padding-left:		5px;
	padding-right:		5px;
	text-decoration:	underline;
}

ul.cmsNavigationBox li{
	border-right:		1px solid #cccbc9;
	float:left;
}

ul li.cmsNavigationText {
	color:				#fff;
}

ul li.cmsNavigationTextWaren a  {
	color:				#fff;
}

* + html ul li.cmsNavigationTextWaren a{
	margin-top:0px;	
	float:left;
}


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

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

}

#eyecatcher2 {

}


/* *********************** Aufbau des Kategoriebaumes *********************** */
/* Erste Ebene */
ul.kategorieUlNavigation {
	margin:				0;
	padding:			0;
	list-style:			none;
	position:			absolute;
	left:				4px;
	top:				108px;

}

ul.kategorieUlNavigation a {
	display:			block;
    height:             52px;
	background:	        url(../images/design/topnavi_hover.gif) top left repeat-x;
    margin-right:       5px; 
    color:				#d4d4d4;
}

ul.kategorieUlNavigation a:hover {
	display:			block;
    background:	        url(../images/design/topnavi_hover.gif) bottom left repeat-x;
	color:				#fff;
	background-color:	#ff0000;
}


li.kategorieLiNavigationHeadline {
	display:			none;
}

li.kategorieLiNavigation  {
	height:				52px;
	line-height:		52px;
	text-align:			center;
	float:				left;
	font-weight:		bold;
    font-size:          15px;
    margin-right:       15px;
}

li.kategorieLiNavigationPic  {
	height:				52px;
	line-height:		52px;
	text-align:			center;
	float:				left;
	font-weight:		bold;
    margin-right:       15px; 
    color:				#fff;
}

li.kategorieLiNavigationPic a  {
    font-size:          15px;
    padding-left:       10px;
    padding-right:      10px;
	color:				#ffffff;
	background:	        url(../images/design/topnavi_hover.gif) bottom left repeat-x;
}

li.kategorieLiNavigation a  {
    font-size:          15px;
    padding-left:       10px;
    padding-right:      10px;
	color:				#d4d4d4;
	text-decoration:	none;
}

li.kategorieLiInfoNavigation {
	width:				87px;
	height:				33px;
	line-height:		33px;
	text-align:			center;
	float:				left;
	font-weight:		bold;
}

li.kategorieLiInfoNavigation a {
	color:				#ffffff;
	text-decoration:	none;
}

li.kategorieLiInfoNavigationPic {
	width:				87px;
	height:				33px;
	line-height:		33px;
	text-align:			center;
	float:				left;
	font-weight:		bold;
}

li.kategorieLiInfoNavigationPic a {
	color:				#ffffff;
	background-image: 	url(../images/design/topnavi_hover.gif);
	background-repeat: 	no-repeat;
}

li.kategorieLiExtraNavigation {
	width:				102px;
	height:				33px;
	line-height:		33px;
	text-align:			center;
	float:				left;
	font-weight:		bold;
	padding-left:		2px;
}

li.kategorieLiExtraNavigation[class] {
	width:				100px;
}

li.kategorieLiExtraNavigationPic {
	width:				102px;
	height:				33px;
	line-height:		33px;
	text-align:			center;
	float:				left;
	font-weight:		bold;
	padding-left:		2px;
}

li.kategorieLiExtraNavigationPic a {
	color:				#ffffff;
	background-image: 	url(../images/design/topnavi_hover.gif);
	background-repeat: 	no-repeat;
}

li.kategorieLiExtraNavigationPic[class] {
	width:				100px;
}

li.kategorieLiExtraNavigation a {
	color:				#ffffff;
	text-decoration:	none;
	background-image: 	url(../images/design/top_navi_bg.gif);
	background-repeat: 	no-repeat;
}

/* Weitere Ebenen */
ul.kategorieUlSecondNavigation {
	  list-style: 		    none;     
    padding-top:        15px;
    margin-left:        2px;
    margin-right:        2px;
}
ul.kategorieUlSecondNavigation ul{
	list-style: 		none;
	z-index:			1998;
} 
ul.kategorieUlSecondNavigation ul li{
    padding-left: 20px;
    z-index:			1999;
}
li.kategorieLiSecondNavigation a {
	display:			block;
	width:				140px;
	height:				20px;
	line-height:		20px;
	color:				#696664;
	text-decoration:	none;
	text-align:			left;
    margin-left:        12px;
	font-size:			11px;

}
li.kategorieLiFirstNavigationPic{
  z-index:				1;
  margin-bottom:      8px;
}
.filterShow{
	position:	relative;
	z-index:	300;		
}
li.kategorieLiFirstNavigationPic a {
  display:			block;
  
	height:				20px;
	line-height:		20px;
	color:				#be0c0c;
	text-decoration:	none;
	text-align:			left;
	font-size:			12px;
  margin-left:        20px;
}

li.kategorieLiSecondNavigationPic a {
  display:			block;
  height:				20px;
  line-height:		20px;
  color:				#7B7976;
  text-decoration:	none;
  text-indent:		11px;
  text-align:			left;
  font-size:			11px;
  text-decoration:    underline;
}
li.kategorieLiSecondNavigation{
  margin-top:     5px;
}
li.kategorieLiSecondNavigation a:hover {
	text-decoration:    underline;
}

/* 3. und weitere Ebenen */
li.kategorieLiThirdNavigation a {
	display:			none;
	width:				140px;
	height:				20px;
	line-height:		20px;
	color:				#7B7976;
	text-decoration:	none;
	text-indent:		35px;
	text-align:			left;
	font-size:			11px;
}


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

ul.meinKonto {
	list-style: 		none;
}

/* Linkformatierung */
li.meinKontoFormatHeadline {
	display:			none;
	border-top:			5px solid #f1f7fb;
}

li.meinKontoFormat a {
	display:			block;
}


/* Kleines Login Formular */
fieldset.loginFormular {
	border:				solid 0 transparent;
	padding-left:		10px;
	padding-top:		5px;
	text-align:			left;
}

input.loginForumlarInput {
	width:				120px;
	height:				18px;
	border:				1px solid #84827F;
	background-color:	#ffffff;
	color:				#84827F;
}

input.loginFormularSubmit {
	width:				70px;
	height:				20px;
	border:				0px;
	background-color:	#ffffff;
	color:				#84827F;
	float:				right;
	text-align:			right;
	margin-right:		4px;
}

input.loginFormularSubmit[class] {
	margin-right:		2px;
}

div#loginFooter {
	position:			absolute;
	width:				140px;
	height:				100px;
	font-weight:		normal;
	z-index:			100;
}

div#loginFooter[id] {
	position:			fixed;
	bottom:				0px;
}

div#loginFooter a {
	float:				left;
	color:				#84827F;
	text-align:			right;
	width:				120px;
}




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

/* Linkformatierung */
span.sucheFormatHeadline {
	display:			none;
	border-top:			5px solid;
}

fieldset.sucheFormular {
	display:			none;
	border:				solid 0 transparent;
	padding-top:		5px;
	padding-left:		10px;
	text-align:			left;
	text-indent:		10px;
	height:				60px;
}

fieldset.cmsSucheFormular {
	display:			none;
	border:				solid 0 transparent;
	padding-top:		5px;
	padding-left:		1px;
	text-align:			left;
	text-indent:		10px;
	height:				30px;
}

select.sucheFormatSelect {
	width:				150px;
	display:			none;
	margin-bottom:		2px;
}

input.sucheFormularInput {
	display:			none;
	width:				115px;
	height:				18px;
}

input.sucheFormularSubmit {
	display:			none;
	position: 			relative;
	top:					2px;
	width:				30px;
	height:				18px;
}


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

span.herstellerFormatHeadline {
	display:			none;
	border-top:			5px solid;
}

fieldset.herstellerFormular {
	display:			none;
	border:				solid 0 transparent;
	padding-top:		5px;
	padding-left:		10px;
	text-align:			left;
	text-indent:		10px;
	height:				25px;
}

select.herstellerFormatSelect {
	display:			none;
	width:				150px;
	display:			block;
}



/* *********************** Aufbau Aktionen *********************** */

ul.aktionsList {
	display:			none;
	list-style: 		none;
}

/* Linkformatierung */
li.aktionsListFormatHeadline {
	display:			none;
	border-top:			5px solid;
}

li.aktionsListFormat a {
	display:			none;
}



/* *********************** Aufbau Weiterempfehlen *********************** */

span.empfehlenFormatHeadline {
	display:			block;
	border-top:			5px solid;
}

span.empfehlenFormatText a {
	display:			block;
	text-indent:		10px;
	line-height:		20px;
	text-align:			left;
	height:				30px;
}



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

span.newsletterFormatHeadline {
	display:			block;
	border-top:			5px solid;
}

fieldset.newsletterFormular {
	border:				solid 0 transparent;
	padding-top:		5px;
	padding-left:		10px;
	text-align:			left;
	height:				50px;
}

input.newsletterFormatInput {
	width:				150px;
	height:				18px;
}

input.newsletterFormularSubmit {
	position:			relative;
	left:				0px;
	width:				73px;
}

span.newsletterMeldung {
	height:				30px;
	display:			none;
}


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

.counterBox {
	height:				85px;
}

span.counterFormatHeadline {
	display:			block;
	border-top:			5px solid;
}

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


/*********************** Aufbau Sprachen ************************* */

.sprachBox {
	height:				45px;
}

.cmsSprachBox {
	height:				5px;
	border-top:		5px solid #ffffff;
}

span.sprachFormatHeadline {
	display:			block;
}

.sprachFormat {
	display:			block;
	text-indent:		10px;
	text-align:			left;
	font-weight:		normal;
	line-height:		17px;
	font-size:			11px;
	padding-top:		5px;
	border-bottom:		5px solid #f1f7fb;
}


/*********************** Aufbau Partnerprogramm ************************* */

.partnerBox {
	height:				60px;
}

span.partnerFormatHeadline {
	display:			block;
}

h4.partnerFormatText {
	display:			block;
	text-indent:		10px;
	text-align:			left;
	font-weight:		normal;
	line-height:		17px;
	font-size:			11px;
	border-bottom:		5px solid #f1f7fb;
}



/*********************** Aufbau Warenkorb ************************* */

.warenkorbBox {
	height:				100px;
}

span.warenkorbFormatHeadline {
	display:			block;
}

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


/*********************** Aufbau Preisliste ************************* */

.preislisteBox {
	height:				60px;
}

span.preislisteFormatHeadline {
	display:			block;
	border-top:			5px solid;
}

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


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

.bestsellerBox {
	height:				400px;
}

span.bestsellerFormatHeadline {
	display:			block;
	border-top:			5px solid;
}

ol.bestsellerFormatText {
	width:				155px; 
	position:			relative; 
	list-style:			none;
	left:				10px;
	text-decoration:	none;
	color:				#6D808F;
}

li.bestsellerFormatText a {
	width:				155px; 
	height:				17px;
	line-height:		17px;
	text-decoration:	none;
	text-align:			left;
}