/****************************************************************************************************
*						RESET																		*
****************************************************************************************************/

*											{ margin: 0; padding: 0; border: 0; }
*											{ font-family: Verdana, Tahoma, Arial; font-size: 11px; }


/****************************************************************************************************
*						BODY AND STRUCTURE 															*
****************************************************************************************************/

html, body									{ height: 100%; }

#wrapper
{
	min-height:								100%;
	width:									875px;
	height: 								auto !important;
	height: 								100%;
	margin: 								0 auto -25px; 		/* the bottom margin is the negative value of the footer's height */
	padding:								0 10px 0 10px;
}


/* TOP */

#top										{ width: 875px; }

#top #search								{ width: 875px; height: 70px; background: url('../img/image_top.jpg') top left no-repeat; }
#top #search input							{ width: 178px; background: #ffffff; border: 1px solid #e0dad5; color: #aea299; margin: 20px 0 0 20px; padding: 5px; }

#top #image									{ width: 875px; height: 225px; background: url('../img/image.jpg') top left no-repeat; }

#top #language								{ position: absolute; margin: 25px 0 0 725px; width: 120px; }
#top #language p							{ text-align: right; }
#top #language p a							{ font-size: 10px; color: #aea299; }
#top #language p a:hover					{ color: #5d3326; }

#top #ster									{ position: absolute; margin: 240px 0 0 140px; }
#top #logo									{ position: absolute; margin: 15px 0 0 460px; }


/* NAVIGATION */

#navigation									{ width: 875px; height: 29px; background: url('../img/navigation_back.gif') top left repeat-y; margin-top: 1px; }

body 										{ behavior:url(csshover.htc); }

#navigation ul#nav {
	list-style: 							none;
	padding: 								0;
	margin: 								0;
	margin-left: 310px;
}

#navigation ul#nav li, #navigation ul#nav li ul li {
	float: 									left;
	position: 								relative;
	/*width: 									100px;*/

	height:	29px;
	line-height: 29px;
	padding: 0 10px 0 10px;
	border-right: 1px solid #d5cabf;
}
#navigation ul#nav li ul li { width: 150px; background:	#c4b9af; list-style: none; margin-left: -9px;}

#navigation ul#nav li a {
	display: 								block;
	color: #fff;
}

#navigation li ul {
	display: 								none;
	position: 								absolute;
	width:									100px;
	top: 									0;
	left: 									0;
	margin-left:							-1px;
}

#navigation li>ul {
	top: 									auto;
	left: 									auto;
}

#navigation li:hover ul, #navigation li.over ul {
	display: 								block;
}

#navigation ul#nav li a:hover					{ color: #5d3326; }
#navigation ul#nav li.active					{ background-color: #5d3326; }
#navigation ul#nav li.active a:hover			{ color: #ffffff; }


/* MAIN */

#main										{ width: 875px; }

#main ul									{ margin-left: 20px; }

#main #columnLeft							{ float: left; width: 270px; padding: 30px 10px 10px 10px; min-height: 320px; background: #f8f2ea; }
#main #columnRight							{ float: left; width: 525px; padding: 30px; }

	#columnLeft .sideBlock					{ width: 270px; /*min-height: 155px;*/  background: #e8e2dc; margin-bottom: 10px; clear: both; }
	#columnLeft .sideBlock h1				{ width: 250px; margin: 0; padding: 0 10px 0 10px; background: #c2b7ad; color: #ffffff; line-height: 25px; font-size: 16px; }
	#columnLeft .sideBlock ul				{ list-style-type: none; margin: 0 10px 10px 10px; }
	#columnLeft .sideBlock ul li			{ line-height: 20px; border-bottom: 1px solid #d5cabf; }
	#columnLeft .sideBlock ul li a			{ color: #5d3326; text-decoration: none; }
	#columnLeft .sideBlock ul li a:hover	{ color: #00a6dd; } 

	#columnLeft .winkelwagen				{ min-height: 0px; }
	#columnLeft .winkelwagen p				{ margin: 0 10px 10px 10px; }

	#columnLeft .verzendBlock					{ width: 270px; /*min-height: 155px;*/  background: #e8e2dc; margin-bottom: 10px; }
	#columnLeft .verzendBlock h1				{ width: 250px; margin: 0; padding: 0 10px 0 10px; background: #c2b7ad; color: #ffffff; line-height: 25px; font-size: 16px; }
	#columnLeft .verzendBlock p				{ line-height: 18px; color: #5d3326; list-style-type: none; margin: 0 10px 10px 10px; }


	#columnRight .shop_categorie,
	#columnRight .shop_product				{ text-align: center; background: #fff; width: 120px; height: 90px; float: left; margin: 0 10px 10px 0; padding: 20px 0 20px 0; }
	
#breadcrumb									{ border-bottom: 1px solid #e8e2dc; margin: 0 0 20px 0; }
#breadcrumb p								{ color: #c2b7ad; font-size: 10px; margin-bottom: 5px; }
#breadcrumb a								{ color: #c2b7ad; font-size: 10px; }
#breadcrumb a:hover							{ color: #00a6dd; }

#productinfo table th						{ width: 100px; text-align: left; } 
#productinfo table th,
#productinfo table td						{ line-height: 16px; } 
/*#productinfo img.productfoto				{ border: 5px solid #e8e2dc; float: right; margin: 0 0 15px 15px; }*/ 
#productinfo img.productfoto				{ border: 5px solid #e8e2dc; } 
#productinfo .fotokader						{ float: right; margin: 0 0 15px 15px; }

/* FOOTER */

#footer, #push								{ clear: both; height: 25px; /* .push must be the same height as .footer */ }
#footer										{ width: 875px; margin: auto; z-index: 666; background: url('../img/footer_back.gif') top left repeat-y; }
#footer p									{ font-size: 9px; color: #948375; line-height: 25px; margin: 0 0 0 320px; letter-spacing: -0.1em; }
#footer p a									{ font-size: 9px; color: #948375; }
#footer p a:hover							{ color: #00a6dd; }


/****************************************************************************************************
*						GENERAL STYLES  															*
****************************************************************************************************/

body										{ background: #f0ede8 url('../img/body_back.gif') top left repeat-x; }
#wrapper									{ background: #f8f2ea url('../img/wrapper_back.gif') top left repeat-x; }

h1											{ font-family: Verdana, Georgia, Tahoma, Verdana, Arial; font-size: 22px; color: #663333; font-weight: normal; margin-bottom: 20px; }
h2											{ font-family: Verdana, Georgia, Tahoma, Verdana, Arial; font-size: 17px; color: #663333; font-weight: normal; margin-bottom: 15px; }
p											{ line-height: 17px; margin-bottom: 15px; }
a											{ color: #00a6dd; text-decoration: none; }
a:hover										{ color: #5d3326; } 

hr 											{ border: 0; color: #e8e2dc; background-color: #e8e2dc; height: 1px; width: 100%; margin: 15px 0 15px 0; }

th											{ text-align: left; }

input, textarea, select						{ /*border: 1px solid #e8e2dc;*/ border: 1px solid #d8cfc6; padding: 3px; }

input[type="button"],
input[type="submit"],
input.button								{ cursor: pointer; padding: 3px; background: #00a6dd; color: #ffffff; }
label									{ float: left; width: 100px; }