html, body, #wrapper {
	background:		#fdf8e8 url('../images/body_back.gif') top center repeat-y;
	min-height: 		100%;
	width: 			100%;
	height: 		100%;
}

img 		{ border:	0; }
form		{ margin:	0; }
.nomargin 	{ margin:	0; }


/* The "height" above is a hack for IE5+/Win.  Below we adjust it using the child selector to hide from IE5+/Win */

html>body, html>body #wrapper {
	height: 		auto;
}

/* Without this, Moz1.0 adds a vertical scrollbar */

body {
	margin: 		0;
	font-family:		Trebuchet MS, Tahoma, Arial, Verdana;
	font-size:		11px;
}

a:link, a:visited, a:active 	{ color: #b5111b; text-decoration: none; }
a:hover 			{ color: #b5111b; text-decoration: underline; }

#wrapper {
	position: 		absolute;
	top: 			0;
	left: 			50%;
	width: 			980px;
	margin:			0 0 0 -490px;
}

#footer {
	z-index:		40;
	position: 		absolute;
	bottom: 		0;
	/*
	width: 			70%;
	padding: 		0 15%;
	*/
	/* SBMH -- see http://css-discuss.incutio.com/?page=BoxModelHack  -- Stupid hack lets IE see 100%, others see 70%. */

	width:			100%;
	background: 		#fbefd1 url('../images/bottom_back.gif') left center;
	height:			25px;
}

#footer p 							{ margin-top: 7px; color: #d17102; text-align: right; margin-right: 180px; }
#footer p a:link, #footer p a:visited, #footer p a:active 	{ color: #d17102; text-decoration: none; }
#footer p a:hover 						{ color: #d17102; text-decoration: underline; }

#footer {
	\width: 		100%;
	w\idth: 		70%;
	width:			980px;
}

#main {
	margin-bottom:		0;
	padding: 		0;
	height: 		auto;
}

#column1 {
	z-index:		1;
	position: 		absolute;
	top: 			0;
	left: 			0;
	width: 			220px;
}
#actie {
	z-index:		3;
	position:		absolute;
	margin:			151px 0 0 520px;	
}
#column2 {
	z-index:		1;
	position: 		relative;
	top: 			0;
	left: 			220px;
	width: 			600px;
}
#column3 {
	z-index:		1;
	position: 		absolute;
	top: 			0;
	left: 			820px;
	width: 			160px;
}

#top1 {
	z-index:		2;
	position: 		relative;
	width: 			600px;
	height: 		115px;
	background:		url('../images/top1.jpg') top left no-repeat;
}
#top2 {
	z-index:		2;
	position: 		relative;
	width: 			160px;
	height: 		115px;
	background:		url('../images/top2.jpg') top left no-repeat;
}

/* ----- NAVIGATION ----------------------------------------------------------------- */

#nav {
	position:		relative;
	z-index: 		1;
	top:			0px;
	width: 			760px;
	height: 		45px;
	background:		url('../images/nav_back.gif') top left repeat-x;
}
#navleft {
	position:		absolute;
	z-index: 		1;
	top:			115px;
	width: 			220px;
	height: 		45px;
	background:		url('../images/nav_back.gif') top left repeat-x;
}

#nav #logobottom {
	z-index:		10;
	position:		relative;
	left:			-75px;
	width: 			145px;
	height: 		45px;
	margin-left:		95px;
	background:		url('../images/nav_logobottom.gif') top left no-repeat;
}


#nav #buttons {
	z-index:		20;
	position:		absolute;
	margin-left:		180px;
	/*top:			30px;*/
	top:			15px;
	height:			30px;
}

#nav #buttons img {
	margin-right:		5px;
}

/* ----- LEFT BAR ------------------------------------------------------------------- */

#leftbar {
	z-index:		2;
	position:		absolute;
	margin:			20px 0 0 10px;
	width: 			200px;
	height: 		570px;
	background:		url('../images/leftbar_back.jpg') top left no-repeat;
}

/* ----- LOGIN ---------------------------------------------------------------------- */

#leftbar #login {
	z-index:		3;
	position:		absolute;
	margin:			20px 0 0 5px;
	width: 			190px;
	height: 		140px;
	background:		url('../images/login_back.gif') top left no-repeat;
	padding-top:		20px;
	padding-left:		20px;
	font-size:		12px;
}
#leftbar #login  								{ color: #ffffff; line-height: 16px; }
#leftbar #login a:link, #leftbar #login a:visited, #leftbar #login a:active 	{ color: #ffffff; text-decoration: none; }
#leftbar #login a:hover 							{ color: #ffffff; text-decoration: underline; }


.login_input {
	font-family:		trebuchet ms, Tahoma, Arial, Verdana;
	font-size: 		12px;
	color: 			#b5111b;
	border: 		1px solid #b5111b;
	background:		url('../images/red_input_back.gif') top left repeat-x;
	line-height:		22px;
	height:			24px;
	width:			140px;
	padding-left:		5px;
}

/* ----- TELL-A-FRIEND -------------------------------------------------------------- */

#leftbar #tellafriend {
	z-index:		3;
	position:		absolute;
	margin:			205px 0 0 5px;
	width: 			190px;
	height: 		135px;
	background:		url('../images/tellafriend_back.gif') top left no-repeat;
	padding-top:		20px;
	padding-left:		20px;
}

.tellafriend_input {
	font-family:		trebuchet ms, Tahoma, Arial, Verdana;
	font-size: 		12px;
	color: 			#b5111b;
	border: 		1px solid #edbf2e;
	background:		url('../images/gold_input_back.gif') top left repeat-x;
	line-height:		22px;
	height:			24px;
	width:			140px;
	padding-left:		5px;
}

/* ----- VERLANGLIJST --------------------------------------------------------------- */

#leftbar #verlanglijst {
	z-index:		3;
	position:		absolute;
	margin:			375px 0 0 5px;
	width: 			190px;
	height: 		110px;
	background:		url('../images/verlanglijst_back.gif') top left no-repeat;
	padding-top:		20px;
	padding-left:		20px;
}

/*
#leftbar #verlanglijst  										{ color: #ffffff; line-height: 16px; }
#leftbar #verlanglijst a:link, #leftbar #verlanglijst a:visited, #leftbar #verlanglijst a:active 	{ color: #ffffff; text-decoration: none; }
#leftbar #verlanglijst a:hover 										{ color: #ffffff; text-decoration: underline; }
*/

.verlanglijst_input {
	font-family:		trebuchet ms, Tahoma, Arial, Verdana;
	font-size: 		12px;
	color: 			#b5111b;
	border: 		1px solid #edbf2e;
	background:		url('../images/gold_input_back.gif') top left repeat-x;
	line-height:		22px;
	height:			24px;
	width:			140px;
	padding-left:		5px;
}

/* ----- SUBOPTIES ------------------------------------------------------------------ */

#leftbar #subopties {
	z-index:		3;
	position:		absolute;
	margin:			525px 0 0 5px;
	width: 			190px;
	height: 		50px;
	padding-top:		0;
	padding-left:		0;
}

/* ----- WINKELWAGEN ---------------------------------------------------------------- */

#leftbar #winkelwagen {
	z-index:		3;
	position:		absolute;
	margin:			575px 0 0 5px;
	width: 			190px;
	height: 		125px;
	padding-top:		0;
	padding-left:		0;
}

/* ----- PRODUCTEN ------------------------------------------------------------------ */

#column3 #producten {
	z-index:		2;
	position: 		relative;
	top: 			70px;
	width: 			160px;
	text-align: 		center;
}
/* #column3 #producten img {
	border:			1px solid #b5111b;
} */

#column3 #producten #productimg {
	width:			122px;
	height:			100px;
	/*text-align:		center;*/
	border:			1px solid #b5111b;
}
#column3 #producten #button {
	position:		relative;
	margin-top:		-10px;
	padding-bottom:		15px;	
}
#column3 #producten #button img {
	border:			0;
}

/* ----- CONTENT -------------------------------------------------------------------- */

#column2 #content {
	margin-top:		20px;
}
#column2 #producten #productimg {
	width:			160px;
	height:			130px;
	/*text-align:		center;*/
	border:			1px solid #b5111b;
	padding-bottom:		15px;
}
#column2 #producten #productimg_small {
	width:			115px;
	height:			130px;
	/*text-align:		center;*/
	border:			1px solid #b5111b;
	padding-bottom:		15px;
}
#column2 #producten img {
	max-width:		120px;
	max-height:		100px;
}
#column2 #producten img {
	max-width:		115px;
	max-height:		100px;
}
#column2 #producten #prijs {
	position:		relative;
	margin-top:		-21px;
	margin-left:		80px;
	width:			60px;
	
}
#column2 #producten #prijs_small {
	position:		relative;
	margin-top:		-21px;
	margin-left:		45px;
	width:			60px;
	
}
#column2 #producten #prijsback {
	filter:         	alpha(opacity=50);
	-moz-opacity: 		0.5;
	position:		relative;
	margin-top:		-35px;
	margin-left:		80px;
	width:			60px;
	border:			1px solid #b5111b;
}
#column2 #producten #prijsback_small {
	filter:         	alpha(opacity=50);
	-moz-opacity: 		0.5;
	position:		relative;
	margin-top:		-35px;
	margin-left:		45px;
	width:			60px;
	border:			1px solid #b5111b;
}
#column2 #producten #naam {
	position:		relative;
	margin-top:		15px;
	width:			160px;
	height:			50px;
}
#column2 #producten #naam_small {
	position:		relative;
	margin-top:		15px;
	width:			115px;
	height:			50px;
}
#column2 #producten #tip {
	position:		relative;
	margin-top:		-200px;
	margin-left:		-118px;
	width:			52px;
	height:			57px;
}
#column2 #producten #tipFF {
	position:		relative;
	margin-top:		-200px;
	width:			52px;
	height:			180px;
	margin-right:		114px;
}
#column2 #producten #tip_small {
	position:		relative;
	margin-top:		-200px;
	margin-left:		-80px;
	width:			52px;
	height:			57px;
}
#column2 #producten #tipFF_small {
	position:		relative;
	margin-top:		-200px;
	width:			52px;
	height:			180px;
	margin-left:		20px;
}
#column2 #zoek {
	width:			200px;
	height:			75px;
	float:			right;
	border:			1px solid #b5111b;
}
#content li {
	text-align:		left;
	font-size:		12px;
}

#column2 h1 {
	font-weight:		normal;
	font-size:		19px;
	line-height:		19px;
	color:			#b5111b;
}

#column2 p {
	text-align:		left;
	font-size:		12px;
}

.con270 {
	padding-left:		20px;
	padding-right:		20px;
	width:			230px;
	background:		url('../images/con270_back.gif') top left repeat-y;
	font-size:		13px;
	line-height:		14px;
}
.con560 {
	padding-left:		20px;
	padding-right:		20px;
	width:			520px;
	background:		url('../images/con560_back.gif') top left repeat-y;
	font-size:		13px;
	line-height:		14px;
}

.con270 td, .con270 input, .con270 select, .con270 textarea, .con560 td, .con560 input, .con560 select, .con560 textarea {
	font-family:		trebuchet ms, Tahoma, Arial, Verdana;
	font-size:		12px;
	height:			20px;
}
.con270 input, .con560 input {
	border:			1px solid #edbf2e;
}
.con270 input, .con270 select, .con270 textarea {
	width:			145px;
}
.con560 input, .con560 select, .con560 textarea {
	width:			200px;
}

#scrollable {
	overflow:			auto;
	height:				320px;
	scrollbar-3dlight-color:	#ffffff;
	scrollbar-arrow-color:		#b5111b;
	scrollbar-base-color:		#ffffff;
	scrollbar-darkshadow-color:	#ffffff; 
	scrollbar-face-color:		#ffffff; 
	scrollbar-highlight-color:	#fbf1f1; 
	scrollbar-shadow-color:		#fbf1f1;
}
.calendar {
	font-size:		12px;
	text-align:		center;
	line-height:		25px;
}
.calendar td {
	background:		#fbf1f1;
}
.calendar_top td {
	background:		#b5111b;
	color:			#ffffff;
	font-weight:		bold;
}

.button {
	background:		#b5111b;
	color:			#ffffff;
	cursor:			hand;
	height:			22px;
}

.error {
	color:			#ff0000;
	font-weight:		bold;
	text-align:		center;
}
.foon {
	background:		url('../images/telefoon - sms-groot.jpg') center center no-repeat;
	}