/*	TRES INTERNET 
	-------------
	CSS bestand vrijgegeven onder C.C. licentie:
	http://creativecommons.org/licenses/by-sa/3.0/nl/
*/
@import url("reset.css");
@import url("menu.css");

img { -ms-interpolation-mode: bicubic; } 

/*LAYOUT
**************************************************/
body{background: #f4f2f7;}

div#container{
	width:1000px;
	margin:0 auto;
	padding: 15px 0 10px;
	background: #fff;
	}

	div#wrapper{
		float:left;
		display: inline;
		width:100%;
		background: #fff url("../img/bg.jpg") 50% -1px repeat-y;
		margin: 0 0 10px;
		}

		div#content{
			margin: 0 275px 0 175px;
			width: 550px;
			min-height:320px;
			height:auto !important;
			overflow: hidden;
			}

		div#sidebar{
			float:left;
			width:239px;
			margin: 0 0 0 -260px;
			padding: 6px 0 20px 6px;
			background: transparent url("../img/bgSidebar.jpg") left top no-repeat;
			}

/*HEADER*/
header{
	position: relative;
	z-index: 0;
	height: 250px;
	width: 970px;
	overflow: hidden;
	text-align: center;
	margin: 0 15px 20px;
	padding: 0;
	background: #cfc5d8;
	}

	div#topmenu{
		position: absolute;
		z-index: 2;
		left: 0;
		top: 0;
		width: 970px;
		height: 30px;
		overflow: hidden;
		}

		div#zoeken{
			float: right;
			display: inline;
			width: 235px;
			height: 30px;
			overflow: hidden;
			margin: 0 10px 0 0;
			}

			div#zoeken form{
				height: 30px;
				width: 230px;
				margin: 0;
				padding: 0;
				}

				div#zoeken form input.zoeken{
					float: left;
					display: inline;
					width: 186px;
					height: 12px;
					padding: 3px 4px;
					margin: 5px 0 0;
					border: 1px solid #441b67;
					font-size: 10px;
					color: #999;
					}
				
				div#zoeken form input.zoekBtn{
					float: left;
					display: inline;
					width: 24px;
					height: 20px;
					background: #441b67 url("../img/zoekBtn.jpg") 50% no-repeat;
					color: #fff;
					border: 0;
					outline: 0;
					margin: 5px 0 0;
					padding: 0 4px 0 0;
					cursor: pointer;
					}

	div#overlay{
		position: absolute;
		z-index: 1;
		left: 0;
		top: 0;
		width: 970px;
		height: 250px;
		overflow: hidden;
		background: transparent url("../img/overlay.png") left top no-repeat;
		}

	div#logo{
		position: absolute;
		z-index: 2;
		left: 15px;
		top: 170px;
		width: 220px;
		height: 65px;
		overflow: hidden;
		}

		div#logo a,
		div#logo a:link,
		div#logo a:visited,
		div#logo a:hover,
		div#logo a:active{
			float: left;
			display: inline;
			width: 220px;
			height: 65px;
			text-decoration: none;
			}

/*FOOTER*/
footer{
	background: #441b67;
	clear:left;
	margin: 0 15px;
	color: #fff;
	min-height:30px;
	height:auto !important; /* voor moderne Browser */
	height:30px; /*voor IE6 */
	position: relative;
	padding: 10px 0 0;
	}

	footer div#hoek1,
	footer div#hoek2{
		position: absolute;
		bottom: 0;
		z-index: 1;
		width: 8px;
		height: 8px;
		overflow: hidden;
		}

	footer div#hoek1{
		left: 0;
		background: transparent url("../img/hoek3.png") left top no-repeat;
		}

	footer div#hoek2{
		right: 0;
		background: transparent url("../img/hoek4.png") left top no-repeat;
		}
	
	footer div#tagcloud{
		color: #8f76a4;
		margin: 0 245px 5px 145px;
		text-align: center;
		}

		footer div#tagcloud a,
		footer div#tagcloud a:link,
		footer div#tagcloud a:visited{
			color: #8f76a4;
			font-weight: normal;
			padding: 2px;
			line-height: 20px;
			text-decoration: none;
			}

		footer div#tagcloud a:hover,
		footer div#tagcloud a:active{
			color: #fff;
			}

			div#tagcloud a.tag1{font-size: 110%;}
			div#tagcloud a.tag2{font-size: 120%;}
			div#tagcloud a.tag3{font-size: 140%;}
			div#tagcloud a.tag4{font-size: 160%;}
			div#tagcloud a.tag5{font-size: 175%;}

/*BOX*/
div.box{
	float: left;
	display: inline;
	width: 265px;
	margin: 0 10px 10px 0;
	position: relative;
	}

div#sidebar div.box{
	width: 235px;
	margin: 10px 0 0 5px;
	}

	div.boxContainer1{
		width: 100%;
		}

		div.boxContainer2{
			width: 100%;
			}

			div.boxTop{
				position: absolute;
				top: 0;
				left: 0;
				z-index: 3;
				display: block;
				height: 10px;
				width: 100%;
				overflow: hidden;
				}

			div.boxBottom{
				position: absolute;
				bottom: 0;
				left: 0;
				display: block;
				height: 10px;
				width: 100%;
				overflow: hidden;
				}

				div.cornerL,
				div.cornerR{
					float: left;
					display: inline;
					height: 10px;
					width: 10px;
					}

				div.cornerR{
					float: right;
					}

div.paars div.boxContent{ background: #dad1e1;}
div.paarsTwee div.boxContent{ background: #441b67;}
div.groen div.boxContent{ background: #d3edda;}
div.oranje div.boxContent{background: #fce5cf;}
div.blauw div.boxContent{ background: #cce4f2;}

			div.boxContent a.leesmeer,
			div.boxContent a.leesmeer:link,
			div.boxContent a.leesmeer:visited{
				position: absolute;
				z-index: 0;
				bottom: 15px;
				left: 20px;
				width: 120px;
				height: 20px;
				line-height: 20px;
				display: block;
				padding: 4px 10px;
				background: url("../img/pijl.gif") 125px 12px no-repeat;
				text-decoration: none;
				}

			div.boxContent a.leesmeer:hover,
			div.boxContent a.leesmeer:active{
				background-position: -1000px 50%;
				}

div.paars, div.paars h4, div.paars a, div.paars span.bullettextstyle, div.paars li.bulletstyle, div.paars span.bulletsubtitlestyle{color: #441b67;}
div.paars a.leesmeer, div.paars a.leesmeer:link, div.paars a.leesmeer:visited{background-color: #441b67; color: #fff; border: 1px solid #441b67;}
div.paars a.leesmeer:hover, div.paars a.leesmeer:active{background-color: #dad1e1; color: #441b67; background-position: 125px -88px;}
div.paars div.boxContainer1{background: transparent url("../img/PaarsV.gif") left top repeat-y;}
div.paars div.boxContainer2{background: transparent url("../img/PaarsV.gif") right top repeat-y;}
div.paars div.boxTop{background: transparent url("../img/PaarsH.gif") left top repeat-x;}
div.paars div.boxTop div.cornerL{background: transparent url("../img/PaarsC1.png") left top no-repeat;}
div.paars div.boxTop div.cornerR{background: transparent url("../img/PaarsC2.png") left top no-repeat;}
div.paars div.boxBottom{ background: transparent url("../img/PaarsH.gif") left 9px repeat-x;}
div.paars div.boxBottom div.cornerL{background: transparent url("../img/PaarsC3.png") left top no-repeat;}
div.paars div.boxBottom div.cornerR{background: transparent url("../img/PaarsC4.png") left top no-repeat;}

div.paarsTwee, div.paarsTwee h4, div.paarsTwee a, div.paarsTwee span.bullettextstyle, div.paarsTwee span.bulletsubtitlestyle{color: #fff;}
div.paarsTwee a.leesmeer, div.paarsTwee a.leesmeer:link, div.paarsTwee a.leesmeer:visited{background-color: #fff; color: #441b67; border: 1px solid #fff;}
div.paarsTwee a.leesmeer:hover, div.paarsTwee a.leesmeer:active{background-color: #dad1e1; color: #441b67; background-position: 125px -88px;}
div.paarsTwee div.boxContainer1{background: transparent url("../img/PaarsV.gif") left top repeat-y;}
div.paarsTwee div.boxContainer2{background: transparent url("../img/PaarsV.gif") right top repeat-y;}
div.paarsTwee div.boxTop{background: transparent url("../img/PaarsH.gif") left top repeat-x;}
div.paarsTwee div.boxTop div.cornerL{background: transparent url("../img/PaarsC1.png") left top no-repeat;}
div.paarsTwee div.boxTop div.cornerR{background: transparent url("../img/PaarsC2.png") left top no-repeat;}
div.paarsTwee div.boxBottom{ background: transparent url("../img/PaarsH.gif") left 9px repeat-x;}
div.paarsTwee div.boxBottom div.cornerL{background: transparent url("../img/PaarsC3.png") left top no-repeat;}
div.paarsTwee div.boxBottom div.cornerR{background: transparent url("../img/PaarsC4.png") left top no-repeat;}

div.groen, div.groen h4, div.groen a, div.groen span.bullettextstyle, div.groen li.bulletstyle, div.groen span.bulletsubtitlestyle{color: #25a345;}
div.groen a.leesmeer, div.groen a.leesmeer:link, div.groen a.leesmeer:visited{background-color: #25a345; color: #fff; border: 1px solid #25a345;}
div.groen a.leesmeer:hover, div.groen a.leesmeer:active{background-color: #d3edda; color: #25a345; background-position: 125px -188px;}
div.groen div.boxContainer1{background: transparent url("../img/GroenV.gif") left top repeat-y;}
div.groen div.boxContainer2{background: transparent url("../img/GroenV.gif") right top repeat-y;}
div.groen div.boxTop{background: transparent url("../img/GroenH.gif") left top repeat-x;}
div.groen div.boxTop div.cornerL{background: transparent url("../img/GroenC1.png") left top no-repeat;}
div.groen div.boxTop div.cornerR{background: transparent url("../img/GroenC2.png") left top no-repeat;}
div.groen div.boxBottom{ background: transparent url("../img/GroenH.gif") left 9px repeat-x;}
div.groen div.boxBottom div.cornerL{background: transparent url("../img/GroenC3.png") left top no-repeat;}
div.groen div.boxBottom div.cornerR{background: transparent url("../img/GroenC4.png") left top no-repeat;}

div.oranje, div.oranje h4, div.oranje a, div.oranje span.bullettextstyle, div.oranje li.bulletstyle, div.oranje span.bulletsubtitlestyle{color: #ee7d11;}
div.oranje a.leesmeer, div.oranje a.leesmeer:link, div.oranje a.leesmeer:visited{background-color: #ee7d11; color: #fff; border: 1px solid #ee7d11;}
div.oranje a.leesmeer:hover, div.oranje a.leesmeer:active{background-color: #fce5cf; color: #ee7d11; background-position: 125px -288px;}
div.oranje div.boxContainer1{background: transparent url("../img/OranjeV.gif") left top repeat-y;}
div.oranje div.boxContainer2{background: transparent url("../img/OranjeV.gif") right top repeat-y;}
div.oranje div.boxTop{background: transparent url("../img/OranjeH.gif") left top repeat-x;}
div.oranje div.boxTop div.cornerL{background: transparent url("../img/OranjeC1.png") left top no-repeat;}
div.oranje div.boxTop div.cornerR{background: transparent url("../img/OranjeC2.png") left top no-repeat;}
div.oranje div.boxBottom{ background: transparent url("../img/OranjeH.gif") left 9px repeat-x;}
div.oranje div.boxBottom div.cornerL{background: transparent url("../img/OranjeC3.png") left top no-repeat;}
div.oranje div.boxBottom div.cornerR{background: transparent url("../img/OranjeC4.png") left top no-repeat;}

div.blauw, div.blauw h4, div.blauw a, div.blauw span.bullettextstyle, div.blauw li.bulletstyle, div.blauw span.bulletsubtitlestyle{color: #0079bc;}
div.blauw a.leesmeer, div.blauw a.leesmeer:link, div.blauw a.leesmeer:visited{background-color: #0079bc; color: #fff; border: 1px solid #0079bc;}
div.blauw a.leesmeer:hover, div.blauw a.leesmeer:active{background-color: #cce4f2; color: #0079bc; background-position: 125px -388px;}
div.blauw div.boxContainer1{background: transparent url("../img/BlauwV.gif") left top repeat-y;}
div.blauw div.boxContainer2{background: transparent url("../img/BlauwV.gif") right top repeat-y;}
div.blauw div.boxTop{background: transparent url("../img/BlauwH.gif") left top repeat-x;}
div.blauw div.boxTop div.cornerL{background: transparent url("../img/BlauwC1.png") left top no-repeat;}
div.blauw div.boxTop div.cornerR{background: transparent url("../img/BlauwC2.png") left top no-repeat;}
div.blauw div.boxBottom{ background: transparent url("../img/BlauwH.gif") left 9px repeat-x;}
div.blauw div.boxBottom div.cornerL{background: transparent url("../img/BlauwC3.png") left top no-repeat;}
div.blauw div.boxBottom div.cornerR{background: transparent url("../img/BlauwC4.png") left top no-repeat;}

		div.boxContent{
			position: relative;
			z-index: 0;
			padding: 10px 9px;
			margin: 0 1px;
			width: 245px;
			height: 160px;
			overflow: hidden;
			}

		div#sidebar div.boxContent{
			width: 215px;
			height: 100%;
			}

		div.boxAfbeelding{
			position: absolute;
			z-index: -3;
			top: 1px;
			left: 0;
			width: 265px;
			height: 180px;
			}
		
		div#sidebar div.boxAfbeelding{
			top: 1px;
			height: 800px;
			}

/*TYPOGRAFIE
**************************************************/
body{
	font: normal 11px/18px Verdana, Arial, sans-serif;
	color: #1a1a1a;}

strong, b{font-weight: bold;}
em, i{font-style: italic;}

/*PARAGRAPHS*/
p{padding: 0 0 15px;}
div#content div.boxContent p{padding: 0 10px 5px;}
div#sidebar div.boxContent p{padding: 0 0 5px;}

div.meta{font-size: 9px; margin-bottom: 2px; color: #999}

/*HEADINGS*/
h1{
	font: normal 26px/28px Arial, sans-serif;
	padding: 0 0 10px;
	/*KLEUR IN ANDERE STYLESHEET*/
	}

h2{
	font: bold 22px/26px Arial, sans-serif;
	padding: 0 0 20px;
	}

h3{
	font: bold 16px/18px Arial, sans-serif;
	}

h3 a, h3 a:link, h3 a:visited{text-decoration: none;}
h3 a:hover, h3 a:active{color: #000;}

div.boxContent h4{
	font: bold 26px/28px Arial, sans-serif;
	padding: 10px 10px 5px 10px;
	}

div#sidebar div.boxContent h4{
	font: bold 22px/28px Arial, sans-serif;
	padding: 0 0 5px;
	}

/*TABLE*/
div#content table,
div#sidebar table{
	border-collapse: collapse;
	}

div#content table{
	margin: 0 0 15px 1px;
	}

/*OPSOMMINGEN*/
span.bulletsubtitlestyle{
	font: bold 11px/18px Verdana, Arial, sans-serif;
	display:block;
	}

div#content ul,
div#sidebar ul{
	list-style-type: disc;
	margin: 0 0 15px;
	padding: 0 0 0 15px;
	}

	div#content ul li.bulletstyle{
		padding: 0 0 0 8px;
		font-weight: bold;
		}
	
	div#sidebar ul li.bulletstyle{
		padding: 0;
		font-weight: bold;
		}

div#content ol,
div#sidebar ol{
	list-style-type: decimal;
	margin: 0 0 15px;
	padding: 0 0 0 25px;
	}

	div#content ol li.bulletstyle,
	div#sidebar ol li.bulletstyle{
		padding: 0;
		margin: 0;
		font-weight: bold;
		}

		span.bullettextstyle{
			color:#1a1a1a;
			font-weight: normal;
			}

/*LINKS*/
a, a:link, a:visited{ text-decoration: underline; font-weight: bold; outline: none;}
a:hover, a.active{ text-decoration: none;}
a, a:focus{ outline: 0;}

a.calltoaction, a.calltoaction:link, a.calltoaction:visited{
	display: block;
	text-decoration: none;
	padding: 10px;
	font-size: 12px;
	background-image: url("../img/cta.png");
	background-repeat: no-repeat;
	}

a.calltoaction:hover, a.calltoaction:active{
	background-color: #e8e8e8;
	}

div#content a.balkPaars,
div#content a.balkGroen,
div#content a.balkOranje,
div#content a.balkBlauw,
div#content a.balkGeel,
div#content a.balkBruin{
	width: 545px;
	overflow: hidden;
	text-decoration: none;
	}

div#content div.boxContent a.balkPaars,
div#content div.boxContent a.balkGroen,
div#content div.boxContent a.balkOranje,
div#content div.boxContent a.balkBlauw,
div#content div.boxContent a.balkGeel,
div#content div.boxContent a.balkBruin{
	width: 220px;
	overflow: hidden;
	text-decoration: none;
	}

div#sidebar div.boxContent a.balkPaars,
div#sidebar div.boxContent a.balkGroen,
div#sidebar div.boxContent a.balkOranje,
div#sidebar div.boxContent a.balkBlauw,
div#sidebar div.boxContent a.balkGeel,
div#sidebar div.boxContent a.balkBruin{
	width: 210px;
	overflow: hidden;
	text-decoration: none;
	}

a.balkPaars, a.balkGroen, a.balkOranje, a.balkBlauw, a.balkGeel, a.balkBruin,
a.balkPaars:link, a.balkGroen:link, a.balkOranje:link, a.balkBlauw:link, a.balkGeel:link, a.balkBruin:link,
a.balkPaars:visited, a.balkGroen:visited, a.balkOranje:visited, a.balkBlauw:visited, a.balkGeel:visited, a.balkBruin:visited{
	color: #fff;
	float: left;
	display: block;
	clear: left;
	padding: 1px 0 1px 5px;
	margin: 3px 0 1px;
	font-weight: normal;
	font-size: 10px;
	background: url("../img/pijl2.gif") right 8px no-repeat;
	text-decoration: none;
	}

a.balkPaars, a.balkPaars:link, a.balkPaars:visited{    background-color: #441b67;}
a.balkGroen, a.balkGroen:link, a.balkGroen:visited{    background-color: #25a345;}
a.balkOranje, a.balkOranje:link, a.balkOranje:visited{ background-color: #ee7d11;}
a.balkBlauw, a.balkBlauw:link, a.balkBlauw:visited{    background-color: #0079bc;}
a.balkGeel, a.balkGeel:link, a.balkGeel:visited{       background-color: #f1b700;}
a.balkBruin, a.balkBruin:link, a.balkBruin:visited{    background-color: #944f31;}

a.balkPaars:hover, a.balkGroen:hover, a.balkOranje:hover, a.balkBlauw:hover, a.balkGeel:hover, a.balkBruin:hover,
a.balkPaars:active, a.balkGroen:active, a.balkOranje:active, a.balkBlauw:active, a.balkGeel:active, a.balkBruin:active{
	color: #fff;
	font-weight: bold;
	}

/*AFBEELDINGEN*/
div.afb_standaard{
	margin: 0 0 10px;
	}

div.afb_links{
	float: left;
	display: inline;
	margin: 0 10px 10px 0;
	}

div.afb_rechts{
	float: right;
	display: inline;
	margin: 0 0 10px 10px;
	text-align: right;
	}

	div.afb_standaard img,
	div.afb_rechts img,
	div.afb_links img{
		margin: 0;
		}

	div.afb_standaard p.onderschrift,
	div.afb_rechts p.onderschrift,
	div.afb_links p.onderschrift{
		margin: 0;
		font-size: 10px;
		line-height: 14px;
		color: #a8a8a8;
		font-style: italic;
		}

div#content div.box img{
	max-width: 240px;
	width: expression(document.geElementById('container').style.width > 240 ? "240px": "auto" );
	}
div#sidebar div.box img{
	max-width: 215px;
	width: expression(document.geElementById('container').style.width > 215 ? "215px": "auto" );	
	}

/*TOGGLE
--------------------------*/
div.collapse {
	display: block;
	float: left;
	width: 100%;
	}

span.trigger{
	float: left;
	display: inline;
	margin: 0;
	padding: 0;
	}
 
	span.trigger a,
	span.trigger a:link,
	span.trigger a:visited{
		text-decoration: none;
		display: block;
		text-align: left;
		padding-left: 20px;
		margin-bottom: 4px;
		height: 16px;
		line-height: 16px;
		}

	span.trigger a:hover{ background-position: left -30px;}
	span.active a, span.active a:link, span.active a:visited{ background-position: left -60px;}
	span.active a:hover{background-position: left -90px;}

div.toggle_container{
	margin: 0;
	padding: 0;
	overflow: hidden;
	width: 530px;
	clear: both;
	}

	div.toggle_container .block{
		padding: 0 0 0 20px;
		margin-bottom: 15px;
		}

		div.toggle_container .block p,
		div.toggle_container .block ul,
		div.toggle_container .block ol,
		div.toggle_container .block table{
			padding: 0;
			margin: 0;
			}

/*FAQ
--------------------------*/
div.collapse2{
	display: block;
	float: left;
	width: 100%;
	}

span.trigger2{
	float: left;
	display: block;
	width: 550px;
	margin: 0;
	padding: 0;
	border-top: 1px solid #ccc;
	}
 
	span.trigger2 a,
	span.trigger2 a:link,
	span.trigger2 a:visited{
		text-decoration: none;
		display: block;
		text-align: left;
		line-height: 16px;
		padding: 5px;
		}

	span.trigger2 a:hover{ background-position: left -30px; color: #000;}
	span.active2 a, span.active2 a:link, span.active2 a:visited{ color: #000; background: #e8e8e8;}

div.toggle_container2{
	margin: 0;
	padding: 0;
	overflow: hidden;
	width: 550px;
	clear: both;
	}

	div.toggle_container2 .block2{
		padding: 5px 0;
		margin: 0;
		}

		div.toggle_container2 .block2 p,
		div.toggle_container2 .block2 ul,
		div.toggle_container2 .block2 ol,
		div.toggle_container2 .block2 table{
			padding: 0;
			margin: 0 5px;
			}

/*FORMULIEREN
**************************************************/
input, textarea, select, option{
	font-family: Verdana, Arial, sans-serif;
	}

/*SIDEBAR*/
div#sidebar form label{
	float: left;
	display: inline;
	clear: left;
	padding: 0 5px;
	margin: 0 0 3px;
	width: 72px;
	height: 20px;
	line-height: 20px;
	font-size: 9px;
	white-space: nowrap;
	overflow: hidden;
	}

div#sidebar form div.input input,
div#sidebar form div.input select,
div#sidebar form div.input textarea{
	float: left;
	display: inline;
	width: 127px;
	height: 14px;
	line-height: 12px;
	margin: 0 0 3px;
	padding: 3px 0 3px 5px;
	font-size: 10px;
	border: 0;
	}

div#sidebar form div.input select{
	height: 22px;
	width: 132px;
	border: 0;
	}

div#sidebar form div.input input[type='checkbox'],
div#sidebar form div.input input[type='radio']{
	width: 20px;
	float: none;
	position: relative;
	top: 2px;
	}

div#sidebar form div.input textarea{
	height: 40px;
	resize: none;
	overflow: auto;
	}

div#sidebar form div.input2{
	clear: both;
	height: 24px;
	}

div#sidebar form input.submitbutton{
	float: right;
	margin: 0;
	font-size: 10px;
	font-weight: bold;
	cursor: pointer;
	outline: 0;
	padding: 1px 3px;
	}

div#sidebar form span.verplicht{display: none;}

div#sidebar div.paars form label{ color: #fff; background: #7c5f94 url("../img/pijl2.gif") right 50% no-repeat;}
div#sidebar div.paars form input.submitbutton{ background: #d3edda; border: 1px solid #25a345; color: #25a345;}
div#sidebar div.paars form input.submitbutton:hover{ background: #25a345; color: #fff;}

div#sidebar div.paarsTwee form label{ background: #7c5f94 url("../img/pijl2.gif") right 50% no-repeat;}
div#sidebar div.paarsTwee form input.submitbutton{ background: #d3edda; border: 1px solid #25a345; color: #25a345;}
div#sidebar div.paarsTwee form input.submitbutton:hover{ background: #25a345; color: #fff;}

div#sidebar div.blauw form label{ color: #fff; background: #0079bc url("../img/pijl2.gif") right 50% no-repeat;}
div#sidebar div.blauw form input.submitbutton{ background: #fce5cf; border: 1px solid #ee7d11; color: #ee7d11;}
div#sidebar div.blauw form input.submitbutton:hover{ background: #ee7d11; color: #fff;}

div#sidebar div.groen form label{ color: #fff; background: #25a345 url("../img/pijl2.gif") right 50% no-repeat;}
div#sidebar div.groen form input.submitbutton{ background: #7c5f94; border: 1px solid #441b67; color: #fff;}
div#sidebar div.groen form input.submitbutton:hover{ background: #441b67; color: #fff;}

div#sidebar div.oranje form label{ color: #fff; background: #ee7d11 url("../img/pijl2.gif") right 50% no-repeat;}
div#sidebar div.oranje form input.submitbutton{ background: #4ca1d0; border: 1px solid #0079bc; color: #fff;}
div#sidebar div.oranje form input.submitbutton:hover{ background: #0079bc; color: #fff;}

/*CONTENT*/
div#content div.formulier{
	width: 100%;
	margin: 0 0 10px;
	clear: both;
	}

div#content div.input{
	position: relative;
	}

div#content form label{
	float: left;
	display: inline;
	clear: left;
	padding: 0 5px;
	margin: 0 0 3px;
	width: 122px;
	height: 20px;
	line-height: 20px;
	font-size: 9px;
	white-space: nowrap;
	overflow: hidden;
	}

div#content form div.input input,
div#content form div.input select,
div#content form div.input textarea{
	float: left;
	display: inline;
	width: 297px;
	height: 14px;
	line-height: 12px;
	margin: 0 0 3px;
	padding: 3px 0 3px 5px;
	font-size: 10px;
	}

div#content form div.input select{
	height: 22px;
	width: 303px;
	border: 0;
	}

div#content form div.input input[type='checkbox'],
div#content form div.input input[type='radio']{
	width: 20px;
	float: none;
	position: relative;
	top: 2px;
	}

div#content form div.input textarea{
	height: 100px;
	resize: none;
	overflow: auto;
	}

div#content form div.input2{
	clear: both;
	width: 438px;
	height: 24px;
	}

div#content form input.submitbutton{
	float: right;
	margin: 0;
	font-size: 10px;
	font-weight: bold;
	cursor: pointer;
	outline: 0;
	padding: 1px 3px;
	}

div#content form span.verplicht{
	margin: 0 0 0 3px;
	font-size: 10px;
	}

/*DIETISTENZOEKER*/
a.dietistenzoeker,
a.dietistenzoeker:link,
a.dietistenzoeker:visited{
	text-decoration: none;
	display: block;
	width: 100%;
	height: 225px;
	background: #fff url("../img/dietistenzoeker.jpg") 50% top no-repeat;
	}

a.dietistenzoeker:hover,
a.dietistenzoeker:active{
	background-position: 50% -225px;
	}

div#dietistenzoeker{
	width: 510px;
	height: 290px;
	padding: 0 20px;
	background: #fff url("../img/map/bg.gif") left top no-repeat;
	}

div#dietistenzoeker div.map{
	float: right;
	display: inline;
	width: 230px;
	height: 270px;
	margin: 0 0 0 20px;
	}

div#dietistenzoeker div#mapNederland{ background: #fff url("../img/map/nederland.gif") left top no-repeat;}
div#dietistenzoeker div#mapFriesland{ background: #fff url("../img/map/friesland.gif") left top no-repeat;}
div#dietistenzoeker div#mapGroningen{ background: #fff url("../img/map/groningen.gif") left top no-repeat;}
div#dietistenzoeker div#mapDrenthe{ background: #fff url("../img/map/drenthe.gif") left top no-repeat;}
div#dietistenzoeker div#mapFlevoland{ background: #fff url("../img/map/flevoland.gif") left top no-repeat;}
div#dietistenzoeker div#mapNoord-holland, div#dietistenzoeker div#mapNoord-Holland{ background: #fff url("../img/map/noord-holland.gif") left top no-repeat;}
div#dietistenzoeker div#mapZuid-holland, div#dietistenzoeker div#mapZuid-Holland{ background: #fff url("../img/map/zuid-holland.gif") left top no-repeat;}
div#dietistenzoeker div#mapOverijssel{ background: #fff url("../img/map/overijssel.gif") left top no-repeat;}
div#dietistenzoeker div#mapGelderland{ background: #fff url("../img/map/gelderland.gif") left top no-repeat;}
div#dietistenzoeker div#mapZeeland{ background: #fff url("../img/map/zeeland.gif") left top no-repeat;}
div#dietistenzoeker div#mapNoord-brabant, div#dietistenzoeker div#mapNoord-Brabant{ background: #fff url("../img/map/noord-brabant.gif") left top no-repeat;}
div#dietistenzoeker div#mapUtrecht{ background: #fff url("../img/map/utrecht.gif") left top no-repeat;}
div#dietistenzoeker div#mapLimburg{ background: #fff url("../img/map/limburg.gif") left top no-repeat;}

div#dietistenzoeker h3{
	float: left;
	display: inline;
	margin: 20px 0 20px 10px;
	font-size: 24px;
	color: #fff;
	}

div#content ul#provincies{
	float: left;
	display: inline;
	list-style: none;
	margin: 0 0 0 10px;
	padding: 0;
	width: 260px;
	}

div#content ul#provincies li{
	float: left;
	display: inline;
	width: 120px;
	list-style: none;
	margin: 0 10px 5px 0;
	padding: 0;
	}

div#content ul#provincies li a,
div#content ul#provincies li a:link,
div#content ul#provincies li a:visited{
	display: block;
	text-decoration: none;
	font-weight: normal;
	color: #5d3a7c;
	background: #fff;
	padding: 0 0 0 20px;
	height: 24px;
	width: 100px;
	line-height: 22px;
	overflow: hidden;
	background: transparent url("../img/map/btn.png") left -48px no-repeat; 
	}

div#content ul#provincies li a:hover,
div#content ul#provincies li a:active{
	color: #fff;
	background-position: left -24px;
	}

div#content ul#provincies li.current a,
div#content ul#provincies li.current a:link,
div#content ul#provincies li.current a:visited{
	display: block;
	text-decoration: none;
	font-weight: bold;
	color: #fff;
	background: transparent url("../img/map/btn.png") left top no-repeat;
	}

div#content ul#provincies li.current a:hover,
div#content ul#provincies li.current a:active{
	color: #fff;
	background-position: left -24px;
	}

div#content table#dietisten{
	width: 550px;
	}

div#content table#dietisten td{
	border-top: 1px solid #a18cb3;
	border-bottom: 1px solid #a18cb3;
	padding: 5px;
	font-size: 10px;
	line-height: 14px;
	vertical-align: top;
	}

div#content table#dietisten tr.odd td{
	background: #f6f4f8;
	}

div#content table#dietisten tr td.tablehead{
	background: #5d3a7c;
	color: #fff;
	font-weight: bold;
	font-size: 12px;
	}

div#content table#dietisten td h4{
	margin: 0;
	padding: 0;
	font-size: 12px;
	}

/*PAGING*/
div#paging{
	float: right;
	line-height: 26px;
	}

	div#paging div,
	div#paging a,
	div#paging a:link,
	div#paging a:visited{
		float: left;
		display: inline;
		width: 24px;
		text-align: center;
		border: 1px solid #fff;
		color: #5d3a7c;
		text-decoration: none;
		background: #c7becf;
		margin: 0 0 0 2px;
		}

	div#paging a:hover,
	div#paging a:active{
		background: #c7becf;
		color: #fff;
		}

	div#paging a.currentpage{
		font-weight: bold;
		background: #5d3a7c;
		color: #fff;
		}
	
	div#paging a.currentpage:hover,
	div#paging a.currentpage:active{
		background: #5d3a7c;
		color: #fff;
		}
	
div.banner{
	float: left; display: inline; position: relative;
	height: 180px; width: 265px; margin: 0 10px 10px 0;
	}

div.banner div.boxTop,
div.banner div.boxBottom{
	position: absolute; z-index: 2; overflow: hidden;
	left: 0; width: 265px; height: 1px;
	background: #431a66; }

div.banner div.boxTop{top: 0;}
div.banner div.boxBottom{bottom: 0;}

div.banner div.boxLeft,
div.banner div.boxRight{
	position: absolute; z-index: 2; overflow: hidden;
	top: 0; width: 1px; height: 180px;
	background: #431a66; }

div.banner div.boxLeft{left: 0}
div.banner div.boxRight{right: 0;}

div.banner div.cornerLT,
div.banner div.cornerRT,
div.banner div.cornerLB,
div.banner div.cornerRB{
	position: absolute; z-index: 3;
	float: left; display: inline;
	height: 10px; width: 10px;
	}

div.banner div.cornerLT{left: 0; top: 0; background: transparent url("../img/PaarsC1.png") left top no-repeat;}
div.banner div.cornerRT{right: 0; top: 0; background: transparent url("../img/PaarsC2.png") left top no-repeat;}
div.banner div.cornerLB{left: 0; bottom: 0; background: transparent url("../img/PaarsC3.png") left top no-repeat;}
div.banner div.cornerRB{right: 0; bottom: 0; background: transparent url("../img/PaarsC4.png") left top no-repeat;}