body {
	font:					76%/140% Verdana,Arial,Helvetica,sans-serif;
	overflow:				-moz-scrollbars-vertical;
}

html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td { 
	margin: 				0px; 
	padding: 				0px; 
}

hr {
	border:					0px;
	margin:					0px;
	margin-bottom:			25px;
	padding-top: 			25px;
	border-bottom:			1px solid #ff9900;
	clear: 					both;
	width:					538px;
	margin-left:			100px;
}

body {
	width:					100%;
	height:					100%;
	position:				absolute;
}

div#container {
	width:					889px;
	margin-left:			auto;
	margin-right:			auto;
	display:				block;
	float:					none;
	position:				relative;
	overflow:				visible;
}

a {
	color:					#f00;
	font-size: 				0.9em;
	text-decoration: 		none;
}

a:hover {
	color: 					#000;
}

h2 {
	color:					#ff0000;
	text-decoration:		none;
	font-size:				11pt;
}

/* ------------------- wrappers ------------------- */

div#main_box {
	float:					left;
	position:				relative;
	width:					881px;
	padding-left:			4px;
	padding-right:			4px;
	background-image: 		url(../img/main_back.gif);
	background-repeat:	 	repeat-y;
}

div#header_box {
	float:					left;
	position:				relative;
	width:					889px;
	height:					15px;
}

div#footer_box {
	float:					left;
	position:				relative;
	width:					889px;
	height:					15px;
}


/* ------------------- contentboxes ------------------- */


div#content_top {
	float:					left;
	position:				relative;
	width:					100%;
	height:					131px;
	background-image: 		url(../img/top_image2.gif);
	background-repeat: 		no-repeat;
	background-position: 	center bottom;	
}

div#content_main {
	float:					left;
	position:				relative;
	width:					100%;
	background-image: 		url(../img/content_back.gif);
	background-repeat: 		repeat-y;
	background-position: 	center 70px;
	padding-bottom:			25px;
}

div#content_left {
	position:				relative;
	float:					left;
	width:					686px;
	margin-top:				40px;
	z-index:				10;
}

div#content_right {
	position:				relative;
	float:					right;
	top:					-49px;
	width:					186px;
	right:					8px;
	display:				block;
	font-size:				9pt;
}

div#footer_bar {
	position:				absolute;
	bottom:					0;
	left:					0;
	width:					686px;
	text-align:				center;
}

/* ------------------- elements ------------------- */

div#fix {
	position:				absolute;
	top:					0;
	left:					19px;
}

div#logo_1 {
	position:				absolute;
	right:					20px;
	top:					4px;
}

div#logo_2 {
	position:				absolute;
	left:					380px;
	top:					42px;
	display: none;
}

div#inset {
	position:				absolute;
	left:					0px;
	top:					-6px;
	z-index:				50;
}

div#menu {
	position:				absolute;
	left:					200px;
	bottom:					3px;

}

div#menu a {
	margin-left:			5px;
	margin-right:			5px;
}

div#submenu { position: absolute; color: #fff; font-weight: bold; top: 0; left: 200px; background-color: #000; border: 1px solid #000; border-top: none; -webkit-border-bottom-left-radius: 6px; -webkit-border-bottom-right-radius: 6px; -moz-border-radius-bottomleft: 6px; -moz-border-radius-bottomright: 6px; }
div#submenu a { display: inline-block; padding: 3px 10px; color: #fff; }
div#submenu a:hover { color: #e82228; text-decoration: none; }

div#nieuw li,
div#actie li {
	list-style:				none;
	float:					left;
	width:					194px;
	margin-bottom:			20px;
}

div#nieuw img,
div#actie img {
	border:					0px;
}

div#nieuw h2,
div#actie h2 {
	font-family:			Verdana, Arial, Helvetica, sans-serif;
	font-size:				9pt;
	padding:				5px 0px;
	height:					44px;
	color:					#000;
}

div#nieuw .spec,
div#actie .spec {
	margin: 				3px 13px;
}

div#nieuw ul,
div#actie ul {
	float:					left;
	width: 					584px;
}

div#nieuw li a,
div#actie li a {
	position:				relative;
	display:				block;
	width:					138px;
	text-decoration:		none;
}

div#nieuw li a div.actie_prijs,
div#actie li a div.actie_prijs {
	position:				absolute;
	height:					138px;
	width:					134px;
}

div#nieuw li a div.actie_prijs div,
div#actie li a div.actie_prijs div {
	position:				absolute;
	bottom:					0;
	width:					100%;
	padding:				2px;
	text-align:				center;
	background-color:		#e4343a;
	color:					#FFF;
	font-weight:			bold;
}

div#nieuw,
div#actie { position: relative; margin-left: 100px; }

div#nieuw .nieuw, div#actie .actie {
	position: absolute; top: 49px; left: -120px; z-index:50;
}

div#content_right {
	font-size:				8pt;
}

div#content_right li {
	list-style:				none;
	line-height:			22px;
	margin:					0px 10px;
	color:					#ff0000;
}

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

div#content_right a:hover {
	text-decoration:		underline;
}

div#product {
	padding: 				10px;
	font-size:				9pt;
}

div#product h1 {
	font-size:				1.5em;
	padding:				10px;
	font-weight:			normal;
	margin-left:			80px;
	color:					#ff0000;
}

div#product h3 {
	color:					#ff0000;
}

img.product_afbeelding {
	width: 					91px;
	margin-left: 			90px;
	margin-right:			14px;
	float: 					left;
	border:					0px;
}

table.product_informatie, table#product_informatie {
	float: 					left;
	line-height: 			20px;
	background: 			#fffdf3;
	width: 					434px;
	padding: 				3px 5px;
	margin-bottom:			10px;
}

p.product_informatie_bottom {
	clear: 					both; 
	margin-left: 			200px; 
	width: 					426px; 
	padding: 				12px 0px 3px 5px
}

table.product_informatie td, table#product_informatie td {
	padding:				2px 5px;
}

table.product_informatie h3 a, table#product_informatie h3 a, div#offerte h2 {
	color:					#ff0000;
	text-decoration:		none;
	font-size:				11pt;
}

table.product_informatie h3 a:hover, table#product_informatie h3 a:hover {
	color:					#000;
}

div#product hr {
	width:					540px;
	margin-left:			90px;
}

span.prijs {
	float:					left;
	margin-right:			15px;
}

span.prijs b {
	color:					#ff0000;
}

span.minimale_afname {
	float: 					left;
}

span.offerte {
	float: 					right;
}


div#contact {
	padding: 				20px 0px;
}

div#contact li {
	list-style:				none;
	padding: 				4px;
}

div#form {
	width: 					400px;
	line-height: 			22px;
	float: 					right; 
	background: 			#eee; 
	padding: 				5px;
	margin:					0px 42px 20px 0px;
	*margin-right:			23px;
	-webkit-border-radius: 	4px; 
	-moz-border-radius: 	4px; 
	behavior:				url("resources/htc/border-radius.htc");
	border: 				1px solid #eee;
	display:				inline;
}

div#contact .naam, 
div#contact .email, 
div#contact .onderwerp {
	width:					200px;
	padding:				2px;
}

div#contact .bericht {
	padding:				2px;
	width:					300px;
	height: 				100px;
	font:					9pt Verdana,Arial,Helvetica,sans-serif;					
}

div#adres {
	float:					left;
	padding: 				0px 20px;
}

div#offerte {
	float:					left;
	line-height: 			20px;
}

div#bestaandeklant, div#nieuweklant, div#offerteopties {
	display:				inline;
	background: 			#f9f9f9;
	float:					left;
	width: 					408px;
	padding:				10px;
	border:					1px solid #ddd;
	margin: 				10px 0px 10px 212px;
}

div#nieuweklant a {
	color:					#ff0000;
	font-size: 				0.9em;
	text-decoration: 		none;
}

div#nieuweklant a:hover {
	color: 					#000;
}

div#offerte table td{
	height:					28px;
	padding-right: 			10px;
}

div#bestaandeklant .adres_1 {
	width:					113px !important;
	margin-right:			5px;
}

div#bestaandeklant .adres_2 {
	width:					20px !important;
}

div#error {
	clear: 					both;
	margin:					10px;
	margin-top:				0px;
	margin-right:			43px;
	padding:				10px;
	width:					521px;
	float:					right;
	background:				#fff6f6;
	border:					1px solid #FF0000;
	display:				inline;
}

div#succes {
	clear: 					both;
	margin:					10px;
	margin-top:				0px;
	margin-right:			43px;
	padding:				10px;
	width:					521px;
	float:					right;
	background:				#f6fff6;
	border:					1px solid #3DA83E;
}

div#offerteopties select {
	width:					150px;
}

div#offerteopties textarea {
	width:					284px;
	height:					106px;
}


div#cart { margin: 20px; }
div#cart form > input { float: right; margin-top: 10px; margin-left: 10px; }

table#cart_list { width: 100%; border: 1px solid #eee; border-collapse: collapse; }
table#cart_list th, 
table#cart_list td { padding: 2px; text-align: left; border-top: 1px solid #eee; vertical-align: top; }
table#cart_list th { background-color: #eee; }
table#cart_list tr.remark td  { border-top: 0; color: #888; }
table#cart_list td a { color: #222; text-decoration: none; border-bottom: 1px dotted #222; }
table#cart_list td a:hover { color: #888; border-bottom: 1px solid #888; }
table#cart_list input { width: 50px; border: 1px solid #aaa; }


div#cart div#bestaandeklant table input { width: auto; }
div#cart div#error { float: none; display: block; }

div#voorwaarden { margin: 20px; }
div#voorwaarden h1 { font-size: 14px; margin: 10px 0 5px; }
div#voorwaarden ol { margin-left: 15px; }
div#voorwaarden ol li { list-style: decimal outside; }
div#voorwaarden ol li ol li { list-style-type: lower-roman; }

div#deliveryspecs { margin: 20px; }
div#deliveryspecs ul,
div#deliveryspecs ol { margin-left: 15px; }
div#deliveryspecs ul li,
div#deliveryspecs ol li { list-style: decimal outside; }

table#orders { width: 100%; border: 1px solid #eee; border-collapse: collapse; }
table#orders tr { border-bottom: 1px solid #eee; }
table#orders th { padding: 2px 5px; background-color: #eee; text-align: left; }
table#orders td { padding: 0 5px; cursor: pointer; }
table#orders tr.priceless { color: #999; }
table#orders tr.priceless a { color: #f99; }


div#special_banner { margin-left: 100px; width: 538px; }


div#pathing { display: block; text-align: center; width: 100%; margin-bottom: 10px; }


/* ------------------- png fix ------------------- */

img { 
	behavior:				url("resources/htc/pngbehavior.htc");
}

