body
{
	margin:		0;
	padding:	0;
	
	background-color:	#e7e7e8;
	background-image:       url('images/background.png');
	background-position: center;
	background-repeat:	repeat-y;
	
	margin-left:    auto;
	margin-right:	auto;

	font-family:	Helvetica, Arial, sans-serif;
}

div#menu

{
  display:            block;
  width:              900px;
  margin-top:	35px;
  background-color:   #fff;
  padding:             0;
}

div#header
{
	display:	block;
	
	width:	1000px;
	height: 150px;
	margin: 0 auto;

	padding:	0;
	margin-left:	auto;
	margin-right:	auto;

	overflow:	auto;
}

div#header img#logo
{
	float:	left;
	
	margin-right:	20px;
	padding: 0;
	margin-left: 100px;
	margin-top: 20px;
	border: 0px;
}

div#header img#logoAccessibility
{
	float:	right;
	
	margin-right:	20px;
	padding: 0;
	margin-left: 160px;
	margin-top: 7px;
	border: 0px;
}

div#header h1
{
	margin:		0;
	padding:	0;
	
	margin-top:	35px;
	
	font-weight:	bold;
        font-size:      160%;
	color:          #1c4b7a;
}

div#header h1 em
{
	color:	#51AE27;
	
	font-style:	normal;
	font-weight:	bold;
}

/* div#header p#ondertitel
{
	display:	block;
	
	margin:		0;
	padding:	0;
	
	margin-top:	5px;
	
	color:	#000;

	font-size:		80%;
	font-weight:	normal;
}    */

#skipnav a, #skipnav a:hover, #skipnav a:visited
{
position:absolute;
left:0px;
top:-500px;
width:1px;
height:1px;
overflow:hidden;
}

#skipnav a:active, #skipnav a:focus
{
position:static;
width:auto;
height:100%;
}


/*div#nav
{
    padding:	0;
	margin:		0;
	margin-top:	-3px;
	
	background-color:	#457D2B;

	min-height:	10px;

	overflow:	visible;  
}

div#nav_wrapper
{
	background-color:	#457D2B;
    width: 100%;

	overflow:	visible;	
}

div#nav ul
{
	list-style-type:	none;

	overflow:	hidden;
	padding:	0;
	margin:		0;
	
	display:	block;
	
	width:	900px;
	
	margin-left:	auto;
	margin-right:	auto;

	list-style-type:	none;

	overflow:	hidden;

	font-size:	80%;
}

div#nav ul li
{
	margin:		0;
	padding:	0;
	width: 140px;
	text-align: center;
	float:	left;

}

  
div#nav ul li a
{
	display:	block;
        border-width:	0;
	border-right-width:	1px;
	border-left-width:	1px;
        border-color:	#519332;
	border-style:	dashed;
	padding:	0;
	margin: 0;
	color:	white;
	padding:	5px;
	padding-top:	10px;
	padding-bottom:	10px;

	text-decoration:	none;
}


div#nav ul li a:hover, div#nav ul li a:focus
{
	background-color:	#457D2B;
        border-right-width:	1px;
	border-left-width:	1px;
        border-color:	#519332;

	text-decoration:	underline;
}

div#nav ul li a.selected
{
	background-color:	#457D2B;
	border-right-width:	1px;
	border-left-width:	1px;
        border-color:	#519332;
	text-decoration:        underline;

}



div#nav ul li a.last
{
	display:	block;
	border-width:	0;
        border-left-width:	1px;
        border-right-width:	1px;
        border-color:	#519332;
	border-style:	dashed;
	padding:	0;
	margin:		0;
	
	padding:	5px;
	padding-top:	10px;
	padding-bottom:	10px;

	text-decoration:	none;
}*/

div#nav
{
        display:	block;

        background-color: #edf6ff;
	
	margin:		0 auto;
	padding:	0;
	
	width:	        1000px;
}



div#nav ul
{

	
	padding-left:	0px;
	padding-right:	0px;

	list-style-type:none;

	overflow:	hidden;
}


div#nav ul li
{
	margin:		0 auto;
	padding:	0;
	
	border-width:	0;
	
	float:	left;
}

div#nav ul li a
{
	display: block;
	
	width:	150px;
	
	padding:	5px;
	padding-top:	10px;
	padding-bottom:	10px;

	text-align:	center;

	border-width:	0;
	border-right-width:	0px;
	border-color:	#edf6ff;
	border-style:	solid;
	
	color:	#000;
	
        font-family:            arial,verdana,sans-serif;
        font-weight:            bold;
	text-decoration:        none;

	font-size:	80%;


}

div#nav ul li a:hover, div#nav ul li a:focus
{
/*	background-color:	#51AE27;*/

	border-color:	#edf6ff;
	
	text-decoration:underline;
	
	border-style:	solid;
	
}

div#nav ul li a.selected
{
	border-color:	#edf6ff;

	font-weight: bold;
	text-decoration:underline;
	
	border-style:	solid;
	
}

div#nav ul li a.last
{
	border-width:	0;
}

div.container
{
	width:	750px;
	background-color: #fff;
	margin:		0;
	padding:	0;

	
	margin-left:	auto;
	margin-right:	auto;
	
        margin-top:	2em;
	margin-bottom:	2em;

	overflow:	auto;
}

div.container.onderzoekers
{
	width:	        400px;
	margin:		0;
	padding:	0;

	
	margin-left:	auto;
	margin-right:	auto;
	
        margin-top:	1em;
	margin-bottom:	2em;

	overflow:	auto;
}

div.container h2
{
	display:	block;
	
	margin-top:		0.5em;
	margin-bottom:	0.5em;
	

	font-size:	100%;
	color:          #2e4d6c;
}



div.container h2 a
{
	color:	#285082;
}

div.container h3
{
	display:	block;

	margin-top:		0.5em;
	margin-bottom:	0.5em;

	font-size:	90%;
	color:          #2e4d6c;
}

div.container h3 a
{
	color:	#2e4d6c;
}

div.container p
{
	display:	block;
	
	margin-top:		0;
	margin-bottom:	0.5em;
	
	font-size:	80%;
	
	line-height:	150%;
}

div.helebreedte
{
	padding-top:	1px;
	padding-bottom:	1px;
	
	background-color:	#DDD;
	

	margin-bottom:	0.5em;
	
	overflow:	auto;
}

div.video
{
	float:	left;
	
	margin-right:	10px;
	margin-top:		10px;
}


div.container div.kolom
{
	padding-top:	10px;
	padding-left:	20px;
	padding-right:	20px;
	padding-bottom:	10px;
	
	margin-top:	0.5em;
	margin-bottom:	0.5em;
	
	width:	250px;
			
	border-color:	#62b1ff;
	border-width:	1px;
	border-style:	solid;
	
        background-color: #f4f9ff;
	
	color:	#000;
	
	font-size:	90%;
	
	-webkit-border-radius:	        20px;
	-moz-border-radius:		20px;
	border-radius:			20px;
}

div.container div.kolomgrijs

{
	padding-top:	10px;
	padding-left:	20px;
	padding-right:	20px;
	padding-bottom:	10px;

	margin-top:	0.5em;
	margin-bottom:	0.5em;
	
	width:	270px;
			
	border-color:	#fafafa;
	border-width:	1px;
	border-style:	solid;
	
	background-color:	#fafafa;
	
	color:	#000;
	
	font-size:	80%;
	
	-webkit-border-radius:	20px;
	-moz-border-radius:		20px;
	border-radius:			20px;
}
div.kolomgrijs h2
{
	display:	block;
	
	margin-top:		0.5em;
	margin-bottom:	0.5em;
	

	font-size:	100%;
	color:          #2e4d6c;
}

div.container div.onderzoekenkolom
{
	padding-top:	10px;
	padding-left:	20px;
	padding-right:	20px;
	padding-bottom:	10px;
	
	margin-top:	0.5em;
	margin-bottom:	0.5em;
	
	width:	450px;
			
        /* border-color:	#B96900; */
        border-color:           #fafafa;
	border-width:	1px;
	border-style:	solid;

	 background-color:	#fafafa;
	
	color:	#102840;
	
	font-size:	90%;
	
	-webkit-border-radius:	20px;
	-moz-border-radius:		20px;
	border-radius:			20px;
}

div.onderzoekenkolom h2
{
  text-decoration: underline;
}

div.container div.wit
{
	background-color:	white;
	border-width:	0;
}

div.container p.centreer
{
	text-align:	center;
}

div.container p.klein
{
	font-size:	70%;
}

/*div.kolom h2
{
	color:	#CE8C00;
}*/

div.container .rechts
{
	float:	right;
	
	margin-left:	15px;
}


div.container .links
{
	float:	left;

	margin-right:	15px;
}

div.container img
{
	border-width:	0;
	
	padding:	5px;
}

div.container a
{
	color:	#102840;
	
	text-decoration:	underline;
}

div.container a.knop
{
	display:	block;
	
	width:	8em;
	
	margin-left:	auto;
	margin-right:	auto;
	margin-top:		1em;
	margin-bottom:	0.5em;
	
	padding:	5px;
	
	background-color:	#1C4B7A;
	
	color:	#FFF;
	
	font-weight:	bold;
	font-size:		110%;
	
	text-align:	center;
	text-decoration:	none;
	
	-webkit-border-radius:	10px;
	-moz-border-radius:		10px;
	border-radius:			10px;
	
	border-width:	1px;
	border-color:	#1C4B7A;
	border-style:	solid;
}

div.container a.voorbeeldknop
{
	display:	block;
	
	width:	7em;

	margin-left:	auto;
	margin-right:	auto;
	margin-top:		1em;
	margin-bottom:	0.5em;
	
	padding:	5px;

	background-color:	#1C4B7A;
	
	color:	#FFF;
	
	font-weight:	bold;
	font-size:		80%;
	
	text-align:	center;
	text-decoration:	none;
	
	-webkit-border-radius:	10px;
	-moz-border-radius:		10px;
	border-radius:			10px;
	
	border-width:	1px;
	border-color:	#1C4B7A;
	border-style:	solid;
}

div.container a.knop:hover, div.container a.voorbeeldknop:hover, div.container a.focus
{
	background-color:	#3e6d9c;
	border-color:           #3e6d9c;
	
	text-decoration:	none;
}

div.container .clearleft
{
	clear:	left;
}

div.container .clearright
{
	clear:	right;
}

div.container .clearboth
{
	clear:	both;
}

div.container table
{
	width:	80%;
	
	margin-top:		1em;
	margin-bottom:	1em;
	margin-left:	auto;
	margin-right:	auto;
	
	background-color:	#FFF;
	
	color:	#000;
	
	border-spacing:	0;
	
	font-size:	80%;
}

div.container table thead
{
	text-align:	left;
	
	background-color:	#CCC;
}

div.container table thead th
{
	border-width:	0;
	border-bottom-width:	1px;
	border-color:	black;
	border-style:	solid;
	
	padding:	5px;
}

div.container table tbody tr td
{
	padding:	5px;
}

div.container table tbody tr td.label
{
	width:	12em;
}

div.container ul
{
	padding:	0;
	margin:		0;
	
	padding-left:	15px;
	font-size:      80%;
	list-style-type: square;
	color:           #000000;
}

div.container ol
{
	padding:	0;
	margin:		0;

	padding-left:	30px;
	font-size:      80%;

}

div.container form
{
	font-size:	80%;
	
	overflow:	hidden;
}

div.container form label
{
	float:	left;
	
	clear:	left;
	
	display:	block;
	
	width:	7em;
	
	text-align:	right;
	
	margin-bottom:	21px;
	
	position:	relative;
	
	top:	7px;
}

div.container form input
{
	float:	left;
	
	margin-left:	10px;
	
	font-size:	120%;
	
	width:	25em;
	
	padding:	5px;
	
	border-color:	#999;
	border-width:	1px;
	border-style:	solid;
}

div.container form input.korter
{
	width:	6em;
}

div.container form textarea
{
	float:	left;
	
	margin-left:	10px;
	
	border-color:	#999;
	border-width:	1px;
	border-style:	solid;
	
	font-size:	120%;

	margin-bottom:	2em;
	
	padding:	5px;
	
	width:	40em;
}

div.container form button
{
	display:	block;
	
	clear:	both;
	
	margin-top: 150px;
        margin-left:	0px;
	margin-right:	auto;
	
	text-align:	center;
	
	position:	relative;
	
	top:	0em;
	
	margin-bottom:	1em;
}

div.container form fieldset
{
	border-width:	0;
}

div.container form fieldset legend
{
	display:	block;
	
	margin:		0;
	padding:	0;
	
	padding-bottom:	1em;
	
	float:	none;
	
	position:	relative;
	
	top:	0;
	left:	0;
	right:	0;
	bottom:	0;
	
	font-size:	100%;
	font-weight:	bold;
	
	color:	#CE8C00;
}

div.container form div.error
{
	padding:	15px;
	
	margin-bottom:	1em;
	
	-webkit-border-radius:	5px;
	-moz-border-radius:		5px;
	border-radius:			5px;
	border-width:			1px;
	border-style:			solid;
	border-color:			#8B0604;
	
	color:	#8B0604;
	
	background-color:	#FFF0F0;
}



div.container form fieldset.bestellen
{
	margin:		0;
	padding:	0;
	
	margin-top:		1em;
	margin-bottom:	1em;
}

div.container form fieldset.bestellen legend
{
	color:	#2E4D6C;
	
	padding:	0;
		
	font-weight:	normal;
	font-size:		120%;
}

div.container form fieldset.bestellen ul
{
	list-style-type:	none;

	font-size:	100%;
}

div.container form fieldset.bestellen ul li
{
	margin-bottom:	0.8em;
}

div.container form fieldset.bestellen label
{	
	display:	block;
	
	width:	100%;
	
	float:	none;
	
	text-align:	left;

	font-weight:	bold;
	
	color:	#2E4D6C;
}

div.container form fieldset.bestellen input.radio
{
	float:	none;
	
	margin:		0;
	padding:	0;
	
	width:	auto;
}

div.container form fieldset.bestellen label.radio
{
	float:	none;
		
	display:	inline;

	margin:		0;
	padding:	0;

	text-align:	left;
	
	top:	1px;
	left:	5px;
	
	font-weight:	normal;
	
	color:	#000;
}

div.container form input.error
{
	border-width:	2px;
	border-style:	solid;
	border-color:	#8B0604;
}


div.container form textarea.error
{
	border-width:	2px;
	border-style:	solid;
	border-color:	#8B0604;
}

/*div.container form fieldset#bestellen
{
	float:	left;
	
	width:	450px;
	
	overflow:	hidden;
}

div.container form fieldset#bestellen label
{
	width:	8em;

	top:	5px;
}

div.container form fieldset#bestellen input
{
	width:	280px;
}

div.container form input.error
{
	border-width:	2px;
	border-style:	solid;
	border-color:	#8B0604;
}

div.container form fieldset#bestellen textarea
{
	width:	280px;
	
	font-size:	120%;
}

div.container form textarea.error
{
	border-width:	2px;
	border-style:	solid;
	border-color:	#8B0604;
}

div.container form fieldset#bestellen select
{
	clear:	none;
	
	float:	left;
	
	margin-left:	10px;
	
	margin:	5px;
	
	border-color:	#999;
	border-width:	1px;
	border-style:	solid;

	position:	relative;
	
	left:	5px;
	
	background-color:	#FFF;
}

div.container form fieldset button.actie
{
	clear:	none;
	
	float:	left;
	
	margin-top:		5px;
	margin-left:	10px;
}

div.container form fieldset button.hidden
{
	visibility:	hidden;
}


div.container form fieldset#kosten
{
	float:	right;
	
	width:	300px;
}*/

div.container form button#bestelknop
{
/*	margin-top:	30px;
	
	font-size:	110%;
	font-weight:	bold;
	
	padding:	10px;
	padding-left:	50px;
	
	background-image:	url('images/shopping_cart.png');
	background-repeat:	no-repeat;
	background-position:	5px 50%;
	background-color:	#FAFAFA;

	border-width:	1px;
	border-color:	#51AE27;
	border-style:	solid;
	
	-webkit-border-radius:	5px;
	-moz-border-radius:	5px;
	border-radius:	5px;*/
	
	display:	block;
	
	width:	8em;
	
	margin-left:	auto;
	margin-right:	auto;
	margin-top:		30px;
	margin-bottom:	0.5em;
	
	padding:	5px;
	
	background-color:	#1c4b7a;
	
	color:	#FFF;
	
	font-weight:	bold;
	font-size:		120%;
	
	text-align:	center;
	text-decoration:	none;
	
	-webkit-border-radius:	10px;
	-moz-border-radius:		10px;
	border-radius:			10px;

	border-width:	1px;
	border-color:	#1c4b7a;
	border-style:	solid;
	
	cursor:	pointer;
}

div.container form button#bestelknop:hover, div.container form button#bestelknop:focus
{
	background-color:	#3e6d9c;
	
	text-decoration:	none;
}

div.container tbody tr td ul li
{
	font-size:	120%;
}


div#footer
{
	clear:	both;
	
	font-size:	70%;
	width:         1000px;
	margin: 0 auto;
	
	color:	#999;
	
	text-align:	center;

	border-width:		0;
	border-top-width:	10px;
	border-color:		#edf6ff;
	border-style:		solid;
	
	padding-top:	5px;
	
	margin-top:		20px;
	margin-bottom:	20px;
}

div#footer a
{
	color:	#102840;

	text-decoration: none;

	
}

div.footer div.footerkolom
{
	color:	#102840;

	text-decoration: none;
	border:          none;
	padding-top:	5px;
	
	margin-top:		20px;
	margin-bottom:	20px;
	
}