/*	www.rebus-it.nl			*/
/*	CSS by iCREW			*/
/*	www.icrew.nl			*/

/*	darkblue:	#005aab		*/

/* global settings */
*			{ margin:0; padding:0 }
img			{ border:0; }
a			{ -moz-outline-style:none }
.clear		{ clear:both }
.hidden		{ display:none }
.floatright { float:right }
.floatleft	{ float:left }
.alignright	{ text-align:right }
.alignleft	{ text-align:left }

body {font-family:Verdana, Arial, Helvetica, sans-serif; color:#005aab; font-size:62.5%; line-height:17px; padding:0 0 12px 0}
p {padding:0 0 1em 0}

/*td {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; line-height:17px}*/

h1 {font-size:1.4em; font-weight:bold; margin:0 0 0.5em 0; padding:0}
h2 {font-size:1.4em; font-weight:bold; margin:0 0 0.5em 0; padding:0}
h3 {font-size:1.1em; font-weight:bold; margin:0; padding:0}

#ctrRoot {width:976px; padding:0; margin:0 auto; text-align:left; background:white; overflow:hidden; font-size:1.1em}

	/* hyperlinks */
	#ctrHeader a:link, #ctrHeader a:visited {text-decoration:none;color:#005aab}
	#ctrHeader a:hover, #ctrHeader a:active {text-decoration:none;color:white;background:#005aab}
	 
	.columnLeft a:link, .columnLeft a:visited {text-decoration:none;color:#005aab;line-height:200%}
	.columnLeft a:hover, .columnLeft a:active {text-decoration:none;color:white;background:#005aab;line-height:200%}
		.columnLeft a.active:link, .columnLeft a.active:visited {text-decoration:none;color:white;background:#005aab;line-height:200%}
		.columnLeft a.active:hover, .columnLeft a.active:active {text-decoration:none;color:white;background:#005aab;line-height:200%}
 
	#ctrContentSub .columnMid a:link, #ctrContentSub .columnMid a:visited, #ctrContentSub .columnFull a:link, #ctrContentSub .columnFull a:visited {text-decoration:underline;color:#005aab}
	#ctrContentSub .columnMid a:hover, #ctrContentSub .columnMid a:active, #ctrContentSub .columnFull a:hover, #ctrContentSub .columnFull a:active {text-decoration:none;color:white;background:#005aab}

	#ctrContentSub .columnRight a:link, #ctrContentSub .columnRight a:visited {text-decoration:underline;color:#005aab}
	#ctrContentSub .columnRight p a:hover, #ctrContentSub .columnRight a:active {text-decoration:none;color:white;background:#005aab}

	#ctrFooter .columnMid a:link, #ctrFooter .columnMid a:visited {text-decoration:none;color:white}
	#ctrFooter .columnMid a:hover, #ctrFooter .columnMid a:active {text-decoration:underline;color:white}

	#ctrFooter .columnRight a:link, #ctrFooter .columnRight a:visited {text-decoration:none;color:white}
	#ctrFooter .columnRight a:hover, #ctrFooter .columnRight a:active {text-decoration:underline;color:white}

	#ctrBannerlogos {width:976px; margin:10px auto 0 auto}
	
	/*  header */
	#ctrHeader {float:left; width:976px; height:148px; overflow:hidden}
	.payOffNederlands{background:url('../media/payoff_gif.jpg') bottom right no-repeat;}
	.payOffEnglish{background:url('../media/payoff_gif_en.jpg') bottom right no-repeat;}
	.payOffFrench{background:url('../media/payoff_gif_fr.jpg') bottom right no-repeat;}
		#logo {float:left; margin:10px 0 0 0}
		#logo a:link, #logo a:visited, #logo a:hover, #logo a:active {display:block;background:white}
		#headerImage {float:left; margin:0 0 0 130px}
		#topMenu {float:right; margin:10px 0 0 0}
			#topMenu div {padding-bottom:4px}
		#topSearch {float:right; margin:10px 0 0 0; clear:both}
	
	/* menu */
	#ctrMenu {float:left; width:976px; height:44px; background:#d8d7d7}
		#nav {display:inline; float:left; width:746px; height:40px; padding:0; margin-left:215px; list-style:none; font-weight:bold}
		#nav li {float:left}
		#nav li a {display:block; padding:14px 15px 14px 15px; margin:0 35px 0 0; text-decoration:none; color:#005aab; background:url(../media/arrow_mainNav.gif) no-repeat bottom right}
		#nav li a:hover, #nav li a.active {text-decoration:none}
		
		#nav li:hover, #menu li.hover {position:static}
				
		#nav ul {margin:0; padding:0; width:190px; list-style:none; font-weight:normal; border-top:5px solid white}
		#nav ul a {margin:0; padding:0; list-style:none; background:#d8d7d7; display:inline}
				
		#nav li ul {position:absolute; left:-999em}
		#nav li ul a {display:block; width:140px; padding:0.5em 15px 0.5em 25px; color:#005aab; background-image:url(../media/arrow_downNav.gif); background-repeat:no-repeat; background-position:15px 12px}
		#nav li ul a:hover, #nav li ul a.active {color:white; background:#938683; background-image:url(../media/arrow_downNav_active.gif); background-repeat:no-repeat; background-position:15px 12px}
		#nav li:hover ul, #nav li.sfhover ul {left:auto}
	
	/* menu2 */
	#ctrMenu2 {float:left; width:976px; height:44px; background:#d8d7d7}
		#nav2 {display:inline; float:left; width:746px; height:40px; padding:0; margin-left:0px; list-style:none; font-weight:bold}
		#nav2 li {float:left}
		#nav2 li a {display:block; padding:14px 15px 14px 15px; margin:0 35px 0 0; text-decoration:none; color:#005aab; background:url(../media/arrow_mainNav.gif) no-repeat bottom right}
		#nav2 li a:hover, #nav2 li a.active {text-decoration:none}
		
		#nav2 li:hover, #menu2 li.hover {position:static}
				
		#nav2 ul {margin:0; padding:0; width:190px; list-style:none; font-weight:normal; border-top:4px solid white}
		#nav2 ul a {margin:0; padding:0; list-style:none; background:#d8d7d7; display:inline}
				
		#nav2 li ul {position:absolute; left:-999em}
		#nav2 li ul a {display:block; width:140px; padding:0.5em 15px 0.5em 25px; color:#005aab; background-image:url(../media/arrow_downNav.gif); background-repeat:no-repeat; background-position:15px 12px}
		#nav2 li ul a:hover, #nav2 li ul a.active {color:white; background:#938683; background-image:url(../media/arrow_downNav_active.gif); background-repeat:no-repeat; background-position:15px 12px}
		#nav2 li:hover ul, #nav2 li.sfhover ul {left:auto}

	/* content portal */
	#ctrContent {float:left; width:976px; padding:5px 0 0 0}
	.blockTopWide {float:left; width:352px; height:217px; margin:0 5px 5px 0; overflow:hidden;}
		.twImage {float:left; width:352px; height:100px; margin:0 0 5px 0; overflow:hidden}
		.twText {float:left; width:342px; height:97px; padding:10px 5px 5px 5px; color:#005aab; background:#bbdeff; overflow:hidden}
	.blockTopSmall {float:left; width:252px; height:207px; margin:0 0 5px 0; padding:5px; background:#bbdeff; overflow:hidden}

.blockTopSmall img, .blockTopSmall a {float: left; margin:0; padding:0;}
.blockTopSmall li {margin:0; padding:0}
.blockTopSmall a:link, .blockTopSmall a:visited {margin:0; padding:0}
.blockTopSmall a:hover,.blockTopSmall a:active {margin:0; padding:0}



	.wrapBotLeft {float:left; width:468px; height:256px; margin:0 5px 0 0}
		.blockBotTop {float:left; width:458px; height:123px; margin:0 0 5px 0; padding:5px; color:white; background:#005aab; overflow:hidden}
		.blockBotNews {float:left; width:458px; height:118px; margin:0 0 5px 0; padding:5px; color:white; background:#005aab; overflow:hidden}
			.newslist dt {float:left;width:115px; /*line-height:2em*/}
			.newslist dd {/*line-height:2em*/}
			.newslist dd a:link, .newslist dd a:visited {padding-left:4px;font-weight:bold;color:white;text-decoration:none }
			.newslist dd a:hover, .newslist dd a:active {padding-left:4px;font-weight:bold;color:#005aab;text-decoration:none;background:white}
		.blockBotAd {float:left; width:468px; height:78px; background:#F4F1F1; overflow:hidden}
	.blockBotRight {float:left; width:493px; height:256px; padding:5px; background:#005aab; overflow:hidden}
	
	/* content sub */
	#ctrContentSub {float:left; width:956px; margin:5px 0 0 0; padding:10px; background:#f4f1f1}
		.wrapContentSub {float:left; width:956px; min-height:430px; background:url('../media/bg_wrapContentSub.gif') repeat-y}
			.columnLeft {float:left; width:199px; padding:0 11px 0 0; overflow:hidden; color:#9f928c}
				/* submenu */
				#subNav {display:block; clear:both; margin:0; padding:0; list-style:none}
				#subNav li ul {margin-left:2em; padding:0; list-style-position:outside}	
		
			.columnMid {float:left; width:471px; padding:0 11px 0 10px; overflow:hidden; line-height:200%}
				.columnMid ul, .columnMid ol, .columnRight ul, .columnRight ol {clear:both; margin:0 0 1em 1.5em; padding:0; list-style-type:square; list-style-position:outside}
			.columnRight {float:left; width:254px; overflow:hidden;line-height:200%}
			.columnFull {float:left; width:725px; padding:0 11px 0 10px; overflow:hidden; line-height:200%}				

			.blockComponent {float:left; width:244px; margin-bottom:15px; padding:5px; background:#bbdeff; overflow:hidden; /*line-height:200%*/}				
			.blockComponent img, .blockComponent a {float: left; font-size:11px;/*line-height:100%;*/}
	
.blockComponent ul {}
.blockComponent li {display:block}


	/* footer */
	#ctrFooter {float:left; width:956px; padding:10px; margin-top:5px; background:#005aab}
	
	#ctrFooter h1 {font-size:1.1em}
		#wrapFooter {float:left; width:956px; color:white; background:url('../media/bg_wrapFooter.gif') repeat-y}
			#wrapFooter .columnMid {float:left; width:471px; padding:0 11px 0 220px; overflow:hidden}
			#wrapFooter .columnRight {float:left; width:244px; padding:0 0 0 10px; overflow:hidden}
				#wrapFooter ul li {clear:both; margin:0; padding:0 0 0 1.5em; list-style:none; list-style-position:outside; background-image:url(../media/bullet_downloads.gif); background-repeat:no-repeat; background-position:0 3px}



table a:link, table a:visited {text-decoration:none;color:#005aab}
table a:hover, table a:active {text-decoration:none;color:white;background:#005aab}

a.imagelink:hover { background-color: transparent; }
img:hover {background-color: transparent;}