@charset "utf-8";
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0; padding: 0;
	border: 0;
	font: inherit; font-size: 98%; vertical-align: baseline; font-weight: normal; text-align: left;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
body { line-height: 1.2; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
table { border-collapse: collapse; border-spacing: 0; }
th, td { vertical-align: top; font-weight: normal; }
a img { border: none; }
strong { font-weight: bold; }
em, dfn { font-style: italic; }
dfn { font-weight: bold; }
.clearfix:after, .container:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; overflow: hidden; }
.clearfix, .container { display: block; }
.clear { clear: both; }

@font-face {
    font-family: 'DINSchriftMittelschrift';
    src: url('/media/fnt/dinmi-webfont.eot');
    src: url('/media/fnt/dinmi-webfont.eot?#iefix') format('embedded-opentype'),
         url('/media/fnt/dinmi-webfont.woff') format('woff'),
         url('/media/fnt/dinmi-webfont.ttf') format('truetype'),
         url('/media/fnt/dinmi-webfont.svg#DINSchriftMittelschrift') format('svg');
    font-weight: normal;
    font-style: normal;

}
body {
	margin: 0 auto;
	color: #515054; background: #fff;
	font-family: Arial, Helvetica, sans-serif;
}
h1, h2, h3, h4, h5, h6 {
	color: #121212;
	font-family: DINSchriftMittelschrift; font-weight: normal; font-size: 100%;
}
a, a[name]:hover {
	color: #0099dd;
	text-decoration: none;
}
a:hover { text-decoration: underline; }
blockquote { color: #7f7f82; }
blockquote.big { color: #0099dd; }

input, select {
	position: relative; height: 16px;
	border: 1px solid #d1d3d4;
}
input[type=text], input[type=password], input[type=date], input[type=email]{
	padding: 2px 6px; 
}
input:focus {
	outline: none;
	border: 1px solid #7f7f82; color: #7f7f82;
}

#contentwrap, #footer { position: relative; width: 990px; margin: 0 auto; clear: both; padding-left: 0px !important; /*ie6fix*/ padding-left: 20px; z-index: 1; }
#contentwrap {
	padding-bottom: 55px;
	background-image: url(/media/img/bg_main.jpg);
}
#header, #feature_wrap, #main { position: relative; margin-left: 78px; margin-right: 78px; }

#logo { position: relative; top: 65px; float: left; }
#logo h1 {
	position: absolute;
	text-indent: -9999px;
}
#langSelect {
	position: absolute; right: 0; top: 30px;
}
#langSelect input, #langSelect ul { float: left; }
#langSelect input {
	background: url(/media/img/search.png) right top no-repeat; color: #d1d3d4;
}
/*.browserIE #langSelect input { top: -3px; padding: 3px 6px 2px 6px; }
.browserFirefox #langSelect input { top: -3px; padding: 2px 6px; }*/
#langSelect input:focus {
	background: url(/media/img/search.focus.png) right top no-repeat; color: #7f7f82;
}
#langSelect li {
	float: left; margin-left: 5px;
}
#langSelect li.selected a, #langSelect li a:hover { background: #0099dd; }
#langSelect li a {
	color: #fff; height: 16px; display: block; padding: 3px 6px;
	background: #d1d3d4; color: #fff;
	text-decoration: none; font-size: 1em;
}
#featuredProjectsNav {
	position: absolute; top: 110px; left: 415px; width: 420px;
}
#featuredProjectsNav li { float: left; }
#featuredProjectsNav a {
	display: block; width: 13px; height: 13px; margin-right: 12px;
	background: url(/media/img/bg_featuredProjectsNav.gif) no-repeat;
}
#featuredProjectsNav a.selected { background: url(/media/img/bg_featuredProjectsNavSel.gif) no-repeat; }
#featuredProjects {
	position: absolute; top: 135px; left: 400px; width: 435px;
	font-family: Arial, Helvetica, sans-serif; line-height: 1.3em;
}
#featuredProjects h6, #featuredProjects p { color: #515054; }
#featuredProjects h6 {
	padding-bottom: 16px;
	font-size: 3em;
}
#featuredProjects li { width: 435px; height: 85px; padding-top: 8px; }
.jcarousel-skin-tango .jcarousel-container-horizontal { width: 435px; padding: 0; }
.jcarousel-skin-tango .jcarousel-clip { overflow: hidden; }
.jcarousel-skin-tango .jcarousel-clip-horizontal, .jcarousel-skin-tango .jcarousel-item { margin: 0; width: 435px; height: 85px; }
.jcarousel-skin-tango .jcarousel-next-horizontal, .jcarousel-skin-tango .jcarousel-prev-horizontal { display: none; }

#header {
	height: 250px; margin-bottom: 25px; padding-bottom: 30px;
	background: url(/media/img/bg_header.gif) bottom repeat-x;
}
#featured, .featured, .fadeout, .newsselect {
	height: 550px;
}
.vervolg #featured, .vervolg .featured, .vervolg .fadeout, .vervolg .newsselect {
	height: 194px; margin-bottom: 28px;
}
#feature_wrap { width: 835px; position: relative; }
#featured { position: relative; width: 833px; overflow: hidden; }
.featured {
	width: 350px; position: absolute; top: 0; left: 0; overflow: hidden; display: none;
	border-left: 4px solid #fff; background: #fff url(/media/img/preload.gif) no-repeat center center;
	font-family: DINSchriftMittelschrift;
}
.featured img { display: block; position: relative; z-index: 2; }
.featured a, .featured a img, .featured img { text-decoration: none; border: none; }
.featured1 { border: none; display: block; }
.feature_excerpt {
	width: 350px; height: 215px; position: absolute; display: block; top: 0; left: 0; z-index: 3;
	color: #fff;
	font-family: Arial, Helvetica, sans-serif;
}
.feature_excerpt h1 {
	padding-bottom: 16px;
	color: #fff; font-size: 2.75em;
}
.feature_excerpt a {
	display: block; height: 28px;
	color: #fff;
	font-size: 1em;
}
.feature_excerpt a:hover {
	font-size: 1.2em;
}
.feature_excerpt a:before { content: "\203A\0020"; }
.feature_excerpt a:hover:before { content: "\00BB\0020"; }
.feature_excerpt span a { display: inline-block; }
.feature_excerpt span a:hover { font-size: 1em; }
.feature_excerpt span a:before { content: ""; }
.feature_excerpt span a:hover:before { content: ""; }
.position_excerpt { background: url(/media/img/beeld/accordion/bg_excerpts.png); padding: 25px 30px; width: 470px; z-index: 15; }
.fadeout {
	position: absolute; width: 200px; display: block; right: 0px; z-index: 5;
	background: transparent url(/media/img/overlay.png) repeat-y right top;
}
.sliderheading {
	display: block;
	font-size: 3em;
}
.sliderheadingh2 {
	display: block; padding-bottom: 0.5em;
	color: #fff;
	font-size: 1.45em;
}
ul + .sliderheadingh2 { padding-top: 0.5em; }
p.slidercontent { width: 300px; }
.heading_clone {
	position: absolute; z-index: 4; top: 0; left: 0; padding: 0 0 0 12px; margin: 0; height: 67px; padding-top: 12px;
	background: #fff; color: #0099dd;
	font-size: 1.45em;
}
.preloading_background { background: transparent url(/media/img/preload.gif) no-repeat 50% 50%; }
.bottom_left_rounded_corner { background: transparent url(/media/img/rounded.png) no-repeat left bottom; }
.bottom_right_rounded_corner { background: transparent url(/media/img/rounded.png) no-repeat right bottom; }

#main { z-index: 1; width: 833px; float: left; }
#content { width: 605px; padding: 0 0 50px 20px; float: left; margin:0 20px 0 0; overflow: hidden; }

.sidebar {
	float: left; margin: 0 0 40px 0; padding: 0 0 0 18px; width: 168px; overflow: hidden;
	border-left: 1px solid #d1d3d4;
}
.sidebar .box { margin: 0; padding: 0 0 10px 0; overflow: hidden; clear: both; }
.sidebar .link_list img { padding: 3px; margin-top: 8px; }

#footerwrap {
	min-height: 150px; padding-top: 28px;
	background: #121212 url(/media/img/sixmo_logo_inv.gif) right bottom no-repeat;
}
#footer, #footer h5, #footer h6, #footer a {
	color: #fff;
	font-size: 12px; font-family: Arial, Helvetica, sans-serif
}
.column {
	width: 100px; float: left; padding-left: 20px; margin-right: 20px;
	border-left: 1px solid #d1d3d4;
}
.columnBg {
	width: 450px; float: left; margin-left: 78px; margin-right: 180px;
	border: none;
}
.column a:before { content: "\203A\0020"; }
.column a:hover:before { content: "\00BB\0020"; }

.noborder { border:none; padding:0; }
.js_active #main img { visibility: hidden; }