@import url('../beheer/css/baseStyle.css');

body{
	padding:0;
	margin:0;
	background:#ffffff;
	font-family:Myriad Pro Regular, Tahoma;
	font-size:11px;
}

#wrap{
	width:920px;
	height:auto;
	display:block;
	margin:0 auto;
	}
	#header {
		width:920px;
		height:180px;
		float:left;
		border-bottom:1px solid #e0e0e0;
		position:relative;
		}		
		#logo {
			position:absolute;
			top:18px;
			left:0;
			border:0;
		}
		#adres {
			position:absolute;
			top:26px;
			left:150px;
			border:0;
			color:#666666;
			text-decoration:none;
			font-family:Myriad Pro Regular, Tahoma;
			font-size:11px;
		}
		a.leeslink {
			width:87px;
			height:22px;
			line-height:22px;
			padding:0;
			margin:0;
			display:block;
			background:url('../images/button_leesmeer.png') no-repeat;
			background-position:top left;
			color:#ffffff;
			text-align:center;
			text-decoration:none;
			font-weight:bold;
		}
		a.leeslink:hover {
			background-position:0 -22px;
		}
		a.download_pdf {
			width:100px;
			height:27px;
			line-height:27px;
			display:block;
			background:url('../images/button_download_pdf.png') no-repeat;
			background-position:top left;
			color:#ffffff;
			text-align:left;
			padding:0 0 0 7px;
			text-decoration:none;
			font-weight:bold;
		}
		a.download_pdf:hover {
			background-position:0 -27px;
		}
		#tableTopnav {
			position:absolute;
			top:25px;
			right:10px;
			}
			.topnavItem, .topnavItemActive {
				color:#666666;
				text-decoration:none;
				font-family:Myriad Pro Regular, Tahoma;
				font-size:11px;
			}
			.topnavItem a, .topnavItemActive a {
				display:block;
				padding:0;
				color:#666666;
				text-decoration:none;
				font-family:Myriad Pro Regular, Tahoma;
				font-size:11px;
			}
			.topnavItemActive a {
				font-weight:bold;
				color:#005693;
			}
			.topnavItem a:hover {
				text-decoration:underline;
			}
			.topnavSpacer {
				padding:0 5px;
				color:#e5e5e5;
				font-family:Myriad Pro Regular, Tahoma;
				font-size:11px;
			}
			#containerLanguageSelector {
				width:100px;
				float:left;
				background:#ffffff url('../images/arrow_language.jpg') no-repeat;
				background-position:center right;
				position:relative;				
				}
				#containerLanguages {
					background:#ffffff;					
					position:absolute;
					bottom:-75px;
					left:-11px;					
					z-index:2;	
					display:none;
					}
					#languages {
						border:1px solid #d9e6ef;
						list-style:none;
						padding:20px 20px 10px 10px;
						margin:0;
						float:left;
					}
					img.languageImage {
						float:left;
						border:0;
					}
					.languageItem {
						background:#ffffff url('../images/arrow_language_choose.jpg') no-repeat;
						background-position:center right;
						list-style:none;
						padding:0;
						margin:0;
						width:100px;
						height:16px;
						float:left;
					}
					.languageItem a {
						float:left;
					}					
					#currentLanguage, .languageName {
						width:74px;
						float:left;
						cursor:pointer;
						padding:0 0 0 10px;
					}
					#closeLanguages {
						position:absolute;
						top:1px;
						right:1px;
						z-index:3;
						cursor:pointer;
		}
		#containerSearchfield {
			width:244px;
			height:30px;			
			position:absolute;
			right:0;
			top:100px;
			}
			.searchfield {
				width:150px;
				height:22px;
				line-height:22px;
				padding:0 7px;
				margin:0;
				float:left;
				background:url('../images/bg_searchinput.jpg') repeat-x;
				overflow:hidden;
				color:#cbcbcb;
				border-bottom:1px solid #ececec;
				border-top:1px solid #c5c5c5;
				border-left:1px solid #ececec;
				border-right:1px solid #ececec;
			}
			#search_left {
				position:absolute;
				top:0;
				left:0;
			}
			.submit {
				width:64px;
				height:27px;
				background:url('../images/button_small.png') no-repeat;
				background-position:top left;
				border:0;
				margin:0;
				padding:0;
				cursor:pointer;				
				font-family:Myriad Pro Regular, Tahoma;
				font-size:12px;
				text-align:center;
				color:#ffffff;
				font-weight:bold;
				float:right;
			}
			.submitHover {
				background-position:0 -27px;
			}
		#devider {
			width:920px;
			height:1px;
			background:#e0e0e0;
			position:absolute;
			top:135px;
			left:0;			
		}
		#tableNavigatie {
			position:absolute;
			left:0;
			top:150px;
			}
			.menuitem a, .menuitemActive a {
				width:auto;
				height:31px;
				display:block;				
				padding:0 24px 0 24px;
				color:#333333;
				font-size:15px;
				font-family:Myriad Pro Regular, Tahoma;
				text-align:center;
				text-decoration:none;
			}
			.menuitem a:hover {
				color:#005695;
			}
			.menuitemActive a {
				color:#ed1c24;
				background:transparent url('../images/menuitem_active.jpg') no-repeat;
				background-position:bottom center;
			}
	#company, #main {
		width:920px;
		height:364px;
		margin-top:17px;
		background:transparent;
		float:left;
		position:relative;
		}
		#disciplines {
			float:left;
			position:relative;
			}
			.discipline {
				position:absolute;
				top:0;
				left:0;
				display:none;
				}
				.discipline h1 {
					font-family:Myriad Pro Regular, Tahoma;
					font-size:28px;
					color:#ffffff;
				}
				a.disciplineLeesmeer, a.disciplineLeesmeerHover {
					background:#000000 url('../images/arrow_actueel.gif') no-repeat;
					background-position:5px center;
					color:#ffffff;
					height:18px;
					line-height:18px;
					display:block;
					font-weight:bold;
					font-size:11px;
					text-decoration:none;
					border:1px solid #eaeaea;
					padding:0 15px 0 30px;
				}
				a.disciplineLeesmeerHover {
					background:#393939 url('../images/arrow_actueel.gif') no-repeat;
					background-position:5px center;
				}
				.disciplineText {
					position:absolute;
					top:15px;
					left:26px;
			}
			#disciplineBlock1 {
				position:absolute;
				bottom:0;
				left:0;
			}
			#disciplineBlock2 {
				position:absolute;
				bottom:0;
				left:320px;
			}
			#disciplineBlock3 {
				position:absolute;
				bottom:0;
				right:0;
			}
			.blockInactive {
				display:block;
				background:transparent url('../images/overlay_black.png');
				cursor:pointer;
				line-height:52px;
				padding:0 0 0 10px;
			}
			.blockActive {
				background:transparent url('../images/overlay_blue.png');
				line-height:52px;
				padding:0 0 0 10px;
			}
			.dl_click {
				cursor:pointer;
			}
		#listDisciplines {
			height:52px;
			position:absolute;
			bottom:0;
			left:0;
			margin:0;
			padding:0;
			list-style:none;
			z-index:1000;
			}
			#listDisciplines li {
				height:52px;
				line-height:52px;
				background:transparent;
				background-position:10px center;
				float:left;
				margin:0;
				list-style:none;
				font-family:Myriad Pro Regular, Tahoma;
				font-size:14px;
				font-weight:bold;
				color:#ffffff;				
				padding:0 0 0 26px;
			}
	#main {
		height:auto;
		background:transparent;
		}
		#containerReferenties {
			width:920px;
			height:auto;
			padding:0 0 20px 0;
			float:left;
			position:relative;
		}
		#main_left {
			width:319px;
			height:auto;
			padding:0 0 20px 0;
			float:left;
			position:relative;
			}
			#main_left .pics {
				float:left;
			}
			#main_left .pageImage {
				float:left;
				margin-bottom:10px;
			}

			/********************/
			/* Contactformulier */
			/********************/
			
			#containerContact {
				width:279px;
				height:358px;
				background:#005695;
				position:relative;
				float:left;
				padding:20px;				
				color:#fff;
			}
			#containerGoogleMaps {
				width:319px;
				height:420px;
				padding:0;
				float:left;
				position:relative;
				}
				#containerGoogleMaps {
					width:920px;
					height:400px;
					float:left;
					position:relative;
				}
				#googleMaps {
					position:absolute;
					top:0;
					left:0;
				}
			#errorMessage {
				padding:10px;
				background:#ffffff;
				color:#ef0000;
				border:1px solid #004679;
				margin:0 0 20px 0;
			}
			.labelText {
				color:#ffffff;
				padding:0 0 2px 0;
			}
			.labelVerplicht {
				color:#ffffff;
			}
			.verplicht {
				width:100px;
				height:21px;
				line-height:21px;
				text-align:left;
				color:#ef0000;
				font-weight:bold;
				padding:0 0 0 5px;
			}
			.inschrijvenTextinput, .inschrijvenTextinputError {
				padding:0 0 15px 0;
			}
			.inschrijvenTextinput input, .inschrijvenTextinput textarea {
				width:270px;
				height:21px;
				background:#ffffff url('../images/bg_input.jpg') repeat-x;
				border:1px solid #cccccc;
				line-height:21px;
				color:#475669;
				font-family:"Arial";
				font-size:11px;
				padding:0 4px 0 4px;
			}

			.inschrijvenTextinputError input, .inschrijvenTextinputError textarea {
				width:270px;
				height:21px;
				background:#ffffff url('../images/bg_input.jpg') repeat-x;
				border:2px solid #ef0000;
				line-height:21px;
				color:#475669;
				font-family:"Arial";
				font-size:11px;
				padding:0 4px 0 4px;
			}
			.inschrijvenTextinput textarea, .inschrijvenTextinputError textarea {
				height:75px;
			}

			.labelVoorwaardenError, .labelVoorwaarden {
				padding:15px 0 15px 0;
			}
			.labelVoorwaardenError input {
				border:2px solid #ef0000;
			}
			.inputSubmit {
				width:auto;
				height:30px;
				line-height:30px;
				padding:0 20px 0 20px;
				background:#ffffff;
				color:#004170;
				font-size:12px;
				font-weight:bold;
				border:1px solid #004170;
				cursor:pointer;
			}
			.inputSubmitHover {
				background:#ececec;
				color:#ed1c24;
			}
			.labelSubmit {
				padding:10px 0 0 0;
			}

			/**************************/
			/* Einde Contactformulier */
			/**************************/
		#main_right_contact {
			width:588px;
			height:406px;
			background:url('../images/bg_contact.jpg') no-repeat;
			float:right;
			padding:0 0 20px 13px;
			line-height:22px;
			color:#ffffff;
		}
		#main_right {
			width:588px;
			height:auto;
			float:right;
			padding:0 0 20px 13px;
			line-height:22px;
			color:#025692;
			}
			.zoekResultaat {
				padding:0 15px 0 0;
			}
			#main_right h1, #main_left h1 {
				margin:0;
				padding:0 0 15px 0;
				font-family:Myriad Pro Regular, Tahoma;
				font-size:22px;
				font-weight:bold;
				color:#025692;
			}
			#main_right a, #main_left a {
				color:#ed1c24;
				text-decoration:none;
			}
			#main_right_contact a {
				color:#484848;
				text-decoration:none;
			}
			#main_right a:hover, #main_left a:hover, #main_right_contact a:hover {
				text-decoration:underline;
			}
			#main_left h1 {
				color:#ffffff;
			}

			#tableAllReferenties {
				float:left;
				}
				.referentieItem {
					padding:0 25px 20px 25px;
					}
					.referentieItem img {
						border:1px solid #d4ecff;
					}
	#bottom, #bottom_main {
		width:920px;
		height:auto;
		background:#ffffff url('../images/bg_bottom.jpg') no-repeat;
		background-position:top left;
		float:left;
		padding:0 0 15px 0;
		position:relative;
	}
	#bottom_main {
		background:#ffffff url('../images/bg_bottom_main.jpg') repeat-x;
		}
		#diensten {
			width:319px;
			height:313px;
			position:relative;
			float:left;
			}
			.headerDienst {
				margin:0;
				padding:0 0 0 25px;
				height:54px;
				line-height:54px;
				list-style:none;				
				}
				.headerDienst h2 {
					margin:0;
					padding:0;
					color:#5a5757;
					font-size:20px;
					font-weight:normal;
					font-family:Myriad Pro Regular, Tahoma;
			}
			#ul_diensten {
				width:319px;
				margin:0;
				padding:0;
				list-style:none;
				position:absolute;
				top:0;
				left:0;
				}
				.dienst, .dienstActive {
					margin:0;
					padding:0;
					list-style:none;
					float:left;
					margin-top:1px;
					}
					.dienst a, .dienstActive a {
						width:271px;
						height:43px;
						display:block;
						padding:0 24px 0 24px;
						line-height:43px;
						font-family:"Arial";
						font-size:12px;
						font-weight:bold;
						color:#ffffff;
						text-decoration:none;
					}
					.dienst a:hover{
						background-image:url('../images/overlay.png');
					}
					.dienstActive a {
						width:251px;
						padding:0 24px 0 44px;
						background-image:url('../images/dienst_active.png');
						background-repeat:no-repeat;
						background-position:13px 0;
			}
			#shadow_diensten {
				position:absolute;
				left:-15px;
				top:260px;
			}
		#actueel {
			width:300px;
			height:270px;
			float:left;
			position:relative;
			margin:0;
			padding:0;
			}
			#containerActueel, #containerTwitter {
				position:absolute;
				bottom:40px;
				left:0;
			}
			.nieuwsItemSpacer {
				width:17px;
			}
			.nieuwsItem {
				width:300px;
				line-height:34px;
				}
				.nieuwsItem a {
					display:block;
					color:#005695;
					font-family:Myriad Pro Regular, Tahoma;
					font-size:11px;
					font-weight:bold;
					float:right;
					text-decoration:none;					
					border-top:1px solid #efefef;
				}
				.nieuwsItem a {
					width:257px;
					background:url('../images/arrow_actueel.gif') no-repeat;
					background-position:0 center;
					padding:0 0 0 25px;
				}
				.nieuwsItem a:hover, .nieuwsItemLeesmeer a:hover {
					color:#288ad2;
					text-decoration:underline;
				}
				.newsitem, .newsitemHover {
					padding:0;
					margin:0;
				}
			.submitmedium, .submitmedium_float {
				width:115px;
				height:27px;
				line-height:27px;
				display:block;
				background:url('../images/button_medium.png') no-repeat;
				background-position:0 0;
				border:0;
				margin:0;
				padding:0;
				cursor:pointer;				
				font-family:Myriad Pro Regular, Tahoma;
				font-size:12px;
				font-weight:bold;
				color:#ffffff;
				text-align:center;
				text-decoration:none;				
				position:absolute;
				bottom:0;
				right:0;
			}
			.submitmedium_float {
				position:static;	
			}
			.submitmediumHover, .submitmedium_floatHover {
				background-position:0 -27px;
		}
		#twitter {		
			position:absolute;
			top:15px;
			right:300px;
			cursor:pointer;			
		}
		
		#home_bottom_right {
			width:285px;
			height:250px;
			position:relative;
			float:right;
			margin:54px 0 0 0;
		}
		#referenties {
			width:285px;
			height:270px;
			position:relative;
			float:right;
			}
			#tableReferenties {
				width:285px;
				float:right;
			}
			#containerReferentieSlides {
				width:260px;
				padding:15px 0 0 25px;
				border-top:1px solid #efefef;
				}
				#divReferentieSlides {
					width:235px;
					height:160px;
					float:left;
					position:relative;
					overflow:hidden;
					}
					.referentieImage {
						padding-right:50px;
			}
			#containerMultiwagen {
				width:285px;
				height:212px;
				float:right;
				position:relative;
				border-top:1px solid #efefef;
				padding:3px 0 0 0;
				margin:54px 0 0 0;
			}
			#wrapContainerCar {
				width:235px;
				height:160px;
				float:right;
				padding:0 30px 0 0;
			}
			#containerCar {
				width:235px;
				height:160px;
				background:url('../images/bg_container_car.jpg') no-repeat;
				float:right;
				margin-top:55px;
				position:relative;
				overflow:hidden;
				}
				#car_left, #car_right {					
					border:0;
					margin:0;
			}
			#containerTwitterError {
				padding:0 0 0 25px;
				}
				#containerTwitterError a {
					color:#005695;
				}
	#footer {
		width:920px;
		height:50px;
		background:#ffffff url('../images/bg_footer.jpg') no-repeat;
		background-position:top left;
		padding:10px 0 0 0;
		float:left;
		position:relative;
		border-top:1px solid #e0e0e0;
		}
		.footerItem a, .copyright {
			display:block;
			padding:0;
			color:#666666;
			text-decoration:none;
			font-family:Myriad Pro Regular, Tahoma;
			font-size:11px;
		}
		.footerItem a:hover {
			text-decoration:underline;
		}
		.footerSpacer {
			padding:0 10px;
			color:#666666;
			font-family:Myriad Pro Regular, Tahoma;
			font-size:11px;
		}
		#realisatie {
			position:absolute;
			right:0;
			top:22px;
			color:#666666;
			text-decoration:none;
			font-family:Myriad Pro Regular, Tahoma;
			font-size:11px;
			}
			#realisatie:hover {
				text-decoration:underline;
			}
		#containerSocialMedia {
			float:right;
			}
			#tableTopSocialMedia {
				position:absolute;
				top:10px;
				right:0;
				}
				.socialImage {
					padding:0 3px 0 3px;
				}
				.socialImage img {
					border:0;
				}