* { margin: 0; }

body {
	background: url(/img/bg/body.gif) top repeat-x;
	font: 12px Arial, Helvetica, sans-serif;
	color: #666;
	padding: 17px 0 0;
	border-top: 3px solid #14b0e0;
	}

a { text-decoration: none; color: #14b0e0; white-space: nowrap; }
h1, h2, h3, h4 { line-height: normal; text-align: left; }
h1 { font-size: 28px; color: #14b0e0; font-weight: normal; font-style: italic; border-bottom: 1px solid #dbdbdb; margin: 0 0 20px; padding: 0 0 5px; }
h2 { font-size: 13px; margin: 0 0 10px; }
h3 { font-size: 17px; color: #14b0e0; font-style: italic; margin: 0 0 10px; }
h4 { font-size: 15px; padding: 20px 0 5px 5px; color: #dadada; border-bottom: 2px solid #555; }
h5 { display: none; }
h6 { text-align: left; font-size: 17px; color: #fff; font-style: italic; width: 220px; height: 34px; padding: 30px 0 0 30px; margin: -20px -30px 15px; background: url(/img/bg/h3.gif); }
p { margin: 0 0 20px; }
a img { border: 0; }

html {
	background: url(/img/bg/html.gif) top;
	}

#container {
	width: 980px;
	margin: 0 auto;
	background: #fff;
	line-height: 20px;
	}

#header {
	width: 980px;
	height: 150px;
	}
	#header a.logo { width: 223px; height: 80px; display: block; background: url(/img/bg/logo.jpg); margin: 28px 0 0 30px; text-indent: -9999px; }
	#header a:hover.logo { background: url(/img/bg/logo.jpg) bottom; }
	#headerleft { width: 270px; height: 150px; float: left; background: url(/img/bg/header-left.jpg); }
	#headerright { width: 710px; height: 150px; float: left; background: url(/img/bg/header-right.jpg); overflow: hidden; }

#navigation {
	width: 954px;
	height: 73px;
	padding: 0 26px 0 0;
	background: url(/img/bg/nav.gif);
	font-weight: bold;
	}
	#navigation ul { padding: 0 0 0 30px; }
	#navigation a.help { width: 63px; height: 29px; padding: 7px 4px 0 0; margin: 18px 0 0; display: block; background: url(/img/bg/help.jpg); text-align: center; color: #fff; float: right; }
	#navigation a:hover.help { background: url(/img/bg/help.jpg) bottom; }
	

#breadcrumb {
	width: 920px;
	padding: 15px 30px;
	overflow: hidden;
	}
	#breadcrumb ul { padding: 5px 0 0; list-style: none; float: right; }
	#breadcrumb li { float: left; }
	#breadcrumb li a { height: 23px; display: block; text-indent: -9999px; float: left; }
	#breadcrumb .home a { background: url(/img/icons/shortcut.gif); width: 23px; }
	#breadcrumb .home a:hover { background: url(/img/icons/shortcut.gif) 0 23px; }
	#breadcrumb .sitemap a { background: url(/img/icons/shortcut.gif) 40px 0; width: 20px; }
	#breadcrumb .sitemap a:hover { background: url(/img/icons/shortcut.gif) 40px 23px; }
	#breadcrumb .contact a { background: url(/img/icons/shortcut.gif) 20px 0; width: 20px; }
	#breadcrumb .contact a:hover { background: url(/img/icons/shortcut.gif) 20px 23px; }
	#breadcrumb p { float: left; margin: 0; padding: 5px 0; }
	#breadcrumb p a { color: #666; }
	#breadcrumb p a:hover { color: #14b0e0; }
	#breadcrumb span { width: 5px; padding: 3px 0; display: inline; background: url(/img/icons/bc-arrow.gif) left; margin: 0 10px; }

#content {
	width: 980px;
	overflow: hidden;
	}
	#content p a:hover { border-bottom: 1px dotted #aaa; }

#left {
	width: 250px;
	padding: 0 0 38px;
	float: left;
	}

#main {
	width: 440px;
	padding: 0 20px;
	text-align: justify;
	float: left
	}
	#main img { padding: 3px; border: 0;}
  #main ul { padding-left: 40px;}
	#main ol { padding-left: 40px;}
	#main .social {
	  float:right;
	}
#right {
	width: 250px;
	float: left;
	}
	#right ul, #left ul { padding: 0; list-style: none; margin: 0 0 20px; }
	#right a.aanmelden { width: 250px; height: 50px; display: block; background: url(/img/bg/aanmelden.jpg); margin: -20px -30px 15px; text-indent: -9999px; }
	#right a:hover.aanmelden { background: url(/img/bg/aanmelden.jpg) bottom; }

#footer {
	width: 100%;
	height: 195px;
	background: url(/img/bg/footer.gif) repeat-x #333;
	border-top: 1px solid #000;
	border-bottom: 3px solid #000;
	}
	#footerdiv { width: 960px; padding: 0 10px; margin: 0 auto; }
	#footer .hoed { width: 184px; height: 97px; background: url(/img/bg/hoed.jpg); position: relative; margin: -39px 0 0; }
	#footer a.rss { width: 38px; height: 26px; display: block; background: url(/img/icons/rss-nieuws.gif); text-indent: -9999px; position: absolute; margin: 16px 0 0 182px }
	#footer a:hover.rss { background: url(/img/icons/rss-nieuws.gif) bottom; }
	#footer .kolom { width: 220px; padding: 0 20px 0 0; float: left; }
	#footer .kolom ul { padding: 0 0 20px; list-style: none; }
	#footer .kolom ul li a { width: 210px; padding: 5px; display: block; color: #b4b4b4; border-bottom: 1px dotted #555; }
	#footer .kolom ul li a:hover { color: #eee; }
	#footer p { font-size: 10px; color: #555; margin: 0 0 15px 10px; }
	#footer p a { color: #666; }
	#footer p a:hover { color: #888; }

.block {
	width: 190px;
	padding: 20px 30px;
	margin: 0 0 20px;
	background: url(/img/bg/block.gif) repeat-y top;
	}
	.block .bottom { width: 250px; height: 10px; margin: -10px -30px -20px; background: url(/img/bg/block-bottom.gif) no-repeat bottom; font-size: 0; }
	.block label { width: 20px; font-weight: bold; color: #bbb; float: left; }
	.block img { margin: 0 0 20px; }
	.block img a { border: 0; }
	.block #referenties { height: 70px; text-align: center; }

a.belmijterug { width: 250px; height: 62px; display: block; background: url(/img/bg/belmijterug.gif); margin: 0 0 20px; text-indent: -9999px; }
a:hover.belmijterug { background: url(/img/bg/belmijterug.gif) bottom; }

a.btn { height: 20px; padding: 2px 5px 8px 0; margin: 0 0 20px; color: #fff; background: url(/img/bg/btn-right.gif) top right; float: left; line-height: 21px; }
a:hover.btn { background: url(/img/bg/btn-right.gif) bottom right; }
a.btn span { padding: 5px 15px 10px; background: url(/img/bg/btn-left.gif) no-repeat; }
a:hover.btn span { background: url(/img/bg/btn-left.gif) no-repeat left bottom; }
a.btn strong { color: #435101; font-weight: normal; }
a:hover.btn strong { color: #033e50; }

.imgr { float: right; margin: 0 0 0 15px; }
.imgl { float: left; margin: 0 15px 0 0; }
.tac { text-align: center; }
.mb20 { margin: 0 0 20px; }
.nm { margin: 0; }
.fr { float: right !important; }
.bold { font-weight: bold; }

#tooltip {
	width: 190px;
	}
	/*#tooltip a { color: #666; }
	#tooltip a:hover { color: #14b0e0; }
	#tooltip img { cursor: help; }*/
	#tooltip .hover { width: 181px; height: 44px; padding: 10px 0 0; display: none; background: url(/img/bg/tooltip.png); font-weight: bold; position: absolute; z-index: 999; }
	

/* FRONT PAGE */

#introtekst {
	width: 280px;
	height: 300px;
	padding: 20px 40px 0 30px;
	text-align: justify;
	float: left;
	}

#aanmelden {
	width: 280px;
	padding: 30px 0 0;
	float: left;
	}
	#aanmelden ul { padding: 0; list-style: none; }
	#aanmelden ul li a { width: 220px; height: 120px; padding: 80px 20px 0 40px; display: block; background: url(/img/bg/aanmelden-front.jpg); color: #fff; white-space: normal; }
	#aanmelden ul li a:hover { background: url(/img/bg/aanmelden-front.jpg) bottom; }

#foto {
	width: 320px;
	height: 250px;
	padding: 20px 0 0 20px;
	float: left;
	}

#telefoon {
	width: 573px;
	padding: 20px 0 20px 47px;
	margin: 0 0 0 10px;
	border-top: 1px solid #dbdbdb;
	border-bottom: 1px solid #dbdbdb;
	float: left;
	clear: both;
	overflow: hidden;
	}
	#telefoon a { float: left; margin: 0; }
	#telefoon img { float: left; padding: 0 0 0 90px; }

#kaart {
	width: 320px;
	height: 144px;
	float: right;
	}

#top5 {
	width: 522px;
	height: 241px;
	background: url(/img/bg/top5.jpg) no-repeat 27px 37px;
	padding: 37px 0 0 27px;
	line-height: 25px;
	float: left;
	}
	#top5 .left { width: 215px; float: left; padding: 67px 0 0 60px; }
	#top5 .right { width: 215px; float: left; padding: 67px 0 0 }
	#top5 ol { list-style: decimal inside; padding: 0; font-weight: bold; }
	#top5 ol li a { color: #666; font-weight: normal; }
	#top5 ol li a:hover { color: #14b0e0; }

#actie {
	width: 335px;
	height: 292px;
	padding: 55px 40px 20px 20px;
	background: url(/img/bg/aanbieding.gif) no-repeat;
	float: right;
	text-align: justify;
	}
	#actie .ad { width: 336px; height: 280px; }
	#actie img { border: 1px solid #dfdfdf; padding: 3px; margin: 0 0 0 20px; float: right; }

#lcr {
	padding: 10px 0 0 110px;
	clear: left;
	}
	#lcr a { width: 417px; height: 66px; display: block; background: url(/img/bg/lcr-erkend.jpg); text-indent: -9999px; float: left; }
	#lcr a:hover { background: url(/img/bg/lcr-erkend.jpg) bottom; }
	
	/* TOOL */

#wizard {
	width: 440px;
	margin: 0 0 20px;
	}
	#wizard .step { width: 440px; background: url(/img/bg/tool-content.gif); overflow: hidden; }
	#wizard .content { width: 400px; padding: 0 20px; margin: 0 0 1px; }
	#wizard .top { width: 440px; height: 10px; margin: 0 -20px 10px; background: url(/img/bg/tool-content-top.gif); font-size: 0; }
	#wizard .bottom { width: 440px; height: 10px; margin: 0 -20px; background: url(/img/bg/tool-content-bottom.gif); font-size: 0; clear: both; }
	#wizard .btn { margin: 0 0 10px; }
	
	#wizard img { border: 0; padding: 0; }
	#wizard h2 { width: 370px; height: 26px; margin: 0 0 1px; padding: 7px 0 0 70px; font-size: 17px; font-style: italic; color: #fff; }
	#wizard h4 { font-size: 13px; color: #14b0e0; padding: 0; margin: 0 0 10px; border: 0; }

	#wizard .stap1 { background: url(/img/bg/tool-stap1.jpg); }
	#wizard .stap1 img {float:right;margin:2px 10px 0 0;}
	#wizard .stap1 div {float:left;}
	#wizard .stap2 { background: url(/img/bg/tool-stap2.jpg); }
	#wizard .stap2 img {float:right;margin:2px 10px 0 0;}
	#wizard .stap2 div {float:left;}
	#wizard .stap3 { background: url(/img/bg/tool-stap3.jpg); }
	#wizard .stap3 img {float:right;margin:2px 10px 0 0;}
	#wizard .stap3 div {float:left;}
	#wizard .stap4 { background: url(/img/bg/tool-stap4.jpg); }
	#wizard .stap4 img {float:right;margin:2px 10px 0 0;}
	#wizard .stap4 div {float:left;}

	#wizard .top5 { width: 237px; height: 202px; background: url(/img/bg/tool-top5.jpg); line-height: 25px; float: left; }
	#wizard .top5 ol { list-style: decimal inside; padding: 50px 0 0 40px; font-weight: bold; }
	#wizard .top5 ol li a { color: #666; font-weight: normal; }
	#wizard .top5 ol li a:hover { color: #14b0e0; }
	#wizard .span { width: 400px; height: 202px; }
	#wizard .bestemming { width: 163px; height: 202px; display: block; float: left; overflow: hidden; }
	#wizard .bestemming select { float: right; clear: both; margin: 3px 0 10px; }
	#wizard .first { margin: -35px 0 0; clear: both; float: right; }

	#wizard .land { width: 400px; margin: 0 0 20px; overflow: hidden; }
	#wizard .land img { float: left; }
	#wizard .land label { width: 100px; font-weight: bold; float: left; clear: both; }
	#wizard .land span { width: 100px; float: left; }
	#wizard .info { width: 200px; float: right; }

	#wizard table { width: 400px; line-height: 24px; margin: 0 0 20px; border-top: 1px solid #dbdbdb; }
	#wizard table a:hover { border-bottom: 1px dotted #aaa; }
	#wizard table .bb { border-bottom: 1px solid #dbdbdb; }
	#wizard .arrow { height: 21px; padding: 10px 0 0 32px; margin: -20px 0 20px; background: url(/img/icons/table-arrow.gif) 6px 0 no-repeat; }
	#wizard form { margin: 0 0 20px; }
	#wizard form select { width: 150px; }

/* MENU */

.sf-menu, .sf-menu * { padding: 0; list-style: none; }
.sf-menu { line-height: 1.0; float: left; margin-bottom: 1em; }
.sf-menu ul { position: absolute; top: -999em; width: 10em; }
.sf-menu ul li { width: 100%; }
.sf-menu li:hover { visibility: inherit; }
.sf-menu li { float: left; position: relative; }
.sf-menu a { display: block; position: relative; border-left: 1px solid #fff; border-top: 1px solid #cdfedd; padding: 14px 16px; color: #4f6000; }
.sf-menu li:hover ul, .sf-menu li.sfHover ul { left: 0; top: 40px; z-index: 99; }
.sf-menu ul a { padding: 9px 16px; border-top: 1px solid #fff; color: #666; }

.sf-navbar { height: 2.5em; position: relative; }
.sf-navbar li { background: #bcd41a; position: static; }
.sf-navbar a { border: none; display: block; cursor: pointer; }
.sf-navbar li ul { width: 70em; }
.sf-navbar li li { background: #dbdbdb; position: relative; }
.sf-navbar ul li { width: auto; float: left; }
.sf-navbar li.current { background: #a3c20e; }
.sf-navbar li li.current { background: #cfcfcf !important; }
.sf-navbar li:hover, .sf-navbar li.sfHover, .sf-navbar li li.current, .sf-navbar a:hover { background: #a3c20e; }
.sf-navbar ul li:hover, .sf-navbar ul li.sfHover, ul.sf-navbar ul li:hover li, ul.sf-navbar ul li.sfHover li, .sf-navbar ul a:hover { background: #cfcfcf; color: #666; }
.sf-navbar .current ul, ul.sf-navbar ul li:hover ul,ul.sf-navbar ul li.sfHover ul { left: 0; top: 40px; }