* {
	margin:0px;
	padding:0px;
	}
	
.kalender_top {
	background-color:#f00;
	color:#f00;
	}
	
body { 
	font:12px/1.3em Arial; 
	text-align:center;
	background-color:#fff;
	color:#0f0f0f;
	}

#breadCrumbTrail a{
	font-weight:bold;
	color:#134882;
	}

#breadCrumbTrail {
	text-decoration:none;
	color:#134882;
	}
	
.breadcrumb {
	padding-left:8px;
	font:10px Verdana,Helvetica,sans-serif; 
	color: #666;	
	background-image: url(../images/arrow.gif);
	background-repeat:no-repeat;
	background-position: 3px;
	}
	
table {
	font:12px/1.3em Arial; 
	}
	
a {
	text-decoration:none;	
	font-weight:bold;
	color:#134882;
	}
	
a:hover {
	text-decoration:underline;	
	font-weight:bold;
	color:#134882;
	}
	
#uxsubnav {
	position:absolute;

	top:110px;
	left:670px;
	_left:690px;
	color:#fff;
	width:400px;
	}
	
#uxsubnav_res {
	position:absolute;
	padding-left:55px;
	top:110px;
	left:670px;
	_left:690px;
	color:#fff;
	width:400px;
	}
	
#uxsubnav_wilden {
	position:absolute;
	top:110px;
	left:530px;
	_left:550px;
	color:#fff;
	width:540px;
	}
	
#uxsubnav a, #uxsubnav a:hover, #uxsubnav:highlighted {
	color:#fff;
	font-weight:bold;
	font-size:12px;
	}
	
#uxsubnav_wilden a, #uxsubnav_wilden a:hover, #uxsubnav_wilden a:highlighted {
	color:#fff;
	font-weight:bold;
	font-size:12px;
	}
	
#uxsubnav_res a, #uxsubnav_res a:hover, #uxsubnav_res a:highlighted {
	color:#fff;
	font-weight:bold;
	font-size:12px;
	}
	
/* grid */
	
#container {
	position:relative;
	height:auto;
	width:987px;
	margin:	0 auto;
	background-color:#fff;
	text-align:left;
	}
	
#header_home {
	float:left;
	text-align:right;
	height:49px;
	_height:40px;
	width:969px;
	margin-left:18px;
	_margin-left:9px;
	background-color:#fff;
	}

#header {
	float:left;
	text-align:right;
	height:49px;
	_height:40px;
	width:969px;
	margin-left:18px;
	background-color:#fff;
	}

#header01 {
	float:left;
	margin:25px 0 0 20px;
	text-align:left;
	height:15px;
	width:442px;
	_width:422px;
	}
	
#header02{
	float:left;
	height:40px;
	width:507px;
	}
	
#bg_vlak {
	float:left;
	width:969px;
	min-height:620px;
	margin-left:18px;
	background-color:#7FB33C;
	padding-bottom:20px;
	}
	
#content{
	float:left;
	padding-top:15px;
	padding-bottom:15px;
	width:740px;
	height:auto;
	min-height:400px;
	_height:400px;
	background-color:#fff;
	margin-top:80px;
	margin-left:-123px;
	z-index:332;
	}
	
	/*----jeugd---*/
		#info_blok {
			position:absolute;
			padding:5px;
			border:2px solid #669ACC;
			width:487px;
			height:341px;
			background-color:#FFF;
			left: 432px;
			top: 166px;
			display:none;
			} 
			
		#info_speurt {
			position:absolute;
			padding:8px;
			border:2px solid #669ACC;
			width:487px;
			height:336px;
			background-color:#FFF;
			left: 432px;
			top: 166px;
			display:none;
			} 
			
		#info_spreekbeurt {
			position:absolute;
			padding:8px;
			border:2px solid #669ACC;
			width:487px;
			height:540px;
			background-color:#FFF;
			left: 432px;
			top: 166px;
			display:none;
			} 
			
		#info_spreekbeurt2 {
			position:absolute;
			padding:8px;
			border:2px solid #669ACC;
			width:487px;
			height:540px;
			background-color:#FFF;
			left: 432px;
			top: 166px;
			display:none;
			} 
			
		.jeugdlink {
			float:right;
			}	
			
		.jeugdlink_vorige {
			float:left;
			}
			
		.speletjesplek {
			padding:4px;
			
			}
		
		#visspel {
			position: absolute;
			left: 430px;
			_left: 455px;
			top: 180px;
			width: 500px;
			height: 300px;
			background: #ffffff;
			display:none;
			z-index:4;
			} 
			
		#puzzel {
			position: absolute;
			left: 430px;
			_left: 455px;
			top: 180px;
			width: 500px;
			height: 300px;
			background: #ffffff;
			display:none;
			z-index:1;
			} 
			
		#quiz {
			position: absolute;
			left: 430px;
			_left: 455px;
			top: 180px;
			width: 500px;
			height: 300px;
			background: #ffffff;
			display:none;
			z-index:3;
			} 
			
/*---einde jeugd---*/
	
	
#content_jeugd {
	float:left;
	padding-top:15px;
	padding-bottom:15px;
	width:740px;
	height:600px;
	min-height:600px;
	_height:600px;
	background-image: url(../images/bg_jeugd.jpg);
	background-repeat:no-repeat;
	margin-top:80px;
	margin-left:-123px;
	z-index:332;
	}
	

#leftimg {
	float:left;
	height:525px;
	width:316px;
	background-image:url(../images/bg_bos.jpg);
	background-repeat: no-repeat;
	z-index:23;
	}
	
/* topmenu */

	
.login_home{
	border: 1px solid #fff;
	position:absolute;
	top:505px;
	left:35px;
	}
	
.login a {
	color:#0e3c60;
	font-weight:bold;
	}
	
.register a {
	font-size:10px;
	color:#0e3c60;
	text-decoration:underline;
	}
	
a.login {
	color:#0e3c60;
	font-weight:bold;
	}
	
.topmenu {
	color:#000;
	font-weight:bold;
	}
	
#hdl_logo{
	float:left;
	margin:8px 0 0 25px;
	_margin-left:13px;
	}
	
#hdl_logo_sub {
	float:left;
	margin:24px 0 0 25px;
	_margin-top:35px;
	_margin-left:20px;
	}
	
#searchresults{
	margin:10px;
	}
		
#searchresults a{
	margin:10px;
	color:#134882;
	}	
	
#searchresults a:hover{
	text-decoration:underline;
	font-weight:bold;
	}
	
#topmenu a {
	display: block;
	height: 20px;
	color: #fff;
	background-color: #134882;
	font-weight: normal;
	text-decoration: none;
	margin: 0 0 0 1px;
	border-left: 8px solid #134882;
	border-right: 8px solid #134882;
	border-top: 3px solid #134882;
	}
	

#topmenu a:hover {
	display: block;
	height: 20px;
	color: #fff;
	background-color:#0a3666;
	font-weight: normal;
	text-decoration: none;
	margin: 0 0 0 1px;
	border-left: 8px solid #0a3666;
	border-right: 8px solid #0a3666;
	border-top: 3px solid #0a3666;
	}	

/* home pagina */

#img_vlak_home{
	float:left;
	width:987px;
	height:296px;
	background-color:#fff;
	border-width:5px;
	background-image: url(../images/bos_home3.jpg);
	background-position:top right;
	background-repeat:no-repeat;
	}
		
#bg_vlak_home{
	float:left;
	width:989px;

	background-image: url(../images/bg_groen.gif);
	padding-bottom:20px;
	}
	
#content_home {
	float:left;
	padding-bottom:15px;
	margin-left:210px;
	_margin-left:110px;
	width:740px;
	height:auto;
	min-height:400px;
	_height:400px;
	background-color:#fff;
	margin-top:-150px;
	z-index:332;
	}
	
#left ul li {
	margin-left:15px;
	list-style-type:disc;
	}
	
#right ul li {
	margin-left:15px;
	list-style-type:disc;
	}
	
#menu_holder_home {
	position:absolute;
	width:180px;
	top:230px;
	z-index:26;
	}
	
#menu_holder {
	position:absolute;
	top:230px;
	width:180px;
	left:0px;
	z-index:26;
	}
	
/* kwartaalblad */


#kwartaalblad01 {
	float:left;
	margin-left:20px;
	width:220px;
	}

#kwartaalblad02 {
	float:left;
	margin-left:20px;
	width:220px;
	}

#kwartaalblad03 {
	float:left;	
	margin-left:20px;
	width:220px;
	}
	
/* zoekpagina */
	
#content_search {
	width:730px;
	height:auto;
	min-height:400px;
	_height:400px;
	}	
	
#content ul li {
	margin-left:15px;
	color:#134882;
	}
	
#content_search {
	background-color:#fff;
	}	
	
	
/* content opmaak */
	
#content_titel{
	position:absolute;
	color:#fff;
	font-size:21px;
	top:75px;
	left:400px;
	width:267px;
	height:55px;
	z-index:30;
	}
	
#content_subtitel{
	margin-top:8px;
	color:#fff;
	font-size:16px;
	font-weight:bold;
	}
	
#overflow_home {
	overflow: auto;
	padding-top:15px;
	padding-bottom:5px;
	width: 750px;
	height: 430px;
	voice-family: "\"}\""; 
 	voice-family:inherit;
    width:756px;
	} 
	
#overflow {
	overflow: auto;
	padding-top:15px;
	padding-bottom:5px;
	width: 750px;
	height: 410px;
	voice-family: "\"}\""; 
 	voice-family:inherit;
    width:756px;
	} 

#footer{
	float:left;
	width:987px;
	color:#444444;
	font-size:11px;
	padding-left:20px;
	margin-top:5px;
	text-align:center;
	}
	
/* opmaak */

h1 {
	color:#000;
	font-size:17px;
	margin:10px 0 10px 0;
	padding:8px 0 0 2px;
	}
	
h2 {
	color:#fff;
	font-size:17px;
	width:340px;
	background-color:#54933c;
	margin:10px 0 10px 0;
	padding:2px 0 2px 2px;
	}	
	
h3 {
	font:11px/1.3em Verdana,Helvetica,sans-serif;
	font-weight:normal;
	color:#000;
	background-color:#fec97d;
	width:340px;
	padding:4px;
	}
	
h4 {
	font:13px Verdana,Helvetica,sans-serif;
	font-weight:normal;
	background-color:#7fb33c;
	padding-left:3px;
	color:#fff;
	}

#jeugdwesbite {
	height:400px;
	width:700px;
	padding-top:20px;
	padding-left:40px;	
	}
	
	
p {
	margin-bottom:10px;
	}

#uxContent li {
	margin-left:20px;
	list-style-position:outside;
	}
	
#uxContent h2 {
	color:#fff;
	font-size:17px;
	width:713px;
	background-color:#54933c;
	margin:10px 0 10px 0;
	padding:2px 0 2px 2px;
	}
	
.txttabel_home1{
	float:left;
	width:340px;
	margin-left:15px;
	_margin-left:10px;
	margin-right:5px;
	}

.txttabel_home2{
	float:left;
	width:340px;
	margin-left:15px;
	_margin-left:10px;
	margin-right:5px;
	}	
	

.txttabel {
	float:left;
	width:710px;
	margin-left:15px;
	_margin-left:10px;
	margin-right:5px;
	margin-bottom:10px;
	}
	
.txttabel1{
	float:left;
	width:340px;
	margin-left:15px;
	_margin-left:10px;
	margin-right:5px;
	}	

.txttabel2{
	float:left;
	width:340px;
	margin-left:10px;
	_margin-left:10px;
	margin-right:5px;
	}
	
#uxContent {
	float:left;
	padding-top:25px;
	padding-left:15px;
	padding-right:15px;
	padding-bottom:15px;
	width:710px;
	height:auto;
	min-height:400px;
	_height:400px;
	background-color:#fff;
	margin-top:80px;
	margin-left:-123px;
	z-index:332;
	}

.groenbalkje{
	width:340px;
	height:25px;
	background-color:#54933c;
	margin:10px 0 10px 0;
	padding:5px 0 0 5px;
	}
	
.oranjevlak{
	width:325px;
	height:200px;
	background-color:#fdca7d;
	margin:10px 0 10px 0;
	padding:0px 10px 10px 10px
	}	
	
.zoekscherm{
	display: block;
	height: 20px;
	color: #fff;
	background-color: #065D54;
	font-weight: normal;
	text-decoration: none;
	margin: 0 0 0 1px;
	border-left: 8px solid #065D54;
	border-right: 8px solid #065D54;
	border-top: 3px solid #065D54;
	}


#uxlistitem ul li{
	list-style-type:disc;
	margin-left:10px;
	padding:0;	
	color:#666;
}


.uxsendform 
{
	
	}

/* ------------------------------------------ Begin menu ---------------------------------- */	
/* All <ul> tags in the menu including the first level */
.menulist, .menulist ul {
	margin: 0;
	font-weight:bold;
	padding: 1px;
	float: left;
	width:182px;
	list-style: none;
	line-height: 1;
	padding: 0;
	margin: 0 0 11px 0;
	}

/* Submenus (<ul> tags) are hidden and absolutely positioned across from their parent */
.menulist ul {
	visibility: hidden;
	position: absolute;
	top: 0;
	left: 181px;
	}

/* All menu items (<li> tags) are relatively positioned (to correctly offset submenus). */
.menulist li {
	position: relative;
	background-color:#134882;
	}

/* Links inside the menu */
.menulist a {
	display: block;
	padding: 6px 4px 6px 11px;
	color: #fff;
	background-color:#134882;
	text-decoration: none;
	width:167px;
	}
	
/* IE fix because it doesn't support transparent borders */
* html .menulist a {
	border-bottom: 0px;
	margin: 0px;
	}

/*
 Lit items: hover/focus = the current item. 'highlighted' = parent items to visible menus.
 Here, active items are given a border, and a padding tweak to 'elevate' the text within.
 Feel free to use background-image:url(file.gif) instead of background-color:#nnn here...
*/
.menulist a:hover, .menulist a.highlighted:hover, .menulist a:focus {
	display: block;
	padding: 6px 4px 6px 11px;
	color: #000;
	background-color:#fff;
	text-decoration: none;
	width:167px;
	}
	
*html .menulist a:hover, *html .menulist a.highlighted:hover, *html .menulist a:focus {
	border-bottom: 0px;
	margin: 0px;
	}
	
.menulist a.highlighted {
	color: #fff;
	background-color: #9ebccd;
	border: 1px solid #000;
	border-bottom: 0px;
	margin: 0;
	}

.menulist a.onderlijn {
	border-bottom:1px solid #000;
	}

.menulist a:hover.onderlijn, .menulist a.highlighted:hover.onderlijn, .menulist a:focus.onderlijn {
	border-bottom:1px solid #000;
	}
	
.menulist a .subind {
	float: right;
	}


/* This semi-commented section exists to fix bugs in IE/Windows (the 'Holly Hack'). \*/
* html .menulist li {
	float: left;
	height: 1%;
	}
	
* html .menulist a {
	height: 1%;
	}
/* End Hack */

a img {
	border:0;
	}
