/*** General ********************/

body{
font-family: arial, helvetica, sans-serif !important;
background-color: #45bbed;
text-align: center;
margin: 20px 0 0 0;

}

ul{font-family: arial, helvetica, sans-serif;
	font-size:11px;
}

p, a{
font-size: 11px !important;
}

h2 {
color:white;
font-size:18px;
}

h3{
font-size: 15px;
font-weight: bold;
}

h4{
font-size: 13px;
font-weight: bold;
}

h5{
font-size: 11px;
}

input {
font-family:Verdana,Helvetica,sans-serif;
font-size:10px;
padding:3px 2px 2px;
vertical-align:middle;
}

label{
font-size: 12px;
color: #FFFFFF;
}

br.clear { clear: both; }

/*** Layout  ********************/

#wrapper{
	background-image: url('../images/bgstrip.gif');
	background-repeat: repeat-y;
	width: 1006px;
	margin: 0  auto;
	text-align:left;

}

#header { 
	background-image: url('../images/header.gif');
	background-repeat: no-repeat;
	width: 1008px;
	height: 184px;
}

/* ================= topnav ================ */
div.wideheader
{
	background:url(../images/bg_all_colors.gif) repeat-x 0 0;
    overflow: visible;
    width: 100%;
    float: left;
}
div.top_menu{
	overflow:visible;
	width:999px;
	margin: 0 auto;
}
div.top_menu ul{
	float:left;
	width:100%;
	z-index:1;
	background:url(../images/bg_all_colors.gif) repeat-x 0 -34px;
}
div.top_menu ul ul{
	background:none !important;
}
div.top_menu ul li{
	float:left;
	position:relative;
	z-index:100;
}
div.top_menu ul li.blue_bg a{
	background:url(../images/bg_all_colors.gif) repeat-x 0 -34px;
}
div.top_menu ul li a{
	font:12px Arial,Verdana,sans-serif;
	font-weight:bold;
	float:left;
	color:#fff;
	padding:10px 0 9px 10px;
	background:url(../images/bg_all_colors.gif) repeat-x 0 -34px;
}
div.top_menu ul li.red a{
	background:url(../images/bg_all_colors.gif) repeat-x 0 0;
}
div.top_menu ul li.green a:hover,
div.top_menu ul li.green a.active{
	background:url(../images/bg_all_colors.gif) repeat-x 0 -102px;
}
div.top_menu ul li.blue a:hover,
div.top_menu ul li.blue a.active{
	background:url(../images/bg_all_colors.gif) repeat-x 0 -238px;
}
div.top_menu ul li.grey a:hover,
div.top_menu ul li.grey a.active{
	background:url(../images/bg_all_colors.gif) repeat-x 0 -136px;
}
div.top_menu ul li.lilac a:hover,
div.top_menu ul li.lilac a.active{
	background:url(../images/bg_all_colors.gif) repeat-x 0 -170px;
}
div.top_menu ul li.orange a:hover,
div.top_menu ul li.orange a.active{
	background:url(../images/bg_all_colors.gif) repeat-x 0 -204px;
}

div.top_menu ul li a:visited{
	font-family:Arial;
	color:#fff;
}
div.top_menu ul li.meer_ymca a{
	width:112px;
}
div.top_menu ul li.last a{
	width:113px;
}

div.top_menu div.submenu{
	display:none;
	position:absolute;
	top:34px;
	left:0;
	width:406px !important;
	background:url(../img/bg_submenu.gif) repeat-y 0 0;
	border-top:1px #000 solid;
	border-bottom:1px #000 solid;
	padding:5px 0 10px 0;
	background-color: #FFF;
}
div.top_menu div.submenu div.left_list{
	float:left;
	width:145px;
	margin:0 0 0 12px;
	display:inline;
}
div.top_menu div.submenu div.right_list{
	float:left;
	width:235px;
	margin:0 0 0 10px;
	display:inline;
}
div.top_menu div.submenu li{
	float:none;
	padding:0 0 0 1px;
}
div.top_menu div.submenu a{
	float:none;
	color:#000 !important;
	padding:0 0 0 11px;
	font-weight:normal;
	line-height:18px;
	background:transparent url(../img/arrow.gif) no-repeat 0 5px !important;
}
div.top_menu div.submenu a:hover{
	color:#c1001f !important;
	text-decoration:none;
	font-weight:bold;
	background:transparent url(../img/arrow_hover.gif) no-repeat 0 4px !important;
	text-decoration:underline;
}



div.top_menu ul li a:hover,
div.top_menu ul li a.active{
	text-decoration:none;
	background:url(../images/bg_all_colors.gif) repeat-x 0 -68px;
}

div.top_menu ul li.meer_ymca a:hover
{
   text-decoration:none;
   background: url(../images/bg_all_colors.gif) repeat-x 0 -206px !important; 
}
div.top_menu ul li.meer_ymca a.active
{
   text-decoration:none;
   background: url(../images/bg_all_colors.gif) repeat-x 0 -206px !important; 
}

div.top_menu ul li a em{
	float:left;
	font-style:normal;
	margin:0 10px 0 0;
}
div.top_menu ul li span{
	float:left;
	width:2px;
	height:10px;
	background:url(../images/divider1.gif) no-repeat 100% 1px;
	margin:3px 0 0 0;
	cursor:default;
}
* html div.top_menu ul li span{
	margin:0;
}


#header img {border:none;}
#logo{
	height:120px;
	position:absolute;
	width:250px;
	cursor:hand; 
}

a.box:hover {
background-color: #0000ff;
} 

#searchBox{
float: right;
padding: 48px 19px 0 0;
}

#searchBox input{
width: 166px;
}

/* scroll probleem */
#headerMenu{
	display:block;
	float:right;
	text-align:right;
	padding-top:55px;
	width:500px;
}		
#headerMenu a
{
	font-family:Arial,Verdana,sans-serif;
	font-size:13px !important;
	text-align: right;
	margin-left:8px;
}	
/* 	border: thin solid #000000;*/
/* scroll probleem */

#headerBannerBox{
float: right;
margin: 22px 59px 0 0;
}

#content{
min-height: 507px;
padding: 0 0 0 50px;
color: #FFFFFF;
}

#content a {color: #FFFFFF; text-decoration: underline;}
#content .newsItemPreview a {text-decoration:underline;}
#ctl00_cphContent_ContentBlockAdresen a {text-decoration:underline;}

#footer{
background-image: url('../images/footer.gif');
background-repeat: no-repeat;
width: 1006px;
height: 44px;
color: #FFFFFF;
text-align: center;
}

/*** Header  ********************/

#headerMenu a:link,
#headerMenu a:visited,
#headerMenu a:active{
color: #FFFFFF;
font-weight: bold;
}

#headerMenu a:hover{
color: #004582;
text-decoration: underline;
font-weight: bold;
}

#searchBox .button {cursor:pointer;}
#searchBox .button:hover {cursor:pointer;}

#header p{
	padding: 20px 0 0 250px; 
	width: 350px;
	float: left;
}

#header p span{
	background: url('../images/dot.gif') no-repeat scroll left center;
	padding: 0 0 0 10px;
	font-weight: bold;
	color: #009ee0;
}

#header p a{
	color: #009ee0;
	font-weight: bold;
	font-family:Arial,Verdana,sans-serif;
}


/*** Content  ********************/

#contentBlokItem{
float: left;
margin: 0 10px 0 0;
}

#mcol_l a{
text-decoration: none;
color: #FFFFFF;
}

.categoryitemsVacancy td
{
    color: #FFF;
}

ul.categoryitems table tr td ul li{
background:url(../images/bullet.gif) left 5px no-repeat !important;
padding-left:12px;
display:block;	
color:#ff0000;
font-size:11px;
}
ul.categoryitems ul li, ul.categoryitems table tr td{
font-size:11px;
color:#fff;
}
ul.categoryitems p{
font-size:11px;
color:#fff;
padding-bottom:5px;
}



#content .tr_newsbox ul li{
background:url(../images/bullet.gif) left 5px no-repeat !important;
padding-left:12px;
display:block;	
font-size:11px;
}
*:first-child+html #content .tr_newsbox ul li{
background:url(../images/bullet.gif) left 9px no-repeat !important;
}
* html #content .tr_newsbox ul li{
background:url(../images/bullet.gif) left 9px no-repeat !important;
}


span.tussenkop{
font-size:12px;
font-weight:bold;
color:#fff;
}
ul.subcategoryitems{
padding-left:0px;
}
/*** Footer  ********************/

#footer a{
color: #FFFFFF;
text-decoration: none;
font-family:Arial,Verdana,sans-serif;

}

#footer a:hover {
color:#004582;
text-decoration:underline;
}

#footer p{
padding: 27px 0 0 0;
word-spacing: 3px;
}



#button1, #button2, #button3, #button4, #button5{
	cursor:hand;
}