/* Default styles */
* {
	padding: 0;
	margin: 0;
}

html {
	overflow-y: scroll;
}

body {
	font: 11px/18px Arial, Helvetica, sans-serif;
	color: #000;
	background: #fff;
}

h1,
h2 {
	font: bold 14px/24px Georgia, "Times New Roman", Times, serif;
	color: #000;
}

h3 {
	color: #e98300;
	font: bold 14px/24px Georgia, "Times New Roman", Times, serif;
}

h4,
h5,
h6 {
	color: #b2b2b2;
	font: bold 11px/18px Georgia, "Times New Roman", Times, serif;
}

p {
	margin-bottom: 18px;
}

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

	a:hover {
		text-decoration: underline;
	}

img {
	border: 1px solid #d9d9d9;
}

#referenties td {
			line-height: 0px;
			margin: 0px;
			padding: 0px;
			text-align:center;
			vertical-align: center;
}

#referenties P {
			line-height: 0px;
			margin: 0px;
			padding: 0px;	
}

#referenties IMG {
	border:0px;	
	margin:0px;
}

input,
textarea {
	display: block;
	font: 11px/18px Georgia, "Times New Roman", Times, serif;
	vertical-align: middle;
	color: #696969;
	background: #fff url(../images/input.gif) no-repeat 0 0;
	width: 208px;
	height: 15px;
	padding: 6px 6px 6px 8px;
	margin-bottom: 6px;
	border: 1px solid #696969;
}

	#ie input,
	#ie textarea {
		margin-bottom: 4px;
	}

textarea {
	background-position: -400px 0;
	overflow: auto;
	width: 304px;
	height: 120px;
}

	input.inline {
		display: inline;
		text-align: center;
		width: auto;
		margin-bottom: 0;
	}

/* ID: wrapper */
#wrapper {
	overflow: hidden;
	width: 996px;
	padding: 12px 0;
	margin: 0 auto;
}

/* ID: menu */
#menu {
	background: url(../images/menu.jpg) no-repeat 0 0;
	overflow: hidden;
	height: 130px;
	margin-bottom: 5px;
}

	#menu h1 {
		width: 165px;
		height: 81px;
		margin-top: 24px;
	}

		#menu h1 a {
			display: block;
			text-indent: -9999px;
			text-decoration: none;
			background: url(../images/logo.gif) no-repeat 12px 15px;
			width: 100%;
			height: 100%;
			outline: none;
		}
		
	#menu p {
		color: #e98300;
		height: 22px;
		padding: 2px 12px 0;
		margin: -105px 0 0;
	}
	
	#menu dl dt {
		display: none;
	}
	
	/* CLASS: navigation */
	#menu .navigation {
		list-style: none;
		overflow: hidden;
		height: 27px;
		padding: 30px 0 24px 0;
		margin-left: 165px;
	}
	
		#menu .navigation a {
			display: block;
			color: #fff;
			font: bold 13px/27px Georgia, "Times New Roman", Times, serif;
			height: 100%;
			padding-left: 12px;
		}

		#menu .navigation dd,
		#menu .navigation li {
			float: left;
			width: 166px;
			height: 100%;
		}
		
	/* CLASS: subnavigation */
	#menu .subnavigation {
		float: right;
		list-style: none;
		height: 22px;
		padding: 2px 11px 0;
		margin: -105px 0 0 0;
	}
	
		#menu .subnavigation a {
			color: #c4262e;
		}
	
		#menu .subnavigation dd,
		#menu .subnavigation li {
			float: left;
			background: url(../images/sprites.gif) no-repeat 0 -375px;
			padding-left: 20px;
		}
		
			#menu .subnavigation dd.first,
			#menu .subnavigation li.first {
				background: none;
				padding-left: 0;
			}
		
	/* CLASS: breadcrumb */
	#menu .breadcrumb {
		list-style: none;
		height: 22px;
		padding: 3px 12px 0;
	}
	
		#menu .breadcrumb,
		#menu .breadcrumb a {
			color: #c7c7c7;
		}
	
		#menu .breadcrumb ul {
			list-style: none;
		}
	
		#menu .breadcrumb li {
			float: left;
			background: url(../images/sprites.gif) no-repeat 0 0;
			padding-left: 24px;
		}
		
			#menu .breadcrumb li.first {
				background: none;
				padding-left: 0;
			}

	/* CLASS: shoppingcart */		
	#menu p.shoppingcart {
		float: right;
		height: 23px;
		padding: 1px;
		margin: -25px 0 0 0;
	}
	
		#menu p.shoppingcart a {
			float: left;
			line-height: 22px;
			color: #c7c7c7;
			background: url(../images/sprites.gif) no-repeat 100% -625px;
			height: 100%;
			padding-right: 30px;
		}
		
			#menu p.shoppingcart a.active {
				background-position: 100% -648px;
			}

/* ID: container */
#container {
	float: left;
	background: url(../images/container.gif) repeat-y 0 0;
	width: 100%;
}

/* ID: content */
#content {
	float: right;
	display: inline;
	width: 736px;
	margin-right: 6px;
}

	#content a {
		text-decoration: underline;
	}

	/* CLASS: header */
	#content h2.header {
		font: normal 32px/34px Georgia, "Times New Roman", Times, serif;
		color: #000;
		height: 49px;
		padding: 7px 0 0 8px;
		margin-bottom: 6px;
		border-bottom: 1px solid #d9d9d9;
	}
	
	#content dl {
		margin-bottom: 9px;
	}
	
	#content dl dt.header {
		font: bold 14px/24px Georgia, "Times New Roman", Times, serif;
		color: #e98300;
	}

	/* CLASS: three-column */
	#content .three-column {
		background: url(../images/container.gif) repeat-y 100% 0;
		overflow: hidden;
		width: 747px;
		margin: 0 -6px 0 -5px;
	}
	
	#content .three-column .paragraph {
		float: left;
		width: 224px;
		padding: 4px 12px;
		margin-right: 1px;
	}
	
	/* TAG: table */
	#content table {
		background: url(../images/sidebar-gradient.png) no-repeat -9999px 0;
		border-collapse: collapse;
		border-top: 1px solid #d9d9d9;
	}
	
		#ie6 #content table {
			background-image: none;
		}
	
		#content table.header {
			background: none;
			margin-top: 5px;
		}
		
		#content table.last {
			margin-bottom: 24px;
			border-bottom: 1px solid #d9d9d9;
		}
	
		#content table th,
		#content table td {
			line-height: 24px;
			text-align: left;
			vertical-align: top;
			padding-left: 7px;
		}
		
			#content table tbody th {
				font: bold 14px/24px Georgia, "Times New Roman", Times, serif;
				color: #000;
			}
			
			#content table.header tbody th {
				font: normal 11px/24px Georgia, "Times New Roman", Times, serif;
				color: #b2b2b2;
				height: 25px;
			}
			
			#content table tr:first-child th,
			#content table tr:first-child td {
				padding-top: 3px;
			}
			
			#content table tr:last-child th,
			#content table tr:last-child td {
				padding-bottom: 5px;
			}
			
				#content table.header tr:first-child th,
				#content table.header tr:first-child td {
					padding-top: 0;
					padding-bottom: 0;
				}
		
	/* TAG: UL */
	#content ul {
		list-style: none;
		overflow: hidden;
	}
	
		#content ul a {
			text-decoration: none;
		}
		
			#content ul a:hover {
				text-decoration: underline;
			}
	
		#content ul li,
		#content ul.images li.normal,
		#content ul.ratings li.normal,
		#content ul.reactions li.normal {
			float: none;
			clear: left;
			display: block;
			font-family: Georgia, "Times New Roman", Times, serif;
			line-height: 24px;
			background: url(../images/sprites.gif) no-repeat -11px -125px;
			width: auto;
			height: auto;
			padding: 0 0 0 13px;
			margin: 0;
			border: none;
		}
		
		/* CLASS: images */
		#content ul.images {
			width: 402px;
		}
		
			#content ul.images li {
				float: left;
				clear: none;
				background: none;
				width: 122px;
				height: 78px;
				padding: 4px 12px 8px 0;
			}
		
				#content ul.images li img {
					border: 1px solid #d9d9d9;
			}
		
		/* CLASS: ratings and reactions */
		#content ul.reactions {
			padding: 8px 6px 0;
			margin: 8px -6px 0;
			border-top: 1px dotted #d9d9d9;
		}
		
		#content ul.ratings li,
		#content ul.reactions li {
			font-family: Arial, Helvetica, sans-serif;
			line-height: 18px;
			background: none;
			overflow: hidden;
			height: auto;
			padding: 0 6px 8px;
			margin: 0 -6px 8px;
			border-bottom: 1px dotted #d9d9d9;
		}

		#content ul.ratings .rating {
			float: left;
			text-indent: -9999px;
			background: #fff url(../images/stars.gif) no-repeat -101px 0;
			width: 84px;
			height: 15px;
			margin-right: 8px;
		}
		
		#content ul.ratings .half { background-position: -84px -20px; }
		#content ul.ratings .one { background-position: -84px 0; }
		#content ul.ratings .one-half { background-position: -67px -20px; }
		#content ul.ratings .two { background-position: -67px 0; }
		#content ul.ratings .two-half { background-position: -50px -20px; }
		#content ul.ratings .three { background-position: -50px 0; }
		#content ul.ratings .three-half { background-position: -33px -20px;	}
		#content ul.ratings .four { background-position: -33px 0; }
		#content ul.ratings .four-half { background-position: -16px -20px; }
		#content ul.ratings .five { background-position: -16px 0; }			
		
		#content ul.ratings .summary {
			display: block;
			color: #000;
		}
		
		#content ul.ratings .count {
			color: #000;
			background: url(../images/sprites.gif) no-repeat 0 -499px;
			padding-left: 12px;
		}
		
		#content ul.ratings h4 {
			line-height: 18px;
		}
		
			#ie6 #content ul.ratings .summary,
			#ie6 #content ul.ratings h4 {
				text-indent: 92px;
				height: 18px;
				margin-top: -18px;
			}
			
		#content ul.ratings blockquote,
		#content ul.reactions blockquote {
			margin-bottom: 5px;
		}
		
		#content ul.ratings cite,
		#content ul.reactions cite {
			font-style: normal;
			color: #b2b2b2;
		}

/* CLASS: up */
#content a.up {
	position: relative;
	clear: both;
	display: block;
	font: 11px/24px Georgia, "Times New Roman", Times, serif;
	text-align: right;
	text-decoration: none;
	white-space: nowrap;
	color: #b2b2b2;
	background: url(../images/sprites.gif) no-repeat 100% -853px;
	width: 70px;
	padding-right: 10px;
}

	#content a.up:hover {
		text-decoration: underline;
	}

/* CLASS: example */
dl.example {
	font-family: Georgia, "Times New Roman", Times, serif;
	line-height: 24px;
	margin-bottom: 5px;
}

	dl.example dt {
		clear: right;
		background: url(../images/sprites.gif) no-repeat 0 -250px;
		padding-left: 13px;
	}
	
		dl.example dt.input {
			background-color: #ececec;
			background-position: 0 -247px;
		}
		
			#ie dl.example input {
				margin-top: -2px;
			}

	dl.example dd {
		float: right;
		text-align: right;
		white-space: nowrap;
		overflow: hidden;
		width: 64px;
		margin-top: -24px;
	}
	
		dl.example dd.total {
			color: #e98300;
		}
		
		dl.example dd span {
			float: left;
		}
		
/* CLASS: button-orange */
.button-orange {
	display: block;
	background: #e98300 url(../images/buttons.gif) no-repeat;
	height: 44px;
	padding-left: 1px;
	margin-bottom: 7px;
	border: 1px solid #696969;
}

	.button-orange a,
	.button-orange a:hover,
	.button-orange button {
		display: block;
		cursor: pointer;
		font: bold 14px/42px Georgia, "Times New Roman", Times, serif;
		text-align: center;
		text-decoration: none;
		color: #fff;
		background: url(../images/buttons.gif) no-repeat 100% 0;
		height: 44px;
		outline: none;
		border: none;
	}
	
		#content .button-orange a {
			text-decoration: none;
		}

	.button-orange button {
		width: 100%;
		padding-bottom: 4px;
	}
	
/* CLASS: button-grey */
.button-grey {
	display: block;
	background: #f2f2f2 url(../images/buttons.gif) no-repeat 0 -44px;
	height: 27px;
	padding-left: 1px;
	border: 1px solid #696969;
	margin-bottom: 7px;
}

	.button-grey a,
	.button-grey a:hover,
	.button-grey button {
		display: block;
		cursor: pointer;
		font: 11px/26px Georgia, "Times New Roman", Times, serif;
		text-align: center;
		text-decoration: none;
		color: #696969;
		background: url(../images/buttons.gif) no-repeat 100% -44px;
		height: 27px;
		outline: none;
		border: none;
	}
	
		#content .button-grey a {
			text-decoration: none;
		}
	
	.button-grey button {
		width: 100%;
		padding-bottom: 4px;
	}
	
/* CLASS: button-bullet */		
.button-bullet {
	display: block;
	font: 11px/24px Georgia, "Times New Roman", Times, serif;
	background: url(../images/sprites.gif) no-repeat -11px -125px;
	height: 24px;
	padding: 0 0 0 13px;
}

	#content .button-bullet a {
		text-decoration: none;
	}
	
		#content .button-bullet a:hover {
			text-decoration: underline;
		}
		
		#content .button-bullet a:hover span {
			text-decoration: underline;
		}
		
/* CLASS: orderbox */
.orderbox {
	margin: 7px 0 16px;
	border: 1px solid #696969;
}

	.orderbox big {
		display: block;
		font: bold 24px/38px Arial, Helvetica, sans-serif;
		text-align: center;
		color: #fff;
		background: #000 url(../images/sprites.gif) repeat-x 0 -788px;
		height: 38px;
	}
	
	.orderbox .button-grey {
		margin-bottom: 0;
		border-width: 1px 0 0;
	}
	
		.orderbox .button-grey a,
		.orderbox .button-grey a:hover {
			font-weight: bold;
			background: url(../images/sprites.gif) no-repeat 100% -826px;
			padding-right: 27px;
		}
		
/* ID: sidebar */
#sidebar {
	float: left;
	width: 243px;
}

	#sidebar ul {
		list-style: none;
		overflow: hidden;
		width: 241px;
		margin-bottom: 5px;
		border: solid #d9d9d9;
		border-width: 1px 1px 7px;
	}

			#sidebar li.title {
				background: url(../images/sidebar-gradient.png) no-repeat 0 0;
				padding: 3px 11px;
			}
		
				#ie6 #sidebar li.title {
					background: none; /* IE6 lacks alpha PNG support */
				}
	
			#sidebar li.title p {
				margin: 0;
			}
	
		#sidebar li.links ul {
			font-family: Georgia, "Times New Roman", Times, serif;
			background: none;
			border: 0;
		}
		
		#sidebar li.links li {
			float: left;
			width: 100%;
		}
			
			#sidebar li.links li a {
				display: block;
				line-height: 24px;
				text-decoration: none;
				white-space: nowrap;
				background: url(../images/sprites.gif) no-repeat 0 -125px;
				padding-left: 24px;
			}
			
				#sidebar li.links li a.active span,
				#sidebar li.links li a:hover span {
					color: #fff;
				}
	
	/* CLASS: dynamicbackground */
	#sidebar.dynamicbackground ul {
		cursor: pointer;
		background-image: url(../images/sidebar.gif);
		background-repeat: no-repeat;
		border-width: 1px 1px 0;
	}
		
		#sidebar.dynamicbackground ul.open {
			cursor: default;
		}

		#sidebar.dynamicbackground a.toggle {
			display: block;
			cursor: pointer;
			background: url(../images/sidebar.gif) no-repeat 0 0;
			overflow: hidden;
			height: 7px;
		}
	
	/* CLASS: kost-het */
	#sidebar .kost-het {
		padding: 0 7px 0 12px;
	}
	
		#sidebar .kost-het h2 {
			color: #b2b2b2;
			padding-bottom: 2px;
		}
	
/* ID: footer */
#footer {
	float: right;
	clear: right;
	display: inline;
	font-size: 10px;
	text-align: center;
	width: 736px;
	padding-top: 15px;
	margin: 5px 6px 0 0;
	border-top: 1px solid #d9d9d9;
}

	#footer,
	#footer a {
		color: #b2b2b2;
	}
	
	#footer li {
		margin-top: 7px;
	}
	
		#footer li.eussengroep {
			margin-top: 0;
		}
		
			#ie #footer li.eussengroep {
				background-position: 0 -493px;
			}

			#footer li.eussengroep a {
				background: url(../images/sprites.gif) 100% -671px no-repeat;
				padding: 7px 19px 3px 0;
			}
			
				#footer li.eussengroep a:hover {
					background-position: 100% -694px;
				}

	#footer ul {
		list-style: none;
	}
	
	#footer ul li {
		display: inline;
		background: url(../images/sprites.gif) 0 -500px no-repeat;
		padding-left: 12px;
	}
	
		#footer ul li.first {
			background: none;
			padding-left: 0;
		}

/* PRODUCT COLORS */
#content table.personeel-en-organisatie,
#sidebar ul.personeel-en-organisatie {
	background-color: #fafcf6;
	background-position: 0 0;
	border-color: #b6cc71;
}

	#content table.personeel-en-organisatie a span,
	#sidebar ul.personeel-en-organisatie a span {
		color: #85aa13;
	}
	
	#sidebar ul.personeel-en-organisatie ul li a.active,
	#sidebar ul.personeel-en-organisatie ul li a:hover {
		background-color: #9dbb42;
	}

	#sidebar ul.open.personeel-en-organisatie a.toggle {
		background-position: 0 -7px;
	}

	#sidebar ul.personeel-en-organisatie li.title,
	#sidebar ul.personeel-en-organisatie a.toggle {
		background-position: 0 0;
	}

#content table.verkoop-en-relatie,
#sidebar ul.verkoop-en-relatie {
	background-color: #fef5f8;
	background-position: -740px 0;
	border-color: #f16e94;
}

	#content table.verkoop-en-relatie a span,
	#sidebar ul.verkoop-en-relatie a span {
		color: #e70e4c;
	}
	
	#sidebar ul.verkoop-en-relatie ul li a.active,
	#sidebar ul.verkoop-en-relatie ul li a:hover {
		background-color: #ec3e70;
	}

	#sidebar ul.open.verkoop-en-relatie a.toggle {
		background-position: -740px -7px;
	}

	#sidebar ul.verkoop-en-relatie li.title,
	#sidebar ul.verkoop-en-relatie a.toggle {
		background-position: -740px 0;
	}

#content table.marketing-en-website,
#sidebar ul.marketing-en-website {
	background-color: #f6fcfb;
	background-position: -1480px 0;
	border-color: #71ccc1;
}

	#content table.marketing-en-website a span,
	#sidebar ul.marketing-en-website a span {
		color: #13aa97;
	}
	
	#sidebar ul.marketing-en-website ul li a.active,
	#sidebar ul.marketing-en-website ul li a:hover {
		background-color: #42bbac;
	}
	
	#sidebar ul.open.marketing-en-website a.toggle {
		background-position: -1480px -7px;
	}
	
	#sidebar ul.marketing-en-website li.title,
	#sidebar ul.marketing-en-website a.toggle {
		background-position: -1480px 0;
	}

#content table.kwaliteit-en-certificering,
#sidebar ul.kwaliteit-en-certificering {
	background-color: #f6f9fd;
	background-position: -2220px 0;
	border-color: #7da7dc;
}

	#content table.kwaliteit-en-certificering a span,
	#sidebar ul.kwaliteit-en-certificering a span {
		color: #266dc4;
	}
	
	#sidebar ul.kwaliteit-en-certificering li ul a.active,
	#sidebar ul.kwaliteit-en-certificering li ul a:hover {
		background-color: #518ad0;
	}
	
	#sidebar ul.open.kwaliteit-en-certificering a.toggle {
		background-position: -2220px -7px;
	}
	
	#sidebar ul.kwaliteit-en-certificering li.title,
	#sidebar ul.kwaliteit-en-certificering a.toggle {
		background-position: -2220px 0;
	}

#content table.business-suites,
#sidebar ul.business-suites {
	background-color: #f9f7fb;
	background-position: -2960px 0;
	border-color: #a98bc4;
}

	#content table.business-suites a span,
	#sidebar ul.business-suites a span {
		color: #6f3d9d;
	}
	
	#sidebar ul.business-suites li ul a.active,
	#sidebar ul.business-suites li ul a:hover {
		background-color: #8c64b1;
	}

	#sidebar ul.open.business-suites a.toggle {
		background-position: -2960px -7px;
	}

	#sidebar ul.business-suites li.title,
	#sidebar ul.business-suites a.toggle {
		background-position: -2960px 0;
	}