/*Template CSS file Compass Design
Creative Commons Attribution v2.5 . This means that you are free to:
-to copy, distribute, display, and perform the work
-to make derivative works
-to make commercial use of the work
Under the following conditions:
-You must attribute the work in the manner specified by the author or licensor. (In this case, leaving a link to my site in the template footer).
For any reuse or distribution, you must make clear to others the license terms of this work.
Any of these conditions can be waived if you get permission from the copyright holder.*/

* {
margin:0;
padding:0;
}

body {
text-align:center;
/* font-size:76%; als expirement gewijzigd in onderstaande*/
font-size:8pt;
font-family:  Arial,Verdana, Tahoma,  Helvetica, sans-serif;
line-height:1.3;
background:#FFFFFF;
/* background:#333; */
}

#wrap {
min-width:760px;
max-width:960px;
width:auto !important;
width:960px;
text-align:left;
margin:0 auto;
}

#leftfauxcol {
background:url(../images/leftslidingcolumn.png) 20% 0;
}

#rightfauxcol {
background:url(../images/rightslidingcolumn.png) 80% 0;
}

#header {
color:#fff;
height:142px;
background:#212121 url(../images/header_lucht_960_142.jpg) no-repeat;
position:relative;
}

#header h1 {
font-family:"Lucida sans",Arial, Verdana, Helvetica, sans-serif small-caps;
font-variant:small-caps;
font-stretch:expanded;
padding-left:20px;
}

/* #header input {
background:url(../images/search.png) no-repeat;
border:0;
height:22px;
width:168px;
font:12px Arial, Helvetica, sans-serif;
padding:2px;
}
 */
#header .search {
position:absolute;
top:20px;
right:20px;
}

#top {
/* background:#ea6800 url(../images/teaser.png) no-repeat;*/
background:#39cf20;
/*padding:10px;*/
height:25px;
}

#top_content {

margin-left:5px; margin-right: 20px;
/* background:#FFF;*/
background-color: #f1f2f3;

}




/* #top .moduletable h3 {
color:#fff;
background:none;
text-align:left;
font:2.5em Verdana, Arial, Helvetica, sans-serif normal;
font-stretch:expanded;
margin:10px 10px 0 10px;
padding:10px;
}

#top .moduletable {
font:bold 1em/1.2 Verdana, Tahoma,Arial, Helvetica, sans-serif;
color:#fff;
border:0;
margin:0;
padding:0;
} */

#footer {
background:#212121;
color:#fff;
text-align:right;
clear:both;
}

#bottom {
background:#333;
color:#666;
padding:10px 50px;
}

#sidebar {
float:left;
width:20%;
}

#content60 {
float:left;
width:60%;
overflow:hidden;
/* background:#fff url(../images/pagetop.png) repeat-x;*/
}

#content80 {
float:left;
width:80%;
overflow:hidden;
/*background:#fff url(../images/pagetop.png) repeat-x; */
}

#content100 {
float:left;
width:100%;
overflow:hidden;
background:#fff url(../images/pagetop.png) repeat-x;
}

#sidebar-2 {
float:left;
width:20%;
}

.inside {
padding:10px;
}

.inside_component {
padding:10px;
clear:left;

}


#sidebar .inside,#sidebar-2 .inside {
padding-top:0;
}

h1,h2,h3,h4,h5,h6,p,blockquote,form,label,ul,ol,dl,fieldset,address,.componentheading,.contentheading {
margin:0.75em 0;
}

li,dd {
margin-left:1em;
}

fieldset {
padding:.5em;
}

/* onderstaande gewijzigd */
a:link,a:visited {
text-decoration:none;
color:#000;
/* color:#fff; weggehaald*/
}


a:hover {
text-decoration:underline;
color:#6CA1EA;
}

#content60 a:link,#content60 a:visited,#content80 a:link,#content80 a:visited,#content100 a:link,#content100 a:visited {
color:#000;
}

h1,.componentheading {
font-size:1.8em;
}

h2,.contentheading {
font-size:1.6em;
color: #000;
font-weight:bold;

}

h3 {
font-size:1.3em;
color: #000;
}

h4 {
font-size:1.2em;
}

h5 {
font-size:1.1em;
}

h6 {
font-size:1em;
font-weight:700;
}

.button {
border:#000 solid 1px;
background:#fff url(../images/buttonbackground.png) repeat-x;
height:25px;
line-height:25px
font-size:14px;
margin:4px 0;
padding:0 4px;
cursor:hand;
}

.small,.createdate,.modifydate,.mosimage_caption {
font:0.8em Arial,Helvetica,sans-serif;
color:#999;
}

.sectiontableheader {
background:url(../images/teaser.png);
color:#fff;
font:1.2em bold Arial,Verdana, Arial, Helvetica, sans-serif;
padding:5px;
}
.sectiontableheader a:link,.sectiontableheader a:visited {
color:#fff;
}

/* Module styling */
.moduletable {
margin-bottom:1em;
color:#fff;

font-size:1.1em;
}

.moduletable h3 {
font:1.3em Arial, Verdana, Tahoma,Arial,Helvetica,sans-serif;
/*background:#000; */
font-weight: bold;
background:#39cf20;
color:#ccc;
text-align:left;
margin:0 -10px;
padding:5px 10px;
}

/* heading opmaak rechts */

#sidebar-2 .moduletable h3 {
background:#F1F2F3;
color:#000;
}


#sidebar-2 li {list-style-image: url(../images/0068_green_box.png);}

/* heading opmaak top_content */
#top_content .moduletable h3 {
background:none;
color:#000;
}




/*Menu Styling*/
.moduletablemenu {
margin-bottom:1em;
}

.moduletablemenu h3 {
font:1.3em Arial,Verdana, Tahoma,Helvetica,sans-serif;
/* background:#000;*/

background:#39cf20;
color:#ccc;
text-align:left;
margin:0 -10px;
padding:5px 10px;
}


//*!!!!!!!!!!! QuickMenu Core CSS [Do Not Modify!] !!!!!!!!!!!!!*/
.menu 
.qmdivider{display:block;font-size:1px;border-width:0px;border-style:solid;position:relative;z-index:1;}
.menu .qmdividery{float:left;width:0px;}
.menu .qmtitle{display:block;cursor:default;white-space:nowrap;position:relative;z-index:1;}
.qmclear {font-size:1px;height:0px;width:0px;clear:left;line-height:0px;display:block;float:none !important;}
.menu {position:relative;zoom:1;z-index:10;}
.menu a, .menu li {float:left;display:block;white-space:nowrap;position:relative;z-index:1;}
.menu div a, .menu ul a, .menu ul li {float:none;}.qmsh div a {float:left;}
.menu div{visibility:hidden;position:absolute;}
.menu .qmcbox{cursor:default;display:inline-block;position:relative;z-index:1;}
.menu .qmcbox a{display:inline;}.menu .qmcbox div{float:none;position:static;visibility:inherit;left:auto;}
.menu li {z-index:auto;}
.menu ul {left:-10000px;position:absolute;z-index:10;}
.menu, .menu ul {list-style:none;padding:0px;margin:0px;}
.menu li a {float:none;}.menu li:hover>ul{left:auto;}
.moduletablemenu ul li, .moduletablemenu ul a {float:none;}
.moduletablemenu ul li:hover>ul{top:0px;left:100%;}


/*!!!!!!!!!!! QuickMenu Styles [Please Modify!] !!!!!!!!!!!*/

/*vervangingen: #qm0 door .moduletable ul en .qmmc door .menu */

	/* QuickMenu 0 */

	/*"""""""" (MAIN) Container""""""""*/	
	.moduletablemenu ul	
	{	/* width :190px */
		width:171px; 
		/* padding:40px 10px;
		padding:10px 0px; */
		margin:0px;  /*ONDERSTAANDE TWEE REGELS TOEGEVEOEGD*/
		/* margin:0 -10px;
		padding:5px 10px; */
		background-color:#39cf20;
		border-width:0px;
		border-style:solid;
		border-color:#39cf20;
	}


	/*"""""""" (MAIN) Items""""""""*/	
	.moduletablemenu ul a	
	{	
		/* padding:3px 20px 3px 3px;*/
		padding:3px 20px 3px 3px;
		margin:0px 0px 2px;
		background-color:transparent;
		color:#fafafa;
		font-family:Arial;
		font-size:14px;
		text-decoration:none;
		text-align:left;
		border-width:0px 0px 1px;
		border-style:solid;
		border-color:#f8f8f8;
	}


	/*"""""""" (MAIN) Hover State""""""""*/	
	.moduletablemenu ul a:hover	
	{	
		color:#ffffff;
		text-decoration:blink;
		border-color:#6286ce;
	}


	/*"""""""" (MAIN) Hover State - (duplicated for pure CSS)""""""""*/	
	.moduletablemenu ul li:hover>a	
	{	
		color:#ffffff;
		text-decoration:blink;
		border-color:#6286ce;
	}


	/*"""""""" (MAIN) Active State""""""""*/	
	body .moduletablemenu ul .qmactive, body .moduletablemenu ul .qmactive:hover	
	{	
		color:#ffffff;
		border-color:#6286ce;
	}


	/*"""""""" (SUB) Container""""""""*/	
	.moduletablemenu ul div, .moduletablemenu ul ul	
	{	
		padding:10px;
		background-color:#39cf20;
		border-width:0px;
		border-style:solid;
		border-color:#ffcc33;
	}


	/*"""""""" (SUB) Items""""""""*/	
	.moduletablemenu ul div a, .moduletablemenu ul ul a	
	{	
		padding:3px 20px 3px 5px;
		color:#fbfbfb;
		border-width:0px;
		border-color:#ffcc33;
	}


	/*"""""""" (SUB) Hover State""""""""*/	
	.moduletablemenu ul div a:hover	
	{	
		color:#fffefa;
		text-decoration:underline;
		font-style:normal;
		font-weight:normal;
	}


	/*"""""""" (SUB) Hover State - (duplicated for pure CSS)""""""""*/	
	.moduletablemenu ul ul li:hover>a	
	{	
		color:#fffefa;
		text-decoration:underline;
		font-style:normal;
		font-weight:normal;
	}


	/*"""""""" (SUB) Active State""""""""*/	
	body .moduletablemenu ul div .qmactive, body .moduletablemenu ul div .qmactive:hover	
	{	
		color:#6286ce;
		text-decoration:underline;
	}


	/*"""""""" Individual Titles""""""""*/	
	.moduletablemenu ul .qmtitle	
	{	
		margin:2px 5px 5px;
		color:#f6f6f6;
		font-family:Arial;
		font-size:14px;
		font-weight:bold;
	}


	/*"""""""" Individual Horizontal Dividers""""""""*/	
	.moduletablemenu ul .qmdividerx	
	{	
		border-top-width:1px;
		margin:4px 5px;
		border-color:#aaaaaa;
	}


	/*"""""""" Custom Rule""""""""*/	
	ul.moduletablemenu ul li .qmparent	
	{	
		background-image:url(qmimages/arrow_12.gif);
		background-repeat:no-repeat;
		background-position:97% 50%;
	}


	/*"""""""" Custom Rule""""""""*/	
	ul.moduletablemenu ul li:hover > a.qmparent	
	{	
		background-image:url(qmimages/arrow_13.gif);
	}

.moduletabletopmenu ul ul {top:100%;}
.moduletabletopmenu ul ul li:hover>ul{top:0px;left:100%;}


/*!!!!!!!!!!! QuickMenu Styles [Please Modify!] !!!!!!!!!!!*/


	/* QuickMenu 0 */

	/*"""""""" (MAIN) Container""""""""*/	
	.moduletabletopmenu ul	
	{	
		width:auto;
		padding:0px 0px 0px 200px;
		margin:0px;
		border-width:0px;
		border-style:solid;
	}


	/*"""""""" (MAIN) Items""""""""*/	
	.moduletabletopmenu ul a	
	{	
		padding:0px 30px 0px 3px;
		margin:0px 20px 0px 0px;
		background-color:transparent;
		color:#ffffff;
		font-family:Arial;
		font-size:10px;
		text-decoration:none;
		text-align:left;
		border-width:0px 1px 0px 0px;
		border-style:solid;
		border-color:#fbfbfb;
	}


	/*"""""""" (MAIN) Hover State""""""""*/	
	.moduletabletopmenu ul a:hover	
	{	
		color:#ffffff;
	}


	/*"""""""" (MAIN) Hover State - (duplicated for pure CSS)""""""""*/	
	.moduletabletopmenu ul li:hover>a	
	{	
		color:#ffffff;
	}


	/*"""""""" (MAIN) Active State""""""""*/	
	body .moduletabletopmenu ul .qmactive, body .moduletabletopmenu ul .qmactive:hover	
	{	
		color:#ffffff;
	}


	/*"""""""" (SUB) Container""""""""*/	
	.moduletabletopmenu ul div, .moduletabletopmenu ul ul	
	{	
		padding:15px;
		background-color:#39cf20;
		border-width:0px;
		border-style:solid;
	}


	/*"""""""" (SUB) Items""""""""*/	
	.moduletabletopmenu ul div a, .moduletabletopmenu ul ul a	
	{	
		padding:3px 20px 3px 5px;
		margin:0px;
		color:#fcfcfc;
		border-width:0px;
		border-color:#6286fe;
	}


	/*"""""""" (SUB) Hover State""""""""*/	
	.moduletabletopmenu ul div a:hover	
	{	
		color:#fcfcfc;
		text-decoration:underline;
	}


	/*"""""""" (SUB) Hover State - (duplicated for pure CSS)""""""""*/	
	.moduletabletopmenu ul ul li:hover>a	
	{	
		color:#fcfcfc;
		text-decoration:underline;
	}


	/*"""""""" (SUB) Active State""""""""*/	
	body .moduletabletopmenu ul div .qmactive, body .moduletabletopmenu ul div .qmactive:hover	
	{	
		color:#fcfcfc;
		text-decoration:underline;
	}


	/*"""""""" Individual Titles""""""""*/	
	.moduletabletopmenu ul .qmtitle	
	{	
		margin:2px 5px 5px;
		color:#f6f6f6;
		font-family:Arial;
		font-size:14px;
		font-weight:bold;
	}


	/*"""""""" Individual Horizontal Dividers""""""""*/	
	.moduletabletopmenu ul .qmdividerx	
	{	
		border-top-width:1px;
		margin:4px 5px;
		border-color:#aaaaaa;
	}


	/*"""""""" Custom Rule""""""""*/	
	ul.moduletabletopmenu ul li .qmparent	
	{	
		background-image:url(qmimages/arrow_14.gif);
		background-repeat:no-repeat;
		background-position:90% 50%;
	}


	/*"""""""" Custom Rule""""""""*/	
	ul.moduletabletopmenu ul li:hover > a.qmparent	
	{	
		background-image:url(qmimages/arrow_15.gif);
	}


	/*"""""""" Custom Rule""""""""*/	
	ul.moduletabletopmenu ul ul li .qmparent	
	{	
		background-image:url(qmimages/arrow_12.gif);
	}


	/*"""""""" Custom Rule""""""""*/	
	ul.moduletabletopmenu ul ul li:hover > a.qmparent	
	{	
		background-image:url(qmimages/arrow_13.gif);
	}




/*Tab Menu Styling*/

.moduletabletabs {
font:bold 1em Georgia, Verdana, Geneva, Arial, Helvetica, sans-serif;
}

.moduletabletabs ul {
list-style:none;
float:right;
margin:0;
padding:0;
background:#212121;
width:100%;
}

.moduletabletabs li {
float:right;
background:url(../images/tabs.png) no-repeat 0 -4px;
margin:0;
padding:0 0 0 12px;
}

.moduletabletabs a:link,.moduletabletabs a:visited {
float:left;
display:block;
color:#000;
background:url(../images/tabs.png) no-repeat 100% -4px;
text-decoration:none;
margin:0;
padding:7px 18px 5px 9px;
}

.moduletabletabs #current {
background:url(../images/tabs.png) no-repeat 0 -84px;
}

.moduletabletabs #current a {
color:#fff;
background:url(../images/tabs.png) no-repeat 100% -84px;
}

.design a:link,.design a:visited {
color:#666;
float:right;
font:0.8em Verdana, Arial, Helvetica, sans-serif;
}