/* start boo2 - Joomla 1.5 ms template CSS main */

body {
	margin: 0;
	padding: 0;
	background:#ffffff;
        font:1.1em/1.8em LucidaGrande, Verdana, Geneva, Arial, Helvetica, sans-serif;
/*	font-family: arial, helvetica, "Times New Roman";*/
/*	font-family: 'Lucida Grande', 'Lucida Sans Unicode', Arial, Verdana, sans-serif;*/
	font-size: 12px;
/*	color:#25606e;*/
	color:#333;
/*      color:#385889; aangepast 07-05-2011*/
}

a, a:link {
/*text-decoration:none;*/
/*color:#385889; aangepast 07-05-2001 */
color:#333;
}

a:hover {
text-decoration:underline;
}

p {
padding:0;
margin:0;
}

div#wrapper {
width: 1000px;
height:100%;
margin: 0 auto;
}

div#header {
padding:0 25px;
}

div#logo {
padding-left:27px;
float:left;
}

div#search {
padding-top:10px;
float:right;
padding-right:25px;
}

div#search form span {
padding-top: 19px;
background:#ffffff url(../images/bg_search_right.gif) 100% 0px no-repeat;
}

div#search form {
padding-top: 9px;
padding-left:28px;
background: #ffffff url(../images/bg_search_left.gif) 0 0 no-repeat;
color:#5a5959;
}

div#search form input {
position:relative;
top:-15px;
border:0px;
margin-top:0px;
background:transparent;
}

span.boo2_search_button {
position:relative;
top:6px;
}

/* rounded shadowed border of content */

.wrap {
	width:1000px;
	float:left;
	position:relative;
	z-index:0;
	}

.top, .bottom {
	float:left;
	width:1000px;
	height:40px;
	/*url to the bottom rounded corner*/
	background:transparent url(../images/rounded-shadow-btm.png) no-repeat; 
	}

.top {
	/*url to the top rounded corner*/
	background:transparent url(../images/rounded-shadow-top.png) no-repeat 
	}

.box {
	float:left;
	padding:0 30px;
	/*Your width is 1000px minus 20px for your left and right padding totally to 180px*/
	width:940px;
	/*the url to your text background*/
	z-index:-1;
	background:transparent url(../images/rounded-shadow-bg.png) repeat-y;
	}

/* end rounded shadowed corner content */

/* superfish menu layout */

/* boo2 - neutralise standard css module settings superfish */

.sf-menu li {
	background:		none;
}
.sf-menu li li {
	background:		none;
}
.sf-menu li li li {
	background:		none;
}

.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
	background:		none;
	outline:		0;
}

.sf-menu a {
	border-left:	none;
	border-top:		none;
	padding: 		0;
	text-decoration:none;
}

div#horiz-menu {
	position:relative;
	left:10px;
	width: 938px;
	height:60px;
	text-align: left;
	margin: 0 auto;
	margin-top:1px;
	margin-bottom:8px;
	background:url(../images/menu_mainlevel_bg_left.png) 0 0 no-repeat;
	padding-left:14px;
	margin-left:8px;
        z-index:1;
}

div#horiz-menu div#horiz-menu2 {
	width: 938px;
	height:68px;
	background:url(../images/menu_mainlevel_bg_right.png) 100% 0 no-repeat;
	padding-right:14px;
}

/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
}
.sf-menu {
	line-height:	1.0;
}
.sf-menu ul {
	position:		absolute;
	top:			-999em;
	width:			255px; /* boo2 match ul width left offset of submenus need to match (see below) */
}
.sf-menu ul li {
	width:			100%;
}
.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	float:			left;
	position:		relative;
}
.sf-menu a {
	display:		block;
	position:		relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			0;
	top:			49px; /* boo2 match top ul list item height */
	z-index:		99;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			255px; /* boo2 match ul width */
	top:			0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			255px; /* match ul width */
	top:			0;
}

.sf-menu a.sf-with-ul {
	padding-right: 	2.25em;
	min-width:		1px; /* trigger IE7 hasLayout so spans position accurately */
}
.sf-sub-indicator {
	position:		absolute;
	display:		block;
	right:			.75em;
	top:			1.05em; /* IE6 only */
	width:			10px;
	height:			10px;
	text-indent: 	-999em;
	overflow:		hidden;
	background:		url('../images/arrows-ffffff.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
}
a > .sf-sub-indicator {  /* give all except IE6 the correct values */
	top:			.8em;
	background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
	background-position: -10px -100px; /* arrow hovers for modern browsers*/
}

/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator { background-position:  -10px 0; }
.sf-menu ul a > .sf-sub-indicator { background-position:  0 0; }
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0; /* arrow hovers for modern browsers*/
}

/*** shadows for all but IE6 ***/
.sf-shadow ul {
	background:	url('../images/shadow.png') no-repeat bottom right;
	padding: 0 8px 9px 0;
	-moz-border-radius-bottomleft: 17px;
	-moz-border-radius-topright: 17px;
	-webkit-border-top-right-radius: 17px;
	-webkit-border-bottom-left-radius: 17px;
}
.sf-shadow ul.sf-shadow-off {
	cbackground: transparent;
}

ul.sf-menu li.mainlevel,
ul.sf-menu li {
height:68px;
background:url(../images/menu_bar.png) 0 0px no-repeat;
}

ul.sf-menu li.mainlevel:hover,
ul.sf-menu li:hover,
ul.sf-menu li#current.mainlevel,
ul.sf-menu li#current,
ul.sf-menu li.active
 {
background:url(../images/menu_bar_hover.png) 0 0px no-repeat;
}

ul.sf-menu li a {
text-decoration:none;
/*color:#6d6e71;*/
font-size:12px;
padding:26px 21px 0 21px;
}

ul.sf-menu li ul li a {
padding:7px 0 7px 20px;
color:#0d546a;
font-weight:normal;
}

ul.sf-menu li ul li a:hover {
text-decoration:underline;
}
ul.sf-menu li ul {
	position: absolute;
	left: -999em;
	height: auto;
	width: 206px;
	w\idth: 206px;
	font-weight: normal;
	border-width: 0em;
	margin: 0;
	margin-top: 6px;
	background: url(../images/menu_dropdown_bg.png) 0 100% no-repeat;
	color:white;
}

/* end superfish menu */

/* module styling - several rounded boxes */

/* blue1 - simple blue border */

div.moduleblue1 {
background: transparent url(../images/modules/rounded_module_blue1_br.png) 100% 100% no-repeat;
}

div.moduleblue1 div {
background: transparent url(../images/modules/rounded_module_blue1_bl.png) 0 100% no-repeat;
}

div.moduleblue1 div div {
background: transparent url(../images/modules/rounded_module_blue1_tr.png) 100% 0 no-repeat;
}

div.moduleblue1 div div div {
background: transparent url(../images/modules/rounded_module_blue1_tl.png) 0 0 no-repeat;
}

div.modulegreen1 {
background: transparent url(../images/modules/rounded_module_green1_br.png) 100% 100% no-repeat;
}

div.modulegreen1 div {
background: transparent url(../images/modules/rounded_module_green1_bl.png) 0 100% no-repeat;
}

div.modulegreen1 div div {
background: transparent url(../images/modules/rounded_module_green1_tr.png) 100% 0 no-repeat;
}

div.modulegreen1 div div div {
background: transparent url(../images/modules/rounded_module_green1_tl.png) 0 0 no-repeat;
}

div.modulegreen2 {
background: transparent url(../images/modules/rounded_module_green2_br.png) 100% 100% no-repeat;
}

div.modulegreen2 div {
background: transparent url(../images/modules/rounded_module_green2_bl.png) 0 100% no-repeat;
}

div.modulegreen2 div div {
background: transparent url(../images/modules/rounded_module_green2_tr.png) 100% 0 no-repeat;
}

div.modulegreen2 div div div {
background: transparent url(../images/modules/rounded_module_green2_tl.png) 0 0 no-repeat;
}

div.moduleblue2 {
background: transparent url(../images/modules/rounded_module_blue2_br.png) 100% 100% no-repeat;
}

div.moduleblue2 div {
background: transparent url(../images/modules/rounded_module_blue2_bl.png) 0 100% no-repeat;
}

div.moduleblue2 div div {
background: transparent url(../images/modules/rounded_module_blue2_tr.png) 100% 0 no-repeat;
}

div.moduleblue2 div div div {
background: transparent url(../images/modules/rounded_module_blue2_tl.png) 0 0 no-repeat;
}

div.modulegreen3 {
background: transparent url(../images/modules/rounded_module_green3_br.png) 100% 100% no-repeat;
}

div.modulegreen3 div {
background: transparent url(../images/modules/rounded_module_green3_bl.png) 0 100% no-repeat;
}

div.modulegreen3 div div {
background: transparent url(../images/modules/rounded_module_green3_tr.png) 100% 0 no-repeat;
}

div.modulegreen3 div div div {
background: transparent url(../images/modules/rounded_module_green3_tl.png) 0 0 no-repeat;
}

div.moduleblue3 {
background: transparent url(../images/modules/rounded_module_blue3_br.png) 100% 100% no-repeat;
}

div.moduleblue3 div {
background: transparent url(../images/modules/rounded_module_blue3_bl.png) 0 100% no-repeat;
}

div.moduleblue3 div div {
background: transparent url(../images/modules/rounded_module_blue3_tr.png) 100% 0 no-repeat;
}

div.moduleblue3 div div div {
background: transparent url(../images/modules/rounded_module_blue3_tl.png) 0 0 no-repeat;
}

div.modulegreen3 div div div,
div.moduleblue3 div div div {
color:#fff;
}

div.modulegreen2 div div div h3,
div.modulegreen3 div div div h3,
div.moduleblue3 div div div h3,
div.moduleblue2 div div div h3 {
color:#fff;
}

div.moduleblue1 div div div h3 {
color:#0d546a;
}

div.modulegreen1 div div div h3 {
color:#97c524;
}

div.module,
div.moduleblue1,
div.modulegreen1,
div.modulegreen2,
div.modulegreen3,
div.moduleblue3,
div.moduleblue2 {
margin-bottom:10px;
margin-top:10px;
}

div.moduleblue1 div div div,
div.modulegreen1 div div div,
div.modulegreen3 div div div,
div.moduleblue2 div div div,
div.moduleblue3 div div div,
div.modulegreen2 div div div {
padding:11px;
}

div.moduleblue1 div div div h3,
div.modulegreen1 div div div h3,
div.modulegreen3 div div div h3,
div.moduleblue2 div div div h3,
div.moduleblue3 div div div h3,
div.modulegreen2 div div div h3 {
margin:0;
padding-top:6px;
padding-bottom:14px;
}

div.moduleblue1 div div div div,
div.modulegreen1 div div div div,
div.modulegreen3 div div div div,
div.moduleblue2 div div div div,
div.moduleblue3 div div div div,
div.modulegreen2 div div div div {
background:transparent none repeat scroll 0 0;
margin:0;
padding:0;
}

div#main_column, div#left, div#right {
float:left;
position:relative;
top:-8px;
}

div#right {
width:220px;
padding:0 10px 0 0;
}

div#left {
width:220px;
padding:0 0 0 10px;
}

div#main_column {
width:680px;
padding:0 15px;
}

div#banner {
height:180px;
width:679px;
}

/* boo2 restyling jw tab-slide module css */

ul.jwts_tabbernav li a:hover,
ul.jwts_tabbernav li a:link {
border:none;
}

ul.jwts_tabbernav li a:link {
background:none;
}

ul.jwts_tabbernav {
background:url(../images/tabber/tabber-bg.png) 0 5px repeat-x;
}

ul.jwts_tabbernav li.jwts_tabberactive {
margin:0;
padding-top:10px;
padding-bottom:10px;
padding-left:10px;
padding-right:0px;
background:url(../images/tabber/tabber-active-l.png) 2px 0 no-repeat;
}

ul.jwts_tabbernav li.jwts_tabberactive a,
ul.jwts_tabbernav li.jwts_tabberactive a:link {
margin:0;
padding-top:10px;
padding-bottom:10px;
padding-right:10px;
padding-left:0px;
line-height:38px;
width:22px;
background:url(../images/tabber/tabber-active-r.png) 100% 0 no-repeat;
}

ul.jwts_tabbernav li.jwts_tabberactive a,
ul.jwts_tabbernav li a,
ul.jwts_tabbernav li a:link {
font-weight:normal;
text-decoration:none;
color:#666;
}

ul.jwts_tabbernav li.jwts_tabberactive a:link,
ul.jwts_tabbernav li a:link {
padding-left:22px;
padding-right:22px;
}

ul.jwts_tabbernav li.jwts_tabberactive a:hover,
ul.jwts_tabbernav li a:hover {
color:#333;
}

div#footermenu {
padding: 5px 20px 10px 25px;
text-align:left;
/*font-size:100%;*/
}

.logo {
padding-left:27px;
}

input#aca_22 {
color:white;
background-color: transparent;
padding-top:3px;
border:none;
}

input#aca_22:hover {
text-decoration:underline;
cursor:hand;
}

.moduleblue3 div div h3 {
font-size:14px;
}

.boo2_aanmeldenacajoom {
height:65px;
}

div.bs_opacitylayer div a img {
border:0px;
padding-left:8px;
}

div.treebullit_blueonblue ul {
/*list-style-type:none;*/
padding-left:15px;
margin-left:0;
list-style-image: url(/images/M_images/arrow.png);
}

div.treebullit_blueonblue ul li {
/*background:#CFDFED url(../images/bullit_blueonblue.png) 0px 0px no-repeat;*/
/*padding-left:0px;*/
padding-bottom:2px;
padding-top:2px;
}

div.treebullit_blueonblue ul li a.mainlevelbullit_blueonblue {
color:#0d546a;
text-decoration:none;
}

div.treebullit_blueonblue ul li a#active_menubullit_blueonblue {
text-decoration:underline;
}

div#twoj_container-1 {
padding-top:11px;
}

/* adjustment 080809 adding footermenu with 4 columns */

div#footermenu div#footerpart {
border-bottom:1px solid #DEDFDE;
margin-bottom:15px;
}

div#footermenu div#footerpart div.block {
float:left;
font-size:10px;
}

div#footermenu div#footerpart ul {
width:80%;
list-style-type:none;
margin-left:0;
padding-left:0
}

div#footermenu div#footerpart ul li {
margin-left:0;
padding:2px 5px 2px 0 ;
border-bottom:1px solid #DEDFDE;
}

/* adjustment 080809 adding breadcrumbs */

div.breadcrumbs span.breadcrumbs,
div.breadcrumbs a {
font-size:12px;
padding:15px 0 0 0px;
margin:0;
}

div.breadcrumbs {
position:relative;
left:35px;
/*z-index:1;*/
}

/* boo2 - add clearfix code */

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}
h6{
font-size: 12px;
color:#ffffff;
padding:0;
margin:0;
}

h4 , h4 a, h4 a:link
{
font-size:14px;
color:#ff6600;
}

h3{
font-size:14px;
}

h2 {
font-size:16px;
}

h1, h1 a, h1 a:link, #slogan {
color:#97c524;
}

#slogan {
float:left;
width:400px;
font-size:22px;
text-align:center;
font-family:arial,helvetica,"Times New Roman";
font-weight:bold;
padding:11px 0 0 0;
position:relative;
left:-22px;
}

#language {
float:left;
font-size:22px;
font-family:arial,helvetica,"Times New Roman";
font-weight:bold;
padding: -5px 0 0 0;
/*position:relative;
left:-22px;*/
}
/* boo2 ensures outerdiv is same height as inner floating divs */

.clearfix:after {
 content: ".";
 display: block;
 clear: both;
 visibility: hidden;
 line-height: 0;
 height: 0;
}

.clearfix {
 display: inline-block;
}

html[xmlns] .clearfix {
 display: block;
}

* html .clearfix {
 height: 1%;
}

ul#moomenuCK
{
	margin:0;
	padding:0;
	list-style:none;
	padding-top:10px;
}

#moomenuCK li#current
{
	background:url("../images/menu_bar_hover.png") no-repeat scroll 0 0 transparent;
}

#moomenuCK li a {
display:block;
float:none !important;
position:relative;
z-index:11000;
color:#08516b;
}

#moomenuCK li a {
color:#08516B;
line-height:48px;
padding:0 21px;
}

#moomenuCK li ul {
clear:left;
display:block;
list-style:none;
background:#fff none;
left:-999em;
margin:0;
padding:0;
position:absolute;
text-align:left;
z-index:11000;
}
