/*
	Author: Mentasti Matthias / www.mment.at
	Last CSS update: 19.11.08
	Location: Mayerling / Austria
*/




/* ****************************************
	Allgemeines
**************************************** */
*
{
	margin: 			0;
	padding: 			0;
	border: 			0;
}

body{
	background-image: 	url(images/background.jpg);
	background-repeat:	repeat-x;
	background-color:	white;
	color: 				#3e3e3e;
	font-family: 		Verdana, Arial, Helvetica, sans-serif;
	font-size: 			11px;
}

a{
	color: 				#3e3e3e;
	text-decoration: 	underline;
}

a:hover{
	color: 				#ccc;
	text-decoration: 	none;
}

img{
	border:				1px solid #edebd6;	
}

.clear{
	clear:				both;
	margin-bottom:		10px;	
}

span.productOldPrice{
	color:				#870300;
	text-decoration:	line-through;
	font-weight:		bold;
	
}

/* ****************************************
	header
**************************************** */

#logo{
	background-image:	url(images/logo.jpg);
	background-repeat:	no-repeat;
	height:				146px;
	width:				312px;
	margin-left:		20px;
}


/* ****************************************
	menu
**************************************** */
ul#menu{
	position:			absolute;
	top:				20px;
	left:				330px;
	margin-left:		30px;
	font-family:		Georgia, Verdana, sans-serif;
	font-size:			13px;
}

ul#menu li{
	text-align:			left;
	display:			block;
	float:				left;
	list-style:			none;	
	width:				120px;
	margin:				10px;
}

ul#menu li a{
	color:				#3e3e3e;
	text-decoration:	none;
	font-weight:		bold;
}

ul#menu li a:hover{
	color:				#3e3e3e;
	text-decoration:	underline;
}

ul#menu li a small{
	display:			block;
	margin-top:			2px;
	color:				#bfbaa5;
	/*color:				#d6d1b9;*/
	font-family:		Verdana, Arial, sans-serif;
	font-weight:		lighter;
	text-decoration:	none;
}

/* ********** */




/* ****************************************
	content -- start
**************************************** */

#wrapper{
	width:				1000px;
	margin:				auto;
	margin-top:			30px;	
}

#wrapper #content{
	float:				left;
	width:				550px;
	margin-right:		40px;
}

#wrapper #content img.bild{
	background-color:	white;
	padding:			7px;
	border:				1px solid #e9e7cf;
	float:				left;	
	margin:				0 10px 10px 0;
}

#wrapper #content h2,
#wrapper #content h2 a{
	font-family:		Georgia, "Times New Roman", serif;
	font-size:			12px;
	font-weight:		bold;	
	margin-bottom:		10px;
	text-decoration:	none;
	color:				#3e3e3e;	
}

#wrapper #content h2 a:hover{
	text-decoration:	underline;
	color:				#3e3e3e;	
}

#wrapper #content .links{
	float:				left;
	width:				170px;
	margin-right:		10px;	
}

#wrapper #content .links img{
	margin-right:		30px;
}

#wrapper #content .links a{
	display:			block;
}

#wrapper #content .rechts{
	float:				left;
	width:				350px;	
}

#wrapper #content .rechts ul{
	margin-left:		20px;
}
	
#wrapper #content p{
	margin-bottom:		10px;	
}


#wrapper #content .clearpost{
	clear:				both;
	margin-bottom:		10px;	
}


/* *** Sidebar *** */
#wrapper #sidebar{
	float:				left;	
	width:				400px;
}

#wrapper #sidebar a.link{
	background-color:	white;
	line-height:		35px;
	padding:			5px;	
	margin-left:		10px;
	text-decoration:	none;
	border-top:			1px solid #e9e7cf;
	border-:			1px solid #e9e7cf;
	border-top:			1px solid #e9e7cf;
}

#wrapper #sidebar #angebot{
	background-color:	white;	
	padding:			7px;
	border:				1px solid #e9e7cf;
	margin-top:			-5px;
	margin-bottom:		20px;
}

#wrapper #sidebar h2{
	font-family:		Georgia, "Times New Roman", serif;
	font-size:			19px;
	font-weight:		lighter;	
	margin-bottom:		10px;
}

#wrapper #sidebar ul#kategroie{
	width:				400px;
	text-align:			center;
	margin:				auto;	
	margin-bottom:		20px;
}

#wrapper #sidebar ul#kategorie li{
	list-style:			none;		
	width:				300px;
	margin-left:		50px;
	padding:			3px;
	border-top:			1px solid #e9e7cf;
	border-bottom:		1px solid #e9e7cf;
	margin-bottom:		-1px;
}

#wrapper #sidebar ul#kategorie li.on{
	list-style:			none;		
	width:				300px;
	margin-left:		50px;
	padding:			3px;
	border-top:			1px solid #e9e7cf;
	border-bottom:		1px solid #e9e7cf;
	margin-bottom:		-1px;
	background-color:	#f4f2e4;
}

#wrapper #sidebar ul#kategorie li a,
#wrapper #sidebar ul#kategorie li a:hover{
	width:				300px;
	padding:			3px;
	margin-bottom:		-1px;
	text-decoration:	none;
	color:				#3e3e3e;
}

#wrapper #sidebar ul#kategorie li a:hover{
	text-decoration:	underline;
}


#wrapper #sidebar .button{
	margin-top:			20px;
	float:				left;
	background-image:	url(images/button.jpg);
	background-repeat:	no-repeat;
	width:				178px;
	height:				28px;
	padding-top:		8px;	
	padding-left:		20px;
	margin-right:		2px;
}

#wrapper #sidebar .button a{
	color:				#3e3e3e;
	text-decoration:	none;
}

#wrapper #sidebar .button a:hover{
	color:				#3e3e3e;
	text-decoration:	underline;
}

#wrapper #sidebar input{
	margin-top:			20px;
	clear:				both;
	background-color:	white;
	color:				#000;
	font-size:			11px;
	padding:			3px;
	border:				1px solid #bfbaa5;
	/*border:				1px solid #e9e7cf;*/
}

#wrapper #sidebar input.suchen{
	background-image:	url(images/suchen.jpg);
	background-repeat:	no-repeat;
	width:				100px;
	height:				23px;
	font-size:			11px;
	border:				1px solid #e9e7cf;
	color:				#3e3e3e;
	text-align:			left;
}



/* ****************************************
	content -- einzel
**************************************** */


#wrapper #desc{
	float:				left;
	width:				530px;
	margin-right:		40px;
	background-color:	white;
	border:				1px solid #e9e7cf;
}

#wrapper #desc #foo{
	margin:				5px 6px 5px 6px;
	background-color:	#f3f2e4;	
	padding:			10px 20px 10px 20px;	
}

#wrapper #desc #foo a{
	color:				#3e3e3e;
	text-decoration:	underline;	
}

#wrapper #desc #foo a:hover{
	color:				#770000;
	text-decoration:	underline;	
}

#wrapper #desc #foo img{
	background-color:	white;
	padding:			5px;
	border:				1px solid #e9e7cf;
	margin:				5px;
}

#wrapper #desc #foo img.no{
	padding:			0;
	border:				none;
	margin:				0;
	background-color:	#f3f2e4;
}

#wrapper #desc #foo h2{
	font-family:		Georgia, "Times New Roman", serif;
	font-size:			13px;
	color:				#770000;
	font-weight:		normal;
}

#wrapper #desc #foo h3{
	font-family:		Verdana, Arial, Helvetica, sans-serif;
	font-size:			11px;
	color:				#770000;
	font-weight:		normal;
}

#wrapper #desc #foo p{
	margin-top:			10px;	
}

#wrapper #desc #foo .preis{
	background-color:	#e9e8d6;
	padding:			5px 5px 15px 5px;
	border:				1px solid #d6d5c4;
	margin:				20px 0 20px 0;	
}

#wrapper #desc #foo img{
	padding:			5px;
	background-color:	white;
	border:				1px solid #e9e7cf;
	margin:				5px;		
}

#wrapper #desc #foo .preis input{
	padding:			5px;
	margin-bottom:		-10px;	
	color:				#aaa;
}

#wrapper #desc #foo .preis .noborder input{
	border:				none;
}

#wrapper #desc #foo ul{
	margin-top:			10px;
	margin-bottom:		30px;	
}

#wrapper #desc #foo ul li{
	margin-left:		30px;	
}

#wrapper #desc #foo input{
	padding:			5px;
	border:				1px solid #ccc;	
}

#wrapper #desc #foo textarea{
	padding:			5px;
	border:				1px solid #ccc;	
}

#wrapper #desc #foo .searchbutton input,
#wrapper #desc #foo .searchbutton img{
	border:				none;	
	padding:			0;
}


#wrapper #desc select{
	padding:			5px;
	border:				1px solid #ccc;	
}

#wrapper #desc .error{
	color:	#5d0808;
}