@charset "UTF-8";
/* CSS Document */

/* General Styling */
body								{ font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #333333; line-height: 18px; }

h1, h2, h3, h4, h5, h6				{ font-family: Arial, Helvetica, sans-serif; position: relative; }
h1, h2								{ line-height: 24px; }
h3, h4, h5, h6						{ line-height: 18px; }
h1, h1 .Head						{ font-size: 30px; color: #000000; font-weight: bold; margin-bottom: 14px; font-family: Arial, Helvetica, sans-serif; }
h2, h2 .Head						{ font-size: 18px; color: #000000; font-weight: bold; margin-bottom: 10px; font-family: Arial, Helvetica, sans-serif; }
h3, h3 .Head						{ font-size: 14px; color: #000000; font-weight: bold; margin-bottom: 8px; padding-top: 37px; font-family: Arial, Helvetica, sans-serif; }
h3.search 							{ padding-top: 0px; }

p, pre, address						{ font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #333333; line-height: 18px; margin-bottom: 8px; }
abbr, code, kbd,
samp, small, var					{ line-height: 15px; }
ul, ol, dl, dialog					{ font-size: 12px; line-height: 18px; margin-left: 16px; }
li ul, li ol						{ margin-top: 0px; margin-bottom: 0px; }
ul li 								{  }
li h1, li h2, li h3,
li h4, li h5, li h6,
li p								{ font-family: Arial, Helvetica, sans-serif; }

h1:first-child,
h2:first-child,
h3:first-child,
h4:first-child						{ margin-top: 0px; }

table								{ font-size: 13px; line-height: 18px; margin: 2px 0px; }
th, td								{ padding: 2px 4px; line-height: 24px; }

a, a:link { color: #666666; text-decoration: none; border-bottom: solid 1px #666666;  }
a:visited { color: #3f3f3f; text-decoration: none; }
a:hover { color: #48a957; border-bottom: solid 1px #48a957; }
a:focus { outline: none; }

.clear { line-height: 0px; font-size: 0px; clear: both; visibility: hidden; }


/* Custom Styling */

body { 
	background-color: #a9c02d;
}

#root { text-align: center; }
#wrapper { width: 960px; text-align: left; margin: 0px auto; }

	#header { width: 960px; height: 142px; background-image: url(../img/top.png); background-position: center bottom; background-repeat: no-repeat; position: relative; margin-top: 22px; }
		#header .logo { position: absolute; right: 26px; top: 0px; z-index: 1; }
		#header .baseline { position: absolute; left: 0px; top: 10px; z-index: 1; }
		
		#header #topmenu { margin: 0px; padding: 0px; position: absolute; z-index: 2; top: 48px; left: 500px; }
			#header #topmenu li { list-style-type: none; display: inline; }
				#header #topmenu li a { padding: 4px 8px; margin-right: 10px; border: none; font-size: 11px; text-transform: uppercase; }
				#header #topmenu li.Last a { margin-right: 0px; }
				#header #topmenu li.CurrentItem a,
				#header #topmenu li.ParentCurrentItem a { background-color: #e0d100; font-weight: bold; -moz-border-radius: 8px; -webkit-border-radius: 8px; }
				#header #topmenu li a:hover { background-color: #e0d100; -moz-border-radius: 8px; -webkit-border-radius: 8px; color: #333333; }
		
	#website { width: 960px; min-height: 400px; height: auto !important; height: 400px; background-image: url(../img/middle.png); background-position: center top; background-repeat: repeat-y; padding-bottom: 20px; }
		#website .inner { padding: 0px 30px; }
			
			#website ul li { list-style-image: url(../img/liststyle_normal.png); }
			
			#website .pane {  }
			#website .contentpane {  }
			
			#website .topleft { width: 680px; float: left; }
			#website .topright { width: 200px; float: left; margin-left: 20px; }
			
			#website .middleleft { width: 190px; float: left; margin-right: 28px; }
				#website #mainmenu { margin: 0px; padding: 0px; }
					#website #mainmenu li { list-style-type: none; list-style-image: none; }
						#website #mainmenu li a { display: block; border: none; background-color: #e1e1db; text-transform: uppercase; font-size: 11px; padding: 4px 6px 4px 12px; margin-bottom: 6px; -moz-border-radius: 8px; -webkit-border-radius: 8px; }
						
						#website.standaard #mainmenu li a { cursor: default; }
						#website.diensten #mainmenu li a { cursor: pointer; }
						#website.diensten #mainmenu li.ParentCurrentItem a { cursor: default; }
						
						#website #mainmenu li.CurrentItem a,
						#website #mainmenu li.ParentCurrentItem a { color: #48a957; }
						
						#website #mainmenu li ul { display: none; }
						
							#website #mainmenu li.ParentCurrentItem ul { margin: 0px 0px 4px 0px; padding: 0px; display: block; }
								#website #mainmenu li.ParentCurrentItem ul li {  }
									#website #mainmenu li ul li a,
									#website #mainmenu li.ParentCurrentItem ul li a { display: inline; cursor: pointer; background-color: #FFF; text-transform: none; color: #666666; }
									#website #mainmenu li ul li a:hover,
									#website #mainmenu li.ParentCurrentItem ul li a:hover { text-decoration: underline; }
									#website #mainmenu li.ParentCurrentItem ul li.CurrentItem a { font-weight: bold; }
			
			#website .middlecenter { width: 460px; float: left; }
			#website .middleright { width: 200px; float: left; margin-left: 16px; }
			
			#website .bottomleft { width: 440px; float: left; }
			#website .bottomcenter { width: 220px; float: left; margin-left: 18px; }
			#website .bottomright { width: 200px; float: left; margin-left: 16px; }
			
				#VideoContainer { width: 640px; padding-top: 40px; margin: 0px 0px 40px 130px; }
					/* .videozone { background-image: url(../img/video-cover-big.jpg); } */
					#VideoToptext { text-align: right; margin-top: -24px; }
					#VideoBottomtext { text-align: left; }
	
	#footer { width: 960px; height: 50px; background-image: url(../img/bottom.png); background-position: center top; background-repeat: no-repeat; position: relative; }
		#footer.standaard { height: 70px; background-image: url(../img/bottom-big.png); }
		#footer .footerlinks { position: absolute; top: 3px; left: 30px; width: 920px; }
			#footer .footerlinks a,
			#footer .copyright a { border-bottom: solid 1px #333333; }
			#footer .footerlinks a:hover,
			#footer .copyright a:hover { color: #666666; border-bottom: solid 1px #666666; }
		#footer .copyright { position: absolute; bottom: 0px; right: 30px; font-size: 10px; }
			
/* Containers */
#website .campagneContainer { margin-bottom: 10px; position: relative; width: 680px; height: 350px; } /* height: 234px; */
	#website .campagneContainer h1 { top: 7px; }
	#website.home .campagneContainer .overlay { width: 220px; background-color: #FFF; position: absolute; right: 10px; bottom: 10px; }
	#website.standaard .campagneContainer .overlay,
	#website.diensten .campagneContainer .overlay { background-color: #FFF; position: absolute; right: 10px; bottom: 10px; }
		#website .campagneContainer .overlayInner { padding: 6px 10px; }

/* Input fields */
/* Search */
.inputField { border: 0px; outline: none; padding: 2px; height: 20px; border: solid 1px #CCC; float: left; color: #b9b9b9; width: 128px; background-image: url(../img/iconZoeken.jpg); background-repeat: no-repeat; background-position: right center; }
.inputField:focus { outline: none; color: #212121; border: solid 1px #a9a9a9; background-image: none; }
.inputSubmit { margin-left: 10px; }

/* Border bottom fix / JavaScript */
a.linkedImage { border: none; text-decoration: none; }

table.ModuleTitle_SubMenu { width: 240px; background-color: #f4f4f4; }
table tr.ModuleTitle_MenuBreak { display: none; }

/* Eloket */
.Eloket input, textarea { width: 350px; margin: 2px; border: solid 1px #bebebe; }
.Eloket input:focus, textarea:focus { border: solid 1px #999999; }
.Eloket .checkbox input { margin-left: 130px; width: 20px; border: solid 1px black;}
.Eloket fieldset{ border: 1px solid #cecece; padding: 10px; margin-bottom: 10px; }
.Eloket legend{ padding: 0 10px; font-size:14px; }
.Eloket label,
.Eloket .person .fieldName { float: left; width: 120px;	margin-right: 10px; display: block; text-align: left; }
.Eloket label.checkbox { float: none; display: inline; }
.Eloket .person input { width: 150px; margin-right: 8px; }
.Eloket p {clear:both; margin: 10px 0; }
.Eloket .labelHeader { margin-left: 132px; }
.Eloket .labelHeader .personLabelLeft,
.Eloket .labelHeader .personLabelCenter,
.Eloket .labelHeader .personLabelRight { float: left; width: 155px; }
.Eloket .radiobuttonList input { width: 20px;}
.Eloket .radiobuttonList label { float: none; display: inline; }
.Eloket .form { width: 490px; }