@import url(/include/css/editor.php);
body 	{
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 11px;
	font-style: normal;
	background-color: #FFD205;
	margin: 0 0 0 0;
	background-image: url(../../image/background.gif);
	background-repeat:repeat-x;
	background-position: top right;
	background:#FFD205;
	}

#container {
	width:905px;
	/*min-height:550px;*/
	background:url('/image/background-curve.gif') 0px 200px no-repeat;
	background:#fff;
	margin:30px auto 0 auto;
	padding:10px;
	}

#visual {
	height:177px;
	/* background:url('/image/topbanner/visual.jpg') center top no-repeat; */
	}
#visualHolder img {
	/* position:absolute; */
	margin-top:13px;
	}
#logo {
	float:left;
	width:160px;
	height:81px;
	}

#topnav {
	position:absolute;
	width:908px;
	height:35px;
	margin-top:-5px;
	}
#topnav #loginLinks {
	width:330px;
	float:right;
	}
#topnav a {
	background:url('/image/login-arrow.gif') right center no-repeat;
	padding-right:14px;
	margin-left:10px;
	line-height:18px;
	font-size:8pt;
	}
#topnav a#eLearning {
	/* background:url('/image/login-arrow.gif') right center no-repeat; */
	background:url('/image/e-learning.gif') left center no-repeat;
	padding-left:20px;
	padding-right:0;
	}
#topnav form {
	display:block;
	width:350px;
	float:right;
	text-align:right;
	}
#topnav form label {
	font-size:14px;
	color:#fff;
	font-weight:bold;
	text-transform:uppercase;
	}
#topnav form select {
	font-size:8pt;
	width:170px;
	margin-right:4px;
	}


/* CONTENT */

#content {
	/* margin-left:52px; */
	width:905px;
	/*min-height:200px;*/
	margin-top:0px;
	overflow:hidden;
	background: url(/image/content_bg.gif) repeat-y;
	}
	#content.nosidebarbg {
		background: none;
	}
#colLeft {
	width:445px;
	float:left;
	}
#colRight {
	width:450px;
	float:right;
	}

#text {
	display: block;
	width: 675px;
	padding:0 10px 10px 10px;
	float: left;
	}
	#text.home {
		width: 425px;
	}


	/* e-Learning form */

	#eLearningForm *, #eLearningForm2 * {
		margin:0;
		padding:0;
		}
	#eLearningForm fieldset, #eLearningForm2 fieldset {
		margin-bottom:1em;
		border:none;
		}
	#eLearningForm legend, #eLearningForm2 legend {
		font-weight:bold;
		margin-bottom:0.5em;
		}

	#eLearningForm .field, #eLearningForm2 .field {
		width: 500px;
		margin-bottom:0.4em;
		display: block;
		overflow: hidden;
		clear: both;
		}
	#eLearningForm .info, #eLearningForm2 .info {
		height:auto;
		margin-bottom:1em;
		}
	#eLearningForm .radio, #eLearningForm2 .radio {
		line-height:1.6em;
		}

	#eLearningForm label, #eLearningForm2 label {
		display:block;
		width:10em;
		float:left;
		}
		#eLearningForm.cadeaubon label {
			width: 14em;
		}
		#eLearningForm.cadeaubon label.error {
			margin: 0 0 0 14em !important;
		}
	#eLearningForm input, #eLearningForm2 input {
		width:20em;
		}
	#eLearningForm .small input, #eLearningForm2 .small input {
		width:6em;
		}
	#eLearningForm .submit input, #eLearningForm .submit2 input {
		margin-left:9.8em;
		width:10em;
		}

	#eLearningForm .checkbox label {
		width:auto;
		margin-left:0.5em;
		line-height:1;
		}
	#eLearningForm .checkbox strong {
		color:#FE370E;
		}

	#eLearningForm label.radioValue, #eLearningForm2 label.radioValue {
		width:5em;
		}
	#eLearningForm .checkbox input, #eLearningForm2 .checkbox input,
	#eLearningForm .radio input, #eLearningForm2 .radio input {
		width:auto;
		float:left;
		}

	 #eLearningForm .wide label{
	 	width:35em;
	 }
	 #eLearningForm .radio-wide input{
	 	margin-left:10em;
	 }
	 #eLearningForm p.note{
		 text-decoration:italic;
		 font-size:11px;
	 }
	 
	 #eLearningForm .radio-wide label{
	 	width:auto;
	 }
	 
	 #eLearningForm2 .ideal label{
	 	width:auto;
	 }

	 #eLearningForm2 .ideal input{
	 	margin-top:13px;
	 	width:auto;
	 }
	 #eLearningForm .machtiging input{
	 	width:auto;
	 }
	 
	#machtiging-container{
		display:none;
	}
	 
	 #ideal-finish div.hr{
	 	height:1px;
	 	background-color:#E8E8E8;
	 	margin-bottom:2em;
	 }
	 #ideal-finish div.hr hr{
		display:none;
	 }
	 #method-container .field input{
	 	margin-left:0;
	 }
/* BOX */

div.boxHome,
div.boxRight {
	background:#fff;
	/* padding:10px; */
	}

#boxWelcome {
	height:396px;
	}
#boxGrats {
	margin-bottom:10px;
	height:320px;
	background:#E8E8E8;
	}
#boxNews {
	height:90px;
	position:relative;
	}

#boxGrats *,
#boxNews * {
	font-size:8pt;
	}
#boxNews .newsItemHome h3 a { font-size:11pt; }
#boxNews .newsItemHome h3 { margin-bottom:5px; }

#homeTop {
	display: block;
	overflow: hidden;
	margin: 0 0 10px 0;
	background: url(/image/container_bg.gif) repeat-y top right;
	/*background: url(/image/actie_intake.jpg) no-repeat top left;*/
}
#homeTopActie {
	display: block;
	overflow: hidden;
	margin: 0 0 10px 0;
	/*background: url(/image/container_bg.gif) repeat-y top right;*/
	background: url(/image/actie_intake_new.jpg) no-repeat top left;
}
	#homeTopLeft {
		width: 443px;
		float: left;
		margin: 0 12px 0 0;
	}
	#homeTopRight {
		width: 450px;
		float: left;
	}
#homeBottom {
	display: block;
	clear: both;
	margin: 0px;
}
	#homeBottomLeft {
		width: 443px;
		float: left;
		margin: 0 12px 0 0;
	}
	#homeBottomRight {
		width: 450px;
		float: left;
	}

/* WELCOME */

#textHome {
	height:327px;
	padding:0 10px;
	overflow:hidden;
	}

div.boxWelcome h1 {
	color:#FE370E;
	font-size:14pt;
	margin-bottom:10px;
	padding-top:10px;
	font-weight:normal;
	}
div.boxWelcome p#subH1 {
	font-size:8pt;
	border-bottom:2px dotted #D2D2D2;
	padding-bottom:20px;
	margin-bottom:20px;
	}
div.boxWelcome h2,
div.boxWelcome p,
div.boxWelcome ul {
	/* margin:0 10px; */
	}
div.boxWelcome ul {
	padding:0 0 0 16px;
	margin:1.2em 0 1.2em .7em;
	}


#linkContactPage {
	clear:both;
	margin-top:0px;
	padding:10px 0 10px 0;
	}
#linkContactPage a {
	background:url('/image/login-arrow.gif') right center no-repeat;
	padding-right:14px;
	text-decoration:underline;
	}

#poweredBy {
	display: block;
	margin-top:3px;
	padding-top:10px;
	border-top:3px solid #E8E8E8;
	text-align:center;
	clear: both;
	}

/* Photo */

div.grats {
	height:175px;
	position:relative;
	height:400px;
	}
div.grats h2 {
	background:url('/image/gefeliciteerd-blauw.gif') left center no-repeat;
	width:204px;
	height:53px;
	float:left;
	margin-top:7px;
	margin-left:185px;
	margin-left:230px;
	margin-bottom:5px;
	}
div.grats h2 {
	text-indent:-999em;
	}
#gratsLink {
	clear:both;
	padding-top:235px;
	height:auto;
	}
#gratsLinkPhoto {
	position:absolute;
	display:block;
	width:280px;
	height:210px;
	background:#fff;
	opacity:.02;
	filter:alpha(opacity=1); /* Otherwise you cant click on it in IE  */
	z-index:100;
	left:45px;
	top:55px;
	}
div.grats a.readmore {
	background:url('/image/login-arrow.gif') right center no-repeat;
	padding-right:14px;
	text-decoration:underline;
	margin-left:20px;
	}
/* NEWS AND BANNERS HOME */

div.aanbiedingHome {
	height:70px;
	padding:10px;
	background:#E8E8E8;
	}
div.aanbiedingHome p a {
	text-decoration:none !important;
	}
div.aanbiedingHome .figure,
div.newsItemHome .figure {
	float:left;
	margin-right:10px;
	}
div.newsItemHome {
	height:70px;
	padding:10px;
	margin-top:10px;
	background:#E8E8E8;
	}
a.arrowLink {
	background:url('/image/arrow-red.gif') left center no-repeat;
	text-indent:-99em;
	padding-left:8px;
	text-decoration:none;
	}
a.arrowLink span {
	visibility:hidden;
	}


/* FOOTER */

#footer {
	width:905px;
	margin:0 auto;
	clear:both;
	height:50px;
	padding:10px;
	}

#footer span {
	float:left;
	}
#footer span.naw {
	float:right;
	}
#footer * {
	font-size:8pt;
	}


/* BASIC STYLING */

a img {
	border:none;
	}

.clear {
	display:block;
	clear:both;
	height:0px;
	line-height:0px;
	overflow:hidden;
	}
	
/* 		GROEP SELECTIE	*/

#groep {
	width:880px;
	margin: 18px auto -30px auto;
	display: block;
	overflow: hidden;
}
#groep a {
	text-decoration: none;
	font-size: 11px;
	color: #B2B2B2;
	text-transform: uppercase;
}
#zakelijk:link, #zakelijk:visited {
	display: block;
	float: left;
	width: 76px;
	height: 17px;
	background: url(/image/btn_zakelijk.gif) no-repeat;
	padding: 5px 0 0 10px;
}
#zakelijk:hover, #zakelijk:active {
	/*background-position: 0px -44px !important;*/
	color: #666666 !important;
}

#particulier:link, #particulier:visited {
	display: block;
	float: left;
	width: 89px;
	height: 17px;
	background: url(/image/btn_particulier.gif) no-repeat;
	padding: 5px 0 0 10px;
}
#particulier:hover, #particulier:active {
	/*background-position: 0px -44px !important;*/
	color: #666666 !important;
}
#groep a.active {
	background-position: 0px -22px !important;
	color: #666666;
}


/*  GESLAAGDEN  */
#gefeliciteerd {
	background:#E8E8E8 url(/image/gefeliciteerd-blauw.gif) 225px 17px no-repeat;
}

ul#geslaagden {
	display: block;
	overflow: hidden;
	list-style: none;
	background:  url(/image/geslaagd_bg.gif) 12px 27px no-repeat;
	padding: 52px 0 35px 37px;

}
	ul#geslaagden li {
		background: white;
		display: none;
		width: 204px;
		height: 153px;
	}
		ul#geslaagden li a p {
			display: block;
			position: relative;
			margin: -40px 0 0 0;
			text-decoration: none;
		}
			ul#geslaagden li a p span{
				display: inline;
				padding: 2px 7px 2px 3px;
				color: red;
				background: white;
			}
#gefeliciteerd a.readon {
	background:url(/image/login-arrow.gif) right center no-repeat;
	position: relative;
	float: right;
	margin:-68px 54px 40px 0;
	padding-right:14px;
	text-decoration:underline;
	font-size: 11px;
	z-index: 10;
}
	
/*
#geslaagd {
	display: block;
	height: 240px;
	background:  url(/image/geslaagd_bg.gif) 12px 27px no-repeat;
}
#geslaagd #photo2 {
	background: green;
}

#master0 {
	display: block;
	width: 204px;
	height: 153px;
	position:absolute;
	z-index: 5;
	margin-top:52px;
	margin-left:37px;
	padding:0;
	overflow: hidden;
}
#master0 img {
	min-width: 204px;
	min-height: 153px;
}

#fotooverlaylink {
	display: block;
	width: 204px;
	height: 153px;
	position:absolute;
	z-index: 10;
	padding:0;
	overflow: hidden;
	background-color: red !important;
}
*/
/*  banners  */

#banners a {
	display: block;
	margin: 10px 0 0 0;
	line-height: 0px;
	outline: none;
}
/* HOMEPAGE INTRO */

#bodyid127 #text h1 {
	margin: 15px 0 10px 0;
	font-size: 23px;
	font-weight: bold;
	letter-spacing: -1px;
}
#bodyid127 #text .generator_content_text {
	font-size: 11px;
	line-height: 24px;
	margin: 0 0 10px 0;
}


/*   SLAGINGSPERCENTAGE		*/
a.arrowlink:link, a.arrowlink:visited {
	font-size: 11px;
	background:url(/image/login-arrow.gif) right center no-repeat;
	padding-right:14px;
}

h1.slagingspercentage {
	font-size: 23px;
	color: #FE370E;
	margin: 10px 0 10px 0;
}

#slagingspercentage {
	font-size: 2ems;
	display: block;
	height: 377px;
	background: url(/image/slagingskaart.gif) no-repeat;
}
#imgmap {
	display: block;
	width: 239px;
	height: 200px;
	/*background: gray;*/
	float: left;
}

#imgmap img.abs {
	position: absolute;
	margin: 0px;
	/*border: 1px solid red;*/
}
#regiolist{
	display: block;
	width: 190px;
	margin: 0 0 0 10px;
	/*background: pink;*/
	float: right;
}
#regiolist h2 {
	margin: 20px 0 0 0;
	font-size: 11px;
}
#regiolist ul,#regiolist ol {
	margin: 0;
	padding: 10px 0 15px 0;
	list-style: none;
	border-bottom: 1px solid #CCCCCC;
}
#regiolist ul a:link, #regiolist ul a:visited{
	display: block;
	font-size: 11px;
	text-decoration: none;
	line-height: 20px;
}
#regiolist ul a:hover, #regiolist ul a:active, #regiolist ul a.active{
	color: #0A51A1;
	font-weight: bold;
	padding: 0 0 0 19px;
	background:url(/image/arrow-blue.gif) 4px 7px no-repeat;
}


#regiolist ol {
	margin: 0 0 15px 0;
	list-style: decimal;
}
#regiolist ol li{
	margin: 0;
	padding: 0 0 0 3px;
	line-height: 20px;
	background: url(/image/list-style-2.gif) 0px 2px no-repeat;
	list-style-position: inside;
}
#regiolist ol li.active{
	color: #FE370E;
	font-weight: bold;
	background: url(/image/list-style-1.gif) 0px 2px no-repeat;
}

#regiolist a.naarCbr:link,#regiolist a.naarCbr:visited {
	font-size: 11px;
	background:url(/image/login-arrow.gif) right center no-repeat;
	padding-right:14px;
}

/*



/* ZAKELIJK KADER HOMEPAGE UITGELICHT */
#uitgelicht {
	display: block;
	overflow: hidden;
	background: #E8E8E8;
	padding: 0 20px 20px 20px;
}
	#uitgelicht h1 {
		display: block;
		clear: both;
		font-size: 23px;
		font-weight: bold;
		margin: 15px 0 10px 0;
		letter-spacing: -1px;
	}
	#uitgelicht p {
		font-size: 11px;
		line-height: 24px;
		margin: 0 0 10px 0;
	}
	#uitgelicht img {
		float: right;
	}


/* ZAKELIJK HOME TABEL */
#bodyid118 #text h1 {
	margin: 15px 0 10px 0;
	font-size: 23px;
	font-weight: bold;
	letter-spacing: -1px;
}
#bodyid118 #text .generator_content_text {
	font-size: 11px;
	line-height: 24px;
	margin: 0 0 10px 0;
}
#zakelijkhometabel {
	margin: 15px 0;
	width: 100%;
	background: #E8E8E8;
}
#zakelijkhometabel td a {
	display: block;
	font-size: 11px;
	text-decoration: none;
	padding: 5px 25px 5px 25px;
	background: url(/image/arrow-black.gif) 12px 9px no-repeat;
}



/*		SUBMENU		*/

#colSubMenu {
	display: block;
	overflow: hidden;
	float: left;
	/*background-color: #E8E8E8;*/
	font-size: 10px !important;
	min-height: 100%;
	width: 210px;
}

	#colSubMenu h1 {
		color: #707070;
		padding: 10px 0 0 15px;
		margin: 0 0 10px 0;
	}
ul#submenu {
	display: block;
	list-style: none;
	width: 210px;
	float: left;
	overflow: hidden;
	margin: 0;
	padding: 0;
	border-top: 1px solid #CACACA;
}

ul#submenu * {
	list-style: none;
	margin: 0;
	padding: 0;
	text-decoration: none;
	font-size: 11px;
}
ul#submenu a {
	display: block;
	color: #707070;
}

ul#submenu li {
	border-bottom: 1px solid #CACACA;
}
	ul#submenu li a {
		padding: 5px 5px 4px 17px;
		background: url(/image/arrow-gray.gif) no-repeat 7px 9px;
	}

/*2nd level*/
ul#submenu li ul li {
	border-bottom: none;
	display: none;
}
	ul#submenu li ul li a {
		padding: 3px 5px 2px 30px;
		background: url(/image/arrow-gray.gif) no-repeat 20px 7px;
	}

	
	ul#submenu li.active ul li, ul#submenu li.open ul li {
		display: block;
		/*background: url(/image/arrow-gray.gif) no-repeat 25px 6px;*/
	}
	
	
	
	/* active items */
	ul#submenu li.open, ul#submenu li.active {
		background: white;
	}
		ul#submenu li.open a, ul#submenu li.active a {
			color: #707070;
		}
			ul#submenu li.active a, ul#submenu li ul li.active a {
				color: #0952A2;
				font-weight: bold;
			}
			ul#submenu li.active ul li a {
				color: #707070;
				font-weight: normal;
			}
			
			
/*JQUERY VALIDATE PACK*/

label.error {
	color: white;
	display: block;
	clear: both;
	width: auto !important;
	margin: 0 0 0 10em !important;
	background: red;
}
	#contactform label.error {
		margin: 0 !important;
	}
	
	
	
	
/* FAQ*/
.faq {
	border-bottom:1px solid #BFCDB1;
	display:block;
	
}
	.faq .question {
		cursor:pointer;
		font-size: 115%;
		line-height:29px;
	}
		.faq .arrow {
			width: 13px;
			height: 13px;
			margin: 8px 8px 0 8px;
			float: left;
			display: inline;
			background: url(/image/faq_arrow.png) no-repeat top left;
			text-indent: -999em;
		}
	.faq .answer {
		display:none;
		clear: both;
		margin:0 0 10px 29px;;
		overflow:auto;
	}
	.faq .btn {
		cursor: pointer;
	}
	.open-faq {
		background: #eeeeee;
	}
		.open-faq .arrow {
			background-position: 0px -13px;
		}
		.open-faq .answer {
			display:block;
		}
	
	
	#faq_feedback {
		position: relative;
		padding-top: 143px;
	}
	#faq_feedback img {
		position: absolute;
		top: 0px;
		left: 0px;
	}
	
	#faq_feedback p {
		margin-bottom: 5px;
	}
	#faq_feedback p.rounded {
			background: #eeeeee url(/image/faq_input_bg.png) no-repeat top left;
			padding-top: 3px;
	}
	#faq_feedback span.bottom {
		background: url(/image/faq_input_bg.png) no-repeat bottom left;
		display: block;
		height: 3px;
	}

		#faq_feedback input,
		#faq_feedback textarea,
		#faq_feedback button
		 {
			font-family: Arial, Helvetica, sans-serif;
			color: #000000;
			font-size: 12px;
			display: block;
			background: #eeeeee;
			width: 210px;
			border: none;
			padding: 3px;
		}
			#faq_feedback textarea {
				height: 100px;
				overflow: auto;
			}
		#faq_feedback label.error {
			margin: 0 4px !important;
			padding: 2px 2px;
			font-size: 80%;
			font-weight: bold;
		}
		
		#faq_feedback button.submit {
			background: url(/image/faq_btn.png) no-repeat top left;
			width: 116px;
			height: 30px;
			float: right;
			text-indent: -999em;
			cursor: pointer;
		}


#actiediv{
	margin: 0 auto 0;
	width:925px;
	background: transparent url(/image/actiebanier.jpg) 0px 0px no-repeat;
	display: block;
	height: 60px;
	text-align: center;
	border-top: solid 20px white;
}

#actiediv a {
	height:60px;
	width: 910px;
	display: block;
}

#actieimgdiv a img{
		float:right;
		margin-top: -82px;
		margin-right: -22px;
}

#nostylea{
	display:inherit !important;
	height:inherit !important;
	width:inherit !important;
}

/** Haal deze weer weg als banner weg is **/
/*
#footer span.naw{
	padding-right:50px !important;
	margin-top:-32px !important;
}
*/

#footer p span{
	/*margin-top:-32px;*/
}

h1 a{
	font-size: 18px !important;
	/*text-decoration: none;*/
	font-family: Arial, Geneva, Helvetica, sans-serif !important;
	color: #FE370E !important;
	font-weight:normal !important;
}

.vinkje {
	padding-right: 5px;
}
.catnaam {
	padding-right: 20px;
}
.inithiddendiv {
	display: none;
	background: #e8e8e8;
}
	.inithiddendiv table {
		padding: 10px;
	}