/* GENERAL*/
body {
	background			: #f9f7d4;
	/* font: normal 12px verdana, helvetica, sans-serif; */
	color				: #666666;
}

div {
	position			: absolute;
	background-repeat	: no-repeat;
}

div a {
	color				: #FFFFFF;
	text-decoration		: none;
}

a:hover {
	color				: #FFFFFF;
}

img {
	border				: 0px;
}

h1 {
	font-size			: 10pt;
	margin				: 0px;
	padding-left		: 2px;
	background			: #5a6c0f;
	color				: #ffffff;
	text-align			: left;
	margin-bottom		: 5px;
}

h1 > a {
	color				: #ffffff;
}

h2 {
	font-size			: 14pt;
	font-weight			: normal;
	text-align			: center;
	margin-top			: 225px;
}

h3 {
	background-color	: red;
	color				: #ffffff;
	font-size			: 10pt;
	font-weight			: bold;
	text-align			: center;
	width				: 60%;
	margin-left			: 20%;
}

input {
	margin				: 2px;
}

table {
	margin				: 0px;
}

th {
	background-color	: #5a6c0f;
	color				: #ffffff;
	font-size			: 10pt;
}

/* Style Parts */

#main {
	width				: 800px;
	position			: relative;
	margin				: 0px auto;
}

#r1_c1 {
	background-image: url(../public/images/site_r1_c1.gif); 
	width				: 168px; 
	height				: 158px;
	top					: 0px;
	cursor				: pointer;
}

#r1_c1, #footer, #content {
	left				: 0px;
}

#r2_c3, #btn1, #btn4 {
	left				: 168px;
}


#r2_c3 {
	background-image: url(../public/images/site_r2_c3.gif); 
	width				: 632px; 
	height				: 40px;
	top					: 39px;
	text-align			: right;	
	font-size			: 10pt;
	padding-right		: 20px;
	padding-top			: 13px;
}

#btn1, #btn2, #btn3 {
	height				: 35px;
	top					: 79px;	
}

#btn4, #btn5, #btn6 {
	height				: 44px;
	top					: 114px;
}

#btn1, #btn2, #btn3, #btn4, #btn5, #btn6 {
	text-align			: center;
	color				: #FFFFFF;
	font-weight			: bold;
	line-height			: 35px;
	font-size			: 12pt;
}

#btn1:hover, #btn2:hover, #btn3:hover, #btn4:hover, #btn5:hover, #btn6:hover {
	color				: #5a6c0f;

}

#btn1 {
	background-image: url(../public/images/btn1.gif); 
	width				: 171px; 
}	

#btn2 {
	background-image: url(../public/images/btn2.gif); 
	width				: 243px; 
	left				: 339px;	
}

#btn3 {
	background-image: url(../public/images/btn3.gif); 
	width				: 218px; 
	left				: 582px;	
}

#btn4 {
	background-image: url(../public/images/btn4.gif); 
	width				: 171px; 	
}

#btn5 {
	background-image: url(../public/images/btn5.gif); 
	width				: 243px; 
	left				: 339px;	
}

#btn6 {
	background-image: url(../public/images/btn6.gif); 
	width				: 218px; 
	left				: 582px;	
}

#content_bg {
	background-image: url(../public/images/content_bg.gif); 
	width				: 800px;
	height				: 471px;
	top					: 158px;
}

#footer {
	background-image: url(../public/images/footer.gif); 
	width				: 800px; 
	height				: 138px;
	top					: 629px;
	text-align			: center;
	padding-top			: 54px;
	font-size			: 10pt;
}

#footer a {
	color				: #5a6c0f;
}

#footer a:hover {
	text-decoration		: underline;
}

#content {
	position:relative;
	margin-left			: 13px;
	margin-top			: 2px;
	width				: 773px;
	height				: 465px;
	border				: 0px;
	padding				: 1px;				
	overflow			: auto;
	color				: #000000;
}

#content a {
	color				: #000000;
}

#content > h1 > a {
	color				: #ffffff;
}

#login {
	width				: 40%;
 	border				: 1px solid black;
	margin				: 0 auto;
	left				: 30%;
	top					: 30%;
	text-align			: center;
	padding				: 5px;
}

.error {
	border				: 2px solid red;
	width				: 725px;
	left				: 24px;
	margin-top			: 25px;
	background-color	: red;
	color				: #ffffff;
	text-align			: center;
	font-weight			: bold;
}


.form_error {
	position			: relative;
	height				: 18px;
	vertical-align		: center;
	margin-left			: 10px;
	background-color	: red;
	color				: #ffffff;
}

.border {
	border				: 1px solid #5a6c0f;
	border-collapse		: collapse;	
}

.hyperlink {
	position			: relative;
	width				: 750px;	
	margin				: 0 auto;
	margin-top			: 15px; 
	border				: 1px solid #5a6c0f;
}

.category {
	position			: static;
	float				: left;
	margin				: 1px;
	width				: 185px;
	height				: 190px;
	border				: 1px solid #5a6c0f;
	font-size			: 10pt;
	font-weight			: bold;
	text-align			: center;
	cursor				: pointer;
}

.category img {
	margin				: 10px;
	margin-bottom		: 2px;
	border				: 0px;
}

.category > a, .category a {
	display				: block;
	width				: 185px;
	height				: 190px;
}



.category:hover, .product:hover {
	border				: 1px solid gray;
	background-color	: #ffffcc;
}

.product {
	position			: relative;
	border				: 1px solid #5a6c0f;
	font-size			: 10pt;
	width				: 350px;
	float				: left;
	height				: 84px;
	text-align			: center;
	margin				: 10px;
	margin-bottom		: 0px;
}

.product img {
	border				: 0px;
	border-right		: 1px solid #5a6c0f;
	float				: left;
	width				: 84px;
	height				: 84px;

}

.product h1 {
	float				: right;
	width				: 263px;
	text-align			: center;
}

.bestel {
	right				: 0px;
	bottom				: 0px;
	font-weight			: bold;
	height				: 30px;
}

.product .bestel input {
	text-align			: center;
}

#product_omschrijving {
	width 				: 250px;
	margin				: 5px;
	font-size			: 10pt;
}

#product_afbeelding {
	position			: absolute;
	border				: 0px;	
	width 				: 480px;
	height				: 320px;
	top					: 70px;
	right				: 15px;	
}

.button {
	cursor				: pointer;
}

#winkelmand_button {
	position			: absolute;
	background-image	: url(../public/images/lw_mandje.gif);
	top					: 315px;
	left				: 620px;
	width				: 150px;
	height				: 148px;
	cursor				: pointer;
	z-index				: 10;
}

.tabs {
	width				: 100%;
	border				: 1px solid #5a6c0f; 
	border-collapse		: collapse;
}

.tabs th {
	cursor: pointer;
	font-weight: normal;
	width: 33%;
	border: 1px solid black;
}