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

* {
	margin: 0;
	font-family: "Vectora LT Std", "Vectora LH", Helvetica, Arial;
}

html, body {
	height: 100%;
	background-color: #E9EAEC;
}

.shadebody {
/* After the page is downloaded swap the backdrop with a shade */
	height: 100%;
	background-color: #E9EAEC;
	background-image: url(backshade.gif);
	background-attachment: fixed;
	background-position: 50% 0px;
	background-repeat: repeat-y;
}

.wrapper {
	width:990px;
	min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: 0 auto -140px auto;
    display: block;
    background-color: #FFFFFF;
}

.imagecomment{ float: left; width: 500px; }
.imagespace  { float: left; width: 225px; }

.toplink{ 	border: 0px; }

#top-links {
	float: right;
	display: block;
}
#pagename {
	position:absolute;
	margin-left: 220px;
	margin-top: 61px;
	display: block;
}
#homepagelink{
	position:absolute;
	margin-left: 0px;
	margin-top: 0px;
	display: block;
}

#navigation {
	background-image: url(header_line.gif);
	
	width: 750px;
	position:absolute;
	margin-left: 220px;
	margin-top: 97px;
	margin-bottom: 0px;
	display: block;
	height: 26px;
	font-size: 1px;
	
}

#content {
	margin-left: 20px;
	margin-top: 11px;
	margin-right: 17px;
	margin-bottom: 20px; 
	color: #6d6e71;
	font-size: 1px; 
}
 
#main { 		width: 906px; padding:0px; margin:0px; font-size: 12px; } 
#area { 		width: 906px; float: right; padding:0px; margin:0px; font-size: 12px; }
#leftside {	width: 410px;	float: left;	top:0px;}
#rightside { 	width: 490px; float: right; top:0px;}

#leftside_iframe 	{	width: 570px;	float: left;	}
#leftside_workshop 	{	width: 448px;	float: left;	}
#rightside_workshop { 	width: 200px; 	float: left;    margin-left: 32px;	}
#write_workshop 	{ 	width: 446px;	float: left;	margin-top: 28px;}
#photo_workshop 	{ 	width: 420px;	float: left;	margin-top: 0px;}
#write_cs 			{ 	width: 660px;	float: left;	margin-top: 28px; line-height: 14pt;}

#rightside415 { width: 415px; float: right; top:0px;}
#crumspace{ 	height: 20px; }
#writewide { 	
	width: 900px; margin-top: 28px;
	font-size: 10pt;
	color: #6D6E71;
	line-height: 14pt;
}
#writewideintro { 	
	width: 820px; margin-top: 0px;
	font-size: 10pt;
	color: #6D6E71;
	line-height: 14pt;
}
#write {
	width: 409px;
	margin-top: 28px;
	font-size: 10pt;
	color: #6D6E71;
	line-height: 14pt;
}
#photo { 	
	width: 490px; background-color: #FFFFFF; text-align:right;
}

.push   { width: 990px; height: 95px; clear:both;  }
.foot   { width: 990px; height: 95px; display: block; margin: -30px auto;} 
#footer {	width: 990px; height: 95px;  display: block; }
#footerright { width: 900px; height: 115px; border: 0px; display: block; }
#footline    { width: 400px; height: 20px; border: 0px; display: block; float:left; margin-left:14px; margin-top: 74px;}
#footimg     { width: 490px; height: 115px; border: 0px; display: block; float:right; text-align:right;}


a {
	text-decoration: none;
}

/* Navigatie Show en Hide in list */
ul {
	display: block;
	position: relative;
	list-style: none;
	float:right;
	background-attachment:inherit;
	background-repeat:no-repeat;
}

ul a {
	text-decoration: none;
	display: block;
}

ul li{
	display:block;
	float: left;
	position: relative;
	border: 0px;
	margin: 0px;
	padding-top: 0px;
	height: 26px;
}

ul li:hover ul   { display: block; }
ul li.sfhover ul { display: block; }

ul li ul {
	display: none;
	position: absolute;
	border: 0px;
	width: 126px;
}
ul li ul li {
	margin: 0px;
	height: 20px;
	display: block; 
	position: relative;
	float:left;
}

/* Navigatie Submenu Achtergronden */
ul li ul.menu1 { background-image: url(menu1-nl-backdrop.gif); width:106px; height: 68px; margin: 0; padding: 0;  border:0; }
ul li ul.menu2 { background-image: url(menu2-nl-backdrop.gif); width:106px; height: 68px; margin: 0; padding: 0;  border:0; }
ul li ul.menu3 { background-image: url(menu3-nl-backdrop.gif); width:106px; height: 68px; margin: 0; padding: 0;  border:0; }
ul li ul.menu4 { background-image: url(menu4-nl-backdrop.gif); width:116px; height: 88px; margin: 0; padding: 0;  border:0; }

ul li:hover ul ,  ul li.sfhover ul {
	display: block;
}

/* Navigatie Hoofdmenu */
.header1 { 			background-image: url( btn_main_item1.png ); width:120px; height: 26px; border:0; }
.header1:hover { 	background-image: url( btn_main_item1.png ); }
.header1-sfhover { 	background-image: url( btn_main_item1.png ); width:120px; height: 26px; border:0; }

.header2 { 			background-image: url( btn_main_item2.png ); width:194px; height: 26px; border:0; }
.header2:hover { 	background-image: url( btn_main_item2.png ); }
.header2-sfhover { 	background-image: url( btn_main_item2.png ); width:194px; height: 26px; border:0; }

.header3 { 			background-image: url( btn_main_item3.png ); width:110px; height: 26px; border:0; }
.header3:hover { 	background-image: url( btn_main_item3.png ); }
.header3-sfhover { 	background-image: url( btn_main_item3.png ); width:110px; height: 26px; border:0; }

.header4 { 			background-image: url( btn_main_item4.png ); width:142px; height: 26px; border:0; }
.header4:hover { 	background-image: url( btn_main_item4.png ); }
.header4-sfhover { 	background-image: url( btn_main_item4.png ); width:142px; height: 26px; border:0; }


.header1selected { 			background-image: url( btn_main_item1_hover.png ); width:120px; height: 26px; border:0; }
.header1selected:hover { 	background-image: url( btn_main_item1_hover.png ); }
.header1selected-sfhover { 	background-image: url( btn_main_item1_hover.png ); width:120px; height: 26px; border:0; }

.header2selected { 			background-image: url( btn_main_item2_hover.png ); width:194px; height: 26px; border:0; }
.header2selected:hover { 	background-image: url( btn_main_item2_hover.png ); }
.header2selected-sfhover { 	background-image: url( btn_main_item2_hover.png ); width:194px; height: 26px; border:0; }

.header3selected { 			background-image: url( btn_main_item3_hover.png ); width:110px; height: 26px; border:0; }
.header3selected:hover { 	background-image: url( btn_main_item3_hover.png ); }
.header3selected-sfhover { 	background-image: url( btn_main_item3_hover.png ); width:110px; height: 26px; border:0; }

.header4selected { 			background-image: url( btn_main_item4_hover.png ); width:142px; height: 26px; border:0; }
.header4selected:hover { 	background-image: url( btn_main_item4_hover.png ); }
.header4selected-sfhover { 	background-image: url( btn_main_item4_hover.png ); width:142px; height: 26px; border:0; }


/* Navigatie Menu Items */
.menu1sub1 { width:108px; height: 20px; border: 0; }
.menu1sub2 { width:108px; height: 20px; border: 0; }
.menu1sub3 { width:108px; height: 20px; border: 0; }

.menu2sub1 { width:108px; height: 20px; border: 0; }
.menu2sub2 { width:108px; height: 20px; border: 0; }
.menu2sub3 { width:108px; height: 20px; border: 0; }

.menu3sub1 { width:108px; height: 20px; border: 0; }
.menu3sub2 { width:108px; height: 20px; border: 0; }
.menu3sub3 { width:108px; height: 20px; border: 0; }

.menu4sub1 { width:118px; height: 20px; border: 0; }
.menu4sub2 { width:118px; height: 20px; border: 0; }
.menu4sub3 { width:118px; height: 20px; border: 0; }
.menu4sub4 { width:118px; height: 20px; border: 0; }


/* Navigatie Menu Items MouseOver */
/*
.menu1sub1:hover { background-image: url(menu1-forwho.gif);		height: 20px; border: 0;}
.menu1sub2:hover { background-image: url(menu1-what.gif); 		height: 20px; border: 0;}
.menu1sub3:hover { background-image: url(menu1-workshop.gif); 	height: 20px; border: 0;}
.menu2sub1:hover { background-image: url(menu2-forwho.gif); 	height: 20px; border: 0;}
.menu2sub2:hover { background-image: url(menu2-what.gif); 		height: 20px; border: 0;}
.menu2sub3:hover { background-image: url(menu2-workshop.gif); 	height: 20px; border: 0;}
.menu3sub1:hover { background-image: url(menu3-forwho.gif); 	height: 20px; border: 0;}
.menu3sub2:hover { background-image: url(menu3-what.gif); 		height: 20px; border: 0;}
.menu3sub3:hover { background-image: url(menu3-workshop.gif); 	height: 20px; border: 0;}
.menu4sub1:hover { background-image: url(menu4-forwho.gif); 	height: 20px; border: 0;}
.menu4sub2:hover { background-image: url(menu4-what.gif); 		height: 20px; border: 0;}
.menu4sub3:hover { background-image: url(menu4-info.gif); 		height: 20px; border: 0;}
.menu4sub4:hover { background-image: url(menu4-news.gif); 		height: 20px; border: 0;}
*/
.menu1sub1:hover { background-image: url(menu1-wie.gif);		height: 20px; border: 0;}
.menu1sub2:hover { background-image: url(menu1-wat.gif); 		height: 20px; border: 0;}
.menu1sub3:hover { background-image: url(menu1-workshop.gif); 	height: 20px; border: 0;}
.menu2sub1:hover { background-image: url(menu2-wie.gif); 		height: 20px; border: 0;}
.menu2sub2:hover { background-image: url(menu2-wat.gif); 		height: 20px; border: 0;}
.menu2sub3:hover { background-image: url(menu2-workshop.gif); 	height: 20px; border: 0;}
.menu3sub1:hover { background-image: url(menu3-wie.gif); 		height: 20px; border: 0;}
.menu3sub2:hover { background-image: url(menu3-wat.gif); 		height: 20px; border: 0;}
.menu3sub3:hover { background-image: url(menu3-workshop.gif); 	height: 20px; border: 0;}
.menu4sub1:hover { background-image: url(menu4-wie.gif); 		height: 20px; border: 0; background-repeat:no-repeat; }
.menu4sub2:hover { background-image: url(menu4-wat.gif); 		height: 20px; border: 0; background-repeat:no-repeat; }
.menu4sub3:hover { background-image: url(menu4-informatie.gif); 		height: 20px; border: 0; background-repeat:no-repeat; }
.menu4sub4:hover { background-image: url(menu4-news.gif); 		height: 20px; border: 0; background-repeat:no-repeat; }

/* Navigatie Menu Items MouseOver IE 6 */
.menu1sub1-sfhover { background-image: url(menu1-wie.gif);		width:108px; height: 20px; border: 0; }
.menu1sub2-sfhover { background-image: url(menu1-wat.gif); 		width:108px; height: 20px; border: 0; }
.menu1sub3-sfhover { background-image: url(menu1-workshop.gif); width:108px; height: 20px; border: 0; }
.menu2sub1-sfhover { background-image: url(menu2-wie.gif); 		width:108px; height: 20px; border: 0; }
.menu2sub2-sfhover { background-image: url(menu2-wat.gif); 		width:108px; height: 20px; border: 0; }
.menu2sub3-sfhover { background-image: url(menu2-workshop.gif); width:108px; height: 20px; border: 0; }
.menu3sub1-sfhover { background-image: url(menu3-wie.gif); 		width:108px; height: 20px; border: 0; }
.menu3sub2-sfhover { background-image: url(menu3-wat.gif); 		width:108px; height: 20px; border: 0; }
.menu3sub3-sfhover { background-image: url(menu3-workshop.gif); width:108px; height: 20px; border: 0; }
.menu4sub1-sfhover { background-image: url(menu4-wie.gif); 		width:118px; height: 20px; border: 0; background-repeat:no-repeat; }
.menu4sub2-sfhover { background-image: url(menu4-wat.gif); 		width:118px; height: 20px; border: 0; background-repeat:no-repeat; }
.menu4sub3-sfhover { background-image: url(menu4-informatie.gif); width:118px; height: 20px; border: 0; background-repeat:no-repeat; }
.menu4sub4-sfhover { background-image: url(menu4-news.gif); 	width:118px; height: 20px; border: 0; background-repeat:no-repeat; }

#overlay {
	background-image: url(overlay.png);
	background-repeat: no-repeat;
	display:none;
	position:absolute;
	top:90px;
	left:325px;
	width: 730px;
	height: 330px;
}
#overlay_content {
	font-size:12px;
	margin: 24px 32px 32px 24px;
}