@charset "UTF-8";
/* CSS Document */

html {
	height:100%;
}
body,td,th {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 13px;
	line-height:24px;
	color: #333;
}
body {
	background-color: #D9EAF5;
	background-image: url(/images/achtergrond_body.png);
	background-repeat: repeat-x;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	height:100%;
}
img {
	border:0px;
	-ms-interpolation-mode:bicubic;
}
:-moz-any-link:focus {
  outline: none;
}
a, input {
  outline: none;
}
#container_balk {
	display:block;
	width:100%;
	background-image: url(/images/achtergrond_balk.png);
	background-repeat: repeat-x;
	background-position: 0 204px;
	overflow-y:hidden;
	margin-top:20px;
}
#container_boven {
	display:block;
	width:100%;
	height:15px;
	background-image: url(/images/achtergrond_boven.png);
	background-repeat:no-repeat;
	background-position:center;
	overflow-y:hidden;
}
#container {
	display:block;
	width:100%;
	min-height:400px;
	background-image: url(/images/achtergrond.png);
	background-repeat: repeat-y;
	background-position:center;
	overflow-y:hidden;
}
#container_onder {
	display:block;
	width:100%;
	height:15px;
	background-image: url(/images/achtergrond_onder.png);
	background-repeat:no-repeat;
	background-position:center;
	overflow-y:hidden;
}
.container_990 {
	display:block;
	width:990px;
	margin:0 auto;
}
#container_5px {
	padding:5px;
}
#container_logo {
	display:block;
	width:246px;
	height:188px;
	overflow:hidden;
	position:absolute;
	margin:-10px 0px 0px 0px;
}
#container_sfeerfoto {
	display:block;
	width:734px;
	height:188px;
	overflow:hidden;
	background-color:#EAEAEA;
	margin:-10px 0px 0px 246px;
	position:absolute;
}
#container_menu {
	display:block;
	margin:184px 0px 5px 0px;
	width:100%;
	height:48px;
	overflow:hidden;
}
#container_menu ul {
	position:absolute;
	display:block;
	width:990px;
	list-style-type:none;
	padding:0px;
	margin:0px 0px 0px 0px;
	overflow:hidden;
}
#container_menu li {
	list-style-type:none;
	width:241px;
	float:left;
	padding:0px;
	margin:0px 5px 0px 0px;
}
#container_menu li a {
	display:block;
	width:100%;
	height:48px;
	line-height:48px;
	overflow-y:hidden;
	text-align:center;
	background-image: url(/images/menu_achtergrond.png);
	font-size:16px;
	color:#FFFFFF;
	text-decoration:none;
	cursor:pointer;
}
#container_menu li a:hover, #container_menu li a.active {
	background-image: url(/images/menu_achtergrond_groen.png);
}
#balk_groen {
	display:block;
	width:100%;
	height:8px;
	background-color:#00896C;
}

#container_content {
	margin-top:10px;
}
#container_left {
	display:block;
	width:244px;
	float:left;
	border-right:1px dotted #0575BA;
	min-height:200px;
}
#container_left .margin {
	margin: 5px 10px 10px 10px;
}
#container_left ul {
	list-style-type:none;
	padding:0px;
	margin:0px 0px 0px 0px;
}
#container_left ul li {
	display:block;
	list-style-type:none;
	padding:0px;
	margin:0px 0px 0px 0px;
}
#container_left ul li a {
	display:block;
	line-height:18px;
	color:#333333;
	font-size:13px;
	text-decoration:none;
	background-image:url(/images/bullet_blauw.png);
	background-repeat:no-repeat;
	background-position: left 0px;
	padding:3px 0px 7px 38px;
}
#container_left ul li a:hover, #container_left ul li a.active {
	color:#0575BA;
}

#cert_logos {
	margin-top:32px;
}
#cert_logos div {
	margin-bottom:8px;
}

#cert_logos img {
	margin:0px 5px 0px 0px;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
	filter: alpha(opacity=30);
	-khtml-opacity: 0.3;
	opacity: 0.3;
}
#cert_logos img:hover {
	margin:0px 5px 0px 0px;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	filter: alpha(opacity=50);
	-khtml-opacity: 0.5;
	opacity: 0.5;
}
#cert_logos a {
}
#cert_logos a:hover {
}

#container_main {
	display:block;
	float:left;
	min-height:200px;
	width:490px;
	overflow-x:hidden;
}
#container_main .margin {
	margin: 5px 16px 10px 16px;
}

#container_main .fotoknoppen {
	width:474px;
	margin:0px -6px 0px -6px;
}

#container_main .fotoknop {
	display:block;
	background-image:url(/images/achtergrond_fotoknop.png);
	width:152px;
	height:152px;
	overflow:hidden;
	float:left;
	margin:0px 6px 6px 0px;
}
#container_main .fotoknop a {
	display:block;
	width:152px;
	height:152px;
	overflow:hidden;
	color:#0575BA;
	font-size:11px;
	line-height:15px;
	text-align:center;
	text-decoration:none;
}
#container_main .fotoknop a:hover {
	color:#00896C;
}
#container_main .fotoknop a div {
	display:block;
	width:132px;
	height:40px;
	overflow:hidden;
	margin:8px 10px 0px 10px;
}
#container_main .fotoknop img {
	display:block;
	margin:10px auto;
	width: 132px;
	height: 88px;
	background-color:#EAEAEA;
}

#container_right {
	display:block;
	width:244px;
	float:left;
	border-left:1px dotted #0575BA;
	min-height:200px;
}
#container_right .webpagina_afbeelding {
	margin:0px 0px 12px 12px;
}

#container_footer {
}
#container_footer ul {
	list-style-type:none;
	padding:0px;
	margin:0px 0px 0px 5px;
}
#container_footer ul li {
	list-style-type:none;
	float:left;
	padding:0px;
	margin:0px 30px 0px 0px;
}
#container_footer ul li a {
	color:#333333;
	font-size:10px;
	text-decoration:none;
}
#container_footer ul li a:hover, #container_footer ul li a.active {
	color:#0575BA;
}

.clear {
	clear:both;
}
.absolute {
	position:absolute;
}
.leesmeer_content {
	display:none;
}
.leesmeer {
	display:none;
}
.leesmeer_knop {
	display:inline;
	color:#0575BA;
	font-size:12px;
	cursor:pointer;
	text-decoration:none;
}
.verberg_knop {
	display:inline;
	color:#0575BA;
	font-size:12px;
	cursor:pointer;
	display:none;
	text-decoration:none;
}

#nieuws_home {
	font-size:12px;
	padding:0px 12px 20px 12px;
	line-height:16px;
}
#nieuws_home div {
	padding:0px 0px 10px 0px;
}
#nieuws_home div div {
	padding:0px;
}
#nieuws_home h2 {
	color:#666666;
}
#nieuws_home a {
	font-size:12px;
	color:#0575BA;
	text-decoration:none;
}
#nieuws_home .datum {
	color:#00896C;
}

#nieuws {
}
#nieuws div {
	padding:0px 0px 16px 0px;
}
#nieuws div div {
	padding:0px;
}
#nieuws .datum {
	color:#00896C;
}

#vacatures_home {
	font-size:12px;
	padding:0px 12px 20px 12px;
	line-height:16px;
}
#vacatures_home div {
	padding:0px 0px 10px 0px;
}
#vacatures_home div div {
	padding:0px;
}
#vacatures_home a {
	font-size:12px;
	color:#0575BA;
	text-decoration:none;
}
#vacatures_home h2 {
	color:#666666;
}
#vacatures_home .datum {
	color:#00896C;
}


#container_main .projecten {
	text-decoration:none;
}

#container_main .projectfotoknop {
	display:block;
	background-image:url(/images/achtergrond_fotoknop.png);
	width:152px;
	height:152px;
	overflow:hidden;
	float:left;
	margin:0px 6px 6px -6px;
	text-decoration:none;
	cursor:pointer;
}
#container_main .projectfotoknop a {
	display:block;
	width:152px;
	height:152px;
	overflow:hidden;
	color:#0575BA;
	font-size:11px;
	line-height:15px;
	text-align:center;
	text-decoration:none;
}
#container_main .projectfotoknop a div {
	text-decoration:none;
}
#container_main .projectfotoknop a:hover {
	color:#00896C;
}
#container_main .projectfotoknop .projectfotocycle {
	display:block;
	background-color:#FFFFFF;
	margin:10px;
	width:132px;
	height:132px;
	overflow:hidden;
}
#container_main .projectfotoknop img {
	width:132px;
	height:132px;
}

#container_main .projectfotos {
	width:474px;
	margin:20px -6px 20px -6px;
}

#adres {
	position:absolute;
	width:224px;
	margin-top:300px;
	padding-top:10px;
	margin-left:487px;
	background-color:#FFF;
}
#googlemaps_container {
	height:600px;
}

#googlemaps_container #map {
	width:458px;
	height:458px;
}

#googlemaps_popup {
	display:none;
}
#googlemaps_popup_content {
	font-size:11px;
	line-height:15px;
	color:#333333;
}
#googlemaps_popup_content a {
	text-decoration:none;
	color:#333333;
}

#projectkiezer {
	font-size:12px;
	padding:0px 12px 20px 12px;
	line-height:16px;
}
#projectkiezer h2 {
	color:#666666;
}
#projectkiezer h3 {
	color:#666666;
}
#projectkiezer input {
	vertical-align:middle;
}

/* form style */
.formstyle {
	padding:0px;
	margin:0px;
	color:#eee;
	position:relative;
	width:460px;
	overflow-x:hidden;
} 

/* nested fieldset */
.formstyle fieldset {
	border:0;
	margin:0;
	padding:0;
}

/* typography */
.formstyle h3 	{ color:#eee; margin-top:0px; }
.formstyle p 	{ font-size:11px; }


/* input field */
.formstyle input, .formstyle textarea {
	border:1px solid #CCCCCC;
	background-color:#EAEAEA;
	padding:5px;
	color:#003366;
	font-size:12px;
	width:444px;
	
	/* CSS3 spicing */
	text-shadow:1px 1px 1px #CCC;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
}

.formstyle select {
	border:1px solid #CCCCCC;
	background-color:#EAEAEA;
	padding:5px;
	color:#003366;
	font-size:12px;
	line-height:18px;
	
	/* CSS3 spicing */
	text-shadow:1px 1px 1px #CCC;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
}

.formstyle input:focus 	{ color:#fff; background-color:#777; }
.formstyle input:active { background-color:#888; }


/* button */
.formstyle button {
	outline:0;
	border:0px;	
}

.button {
	display:block;
	background-color:#0575BA;
	padding:5px 10px 5px 10px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	font-weight:bold;
	font-size:14px;
	color:#FFFFFF;
	border:0px;
	cursor:pointer;
	
}
.button:hover {
	background-color:#00896C;
}

.error {
	display:block;
	padding-top:2px;
	font-size:10px;
	line-height:12px;
	color:#cc0000;
}


/* field label */
label {
	display:block;
	font-size:13px;
	color:#0575BA;
}
