html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}

/* Standaardelementen algemeen */
html, body, p, form, table, input, img, a {line-height:normal;}
body {background-color:#d4dde2;color:#002944;font-family:"Arial",sans-serif;font-size:12px;}
h1,h2,h3,h4,h5,h6{font-family: Tahoma, Verdana, Segoe, sans-serif;}

ol, ul {list-style:none;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after, q:before, q:after {content:'';content:none;}
table {border-collapse:collapse;border-spacing:0;}
table th,
table td {padding:2px;vertical-align:top;text-align:left;}
table th {font-weight:bold;}
a {color:#008fc6;font-weight:bold;text-decoration:none;}
a img {border:medium none;vertical-align:top;}
:focus {outline:0 none;}
strong {font-weight:bold;}
p {margin-bottom:16px;}

input[type="text"],input[type="password"] {border:1px solid #CCCCCC;width:150px;}
input[type="text"].postcode {width:75px;}
input[type="text"].huisnummer {width:75px;}
input[type="text"].geboortejaar {width:75px;}
input[type="text"].captcha {width:75px;}

.clear {clear:both;}


span.tip {background:url('/../img/icons/vraagteken-16x16.png') no-repeat scroll right top;display:inline-block;height:16px;margin-left:0px;vertical-align:text-top;width:16px;cursor:help;}

.tooltip {
	display:none;
	background-color:#ffa;
	border:1px solid #cc9;
	padding:3px;
	font-size:13px;
	-moz-box-shadow: 2px 2px 11px #666;
	-webkit-box-shadow: 2px 2px 11px #666;
	width:400px;
}

/* Wrappers */
div#outerFrame {
	-moz-border-radius-topleft: 73px 83px;
	border-top-left-radius: 73px 83px;
	-moz-border-radius-bottomright: 88px 92px;
	border-bottom-right-radius: 88px 92px;
	background-color: #002944;
	margin: 15px auto 75px auto;
	padding: 14px 0px 26px 0px;
	width: 1000px;
}

div#innerFrame {
	-moz-border-radius-topleft: 59px 58px;
	border-top-left-radius: 59px 58px;
	-moz-border-radius-bottomright: 70px 74px;
	border-bottom-right-radius: 70px 74px;
	background-color: #ffffff;
	margin: 0px auto;
	width: 980px;
}

/* Header */
header {height:125px;position:relative;}
header #utils {border:0px solid #002944;float:right;margin:10px 15px 0px 0px;}
header #utils ul li {float:left;}
header #utils ul li a {color:#000000;text-decoration:underline;}
header #utils ul li a:hover,
header #utils ul li.active a {color:#999999;}
header .loggedon {position:absolute;right:15px;text-align:right;top:35px;}
header .loggedon a {text-decoration:underline;}

header #logo {padding:28px 0px 0px 40px;}
header #logo #logo-img {float: left;}
header #logo #logo-bar {float: left;padding:25px 0 0 5px;}

header #search {position:absolute;bottom:2px;right:5px;width:275px;}
header #projectsearch {background: url('/../img/arrow_blue.png') no-repeat 5px 5px;padding-left:28px;height:20px;width:150px;font-size:12px;font-weight:normal;}

/* Hoofdnavigatie */
nav#main {background-color:#002944;height:50px;}
nav#main ul li {float:left;}
nav#main ul li:first-child {margin-left:41px;}
nav#main ul li a {
	background-color: #eeeeee;
	-moz-border-radius-topleft: 4px 4px;
	border-top-left-radius: 4px 4px;
	-moz-border-radius-topright: 4px 4px;
	border-top-right-radius: 4px 4px;
	color: #000000;
	display: block;
	margin: 26px 3px 0px 0px;
	width: 90px;
	font-size: 14px;
	font-weight: normal;
	line-height: 24px;
	text-align: center;
	text-decoration: none;
}
nav#main ul li.active a {background-color:#ffffff;font-weight:bold;}
nav#main ul li a:hover {text-decoration:underline;}

/* Alternatieve Hoofdnavigatie voor de index (knoppen onderaan) */
section#mainsearch{background-color:#002944;padding:30px;}
section#mainsearch h1{color:white;font-size: 20px;margin-bottom: 5px;}
section#mainsearch form{margin-bottom: 5px;}
section#mainsearch form fieldset legend{display:inline-block;color:white;font-size: 14px;}
section#mainsearch input[type="text"]{border:none;color:#292B2F;width: 200px;height: 18px;font-size: 16px;}
section#mainsearch p{color:#008fc6;font-weight:bold;text-decoration:none;}
section#mainsearch a:hover{text-decoration:underline;}

nav#main2 {background-color:#FFFFFF;height:30px;}
nav#main2 ul li {float:left;}
nav#main2 ul li:first-child {margin-left:41px;}
nav#main2 ul li a {
	background-color: #002944;
	-moz-border-radius-bottomleft: 4px 4px;
	border-bottom-left-radius: 4px 4px;
	-moz-border-radius-bottomright: 4px 4px;
	border-bottom-right-radius: 4px 4px;
	color: #FFFFFF;
	display: block;
	margin: 0px 3px 0px 0px;
	width: 90px;
	font-size: 14px;
	font-weight: normal;
	line-height: 24px;
	text-align: center;
	text-decoration: none;
}
nav#main2 ul li.active a {background-color: #008fc6;font-weight:bold;}
nav#main2 ul li a:hover {background-color: #008fc6;}




/* Rechterkolom */
#rightCol {float:right;padding-top:13px;width:200px;}
#rightCol section.promos,
#rightCol section.banners,
#rightCol section.offertes {border:0px solid red;margin-bottom:15px;}
#rightCol section.promos h2,
#rightCol section.banners h2,
#rightCol section.offertes h2 {color:#008fc6;font-size:14px;font-weight:normal;margin:0 0 5px 15px;line-height:16px;width:180px;}
#rightCol section article {background-color:#eeeeee;height:45px;margin:0 0 2px 15px;width:180px;}
#rightCol section article h1 {color:#000000;font-weight:bold;line-height:25px;margin:0px 0px 0px 5px;}
#rightCol section.promos h3 {color:#292B2F;font-weight:bold;line-height:25px;margin:0px 0px 0px 5px;}
#rightCol section article span.promolink {background: url('/../img/arrow_blue.png') no-repeat scroll right center;display:block;font-size:10px;line-height:15px;margin:0px 5px 0px 24px;padding-right:20px;text-align:right;}
#rightCol section article span.gemeentelink {display:block;font-size:9px;margin:2px 2px 0px 0px;padding-right:20px;padding-top:4px;text-align:center;}
#rightCol h2 span.gesponsord {background:url('/../img/icons/vraagteken-16x16.png') no-repeat scroll right top;display:inline-block;height:16px;margin-left:0px;vertical-align:text-top;width:16px;cursor:help;}
#rightCol .banner {display:block;height:150px;margin:0px 0px 5px 15px;position:relative;width:180px;}
#rightCol .banner img.undefined,
#rightCol .banner img.rectangle {position:absolute;margin:0 auto;top:50%;left:50%;}
#rightCol .banner img.undefined {width:130px;height:70px;margin-left:-65px;margin-top:-35px;}
#rightCol .banner img.rectangle {width:180px;height:150px;margin-left:-90px;margin-top:-75px;}
#rightCol section.offertes  span.offertelink {background: url('/../img/arrow_blue.png') no-repeat scroll right center;display:block;font-size:10px;line-height:20px;margin:0px 5px 0px 24px;padding-right:20px;text-align:right;}

/* Content + blokken */
div#content {border:0px solid red;margin:0px 0px 0px 16px;padding:13px 0px 0px 0px;width:764px;}
div#content .block {float:left;margin-bottom:20px;padding:15px 0px 20px 0px;width:764px;}
div#content .block h1 {font-size:18px;margin:0px 0px 10px 24px;}
div#content .block h3 {font-size:15px;margin:0px 0px 10px 24px;font-weight:bold;}
div#content .main,
div#content .sub,
div#content .container {
	-moz-border-radius-topleft: 14px 14px;
	border-top-left-radius: 14px 14px;
	-moz-border-radius-bottomleft: 14px 14px;
	border-bottom-left-radius: 14px 14px;
	-moz-border-radius-bottomright: 14px 14px;
	border-bottom-right-radius: 14px 14px;
	position: relative;
}
div#content .main {background-color:#008fc6;color:#ffffff;}
div#content .main h1 {font-size:22px !important;}
div#content .main table,
div#content .main p {margin-left:24px;margin-right:24px;}
div#content .container h3 {margin-left:24px;margin-right:24px;margin-top: 20px;}
div#content .sub {background-color: #ecf2f5;}
div#content .container {background-color:#ffffff;color:#000000;margin:0 auto;padding:10px;width:708px;}

/************************************************************************************
HOMEPAGE
************************************************************************************/
#home {border:0px solid red;}
#home p:last-child {margin-bottom:0px;}
#home a {color:#ffffff;font-weight:bold;text-decoration:underline;}
#home section.aanbod {
	background-color: #ffffff;
	border: 0px solid red;
	color: #000000;
	float: left;
	padding: 10px;
	width: 200px; /* box moet breedte van afbeelding krijgen */
}
#home section.actueel {margin-left:24px;}
#home section.ontwikkel {margin-left:28px;}
#home section.plan {margin-left:28px;}
#home section.aanbod h1,
#home section.aanbod span.aantal,
#home section.aanbod span.aanbodLink {border:0px solid red;margin:0px;padding:10px;}
#home section.aanbod h1 {color:#008fc6;font-size:22px;font-weight:normal;padding-bottom:2px;}
#home section.aanbod h1 a {color:#008fc6;text-decoration:none;}
#home section.aanbod h1 a:hover,
#home section.aanbod span.aanbodLink a:hover {text-decoration:underline;}
#home section.aanbod span.aantal {display:block;padding-top:2px;}
#home section.aanbod .hr {border-bottom:1px solid #008FC6;height:16px;margin:0 auto 5px;width:180px;}
#home section.aanbod span.aanbodLink {background: url('/../img/arrow_blue.png') no-repeat scroll right center;color:#008fc6;font-size:12px;line-height:16px;padding:0px 20px 0px 10px;}
#home section.aanbod span.aanbodLink a {font-weight:normal;text-decoration:none;color:#008fc6;}
#home .divider {border-bottom:1px solid #ffffff;height:16px;margin:0px 24px 16px 24px;}
#home .desc {float:left;width:492px;}
#home .login {float:left;margin-left:28px;width:220px;text-align:right;}
#home .login h2 {font-size:18px;text-align:left;}
#home .login input.text,
#home .login input.password {border:none;color:#292B2F;padding:2px;width:216px;}
#home .login input.text {margin:6px 0px 2px 0px;}
#home .login input.password {margin:0px 0px 2px 0px;}
#home .login button {margin:0px 0px 6px 0px;}

section.banner img {display:block;margin:0 auto;}

section.leftcol {float:left;margin-right:18px;width:492px !important;}
section.leftcol h1 {margin:0px 0px 0px 24px;}
section.leftcol article {border-bottom:1px solid #ffffff;clear:left;font-size:11px;margin:15px 10px 15px 24px;}
section.leftcol article img {float:left;margin:0px 10px 0px 0px;}
section.leftcol article h1 {font-size:12px !important;font-weight:bold;margin:0px !important;}
section.leftcol article p {margin:0px;}
section.leftcol article span.publicatie {display:block;margin:5px 0px 15px 0px;}
section.leftcol article span.publicatie a {color:#002944;font-weight:normal;text-decoration:underline;}
section.leftcol span.arrowlink {background: url('/../img/arrow_blue.png') no-repeat scroll right center;display:block;margin:0px 10px 0px 24px;padding-right:20px;text-align:right;}

section.register {width:254px !important;}
section.register h1 {color:#008fc6;margin:0px 15px 10px 15px !important;}
section.register p {margin:0px 15px 16px 15px;}
section.register ol {border-bottom:1px solid #ffffff;margin:15px 15px 16px 15px;padding-bottom:15px;}
section.register li {list-style-type:decimal;margin-left:18px;}
section.register span.reglink {background: url('/../img/arrow_blue.png') no-repeat scroll right center;display:block;margin:0px 10px 0px 24px;padding-right:20px;text-align:right;}

section.kernen {width:254px !important;}
section.kernen h1 {margin:0px 15px 10px 15px !important;}
section.kernen p {border-bottom:1px solid #ffffff;margin:0px 15px 10px 15px;padding-bottom:15px;}
section.kernen span.gemeentelink {background: url('/../img/arrow_blue.png') no-repeat scroll right center;display:block;margin:0px 10px 0px 24px;padding-right:20px;text-align:right;}

section.kaartweergave {width:254px !important;}
section.kaartweergave h1 {margin:0px 15px 10px 15px !important;}
section.kaartweergave img {margin:0px 15px 10px 15px !important;}
section.kaartweergave p {border-bottom:1px solid #ffffff;margin:0px 15px 10px 15px;padding-bottom:15px;}
section.kaartweergave span.kaartlink {background: url('/../img/arrow_blue.png') no-repeat scroll right center;display:block;margin:0px 10px 0px 24px;padding-right:20px;text-align:right;}

section.heatmap {margin:0px 15px 10px 15px !important;}
section.heatmap h2 {color:#008fc6;font-size:14px;font-weight:normal;margin-bottom: 10px;}
section.heatmap a:hover{text-decoration: underline;}
section.heatmap .hm1 {font-size: 18px;}
section.heatmap .hm2 {font-size: 13px;}
section.heatmap .hm3 {font-size: 10px;}
section.heatmap span.heatmaplink {background: url('/../img/arrow_blue.png') no-repeat scroll right center;display:block;margin:10px 10px 0px 24px;padding-right:20px;text-align:right;}
/************************************************************************************
PROJECTEN - lijstweergave aanbod/toekomstig/actueel/etc/
************************************************************************************/
#projecten h1 {}
#projecten p {border:0px solid red;margin:0px 13px 0px 24px;}
#projecten p.resultset {border-top:1px solid #ffffff;border-bottom:1px solid #ffffff;font-size:13px;font-weight:bold;margin:5px 13px 10px 24px;padding:2px 0 2px 0;text-align:center;}

#resultSort {float:right;font-size:12px;font-weight:normal;height:20px;margin-bottom:5px;width:150px;}
#mapview {float:right;font-size:12px;font-weight:normal;height:15px;margin:4px 0 5px 0;}
#mapview a{color:#ff4730}
#mapview a:hover {text-decoration: underline}
#legenda{margin-top:10px;}
#legenda .legimg{float:left;}
#legenda .legtxt{float:left;margin:5px 0 0 2px;}

#filterAanbod {float:left;margin-left:24px;width:130px;}
#filterAanbod h3 {}
#filterAanbod fieldset {border-bottom:1px solid #ffffff;margin-top:10px;padding-bottom:10px;}
#filterAanbod label {display:block;}
#filterAanbod legend {font-weight:bold;}

#list {float:right !important;margin-right:13px !important;width:572px !important;}
#list.account {width:708px !important;margin-right:18px !important;}
#list.woningtypen {width:708px !important;margin:0px !important;}
#list article {border-top:1px solid #CCCCCC;margin:0;min-height:90px;padding:7px 0;position:relative;}
#list article.first {margin-top:5px;}
#list article.last {border-bottom:1px solid #CCCCCC;margin-bottom:5px;}
#list article img {border:1px solid #cccccc;height:80px;padding:4px;position:absolute;margin-right:13px;top:7px;}
#list article h2 {font-size:14px !important;font-weight:bold !important;line-height:16px !important;margin-left:140px !important;margin-bottom:5px !important;}
#list article h2 a:link {display:inline-block !important;font-weight:bold !important;text-decoration:underline !important;}
#list article h2 span.facebook a,
#list article h2 span.favoriet,
#list article h2 span.uitschrijven a,
#list article h2 span.inschrijven a {display:inline-block;height:16px;margin-left:5px;vertical-align:text-top;width:16px;}
#list article h2 span.facebook a {background:url('/../img/icons/facebook-16x16.png') no-repeat scroll right top;}
#list article h2 span.favoriet {background:url('/../img/icons/favoriet-16x16.png') no-repeat scroll right top;}
#list article h2 span.uitschrijven a {background:url('/../img/icons/delete-16x16.png') no-repeat scroll right top;}
#list article h2 span.inschrijven a {background:url('/../img/icons/inschrijven-16x16.png') no-repeat scroll right top;}
#list article:hover h2 span.inschrijven a,
#list article h2 span.inschrijven a:hover {background:url('/../img/icons/inschrijven-over-16x16.png') no-repeat scroll right top;}
#list article span.segment,
#list article span.prijs {display:block;float:right;font-weight:bold;}
#list article span.segment {width:75px;text-align:left;font-weight:normal;}
#list article span.prijs {width:170px;text-align:right;}
#list article span.aantal,
#list article span.extra {display:block !important;margin-left:140px !important;}
#list article span.plaats {}
#list article span.wijk {}
#list article span.buurt {}
#list article span.projectwebsite {color:#999999;display:block;font-weight:bold;margin:15px 0 0 140px;}
#list article span.projectwebsite a {color:orange;text-decoration:underline;}

#list ul.pagination {line-height:20px;height:20px;}
#list ul.pagination li {display:inline;min-width:auto;width:auto;margin:0px auto;}
#list ul.pagination li.active,
#list ul.pagination li.disabled,
#list ul.pagination li a {border:1px solid #CCCCCC;border-radius:3px 3px 3px 3px;font-weight:bold;padding:0 5px;text-align:center;text-decoration:none;}
#list ul.pagination li.active {border:1px solid #ffffff;border-radius:3px 3px 3px 3px;}
#list ul.pagination li.disabled {border:1px solid #ffffff;border-radius:3px 3px 3px 3px;}
#list ul.pagination li:first-child.disabled {display:none;}
#list ul.pagination li:last-child.disabled {display:none;}

/************************************************************************************
PROJECT - specifiek project
************************************************************************************/
div#content #project div.right {float:right;margin-right:18px;}
/*div#content #project span.inschrijving {background: url('/../img/icons/inschrijven-16x16.png') no-repeat scroll 99% 50% #FFFFFF;display:block;font-size:13px;font-weight:bold;padding:3px 22px 3px 5px;}*/
div#content #project span.projectwebsite a {color:#FFFFFF;display:block;font-size:13px;font-weight:normal;padding:3px;text-align:center;text-decoration:underline;}

div#content #project header {height:auto;}
div#content #project h1 {font-weight:bold;margin-bottom:4px;}
div#content #project h1 span.prijs {color:#000000;font-weight:normal;}
div#content #project span.plaats {margin: 0px 0px 0px 24px;}
div#content #account nav ul.tabs,
div#content #project nav ul.tabs {background-color:transparant;height:20px;margin:10px auto 0px auto;width:728px;}
div#content #account nav ul.tabs li,
div#content #project nav ul.tabs li {
	background-color: #eeeeee;
	-moz-border-radius-topleft: 4px 4px;
	border-top-left-radius: 4px 4px;
	-moz-border-radius-topright: 4px 4px;
	border-top-right-radius: 4px 4px;
	display: block;
	float:left;
	margin: 0px 3px 0px 0px;
	padding: 0px 10px;
	width: auto;
	line-height: 20px;
	text-align: center;
}
div#content #account nav ul.tabs li:first-child,
div#content #project nav ul.tabs li:first-child {margin-left:0px;}
div#content #account nav ul.tabs li.active,
div#content #project nav ul.tabs li.active {background-color:#ffffff;}
div#content #account nav ul.tabs li a,
div#content #project nav ul.tabs li a {color:#000000;font-size:12px;font-weight:bold;text-decoration:none;}
div#content #account nav ul.tabs li:hover a,
div#content #project nav ul.tabs li:hover a {color:#000000;text-decoration:underline;}
div#content #account nav ul.tabs li.active a,
div#content #project nav ul.tabs li.active a {color:#008fc6;font-weight:bold;}

div#content #account .container,
div#content #project .container {-moz-border-radius-topleft:0px 0px;border-top-left-radius:0px 0px;}
div#content #project .container h2 {font-size:16px;font-weight:normal;margin:10px 0px 15px 0px;}
div#content #project .container .description {margin:10px 0px 5px 0px;}
div#content #project .container .gallery {border-bottom:1px solid #cccccc;}
div#content #project .container .kenmerken {float:left;width:350px;padding-bottom:10px;}
div#content #project .container .voorzieningen {float:left;width:350px;padding-bottom:10px;}
div#content #project .container .bouwnummers {clear:left;border-top:1px solid #cccccc;}
div#content #project .container table {}
div#content #project .container table th,
div#content #project .container table td {padding:2px 0px 2px 0px;text-align:left;}
div#content #project .container table th {font-weight:bold;width:140px;}
div#content #project .container table td {color:#000000;font-weight:normal;}

/* blokje met belangrijke data */
section.data {float:right !important;width:254px !important;}
section.data table {border:0px solid red;margin:0px 10px 0px 24px;}
section.data table tr {border-bottom:1px solid #ffffff;}
section.data table th {vertical-align:middle;width:50%;}
section.data table td {vertical-align:middle;width:50%;}

/* Nieuws */
.nieuwsitem {margin-bottom:16px !important;}
.nieuwsitem header {height:auto;margin-bottom:16px;}
.nieuwsitem header h1 {margin:0 !important;}
.nieuwsitem header .date {font-size:11px;font-style:italic;}
.nieuwsitem .content {color:#333333;line-height:18px;}
.nieuwsitem footer {margin:16px 0px 16px 0px;padding:0;width:auto;font-size:11px;font-style:italic;}
.nieuwsitem .fb-like {margin:0px 0px 5px 0px;}
.nieuwsarchief ul li a {border-bottom:1px solid #333333;display:block;padding:5px 20px 6px 0;}
.nieuwsarchief ul li a:link {background: url('/../img/arrow_blue.png') no-repeat scroll right center #FFFFFF;color:#333333;font-weight:normal;text-decoration:none;}
.nieuwsarchief ul li a:hover {background: url('/../img/arrow_blue.png') no-repeat scroll right center #FFFFFF;color:#000000;font-weight:bold;text-decoration:none;}
.nieuwsarchief .date {color:#333333;}

/* Enqueteweergave */
div#content #enquete .container ol {list-style-type: decimal;margin-left: 10px;padding-left: 30px;}
div#content #enquete .container ol li {background-color: #dddddd;font-weight: bold;}
div#content #enquete .container ol li ul {}
div#content #enquete .container ol li ul li {padding-left: 15px;margin-left: -30px;text-indent:10px;background-color: #ffffff;font-weight: normal;}
div#content #enquete .container label {width:auto;text-align: left;padding:2px;}
div#content #enquete .container .knop {margin:30px;}

/* Columnweergave */
section.column.container h2 {font-size: 16px;font-weight: bold;margin:0;padding:0;}
section.column.container ul {margin-left:20px;padding:10px;list-style:disc}
section.column.container ol {margin-left:20px;padding:10px;list-style:decimal}
section.column.container #columnleft {float:left;width:490px;}
section.column.container #columnleft p {margin:0px;padding:0;text-align: justify}
section.column.container #columnleft table {margin:0px;padding:0;}
section.column.container #columnright {float:right;width:200px;text-align: right;margin:0;}
section.column.container #columnright p {margin:0px;padding:0;border-bottom: 1px solid #dddddd;}

/* Galleria */
div#content #project .galleria-container {background-color: #ffffff;}

section.partners table {margin-left:28px;}
div#content .facebook {width:492px;margin-right:18px;}
div#content .facebook h1 a {color:#002944 !important;font-weight:normal;}

/************************************************************************************
OFFERTES
************************************************************************************/
div#content #offerte header {height:auto;}


/************************************************************************************
FOOTER
************************************************************************************/
footer {clear:both;margin-left:16px;padding:0px 0px 20px 0px;width:764px;}
footer nav#sitemap {background-color:#ffffff;background-image:url('/img/logo_small.png');background-repeat:no-repeat;padding:50px 0px 0px 46px;}
footer nav#sitemap ul li {display:block;font-size:12px;font-weight:bold;}
footer nav#sitemap ul li a {color:#999999;font-weight:normal;}
footer nav#sitemap .w143 {border:0px solid black;float:left; width:143px;}
footer nav#sitemap ul li ul li a {font-size:11px;text-decoration:underline;}
footer .divider {border-bottom:1px solid #cccccc;height:16px;margin-bottom:16px;}
footer p {color:#999999;font-size:11px;}

/*START FORMULIERENWERK EN FEEDBACK NOTICE & ERRORLABELS*/

.feedbacknotice{
	color:green;
	border:1px solid green;
	margin:5px 0 5px 0;
	padding:5px;
	background:#fff17e;
	text-align:center;
}
.feedbackerror{
	color:red;
	border:1px solid red;
	margin:5px 0 5px 0;
	padding:5px;
	background: #FFDFDF;
	text-align:center;
}

div#content .main .container p{
	margin-top:8px;
	margin-bottom: 8px;
}

div#content .main .container label{
	display:inline-block;
	width:150px;
	text-align:right;
}
div#content .main .container label.error {
	color: red;
	font-style: italic;
	margin-left:10px;
	padding:2px;
	white-space: nowrap;
	/*width:250px;*/
	text-align:left;
}
div#content .main .container textarea.error, select.error, input.error{
	background-color:#FDD;
}
div#content .main .container input {
	/*width:150px;*/
}
div#content .main .container .focusField{
	background:#EFF5FF;
	color:#000;
}
.capslockwaarschuwing{
	color:#ff0000;
	display:none;
	margin-left:4px;
}
#divCapslock{
	color:#ff0000;
	display:none;
	margin-left:4px;
}
/*EINDE FORMULIERENWERK EN FEEDBACK NOTICE & ERRORLABELS*/

/*aardige standaardbutton, orange moet nog blauw worden credits: http://snipplr.com/view/43008/*/
.knop {
	height: auto;
	color: #fef4e9;
	padding: 5px;
	border: solid 1px #da7c0c;
	background: #f78d1d;
	background: -webkit-gradient(linear, left top, left bottom, from(#faa51a), to(#f47a20));
	background: -moz-linear-gradient(top, #faa51a, #f47a20);
	filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#faa51a', endColorstr='#f47a20');
	display: inline-block;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font: 14px/100% Arial, Helvetica, sans-serif;
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	-webkit-border-radius: .5em;
	-moz-border-radius: .5em;
	border-radius: .5em;
}
.knop p {
	font-size: 1em;
	font-family: Arial, Helvetica, sans-serif;
}
.knop:hover {
	background: #f47c20;
	background: -webkit-gradient(linear, left top, left bottom, from(#f88e11), to(#f06015));
	background: -moz-linear-gradient(top, #f88e11, #f06015);
	filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#f88e11', endColorstr='#f06015');
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
}
.knop:active {
	color: #fcd3a5;
	background: -webkit-gradient(linear, left top, left bottom, from(#f47a20), to(#faa51a));
	background: -moz-linear-gradient(top, #f47a20, #faa51a);
	filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#f47a20', endColorstr='#faa51a');
}
.knop.small {
	padding:3px;
}

/* universele button voor div,a,formbuttons etc. met extra stijlen, zie ook http://www.webdesignerwall.com/demo/css-buttons.html------------- */
.button {
	display: inline-block;
	zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */
	*display: inline;
	vertical-align: baseline;
	margin: 0 2px;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font: 14px/100% Arial, Helvetica, sans-serif;
	padding: .5em 2em .55em;
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	-webkit-border-radius: .5em;
	-moz-border-radius: .5em;
	border-radius: .5em;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
}
.button:hover {text-decoration: none;}
.button:active {position: relative;top: 1px;}
/*extra stijlen*/
.button.bigrounded {-webkit-border-radius: 2em;-moz-border-radius: 2em;border-radius: 2em;}
.button.medium {font-size: 12px;padding: .4em 1.5em .42em;}
.button.small {font-size: 11px;padding: .2em 1em .275em;}
.button.navsearch {font-size: 12px;padding: .4em 1em .275em;}

/* kleuren*/
/* black */
.button.black {color: #d7d7d7;border: solid 1px #333;background: #333;background: -webkit-gradient(linear, left top, left bottom, from(#666), to(#000));background: -moz-linear-gradient(top,  #666,  #000);/*filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#666666', endColorstr='#000000');*/}
.button.black:hover {background: #000;background: -webkit-gradient(linear, left top, left bottom, from(#444), to(#000));background: -moz-linear-gradient(top,  #444,  #000);/*filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#444444', endColorstr='#000000');*/}
.button.black:active {color: #666;background: -webkit-gradient(linear, left top, left bottom, from(#000), to(#444));background: -moz-linear-gradient(top,  #000,  #444);/*filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#666666');*/}
/* gray */
.button.gray {color: #e9e9e9;border: solid 1px #555;background: #6e6e6e;background: -webkit-gradient(linear, left top, left bottom, from(#888), to(#575757));background: -moz-linear-gradient(top,  #888,  #575757);/*filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#888888', endColorstr='#575757');*/}
.button.gray:hover {background: #616161;background: -webkit-gradient(linear, left top, left bottom, from(#757575), to(#4b4b4b));background: -moz-linear-gradient(top,  #757575,  #4b4b4b);/*filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#757575', endColorstr='#4b4b4b');*/}
.button.gray:active {color: #afafaf;background: -webkit-gradient(linear, left top, left bottom, from(#575757), to(#888));background: -moz-linear-gradient(top,  #575757,  #888);/*filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#575757', endColorstr='#888888');*/}
/* white */
.button.white {color: #606060;border: solid 1px #b7b7b7;background: #fff;background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ededed));background: -moz-linear-gradient(top,  #fff,  #ededed);/*filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed');*/}
.button.white:hover {background: #ededed;background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#dcdcdc));background: -moz-linear-gradient(top,  #fff,  #dcdcdc);/*filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dcdcdc');*/}
.button.white:active {color: #999;background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#fff));background: -moz-linear-gradient(top,  #ededed,  #fff);/*filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#ffffff');*/}
/* orange */
.button.orange {color: #fef4e9;border: solid 1px #da7c0c;background: #f78d1d;background: -webkit-gradient(linear, left top, left bottom, from(#faa51a), to(#f47a20));background: -moz-linear-gradient(top,  #faa51a,  #f47a20);/*filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#faa51a', endColorstr='#f47a20');*/}
.button.orange:hover {background: #f47c20;background: -webkit-gradient(linear, left top, left bottom, from(#f88e11), to(#f06015));background: -moz-linear-gradient(top,  #f88e11,  #f06015);/*filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f88e11', endColorstr='#f06015');*/}
.button.orange:active {color: #fcd3a5;background: -webkit-gradient(linear, left top, left bottom, from(#f47a20), to(#faa51a));background: -moz-linear-gradient(top,  #f47a20,  #faa51a);/*filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f47a20', endColorstr='#faa51a');*/}
/* red */
.button.red {color: #faddde;border: solid 1px #980c10;background: #d81b21;background: -webkit-gradient(linear, left top, left bottom, from(#ed1c24), to(#aa1317));background: -moz-linear-gradient(top,  #ed1c24,  #aa1317);/*filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ed1c24', endColorstr='#aa1317');*/}
.button.red:hover {background: #b61318;background: -webkit-gradient(linear, left top, left bottom, from(#c9151b), to(#a11115));background: -moz-linear-gradient(top,  #c9151b,  #a11115);/*filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#c9151b', endColorstr='#a11115');*/}
.button.red:active {color: #de898c;background: -webkit-gradient(linear, left top, left bottom, from(#aa1317), to(#ed1c24));background: -moz-linear-gradient(top,  #aa1317,  #ed1c24);/*filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#aa1317', endColorstr='#ed1c24');*/}
/* blue */
.button.blue {color: #d9eef7;border: solid 1px #0076a3;background: #0095cd;background: -webkit-gradient(linear, left top, left bottom, from(#00adee), to(#0078a5));background: -moz-linear-gradient(top,  #00adee,  #0078a5);/*filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#00adee', endColorstr='#0078a5');*/}
.button.blue:hover {background: #007ead;background: -webkit-gradient(linear, left top, left bottom, from(#0095cc), to(#00678e));background: -moz-linear-gradient(top,  #0095cc,  #00678e);/*filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#0095cc', endColorstr='#00678e');*/}
.button.blue:active {color: #80bed6;background: -webkit-gradient(linear, left top, left bottom, from(#0078a5), to(#00adee));background: -moz-linear-gradient(top,  #0078a5,  #00adee);/*filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#0078a5', endColorstr='#00adee');*/}
/* rosy */
.button.rosy {color: #fae7e9;border: solid 1px #b73948;background: #da5867;background: -webkit-gradient(linear, left top, left bottom, from(#f16c7c), to(#bf404f));background: -moz-linear-gradient(top,  #f16c7c,  #bf404f);/*filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f16c7c', endColorstr='#bf404f');*/}
.button.rosy:hover {background: #ba4b58;background: -webkit-gradient(linear, left top, left bottom, from(#cf5d6a), to(#a53845));background: -moz-linear-gradient(top,  #cf5d6a,  #a53845);/*filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#cf5d6a', endColorstr='#a53845');*/}
.button.rosy:active {color: #dca4ab;background: -webkit-gradient(linear, left top, left bottom, from(#bf404f), to(#f16c7c));background: -moz-linear-gradient(top,  #bf404f,  #f16c7c);/*filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#bf404f', endColorstr='#f16c7c');*/}
/* green */
.button.green {color: #e8f0de;border: solid 1px #538312;background: #64991e;background: -webkit-gradient(linear, left top, left bottom, from(#7db72f), to(#4e7d0e));background: -moz-linear-gradient(top,  #7db72f,  #4e7d0e);/*filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#7db72f', endColorstr='#4e7d0e');*/}
.button.green:hover {background: #538018;background: -webkit-gradient(linear, left top, left bottom, from(#6b9d28), to(#436b0c));background: -moz-linear-gradient(top,  #6b9d28,  #436b0c);/*filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#6b9d28', endColorstr='#436b0c');*/}
.button.green:active {color: #a9c08c;background: -webkit-gradient(linear, left top, left bottom, from(#4e7d0e), to(#7db72f));background: -moz-linear-gradient(top,  #4e7d0e,  #7db72f);/*filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#4e7d0e', endColorstr='#7db72f');*/}
/* pink */
.button.pink {color: #feeef5;border: solid 1px #d2729e;background: #f895c2;background: -webkit-gradient(linear, left top, left bottom, from(#feb1d3), to(#f171ab));background: -moz-linear-gradient(top,  #feb1d3,  #f171ab);/*filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#feb1d3', endColorstr='#f171ab');*/}
.button.pink:hover {background: #d57ea5;background: -webkit-gradient(linear, left top, left bottom, from(#f4aacb), to(#e86ca4));background: -moz-linear-gradient(top,  #f4aacb,  #e86ca4);/*filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f4aacb', endColorstr='#e86ca4');*/}
.button.pink:active {color: #f3c3d9;background: -webkit-gradient(linear, left top, left bottom, from(#f171ab), to(#feb1d3));background: -moz-linear-gradient(top,  #f171ab,  #feb1d3);/*filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f171ab', endColorstr='#feb1d3');*/}


/*Wdm data */
div#content #project .container .wdm table {width: 700px;margin-left: 5px;}
div#content #project .container .wdm table th {padding:4px 0px 2px 0px;text-align:left;}
div#content #project .container .wdm table td {padding:3px 0px 2px 0px;text-align:left;}
div#content #project .container .wdm table th {font-weight:bold;width: auto;}
div#content #project .container .wdm table td {color:#000000;font-weight:normal;}
div#content #project .container .wdm .bron {color:#000000;font-weight:bold;margin-left:5px;margin-top:10px;}
div#content #project .container .wdm span.info {background:url('/../img/icons/vraagteken-16x16.png') no-repeat scroll right top;display:inline-block;height:16px;margin-left:0px;vertical-align:text-top;width:16px;cursor:help;}

section.privacy h2 {font-size:18px;margin:25px 0px 0px 24px;}