/* Algemene waardes */
* {
	margin:0;
	padding:0;
}
.clear {
	clear: both;
}
html, body {
	background: url(../gfx/site/bg.png);
	font-family: Trebuchet MS;
	font-size:12px;
	color:#000;
}

input, select, textarea, button, option {
	font-family: 		Arial;
	color: 				#000000;
	font-size: 			11px;
	margin-bottom: 		1px;
	margin-top: 		1px;
}

form {
	display: 			inline;
}

/* Standard width fitting for textarea and selectboxes */
textarea {
	border: 		1px solid #888888;
	width: 			362px;
	height: 		120px;
	padding: 		2px;
}

.input_small {
 	border: 		1px solid #888888;
	width: 			50px;
	height: 		14px;
	padding: 		2px;
}

.input_medium {
 	border: 		1px solid #888888;
	width: 			150px;
	height: 		14px;
	padding: 		2px;
}

.input_regular {
 	border: 		1px solid #888888;
	width: 			210px;
	height: 		14px;
	padding: 		2px;
}

.input_large {
 	border: 		1px solid #888888;
	width: 			362px;
	height: 		14px;
	padding: 		2px;
}

.leftfloat {float:left;}
.rightfloat {float:right;}
.fixfloat {
	height:0;
	width:0;
	overflow:hidden;
	clear:both;
}
a img {border:0;}
a {color:#000; text-decoration:underline;}
a:hover {text-decoration:none;}
/* End Algemene waardes */
/* Container */
div#container {
	width:970px;
	margin:0 auto;
	padding:50px 0 0 0;
}
	/* Header */
	div#header {
		width:950px;
		height:90px;
		background:#fff;
		padding:10px;
	}
	div#header_top {
		width:937px;
		height:70px;
		padding:0 13px 0 0;
	}
	div#header .link {
		float:left;
		display:block;
		width:120px;
		height:62px;
		text-transform:uppercase;
		color:#fff;
		font-size:18px;
		text-decoration:none;
		padding:8px 0 0 10px;
	}
	.rozebg {background:#bd1550;}
	div#header .rozebg:hover, div#header .activeroze {
		background:#fff;
		color:#bd1550;
	}
	.oranjebg {background:#e97f02;}
	div#header .oranjebg:hover, div#header .activeoranje {
		background:#fff;
		color:#e97f02;
	}
	.geelbg {background:#f8ca00;}
	div#header .geelbg:hover, div#header .activegeel {
		background:#fff;
		color:#f8ca00;
	}
	.groenbg {background:#8a9b0f;}
	div#header .groenbg:hover, div#header .activegroen {
		background:#fff;
		color:#8a9b0f;
	}
	.blauwbg {background:#84c8dc;}
	div#header .blauwbg:hover, div#header .activeblauw {
		background:#fff;
		color:#84c8dc;
	}
	.zwartbg {background:#000;}
	div#header .zwart:hover, div#header .activezwart {
		background:#fff;
		color:#000;
	}
	div#header_foot {
		width:819px;
		padding:10px 0 0 0;
	}
	a#flag_en {
		float:right;
		width:15px;
		height:10px;
		overflow:hidden;
		background: url(../gfx/site/flag_en.png) 0 10px;
		display:block;
		margin:0 0 0 10px;
	}
	a#flag_nl {
		float:right;
		width:15px;
		height:10px;
		overflow:hidden;
		background: url(../gfx/site/flag_nl.png) 0 10px;
		display:block;
		margin:0 0 0 10px;
	}
	a#flag_en:hover, a#flag_nl:hover, div#header_foot .active {background-position:top;}
	#youtube {
		float:right;
		margin:14px 0 0 0;
	}
	#logo {float:left;}
	div#header_foot_left {
		float:left;
		font-size:9px;
		line-height:9px;
	}
	/* End Header */
	/* Top */
	div#top {
		width:950px;
		height:220px;
		padding:10px;
		margin:20px 0 0 0;
		background:#fff;
	}
	/* End Top */
	/* Content */
	div#content {
		width:950px;
		padding:10px;
		background:#fff;
		margin:20px 0 0 0;
	}
	div#zoeken {
		width:950px;
		height:20px;
		padding:0 0 10px 0;
	}
	div#zoeken img {
		float:right;
		padding:1px 0 0 0;
}
	div#zoeken .input {
		height:17px;
		border:0;
		float:right;
		background: url(../gfx/site/input_bg.png);
		width:147px;
		font-size:12px;
		font-family:arial;
		padding:3px 0 0 3px;
	}
	div.paars_kop {
		background:#490a3d;
		height:28px;
		color:#fff;
		text-transform:uppercase;
		font-size:20px;
		padding:2px 0 0 7px;
		margin:0 0 10px 0;
	}
	div.paars_cont {
		padding:10px;
	}
	div.paars_cont a {
		color:#000;
		text-decoration:none;
	}
	div.paars_cont a:hover {
		color:#bd1550;
		text-decoration:none;
	}
	div.groen_kop {
		background:#8a9b0f;
		height:28px;
		color:#fff;
		text-transform:uppercase;
		font-size:20px;
		padding:2px 0 0 7px;
		margin:0 0 10px 0;
	}
	div.groen_cont {
		margin-top: 10px;
	}
		/* Left */
		div#left {
			width:630px;
			float:left;
		}
		div#left_181 {
			width:181px;
			float:left;
		}
		div.roze_kop {
			background:#bd1550;
			height:28px;
			color:#fff;
			text-transform:uppercase;
			font-size:20px;
			padding:2px 0 0 7px;
			margin:0 0 10px 0;
		}
		div.roze_kop_border {
			background:#fff;
			border:1px solid #bd1550;
			height:27px;
			color:#bd1550;
			text-transform:uppercase;
			font-size:20px;
			padding:1px 0 0 7px;
			margin:0 0 10px 0;
		}
		div.roze_cont_klein {
			font-size:10px;
			text-align:right;
			padding:0 20px 0 0;
		}
		div.roze_cont_klein a {
			text-decoration:none;
			color:#000;
		}
		div.roze_cont_klein a:hover {
			color:#bd1550;
			text-decoration:none;
		}
		div.roze_cont_klein a.roze {
			color:#bd1550;
		}
		div.roze_cont_klein a.roze:hover {
			color:#000;
		}
		div#nieuws_msg {
			width:475px;
			float:left;
		}
		div#nieuws {
			padding:10px 10px 0 0;
		}
		.nieuws_img_left {
			float:left;
			border:2px solid #000;
			margin:0 20px 0 0;
		}
		div.roze_cont {
			padding:0;
		}
		div.roze_cont a {
			color:#bd1550;
			text-decoration:underline;
		}
		div.roze_cont a:hover {text-decoration:none;}
		div.nieuws_item {
			width:500px;
			margin:0 0 50px 0;
		}
		div#container div.last {
			margin:0;
		}
		div.nieuws_img {
			float:left;
			width:120px;
		}
		div.nieuws_item img {float:left;}
		div.nieuws_item div.nieuws_msg {
			width:360px;
			float:right;
		}
		div#container div.nieuws_item div.nieuws_msg p {
			padding:0 0 12px 0;
			line-height:16px;
		}
		p {

		}
		div#content p {
			line-height:16px;
			padding:0 0 12px 0;
		}
		/* /Left */
		/* Right */
		div#right {
			width:320px;
			float:right;
		}
		div#right_770 {
			width:769px;
			float:right;
		}
		div#nieuwsarchief a {
			color:#000;
			text-decoration:none;
		}
		div#nieuwsarchief a:hover {
			color:#bd1550;
		}
		div.blauw_kop_border {
			background:#fff;
			border:1px solid #84c8dc;
			height:27px;
			color:#84c8dc;
			text-align:right;
			text-transform:uppercase;
			font-size:20px;
			padding:1px 10px 0 7px;
			margin:0 0 10px 0;
		}
		div.blauw_kop {
			background:#84c8dc;
			height:28px;
			color:#fff;
			text-transform:uppercase;
			font-size:20px;
			padding:2px 0 0 7px;
			margin:0 0 10px 0;
		}
		div.blauw_cont_klein {
			text-align:right;
			font-size:10px;
			padding:0 20px 0 0;
		}
		div.persoon {
			padding:10px 0 20px 0;
		}
		div.persoon_info {
			width:542px;
			float:right;
			padding:0 5px 0 0;
		}
		div.persoon img {
			float:left;
		}
		div.blauw_cont a {
			color:#84c8dc;
			text-decoration:underline;
		}
		div.blauw_cont a:hover {
			text-decoration:none;
		}
		div.doc {
			margin:10px 0;
			padding:0 0 0 10px;
		}
		div.doc img {float:left;}
		div.doc_info {
			width:725px;
			float:right;
		}
		div.groene_stip {
			height:2px;
			overflow:hidden;
			background: url(../gfx/site/groene_stip.png) repeat-x;
			margin-bottom: 15px;
			width:		940px;
		}
		div.oranje_stip {
			height:2px;
			overflow:hidden;
			background: url(../gfx/site/oranje_stip.png) repeat-x;
		}
		div.blauw_cont_klein a {
			color:#84c8dc;
			text-decoration:underline;
		}
		div.blauw_cont_klein a:hover {
			text-decoration:none;
		}
		div.oranje_cont_klein {
			text-align:right;
			padding:0 20px 0 0;
			font-size:10px;
		}
		div.oranje_cont_klein a {
			color:#000;
			text-decoration:none;
		}
		div.oranje_cont_klein a:hover {
			color:#e97f02;
			text-decoration:none;
		}

		div.oranje_cont {padding:0;}
		div.oranje_cont a {
			color:#e97f02;
			text-decoration:underline;
		}
		div#stills {
			margin:-25px 0 0 0;
		}
		div#stills img {
			float:left;
			margin:0 10px 10px 0;
		}
		div.oranje_cont a:hover {
			text-decoration:none;
		}
		div#docu_tube {
			padding:40px 0;
		}
		div.oranje_kop {
			height:28px;
			background:#e97f02;
			color:#fff;
			text-transform:uppercase;
			font-size:20px;
			padding:2px 0 0 7px;
			margin:0 0 10px 0;
		}
		div.oranje_kop_border {
			background:#fff;
			border:1px solid #e97f02;
			height:27px;
			color:#84c8dc;
			text-align:right;
			text-transform:uppercase;
			font-size:20px;
			padding:1px 10px 0 7px;
			margin:0 0 10px 0;
		}
		div.geel_kop_border {
			background:#fff;
			border:1px solid #f8ca00;
			height:27px;
			color:#f8ca00;
			text-align:right;
			text-transform:uppercase;
			font-size:20px;
			padding:1px 20px 0 7px;
			margin:0 0 10px 0;
		}
		div.geel_kop {
			height:28px;
			background:#f8ca00;
			color:#fff;
			text-transform:uppercase;
			font-size:20px;
			padding:2px 0 0 7px;
			margin:0 0 10px 0;
		}
		div.geel_cont_klein a {
			color:#000;
			text-decoration:none;
		}
		div.geel_cont_klein a:hover {
			color:#f8ca00;
			text-decoration:none;
		}
		div.geel_cont_klein {
			text-align:right;
			font-size:10px;
			padding:0 20px 0 0;
		}
		div.geel_cont {
			padding:10px 0 0 0;
		}
		div.geel_cont h1 a {
			color:#000;
			text-decoration:none;
		}
		div.geel_cont h1 a:hover {color:#f8ca00;}
		div.maker_info {
			float:right;
			width:535px;
		}
		div.soort {
			padding:40px 0 0 0;
		}
		div.soort img {
			margin:0 10px 0 0;
			float:left;
		}
		#maker {
			float:left;
			margin:0 20px 0 0;
		}
		div#paging {
			padding:10px 0 0 0;
			height:22px;
			color:#e97f02;
		}
		div#paging a.pagenmbr {
			display:block;
			width:18px;
			height:18px;
			border:1px solid #e97f02;
			float:left;
			text-align:center;
		}
		div#content div#paging a.active, div#paging a.pagenmbr:hover {
			background:#e97f02;
			color:#fff;
			text-decoration:none;
		}
		div#paging a {
			display:block;
			float:left;
			margin:0 10px 0 0;
			text-decoration:none;
		}
		div#paging a:hover {text-decoration:underline;}
		.pic {
			display:block;
			margin:0 0 10px 0;
			width:320px;
		}
		a.docpic {
			display:block;
			margin:0 0 10px 0;
			width:320px;
		}

		a.docpic:hover {background-position:top;}

		a.pic1 {
			height:125px;
			background: url(../gfx/site/pic1.png) bottom no-repeat;
		}
		a.pic2 {
			height:78px;
			background: url(../gfx/site/pic2.png) bottom no-repeat;
		}
		a.pic3 {
			height:100px;
			background: url(../gfx/site/pic3.png) bottom no-repeat;
		}
		a.pic4 {
			height:161px;
			background: url(../gfx/site/pic4.png) bottom no-repeat;
		}
		a.pic5 {
			height:160px;
			background: url(../gfx/site/pic5.png) bottom no-repeat;
		}
		a.pic6 {
			height:120px;
			background: url(../gfx/site/pic6.png) bottom no-repeat;
		}
		a.pic1:hover, a.pic2:hover, a.pic3:hover, a.pic4:hover, a.pic5:hover, a.pic6:hover {background-position:top;}
		#num_shop_items {
			float:right;
			color: #696969;
			margin: 0px;
			padding: 0px;
			margin-right: 13px;
			margin-top: 4px;
			text-decoration: none;
			font-family: "trebechet ms", sans-serif;
		}
		#wagen {
			float:right;
			margin:0px;
			margin-right: 5px;
		}
		div#docu_top {
			color:#999;
			font-size:9px;
			padding:0 0 30px 0;
		}
		.docu_img_left {
			float:left;
			margin:0 30px 30px 0;
		}
		div#container div.oranje_cont p {
			padding:0 0 25px 0;
		}
		/* End Right */
	/* End Content */
	/* Footer */
	div#footer {
		width:970px;
		height:21px;
		padding:10px 0;
	}
	div#footer img {
		float:right;
		margin:0 0 0 10px;
	}
	div#footer_tekst {
		float:right;
		text-align:right;
		font-size:9px;
		color:#ccc;
		line-height:10px;
		font-style:italic;
	}
	/* End Footer */
/* End Container */
/* Tekst Opmaak */
.paars {color:#490a3d;}
.roze {color:#bd1550;}
.geel {color:#e97f02;}
.oranje {color:#e97f02;}
.upper {text-transform:uppercase;}
.bold {font-weight:bold;}
span.nieuws_kop {
	text-transform:uppercase;
	font-weight:bold;
}
span.zoek_woord {
	font-size:14px;
	font-weight:bold;
}
div#nieuws_msg h1 {
	font-size:20px;
	text-transform:none;
	font-weight:bold;
	margin:0 0 12px 0;
	font-family:Trebuchet MS;
}
div#container div.oranje_cont h1 {
	font-size:20px;
	text-transform:uppercase;
	font-weight:bold;
	margin:0 0 25px 0;
	font-family:Trebuchet MS;
}
div#container div.oranje_cont h1.nomar {
	font-size:20px;
	text-transform:uppercase;
	font-weight:bold;
	margin:0;
	font-family:Trebuchet MS;
}
h1 {
	font-size:20px;
	text-transform:uppercase;
	font-weight:bold;
	margin:0 0 12px 0;
	font-family:Trebuchet MS;
}
h1.nomar {
	margin:0;
}
h2 {
	font-size:14px;
	text-transform:uppercase;
	font-weight:bold;
	font-family:Trebuchet MS;
}
div.doc_info a {
	color:#000;
	text-decoration:none;
}
div.doc_info a:hover {
	color:#E97F02;
}
input#search {
	border: 0px;
	width: 20px;
	height: 20px;
	background: url(../gfx/site/zoek_btn.png);
}
div.webshop_docu {
	font-family: "trebuchet MS", arial;
	color: #000;
	min-height: 230px;
	padding-top: 6px;
	padding-left: 10px;
	margin-top: 9px;
	margin-bottom: 24px;
	float:			left;
	width:			940px;
}
div.webshop_recommended {
	background-color: #490A3D;
	font-family: "trebuchet MS", arial;
	color: #fff;
	height: 290px;
	padding-top: 6px;
	padding-left: 10px;
	padding-bottom: 20px;
	margin-bottom: 14px;
}

div.webshop_leftcolumn {
	width: 159px;
	margin-right: 31px;
	font-size: 10px;
	float: left;
	text-align: right;
}
div.webshop_coverimage {
	float: left;
	width: 160px;
	height: 230px;
}
div.webshop_rightcolumn {
	float: left;
	margin-left: 20px;
	width: 500px;
	min-height: 230px;
}
img.webshop_order {
	left:   0px;
	clear:  both;
}

#webshop_order, #webshop_order_recommended  {
	width:	60px;
	height:	20px;
	margin: 0;
	padding: 0;
	padding-top: 20px;
	border: 0;
	cursor: pointer;

}

#webshop_info, #webshop_info_recommended  {
	width:	125px;
	height:	20px;
	margin: 0;
	padding: 0;
	padding-top: 20px;
	border: 0;
	cursor: pointer;
}

#webshop_order {
	background: transparent url("../gfx/site/order.png") no-repeat center;
}

#webshop_info {
	background: transparent url("../gfx/site/button-info-plain.gif") no-repeat center;
}

#webshop_order_recommended {
	background: transparent url("../gfx/site/order_recommended.png") no-repeat center;
}

#webshop_info_recommended {
	background: transparent url("../gfx/site/button-info-aanrader.gif") no-repeat center;
}

table#webshop_shoppingcart {
	font-family: "trebechet ms", arial;
	font-size: 11px;
}

table#webshop_customer_data {
	margin-left: 14px;
	font-family: "trebechet ms", arial;
	color: #8a9b0f;
	font-weight: bold;
}
input#checkout_submit {
	border:				0px;
	width:				105px;
	height:				20px;
	background:			url('../gfx/site/webshop/next-step.png');
	cursor:				pointer;
	margin-right:		10px;
	margin-bottom:		10px;
}
input#proceed_to_payment {
	border:				0px;
	width:				160px;
	height:				20px;
	background:			url('../gfx/site/webshop/confirm-pay.png');
	cursor:				pointer;
	margin-right:		10px;
	margin-bottom:		10px;
}

/* End Tekst Opmaak */
