/*
#################
#	ALGEMEEN	#
#################
*/
body, html,
span, div,
h1, h2, h3, h4, h5, h6,
a, p,
img,
ul, ol, li {
	margin: 0;
	padding: 0;
}

h2 {
	font-size: 1.6em;
}

h3 {
	margin-bottom: 8px;
	font-size: 1.4em;
}

h4 {

}

a {
	color: #000;
}

a:hover {
	text-decoration: none;
}

p {
	margin-bottom: 10px;
}

img {
	border: none;
}

.hidden {
	display: none;
}

.clear {
	clear: both;
	height: 0;
}

body {
	font: 62.5% Arial, Helvetica, sans-serif;
	color: #000;
}

/*
#################
#	LAY-OUT		#
#################

HOOFDPAGINA */
h1#siteLogo a {
	float: left;
	width: 255px;
	height: 52px;
	margin: 33px 0 10px 0;
	background: url(../images/siteLogo.png);
}

div#container {
	width: 856px;
	padding-left: 25px;
	font-size: 1.2em;
	background-image: url(../images/bg-container.jpg);
	background-position: 0 95px;
	background-repeat: no-repeat;
}

div.banner {
	float: left;
	clear: left;
	background: #ff0400;
}

	div#linkwithChina {
		width: 225px;
		height: 115px;
		margin-bottom: 151px;
		background: url(../images/linkwithChina.gif);
	}

div#wielen {
	position: absolute;
	width: 138px;
	height: 200px;
	top: 180px;
	left: 735px;
	background: url(../images/wielen3.png);
}

div#content {
	clear: both;
	margin-top: 25px;
}

div.voorpaginaItem {
	float: left;
	width: 168px;
	min-height: 195px;
	margin-bottom: 25px;
	padding: 12px;
	border-left: 10px solid #fff;
}

	div.voorpaginaItem h3 {
		color: #ff0400;
	}
	
	div.voorpaginaItem a {
		font-weight: bold;
	}
	
	div.voorpaginaItem address {
		font-style: normal;
	}
	
	div.voorpaginaItem address b,
	div.voorpaginaItem address span.blauw,
	div.voorpaginaItem address a {
		color: #386fa1;
	}
	
	div.voorpaginaItem address a {
		font-weight: normal;
		text-decoration: none;
	}
	
	div.voorpaginaItem address a:hover {
		text-decoration: underline;
	}

div#welkom {
	width: 226px;
	color: #fff;
	border: none;
	background: #386fa1 url(../images/bg-welkom.gif) repeat-x bottom;
}

	div#welkom h3 {
		color: #fff;
	}

div#ourProducts {
	background: url(../images/bg-ourProducts.gif) repeat-y;
}

	div#ourProducts h3 {
		color: #386fa1;
	}

div#pics {
	clear: both;
	margin-bottom: 25px;
	padding: 6px 0;
	width:881px;
	margin-top:10px;
	text-align: center;
	border: 1px solid #dbdbdb;
}

	div#pics img {
		padding: 0 11px;
	}

/*SUBPAGINA*/
body.subBody h1#siteLogo a {
	margin-bottom: 25px;
}

body.subBody div#container {
	background-position: 0 143px;
}

body.subBody div.banner {
	background: #ff0400;
}

div#sourcing {
	width: 223px;
	height: 102px;
}
	
div#mrXin {
	float: right;
	width: 240px;
	height: 213px;
	color: #fff;
	background: url(../images/bg-mrXin.jpg);
}

body.subBody div#content {
	padding-top: 30px;
}

div#kolomMidden {
	float: left;
	width: 405px;
	border-left: 20px solid #fff;
}

	div#breadcrumbs {
		margin-bottom: 25px;
	}
	
		div#breadcrumbs a {
			text-decoration: none;
		}
		
		div#breadcrumbs a:hover {
			text-decoration: underline;
		}
		
		div#breadcrumbs span#pagina {
			color: #ff0400;
		}

	div#kolomMidden h2 {
		margin-bottom: 16px;
	}
	
	div#intro {
		margin-bottom: 16px;
		padding: 12px 8px;
		background: #e8eef4;
		font-weight:bold;
	}
	
	div#kolomMidden h3 {
		margin: 0;
		color: #ff0400;
		font-size: 1.3em;
	}

div#kolomRechts {
	float: right;
	width: 238px;
}

	div#kolomRechts img#fotoRechts {
		margin: 22px 0;
	}

	div#kolomRechts h4 {
		font-size: 1.2em;
		color: #386fa1;
	}
	
	div#kolomRechts a.readMore {
		display: block;
		clear: both;
		margin-top: 0px;
		padding-top: 6px;
		color: #ff0400;
	}

/*
#########################
#	MENU'S & LIJSTEN	#
#########################

HOOFDMENU */
ul#mainMenu {
	clear: both;
	height: 33px;
	list-style: none;
	background: #e8eef4 url(../images/mainMenu/bg.png) no-repeat top right;
}

ul#mainMenu li {
	float: left;
	height: 24px;
	padding-top: 9px;
	border-left: 1px solid #fff;
	background: #e8eef4;
}

ul#mainMenu li a {
	display: block;
	margin-right: 20px;
	padding: 2px 0 2px 32px;
	color: #1a171c;
	text-decoration: none;
	background: #e8eef4 url(../images/mainMenu/li.gif) no-repeat left center;
}

ul#mainMenu li a:hover,
ul#mainMenu li a.active {
	background-image: url(../images/mainMenu/liHover.gif);
}

/* Hoofdmenu op subpaginas */
body.subBody ul#mainMenu {
	clear: both;
	margin-bottom: 0;
}

/* LIJST IN HET WELKOMSITEM */
div#welkom ul {
	margin-top: 8px;
	list-style: none;
}

div#welkom ul li a {
	color: #fff;
	font-weight: bold;
}

/* LIJST IN HET 'OUR PRODUCTS'-ITEM */
div#ourProducts ul {
	list-style: none;
}

div#ourProducts ul li {
	margin: 6px 0;
}

div#ourProducts ul li a {
	display: block;
	padding: 0 0 3px 12px;
	font-weight: normal;
	text-decoration: none;
	border-bottom: 1px solid #b0cae0;
	background: url(../images/bullet-zwart.gif) no-repeat left center;
}

div#ourProducts ul li a:hover {
	color: #ff0400;
	background-image: url(../images/bullet-rood.gif);
}

ul#copyright {
	list-style: none;
}

ul#copyright li {
	float: left;
}

ul#copyright li a:hover {
	text-decoration: none;
}

ul#copyright li#iWink {
	float: right;
}

/* SUBMENU */
ul#subMenu {
	float: left;
	width: 170px;
	list-style: none;
	border-left: 0px solid #fff;
}

ul#subMenu li {
	padding-top: 5px;
}

ul#subMenu li a {
	display: block;
	padding: 0 0 13px 20px;
	text-decoration: none;
	border-bottom: 1px solid #b0cae0;
}

ul#subMenu li a:hover,
ul#subMenu li a.active {
	color: #ff0400;
	font-weight: bold;
	background: url(../images/pijltjeRood.gif) no-repeat left top;
}

/* LIJST IN DE MIDDENKOLOM */
div#kolomMidden ul {
	margin: 25px 0 25px 30px;
	list-style: square;
}

/*
#####################
#	FORMULIEREN		#
#####################

ALGEMEEN */
form ul {
	list-style: none;
}

form input.error {
	border: 2px solid red;
	background-color: #fee;
}

/* ZOEKFORMULIER */
form#zoeken {
	float: right;
	padding: 64px 0 0 0;
	font-size: 1.2em;
}

form#zoeken ul li {
	margin: 2px 0;
}

form#zoeken ul li a {
	margin-right: 12px;
	text-decoration: none;
}

form#zoeken ul li a:hover {
	text-decoration: underline;
}

form#zoeken input {
	border: 1px solid #e3e3e3;
}

form#zoeken input.submit {
	margin-left: -4px;
	color: #fff;
	border: 1px solid red;
	background: red;
}

/* Zoekformulier op de subpaginas */
body.subBody form#zoeken {
	padding-top: 45px;
}

body.subBody form#zoeken ul li.link {
	text-align: right;
}

body.subBody form#zoeken ul li.link a {
	margin-right: 0;
}