* { margin:0; padding:0; }
body { background: #fff url(../images/main-bg.png) repeat; }
body, input, textarea { font-family: Verdana; font-size: 11px; }
a { color: #000; text-decoration: none; }
img { border: none; }
#right ul {padding: 0 0 0 50px;} 

#right li {padding: 0 0 0 20px;} 

#right table {margin: 0 75px 0 9px;}
fieldset {margin: 0; padding: 0; border: none;}

select {
	font-family: Verdana;
	font-size: 11px;
	color: #043882;
	font-weight: normal;
	text-decoration: none;
}

#right #extraform { padding-left: 20px; }

/***** containers *****/
.container { background: url(../images/main-bg-cntr1.png) repeat-x 1px 0; }
.container2 { background: url(../images/main-bg-cntr2.png) repeat-x bottom; }
#wrap { width: 977px; background: #fff none no-repeat; overflow: hidden; margin: 0 auto; }



/***** header *****/
#header { position: relative; height: 213px; }

#header .logo { position: absolute; z-index: 30; }

#header .image { position: relative; height: 107px; padding: 0 0 0 236px; }
#header .image .img { float: right; width: 737px; height: 107px; overflow: hidden; }
#header .image .img li { list-style: none; width: 737px; height: 107px; }
#header .image .overlay { position: absolute; z-index: 29; width: 113px; height: 107px; background: url(../images/header-image-overlay.png) no-repeat; }

#header .heading { height: 106px; }
#header .heading h1 { line-height: 30px; font-size: 24px; font-weight: bold; -webkit-text-size-adjust: none; }
#header .heading .line1 { display: block; padding: 30px 0 0 530px; }
#header .heading .line2 { display: block; padding: 0 0 0 570px; }



/***** left column *****/
#left { float: left; position: relative; z-index: 2; width: 235px; }

#left .nav { background: url(../images/left-nav-bg-repeat.png) repeat-y; }
#left .nav ul { position: relative; background: url(../images/left-nav-bg.png) no-repeat bottom; padding: 12px 0; }
#left .nav li { line-height: 27px; list-style: none; }
#left .nav li h4 { width: 235px; font-size: 12px; font-weight: bold; text-transform: uppercase; }
#left .nav li h4 a { display: block; color: #fff; background: url(../images/left-nav-arrow.png) no-repeat 18px 9px; padding: 0 35px; }
#left .nav li.hover, #left .nav li.active { background: url(../images/left-nav-active.png) repeat-x; }


#left .nav ul ul { display: none; width: 235px; background: none; padding: 0; }
#left .nav ul ul li { background: #22559d; }
#left .nav ul ul a { display: block; height: 27px; color: #fff; background: url(../images/left-nav-sub-arrow.png) no-repeat 37px 9px; padding: 0 14px 0 52px; }
#left .nav ul ul a:hover { background-color: #1c4c90; }


#left .search { overflow: hidden; padding: 12px 0; }
#left .search label { line-height: 20px; font-size: 10px; font-weight: bold; text-transform: uppercase; color: #043882; padding: 0 2px; }
#left .search input { font-size: 10px; color: #043882; background: none; border: none; }
#left .search .text { float: left; width: 128px; height: 17px; background: url(../images/left-search-text.png) no-repeat; }
#left .search .text input { display: block; width: 122px; height: 15px; padding: 1px 3px; }
#left .search .butn { float: left; width: 25px; height: 18px; background: url(../images/left-search-butn.png) no-repeat; }
#left .search .butn input { display: block; width: 25px; height: 18px; cursor: pointer; }

#left .opts { padding: 0 0 60px 0; }
#left .opts ul { width: 134px; list-style: none; }
#left .opts li { height: 19px; line-height: 19px; padding: 3px 0; }
#left .opts a { display: block; height: 19px; color: #043882; background: url(../images/left-opts-arrow.png) no-repeat; padding: 0 0 0 28px; }
#left .opts a:hover { background-color: #e1e7f0; }



/***** right column *****/
#right { float: left; position: relative; z-index: 1; width: 650px; color: #043882; padding: 0 0 10px 12px; }

#right h2 { height: 25px; line-height: 25px; font-size: 18px; font-weight: bold; text-transform: uppercase; background: url(../images/right-heading.png) no-repeat bottom left; padding: 16px 25px 9px; margin: 0 0 10px 0; }
#right h3 { clear: both; height: 37px; line-height: 37px; font-size: 18px; font-weight: bold; border-top: 1px solid #eee; padding: 0 12px; margin: 50px 0 0 14px; }
#right h4 { line-height: 18px; font-size: 11px; font-weight: bold; padding: 0 75px 18px 27px; }
#right p { line-height: 18px; padding: 0 75px 18px 27px; }
#right a { color: #043882; text-decoration: underline; }

#right .image { float: right; padding: 0 80px 10px 20px; }
#right .image img { display: block; border: 1px solid #043882; }

#right .projects { overflow: hidden; }
#right .projects .project { display: block; float: left; width: 240px; color: #043882; text-decoration: none; background: #f2f5f9; padding: 6px; margin: 0 59px 25px 14px; }
#right .projects span { display: block; }
#right .projects .img { float: left; padding: 0 8px 0 0; }
#right .projects .img img { display: block; border: 1px solid #f2f5f9; }
#right .projects .text { line-height: 12px; }
#right .projects .title { clear: both; line-height: 24px; font-weight: bold; text-transform: uppercase; background: url(../images/right-projects-arrow.png) no-repeat right; }
#right .projects .project:hover { background: #d0dae7; }
#right .projects .project:hover img { border-color: #fff; }
#right .projects .project:hover .title { background-image: url(../images/right-projects-arrow-active.png); }

#right .projects .paging { clear: both; text-align: center; padding: 20px 0; }
#right .projects .paging .number { color: #0d418c; border: 1px solid #ccc; padding: 0 5px; margin: 0 2px; text-decoration: none;}
#right .projects .paging .number.active { background: #38619d; border-color: #38619d; color: #fff; }
#right .projects .paging .number:hover { border-color: #38619d; }
#right .projects .paging .arrow img { position: relative; top: 5px; }

#right .form { padding: 0 0 0 27px; }
#right .form input, #right .form textarea  { display: block; background: none; border: none; color: #043882; }
#right .form .text { padding: 0 0 10px 0; overflow: hidden; width: 340px;}
#right .form .text input { width: 324px; height: 16px; background: url(../images/right-form-text.png) repeat-x; border: 1px solid #ccc; padding: 0 8px; }
#right .form .textpostcode input { width: 50px; height: 16px; background: url(../images/right-form-text.png) repeat-x; border: 1px solid #ccc; padding: 0 8px; }
#right .form .textwoonplaats input { width: 200px; height: 16px; background: url(../images/right-form-text.png) repeat-x; border: 1px solid #ccc; padding: 0 8px; }
#right .form .txta { padding: 0 0 10px 0; }
#right .form .txta textarea { width: 324px; height: 123px; background: url(../images/right-form-txta.png) repeat-x; border: 1px solid #ccc; padding: 8px;  }
#right .form .butn { overflow: hidden; padding: 14px 283px 34px 0; }
#right .form .butn input { float: left; width: 86px; height: 19px; color: #fff; font-weight: bold; background: url(../images/right-form-butn.png) no-repeat; padding: 2px 0; cursor: pointer; }
#right .form .button { overflow: hidden; padding: 14px 283px 34px 0; }
#right .form .button input { float: left; width: 86px; height: 19px; color: #fff; font-weight: bold; background: url(../images/right-form-butn.png) no-repeat; padding: 2px 0; cursor: pointer; }


#right .form-contact { padding: 0 0 0 0px; }
#right .form-contact input, #right .form textarea { display: block; background: none; border: none; color: #043882; }
#right .form-contact .text { padding: 0 0 10px 0; }
#right .form-contact .text input { width: 324px; height: 16px; background: url(../images/right-form-text.png) repeat-x; border: 1px solid #ccc; padding: 0 8px; }
#right .form-contact .textpostcode input { width: 50px; height: 16px; background: url(../images/right-form-text.png) repeat-x; border: 1px solid #ccc; padding: 0 8px; }
#right .form-contact .textwoonplaats input { width: 200px; height: 16px; background: url(../images/right-form-text.png) repeat-x; border: 1px solid #ccc; padding: 0 8px; }
#right .form-contact .txta { padding: 0 0 10px 0; }
#right .form-contact .txta textarea { width: 324px; height: 123px; background: url(../images/right-form-txta.png) repeat-x; border: 1px solid #ccc; padding: 8px; color: #043882;}
#right .form-contact .butn { overflow: hidden; padding: 14px 283px 34px 0; }
#right .form-contact .butn input { float: right; width: 86px; height: 19px; color: #fff; font-weight: bold; background: url(../images/right-form-butn.png) no-repeat; padding: 2px 0; cursor: pointer; }


#right .deflist { list-style: none; padding: 0 75px 25px 27px; }
#right .deflist li { line-height: 16px; overflow: hidden; }
#right .deflist b { display: block; float: left; width: 150px; font-weight: bold; text-transform: uppercase; }
#right .deflist span { display: block; float: left; width: 188px; }

#right .pics { float: right; width: 169px; background: url(../images/right-pics-mid.png) repeat-y; padding: 0 31px 0 0; margin: 0 0 25px 10px; }
#right .pics h5 { height: 48px; line-height: 40px; font-size: 12px; font-weight: bold; text-transform: uppercase; background: url(../images/right-pics-top.png) no-repeat; padding: 0 0 0 25px; }
#right .pics ul { list-style: none; background: url(../images/right-pics-bottom.png) no-repeat bottom left; padding: 0 0 0 19px; }
#right .pics li { width: 136px; height: 91px; background: url(../images/right-pics-pic.png) no-repeat; padding: 3px 7px 16px; }

#right .list { list-style: none;  padding-left: 27px; }
#right .list li { padding: 0 0 8px 0; }
#right .list h4 { line-height: 24px; font-weight: normal; padding: 0; }
#right .list h4 a { font-weight: bold; color: #246eb1; }
#right .list p { display: none; line-height: 18px; padding: 0 0 0 10px; }



/***** footer *****/
#footer { clear: both; height: 75px; background: url(../images/main-bg-cntr2.png) repeat-x; }

#footer address { float: left; width: 577px; line-height: 36px; font-size: 10px; font-style: normal; color: #fff; text-align: center; padding: 0 0 0 200px; }
#footer address span { padding: 0 7px; }

#footer ul { float: right; line-height: 36px; list-style: none; padding: 0 15px 0 0; }
#footer li { float: left; height: 36px; }
#footer li a { display: block; height: 36px; color: #fff; padding: 0 10px; }
#footer li a:hover { text-decoration: underline; }

#footer p { clear: both; line-height: 24px; font-size: 9px; text-align: right; color: #ccc; padding: 0 25px; }
#footer p a { color: #ccc; }
#footer p a:hover { color: #043882; }

.error { border:1px solid red !important; }


/* STYLESHEET FOR SLIDER */
#center {width: 600px; margin: 100px auto;}

	/* algemeen */
	img {border: 0;}
	
	/* active */
	#active {float: left; width: 555px; height: 111px; background: url('/images/active_bg.png') center top no-repeat;}
		#active ul {display: block; float: left; padding: 0; margin: 0; list-style: none; width: 555px; height: 103px; overflow: hidden;}
			#active ul li {display: none; float: left; width: 555px; height: 103px;}
			#active ul li.active {display: block;}
		
		.active-slide {float: left; width: 555px; height: 103px;}
			.active-slide .active-image {float: left; width: 134px; height: 87px; padding: 8px 0 8px 8px;}
				.active-image img {display: block; float: left; width: 134px; height: 87px;}
			.active-slide .active-text {float: left; width: 315px; height: 87px; margin-left: 20px; padding: 8px 0;}
				.active-text h2 {font: bold 11px verdana; color: #fff; line-height: 14px; margin: 0; margin-bottom: 14px; padding: 0;}
				.active-text p {font: 11px verdana; color: #fff; line-height: 14px;}
			.active-slide .active-link {float: left; width: 57px; height: 103px;}
				.active-link a {display: block; float: left; width: 57px; height: 103px; background: url('/images/link_bg.png') center top no-repeat; margin-left: 14px;}
				.active-link a:hover {background: url('/images/link_hover_bg.png') center center no-repeat;}
	
	/* slider */
	#slider {float: left; width: 555px; height: 45px; background: url('../images/slider_bg.png') center top no-repeat; margin-top: 5px;}
		#slider #nav-left {float: left; width: 29px; height: 19px; padding: 9px 0 9px 12px;}
		#slider #slider-nav {float: left; height: 37px; background: url('/images/sep_bg.jpg') center left no-repeat; padding-left: 4px;}
		
			#slider-nav ul {display: block; float: left; padding: 0; margin: 0; list-style: none; height: 103px;}
				#slider-nav ul li {display: block; float: left;}
				#slider-nav ul li.active .slider-image a {background-color: #fff;}
			
			#slider-nav .slider-image {float: left; width: 67px; height: 37px; background: url('/images/sep_bg.jpg') center right no-repeat; padding-right: 5px; margin-right: 1px;}
				.slider-image a {display: block; float: left; width: 47px; height: 26px; padding: 4px 11px 5px 11px; margin-top: 1px;}
				.slider-image a:hover {background-color: #fff;}
					.slider-image a img {display: block; float: left; width: 44px; height: 28px;}
		#slider #nav-right {float: left; width: 29px; height: 19px; padding: 9px 3px 9px 12px; background: url('/images/sep_bg.jpg') center right no-repeat;}
		#slider #lees-meer {float: left; width: 155px; height: 29px; padding: 8px 0 0 15px;}
		
		#center {width: 600px; float: right; margin: 0 100px 25px 0;}