@charset "utf-8";
/* CSS Document */

*
{
	margin:0px;
	padding:0px;
}

a:hover
{
	text-decoration:none;	
}

img
{
	border:none;
}

#wrapper
{
	width:970px;
	margin-left:auto;
	margin-right:auto;
	margin-top:2px;
	position:relative;
	font-family:Verdana, Geneva, sans-serif;
	font-size:10pt;
	color:#333333;
}

#header
{
	width:970px;
	height:182px;
	position:absolute;
	left:0px;
	top:0px;
	z-index:100;
	outline:none;
}

.border
{
	padding-left:6px;
	padding-right:6px;
}

#header .border .top-left
{
	width:7px;
	height:7px;
	background:url(../interface/interface-elements.gif);
	background-position: -7px -7px;
	background-repeat:no-repeat;
}

#header .border .top-center
{
	width:944px;
	height:7px;
	background:url(../interface/horizontal-sprite.gif);
	background-position: 0px -7px;
	background-repeat:repeat-x;	
}

#header .border .top-right
{
	width:7px;
	height:7px;
	background:url(../interface/interface-elements.gif);
	background-position: -7px 0px;
	background-repeat:no-repeat;	
}

#header .border .middle-left
{
	width:7px;
	height:170px;
	background:url(../interface/vertical-sprite.gif);
	background-position:0px 0px;
	background-repeat:repeat-y;
}

#header .border .middle-center
{
	width:936px;
	height:170px;
	padding-left:4px;
	padding-right:4px;
}

#header .border .middle-right
{
	width:7px;
	height:170px;
	background:url(../interface/vertical-sprite.gif);
	background-position:-7px 0px;
	background-repeat:repeat-y;	
}

#header #logo
{
	width:240px;
	height:120px;
	float:left;
	margin-top:2px;
}

#header #noflash
{
	height:122px;
	width:696px;
	float:left;	
}

#header #noflash p
{
	width:583px;
	float:left;	
	margin-top:46px;
	padding-left:19px;
}

#header #noflash #adobe
{
	background:url(../interface/interface-elements.gif);
	background-repeat:no-repeat;
	background-position:-16px 0px;
	width:54px;
	height:52px;
	float:left;
	margin-left:40px;
	margin-top:40px;
}

#header .navigation
{
	float:left;
	width:936px;
	height:48px;
	position:relative;
	z-index:200;
	font-size:10pt;
}

#header .navigation ul
{
	list-style-type:none;
	list-style-image:none;
}

#header .navigation li
{
	float:left;
	position:relative;
}

#header .navigation li.level-0
{
	position:static; 
}

#header .navigation a
{
	display:block;
	text-decoration:none;
	width:156px;
	color:#FFFFFF;
}

#header .navigation a:hover
{
	background-color:#FFFFFF;
}

#header .navigation ul.level-0-group
{
	width:636px;
	height:20px;
	position:absolute;
	top:0px;
	left:0px;
	padding-left:300px;
}

#header .navigation .section
{
	height:19px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #999999;
	border-right-color: #999999;
	border-left-color: #999999;
	width:100px;
	margin-right:20px;
	color:#999999;
	text-align: center;
}

#header .navigation a.selected
{
	height:19px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	width:100px;
	margin-right:20px;
	color:#FFFFFF;
	text-align: center;
}

#header .navigation a.selected:hover,
#header .navigation .section:hover
{
	color:#FFFFFF;
}

#header .navigation ul.level-1-group
{
	width:936px;
	height:28px;
	position:absolute;
	top:20px;
	left:0px;
}

#header .navigation ul.level-1-group a
{
	width:116px;
	height:22px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #FFF;
	padding-top:6px;
	text-align:center;
}

#header .navigation ul.level-1-group a.selected
{
	width:116px;
	height:22px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #FFF;
	border-right-style: none;
	border-top-style: none;
	padding-top:6px;
	text-align:center;
	margin-right:0px;
	background-color:#FFFFFF;
}

#header .navigation ul.level-2-group
{
	width:156px;
	position:absolute;
	top:28px;
	left:0px;
	visibility:hidden;
	height:0px;
}

#header .navigation ul.level-2-group a
{
	width:149px;
	height:auto;
	padding-bottom:6px;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-color: #FFF;
	border-left-color: #FFF;
	border-top-width: 1px;
	border-top-color: #FFF;
	text-align:left;
	padding-left:6px;
}

#header .navigation ul.level-2-group a.selected
{
	width:149px;
	height:auto;
	padding-bottom:6px;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-color: #FFF;
	border-left-color: #FFF;
	border-top-width: 1px;
	border-top-color: #FFF;
	text-align:left;
	padding-left:6px;
}

#header .navigation ul.level-3-group
{
	width:156px;
	position:absolute;
	top:0px;
	left:156px;
	visibility:hidden;
	height:0px;
}

#header .navigation li.level-1:hover ul.level-2-group,
#header .navigation a:hover ul.level-2-group
{
	visibility:visible;
}

#header .navigation li.level-1:hover li.level-2:hover ul.level-3-group,
#header .navigation a:hover a:hover ul.level-3-group
{
	visibility:visible;
}

#center
{
	width:970px;
	margin-top:177px;
	float:left;
	position:relative;
}

#center .border .middle-left
{
	width:7px;
	background:url(../interface/vertical-sprite.gif);
	background-position:0px 0px;
	background-repeat:repeat-y;	
}

#center .border .middle-center
{
	width:936px;
	padding-left:4px;
	padding-right:4px;	
}

#center .border .middle-right
{
	width:7px;
	background:url(../interface/vertical-sprite.gif);
	background-position:-7px 0px;
	background-repeat:repeat-y;		
}

#center #breadcrumb
{
	width:936px;
	height:17px;
	padding-top:5px;
	background-color:#fcf5e1;
	margin-bottom:6px;
	color:#c49a5a;
	font-size:9pt;
}

#center #breadcrumb ul
{
	list-style-image: none;
	list-style-type: none;	
}

#center #breadcrumb li
{
	display:block;
	float:left;	
}

#center #breadcrumb a
{
	padding-left:5px;
	padding-right:5px;
	color:#c49a5a;
}

#center #breadcrumb a:hover
{
	text-decoration:none;
}

#center #content
{
	width:936px;
	background:url(../interface/vertical-sprite.gif);
	background-repeat:repeat-y;
	background-position:-42px 0px;
	margin-bottom:41px; 
	margin-top: 6px;
}

#content #photocolumn
{
	width:200px;
	float:left;
	padding-top:64px;
	padding-bottom:34px;
}

#photocolumn .photo
{
	width:162px;
	padding-left:19px;
	padding-right:19px;
	padding-bottom:25px;
}

#photocolumn .photo .top
{
	width:162px;
	height:7px;
	background:url(../interface/interface-elements.gif);
	background-repeat:no-repeat;
	background-position:0 -50px;
}

#photocolumn .photo .middle-left
{
	width:7px;
	background:url(../interface/vertical-sprite.gif);
	background-repeat:repeat-y;
	background-position:-14px 0px;
}

#photocolumn .photo .middle-center
{
	width:148px;
	padding-left:0px;
	padding-right:0px;
}

#photocolumn .photo .middle-right
{
	width:7px;
	background:url(../interface/vertical-sprite.gif);
	background-repeat:repeat-y;
	background-position:-21px 0px;	
}

#photocolumn .photo .bottom
{
	width:162px;
	height:7px;
	background:url(../interface/interface-elements.gif);
	background-repeat:no-repeat;
	background-position:0px -57px;	
}

#photocolumn .photo .text
{
	font-size:8pt;
	padding-left:7px;
	padding-right:7px;
	display:block;
}

#content #text
{
	width:698px;
	float:left;
	padding-bottom:59px;
	padding-left:26px;
	padding-right:12px;
	line-height:18pt;
	position:relative;
}

#content #text li
{
	margin-left:16px;
	color:#00FF00;
}

#content #text li p
{
	color:#333333;
}

#content #text h2
{
	padding-top:17px;
	font-size:18pt;
	padding-bottom:1px;
	color:#6a301f;
	font-weight: normal;
	letter-spacing: 2pt;
}

#content #text h3,
#content .q_title,
#content .o_title
{
	font-size:12pt;
	padding-top: 20px;
	padding-bottom: 3px;
	font-weight: normal;
	letter-spacing: 1pt;
}

#content .q_status
{
	position:absolute;
	bottom: 55px;
	left: 531px;
	text-align:right;
	width: 150px;
	color: #9c9c9c;
}

#content .q_submit
{
	margin-top: 10px;
	width: 190px;	
}

#content .question
{
	margin-bottom: 10px;
}

#content .a_number
{
	padding-top: 5px;
	width: 30px;
	float: left;
}

#content .a_desc
{
	width: 668px;
	float: left;
	margin-bottom: 10px;
}

#content .answer
{
	width: 698px;
	clear:both;	
}

/*

deze stijlen moeten gekopieerd worden naar de template, tevens een class="q_submit" toevoegen op submit knop -> peter
tevens aan het eind van de test bij de header "resultaat" toevoegen in de bestaande span style?

bij het resultaat de <br> verwijderen welke boven "terug" staat

*/

#content .q_title,
#content .o_title
{
	color: #E06D5E;
}

/*

EINDE deze stijlen moeten gekopieerd worden naar de template

*/

#content #text .title2
{
	font-size:14pt;
	color:#c49a5a;
}

#content .t_select
{
	width: 200px;
	height: 50px;
	margin-top:19px;
}

#content .t_select a
{
	width: 125px;
	height: 39px;
	display: block;
	background:url(../interface/test-button-jouwwijze.gif);
	background-position:top left;
	background-repeat:no-repeat;
	color:#FFF;
	padding-left:75px;
	padding-top:11px;
}

#content #clear
{
	clear:both;
}

#content #footer
{
	width:970px;
	height:100px;
	position:absolute;
	bottom:0px;
	left:0px;
	z-index:50;
}

#footer #logos
{
	width:957px;
	height:65px;
	padding-right:13px;
}

#footer #logos img
{
	float:right;
	padding-left:10px;
}

#footer #logos #logo-bottom
{
	width:120px;
	height:65px;
	float:right;
}

#footer .navigation
{
	width:970px;
	height:35px;
	position:relative;
	z-index:75;
}

#footer .navigation #links
{
	width:936px;
	height:29px;
	margin-left:17px;
	margin-right:17px;
	padding-top:6px;
	position:absolute;
	top:0px;
	left:0px;
	color:#FFFFFF;
	font-size:10pt;
	text-align: right;
}

#footer .navigation #links ul
{
	list-style-image: none;
	list-style-type: none;		
}

#footer .navigation #links li
{
	display:block;
	float:left;		
}

#footer .navigation #links a
{
	color:#FFFFFF;
	padding-left:5px;
	padding-right:5px; 
}

#footer .navigation #links a:hover
{
	text-decoration:none; 
}