/* --------------------------- INFO ---------------------------
Web:				http://www.ideenstube.com / shopnavigation
Autor: 				Gaby Rohmann
Letzte Aenderung:	31.05.2007 von Gaby Rohmann
*/

/* --------------------------- ALLGEMEINES ---------------------------*/

	#box_both {
		float:				left;
		width:				737px;
		margin:				0;
		font-size:			10px;
		padding:			20px 30px 20px 20px;
		background-color:	#F9F6DB;	
	}
	#box_shop {
		float:				left;
		width:				237px;
		background-color:	#E7DCB4;
	}
	form .eingabe {
		border:				0;
		width:				30px;
		min-width: 			30px;		
		text-align:			center;
		background-color:	#F9F6DB;
		font-size:			10px;		
	}
	form .menge2 {
		border:				1px solid #7F9DB9;
		min-width: 			30px;		
		background-color:	#F9F6DB;
		font-size:			10px;	
	}
	form .farbe {
		border:				1px solid #7F9DB9;
		width:				165px;
		min-width: 			30px;		
		background-color:	#F9F6DB;
		font-size:			10px;		
	}

	form .mengenangabe {
		border:				1px solid;
		width:				30px;
		min-width: 			30px;
		border:				1px solid #7F9DB9;		
		text-align:			center;
		background-color:	#FFF;
		font-size:			10px;				
	}
	/* --------------  hauptnavigation  ------------------------- */
	#box_shop ul.navigation {
		margin-bottom:		23px;
		width:				237px;
		list-style-type:	none;
	}
	#box_shop ul.navigation li {		
		/*border-bottom:		1px solid #E7DCB4;
		background-color:	#CBB277;
		margin-bottom:		1px;*/
	}
	#box_shop ul.navigation li a:link,
	#box_shop ul.navigation li a:visited {
		display: 			block;
		width:				205px;
		font-size:			12px;
		font-weight:		bold;		
		color:				#FFF;
		padding:			4px 4px 4px 28px;
		background-image:	url(../images/navigation/pfeil-hg.gif); 
		background-repeat:	no-repeat; 
		text-decoration:	none;
		background-color:	#CBB277;		
	}
	
	#box_shop ul.navigation li a:hover,
	#box_shop ul.navigation li a:active,
	#box_shop ul.navigation li.current a {
		background-image:	url(../images/navigation/blume-hg-on.gif); 
		background-repeat:	no-repeat; 
		background-color:	#CBB277;	
	}
	
	#box_shop ul.navigation li.einfach a:link,
	#box_shop ul.navigation li.einfach a:visited {
		background-image:	url(../images/navigation/blume-hg.gif); 
		background-repeat:	no-repeat; 	
	}
	#box_shop ul.navigation li.einfach a:hover,
	#box_shop ul.navigation li.einfach a:active,
	#box_shop ul.navigation li.current a:visited {
		background-image:	url(../images/navigation/blume-hg-on.gif); 
		background-repeat:	no-repeat; 
		background-color:	#CBB277;	
	}
	
	#box_shop ul.navigation li.zurueck a:link,
	#box_shop ul.navigation li.zurueck a:visited,
	#box_shop ul.navigation li.zurueck a:hover,
	#box_shop ul.navigation li.zurueck a:active {
		background-image:	url(../images/navigation/pfeil-hg-back.gif); 
		background-repeat:	no-repeat; 
		background-color:	#CBB277;	
	}
	#box_shop ul.navigation li.zurueck a:hover,
	#box_shop ul.navigation li.zurueck a:active {
		background-image:	url(../images/navigation/blume-hg-on.gif); 
		background-repeat:	no-repeat; 
		background-color:	#CBB277;
	}
	/* --------------  subnavigation  ------------------------- */
	
	#box_shop ul.navigation li ul.subnavi {		
		list-style-type:	none;
		margin-left:		20px;
		background-color:	#F9F6DB;
		/*margin-top:			1px;*/

	}
	#box_shop ul.navigation li ul.subnavi li a {
		diplay:				block;
		color:				#A30F10;
		font-size:			11px;
		font-weight:		normal;
		background-image:	url(../images/navigation/sub-hg.gif); 
		background-repeat:	no-repeat; 
		padding:			3px 5px 3px 8px;
		text-decoration:	none;
		border-bottom:		0px solid #E7DCB4;
		}

	
	#box_shop ul.navigation li ul.subnavi li a:link,
	#box_shop ul.navigation li ul.subnavi li a:visited { 
		font-weight:		normal;
		background-color:	#F9F6DB;
		background-image:	url(../images/navigation/sub-hg.gif); 
		background-repeat:	no-repeat; 
		font-size:			11px;
		color:				#A30F10;
		padding:			3px 4px 3px 8px;
		margin-top:			-1px;/**/
	}
	#box_shop ul.navigation li ul.subnavi li a:hover,
	#box_shop ul.navigation li ul.subnavi li a:active,
	#box_shop ul.navigation li ul.subnavi li.currentlink a,
	#box_shop ul.navigation li ul.subnavi li.currentlink a:visited { 
		font-weight:		normal;
		background-color:	#F9F6DB;
		background-image:	url(../images/navigation/sub-hg.gif); 
		background-repeat:	no-repeat; 
		font-size:			11px;
		color:				#785F22; /*#A30F10;*/
		padding:			3px 4px 3px 8px;
	
	}
	/* ---- Themaenbox -------------------*/
	table.themenbox {
		margin:				20px 0;
		padding:			0;
		border:				0;	
	}
	table.themenbox td.thema {
		width:				238px;
		background-color:	#E7DCB4;
		border-top:			7px solid #A41112;
		vertical-align:		top;
		padding:			0px;
		margin:				0px;			
	}

	table.themenbox td.themenname {
		color: 				#000;
		font-size:			11px;
		font-weight:		bold;
		padding:			8px;
		background-color:	#E7DCB4;	
	}
	table.themenbox td.leer {
		width:				24px;
	}	
	/* --------------- Produktboxen --------------------- */
	table.produktbox {
		/*width:				500px;*/
		margin:				20px 0;
		padding:			0px;
		border:				0;	
	}
	table.produktbox td.produkt {
		width:				155px;
		background-color:	#E7DCB4;
		border-top:			7px solid #A41112;
		vertical-align:		top;
		padding:			0px;
		margin:				0px;			
	}

	table.produktbox td.artikel {
		color: 				#A41112;
		width:				139px;
		font-size:			11px;
		font-weight:		bold;
		padding:			8px;
		background-color:	#E7DCB4;
		vertical-align:		top;	
	}
	table.produktbox td.gruppe {
		color: 				#000;
		width:				139px;
		font-size:			11px;
		padding:			8px;
		background-color:	#E7DCB4;
		vertical-align:		top;	
	}
	table.produktbox td.preis {
		width:				139px;
		background-color:	#E7DCB4;
		padding:			8px;
		font-size:			11px;
		font-weight:		bold;
		margin:				0px;
		color: 				#000;
		font-weight:		bold;			
	}
		
	h1.shop {
		float:				left;
		font-size:			12px;
		font-weight:		bold;
	}
	h3.shop {
		float:				left;
		font-size:			10px;
		font-weight:		bold;
		width:				380px;
	}
	.produktnavi {
		display:			block;
		float:				right;
	}
	.produktnavi a,
	.produktnavi .aktuelle-seite {
		font-size:			11px;
		font-weight:		bold;
		padding:			0 3px;
		border-right:		1px solid #947F4E;

	}
	.produktnavi a:link,
	.produktnavi a:visited  {
		color: 				#947F4E;
		text-decoration:	none;	
	}
	.produktnavi a:hover,
	.produktnavi a:active  {
		color: 				#A41112;
		text-decoration:	none;	
	}
	.produktnavi a.back {
		padding:			0px 5px;
		border-left:		1px solid #947F4E;
		color:				#000;
		height:				6px;
	}
	.produktnavi a.forward {
		padding:			0px 5px;
		border-right:		1px solid #947F4E;
		color:				#000;
		margin-right:		20px;
		height:				6px;
	}
	.produktnavi a.top {
		padding:			0px 5px;
		border-left:		1px solid #947F4E;
		border-right:		1px solid #947F4E;
		color:				#000;
		margin-left:		20px;		
	}
	 
	/* ---- produktblöcke --- */

	.preistext {
		float:				left;
		/*padding-bottom:		8px;*/		
	}
	.preis {
		float:				right;		
	}
	p.linie {
		border-top:			1px solid #CBB277;
		margin:				0px;
}
/*----- produkt detailseite ---*/

	.artikelnr {
		float:				right;
		text-align:			right;
	}
	.box-bild {
		float:				left;
	}
	.box-info {
		width:				173px;
		float:				left;
		margin-left:		12px;		
	}
	p.produktpreis {
		padding:			4px 4px 3px 4px;
		background-color:	#A41112;
		color:				#FFF;
		font-size:			11px;
		font-weight:		bold;
		height:				15px;
		margin:				0px;
		border-top:			1px solid #F9F6DB;
		vertical-align:		middle;
	}
	p.anzahl {
		padding:			3px 4px 3px 4px;
		background-color:	#E7DCB4;
		color:				#444;
		font-size:			10px;
		font-weight:		bold;
		height: 			1%;
		margin:				0px;
		border-top:			1px solid #F9F6DB;
		vertical-align:		middle;
	}
	p.anzahl:after {
	background-color:		#E7DCB4;
	clear: 					both;
    content: 				".";
    display: 				block;
    height: 				0px;
	visibility: 			hidden;
	}
	
	.rechtsbuendig {
	float:					right;
	padding:				2px 3px;
	text-align:				center;
	background-color:		#F9F6DB;
	border:					1px solid #7F9DB9;
}
	.rechtsbuendig-ohne-hg {
	float:					right;
	padding:				2px 3px;
	text-align:				center;
}
	.linksbuendig {
	float:				left;
	padding-top:		3px;
	}
	
a.agb:link,
a.agb:visited {
	float:				right;
	font-size:			12px;
	font-weight: 		bold;
	text-decoration:	none;
	color:				#FFF;
	padding-right:		19px;
}

 a.agb:hover,
 a.agb:active,
 a.agb.currentlink {
	float:				right;
	font-size:			12px;
	font-weight: 		bold;
	text-decoration:	none;
	color:				#A41112;
	padding-right:		19px;
}
/*-----  stoffe startseite  ----*/
#box_left ul.subnavi {
	/*height:				50px;*/
	width:				484px;	
	background-color:	#E7DCB4;
	list-style-type:	none;
	padding:			8px;
}
#box_left ul.subnavi li {
	margin-top:			4px;
}
#box_left ul.subnavi li a {
	list-style-type:	none;
	padding-right:		8px;
	text-decoration:	none;
	font-weight:		bold;	
	/*float:				left;	
	background-color:	#fff000;*/
}


#box_left ul.subnavi li a:link,
#box_left ul.subnavi li a:visited {
	color:				#000;/*#A30F10;*/

}
#box_left ul.subnavi li a:hover,
#box_left ul.subnavi li a:active {
	color:				#A30F10;
}

/*-------------- warenkorbseiten ------------*/

	table.warenkorb {
		width:				737px;
		margin:				20px 0;
		padding:			0px;
		border:				0;
		text-align:			center;/**/
		border-top:			7px solid #A41112;	
	}
	table.warenkorb tr.headline {
		background-color:	#E7DCB4;		
		padding:			0px;
		margin:				0px;
		font-weight:		bold;
					
	}
	table.warenkorb td {		
		padding:			2px 0px;
		margin:				0px;
		border-top:			1px solid #E7DCB4;			
	}
	form .liste-schmal {
		font-size:			9px;
	}
	form .schalter	{
		border:				1px solid #E7DCB4;
		width:				75px;
		background-color:	#FFF;
		float:				left;
		font-size:			9px;
		margin:				0 5px;			
	}
	table.warenkorb td.bild {
		width:				65px;
	}
	table.warenkorb td.artikel {
		width:				75px;
	}
	table.warenkorb td.bezeichnung {
		width:				220px;
	}
	table.warenkorb td.menge {
		width:				70px;
	}
	table.warenkorb td.e-preis {
		width:				100px;
	}
	table.warenkorb td.g-preis {
		width:				100px;
	}
	table.warenkorb td.leer {
		width:				90px;
	}

	.mwst {
		background-color:	#E7DCB4;
		padding:			3px 0;
	}
	
	.summe {
		background-color:	#A41112;
		font-size:			11px;
		font-weight:		bold;
		color:				#fff;
		padding:			3px 0;
	}
	
	table.versandart {
		width:				737px;
		margin:				20px 0;
		padding:			0px;
		border:				0;
		border-top:			7px solid #A41112;	
	}
	.versand {
		font-size:			10px;
		font-weight:		bold;
		text-align:			left;
		width:				357px;
	}
	.kasse {
		background-color:	#E7DCB4;/*#CBB277;*/
		font-size:			11px;
		font-weight:		bold;
		height:				15px;
		width:				288px;
	}
	.kasse a:link, 
	.kasse a:visited {
		text-decoration: 	none;
		color:				#000;	
	}
	.kasse a:hover, 
	.kasse a:active {
		text-decoration: 	none;
		color:				#A41112;
	} 
	.zurueck {
		background-color:	#E7DCB4;
		font-size:			11px;
		font-weight:		bold;
		height:				15px;
		width:				89px;
	}
	.zurueck a:link, 
	.zurueck a:visited {
		text-decoration: 	none;
		color:				#000;	
	}
	.zurueck a:hover, 
	.zurueck a:active {
		text-decoration: 	none;
		color:				#A41112;
	}
	form .eingabefeld {
		width:				250px;
		font-size:			10px;		
	}
	form .textarea {
		width:				250px;
		height:				70px;			
		font-size:			11px;		
	}
	form .kundennr {
		width:				100px;			
		font-size:			10px;		
	}
	.button {
	width:					159px;
	border:					1px soid #000;
	font-size:				10px;
	font-weight:			bold;
	background-color:		#E7DCB4;
	padding:				3px 0;
	}			
	
	form .submit {
		background-color:	#E7DCB4;
		font-size:			12px;
		font-weight:		bold;
		border:				0;
		width:				280px;
	}
	form .abbrechen {
		background-color:	#E7DCB4;/*#F9F6DB;*/
		font-size:			12px;
		font-weight:		bold;
		border:				0;
		width:				130px;
	}
	a.breadcrumb:link,
	a.breadcrumb:visited 
	{
		font-size:			10px;
		text-decoration:	none;
		color:				#444;
		padding:			2px 6px;
		background-color:		#E7DCB4;
	}
	
	a.breadcrumb:hover,
	a.breadcrumb:active {
		font-size:			10px;
		text-decoration:	none;
		color:				#A41112;
		padding:			2px 6px;			
	  	background-color:		#E7DCB4;
	}
	.text-links {
	text-align:			left;
	vertical-align:		top;
}	

input.button-warenkorb {
	background-image: 	url(../images/warenkorb-icon.gif);
	background-repeat: 	no-repeat;
	background-position: center center;
	border:				1px solid #7F9DB9;
	background-color:	#F9F6DB;
	float:				right;
	padding:			2px 3px;
	width:				27px;			
}