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

/***-- DEFAULT / MAIN ---***/
html, body {
	height: 100%;
	background: #f3f5f6;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 16px;
	background: url(../images/body-background.gif) repeat-x top;
}

#wrapper		{ width: 954px; margin: 0 auto; position: relative; }

/*- Text -*/
h1		{ font-size: 1.65em; margin: 15px 0; }
h2		{ font-size: 1.25em; margin: 15px 0; }

p, ul			{ margin: 15px 0; }
#content ul		{ padding: 0 30px; list-style: disc; }
#content ul ul	{ list-style: circle; }

a		{ color: #154273; }
a:hover	{ color: #0162CD; }

/*- Form -*/
label	{ display: block; font-weight: bold; margin-bottom: 2px; }
input	{ margin-bottom: 5px; }

/***--- HEADER / BREADCRUMBS / NAV ---***/
a.menu-anchor	{ position: absolute; left: -9999em; }

/*- Header -*/
#header							{ width: 940px; padding: 0 7px; position: absolute; top: 10px; left: 0; background: url(../images/main-background.png) repeat-y; }
#header .visual					{ height: 220px; background: url(../images/visual-commercial-004.jpg) no-repeat center; }
#header .visual.home			{ height: 220px; background: url(../images/visual_watkanikdoen_home.gif) no-repeat center; }
.jongeren #header .visual		{ background: url(../images/visual-commercial-005.jpg) no-repeat center; }

a.logo			{ position: absolute; left: 50%; margin-left: -61px /* helft van afbeelding */; }

/*- Nav -*/
#nav			{ width: 940px; height: 45px; padding: 0 7px; position: absolute; z-index: 10; top: 230px; left: 0; background: url(../images/main-background.png) repeat-y; }
.flash-test #nav	{ height: 40px; }

/*- Level 0 -*/
#nav ul.main-nav	{ height: 45px; background: url(../images/nav-background.gif) repeat-x; padding: 0 20px; margin: 0; }
.flash-test #nav ul.main-nav	{ height: 40px; background: #212121; background-image: none; }
#nav li				{ float: left; padding: 11px 0; }
#nav a {
	display: block;
	color: #fff;
	text-decoration: none;
	padding: 0 11px 2px;
	text-transform: uppercase;
	font-weight: bold;
	border-right: 1px solid #a6a6a6;
}
#nav a:hover, #nav a.active {
	color: #929292;
}
#nav .right a	{ border: none; }

/*- Level 1 -*/
#nav ul ul.sub-nav		{ width: 900px; position: absolute; background: #666; top: 40px; left: 0; margin: 0 7px; padding: 4px 20px 6px; display: none; border-bottom: 1px solid #ccc; }
#nav ul.sub-nav li		{ padding: 0 10px; border-right: 1px solid #fff; }
#nav ul.sub-nav a		{ padding: 0; text-transform: none; }
#nav ul.sub-nav a:hover, #nav ul.sub-nav a.active	{ color: #000; }

/*- Show -*/
#nav li:hover ul, .jongeren #nav li ul,ul.open		{ display: block !important; }

/*- Breadcrumbs -*/
#breadcrumbs	{ padding: 0 7px; position: absolute; top: 280px; font-size: 0.9em; margin: 0 25px; color: #aaa; }
.jongeren #breadcrumbs	{ top: 305px; }
#breadcrumbs a	{ color: #aaa; text-decoration: none; }
#breadcrumbs a:hover	{ color: #000; }

/***--- CONTENT ---***/
#main				{ padding: 275px 0 32px; background: url(../images/main-background-bottom.png) no-repeat bottom; }
.flash-test #main	{ padding-top: 270px; }
#main-background	{ background: url(../images/main-background.png) repeat-y; padding: 15px 7px 7px; overflow: hidden; clear: both; }
.flash-test #main-background	{ padding-top: 0; }
.jongeren #main-background	{ padding-top: 40px; }
ul.floatleft {float:left;width:155px;}

/*- Divisions -*/
.column-wrapper	{ float: left; width:690px;}
.sidebar		{ float: left; width: 200px; margin: 0 25px; }

.three-columns #content	{ width: 440px; float: right; }

/*- Video's -*/
a.movie			{ font-weight: bold; }
a.thumb 		{ clear: both; display: block; overflow: hidden; margin-bottom: 5px; font-weight: bold; }
.thumb img, .thumb span	{
	float: left;
}
.thumb img		{ border: 1px solid #164273; }
.thumb span		{ margin: 17px 10px; }

/*- Blocks -*/
a.block			{ display: block; margin: 15px 0; padding: 10px 15px; background: #164273; color: #fff; text-decoration: none; font-size: 1.25em; line-height: 1.5em; }
a.block span	{ display: block; }
a.block:hover	{ background: #0162CD; }

span.phone		{ padding: 10px 0 10px 30px; margin-top: 5px; background: url(../images/icon-phone.gif) no-repeat left center; font-weight: bold; }

/*- Lists -*/
ul.archive li		{ color: #666; padding-left: 20px; background: url(images/pijl.gif) no-repeat left top; }
.archive li.more	{ background: none; padding-left: 0; margin-top: 15px; }
.archive a.active	{ color: #000; text-decoration: none; }
li.more a			{ color: #000; }
li.more a:hover		{ color: #154273; }

/*- Test -*/
.questions 			{ display: block; margin: 0 0 10px; }
.script .questions 	{ display: none; margin: 0; }

.questions div		{ overflow: hidden; clear: both; font-weight: bold; }
.questions div span, .questions div p	{ float: left; }
.question-number	{ width: 60px; }
.questions div p	{ width: 380px; margin: 0; }

.questions label	{ display: inline; font-weight: normal; }

.questions a.q-link, span.q-num	{ display: none; }
.script span.q-num	{ display: block; }
span.q-num			{ float: right; }

/*- Game -*/
#flashgame			{ }


/*- Pers -*/
.thumbnail			{ margin: 0 0 5px 0; border-bottom: 1px solid #535353; }
.thumbnail a img		{ float: left; margin: 0 10px 5px 0; }
.thumbnail a span		{ width: 350px; float: right; font-size: 12px; color: #154172; margin: 5px 0; }
.thumbnail a:hover span		{ color: #900079; }

.paginationControl p	{ margin: 5px 0; }

/***--- FOOTER ---***/
#footer			{ padding: 2px 7px 15px; }
#footer a		{ padding-right: 10px; color: #535353; }
#footer a:hover	{ text-decoration: none; color: #000; }