@charset "UTF-8";
/* CSS Document */
body { background:url(/images/top_bg.jpg) repeat-x;  font-size:11px; font-family:Geneva, Arial, Helvetica, sans-serif; }
img { border: none; }
* { margin: 0px; padding: 0px; }
p, ul, ol { font-size:11px; line-height:18px;}
p { margin-bottom: 1em; }
.introblock ul, .introblock ol { margin-left: 15px; }

#container {  width:980px;  margin:0px auto;  text-align: left;  background:url(/images/main_bg.jpg) no-repeat 0px 50px; position:relative; min-height:900px; height:auto !important;  height:900px;}
#header {  margin:0 30px;  height:311px;  position: relative; background-image:url(/images/header.jpg);background-repeat: no-repeat; background-position: right bottom; }
#project #header { height:145px; background:#fff url(/images/top_bg.jpg) repeat-x; }
#headerline { height:5px; line-height:1px; padding:0px; width:715px; background-color:#8DBA2A; border-left:210px solid #257CC1; position:absolute; left:0px; top:132px; z-index:0; }
#logo { position:absolute; top:55px; left:0px; height:64px; width:205px; background:url(/images/logo.gif) no-repeat; }

.clearfix:after{ content:"."; display:block; height:0; clear:both; visibility:hidden; }
html .clearfix { height:1%; }

#zoeken { float:right; padding-top:60px; text-align:right; }
#zoeken input { font-size:11px; padding: 3px 0;}
#zoeken .field { width:130px; border:#7C7C7C solid 1px; color:#555555; text-indent: 10px; margin-right: 10px; }
#zoeken .button { border:#CCCCCC solid 1px; width:60px; text-align:center; background-color:#F5F5F5; color:#666666; }

.blokright_middle input.field { border:0px; color:#555555;  width:150px; padding:0px 0px 0px 0px}
.blokright_middle span.inputfieldborder { border:1px solid #CCC; padding:2px 0px 0px 2px;width:167px;height:20px; display:block;background:#fff }
.blokright_middle input.newsletterbutton{ float:right;margin-top:5px; }

.newsimage { padding:10px; }
.newsimage a { display:block; color:#84B51A; font-weight:bold; padding-right:20px; }
.newsimage a.link { background:url(/images/loop.png) no-repeat right; }
.newsimage .imageborder { padding:4px 4px 2px 4px; border:1px solid #CCC; }
.nieuwsbriefblok{ padding:25px 0px 0px 0px; }
input.newsletterbutton { background:#8dba2a; color:#fff;font-size:12px; border: 1px solid #638912;padding:0px 20px 2px 20px}
input.alternatief { font-size:11px;margin-top:5px;border:0px;color:#51710F; background:url(/images/arrowbutton.gif) no-repeat right; font-weight:bold; text-decoration:none;  color:#84B51A; padding: 3px 20px 5px 5px; display: block; float: right; cursor:pointer; text-align:right}
input.alternatief:hover {  color:#51710F; text-decoration:underline; background:url(/images/arrowbutton_f2.gif) no-repeat right;}
input.alternatief.hover {  color:#51710F; text-decoration:underline; background:url(/images/arrowbutton_f2.gif) no-repeat right;}

#content { margin:20px 30px 0px 30px; min-height:620px; height:auto !important;  height:620px; }

.column1 {  float:left; width:683px; margin-bottom: 50px; }
.column1 div.pad { margin:0px 0px 0px 0px; }

.column2 { float:left; width:230px; }
.column2 div.pad { margin:0px -5px 0px 35px; } /* MDO: padding fix to right algin banner blocks to header */

.column1 .innercolumn_left { float:left; width:193px; position:relative; background:url(/images/bg_innercolumn_left.png) no-repeat left top; padding-bottom:10px; }
.column1 .innercolumn_left .leftblock { padding:10px 10px 10px 15px; }

.leftblock.submenu ul { list-style-image: url('/images/nav_blokje.gif'); padding-left:15px; }
.leftblock.submenu ul li a{ color:#257CC1; text-decoration:none; }
.leftblock.submenu ul li a:hover{ text-decoration:underline; }

.column1 .innercolumn_right { float:left; width:490px; }

.innercolumn_right .introblock { padding:15px 20px 10px 20px; border-bottom:1px solid #CCC; margin-bottom:10px; }
.innercolumn_right .introblock.noborder { border-bottom:1px #fff solid; }
.innercolumn_right .introblock h2 { font-weight:bold; }
.innercolumn_right .fadeblock { position:relative; background:url(/images/bg_blockfade.jpg) no-repeat left top; padding:5px 0px 20px 20px; margin-bottom:10px; }
.innercolumn_right .fadeblock img.left { margin:0px 10px 5px 0px; }
.innercolumn_right .fadeblock img.right { margin:0px 5px 5px 0px; }
.innercolumn_right .fadeblock h2{ padding-top:5px; }
.innercolumn_right .fadeblock h3{ margin-bottom:0.6875em; color: #257CC1; }
.innercolumn_right .fadeblock .linkbottom { position:absolute; bottom:0px; right:0px; }

.right { float:right; }
.left { float:left; }
.blue { color:#257CC1 }

div.media div.filerow.first div{ border-top: 1px dashed #CCC; }
div.media div.filerow div{ float:left; padding:3px; line-height:20px; height:20px; border-bottom: 1px dashed #CCC; }
div.media div.filerow.even div{ background-color:#E8E8E8; }
div.media div.filerow div.filename{ width:370px; }
div.media div.filerow div.download a{ color:#a9a9a9; display:block; width:60px; }

div.searchitems { border-left:1px solid #E1ECF5; border-bottom:1px solid #E1ECF5; border-right:1px solid #E1ECF5; background:url(/images/searchboxfade.png) repeat-x bottom; }
div.searchitems div.item { padding:10px 10px 25px 10px; border-top:1px solid #E1ECF5; }

div.paginationblock { text-align:right; padding:5px 0px; }
div.paginationblock ul { list-style:none; float:right; }
div.paginationblock ul li { float:left; margin:1px; }
div.paginationblock ul li a { display:block; padding:5px; }

#footer { border-top:1px solid #CCCCCC; padding:5px 0px 10px 30px; }
#footertxt { font-size: 12px; padding-top:10px; color:#257CC1; }
/*blokken*/
#introblok { height:222px; background-image: url(/images/intro_bg.jpg);background-position: left top;background-repeat: no-repeat; padding-left:330px; margin-bottom:10px; border-bottom: 1px solid #CCCCCC; }
.actueelblok { background: url(/images/bg_blockfade.jpg) no-repeat top left; float:left; width: 49%; padding: 0px 0px 10px 0px; position:relative; }
.actueelrow { margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid #CCCCCC; }
.actueel_inner { padding: 10px; }
.actueel_inner { padding: 10px; }

div.actueelblok img { float:right; display:block; margin-left:10px; }

#projectenblok {  position:relative;background: #e9f2f9; border-top:#d3e5f3 1px solid; border-bottom:#d3e5f3 1px solid; margin-bottom:30px}
#projectenblok h2 {  position:absolute; top:5px;left:40px; width:100px; height:20px;}
#projectenblok h3 { font-size: 9px; padding-top: 3px; font-weight: normal; }

#projectenblok .project_item a { display:block; width:100px;height:75px; margin:0 auto;}
a.projectenblok_left { margin:-1px; background:url(/images/buttonproject_left.gif) no-repeat left; display: block; float: left; width:38px; height:166px; text-decoration:none; }
a.projectenblok_right { margin:-1px; background:url(/images/buttonproject_right.gif) no-repeat right; display: block; float: right; width:38px; height:166px; text-decoration:none;}
a.projectenblok_left:hover { margin:-1px; background:url(/images/buttonproject_left_f2.gif) no-repeat left; }
a.projectenblok_right:hover { margin:-1px; background:url(/images/buttonproject_right_f2.gif) no-repeat right; }

#projecten_balk { float:left; padding:0px 3px 0px 26px; width:575px;}
.project_item { padding:35px 0px 0px 0px; display:block; float:left; width:121px; text-align:center; height:150px;}

.blokright { width:100%; background: url(/images/bg_blokright.gif) repeat-y; margin-bottom:10px; }
.blokright_top { background: url(/images/bg_blokrighttop.gif) no-repeat; height:11px; }
.blokright_middle { padding:0px 15px 0px 15px;  }
.blokright_middle img.newsletter { display: block; }
.blokright_bottom { background: url(/images/bg_blokrightbot.gif) no-repeat bottom; width:200px; height:11px;}

#navigation { position:absolute; top:100px; left:241px; width:600px; z-index: 100;}
#navigation ul { margin: 0; list-style: none; z-index: 100;}
#navigation li { float: left; text-decoration: none; text-align: left; font-size:12px; }
#navigation li a { font: 11px; display: block; margin: 0; padding: 2px 10px; color: #257CC1; text-decoration: none; }
#navigation li.active a { text-decoration: underline; }
#navigation li.active ul a{ text-decoration: none; }
#navigation ul li a:hover { text-decoration: underline; }
#navigation ul ul { position: absolute; z-index: 500; background: url(/images/navigation_bg.gif) bottom repeat-x #FFFFFF; width: 170px; padding-bottom:15px; padding-top:10px; }
#navigation ul li ul li { float: none; font-size:11px; padding-left:20px; background:url(/images/nav_blokje.gif) 12px 10px no-repeat; }
div#navigation ul ul,
div#navigation ul li:hover ul ul,
div#navigation ul ul li:hover ul ul { display: none; }
div#navigation ul li:hover ul, div#navigation ul ul li:hover ul, div#navigation ul ul ul li:hover ul { display: block; }

#tab { background: #fff url(/images/tab_bg.jpg) no-repeat top left; position:absolute; top:143px; left:25px; z-index:300; width:214px; height:180px; }
#tab_inner { padding:8px 0px 0px 8px;  }
#tab ul { list-style:none; position: absolute; top:40px; left:7px; width:198px; margin-bottom: 25px; }
#tab li { border-bottom: #C8C8C8 solid 1px; line-height: 15px;  }
#tab li a { text-decoration: none; color:#999999; display:block;width:182px; padding: 2px 0px 3px 16px;}
#tab li a:hover { text-decoration: none; color:#000000;  }
#tab_inner a { display: block; float: left; width:99px; line-height: 30px; height: 38px; color:#257CC1; font-size:12px; text-decoration:none; text-align: center; }
#tab_inner a.nonactive:hover { color:#000000; }
#tab_inner a.nonactive { background: url(/images/tabbutton_bg.gif) repeat-x; text-decoration: none; color:#ffffff;  }

#generic { position:absolute; text-align:right; top:10px; right:0px; color:#FFFFFF; }
.generic li { display: inline; list-style-type: none; padding-left: 20px; }
.generic li a { text-decoration:none; color:#FFFFFF; }
.generic li a:hover { text-decoration:underline; color:#FFFFFF; }

div.breadcrumbs { margin-left: 20px;}

a.verder,a.arrow { color:#51710F; background:url(/images/arrowbutton.gif) no-repeat right; font-weight:bold; text-decoration:none;  color:#84B51A; padding: 3px 25px 3px 5px; display: block; float: right; }
a.verder:hover, a.arrow:hover { background:url(/images/arrowbutton_f2.gif) no-repeat right; color:#51710F; }

.cornerbottomleft { position:absolute; bottom:0px; left:0px; width:10px; height:10px; background:url(/images/corner_bottom_left.png) no-repeat bottom left; }
/* fotoblok projectenpagina */
.projectfotoblok { background:#E3E3E3 url(/images/projecten_background_fade.png) repeat-x bottom;height:445px; width:922px; margin:0 auto; position:relative;}
.projectfotoblok .sidebar {  width:190px; height:433px; right:0px; top:0px;padding:5px; border:1px solid #ccc}
.projectfotoblok .sidebar h2 { width:173px; margin:0 auto; padding:3px 0px 0px 0px; font-size:12px }
.projectfotoblok .sidebar p { width:173px; padding:14px 0px 10px 1px; margin:0 auto; }
.projectfotoblok .sidebar #slider{ margin:0 auto; width:173px;  }
.projectfotoblok .sidebar #slider .imagesquare { width:158px; border:1px solid #444; background:#fff; margin-bottom:5px; padding:5px; text-align:center; overflow: hidden; }
.projectfotoblok .sidebar #slider .thumbnailholder { height:262px;overflow:hidden; }
.projectfotoblok .sidebar a.arrow { display:block; line-height:20px; height:20px; padding-right:20px; background:url(/images/arrowbutton.gif) no-repeat right; color:#84B51A; font-weight:bold; }
.projectfotoblok .sidebar a:hover.arrow { background:url(/images/arrowbutton_f2.gif) no-repeat right; }
.projectfotoblok .left { background:#fff url(/images/indicator.gif) no-repeat center; width:720px; height:445px; position:relative;  }
.projectfotoblok .left #fotoholder { height:445px;width:720px; overflow:hidden;text-align:center; }
.projectfotoblok .left #fotoholder .foto { height:445px; }
.projectfotoblok .left .message { background:#fff;color:#257CC1;position:absolute;top:200px;font-weight:bold;text-align:center;height:50px;width:700px;left:10px; }
.projectfotoblok .left #navigationbar { width:720px; height:33px; background:#fff;  position:absolute; bottom:0px; left:0px; float:none; text-align:rigth;padding}
.projectfotoblok .left .text { position:absolute;width:500px; right:80px; bottom:0px; height:30px; text-align:right;line-height:30px;color:#fff;font-size:12px; font-weight:bold;  }
.projectfotoblok .left .button_left { position:absolute; display:block; width:25px;height:25px;bottom:3px;right:40px;}
.projectfotoblok .left .button_right { position:absolute; display:block; width:25px;height:25px;bottom:3px;right:10px;}
/*text*/
h1 { font-size:18px; font-weight:bold; color:#257CC1; padding-bottom:10px; }
h2 { font-size:15px; font-weight:normal; color:#257CC1; padding-bottom:10px; }
h3 { font-weight:bold; font-size:13px; }

.fadeblock ul, .fadeblock ol { list-style-position: inside;}

/*sitemap list*/
ul#sitemap { list-style:none;border-bottom:1px solid #e1ecf5; margin:0px; padding:0px; background:url(/images/searchboxfade.png) bottom repeat-x }
ul#sitemap li { padding:0px; margin:0px;border-top:1px solid #e1ecf5; border-right:1px solid #e1ecf5; border-left:1px solid #e1ecf5; }
ul#sitemap li a { display:block; padding:4px; }
ul#sitemap li ul { list-style:none; padding:0px; margin:0px; }
ul#sitemap li ul li { padding:0px 0px 0px 15px; background:url(/images/arrow_blue.jpg) left center no-repeat; margin:0px;border-top:0px solid #e1ecf5; border-right:0px solid #e1ecf5; border-left:0px solid #e1ecf5; }

a{ color:#257CC1; text-decoration:none; }
a:hover{ text-decoration:underline; }

/* globalmenu */
.globalcontainer {
	height:32px;
	background: url(/images/global_bg.jpg) repeat-x right;
	position:absolute;
	width:215px;
	top:8px;
	left:342px;
	z-index:600;
}
.globalleft {
	background: url(/images/global_bg_left.jpg) no-repeat;
	width:45px;
	height:32px;
	float:left;
}
.globalcontainer li a {
	color:#78D1FF;
	display: inline-block;
	padding:10px 10px 5px 10px;
}
.globalcontainer ul li a:hover {
	text-decoration:none;
	color:#FFFFFF;
}
.globalcontainer li.active a {
	color:#FFFFFF;
	background:url(/images/globalhover_bg.jpg) repeat-x;
}
.globalcontainer li.active a:hover {
	color:#FFFFFF;
	background:url(/images/globalhover_bg.jpg) repeat-x;
}
.globalcontainer li{
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
}
.globalcontainer li {
	float:left;
}