/* DEFAULT
-------------------------------------------------------------------------- */

#fixme{
}

div#menu span,
ul#breadcrumb span{
	text-decoration:underline;
}

html,body{
	width:100%; height:100%;
	margin:0; padding:0;
	}

body{
	font-family: Arial, Verdana, Tahoma;
	background:#fff;
	
}	

body.default{
	background-color:#ccc !important;
	background:url(../img/bg_body.gif) repeat-y center top;
}

body.black-yellow{
	background-color:yellow !important;
	background:url(../img/bg_body_black_yellow.gif) repeat-y center top;
}

body.black-white{
	background-color:#fff !important;
	background:url(../img/bg_body_black_white.gif) repeat-y center top;
}


body.black-white{
	background-color:white !important;
}

a img{
	border-style:none;
}

/* LOGO
-------------------------------------------------------------------------- */

h1{
	margin:40px 0 0 28px; padding:0;
	width:164px;
	height:85px;
	float:left;
	}
	
h1 img{
	border-style:none;
	}	
	
/* PAYOFF
-------------------------------------------------------------------------- */	
	
h2{
	margin:50px 55px 0 0; padding:0;
	font-size:28px;
	float:right;
	color:#00308c;
	width:645px;
	white-space:nowrap;
	}	
	
body.black-yellow h2,
body.black-white h2{
	color:#000;
}	

/* PAYOFF 2
-------------------------------------------------------------------------- */
	
h3{
	margin:0 55px 0 0 ; padding:0;
	font-size:16px;
	width:645px;
	float:right;
	clear:right;
	color:#00308c;
	}
	
body.black-yellow h3,
body.black-white h3{
	color:#000;
}	

/* PAGE TITLES
-------------------------------------------------------------------------- */

h4{
	color:#668c00;
	font-size:140%;
	margin:0; padding:0;
	}
	
body.black-yellow h4,
body.black-white h4{
	color:#000
}	

/* PAGE SUBTITLES
-------------------------------------------------------------------------- */
	
h5{
	margin:0;
	font-size:120%;
	color:#668c00;
	}
	
body.black-yellow h5,
body.black-white h5{
	color:#000;
}	
	
h5 a{
	color:#00308c;
	}	
	
body.black-yellow h5 a,
body.black-white h5 a{
	color:#000;
}	

div.content-main a,
p a{
	color:#00308c;
	font-weight:bold;
	}

body.black-yellow div.content-main a,
body.black-white div.content-main a,
body.black-yellow p a,
body.black-white p a{
	color:#000;
}	
	
div.content-main a:hover,
p a:hover{
	color:000 !important;
	text-decoration:none;
	}
body.black-yellow div content-main a:hover,
body.black-white div.content-main a:hover,	
body.black-yellow p a:hover,
body.black-white p a:hover{
	color:#000;
	text-decoration:none;
}	

/* CONTROLS
-------------------------------------------------------------------------- */

ul#controls{
	width:35px;
	margin:0; padding:0;
	position:absolute; top:154px; 
	left:50%;
	margin-left:450px;
	border-top:1px solid #fff;
	border-left:1px solid #fff;
	border-right:1px solid #fff;
	}

body.black-yellow ul#controls,
body.black-white ul#controls{
	border-color:#000 !important;
}
	
ul#controls li{
	width:35px; height:35px;
	background:#00308c;
	text-align:center;
	list-style-type:none;
	border-bottom:1px solid #fff;
	}	

ul#controls li img{
	width:50px; height:50px;
	}

body.black-yellow ul#controls li,
body.black-white ul#controls li{
	border-color:#000 !important;
}
	
body.black-yellow ul#controls li{
	background:yellow;
}	

body.black-white ul#controls li{
	background:#fff;
}

ul#controls li.selected{
	background:#668c00 !important;
	border-style:none !important;
}

body.black-yellow ul#controls li.selected{
	background:#000 !important;
}

body.black-white ul#controls li.selected{
	background:#000 !important;
}

ul#controls li:hover{
	background:#668c00;
}

body.black-white ul#controls li:hover,
body.black-yellow ul#controls li:hover{
	background:#000 !important;
}

/* ico bigger */

body ul#controls li a img{
	width:35px;	height:35px;
	}
	
body.black-yellow ul#controls li a img#ico_bigger{
	background:url(../img/ico_bigger_black-yellow.png) no-repeat center;
	}

body.black-yellow ul#controls li a img#ico_bigger:hover{
	background:url(../img/ico_bigger_black-yellow_hover.png) no-repeat center;	
	}
	
body.black-white ul#controls li a img#ico_bigger{
	background:url(../img/ico_bigger_black-white.png) no-repeat center;
	}

body.black-white ul#controls li a img#ico_bigger:hover{
	background:url(../img/ico_bigger_black-white_hover.png) no-repeat center;	
	}
	
body ul#controls li a img#ico_bigger{
	background:url(../img/ico_bigger_default.png) no-repeat center;
	}

body ul#controls li a img#ico_bigger:hover{
	background:url(../img/ico_bigger_default_hover.png) no-repeat center;	
	}
	

/* ico smaller */
	
body.black-yellow ul#controls li a img#ico_smaller{
	background:url(../img/ico_smaller_black-yellow.png) no-repeat center;
	}

body.black-yellow ul#controls li a img#ico_smaller:hover{
	background:url(../img/ico_smaller_black-yellow_hover.png) no-repeat center;	
	}
	
body.black-white ul#controls li a img#ico_smaller{
	background:url(../img/ico_smaller_black-white.png) no-repeat center;
	}

body.black-white ul#controls li a img#ico_smaller:hover{
	background:url(../img/ico_smaller_black-white_hover.png) no-repeat center;	
	}
	
body ul#controls li a img#ico_smaller{
	background:url(../img/ico_smaller_default.png) no-repeat center;
	}

body ul#controls li a img#ico_smaller:hover{
	background:url(../img/ico_smaller_default_hover.png) no-repeat center;	
	}
	
/* ico speechreader */
	
body.black-yellow ul#controls li a img#ico_speechreader{
	background:url(../img/ico_speechreader_black-yellow.png) no-repeat center;
	}

body.black-yellow ul#controls li a img#ico_speechreader:hover{
	background:url(../img/ico_speechreader_black-yellow_hover.png) no-repeat center;	
	}
	
body.black-white ul#controls li a img#ico_speechreader{
	background:url(../img/ico_speechreader_black-white.png) no-repeat center;
	}

body.black-white ul#controls li a img#ico_speechreader:hover{
	background:url(../img/ico_speechreader_black-white_hover.png) no-repeat center;	
	}
	
body ul#controls li a img#ico_speechreader{
	background:url(../img/ico_speechreader_default.png) no-repeat center;
	}

body ul#controls li a img#ico_speechreader:hover{
	background:url(../img/ico_speechreader_default_hover.png) no-repeat center;	
	}
	
	
/* ico sitemap */
	
body.black-yellow ul#controls li a img#ico_sitemap{
	background:url(../img/ico_sitemap_black-yellow.png) no-repeat center;
	}

body.black-yellow ul#controls li a img#ico_sitemap:hover{
	background:url(../img/ico_sitemap_black-yellow_hover.png) no-repeat center;	
	}
	
body.black-white ul#controls li a img#ico_sitemap{
	background:url(../img/ico_sitemap_black-white.png) no-repeat center;
	}

body.black-white ul#controls li a img#ico_sitemap:hover{
	background:url(../img/ico_sitemap_black-white_hover.png) no-repeat center;	
	}
	
body ul#controls li a img#ico_sitemap{
	background:url(../img/ico_sitemap.png) no-repeat center;
	}

body ul#controls li a img#ico_sitemap:hover{
	background:url(../img/ico_sitemap_default_hover.png) no-repeat center;	
	}
	
	
/* ico sitemap */				
				
div.wrapper{
	width:1000px;
	margin:auto;
	}	
	
/* CONTENT CONTAINER
-------------------------------------------------------------------------- */	
	
div.container{
	width:900px;
	margin:auto;
	background:url(../img/bg_container.jpg) 220px 0 no-repeat;
	min-height:400px;
	}

body.black-yellow div.container,
body.black-white div.container{
	background:none;
}	

/* BREADCRUMB
-------------------------------------------------------------------------- */

ul#breadcrumb{
	margin:0; padding:0;
	width:720px; height:45px; line-height:45px;
	display:block;
	float:right;
	}
	

ul#breadcrumb li{
	display:inline;
	height:45px;
	line-height:45px;
	float:left;
	}		
	
ul#breadcrumb li a,
ul#breadcrumb li span{
	float:left;
	font-size:140%;
	text-decoration:none;
	padding:0 15px 0 15px;
	}	
	
ul#breadcrumb li a{
	background:url(../img/ico_arrow.gif) no-repeat right center;
	color:#00308c;
	}	
	
body.black-yellow ul#breadcrumb li a,
body.black-white ul#breadcrumb li a{
	color:#000;
	background:url(../img/ico_arrow_black_yellow.gif) no-repeat right center;
}

ul#breadcrumb li a:hover{
	text-decoration:underline;
	}
		
ul#breadcrumb li span{
	color:#668c00;
	}
	
body.black-yellow ul#breadcrumb li span,
body.black-white ul#breadcrumb li span{
	color:#000;
}		

/* CONTENT CONTAINER (HOME)
-------------------------------------------------------------------------- */
	
div.content-container{
	margin:0; padding:0;
	width:720px; 
	float:right;
	font-size:120%;
	}	
	
/* CONTENT LEFT (HOME)
-------------------------------------------------------------------------- */	
	
div.content-main{
	float:left;
	line-height:1.75em;
	width:445px;
	margin: 0 0 0 15px;
	}

div.content-main h4{
	margin:0; padding:0;
	}
/* 
height:45px; line-height:45px;
*/

/* CONTENT RIGHT (HOME)
-------------------------------------------------------------------------- */

div.content-news{
	float:right;
	line-height:1.75em;
	width:200px;
	margin:0 30px 15px 30px;
	}	

div.content-news h4{
	margin:0 0 0 0;
	padding:0;
	}

div.content-news div{
	background:#7f97c5;
	color:#fff;
	}
	
div.content-news div h5,
div.content-news div a,
div.content-news div p{
	color:#fff;
}

	
div.content-news div.odd h5,
div.content-news div.odd a,
div.content-news div.odd p{
	color:#000;
}

body.black-yellow div.content-news div.odd h5,
body.black-yellow div.content-news div.odd a,
body.black-yellow div.content-news div.odd p{
	color:#000 !important;
}

body.black-yellow div.content-news div h5,
body.black-yellow div.content-news div a,
body.black-yellow div.content-news div p{
	color:yellow !important;
}


body.black-white div.content-news div h5,
body.black-white div.content-news div a,
body.black-white div.content-news div p{
	color:#fff !important;
}

body.black-white div.content-news div.odd h5,
body.black-white div.content-news div.odd a,
body.black-white div.content-news div.odd p{
	color:#000 !important;
}



div.content-news div.odd{
		background:transparent !important;
	}
	
body.black-yellow div.content-news div{
	background:#000;
	color:yellow !important;
}

body.black-white div.content-news div{
	background:#000;
	color:#fff !important;
}

div.content-main h5{
	padding:1em 0 0 0;
	}
	
div.content-news h5{
	padding:10px 15px 0 15px ;
	}	

div.content-news p{
	padding:0 15px 15px 15px;
	margin:0;
	}	
	
/* ILLUSTRATION FIXED POSITIONED
-------------------------------------------------------------------------- */	
	
div.illustratie{
	width:120px;
	height:358px;
	position:absolute;
	left:50%;
	top:155px;
	margin-left:-400px;
	}
	
body.black-yellow div.illustratie,
body.black-white div.illustratie{
	display:none;
}
bodu.black-yellow ul li ul li a:hover{
	color:#000 !important;
}

/* STYLES
------------------------------------------------------------------------------------ */

#submenu{
	width:210px;
	float:left;
	}

/* UL
------------------------------------------------------------------------------------ */

#submenu ul{
	padding:0; margin:0;
	background:#fff;
	list-style-type:none !important;
	}
	
body.black-white #submenu ul{
	background:#fff;	
	}
	
body.black-yellow #submenu ul{
	background:yellow;
	}
	
/* UL LI
------------------------------------------------------------------------------------ */

#submenu ul li{
	list-style-type:none !important;
	padding-left:0;
	border-bottom:1px solid #00308c;
	color:#00308c;
	}

body.black-white #submenu ul li,
body.black-yellow #submenu ul li{
	border-bottom:1px solid #000;
	color:#000 !important;
	}
	

/* UL LI A
------------------------------------------------------------------------------------ */

#submenu ul li a{	
	color:#00308c;
	font-size:16px;
	font-weight:normal;
	text-decoration:none;
	padding:0 0 0 0.25em;
	line-height:45px;
	}

body.black-white #submenu ul li a{
	color:#000 !important;
	}
body.black-yellow #submenu ul li a{
	color:#000 !important;
	}

/* UL LI A HOVER
------------------------------------------------------------------------------------ */

#submenu ul li a:hover{
	text-decoration:underline;
	color:#557b05;
	}
	
body.black-white #submenu ul li a:hover{
	color:#000 !important;
}

body.black-yellow #submenu ul li a:hover{
	color:#000 !important;
}
	
/* UL LI A SELECTED
------------------------------------------------------------------------------------ */

#submenu ul li.selected a{
	text-decoration:underline !important;
	color:#557b05;
	}
	
body.black-yellow #submenu ul li.selected a,
body.black-white #submenu ul li.selected a{
	color:#000 !important;
	}

body.black-yellow #submenu ul li.selected a:hover,
body.black-white #submenu ul li.selected a:hover{
	color:#000 !important;
	}

	
/* FOOTER
-------------------------------------------------------------------------- */		
div.footer{
	display:block; clear:both;
	height:50px;
	}