/*			www.mulligen.nl			*/
/*		    CSS by iCREW			*/
/*          www.icrew.nl			*/
/*									*/
/*       © iCREW 2000-2007			*/
/*      All rights reserved 		*/

/*		--color codes---			*/
/*		headerdark:	#364911			*/
/*		headerlight:#435512			*/
/*		bodylight:	#ECEDD9			*/
/*		bodydark:	#E3E6BD			*/
/*		blockMouseOver #303C32		*/

/* global settings */
*			{ margin:0; padding:0 }
img			{ border:0 }
a			{ -moz-outline-style:none }
.clear		{ clear:both;font-size:0 }
.hidden		{ display:none }
.floatRight { float:right }
.floatLeft	{ float:left }
.alignRight { text-align:right }
.alignLeft	{ text-align:left }

/* body and headers */
body { background:#ECEDD9 none repeat scroll 0%; font-family:Verdana,Arial,Helvetica,sans-serif; font-size:62.5%; }
h1 { font-size:1.6em; font-family:Verdana; line-height:1.6em; font-weight:bold;margin:0.3em 0 0.5em 0 }
h2 { font-size:1.4em; font-family:Verdana; line-height:1.4em; font-weight:bold;margin:0 0 0.2em 0 }
h3, h4, h5 { font-size:1.1em; font-family:Verdana; line-height:1.2em; font-weight:bold;margin:1.5em 0 0.5em 0 }

/* wrappers */
#wrapperTop		{ width:100%; position:relative; background:white; margin:0; padding:0 }
#wrapperBottom	{ width:100%; position:relative; background:transparent url(../media/bodyBg.gif) no-repeat scroll center top }

/* wrapperTop */
#theheader { width:950px; height:110px; position:relative; background:#364911 url(../media/headerBg.gif) no-repeat scroll left top; border:0; margin:0 auto; }
	#sitelogo { position:absolute; left:0; top:0 }
	#headerlinks { position:absolute; right:36px; top:16px; list-style-type:none }
	#headerlinks li { line-height:16px; margin:7px 0; padding:0 0 0 25px }
	#headerlinks li a:link, #headerlinks li a:visited { color:white;font:11px verdana;text-decoration:none }
	#headerlinks li a:hover, #headerlinks li a:active { color:white;font:11px verdana;text-decoration:underline }
	#headerlink1 { background:transparent url(../media/headerlink1.gif) no-repeat scroll left center }
	#headerlink2 { background:transparent url(../media/headerlink2.gif) no-repeat scroll left center }
	#headerlink3 { background:transparent url(../media/headerlink3.gif) no-repeat scroll left center }
#portalbanner { position:relative; width:950px; background:#435512; height:164px; margin:0 auto }

/* wrapperBottom */
#thebody { position:relative; width:950px; background:transparent none repeat scroll 0%; margin:0 auto }
.nav { background:#A4A480; list-style-type:none; padding-top:4px;margin-right:-4px; float:left }
.nav dt {height:29px;padding-bottom:4px}

/* navigation menu */
#mainnav1 dt { width:312px; margin-left:4px; padding-right:4px } /* width = minus 4px negative margin from .nav */
	#mainnav1 dt a {background:#001703 url('../media/navicon1.gif') no-repeat scroll center right;}
	#mainnav1 dt a:link, #mainnav1 dt a:visited {display:block}
	#mainnav1 dt a:hover, #mainnav1 dt a:active {display:block}
	#mainnav1 dd ul li, #mainnav1 dd ul li a:link, #mainnav1 dd ul li a:visited, #mainnav1 dd ul li a:hover, #mainnav1 dd ul li a:active   {width:282px;height:29px;line-height:29px;} /* width = minus 4px negative margin from .nav */

#mainnav2 dt { width:312px; margin-left:4px; padding-right:4px; } /* width = minus 4px negative margin from .nav */
	#mainnav2 dt a {background:#001703 url('../media/navicon1.gif') no-repeat scroll center right}
	#mainnav2 dt a:link, #mainnav2 dt a:visited {display:block}
	#mainnav2 dt a:hover, #mainnav2 dt a:active {display:block}
	#mainnav2 dd ul li, #mainnav2 dd ul li a:link, #mainnav2 dd ul li a:visited, #mainnav2 dd ul li a:hover, #mainnav2 dd ul li a:active   {width:282px;height:29px;line-height:29px;} /* width = minus 4px negative margin from .nav */
	
#mainnav3 dt { width:153px; margin-left:4px; padding-right:4px } /* width = minus 4px negative margin from .nav */
	#mainnav3 dt a {background:#001703 url('../media/navicon1.gif') no-repeat scroll center right}
	#mainnav3 dt a:link, #mainnav3 dt a:visited {display:block}
	#mainnav3 dt a:hover, #mainnav3 dt a:active {display:block}
	#mainnav3 dd ul li, #mainnav3 dd ul li a:link, #mainnav3 dd ul li a:visited, #mainnav3 dd ul li a:hover, #mainnav3 dd ul li a:active   {width:123px;height:29px;line-height:29px;} /* width = minus 4px negative margin from .nav */

#mainnav4 dt { width:153px; margin-left:4px; margin-right:4px }
	#mainnav4 dt a {background:#F0BD0D url('../media/navicon2.gif') no-repeat scroll center right}
	#mainnav4 dt a:link, #mainnav4 dt a:visited {display:block}
	#mainnav4 dt a:hover, #mainnav4 dt a:active {display:block}
	#mainnav4 dd ul li, #mainnav4 dd ul li a:link, #mainnav4 dd ul li a:visited, #mainnav4 dd ul li a:hover, #mainnav4 dd ul li a:active   {width:123px;height:29px;line-height:29px;}

/* dropdown */
.nav dd {position:absolute;background:#A4A480;}/* attribute "position" = javascript manipulated*/
.nav dd ul {list-style-type:none;display:none}/* attribute "display" = javascript manipulated*/
.nav dd ul li {position:relative;background:#001703 url('../media/pijltje.gif') no-repeat scroll center left;margin-left:4px;margin-right:4px;margin-bottom:4px;padding-left:30px;display:block} 
.nav dd ul li a:link, .nav dd ul li a:visited {display:block;font-size:12px;text-decoration:none;color:white;}
.nav dd ul li a:hover, .nav dd ul li a:active {display:block;font-size:12px;text-decoration:none;color:#F1BC0A;}

/* portal template */
#contentPortal {width:950px; min-height:333px; background:#ECEDD9 url('../media/contentBg.gif') no-repeat scroll top center;}
	.portalBlock {float:left;width:312px;list-style-type:none;border:1px solid #B0B900;margin-top:19px}
		.portalBlockHover {float:left;width:312px;list-style-type:none;border:1px solid #B0B900;margin-top:19px;cursor:hand;cursor:pointer}
	#portalBlock1, #portalBlock2 {margin-right:4px}
	.portalBlock dt, .portalBlockHover dt {width:312px; height:165px; padding-bottom:9px; background:#A4A480}
	.portalBlock dd {display:block;padding:9px;background:#001703;color:white;overflow:hidden;font-size:1.1em}
		.portalBlockHover dd {display:block;padding:9px;background:#303C32;color:white;overflow:hidden;font-size:1.1em}
	.portalBlock dd h2 a:link, .portalBlock dd h2 a:visited {color:white;text-decoration:underline}
	.portalBlock dd h2 a:hover, .portalBlock dd h2 a:active {color:white;text-decoration:none}
	.js dd h2 a:link, .js dd h2 a:visited {color:white;text-decoration:none}
	.js dd h2 a:hover, .js dd h2 a:active {color:white;text-decoration:none}

/* subPage template */
#contentSub { width:954px; min-height:333px; background:#ECEDD9 url('../media/contentBg.gif') no-repeat scroll top center; }
#contentSub { font:1.2em verdana; color:#364900; line-height:1.5em}
	
	/* 2-column layout */
	#leftContent {float:left;padding:13px;width:600px;background:transparent}
	#leftContent a:link, #leftContent a:visited {color:#B1BA00;text-decoration:underline}
	#leftContent a:hover, #leftContent a:active {color:white;background:#B1BA00;text-decoration:none}
	#leftContent ul {margin:5px 0 5px 20px}
	#leftContent ol {margin:5px 0 5px 30px}
	#leftContent p {margin-bottom:1.2em}
	#rightContent {float:right;width:318px;min-height:500px;background:transparent;list-style-type:none;}
	#rightContent li {float:left;width:155px;height:135px;background:#F0BD0D;margin:0 4px 4px 0;text-align:center;line-height:135px;color:#364911;overflow:hidden}
	#rightContent li.licht {font-size:24px;background:#CACDB7}
	#rightContent li.donker {font-size:30px;background:#91976E}
	
	/* 1-column layout */
	#contentSubFull {padding:13px;background:transparent}
	#contentSubFull a:link, #contentSubFull a:visited {color:#B1BA00;text-decoration:underline}
	#contentSubFull a:hover, #contentSubFull a:active {color:white;background:#B1BA00;text-decoration:none}
	#contentSubFull ul {margin:5px 0 5px 20px}
	#contentSubFull ol {margin:5px 0 5px 30px}
	#contentSubFull p {margin-bottom:1.2em}