* { margin: 0; }
html, body { height: 100%; }

body {
	background: url(/img/bg/body.gif) repeat-x #ececec;
	font: 12px Arial, Helvetica, sans-serif;
	color: #444;
	line-height: 20px;
	}

h1, h2, h3 { line-height: normal; }
h1 { font-size: 24px; font-weight: normal; border-bottom: 1px solid #d1d1d1; color: #00acec; margin: 0 0 20px 0; font-style: italic; }
h2 { font-size: 15px; font-weight: bold; border-bottom: 1px solid #e2e2e2; color: #444; margin: 0 0 10px 0; padding: 5px 0 3px 0; }
h3 { font-size: 12px; color: #00acec; margin: 0 0 10px 0; }
h3 a:hover { color: #444; }
a { text-decoration: none; white-space: nowrap; color: #00acec; }
p { margin: 0 0 20px 0; }
img { border: 0; }

#wrapper {
	background: url(/img/bg/wrapper.gif) no-repeat top right;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -31px;
	}

#container {
	width: 920px;
	margin: 0 auto;
	background: url(/img/bg/container.gif) no-repeat 0 85px;
	overflow: hidden;
	}

#left {
	width: 282px;
	float: left;
	}
	#left ul { padding: 0; list-style: none; margin: 0 0 20px 0; }
	#left li a { color: #444; border-bottom: 1px dotted #e2e2e2; padding: 2px 0; display: block; width: 100%; }
	#left li a:hover span { color: #444; }
	#left li a:hover { border-bottom: 1px solid #ccc; background: #f4f4f4; color: #000; }
	#left li span { color: #00acec; font-size: 10px; padding: 2px 0; }

#contentleft {
	width: 231px;
	background: url(/img/bg/contentleft.gif) no-repeat #fff;
	padding: 15px 20px 20px 20px;
	overflow: hidden;
	}
	#contentleft #vrouw { width: 137px; height: 260px; background: url(/img/bg/vrouw.gif); position: absolute; margin: 50px 0 0 196px; }
	#contentleft .bottom { width: 271px; height: 44px; background: url(/img/bg/contentleft-bottom.gif); margin: 0 -20px -20px -20px; }

#right {
	width: 638px;
	float: left;
	}

#mainmenu {
	height: 50px;
	line-height: normal;
	}
	#mainmenu ul { padding: 0; list-style: none; font-weight: bold; float: left; }
	#mainmenu li { float: left; }
	#mainmenu li a { float: left; padding: 0 10px; height: 46px; color: #dfeff7; background: url(/img/bg/menu-split.gif) no-repeat; }
	#mainmenu li a span { padding: 17px 10px 0 10px; float: left; }
	#mainmenu li a:hover { color: #fff; background: url(/img/bg/menu-hover-left.gif) no-repeat; padding: 0 0 0 5px; cursor: pointer; }
	#mainmenu li a:hover span { background: url(/img/bg/menu-hover-right.gif) right top; padding: 17px 20px 0 15px; height: 29px; }
	
	#mainmenu .currentmainmenu { color: #fff; background: url(/img/bg/menu-hover-left.gif) no-repeat; padding: 0 0 0 5px; cursor: pointer; }
	#mainmenu .currentmainmenu span { background: url(/img/bg/menu-hover-right.gif) right top; padding: 17px 20px 0 15px; height: 29px; }
	
	#mainmenu .first a { background: none; }

#submenu {
	height: 35px;
	background: url(/img/bg/submenu.gif) no-repeat bottom right;
	margin: 0 0 40px 0;
	line-height: normal;
	}
	#submenu ul { padding: 0; list-style: none; float: left; }
	#submenu li { float: left; }
	#submenu li a { float: left; padding: 10px 10px 0 10px; height: 25px; color: #dfeff7; }
	#submenu li span { float: left; padding: 10px 0 0 0; height: 25px; color: #dfeff7; cursor:default;}
	
#carousel {
	position: relative;
	overflow: scroll;
	width: 518px;
	height: 120px;
	padding: 0 0 40px 0;
	margin: 0 0 0 80px;
	}
	#carousel .belt { position: absolute; left: 0; top: 0; }
	#carousel .panel { float: left; height: 120px; margin: 0; width: 498px; padding: 0 20px 0 0; }
	#carousel img { float: right; }
	#carousel blockquote { float: left; width: 285px; font-size: 18px; background: url(/img/icons/quote.gif) no-repeat; padding: 0 0 20px 20px; font-style: italic; line-height: 26px; }
	#carousel p { float: left; font-size: 11px; width: 285px; padding: 0 0 0 20px; }

#maincontent {
	padding: 0 0 0 98px;
	}
#maincontent ul { padding-left: 40px;}
#footer {
	width: 100%;
	height: 25px;
	background: url(/img/bg/footer.gif);
	padding: 5px 0 0 0;
	border-top: 1px solid #fff;
	text-align: center;
	color: #c0c0c0;
	}
	#footer a { color: #fff; }
	#footer a:hover { border-bottom: 1px dotted #888; }
	#footer p { margin: 0; }

.push { height: 31px; }
.logo { width: 282px; height: 126px; display: block; background: url(/img/bg/logo.jpg); text-indent: -9999px; }
.spacer { width: 282px; height: 80px; }
.prik { width: 172px; height: 197px; background: url(/img/bg/papiertje.gif); padding: 60px 30px 0 30px; margin: 0 0 20px 0; }
	.prik img { margin: 0 0 15px 0; }
.link a { background: url(/img/icons/meer.gif) no-repeat; padding: 5px 0 5px 30px; color: #000; }
.link a:hover { background: url(/img/icons/meer-over.gif) no-repeat; color: #00acec; }
.visitekaart { width: 228px; height: 115px; padding: 50px 0 0 30px; background: url(/img/bg/visitekaart.gif); color: #fff; line-height: 18px; float: right; }
	.visitekaart label { width: 15px; color: #79d0f3; float: left; }
	.visitekaart a { color: #fff; }
	.visitekaart a:hover { border-bottom: 1px dotted #79d0f3; }
	.sub { margin: 0 0 15px 0; float: left; position: relative; left: -17px; }
.rss { background: url(/img/icons/rss.gif) no-repeat bottom right; }