/* CSS Document */

/* reset */
*{border:none;color:#000;font-family:Calibri, Trebuchet, 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif ;font-size:13px;line-height:20px;list-style:none;margin:0;outline: none;padding:0;text-align:left;text-decoration:none}

/* main classes */
html {
	height: 100%;
	min-height: 100%;
	width: 100%;
	overflow: hidden;
	height: auto !important;
}
body {
	height: 100%;
	width: 100%;
	min-height: 100%;
	height: auto !important;
	color: #000;
	overflow: hidden;
	background: #FFF;
}
img {
}
a{
	outline: none;
}
a:link, a:visited{
	color: #000;
	text-decoration: underline;
}
a:hover, a:active, a.wit:hover, a.wit:active{
	text-decoration: underline;
}
a.active {
	text-decoration: none;
}
p {
	color: #000;
	font-size: 13px;
	line-height: 20px;
	margin: 0 20px 20px;
}
#contentbox p{
	margin-right: 190px;
}
p.teaser{
	font-size: 16px;
}
p.intro{
	font-size: 14px;
}
a:link.wit, a:visited.wit{
	color: #FFF
}
#contentbox p.inform{
	display: inline;
	float: left;
	margin: 0 5px;
	padding: 1px;
	width: auto;
}
h1 {
	display:none
}
h2 {
	clear: both;
	font-size: 26px;
	font-weight: normal;
	line-height: 40px;
	margin: 5px 20px
}
h3 {
	clear: both;
	color: #000;
	font-size: 18px;
	font-weight: normal;
	margin: 10px 10px 10px 20px;
	padding-top: 10px;
	border-top: 1px solid #FFF;
}
h4 {
	clear: both;
	font-size: 12px;
	font-weight: bold;
	margin: 20px 5px 5px 20px;
}
h6 {
	color: #AAA;
	font-size: 16px;
	font-weight: normal;
	margin: 8px 10px 0;
}
#contentbox ul{
	margin: 0 20px 20px;
}
#contentbox li{
	color: #000;
	font-size: 13px;
	line-height: 20px;
	list-style:none outside url("/images/min.gif");
	margin: 0 0 0 20px;
}
.block{
	display: block;
}
/* layout */
#wrap{
	position: absolute;
	z-index: 5;
	width: 100%;
	height: 100%;
	left: 0px;
	top: 0px;
	overflow: auto;
}
#mainwrap{
	height:101%;
	margin: 0 auto;
	position: relative;
	width: 960px;
}
#wrapper{
	height:178px;
	margin:0 auto;
	overflow:hidden;
	position:relative;
	text-align:center;
	width:880px;
}
#startimagewrap {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 0;
	width: 110%;
	height: 100%;
}
#imagewrap {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
}
#imagewrap img {
	width: 100%;
	height: 100%;
}
#header, #header_home{
	border-bottom: 1px solid #AAA;
	display: block;
	height:136px;
	width:960px;
	left: 0;
	margin: 10px 0 0 0;
	position: relative;
	top: 0;
}
#header_home{
	margin-bottom: 35px;
}
#logo {
	display: block;
	height: 100px;
	position: absolute;
	left: 0;
	top: 10px;
	width: 133px;
	z-index: 999
}
#logo img {
	border: none;
}
/* breadcrumbs */
#bread p{
	font-size: 11px;
	margin: 8px 0 7px;
	text-transform: lowercase;
}
#bread a:link, #bread a:visited{
	color:#AAA;
	font-size: 11px;
	text-decoration: underline
}
#bread a:hover, #bread a:active{
	color:#000;
}
/* content */
#content{
	left:80px;
	margin:0 auto;
	margin-bottom: 20px;
	position: relative;
	top: 0;
	width: 960px;
}
#waarwezijn{
	border-top: 1px solid #AAA;
	border-bottom: 1px solid #AAA;
	left:0;
	padding-top:20px;
	margin-bottom: 20px;
	position: relative;
	top: 0;
	width: 780px;
	margin-top: 10px;
	display:none;
}
#map {
	display:none;
	margin: 0 0 35px 0;
	float: left;
	position: relative;
}
#contentbox, #contentbox_home{
	float: left;
	margin-bottom: 35px;
	padding-bottom: 50px;
	width:596px
}
#contentbox_home{
	float: left;
	padding-bottom: 0;
	margin-bottom: 15px;
	width:770px
}
#starttable {
	margin-bottom: 20px;
	width: 750px;
	height: 480px;
}
#starttable table {
	margin: 0px;
	width: 750px;
	height: 240px;
}
#starttable td {

}
#starttable a:hover {
	color: #FFF;
}
#starttable a.wit:hover {
	color: #000;
}
.box_kwart, .box_half, .box_heel{
	float: left;
	margin: 0 20px 20px 0;
	overflow: hidden;
	display: block;
}
.box_kwart p, .box_half p, .box_heel p{
	margin: 0 10px;
	display: block;
}
.box_kwart a:link, .box_kwart a:visited, 
.box_half a:link, .box_half a:visited, 
.box_heel a:link, .box_heel a:visited{
	text-decoration: none;
}
.box_kwart{
	height:40px;
	width:57px;
	margin-right: 20px;
	margin-bottom: 20px;
}
.box_half{
	height:100px;
	width:134px;
	margin-right: 20px;
	margin-bottom: 20px;
}
.box_heel{
	height:220px;
	width:288px;
	margin-right: 20px;
	margin-bottom: 20px;
}
.breed{
	width:288px	
}
.bijnabreed{
	width:172px;
	height:75px;
}
.staand{
	height: 431px
}
.helft_heel{
	width:134px
}
.helft_half{
	width: 57px
}
h5.helft, .box_half p.helft, .box_heel p.helft, .posbox p, .locatie p{
	width: 124px;
	float:left;
	margin: 6px 10px 0 10px;
}
h5.helft{
	margin: 0;
}
.in_content{
	float: right;
	width: 288px;
	margin: 5px 20px 20px
	}
.geel{
	background: #FFD200
}
.rood{
	background: #EB2625
}
.oranje{
	background: #FAA438
}
.groen{
	background: #D4DE25
}
.blauw{
	background: #6DCDE9
}
.paars{
	background: #5e89cc
}
.lichtgroen {
	background: #FAFAFA;
}
.lichtgroen:hover{
	background: #F6F9E3;
}
#quick_links {
	width: 100px;
	float: left;
	margin-bottom: 20px;
display:none;
}
#quick_links .box_half{
	margin: 0 0 20px 20px;
}
#quick_links a:hover{
	color: #FFF;
}
/* menu */
#nav {
	display: block;
	left: 175px;
	position: absolute;
	top: 80px;
}
#nav li{
	display: inline;
	float: left;
	margin: 0 20px 0 0;
}
#nav a:link, #nav a:visited{
	background-position:left top;
	background-repeat: no-repeat;
	display: block;
	height: 32px;
	text-indent: -999em;
	width:134px;
	position: relative;
}
#nav a span.hover{
	position: relative;
	top: -20px;
	left: 0;
	z-index: 999;
	background-position:left -32px;
	background-repeat: no-repeat;
	display: block;
	height: 32px;
	text-indent: -999em;
}
#nav a:hover, #nav a:active{
	background-position:left -32px;
	background-repeat: no-repeat;
}
#nav a.active{
	background-position:left bottom;
	background-repeat: no-repeat;
	display: block;
	height: 32px;
	text-indent: -999em;
}
#nav a.kinderen, #nav a.kinderen span.hover{
	background-image: url(../images/nav_home.png);
}
#nav a.jongeren, #nav a.jongeren span.hover{
	background-image: url(../images/nav_kinderen.png);
}
#nav a.volwassenen, #nav a.volwassenen span.hover{
	background-image: url(../images/nav_nieuws.png);
}
#nav a.partners, #nav a.partners span.hover{
	background-image: url(../images/nav_partners.png);
}
#nav a.wezijn, #nav a.wezijn span.hover{
	background-image: url(../images/nav_wezijn.png);
}
#sterren{
	display: none;
	float: left;
	width:175px
}

#subnav{
	display: block;
	float: left;
	width:175px
}
#subnav ul{
	margin: 0 20px 0 0;
}
#subnav li{
	border-bottom: 1px solid #AAA;
	padding: 8px 0;
}
#subnav a:link, #subnav a:visited{
	color:#000;
	font-size: 15px;
	text-decoration: none;
}
#subnav a:hover, #subnav a:active{
	text-decoration: underline;
}
#subnav a.active{
	text-decoration: none;
}
#subnav li ul li a:link, #subnav li ul li a:visited{
	color: #666;
	font-size: 13px !important;
}
#substenav{
	height: 18px;
	margin: 8px 0 20px 20px;
}
#substenav li{
	display: inline;
	float: left;
	padding: 0 10px 0 0
}
#substenav a:link, #substenav a:visited, #substenav a:hover, #substenav a:active{
	font-size: 15px;
}
#topnav{
	position: absolute;
	right: 28px;
	top: 0px;
	width: 960px;
display:none;
}
#topnav ul, #topnav form{
	margin-top:10px;
}
#topnav li, #topnav input{
	display: inline;
	float: right;
	padding: 0 0 0 10px
}
#topnav a:link, #topnav a:visited, #topnav input{
	color:#888;
	font-size: 11px;
	text-decoration: none;
}
#topnav a:hover, #topnav a.active {
	color:#000;
	text-decoration: underline;
}
#topnav .form_top {
	border:1px solid #AAA;
	background: url(../images/scope.png) no-repeat 5px 5px;
	height:17px;
	padding: 2px 2px 0px 18px;
	margin:0 0 0 10px;
	width:111px;
	font-size:11px;
	line-height:15px;
}
#topnav input#form_submit{
	width: 36px;
	line-height:17px;
}
#topnav input#form_submit:hover{
	color: #000;
	cursor: pointer;
}
#sitemap {
	display: block;
	margin-top: 20px;
}
#sitemap ul {
	border-bottom: 1px solid #5e89cc;
	margin: 0 20px 0 0;
	padding-bottom: 10px;
	font-size: 15px;
}
#sitemap ul ul {
	border-bottom: none;
}
#sitemap li {
	border-bottom: none;
	padding: 8px 0;
	margin-left: 20px;
}
#sitemap a:link, #sitemap a:visited {
	color:#000;
	font-size: 15px;
	text-decoration: none;
}
#sitemap a:hover, #sitemap a:active{
	text-decoration: underline;
}
#sitemap a.active{
	text-decoration: none;
}
#sitemap li ul li a:link, #sitemap li ul li a:visited{
	color: #666;
	font-size: 13px !important;
}
/* waarwezijn map */
#adres{
	display: block;
	position: relative;
	top:35px;
	left:0px;
	width:770px;}
#sterren ul{
	overflow: hidden;
	margin: 20px 0 0;}
#adres ul{}
#sterren li, a.trigger, #adres li{
	background: url(../images/nummerbord.png) no-repeat left top;}
/*.s_c{
	background-position:left top;
}
.s_p{
	background-position:left -20px;
}
.s_bo{
	background-position:left -40px;
}
.s_t{
	background-position:left -60px;
}
.s_k{
	background-position:left -80px;
}
.s_bs{
	background-position:left -100px;
}
.s_w{
	background-position:left -120px;
}
.s_a{
	background-position:left -140px;
}*/
#sterren li.selected, #adres li.selected{
	margin-left: -20px;
	padding-left: 40px;
	overflow: hidden;
}
#sterren li a:link, #sterren li a:visited, #adres li a:link, #adres li a:visited{
	text-decoration: none;
	background: #FFF;
	padding: 3px 0 3px 5px
}
a.trigger{
	display: block;
	height:20px;
	width:20px;
	text-align: center;
	text-decoration: none;
}
#pos_all,
#pos_cursussen, 
#pos_peuterspeelzaal, 
#pos_bso, 
#pos_tos{
	position: absolute;left:0;top:0;}
.pos{
	position: absolute;}
.nr001{left:173px;top:131px;}
.nr002{left:183px;top:143px;}
.nr003{left:189px;top:176px;}
.nr004{left:234px;top:181px;}
.nr005{left:232px;top:227px;}
.nr006{left:148px;top:208px;}
.nr007{left:156px;top:231px;}
.nr008{left:183px;top:271px;}
.nr009{left:152px;top:309px;}
.nr010{left:161px;top:317px;}
.nr011{left:155px;top:285px;}
.nr012{left:173px;top:283px;}
.nr013{left:298px;top:236px;}
.nr014{left:319px;top:237px;}
.nr015{left:343px;top:278px;}
.nr016{left:312px;top:298px;}
.nr017{left:265px;top:308px;}
.nr018{left:367px;top:323px;}
.nr019{left:283px;top:385px;}
.nr020{left:387px;top:316px;}
.nr021{left:430px;top:421px;}
.nr022{left:438px;top:432px;}
.nr023{left:665px;top:497px;}
.nr024{left:678px;top:548px;}
.posbox{
	background: url(../images/pos_bg.png) no-repeat left top;
	height: 144px;
	left:6px;
	padding: 5px 10px;
	position: absolute;
	top:16px;
	width: 280px;
	z-index: 101;
}
.mapactive{
	z-index: 999;
}
.posbox p, .locatie p{
	width:175px;
}
.locatie{
	cursor:pointer;
	display: block;
	float: left;
	height: 95px;
	width: 192px;
	position: relative;
}
.no_n_m{
	position: absolute;
	top:-10px;
	left:-10px;
	z-index: 5;
}
.posbox img, .locatie img{
	float: right;
	padding: 12px 9px 0 0;
}
.locatie .active{
	background: #D4DE25;
}
#adres li{
	display: inline;
	float: left
}
/* forms en buttons */
#cForm {
}
.form{
}
fieldset {
}
.form div{
	background: #FFF;
	display: block;
	height:23px;
	margin: 0 0 5px 20px;
	padding: 3px 2px 2px;
	width:520px;
}
.form input, .form textarea {
	color: #000;
	display: inline;
	float: left;
	font-size: 12px;
	height:20px;
	padding:1px 0 1px 3px;
	vertical-align: middle;
	border: none;
}
.form select, #inschrijving {
	border:1px solid #FFF;
	height:20px;
}
input#form_submit{
	background: url(../images/zoek_knop.png) no-repeat left bottom;
	border:none;
	float:right;
	margin:0 0 4px 0;
	padding:2px;
	/* text-indent:-999em; */
	width:auto;	
}
#inschrijving{
	height:20px;
	border:1px solid #FFF;
	padding:0 4px 0 0;
}
.cursus {
	width: 100%;
	border-top: 1px dashed #006DB8;
	border-bottom: 1px dashed #006DB8;
	padding-bottom: 20px;
	margin-top: 20px;
}
.kinderen #content input#form_submit:hover,
.jongeren #content input#form_submit:hover,
.volwassenen #content input#form_submit:hover,
.partners #content input#form_submit:hover,
.wezijn #content input#form_submit:hover {
	color: #000;
}
.form label{
	float:left;
	margin: 0 2px 0 0;
}
.form .check {
	padding: 0px;
	margin: 1px 0 0 2px;
	width:auto;
}
.form .radio{
	padding: 0px;
	margin: 2px 8px 0 1px;
	width:auto;
}
input.kwart{
	width: 50px;
	border:0px solid #FFF;
}
input.half{
	width: 200px;
	border:0px solid #FFF;
}
input.driekwart{
	width: 310px;
	border:0px solid #FFF;
}
.focusField{
	background:#FFF;
}
.idleField{
	background:#0f0;
}

/* kinderen */
.kinderen h2, 
.kinderen h4,
.kinderen h3:hover,
.kinderen h3.cursus_selected,  
.kinderen p.teaser, 
.kinderen p.inform span, 
.kinderen a:hover, 
.kinderen a:active, 
.kinderen a.active, 
.kinderen #subnav a.active,
.kinderen #subnav li ul li a.active,
.kinderen #content input#form_submit{
	color:#FAA438;  /* oranje */
}
.kinderen #contentbox{
	background-color: #FEEFDF; /* licht oranje */
}
.kinderen #subnav ul{
	border-top: 1px solid #FEEFDF;
}
.kinderen #subnav li{
	border-bottom: 1px solid #FEEFDF;
}

/* jongeren */
.jongeren h2, 
.jongeren h4,
.jongeren h3:hover,
.jongeren h3.cursus_selected, 
.jongeren p.teaser, 
.jongeren p.inform span, 
.jongeren a:hover, 
.jongeren a:active, 
.jongeren a.active, 
.jongeren #subnav a.active,
.jongeren #content input#form_submit{
	color:#FFD200; /* geel */
}
.jongeren #contentbox{
	background-color: #FFFCEE;
}
.jongeren #subnav ul{
	border-top: 1px solid #FFF8D3;
}
.jongeren #subnav li{
	border-bottom: 1px solid #FFF8D3;
}
/* volwassenen */
.volwassenen h2, 
.volwassenen h4,
.volwassenen h3:hover,
.volwassenen h3.cursus_selected,  
.volwassenen p.teaser, 
.volwassenen p.inform span, 
.volwassenen a:hover, 
.volwassenen a:active, 
.volwassenen a.active, 
.volwassenen #subnav a.active,
.volwassenen #content input#form_submit{
	color:#EB2625; /* rood */
}
.volwassenen #contentbox{
	background-color: #FCE8E1; /* licht rood */
}
.volwassenen #subnav ul{
	border-top: 1px solid #FCE8E1;
}
.volwassenen #subnav li{
	border-bottom: 1px solid #FCE8E1;
}

/* partners */
.partners h2, 
.partners h4, 
.partners p.teaser, 
.partners p.inform span, 
.partners a:hover, 
.partners a:active, 
.partners a.active, 
.partners #subnav a.active,
.partners #content input#form_submit{
	color:#6DCDE9; /* blauw */
}
.partners #contentbox{
	background-color: #ECF7FA; /* licht blauw */
}
.partners #subnav ul{
	border-top: 1px solid #ECF7FA;
}
.partners #subnav li{
	border-bottom: 1px solid #ECF7FA;
}

/* wezijn */
.wezijn h2, 
.wezijn h4, 
.wezijn p.teaser, 
.wezijn p.inform span, 
.wezijn a:hover, 
.wezijn a:active, 
.wezijn a.active, 
.wezijn #subnav a.active,
.wezijn #content input#form_submit{
	color:#5e89cc; /* paars */
}
.wezijn #contentbox{
	background-color: #D8E1F2; /* licht groen */
}
.wezijn #subnav ul{
	border-top: 1px solid #D8E1F2;
}
.wezijn #subnav li{
	border-bottom: 1px solid #D8E1F2;
}


#subnav li ul, #subnav li ul li{
	border: none !important;
	padding: 0 0 0 10px;
}
/* Clearen van floats */
.clear{
	clear:both;
	display:block;
	overflow:hidden;
	visibility:hidden;
	width:0;
	height:0
}
.clearfix:after{
	clear:both;
	content:' ';
	display:block;
	font-size:0;
	line-height:0;
	visibility:hidden;
	width:0;height:0
}
.clearfix{
	display:inline-block
}
* html .clearfix{
	height:1%
}
.clearfix{
	display:block
}






body.content ul{
	margin: 0 20px 20px;
}
body.content li{
	color: #000;
	font-size: 13px;
	line-height: 20px;
	list-style:none outside url("/images/min.gif");
	margin: 0 0 0 20px;
}