﻿/*	Hoffman Krul & Partners		*/
/*  Created by iCREW 			*/
/* ============================ */
/*	green		#007E6C/#336C68 */
/*	l-green		#009F94			*/
/*	blue		#1E4288/#263B7A */
/*	orange		#F0832E/#FF6600	*/
/*	l-orange	#FCDAB3			*/
/* ============================ */

* {margin:0; padding:0}
html, body {height:100%}
body {background:#f7e0b6 url('../media/new/bg.jpg') repeat-x; font-size:60.5%; font-family:verdana, arial, helvetica, sans-serif; color:white;}
.clear {clear:both}
p {padding: 0 0 1em 0;}

h1,h2,h3,h4,h5,h6 { color: #057465; text-decoration:none;padding:0}
h1	{font-size: 1.5em; margin: 0 0 0.5em 0;}	
h2	{font-size: 1.2em; margin: 0;}	
h3	{font-size: 1.1em; font-weight:bold; margin: 0;}
h4	{font-size: 1.0em; margin: 0;}
h5	{font-size: 1.0em; margin: 0;}
h6	{font-size: 1.0em; margin: 0;}


#wrapper {height:100%; position:relative; width:930px; margin:0px auto; padding:0;border:0px solid #A5A5A5;font-size:1.1em;background: url('../media/new/wrapper_bg.gif')}

#header {width:910px;height:90px;padding:10px 20px 0 0; background:white}
	#keyfeat  {float:left;width:520px;margin:0 0 0 10px;padding:35px 0 0 0;color:#263B7A; list-style-type:none;}
		#keyfeat li {float:left;display:block;line-height:200%;font-weight:bold;margin-right:10px;padding-left:20px;background:url('../media/new/bullet.gif') no-repeat center left;}
			#keyfeat li a:link, #keyfeat li a:visited {text-align:center;color:#263B7A;text-decoration:none;}
			#keyfeat li a:hover, #keyfeat li a:active {text-align:center;color:#263B7A;text-decoration:underline;}
			#keyfeat li input {display:inline;line-height:auto}
			#keyfeat li input.inputbox {border:1px solid #AAAAAA;font-weight:normal}
	#logo {float:right}

#banner {width:930px;height:100px;background:#C6C6C6}
	.bannerLeft {float:left;width:465px;height:100px;background:white url('../media/new/banner1.gif') no-repeat top center}
	.bannerLeftA {float:left;width:465px;height:100px;background:white url('../media/new/banner1a.gif') no-repeat top center}
	.bannerLeftB {float:left;width:465px;height:100px;background:white url('../media/new/banner1b.gif') no-repeat top center}
	
	.bannerRight {float:left;width:465px;height:100px;background:white url('../media/new/banner2.gif') no-repeat top center}
	.bannerRightA {float:left;width:465px;height:100px;background:white url('../media/new/banner2a.gif') no-repeat top center}
	.bannerRightB {float:left;width:465px;height:100px;background:white url('../media/new/banner2b.gif') no-repeat top center}

#mainnav {position:relative; color:white; list-style-type:none; height:3em; z-index:100}
#mainnav dt {float:left; width:200px; height:100%; line-height:3em; background:#336C68; padding-left:10px; border-width:0px 0 0 0; border-color:#336C68; border-style:solid;font-weight:bold}
#mainnav dd {float:left;  height:100%; border-width:0px 0 0 1px; border-color:white; border-style:solid; background:#434D8C}
	#mainnav dd a:link, #mainnav dd a:visited {display:block; width:143px; text-align:center; height:100%; line-height:1.4em; color:white; text-decoration:none;}
	#mainnav dd a:hover, #mainnav dd a:active {display:block; text-align:center; height:100%; color:white; text-decoration:none; background:#43b4a2}
	#mainnav dd a:link.current, #mainnav dd a:visited.current,
	#mainnav dd a:hover.current, #mainnav dd a:active.current {display:block; line-height:auto; text-align:center; color:white; text-decoration:none;background:#FF6600}

	#mainnav dd ul {text-align:left; position:absolute; border-top:1px solid white; left:-999em; height:auto; width:auto; padding:0px 0; background:#336c68; list-style-type:none; }
	#mainnav dd li {width:160px; font-weight:normal; padding:2px 8px; text-align:left}
	#mainnav dd:hover ul,  #mainnav dd.sfhover ul{left:auto; top:32px; z-index:10}

#mainnav dt li:hover div, #mainnav dt li.over div {/* zoom:1;*/ position: static; left:auto}
#mainnav dt li:hover, #mainnav dt li.over {height:auto; position: static; }  

#mainnav dd li:hover div, #mainnav dd li.over div {/* zoom:1; */position: static; left:auto}
#mainnav dd li:hover, #mainnav dd li.over {height:auto; position: static; }  

#mainnav li:hover div, #mainnav li.over div {position: static; left:auto}
#mainnav li:hover, #mainnav li.over { position: static; }  


#mainnav li:hover {background-position: 0 0; /* IE7 Dropdown sticky hover state on click fix */}

#mainnav .navsub li {z-index:100}

	#mainnav .navsub li a:link, #mainnav .navsub li a:visited {text-align:left; padding:0px}
	#mainnav .navsub li a:hover, #mainnav .navsub li a:active {text-align:left}
	#mainnav .navsub li a:link.current, #mainnav .navsub li a:visited.current,
	#mainnav .navsub li a:hover.current, #mainnav .navsub  li a:active.current {text-align:left}

	#navsub_current {background:#43b4a2}

#ctrmain {background:url('../media/new/ctrBottom_bg2.gif') repeat-y top left}
/* #ctrBottom {width:930px;  background:#333 url('../media/new/ctrBottom_bg2.gif') repeat-y top left} */
#ctrBottom {float:left; width:210px;}


	#subnavcol {/*float:left; */width:210px; background:#8B8B8B; color:white; overflow:hidden}
		#subnavcol dl dt {line-height:250%;}
			#subnavcol dt a:link, #subnavcol dt a:visited {display:block; line-height:auto;color:white;text-decoration:none;background:#43b4a2;padding-left:10px}
			#subnavcol dt a:hover, #subnavcol dt a:active {display:block;line-height:auto;color:white;text-decoration:none;background:#FF6600;padding-left:10px}
			#subnavcol dt a:link.current, #subnavcol dt a:visited.current,	#subnavcol dt a:hover.current, #subnavcol dt a:active.current {display:block;line-height:auto;color:white;text-decoration:none;background:#43B4A2;padding-left:10px}
		#subnavcol dl dd {line-height:200%;}
			#subnavcol dd a:link, #subnavcol dd a:visited {display:block;line-height:auto;color:#336C68;text-decoration:none;background:#BEFFF5;padding-left:24px}
			#subnavcol dd a:hover, #subnavcol dd a:active {display:block;line-height:auto;color:#336C68;text-decoration:underline;background:#BEFFF5;padding-left:24px}
			#subnavcol dd a.active:link, #subnavcol dd a.active:visited {display:block;line-height:auto;color:#336C68;text-decoration:none;background:#BEFFF5;padding-left:24px;font-weight:bold}
			#subnavcol dd a.active:hover, #subnavcol dd a.active:active {display:block;line-height:auto;color:#336C68;text-decoration:underline;background:#BEFFF5;padding-left:24px;font-weight:bold}


#subnavcoltop {width:210px}
#subnavcoltop dl {margin:0 0 15px 12px}
#subnavcoltop dt {line-height:18px; background:url(../media/new/bullet01.gif) 0 7px no-repeat; padding:0 0 0 12px}
	#subnavcoltop dt a:link, #subnavcoltop dt a:visited {color:#FFF;text-decoration:none;}
	#subnavcoltop dt a:hover, #subnavcoltop dt a:active {color:#FFF;text-decoration:underline;}




	#nieuwscol {float:left;width:190px;color:white;overflow:hidden;padding:10px;}
		.wrapNewsItem {width: 190px; margin: 0 0 30px 0; line-height: normal; overflow: hidden;}
		.wrapNewsItem h1 {font-size: 11px; font-weight: bold; margin: 0;}
		.wrapNewsItem a {clear: both; color: white; text-decoration: none;}
		.wrapNewsItem a:hover {text-decoration: underline;}
	
	.portalBanners {float: left; margin: 35px 0 0 0;}	
		.portalBanners h1 {font-size: 1.5em; margin: 0 0 0.5em 0; color: white;}
		.portalBanners a:link, .portalBanners a:visited, .portalBanners a:hover, .portalBanners a:active {color:white;text-decoration:none; cursor: pointer;}
	.bannerStatic1 {float: left; width: 125px; height: 180px; margin: 0 1px; padding: 5px; background: #434d8c; color: white; overflow: hidden;}
	.bannerStatic2 {float: left; width: 125px; height: 180px; margin: 0 1px; padding: 5px; background: #ff6600; color: white; overflow: hidden;}
		.bannerStatic1 {color:white;text-decoration:none; cursor: pointer;}
	.bannerRotate {float: left; width: 135px; height: 190px;}

		
	#contentcol {background:#f8e0b6; float:left; width:720px; color:#434d8b;}
	#content {min-height:300px;padding:20px;line-height:1.6em}
		#content ul {margin:10px 0 0 30px} 
		#content a:link, #content a:visited {color:#ff6600;text-decoration:underline}
		#content a:hover, #content a:active {color:#ff6600;text-decoration:none;background:none}

	#content table, #content .block .block_header {z-indeX:-1}

#sitemaplist_l2 {padding:0 0 15px 0}






.block {width:221px; margin:2px 0 2px 0; z-index:0}
.block h2 {color:white; padding:8px 15px 10px 15px}
.block ul {margin:0; padding:0;}
.block li {list-style-type:none; line-height:18px}
.block_content {background:#FFF; /*height:240px*/ padding:0 0 10px 0}
.block_content p {padding:0 15px} 
.block_content p p {padding:0px} 
#content .block_content ul {padding:0 15px 10px 15px; margin:0} 
.block_content li {background:url(../media/ico_list01.gif) 0 7px no-repeat; list-style-type:none; line-height:18px; padding:0 0 0 10px}


.block_header {background:#336c68 url(../media/bg_block_header.gif) bottom no-repeat; padding:0 0 8px 0}
.block_header img {vertical-align:middle; margin:0 5px 0 0}


.block_rss {width:221px; margin:2px 0 2px 0}
.block_rss h2 {color:white; padding:8px 15px 10px 15px}
.block_rss ul {margin:0; padding:0}
#content .block_rss ul {padding:0 15px 10px 15px; margin:0}
.block_rss li {background:url(../media/ico_list01.gif) 0 7px no-repeat; list-style-type:none; line-height:18px; padding:0 0 0 10px}
.block_content_rss {background:#FFF; /*height:240px*/}

.block_header_rss {background:#336c68 url(../media/bg_block_header.gif) bottom no-repeat; padding:0 0 8px 0}
.block_header_rss img {vertical-align:middle; margin:0 5px 0 0}


#content .block_content a:link, #content .block_content a:visited {color:#336C68; text-decoration:none;}
#content .block_content a:hover, #content .block_content a:active {color:#336C68; text-decoration:underline;}

#content .block_content_rss a:link, #content .block_content_rss a:visited {color:#336C68; text-decoration:none;}
#content .block_content_rss a:hover, #content .block_content_rss a:active {color:#336C68; text-decoration:underline;}

