/* reset */
html, body, float, div, span, h1, h2, h3, h4, h5, h6, p, a, font,
img, blockquote, big, small, em, abbr, acronym, address, pre
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, input,
table, caption, tbody, thead, tfoot, tr, th, td 
{ 
	margin: 0; border: 0; padding: 0; 
	font-weight: inherit; font-style: inherit; font-size: 100%;
}

@font-face {
	font-family: 'PT Sans';
	src: url('pts55f.eot');
	src: local('PT Sans'), url('pts55f.woff') format('woff'), url('pts55f.ttf') format('truetype');
}

/* standaard opmaak links */
a { text-decoration: none; color: black; }
a:hover { text-decoration: underline; }
a.leesmeer { font-style: italic; color: #5a00b4; font-size: .85em;}
a.maillink, a.sortlink { color: #777; padding-left: 5px; }
a.glink { color: #777; font-size: .85em; }
.cblok2 a { text-decoration: none; }

/* paarse linkjes  in lopende tekst */
#blokb a, #blokc a { color: #5a00b4; }
#blokb .cblok2 a, #blokc .cblok2 a { color: black; }
.cblok3 a { color: #5a00b4; }
#blokb .vacature a, #blokc .vacature a { color: white; }
/**/

h1 { font-size: 1.75em; font-weight: bold; 
		padding-left: 4px;
	/* padding-bottom: .7em; */
	}
h2 { font-size: 1.2em; font-weight: bold; padding: 1.3em 0 .9em 0; }
h3 { font-size: 1em; font-style: italic; padding: 1.2em 0 .1em 0; }
h4 { font-size: 1.2em; font-weight: bold; padding: 1.3em 0 .9em 0; }
h4.top { padding-top: .1em; }
h3.top { padding-top: .1em; }

h1.top { }
h2.top { padding: .55em 0 .9em 0; }

/* h2 { font-size: 1.2em; padding: 1.3em 0 .9em 0; } */
/* h4 { font-size: 1.2em; font-weight: bold; padding: 1.3em 0 .9em 0; } */


em { font-weight: bold; }
.red { color: red; }
.grey { color: #777; }
.grey_bg { background-color: #bbb; }
.lgrey_bg { background-color: #eee; }
.klein { font-size: 0.8em; }
.klein_persoon { font-size: 1.2em; font-weight: bold; padding-left: 5px;}
p { padding-bottom: 1em; } 

span.red a { color: red; }

.onzichtbaar { visibility: hidden; }
ul { list-style-type: square; }
.cblok3_flex ul li { margin-left: 1em; }
.cblok3_flex ol li { margin-left: 2em; }

.nominaties { color: #ef8e1d; margin-top: 0; margin-bottom: 0; }
.oranje { color: #ef8e1d; }

#thema_balk {
	padding-top: 2px;
}
.thema_img {
	padding-left: 5px;
	width: 60px; 
}

#thema_links_blok {
	background-color: #dadada; 
}
#themalinkstable {
	padding-top: 5px; 
}
#themalinkstable td {
	padding-bottom: 10px;	
	font-size: .8em;
	height: 50px;
}
#thema_links_blok p {
	padding-left: 5px;
}
#thema_links_blok h2 {
	padding-left: 5px;
}

#socialmedia {
	float: right;
	clear: right;
	padding-top: 15px;
	height: 18px;
}
#socialmedia img { height: 18px; }

ul ul { margin-left: 3em; }

.cblok3_flex table { 
	padding-bottom: .5em;
}
.cblok3_flex td{ 
	padding: .2em .3em 0 0;
}

/* mbt kaarten bij projecten */
#kaart {
	margin: 0;
	padding: 0;
	width: 590px;
	height: 730px;
}
a.tips {
	text-decoration: none;
}
a.tips img { border: none; }

.tooltip { background-color: white; 
	border: 1px solid #777; 
	font-family: arial;
	font-size: 10px;
	padding: 3px;
	}
.tooltip img { width: 220px; }
/* */



body {
	text-align: center; /* centreer de hele bladzijde */
	color: black;
	background-color: #424242; 
	font-family: arial, helvetica, sans-serif;
	font-size: 10pt;
}

/* h1, h2, h3, h5, h6 { font-family: 'PT Sans'; } */

/* buitenste wrapper (exclusief voetregel) ivm niet witte achtergrond */
#wrapout {			
	width: 990px;
	margin: 0px auto;
	background-color: #fff;
	}

/* binnenste wrapper, ex voetregel, inhoud staat perfect op de rand */
#wrapin {
	width: 900px;
	margin: 0px auto;
	text-align: left;
}

/* zelfde constructie voor voetregel */
#cwrapout {
	width: 990px;
	margin: 0px auto;
}
#cwrapin {	
	width: 900px;
	margin: 0px auto;
	padding-top: 2px;
	text-align: right;
	color: #aaa;
	font-size: .7em;
}
#cwrapin a { color: #aaa; }
#cwrapinfl {
	float: left;
	clear: left;
}

/* head bevat logo, menu en balk */
#head { } 
#logo { height: 50px; } 

/* ilse's >> = » */
.ilse, .ilse2, .ilse2a, .ilse2c, .ilse2d { 
	font-size: 140%; 
	font-weight: bold; 
	padding: 0 .4em 0 .5em; 
}
.ilse { color: white; padding: 0 .15em 0 .3em; }
.ilse2a { padding: 0 .14em 0 0; }
.ilse2b { padding: 0 .4em 0 1.3em; }

.ilse2c { color: black; padding: 0 .4em 0 1em; }

#menu { color: #555; 
		padding: 0px 0px 4px 0px; 
		text-align: right; 
		font-size: .8em;		
		}
#menu a { text-decoration: none; color: #555; padding: 0 1px;}
		
/* balk bevat kruimelpad en vlag */
#balk { 
	border: 1px solid #777; 
	padding: 4px 6px 4px 9px;
	clear: left;
	height: 16px; /* hoogte nodig igv geen tekst in de balk */
	line-height: 120%;
	}
#kruimelpad { 
	
	}
#kruimelpad input { border: 1px solid #ddd; 
					height: 14px; 
					width: 450px;	/*FIXME*/ 
					color: black;
					padding-left: 10px;
					font-size: .90em;
					}

#kruimelpad input.formfocus { color: black; }
#kruimelpad #autocomplete { width: 280px; display: none; }
#vlag{
	float: right;
	clear: right;
}
#vlag a { padding-left: 6px; }


/* foot is t stuk onder de inhoud boven de voetregel... */
/* is t laatste element in #wrapin */
#foot { 
	padding: 15px 0 60px 0; /* boven en onder t balkje */
	/*border-bottom: 1px solid #777;*/ /* lijntje vlak boven de voetregel*/
	/* clear: both; */
	}
#foot_30 { 
	padding: 30px 0 0 0; 
	}

/* balkje in #foot */
#motto {
	border: 1px solid #777; 
	padding: 9px;
	color: #222;
	font-size: .8em;
}

/* eind structuur head en foot */

/* inhoud */

#content {
	margin: 15px 0 0 0; /* ruimte tussen de balk en de inhoud */
	}

/* structuur blokken met marges, geen hoogtes */
#rij1 {}
#blok1 {
	float: left;
	width: 280px;
	margin-right: 15px;
	background-color: #bbb;
}

#blok2 {
	float: left;
	width: 590px;
	margin-left: 15px;
}

#pgbalk {
	clear: both;
	padding: 10px 0;
	border-bottom: 1px solid #777;
	margin-bottom: -15px;
}
#pgbalk img { vertical-align: bottom; }

#rij2 {}
#bloka, #blokb, #blokc, #blokd {
	float: left;
	width: 280px;
	margin-top: 15px;
	padding-top: 15px;
}
#bloka {
	margin-right: 15px;
}
#blokb {
	margin-left: 15px;
	margin-right: 15px;
}
#blokc {
	margin-left: 15px;
}
#blokd {
	margin-left: 15px;
	width: 590px;
}


#pull { clear: both; }
#pull30 { clear: both; height: 30px; }
#pull_line { clear: both; height: 15px; border-bottom: 1px solid #777; }
#thema_spacer {
	background-color: white;
	padding-top: 30px;
}
/**/


/* contentblokken met padding en hoogte */
.cblok1, .cblok1_homepage, .cblok1m { 	/* index.html: menu en foto */
	width: 100%;
	height: 175px;
}

.cblok1m { margin-top: 15px; }
.cblok3_flex .cblok1m:first-child { margin-top: 0px; } /* persoon bladzijde */

.cblok1_homepage { 				/* foto op index.html */
	background-image: url(img/homepage/beeld_homepage01.jpg);
}
.cblok1_homepage_text{			/* tekst over de foto */
	font-size: 1.8em;
	color: white;
	padding: 8px 0 0 12px;
	line-height: 1.2;
}

.cblok1_persoon { 				/* foto op index.html */
	background-image: url(img/medewerkers_groot/geen_foto.jpg);
	background-color: #bbb;
	height: 200px;
	border-bottom: 1px solid #777;
}
.cblok1_persoon_text{			/* tekst over de foto */
	height: 200px;
	font-size: 1.8em;
	color: #333;
	padding: 8px 0 0 12px;
	line-height: 1.2;
}
.cblok1_persoon_text2{			/* tekst over de foto */
	height: 200px;
	margin-top: -209px;
	margin-left: -2px;
	font-size: 1.8em;
	color: white;
	padding: 8px 0 0 12px;
	line-height: 1.2;
}

.cblok1_200 {					/* bv. geschiedenis.html */
	width: 100%;
	height: 200px;
	border-bottom: 1px solid #777;
}

.cblok1_246 {					/* bv. detachering.html */
	width: 100%;
	height: 246px;
	border-bottom: 1px solid #777;
}

.cblok1_450 {					/* bv. architectuurprojecten */
	width: 100%;
	height: 450px;
	/* border-bottom: 1px solid #777; */
}

.cblok2 {						/* kopje onder plaatje rij2 index.html */
	height: 23px;
	border-top: 1px solid #777;
	border-bottom: 1px solid #777;
	font-size: 1.2em;
	font-weight: bold;
	background-color: #bbb;
	line-height: 125%;
}

.cblok2_nbg {						/* kopje onder plaatje rij2 index.html */
	height: 23px;
	border-top: 1px solid #777;
	border-bottom: 1px solid #777;
	font-size: 1.2em;
	font-weight: bold;
	line-height: 125%;
}

.cblok2_46 {						/* kopje onder plaatje rij2 index.html */
	height: 46px;
	border-bottom: 1px solid #777;
	background-color: #bbb;
}

.cblok3 {						/* tekstblok onder plaatje/kopje index.html */
	height: 200px;
	padding-top: 14px;
	line-height: 1.3;
	border-bottom: 1px solid #fff;
}

.cblok3_flex {
	line-height: 1.3;
}

.cblok3_flexgrey {
	line-height: 1.3;
	background-color: #dadada;
	padding: 5px;
}

.cblok3_slogan { 				/* slogan bij advies */
	line-height: 1.3;
	text-align: center;
	height: 200px;
}
.cblok3_slogan h1 { padding-top: 2em; }

.cblok3_flexpad {			/* bij vacatures oa.*/
	line-height: 1.3;
	padding-top: 14px;
}

.cblok3_c1 {			/* bij contact*/
	line-height: 1.3;
	padding-top: 14px;
	height: 135px;
	margin-bottom: 30px;
}

/* rij2 grote linker grijsvlakken */
.cblok3_academia, .cblok3_contact, .cblok3_fans {
	line-height: 1.3;
	height: 535px;
	border-top: 1px solid #999;
	border-bottom: 1px solid #999;
	background-color: #dadada;
}

.cblok3_thema {
	line-height: 1.3;
	border-top: 1px solid #999;
	border-bottom: 1px solid #999;
	background-color: #dadada;
	
}
.cblok3_thema h2 { padding: 1em 10px .9em 10px; }
.cblok3_thema p { line-height: 1.4em; font-size: .9em; padding: 0 10px 1em 10px;}



.cblok3_bijeen {
	line-height: 1.3;
	border-top: 1px solid #999;
	border-bottom: 1px solid #999;
	background-color: #dadada;

}

.cblok3_academia img, .cblok3_bijeen img { width: 280px; border-bottom: 1px solid #777; }
.cblok3_academia p, .cblok3_contact p, .cblok3_bijeen p, .cblok3_fans p { line-height: 1.4em; font-size: .8em; padding: 0 10px 1em 10px;}
.cblok3_academia h2, .cblok3_fans h2 { padding: 1em 10px .9em 10px; }
.cblok3_fans img { padding: 5px 0; }
.cblok3_fans { height: 650px; }

#bloka .cblok3_contact { margin-top: 15px; padding-top: 15px; height: 540px;}
#bloka .cblok1a, #bloka .cblok2a { background-color: #bbb; }
#bloka .cblok3_bijeen h2 { padding-left: 10px; }
#bloka .cblok3_bijeen p { padding: 0 10px; }

/* blokabc op rij 1: marges verwijderen */
#rij1 #bloka, #rij1 #blokb, #rij1 #blokc { margin-top: 0px; padding-top: 0px; }

/* blokmenuboxen */
.cblok1a {			/* menubox kop boven */
	height: 50px;
	padding: 12px 0 0 .37em;
/* 	font-size: 1.75em; */
/*	font-weight: bold; */
}
.cblok1b {			/* menubox kop boven rij 2*/
	height: 50px;
	padding: 12px 0 0 .37em;
	font-size: 1.2em;
	font-weight: bold;
	background-color: #eee;
	border-top: 1px solid #777;
}

.cblok2a {			/* menubox 6-menu onder */
	width: 100%;
	height: 138px; /* 6 x 20+1+1+1 bordertop + padtop padbot */
	border-bottom: 1px solid #777;
}
.cblok2b {			/* menubox 8-menu onder */
	width: 100%;
	height: 184px; /* 8 x 20+1+1+1 bordertop + padtop padbot */
	border-bottom: 1px solid #777;
}
.cblok2_flex {			/* menubox 6-menu onder */
	width: 100%;
	border-bottom: 1px solid #777;
}

.cblok3a {			/* situatieplaatje */
	width: 100%;
	/* border-bottom: 1px solid #777; */
	padding-top: 24px; 			/* afhankelijk van hoogte slideshow*/
	height: 220px;
	background-color: #fff;
}
.cblok3a img { border: 1px solid #bbb; width: 278px;}

#cblok_duurzaam{
	padding-bottom: 30px;
}
#cblok_duurimg {
	height: 200px;
	display: block;
}
#cblok_duurtext {
	height: 200px;
	background-color: #64af4c;
	display: none;
	color: white;
	text-align: center;
}

.vacature_container {
	padding: .4em .8em;
}
.vacature {
	color: white;
	background-color: black;
	width: 100%;
	height: 100%;
	font-size: 1.75em;
	text-align: left;
}
.vacature b { font-size: 1.2em; line-height: 1em; }
.vacature a { color: white; outline: none; padding-top: .6em; display: block;}
.vacature a:hover { text-decoration: none; }
.vacaturekop { padding: 10px 10px; font-size: 1.2em; }
/**/
#mwtablesort { height: 25px; border-bottom: 1px solid #777; }
table.b2table {
	table-layout: fixed;
	width: 100%;
	border: 0;
	border-collapse: collapse;
	margin-top: 10px;
}
table#mwtable thead { visibility: collapse; }
table#mwtable tfoot { visibility: collapse; }
table#mwtable td { line-height: 160%; height: 50px; padding: 0px 0; white-space: nowrap; overflow: hidden; }
table#mwtable td img { padding: 5px 0 0 0; }
#mwc345 { visibility: collapse; }
#mwc1 { width: 70px; }
#mwc3, #mwc4, #mwc5 { width: 1px; }
#mwtable img { vertical-align: text-bottom; }

table#prtable thead { visibility: collapse; }
table#prtable tfoot { visibility: collapse; }
table#prtable td { line-height: 2em; padding: 0px 0; white-space: nowrap; overflow: hidden; }
table#prtable td img { padding: 5px 0 0 0; }
#prc2345 { visibility: collapse; }
#prc1a { width: 70px; }
#prc2, #prc3, #prc4, #prc5 { width: 1px; }

table#agendatable thead { visibility: collapse; }
table#agendatable tfoot { visibility: collapse; }
table#agendatable td { line-height: 2em; padding: 0px 0; }
table#agendatable td img { padding: 5px 0 0 0; }
table#agendatable td#col1 { width: 70px; }

table#dettable thead { visibility: collapse; }
table#dettable tfoot { visibility: collapse; }
table#dettable td { line-height: 2em; padding: 0px 0; }
table#dettable td img { padding: 5px 0 0 0; }
table#dettable td#col1 { width: 50px; }
#dettable img { vertical-align: text-bottom; }

table#pubtable thead { visibility: collapse; }
table#pubtable tfoot { visibility: collapse; }
table#pubtable td { line-height: 160%; height: 50px; padding: 0px 0; white-space: nowrap; overflow: hidden; }
table#pubtable td img { padding: 5px 0 0 0; }
#pub34567 { visibility: collapse; }
#pub1 { width: 70px; }
#pub3, #pub4, #pub5, #pub6, #pub7 { width: 1px; }
#pubtable img { vertical-align: text-bottom; }

/**/

/**/
table#zowerkt { 
	table-layout: fixed;
	width: 100%;
	border: 0;
	padding: 0;
	margin: 0;
 	border-collapse: collapse;
}
table#zowerkt thead {
	background-color: #eee;
	font-size: 1.1em;
	font-weight: bold;
}
table#zowerkt thead td { padding: 5px 5px 15px 5px; }

table#zowerkt tbody {
	font-size: 1em;
	border-left: 1px solid #ccc;
}
table#zowerkt tbody tr { ; }
table#zowerkt tbody td { 
	padding-left: 10px;
	height: 40px; 
	background-image: url(puntje_ww.png);
	background-repeat: no-repeat;
	background-position: top right;
	}
table#zowerkt tbody td.noborder{
	background-image: url(puntje2_ww.png);
}

table#zowerkt tbody td.p_gw { background-image: url(puntje_gw.png); }
table#zowerkt tbody td.p_gg { background-image: url(puntje_gg.png); }
table#zowerkt tbody td.p_wg { background-image: url(puntje_wg.png); }
table#zowerkt tbody td.p_ww { background-image: url(puntje_ww.png); }
table#zowerkt tbody td.p_ww.noborder { background-image: url(puntje2_ww.png); }
table#zowerkt tbody td.p_gw.noborder { background-image: url(puntje2_gw.png); }

/**/

/* menu in blok */
ul#boxmenu {
	list-style-type: none;
}

ul#boxmenu li a{		/* 1 li item is 23 pixels hoog! */
	display: block;
	width: 100%;
	height: 20px;
	border-top: 1px solid #777;
	color: white;
	text-decoration: none;
	font-size: 1.0em;
	padding: 2px 0 0px 0;
	line-height: 120%;
}
ul#boxmenu li a:hover { background-color: #eee; color: black; text-decoration: none;}
ul#boxmenu li a.active { background-color: #eee; color: black; text-decoration: none;}
ul#boxmenu li a.submenu { color: black; }

.cblok1 ul#boxmenu li:first-child a {
	border: none;
	padding-top: .5em;
}

/**/

/* menu in blok */
ul#boxmenu_themazoek {
	list-style-type: none;
}

ul#boxmenu_themazoek li a{		/* 1 li item is 23 pixels hoog! */
	display: block;
	width: 100%;
	height: 20px;
	border-top: 1px solid #777;
	color: black;
	text-decoration: none;
	font-size: 1.0em;
	padding: 2px 0 0px 0;
	line-height: 120%;
}
ul#boxmenu_themazoek li a:hover { background-color: #eee; color: black; text-decoration: none;}
ul#boxmenu_themazoek li a.active { background-color: #eee; color: black; text-decoration: none;}
ul#boxmenu_themazoek li a.submenu { color: black; }

.cblok1 ul#boxmenu_themazoek li:first-child a {
	border: none;
	padding-top: .5em;
}

/**/

/* */
ul.rpmenu, ul#rpmenu {
	list-style-type: none;
}
ul.rpmenu li, ul#rpmenu li { margin-left: 0; }
ul.rpmenu li a, ul#rpmenu li a{		/* 1 li item is 23 pixels hoog! */
	display: block;
	width: 100%;
	height: 20px;
	border-bottom: 1px solid #777;
	color: black;
	text-decoration: none;
	font-size: 1.0em;
	padding: 2px 0 0 0;
	line-height: 120%;
	text-align: right;
	margin: 0;
}
ul.rpmenu li a:hover, ul#rpmenu li a:hover { background-color: #eee; color: black; text-decoration: none;}
ul.rpmenu li:first-child a, ul#rpmenu li:first-child a{
	border-top: 1px solid #777;
	margin-top: 10px;
}

#contactframe {
	margin: 0;
	border: 0;
	padding: 0;
	width: 280px;
	height: 175px;
}


/* */

@media print {
	body { background-color: #fff; }
	
	/* niet centreren op papier! */
	#wrapout, #wrapin, #cwrapout, #cwrapin { 
		margin: auto;
		width: 100%;
	}
	
	#blok1 {
		width: 31.11%;
		margin-right: 1.6%;
		height: auto;
	}

	#blok2 {
		width: 65.55%;
		margin-left: 1.7%;
		height: auto;
	}

	#rij2 { clear: both; }
	
	#bloka, #blokb, #blokc {
		width: 31.11%;
		height: auto;
	}
	#bloka {
		margin-right: 1.6%;
	}
	#blokb {
		margin-left: 1.6%;
		margin-right: 1.7%;
	}
	#blokc {
		margin-left: 1.6%;
	}
	
	#bloka img, #blokb img, #blokc img { 
		width: 100%; 
	}
	
	#bloka .cblok1, #blokb .cblok1, #blokc .cblok1,
	#bloka .cblok2, #blokb .cblok2, #blokc .cblok2,
	#bloka .cblok3, #blokb .cblok3, #blokc .cblok3 { 
		height: auto; 
	}

	#zowerkt { font-size: .8em; }		
}