html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,label,legend,
table,caption,tbody,tfoot,thead,tr,th,td,object,iframe,img,ins,kbd,q,a,abbr,acronym,address,big, cite,code,tt,var,del,dfn,samp,sub,sup,em,strong,small,strike {margin:0;padding:0;border: 0;outline: 0;font-size: 100%;vertical-align: baseline;background: transparent;}
table{border-collapse:collapse;border-spacing:0;}/* tables still need 'cellspacing="0"' in the markup */
address,caption,cite,code,dfn,th,var{font-style:normal;font-weight:normal;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
blockquote, q {quotes: none;}
:focus {outline: 0;}/* remember to define focus styles! */
ins {text-decoration: none;}/* remember to highlight inserts somehow! */
del {text-decoration: line-through;}
body {line-height: 1;}/* adjust to taste */

body {
	background: #ffffff url() repeat;
	font-family: "Helvetica Neue", Helvetica, sans-serif;
	font-size: 76%;
	text-align: center;
}

p, .col_extra table td {
	font-size: 1em;
	line-height: 1.5em;
	margin-bottom: 1.5em;
}

#container {
	width: 960px;
	margin: 0 auto;
	text-align: left;
	position: relative;
	background-color: #ffffff;
}

/* --------------------- homepage styles --------------------- */



#home_nl h1, #home_en h1 {
	width: 100%;
	height: 84px;
	background: #ffffff url(http://www.terenjavandijk.net/images/uploads/terenja_van_dijk.gif) top left no-repeat;
	text-indent: -6000px;
	margin: 64px 0 32px 0;
}

#home_nl p a:link, #home_nl p a:visited {
	display: block;
	width: 960px;
	height: 69px;
	background: #ffffff url(http://www.terenjavandijk.net/images/uploads/enter_site.gif)  left -119px no-repeat;
	text-indent: -6000px;
	border: none;
}

#home_en p a:link, #home_en p a:visited {
	display: block;
	width: 960px;
	height: 69px;
	background: #ffffff url(http://www.terenjavandijk.net/images/uploads/enter_site_en.gif) left -118px no-repeat;
	text-indent: -6000px;
	border: none;
}

#home_en p a:hover, #home_nl p a:hover {
	background-position: top left;
	border: none;
}

#home_nl p, #home_en p {
	padding: 39px 0 39px 0;
	border: 2px solid #00aeef;
	border-width: 2px 0;
	margin: 0 0 150px 0;
}

/* ------------ lang switch ----------------------------------- */
#switch {
	height: 28px;
	position: relative;
}

#switch a:link, #switch a:visited {
	position: absolute;
	top: 5px;
	right: 0;
	text-decoration: none;
	text-transform: uppercase;
	color: #525252;
	font-size: 0.9em;
}

#switch a:hover {
	color: #000000;
	font-weight: bold;
}

#home_en #switch, #home_nl #switch {
		height: 28px;
		width: 150px;
		position: absolute;
		right: 0;
		top: 455px;
		color:  #000000;
		font-weight: bold;
}

#home_en #switch a, #home_nl #switch a {color: #000000;font-weight: bold;}

/* -------- main result template styles ----------------------- */

#top {
	width: 960px;
	padding: 25px 0 25px 0;
}

body.project #top {
	border: none;
}

#top h1, #top h1 a {
	float: right;
	width: 248px;
	height: 31px;
	display: block;
}

#top h1 a {
	background: #ffffff url(http://www.terenjavandijk.net/images/uploads/terenja_link.png) top right no-repeat;
	text-indent: -6000px;
}

#top h2 {
	width: 400px;
	height: 17px;
	background-color: #ffffff;
	margin: 7px 0 0 0;
	text-transform: uppercase;
	font-size: 1.6em;
	font-weight: bold;
}

#werkwijze #top h2 {
	width: 400px;
}

#top h2 a:link, #top h2 a:visited {
	color: black;
	text-decoration: none;
	display: block;
	width: 130px;
}

#top h2 a:hover {
	color: #eeeeee;
}

#header {
	width: 960px;
	min-height: 165px;
	background-color: #00aeef;
	position: relative;
	overflow: hidden;
	
	padding-bottom: 20px;
}

#extra_link {
	position: absolute;
	right: 0;
	bottom: 0;
	background-color: transparent;
	z-index: 1000;
	text-align: right;
}

#extra_link a:link, #extra_link a:visited {
	color: #000000;
	font-size: 1em;
	text-decoration: none;
	border: none;
	display: block;
	font-weight: bold;
	letter-spacing: +1px;
}

#extra_link a:hover {
	color: #299DE9;
}

.role {
	padding: 10px 0;
	width: 956px;
	border: 2px solid #00aeef;
	border-width: 0 2px;
	color: #ffffff;
	background-color: #000000;
	font-size: 1.2em;
	text-indent: 10px;
}

#summary {
	width: 956px;
	border: 2px solid #00aeef;
	border-width: 0 2px;
	overflow: hidden;
	background-color: #c7eafc;
	position:  relative;
}

#summary img {
	float: left;
	display: block;
	margin: 0 37px 0 0;
}

#summary h4, #summary p {
	margin-right: 37px;
}

#summary h4 {
	margin: 20px 37px 20px 0;
	font-size: 1.1em;
	line-height: 1.4em;
}

#content_top, #content_bottom {
	overflow: hidden;
	
}

#content_top {
	padding: 35px 0;
}

#content_bottom {
	margin: 35px 0 0 0;
	padding: 0;
}

#content_bottom h3, #content_top h3, .col_extra h3 {text-transform: uppercase;font-weight: normal;}

.col_extra h3 {
color: #00aeef;
margin-bottom: 0.5em;}

.right {
	width: 477px;
	float: right;
}

#content_bottom .right {margin-bottom: 35px;}
/* maybe other width in px? */

.left {
	width: 477px;
	float: left;
}

/* maybe other width in px? */

.blue_border {
	width: 960px;
	background: #ffffff url(http://www.terenjavandijk.net/images/uploads/blue_border.png) center top repeat-y;
	padding-bottom: 10px;
}

#content_top .right p, #content_top .right h3, #content_top .right h4 {
	margin-right: 37px;
	margin-left: 10px;
}

#content_bottom .left p, #content_bottom .left h3, #content_bottom .left h4 {
	margin-left: 37px;
	margin-right: 27px;
}

#content_top .right h3, #content_top .right h4, #content_bottom .left h3, #content_bottom .left h4 {
	text-transform: uppercase;
	color: #00aeef;
	margin-bottom: 1em;
	font-size: 1.1em;
	letter-spacing: +1px;
}

#content_top .right h4, #content_bottom .left h4 {
	font-size: 1em;
	margin-bottom: 1em;
}

.hr {
	clear: both;
	height: 2px;
	background-color: #00aeef;
	margin: 0 37px 0 37px;
}

.hr hr {
	display: none;
}

#flash_1 {
	margin: 0 37px 0 37px;
	padding: 0 0 37px 0;
}

#flash_2 {
	margin: 0 0 0 10px;
	padding: 0;
}

#number {
	color: #ffffff;
	font-size: 115px;
	float: left;
	margin: 27px 0 0 30px;
	padding: 0 10px 0 0;
	border-right: 1px solid #000000;
}

.title_container {
	float: left;
	margin: 31px 0 0 25px;
	width: 600px;
}

#main_title {
	color: #ffffff;
	font-size: 26px;
	margin: 10px 0 5px 0;
	line-height: 35px;
	font-weight: bold;
	padding-bottom: 4px;
}

#sub_title {
	color: #c7eafc;
	font-size: 20px;
	line-height: 24px;
	margin: -15px 0 0 0;
}

#host {
	font-size: 17px;
	width: 700px;
}

/* ----- footer has moved to top !! styles -------------------------------- */

#footernav {
	width: 960px;
	border: 2px solid #00aeef;
	border-width: 2px 0;
	overflow: auto;
	
	white-space: nowrap;
	margin-bottom: 20px;
}

#footernav li {
	display: block;
	float: left;
	list-style-type: none;
	text-transform: uppercase;
}

#footernav a:link, #footernav a:visited {
	display: block;
	white-space: nowrap;
	font-weight: bold;
	float: left;
	background: #fff;
	font-size: 1em;
	color: #00aeef;
	text-decoration: none;
	padding: 10px 15px 10px 5px;
	background: transparent url(http://www.terenjavandijk.net/images/uploads/divider.png) 98% 50% no-repeat;
}

#footernav #first_link a {padding-left: 0;}

#footernav li a.last {
	padding-right: 0;
	background-image: none;
}

#footernav a:hover, #footernav #selected a {
	color: #000000;
}

#round_bottom {
	width: 960px;
	background: transparent url(http://www.terenjavandijk.net/images/uploads/rounded_border_bottom.png) top center no-repeat;
	padding: 40px 0 25px 0;
	clear: both;
}


/*--------- werkveld styles ------------------------- */

#werkveld #result_wrapper ul {
	overflow: hidden;
	width: 960px;
}

#werkveld #result_wrapper ul li {
	float: left;
	display: inline;
	width: auto;
	white-space: nowrap;
	font-weight: bold;
}

#werkveld #result_wrapper ul li a:link, #werkveld #result_wrapper ul li a:visited {
	float: left;
	display: block;
	width: auto;
	white-space: nowrap;
	text-decoration: none;
	margin: 20px 10px 20px 0;
	padding: 5px 35px 25px 0;
	font-size: 1.7em;
	color: #828282;
	background: url(http://www.terenjavandijk.net/images/uploads/blue_divider.gif) no-repeat 100% 15%;
	border: none;
}

#werkveld #result_wrapper ul li a:hover {
	color: #000000;
}

#werkwijze #result_wrapper {
	margin-top: 25px;
}

.col_extra {
	margin: 25px 50px 0 50px;
}

#werkwijze #result_wrapper h3{
	font-size: 1.3em;
	color: #00aeef;
	margin-bottom: 0.5em;
}

h3 a:link, h3 a:visited {
	color: #00aeef;
	margin-bottom: 0.5em;
	text-decoration:  none;
	font-size: 0.9em;
}

h3 a:hover {
	color: #000000;
}

#werkwijze #result_wrapper p, #werkwijze #result_wrapper ul, .col_extra p, .col_extra ul, #content_bottom ul {
	color: #494949;
}

#werkwijze #result_wrapper ul li, .col_extra ul li, #content_bottom ul li {
	padding: 0 0 0 0;
	line-height: 1.5em;
}

#werkwijze #result_wrapper ul, .col_extra ul, #content_bottom ul  {
	margin-bottom: 1.5em;
}


#werkwijze #result_wrapper dl {
	margin: 1em 0 2em;
	padding: 0 0 25px 0;
	border-bottom: 1px solid #cccccc;
}

#werkwijze #result_wrapper .left dl {
	border-bottom: 1px solid #cccccc;
	width: 425px;
}

#werkwijze #result_wrapper dl dt {
	color: #000000;
	position: relative;
	left: 0;
	top: 1.1em;
	width: 7em;
	font: bold 1.1em "Helvetica Neue", Helvetica, sans-serif;
}

#werkwijze #result_wrapper dl dd {
	font-family: "Helvetica Neue", Helvetica, sans-serif;
	font-size: 1.1em;
	line-height: 1.5em;
	color: #494949;
	margin: -2px 5em 0 7em;
	padding: 0 0 0 .5em;
}

#werkwijze #result_wrapper #col_l {
	float: left;
	width: 460px;
	margin-right: 40px;
}

#werkwijze .samenwerking p {
	margin: -5px 0 20px 0;
	padding: 0 0 20px 0;
	border-bottom: 1px solid #cccccc;
}

#werkwijze .samenwerking p em {
	color: #000000;
	font-weight: bold;
	font-size: 1em;
}

#foo, #bar {padding-bottom: 20px;}


#werkwijze #result_wrapper .pers dd, #werkwijze #result_wrapper.pers dt {
	float: none;
	position: static;
	margin: 0;
	padding: 0;
	font-size: 1.1em;
}

#werkwijze #result_wrapper .pers dt {
	width: 600px;
	margin: 5px 0 18px 0;
	clear: both;
}

#werkwijze #result_wrapper .pers dd img {
	float: left;
	display: block;
	margin: 5px 20px 5px 0;
}

#werkwijze #result_wrapper .pers {
	overflow: auto;
	
}

h3 + h3 {padding-top: 20px;}

/* general link styles */

p a:link, td a:link, p a:visited, td a:visited, #result_wrapper ul li a:link, #result_wrapper ul li a:visited, dd a:link, dd a:visited, h4 a:link, h4 a:visited {
	color: #2489CB;
	text-decoration: none;
	border-bottom: 1px  dotted #2489CB;
}

p a:hover, td a:hover, #result_wrapper ul li a:hover, dd a:hover, h4 a:hover{
	color: #000000;
	text-decoration: none;
	border-bottom: 1px solid #000000;
}

a.pdf_link {
	padding: 2px 20px 2px 0;
	line-height: 20px;
	background: transparent url(http://www.terenjavandijk.net/images/uploads/pdf.gif) center right no-repeat;
}

/* blockquote */

.t_quote {
	color: #525252;
	font-style: italic;
}

p small {
	font-size: 0.8em;
}

/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* Hide Adblock Object tab*/

.sIFR-flash + div[adblocktab=true] {
	display: none !important;
}

/* These "decoy" styles are used to hide the browser text  */

#header .sIFR-hasFlash h3 {
	visibility: hidden;
	letter-spacing: -6px;
	font-size: 30px;
}

#header .sIFR-hasFlash h4 {
	visibility: hidden;
	letter-spacing: -20px;
	font-size: 20px;
}

#header .sIFR-hasFlash div {
	visibility: hidden;
	letter-spacing: -6px;
	font-size: 75px;
}

.sIFR-hasFlash #main_title, .sIFR-hasFlash #sub_title, .sIFR-hasFlash #host, .sIFR-hasFlash #number {visibility: hidden;}


th, td {
	padding: 5px 0;
}

table {
	margin: 1em 0;
	width: 95%;
}

.uc {text-transform: uppercase;}
