/*******************************************************************************************************************************************************************************/
/*******************************************************************************************************************************************************************************/
/**/
/*			NIEUWE SITE STIJLEN */
/**/
/*******************************************************************************************************************************************************************************/
/*******************************************************************************************************************************************************************************/


/*------------------------------------------------------------------------------------------------------------
	ALGEMEEN
------------------------------------------------------------------------------------------------------------*/


body {
	font-family: Arial, Helvetica, sans-serif;
	color:#FFFFFF;
}
input, textarea {
	font-family: Arial, Helvetica, sans-serif;
}
.clearer {
	clear: both;
}
.links {
	float: left;
}
.rechts {
	float: right;
}
#container {
	width: auto;
	margin-right: auto;
	margin-left: auto;
}

#content_cont {
	padding: 20px 10px 10px 30px;
}

/*------------------------------------------------------------------------------------------------------------
	HEADER
------------------------------------------------------------------------------------------------------------*/

#header {
	display:none;
}

/*------------------------------------------------------------------------------------------------------------
	DROPDOWN MENU
------------------------------------------------------------------------------------------------------------*/

#header ul {
	position: absolute;
	top: 0px;
	right: 0px;
	background: url(../images/header_nav_bottom.png) no-repeat left bottom;
	height: 89px;
}
#header ul li {
	float: left;
	height: 79px;
	position: relative;
}

/* DROPDOWN ----------------------------------------------------------------------------------- */
#header ul li.dropdown {
	width: 101px;
	z-index: 9999;
}

#header ul.nl li.dropdown a {
	display: block;
	width: 101px;
	height: 79px;
	background-repeat: no-repeat;
	text-indent: -9999px;
}

#header .nl .dropdown a {	background-image: url(../images/header_nav_back_nl.png); }
#header .en .dropdown a {	background-image: url(../images/header_nav_back_en.png); }


/* USING IMAGE SPRITES FOR THE NAV (= no flickering) */
#header ul li.events a { 					background-position:    0px 0px; }
#header ul li.projecten a { 				background-position: -101px 0px; }
#header ul li.toolstrainings a { 			background-position: -202px 0px; }
#header ul li.academie a { 					background-position: -303px 0px; }
#header ul li.overflandersdc a { 			background-position: -404px 0px; }

#header ul li.events.current a { 			background-position:    0px -158px; }
#header ul li.projecten.current a { 		background-position: -101px -158px; }
#header ul li.toolstrainings.current a {	background-position: -202px -158px; }
#header ul li.academie a.current { 			background-position: -303px -158px; }
#header ul li.overflandersdc.current a {	background-position: -404px -158px; }

#header ul li.over.events a { 				background-position:    0px -79px; }
#header ul li.over.projecten a { 			background-position: -101px -79px; }
#header ul li.over.toolstrainings a { 		background-position: -202px -79px; }
#header ul li.over.academie a { 			background-position: -303px -79px; }
#header ul li.over.overflandersdc a { 		background-position: -404px -79px; }

#header ul li.dropdown ul {
	float: none;
	position: absolute;
	width: 101px;
	background-color: #FF0092;
	background-image: url(../images/header_nav_dropdown_back.png);
	background-repeat: repeat-x;
	background-position: left top;
	left: 0px;
	top: 47px;
	height: auto;
	display: none;
}
#header ul li.dropdown ul li {
	clear: both;
	width: 101px;
	height: auto;
	float: none;
}
#header ul.nl li.dropdown ul li a, #header ul.en li.dropdown ul li a {
	display:block;
	background-image: none;
	text-indent: 0px;
	font-size: 1.2em;
	color: #FFFFFF;
	font-weight: normal;
	text-decoration: none;
	height: auto;
	padding: 5px 10px;
	width: auto;
	line-height: 1.4em;
}
#header ul li.dropdown ul li a:hover {
	color: #FFFFFF;
	text-decoration: none;
	background-color: #D2006F;
}

/* we use jquery to add a class (.over) if the element is hovered) */
#header ul li.dropdown.over ul {
	display: block;
}

/* BLOG NAV ITEM ----------------------------------------------------------------------------------- */
#header ul li.blog {
	width: 69px;
}
#header ul.nl li.blog a {
	display: block;
	height:79px;
	width: 69px;
	background: url(../images/header_nav_back_nl.png) repeat-x -505px 0px;
	text-indent: -9999px;
}
#header ul.en li.blog a {
	display: block;
	height:79px;
	width: 69px;
	background: url(../images/header_nav_back_en.png) repeat-x -505px 0px;
	text-indent: -9999px;
}

/* TOOLS NAV ITEM ---------------------------------------------------------------------------------- */
#header ul li.tools {
	width: 139px;
	background-image: url(../images/header_tools_back.png);
	background-repeat: no-repeat;
	background-position: left top;
	color: #999999;
}
#header ul li.tools a {
	color: #999999;
	text-decoration: none;
	font-size: 1em;
	text-transform: uppercase;
}
#header ul li.tools a:hover {
	color: #000000;
}
#header  ul  li.tools  .lang  {
	position: relative;
	left: 10px;
	top: 10px;
}
#header ul li.tools .highcontrast {
	position: absolute;
	left: 10px;
	top: 25px;
}

#header ul li.tools .highcontrast .css-default {
	display: none;
}

#header ul li.tools .highcontrast .css-high-contrast {
	
}

#header ul li.tools .nav {
	position: absolute;
	left: 10px;
	bottom: 10px;
}

/*------------------------------------------------------------------------------------------------------------
	SITEMAP
------------------------------------------------------------------------------------------------------------*/

#sitemap {
	display: none;
}
/*------------------------------------------------------------------------------------------------------------
	FOOTER
------------------------------------------------------------------------------------------------------------*/

#footer {
	display: none;
}


/*******************************************************************************************************************************************************************************/
/*******************************************************************************************************************************************************************************/
/**/
/*			NIEUWE SITE HOMEPAGE STIJLEN */
/**/
/*******************************************************************************************************************************************************************************/
/*******************************************************************************************************************************************************************************/


/*------------------------------------------------------------------------------------------------------------
	HOMEPAGE CONTENT
------------------------------------------------------------------------------------------------------------*/

#homepage #content {
	float: left;
	width: 691px;
}
#homepage #content #topflash {
	margin-bottom: 30px;
}
#homepage #content h1 {
	margin-bottom: 10px;
}
#homepage #content p {
	font-size: 1.4em;
	color: #999999;
	line-height: 140%;
}

/*------------------------------------------------------------------------------------------------------------
	HOMEPAGE SIDEBAR
------------------------------------------------------------------------------------------------------------*/

#homepage #sidebar {
	float: right;
	width: 218px;
}
#homepage #sidebar h2 {
	font-size: 1.1em;
	line-height: 22px;
	font-weight: normal;
	color: #FFFFFF;
	background-image: url(../images/sidebar_title_back.png);
	background-repeat: no-repeat;
	height: 22px;
	padding-right: 10px;
	padding-left: 10px;
	text-transform: uppercase;
}
/* ZOEKBOX ----------------------------------------------------------------------------------- */
#homepage #sidebar .search {
	background-image: url(../images/sidebar_item_back.png);
	background-repeat: no-repeat;
	background-position: right top;
	height: 18px;
	margin-bottom: 10px;
	padding: 7px;
}
#homepage #sidebar  .search  #zoeken {
	width: 160px;
	height: 14px;
	font-size: 1.2em;
	color: #999999;
	border: 1px solid #B0B0B0;
	margin: 0px;
	padding: 1px;
}
#homepage #sidebar .search #zoeken.over {
	color: #333333;
}
#homepage #sidebar  .search  input {
	vertical-align: middle;
}
#homepage #sidebar .lastupdate {
	margin-bottom: 10px;
}

/* ACCORDEON ---------------------------------------------------------------------------------- */

#homepage #sidebar .lastupdate h3 {
	padding-top: 1px;
}
#homepage #sidebar .lastupdate h3 a {
	color: #333333;
	display:block;
	padding: 8px 30px 0px 6px;
	font-size: 1.1em;
	font-weight: bold;
	text-align: right;
	text-transform: uppercase;
	background-image: url(../images/sidebar_menu_subtitle_back.png);
	background-repeat: no-repeat;
	background-position: right 0px;
	height: 17px;
	text-decoration: none;
}
#homepage #sidebar .lastupdate h3.selected a {
	background-position: right -25px;
}
#homepage #sidebar .lastupdate ul li ul li {
	border-bottom: 1px solid #EBEBEB;
	line-height: 16px;
	padding: 2px 10px;
}

#homepage #sidebar .lastupdate ul li ul li .date {
	font-size: 1.1em;
	color: #999999;
}
#homepage #sidebar .lastupdate ul li ul li a {
	font-size: 1.2em;
	color: #333333;
	text-decoration: none;
}
#homepage #sidebar .lastupdate ul li ul li a.category {
	font-size: 0.9166666666em;
	font-weight: bold;
	color: #B19EAA;
	text-decoration: underline;
}
#homepage #sidebar .lidworden {
	background-image: url(../images/sidebar_lidworden_back.png);
	background-repeat: no-repeat;
	background-position: left top;
	height: 69px;
	margin-bottom: 10px;
	padding: 60px 20px 0px 10px;
}

#homepage #sidebar  .lidworden  #inschrijven {
	width: 160px;
	height: 14px;
	font-size: 1.2em;
	color: #999999;
	border: 1px solid #B0B0B0;
	margin: 0px;
	padding: 1px;
}
#homepage #sidebar .lidworden #inschrijven.over {
	color: #333333;
}
#homepage #sidebar  .lidworden  input {
	vertical-align: middle;
}
#homepage #sidebar .lidworden p {
	font-size: 1em;
	color: #666666;
	padding-top: 10px;
	line-height: 1.2em;
}


/*******************************************************************************************************************************************************************************/
/*******************************************************************************************************************************************************************************/
/**/
/*			OUDE SITE STIJLEN */
/**/
/*******************************************************************************************************************************************************************************/
/*******************************************************************************************************************************************************************************/

/* -------------------------------------------------------------------------------------------------
	1. Font-sizes, colors, font-weight, interlinie, text-decoration, text-transform, overflow
------------------------------------------------------------------------------------------------- */

/*
FONT-SIZES --------------------- */ /*

Body = 12px = 0.75em;

->	   9px = 0.75em*/	#main basic {font-size:0.75em;}
	/*10px = 0.83em*/	#main basic {font-size:0.83em;}
	/*11px = 0.91em*/	#main #tools, #main input.submit, #main a.formbutton, #main blockquote .quote, #main .homecol h3 {font-size:0.91em;}
	/*12px = 1em*/		#main h4, #main input, #main textarea {font-size:1em;}
	/*13px = 1.08em*/	#main div#intro, #main .button {font-size:1.08em;}
	/*14px = 1.16em*/	#main basic {font-size:1.16em;}
	/*15px = 1.25em*/	#main basic {font-size:1.25em;}
	/*16px = 1.33em*/	#main #col-a .box h2, #main #rightcol .box h3, #main .homecol h2 {font-size:1.33em;}
	/*17px = 1.42em*/	#main h3 {font-size:1.42em;}
	/*18px = 1.5em*/	#main basic {font-size:1.5em;}
	/*19px = 1.58em*/	#main h2 {font-size:1.58em;}
	/*20px = 1.67em*/	#main blockquote .quote {font-size:1.67em;}
	/*24px = 2em*/		#main h1 {font-size:2em;}
	/*30px = 2.5em*/	#main basic {font-size:2.5em;}
	
	/*h3 = 1.33em*/
	/*h3 span = 11px = 0.7em */ #main h3 span, #main h2 span {font-size:0.65em;}



/*
COLORS --------------------- */ /*

Body = #333;


->	/* black = #000000;*/	#main a, #main h4, #main #content .box ul li strong, #main .external li, #main .single_external, #main strong.grey {color:#000;}
	/* dark = #333333;*/	#main blockquote .quote, #main h3 span a, #main .form_rij .col-r select option.in, #main .level1 li a {color:#333;}
	/*	grey = #666666;*/	#main #home h2, #main h3, #main h3 a, #main div#intro, #crumb, #crumb a, #main blockquote .quote, #main .level2 li a, #main #disclaimer, #main #disclaimer a, #main #copyright, #main #copyright a, #main .foto_label p, #main #rightcol .box.type2, #main #rightcol .box.type2 a {color:#666;}
	/* lightgrey = #999;*/	#main .oplijsting .oplijsting_l span, #main .button, #main .oplijsting .oplijsting_r span, #main .oplijsting.images, #main .two_column span {color:#999;}
	/*	white = #fff;*/		#main #zoekbox, #main #zoekbox a, #main input.submit, #main a.formbutton {color:#fff;}
    /* rooslogo = #FF0092;*/#main strong, #main h2, #main .toplink a, #main #col-a .box h2, #main .form_rij .col-r select option, #main h3 span, #main #nav a:hover, #main .level1 li span, #main .level1 li a.in, #main .level2 li span, #main .level2 li a.in, #main #rightcol .box h3, #main #rightcol .box.type2 h3, #main .homecol h3 {color:#FF0092;}



/*
FONT-WEIGHT --------------------- */

	#crumb, #main h3 span, #main #col-a .box h2, #main .level1 li a, #main .level1 li span, #main input.submit, #main a.formbutton, #main .button, #main .external li, #main .single_external, #main blockquote .datum, #main #rightcol .box h3, #main .tags, #main .homecol h3 {font-weight:bold;}
#main h2, #main h3, #main #content .box ul li strong, #main .level2 li span, #main .level2 li a.in, #main .level2 li a, #main h1 {font-weight:normal;}
	
	
/*
INTERLINIE --------------------- */
	#main div#intro, #main #content {line-height:1.5em; margin-bottom:15px;}
	#main .homecol h3 {line-height:1.1em}


	
/*
TEXT-DECORATION --------------------- */
	#main .homecol .box ul a, #main .level2 li a, #main .button, #crumb a, #main .toplink a, #main .level1 li a, #main #rightcol .box.type2 a, #main .tags_auteurs a, #main h3 a {text-decoration:none;}
	#main .homecol .box ul a:hover, #main .level2 li a:hover, #crumb a:hover, #main .toplink a:hover, #main .level1 li a:hover,#rightcol .box.type2 a:hover, #main .tags_auteurs a:hover, #main h3 span a {text-decoration:underline;}



/*
TEXT-TRANSFORM --------------------- */
	#main basic {text-transform:uppercase;}


/*
OVERFLOW --------------------- */
	#main basic {overflow:hidden;}





/* -------------------------------------------------------------------------------------------------
	2. Algemene zaken
------------------------------------------------------------------------------------------------- */

#main {
	font-size: 12px;
}

#main #afsluitlijntje {
	background:url(../../2007/images/bg_lijntje.jpg) no-repeat top left;
	width:549px;
	height:7px;
	margin:0 0 20px 244px;
}

/*IE 5.5 en 6.0 */
* #main  html #afsluitlijntje { 
	margin-top:-10px;
}


/*IE 7.0 */
*+ #main html #afsluitlijntje { 
	margin-top:-10px;
}


#main .lijntje {
	background:url(../../2007/images/bg_lijntje.jpg) no-repeat bottom left;
	height:7px;
	margin:20px -15px 15px -13px;
}

#main #col-a .lijntje {
	background:#ccc;
	height:1px;
	margin:20px 0 15px 0;
}

#main #col-b a {zoom:1;} /* "Has Layout" IE hack zodat bij de laatste link vlak voor de footer de footer niet verspringt */

#main #col-b a:hover {
	background:#CCC;
}

#main .toplink {
	text-align:right;
	xmargin-bottom:-17px;
}

#main .toplink.afsluit {
	margin-bottom:0px;
}

	#main #col-b .toplink a {
		background:#fff url(../../2007/images/toplink.jpg) no-repeat center left;
		padding-left:17px;
	}
	
	#main #col-b .toplink a:hover {
		background:#fff url(../../2007/images/toplink.jpg) no-repeat center left;
		padding-left:17px;
	}

#main p {
	margin-bottom:10px;
}

#main input, textarea {
	font-family:Arial, Helvetica, sans-serif;
}

#main img.floatleft {
	float:left;
	margin:0 10px 10px 0;
	border: #CCCCCC 1px solid;
	padding: 1px;
}

#main img.padding_bottom {
	border: #CCCCCC 1px solid;
	padding: 1px;
	text-align: center;
	margin-bottom:10px;
	
}

#main .float_left {
	float:left;
}

#main .float_right {
	float:right;
}

#main .padding_bottom {
	padding-bottom:10px;
}



/* -------------------------------------------------------------------------------------------------
	3. Masthead + crumb + main + login
------------------------------------------------------------------------------------------------- */

#main {
	padding:0 21px;
	background:url(../../2007/images/bg_content.jpg) no-repeat 233px 0px;
}

	#main #home #main {
		background:none;
	}

#main #flash {
	margin:30px 0 30px 0;
}

#main .flashplayer {
	text-align:center;
}

#main #home #intro {
	margin-left:230px;
	margin-bottom:30px;
}

#main #content {
	float:left;
	width:772px;
}

#crumb {
	display:none;
}

#main #login{
	float:right;
	margin-right:25px;
}

/* -------------------------------------------------------------------------------------------------
	4. Rightcol
------------------------------------------------------------------------------------------------- */

#main #rightcol {
	float:right;
	width:141px;
}

	#main #rightcol .box {
		background:#fff url(../../2007/images/bg_rightcol_ul.jpg) repeat-x bottom left;
		padding:8px 0 8px 14px;
		height:1%; /* IE hack for rightcol box .level2 li items */
		border:1px solid #cdcdcd;
	}

	#main #rightcol .box.last {
		margin-bottom:20px;
	}
		
		#main #rightcol .box.bottomless{
			border-bottom:0;
		}
	
	#main #rightcol .box.type2 {
		padding:8px 0 8px 30px;
		background:none;
		border:0;
		border-bottom:1px solid #cdcdcd;
	}
	
		#main #rightcol .box.type2 img {
			margin:10px 0 10px 0;
		}
	
		#main #rightcol .box.type2 img.counter_margin {
			margin-left:-16px;
		}
		
	#main #rightcol .bannering {
		display:block;
		margin-bottom:10px;
		border:1px solid #cdcdcd;
	}



/* -------------------------------------------------------------------------------------------------
	5. Content
------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------- 
	5.1 homecontent
--------------------------------------------------------- */

	#main .homecol {
		float:left;
		width:250px;
		margin-right:10px;
	}
	
	#main .homecol.last {
		margin-right:0;
	}
		
		#main .homecol .box {
			background:url(../../2007/images/bg_homecol_box.gif) repeat-y top left;
		}
		
			#main .homecol .box_open {
				padding:10px 10px;
				background:url(../../2007/images/bg_homecol_box_open.gif) no-repeat top left;
			}
			
			#main .homecol .box_open.image {
				padding:0 10px 10px 10px;
			}
			
			#main .homecol .box_open .forced_png {
				width:250px;
				height:9px;
				position:absolute;
				margin:0 -10px;
			}			
			
			#main .homecol .box_close {
				background:url(../../2007/images/bg_homecol_box_close.jpg) no-repeat bottom left;
				height:19px;
			}
			
			#main .homecol .lijntje {
				background:#F30F83;
				height:2px;
				margin:0 -9px;
			}
			
			#main .homecol .lijntje.margin {
				margin:10px -9px;
			}
			
			#main .homecol .margintop10 {
				margin-top:10px;
			}
			
			#main .homecol .margintop20 {
				margin-top:20px;
			}
			
			#main .homecol .box p {
				padding:10px 0;
			}
		
		#main img.negative_margin {
			margin:0 -9px;
		}
		
	#main .homecol img.thumb {
		float:left;
		margin:10px 0 0 0;
	}
	
	#main .homecol p.thumb {
		margin-left:75px;
	}
	
	#main .homecol .input_email {
		border:1px solid #ccc;
		padding:0 2px;
		width:225px;
		margin-bottom:10px;
	}

	#main #main #content .button {
		background:#fff url(../../2007/images/bull_button.jpg) no-repeat top right;
		border:1px solid #999;
/*		padding:0px 20px 0px 5px;
		line-height:1.2em;*/
		padding-right:20px;
		height:16px;
		display:table;
	}

	
	#main .button.outside {
		margin-left:10px;
	}

#main .homecol_checkbox {
	margin:10px 0;
	display:table;
	width:100%;
}

	#main .homecol_checkbox_l {
		float:left;
	}
	
	#main .homecol_checkbox_r {
		margin-left:25px;
		height:1%;
	}


/* --------------------------------------------------------- 
	5.2 col-a
--------------------------------------------------------- */

#main #col-a {
	width:210px;
	float:left;
}

	#main #col-a .box {
		background:url(../../2007/images/bg_col-a_box.gif) repeat-y top left;
	}
	
		#main #col-a .box_open {
			padding:10px;
			background:url(../../2007/images/bg_col-a_box_open.gif) no-repeat top left;
		}
		
			#main #col-a .box_open a:hover, #main #login a:hover {
				background:#ccc;
			}
			
			#main #col-a .box_open img {
				margin-bottom:10px;
			}
			
				#main #col-a .box_open a.button img {
					margin-bottom:0;
				}

		#main #col-a .box_close {
			background:url(../../2007/images/bg_col-a_box_close.jpg) no-repeat bottom left;
			height:19px;
		}
		
#main img.persoon {
	margin-bottom:20px;
}

#main #col-a input {
	margin:5px 0 0 20px;
	border:1px solid #ccc;
	padding:1px 2px;
	background:#F7F7F7;
}

	


/* --------------------------------------------------------- 
	5.3 col-b
--------------------------------------------------------- */

#main #col-b {
	width:549px;
	width/**/:/**/521px;
	padding:0 14px 14px 14px;
	float:right;
	background:url(../../2007/images/bg_content_border.gif) repeat-y bottom left;
}

#main .landscape {
	width:521px;
	position:relative;
	text-align:right;
}

	#main .landscape .bordertop {
		position:absolute;
		left:0;
		top:0;
		border:0;
		width:521px;
		height:15px;
	}
		
	#main .landscape .border {
		border-left:1px solid #ccc;
		border-right:1px solid #ccc;
		border-bottom:0;
		width:519px;
	}
		
	#main .landscape .borderbottom {
		position:absolute;
		left:0;
		bottom:0;
		border:0;
		width:521px;
		height:15px;
	}
	
	/*IE 5.5 en 6.0 */
	* #main html .landscape .borderbottom { 
		bottom:17px;
	}
	
	
	/*IE 7.0 */
	*+ #main html .landscape .borderbottom { 
		bottom:2px;
	}



#main .floating_image {
	margin-bottom:20px;
}

	#main .floating_image .image {
		float:right;
		margin:10px 0 0 0;
		position:relative;
		text-align:right;
	}
	
		#main .floating_image .image .bordertop {
			position:absolute;
			top:0;
			right: 0;
			border: 0;
		}
			
		#main .floating_image .image .border {
			border-left:1px solid #D2D2D2;
			border-right:1px solid #D2D2D2;
			border-bottom:0;
		}
			
		#main .floating_image .image .borderbottom {
			position:absolute;
			right: 0;
			bottom: 0;
			border: 0;
		}
		
			#main .floating_image.big .image .bordertop {width:150px;height:10px;}			
			#main .floating_image.small .image .bordertop {width:100px;height:10px;}
		
			#main .floating_image.big .image .border {width:148px;}			
			#main .floating_image.small .image .border {width:98px;}
		
			/* #main .floating_image.big .image .borderbottom {bottom:-2px;width:150px;height:14px;}
			#main .floating_image.small .image .borderbottom {bottom:-2px;width:100px;height:14px;} */
			
			#main .floating_image.big .image .borderbottom {
				bottom:-2px;
				_bottom: 14px;
				width:150px;
				height:14px;
			}
			
			#main .floating_image.small .image .borderbottom {
				bottom:-2px;
				_bottom: 12px;
				width:100px;
				height:14px
			}
			
			
		#main .floating_image .image .cover {
			border:1px solid #D2D2D2;
			padding:1px;
		}
	
	#main .floating_image.big .content {
		width:350px;
	}
	
	#main .floating_image.small .content {
		width:410px;
	}
	

#main .optioncontainer{
	padding-top:10px;
	margin-bottom:15px;
	border-top:1px solid #efefef;
}
#main .optioncontainer .optioncontainer{
	padding-left:17px;
	border:0;
	padding-top:0;
	margin-bottom:0;
}
#main .optioncontainer .question{
	font-weight:bold;
	margin-bottom:10px;
}

#main .form_rij {
	margin-bottom:10px;
}
#main .optioncontainer .form_rij {
	margin-bottom:5px;
}


	#main .form_rij .col-l {
		float:left;
		width:140px;
		text-align:right;
	}
	
	#main .form_rij .col-r {
		float:right;
		width:366px;
	}
	#main .optioncontainer .form_rij .col-r {
		float:left;
		width:515px;
	}
	#main .optioncontainer .optioncontainer .form_rij .col-r{
		width:480px;
	}
	#main .form_rij .col-r div.meerkeuze {
		margin-bottom:10px;
	}
	
	#main .form_rij .col-r div.meerkeuze label {
		position:relative;
		left:4px;
	}
	#main .form_rij .col-r div.meerkeuze .meerkeuze_verschuif{
		margin-left:19px;
		color:#666;
	}
	
		#main .form_rij .col-r label {
			position:absolute;
			left:-9999px;
		}
		#main .optioncontainer .form_rij .col-r label{
			position:relative;
			left:auto;
		}
	
		#main .form_rij .col-r input, #main .form_rij .col-r textarea {
			border:1px inset #ccc;
			padding:1px 2px;
			background:#F7F7F7;
		}
	
		#main .form_rij .col-r input.big, .form_rij .col-r textarea {
			width:95%;
		}
		#main .optioncontainer .form_rij .col-r textarea{
			margin-left:17px;
		}
		
		#main .form_rij .col-r input.small {
			width:10%;
			margin-right:5px;
		}
		
		#main .form_rij .col-r select {
			width:95%;
			border:1px inset #CCC;
			background:#F7F7F7;
		}
		
			#main .form_rij .col-r select option {
				padding:1px 2px;
				background:#F7F7F7;
			}
			#main .form_rij .col-r select option.in {
				background:#FFF;
			}
			
		#main .form_rij .col-r .inputcheckbox, #main .form_rij .col-r .inputradio{
			margin-right:5px;
		}
		
		#main #content input.meerkeuze {
			border:0;
			background:#fff;
		}
		
		#main #content input.inputradio {
			border:0;
		}
		
		#main #content input.submit, #main #col-b a.formbutton {
			background:#D30259 url(../../2007/images/bg_submit_knop.jpg) repeat-x top left;
			border:1px solid #D30259;
			padding:2px;
			cursor:pointer;
			text-decoration:none;
		}
		#main #col-b a.formbutton {
			padding:4px;
		}
		#main #col-b a.formbutton:hover{
			background:#D30259 url(../../2007/images/bg_submit_knop.jpg) repeat-x top left;
		}
		
		#main #content .whitespace{
			padding: 0 20px;
		}
		
		#main .pwvergeten{
			float: right;
			margin-right: 10px;
		}
	

#main .form_rij.border {
	border-top:1px solid #efefef;
	margin-bottom:15px;
}

#main .oplijsting {
		margin:10px 0 ;
		padding:10px 5px;
		text-align:center;
	}
	
#main .oplijsting.bordertop {
	border-top:1px solid #efefef;
}


#main .oplijsting.borderbottom {
	border-bottom:1px solid #efefef;
}
	
		#main .oplijsting a {
			margin:0 2px;
		}
	
		#main .oplijsting .oplijsting_l {
			float:left;
			text-align:left;
		}
		
		#main .oplijsting .oplijsting_r {
			float:right;
			text-align:right;
		}


#main .oplijsting.images a:hover {
	background:none;
}

	#main .oplijsting.images {
		background:url(../../2007/images/bg_lijntje.jpg) no-repeat top left;
		margin:-25px -20px 10px -13px;
		padding:5px 20px;
	}
	
#main .fotoboek #mainimage{
	width:519px;
	border:1px solid #efefef;
	text-align:center;
}
	#main .fotoboek #mainimage img{
		max-width:519px;
	}
	
	

#main blockquote {
	background:url(../../2007/images/blockquote_left.gif) no-repeat top left;
	margin:50px 10px;
}

	#main blockquote .quote {
		padding:0 45px;
		font-family:"Times New Roman", Times, serif;
		background:url(../../2007/images/blockquote_right.gif) no-repeat bottom right;
		line-height:1.2em;
		min-height:60px;
		_height:60px;
	}
	
	#main blockquote .datum {
		text-align:right;
		margin-top:5px;
	}
	

#main .foto_label {
	width:255px;
}

	#main .foto_label.left {
		float:left;
	}
	
	#main .foto_label.right {
		float:right;
	}
	
	#main .foto_label img {
		width:255px;
		margin:10px 0;
	}




#main .indented_content_w_bullet {
	background:url(../../2007/images/bull_level2_li.jpg) no-repeat 15px 1px;
	padding-left:35px;
}



#main .two_column {
	margin-bottom:10px;
}

	#main .two_column p {
		margin-top:5px;
	}

	#main .two_column .col-l {
		float:left;
		width:50%;
		width/**/:/**/46%;
		padding-right:4%;
	}
	
	#main .stippellijn {
		height:1px;
		background:url(../../2007/images/bg_stippellijn.gif) repeat-x top left;
		margin:10px 0;
	}
	
	#main .vastelijn {
		height:1px;
		background:#ccc;
		margin:10px 0;
	}
	
	#main .two_column .col-r {
		float:right;
		width:48%;
	}


#main .contactgegevens {
	margin-bottom:10px;
	display:table;
	width:100%;
}

	#main .contactgegevensrij {
		clear:left;
	}
	

	#main .contactgegevensrij .col-l {
		float:left;
		width:80px;
	}
	
	#main .contactgegevensrij .col-r {
		float:left;
	}

#main .blogreactie{
	padding:0 15px;
	border:1px solid #efefef;
	margin-bottom:10px;
}

#main .embeddedflash{
	text-align:center;
	margin-bottom:20px;
}


/* --------------------------------------------------------- 
	5.4 quiz
--------------------------------------------------------- */
#main .a1, #main .a1-default, #main .a2, #main .a2-default, #main .a3, #main .a3-default, #main .a4, #main .a4-default, #main .a5, #main .a5-default, #main .b1, #main .b1-default, #main .b2, #main .b2-default, #main .b3, #main .b3-default, #main .b4, #main .b4-default, #main .b5, #main .b5-default {
	margin: 0 10px 0 0;
	width: 22px;
	height: 20px;
	float:left;
}

#main .a1 { background: url(../../2007/images/quiz/quiz_1_f2.jpg) no-repeat; }
#main .a1-default { background: url(../../2007/images/quiz/quiz_1.jpg) no-repeat; }

#main .a2 { background: url(../../2007/images/quiz/quiz_2_f2.jpg) no-repeat; }
#main .a2-default { background: url(../../2007/images/quiz/quiz_2.jpg) no-repeat; }

#main .a3 { background: url(../../2007/images/quiz/quiz_3_f2.jpg) no-repeat; }
#main .a3-default { background: url(../../2007/images/quiz/quiz_3.jpg) no-repeat; }

#main .a4 { background: url(../../2007/images/quiz/quiz_4_f2.jpg) no-repeat; }
#main .a4-default { background: url(../../2007/images/quiz/quiz_4.jpg) no-repeat; }

#main .a5 { background: url(../../2007/images/quiz/quiz_5_f2.jpg) no-repeat; }
#main .a5-default { background: url(../../2007/images/quiz/quiz_5.jpg) no-repeat; }

/*.b1 { background: url(../../2007/images/quiz/quiz_ll_f2.jpg) no-repeat; }
#main .b1-default { background: url(../../2007/images/quiz/quiz_ll.jpg) no-repeat; }

#main .b2 { background: url(../../2007/images/quiz/quiz_l_f2.jpg) no-repeat; }
#main .b2-default { background: url(../../2007/images/quiz/quiz_l.jpg) no-repeat; }

#main .b3 { background: url(../../2007/images/quiz/quiz_m_f2.jpg) no-repeat; }
#main .b3-default { background: url(../../2007/images/quiz/quiz_m.jpg) no-repeat; }

#main .b4 { background: url(../../2007/images/quiz/quiz_r_f2.jpg) no-repeat; }
#main .b4-default { background: url(../../2007/images/quiz/quiz_r.jpg) no-repeat; }

#main .b5 { background: url(../../2007/images/quiz/quiz_rr_f2.jpg) no-repeat; }
#main .b5-default { background: url(../../2007/images/quiz/quiz_rr.jpg) no-repeat; }*/

#main .b1 { background: url(../../2007/images/quiz/quiz_1_f2.jpg) no-repeat; }
#main .b1-default { background: url(../../2007/images/quiz/quiz_1.jpg) no-repeat; }

#main .b2 { background: url(../../2007/images/quiz/quiz_2_f2.jpg) no-repeat; }
#main .b2-default { background: url(../../2007/images/quiz/quiz_2.jpg) no-repeat; }

#main .b3 { background: url(../../2007/images/quiz/quiz_3_f2.jpg) no-repeat; }
#main .b3-default { background: url(../../2007/images/quiz/quiz_3.jpg) no-repeat; }

#main .b4 { background: url(../../2007/images/quiz/quiz_4_f2.jpg) no-repeat; }
#main .b4-default { background: url(../../2007/images/quiz/quiz_4.jpg) no-repeat; }

#main .b5 { background: url(../../2007/images/quiz/quiz_5_f2.jpg) no-repeat; }
#main .b5-default { background: url(../../2007/images/quiz/quiz_5.jpg) no-repeat; }

#main label .hide{display:none;}

#main .form_rij .quiza-l{
	float:left;
	width:315px;
	margin-left:20px;
	_margin-left:10px;
}
#main .form_rij .quiza_r{
	margin-left:345px;
}

#main .quiz-submit{
	text-align:right;
	margin-right:25px;
}
#main .quiz-submit .submit{
	margin-left:5px;
}

#main .legende{
	margin-left:13px;
	margin-top:20px;
	font-weight:bold;
	color:#666;
}

#main .form_rij #main .quizb-l{
	float:left;
	width:150px;
	margin-left:20px;
	_margin-left:10px;
}
#main #main .form_rij #main .quizb-r{
	float:right;
	text-align:right;
	width:150px;
	margin-right:25px;
	_margin-right:13px;
}
#main .form_rij #main .quizb-m{
	margin:auto 180px auto 175px;
}

#main .results{
	border-top:1px solid #ccc;
	border-left:1px solid #ccc;
	width:510px;
	margin-top:15px;
}
#main .results td{
	border-bottom:1px solid #ccc;
	border-right:1px solid #ccc;
	padding:10px;
}
#main .results td.res{
	text-align:center;
	font-weight:bold;
	font-size:1.2em;
	color:#FF0092;
}
#main .results td.res .small{
	font-size:0.7em;
}
/* -------------------------------------------------------------------------------------------------
	6. Lists
------------------------------------------------------------------------------------------------- */

#main ul {
	list-style:none;
}

#main ul, #main .internal {
	margin:0 0 8px 10px;
}

	#main ul li, #main .internal li {
		line-height:1.5em;
		background:url(../../2007/images/bull_internal_li.gif) no-repeat 0px 6px;
		padding-left:13px;
	}
	
#main ol {
	list-style-position:inside;
	margin:0 0 8px 10px;
}

	#main ol li {
		line-height:1.5em;
	}

#main .internal {
	margin:0 0 8px 10px;
}

	#main .internal li {
		line-height:1.5em;
		padding-left:13px;
	}

#main #col-a .level1, #main #col-b .level1 {
	margin:0 0 20px 10px;
}

#main .level1 li {
	line-height:1.3em; /* de line-height moet op de li, anders wil IE 7  niet mee! */
	margin-bottom:5px;
	background:none;
	padding-left:0;
}

	#main .level1 li a, #main #col-b .level1 li a:hover {
		display:block;
		background:url(../../2007/images/bull_level1_li.jpg) no-repeat 1px 0;
		padding-left:20px;
		margin-bottom:10px;
		line-height:1.3em; /* doe ze hier toch ook maar voor als er een li span is../2007 :) */
		_height:1%; /* explorer hack, anders zou je alle list item naast elkaar moeten plakken in de html - Voorkomt ook rare margin bottom bij li's */
	}

	#main .level1 li span, #main .level1 li a.in {
		display:block;
		background:url(../../2007/images/bull_rightcol_h3.jpg) no-repeat 1px 0;
		padding-left:20px;
		margin-bottom:10px;
		line-height:1.3em;
		_height:1%; /* explorer hack, anders zou je alle list item naast elkaar moeten plakken in de html */
	}
	
#main #col-a .level2, #main #col-b .level2 {
	margin:0 0 12px 0;
}

	#main .level2 li {
		line-height:1.2em;
		margin-bottom:0;
		background:none;
		padding-left:0;
	}
	
		#main .level2 li a, #main .level2 li span, #main .level2 li a.in, #main #col-b .level2 li a:hover {
			display:block;
			background:url(../../2007/images/bull_level2_li.jpg) no-repeat 2px 0;
			padding-left:20px;
			margin-bottom:6px;
			line-height:1.2em;
			_height:1%; /* explorer hack, anders zou je alle list item naast elkaar moeten plakken in de html */
		}

#main .homecol .box ul {
	margin:10px 0;
}

	#main .homecol .box ul li {
		margin-bottom:10px;
		background:none;
		padding-left:0;
		height:1%;
	}
	
		#main .homecol .box ul li a {
			
		}
	


#main .external, #main .single_external {
	margin:0 0 10px 0;
}

#main .external li, #main .single_external {
	line-height:1.5em;
	background:url(../../2007/images/bull_external_li.jpg) no-repeat center left;
	padding-left:20px;
}
		
		
#main .remove_list {
	margin:0 0 10px 0;
}
	
	#main .remove_list li {
		line-height:1.5em;
		background:none;
		padding-left:0;
	}
	
	#main .remove_list a.remove {
		float:right;
		background:#fff url(../../2007/images/bull_remove.gif) no-repeat center left;
		width:10px;
		height:1.5em;
	}
	
	#main #content .remove_list a:hover.remove {
		background:#fff url(../../2007/images/bull_remove.gif) no-repeat center left;
	}

	#main #rightcol .level2 {
		margin:0;
	}

	#main #rightcol .box.type2 ul{
		margin:0;
	}
	
	#main #rightcol .box.type2 ul li{
		margin-bottom:5px;
		background:none;
		padding-left:0;
	}



/* -------------------------------------------------------------------------------------------------
	7. Headers
------------------------------------------------------------------------------------------------- */

#main h1 {
	margin:10px 20px 15px 0px;
	line-height:1.2em;
}

#main h2 {
	margin:10px 0 10px 0;
}

	#main .homecol h2 {
		margin:0;
		padding-top:10px;
	}

#main h3 {
	margin:10px 0 15px 0;
}

	#main .homecol h3 {
		margin:0;
		padding-top:3px;
		
	}

	#main #col-b h3 a:hover {
		background:#fff;
	}
	
	#main #col-b h3 span a:hover {
		background:#ccc;
	}

	#main h3 span {
		display:block;
	}


#main #col-a .box h2 {
	margin-bottom:10px;
}

#main #rightcol .box h3 {
	background:url(../../2007/images/bull_rightcol_h3.jpg) no-repeat 1px 0;
	padding-left:20px;
	margin:5px 0 10px 0px;
	line-height:0.9em;
}

#main #rightcol .box.type2 h3 {
	background:url(../../2007/images/bull_rightcol_h3.jpg) no-repeat 1px 0;
	padding-left:20px;
	margin:0px 0 10px -21px;
	line-height:0.9em;
}

#main h4 {
	margin-bottom:10px;
}

/* -------------------------------------------------------------------------------------------------
	9. Clearfix, skipnav
------------------------------------------------------------------------------------------------- */

#main a#skipnav{
	position: absolute;
	top: -999px;
	left: -999px;
}

#main a#skipnav:focus, #main a#skipnav:active, #main a#skipnav:hover{
	top: 0;
	left: 0;
	z-index: 9999;
	
	background: #fff;
	display: block;
	padding: 5px;
	text-align: center;
	font-weight: bold;
	color: #333;
}

/* hackje
------------------------------------------------ */
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* preload images */

#main #col-a, #main #header, #main #rightcol, #main #footer, #main #sitemap, #maincwf #footer, #maincwf #sitemap {
	display:none;
}

/*******************************************************************************************************************************************************************************/
/*******************************************************************************************************************************************************************************/
/**/
/*			CWF STIJLEN */
/**/
/*******************************************************************************************************************************************************************************/
/*******************************************************************************************************************************************************************************/

#maincwf {
	font-size: 10px;
}
#maincwf #content {
	width: auto;
	padding: 10px;
	float: none;
}
#maincwf #col-a {
	display: none;
}
#maincwf #rightcol {
	display: none;
}
#maincwf #col-b  {
	float: none;
	width: auto;
}
#maincwf  #col-b  a  {
	color: #EC0083;
	text-decoration: none;
}
#maincwf  #col-b  strong {
	color: #111111;
	text-weight: bold;
	font-weight: bold;
}
#maincwf #col-b a:hover {
	text-decoration: underline;
}
#maincwf #col-b #topflash {
	padding-bottom: 0px;
	display:none;
}
#maincwf #col-b h1 {
	margin-bottom: 15px;
	position: relative;
}
#maincwf  #col-b h1 a.backto {
	font-size: 1.1em;
	color: #666666;
	text-decoration: underline;
	position: absolute;
	top: 0px;
	right: 0px;
	font-weight: normal;
}
#maincwf #col-b h2 {
	font-size: 2em;
	font-weight: bold;
	color: #333333;
	margin-bottom: 15px;
}
#maincwf #col-b p {
	font-size: 1.2em;
	color: #333333;
	line-height: 140%;
	padding-bottom: 20px;
}
#maincwf  #col-b  p.contact {
	color: #F7008B;
}
#maincwf #col-b p.contact a {
	text-decoration: underline;
}
#maincwf #col-b p.persooninfo {
	color: #F30F83;
	font-weight: bold;
	line-height: 120%;
}
#maincwf #col-b p.persooninfo a {
	color: #666666;
	text-decoration: none;
}
#maincwf #col-b p.persooninfo a:hover {
	color: #666666;
	text-decoration: underline;
}
#maincwf #col-b .floatleft  {
	float: left;
	margin-right: 20px;
	margin-bottom: 20px;
}
#maincwf #col-b .naastIQlogo {
	margin-left: 150px;
}
#maincwf #col-b .naastfoto {
	margin-left: 195px;
}
#maincwf #col-b .naastfoto2 {
	margin-left: 175px;
}
#maincwf #col-b .naastfoto h5 {
	font-weight: bold;
	padding-bottom: 10px;
	font-size: 1.2em;
}
#maincwf #col-b .partnerflash {
	padding-bottom: 20px;
}
#maincwf #col-b .rand  {
	background-color: #FFFFFF;
	padding: 4px;
	border: 1px solid #CCCCCC;
}
#maincwf #col-b .c2col1 {
	width: 250px;
	float: left;
}
#maincwf  #col-b  .c2col2 {
	width: 250px;
	padding-left: 30px;
	float: left;
}
#maincwf #col-b ul {
	padding-bottom: 30px;
}
#maincwf #col-b ul.col3 {
	float: left;
	width: 220px;
	padding-right: 20px;
}
#maincwf  #col-b  ul li {
	background-image: url(../../images/cwf_bullet.png);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 25px;
	font-size: 1.2em;
	line-height: 140%;
	padding-bottom: 7px;
}
#maincwf  #col-b  ul li li {
	font-size: 1em;
}
#maincwf #col-b ul.internal li {
	font-weight: bold;
	color: #333333;
}
#maincwf #col-b  ul.internal li a {
	color: #333333;
	text-decoration: none;
}
#maincwf #col-b blockquote {
	font: 1.8em Helvetica, Geneva, Arial, sans-serif;
	color: #FF0092;
	background-image: url(../images/cwf_quote.png);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 30px;
	padding-bottom: 30px;
}
#maincwf #col-b blockquote span {
	font-size: 0.611111111em;
	color: #999999;
	display: block;
	padding-top: 5px;
}
#maincwf #col-b  blockquote span strong  {
	font-weight: bold;
	color: #666666;
}
#maincwf #col-b .schedule {
	padding-bottom: 25px;
}
#maincwf #col-b .scheduleitem {
	font-size: 1.2em;
	line-height: 130%;
}
#maincwf  #col-b   .uurlocatie  {
	float: left;
	width: 100px;
	padding-right: 10px;
	font-weight: bold;
	color: #666666;
	padding-top: 5px;
}
#maincwf #col-b .uurlocatie strong {
	color: #333333;
}
#maincwf  #col-b  .beschrijving  {
	margin-left: 110px;
	color: #333333;
	background-color: #F5F5F5;
	padding: 5px;
	margin-bottom: 3px;
}
#maincwf #col-b .beschrijving h5 {
	font-weight: bold;
}
#maincwf #col-b  .spreaker, #maincwf #col-b .spreaker2  {
	color: #F7008B;
	font-size: 1.2em;
}
#maincwf #col-b .spreaker2  {
	margin-bottom: 30px;
}
#maincwf #col-b  .beschrijving .spreaker  {
	margin-top: 10px;
	font-size: 1em;
}
#maincwf #col-b .spreaker a, #maincwf #col-b .spreaker2 a {
	text-decoration: underline;
}
#maincwf #col-b .schedule .pauze .uurlocatie,
#maincwf #col-b .schedule .pauze .uurlocatie strong,
#maincwf #col-b .schedule .pauze .beschrijving h5 {
	color: #A5A5A5;
}
#maincwf #col-b .schedule .pauze .beschrijving {
	background-color: #FFFFFF;
}
#maincwf #col-b .timedetails {
	font-size: 1.2em;
	font-weight: bold;
	color: #666666;
	margin-top: -10px;
	margin-bottom: 10px;
}
#maincwf #col-b .timedetails span {
	color: #F30F83;
}
#maincwf #col-b .subscribe {
	float: right;
	display: block;
	width: 103px;
	height: 18px;
	margin-bottom: 20px;
}
#maincwf #col-b .col-l   {
	clear: both;
	display: block;
	font-size: 1.2em;
	color: #333333;
	padding-top: 10px;
	padding-bottom: 5px;
}
#maincwf   #col-b  .col-r .validationfailed {
	float: right;
	width: 250px;
	font-size: 1.2em;
	color: #F7008B;
	padding: 4px 0px;
}
#maincwf   #col-b  .col-r .validationfailed p {	
	font-size: 1em;
	color: #F7008B;
}
#maincwf #col-b .col-r .big, #maincwf #col-b .col-r textarea {
	background-color: #F7F7F7;
	padding: 2px;
	border: 1px solid #CCCCCC;
	width: 260px;
	font: 1.2em Arial, Helvetica, sans-serif;
	float: left;
}
#maincwf  #col-b  .col-r  .submit {
	background:#D30259 url(../../../2007/images/bg_submit_knop.jpg) repeat-x scroll left top;
	border:1px solid #D30259;
	cursor:pointer;
	padding:2px;
	color:#FFFFFF;
}
#maincwf #col-b .prijs {
	background-color: #ECECEC;
	padding: 5px 10px;
	position: relative;
	margin-bottom: 4px;
	font-size: 1.2em;
	color: #333333;
	line-height: 140%;
}
#maincwf #col-b .prijs span {
	position: absolute;
	top: 0px;
	right: 0px;
	display: block;
	padding: 5px 10px;
	width: 70px;
}
#maincwf #col-b .prijsuitleg {
	padding: 5px 10px;
	margin-bottom: 5px;
	font-size: 1.2em;
	color: #666666;
	line-height: 140%;
}
#maincwf #col-b .gallery {
	background-color: #FFFFFF;
	border: 1px solid #CCCCCC;
	padding: 4px 2px 2px 4px;
	width: 352px;
	margin-bottom: 30px;
}
#maincwf   #col-b   .gallery   img {
	margin-right: 2px;
	margin-bottom: 2px;
}
#maincwf #col-b .presenting span {
	display: block;
	float: left;
	width: 70px;
	font-size: 1.2em;
	color: #F7008B;
	line-height: 140%;
}
#maincwf #col-b .presenting ul {
	margin-left: 70px;
}
#maincwf #col-b .presenting ul li {
	background-image: none;
	margin: 0px;
	padding: 0px;
}
#maincwf #col-b .lijntje {
	background-color: #EBEBEB;
	height: 1px;
	margin-bottom: 30px;
	clear: both;
}
#maincwf #col-b .toplink {
	display: none;
}
#maincwf #col-b a.totop {
	font-size: 1em;
	color: #FFFFFF;
	display: block;
	background-image: url(../images/cwf_btt_back.png);
	background-repeat: repeat-x;
	background-position: left bottom;
	float: right;
	padding: 3px 8px;
	background-color: #FC008F;
}