@charset "UTF-8";
/* CSS Document */

body{
	margin:0;
	padding:0;
	background:#FFF;
	font-size:14px;
	color:#47292A;
}
*{
	font-family:Georgia, "Times New Roman", Times, serif;
}
ul#nav_top{
	width:805px;
	height:36px;
	display:block;
	margin:0 auto auto auto;
	background:url(../images/bg_menu.jpg);
	-moz-border-radius:0 0 5px 5px;
	-webkit-border-radius:0 0 5px 5px;
	border-radius:0 0 5px 5px;
	border-radius:0 0 5px 5px;
	padding:0;
	text-transform:capitalize;
	z-index:100;
}
ul#nav_top > li:first-child{
	-moz-border-radius:0 0 0 5px;
	-webkit-border-radius:0 0 0 5px;
	border-radius:0 0 0 5px;
}
ul#nav_top > li:last-child{
	-moz-border-radius:0 0 5px 0;
	-webkit-border-radius:0 0 5px 0;
	border-radius:0 0 5px 0;
}
ul#nav_top > li{
	list-style:none;
	float:left;
	margin:0;
	position:relative;
	display:block;
	width:134px;
	color:#47292A;
	height:36px;
	text-align:center;
}
ul#nav_top > li:hover, ul#nav_top > li.hover, ul#nav_top > li.active{
	-moz-box-shadow:0px 0px 5px #000;
	-webkit-box-shadow:0px 0px 5px #000;
	box-shadow:0px 0px 5px #000;
	background:#47292A;
	color:#FFF;
	position:relative;
}
ul#nav_top li ul{
	display:none;
	width:100%;
}
ul#nav_top li:hover ul, ul#nav_top li.hover ul{
	display:block;
	position:absolute;
	background:#fff;
	color:#47292A;
	margin:0;
	padding:0;
	z-index:1000;
	-moz-box-shadow:0px 0px 5px #000;
	-webkit-box-shadow:0px 0px 5px #000;
	box-shadow:0px 0px 5px #000;
	top:0px;
}
ul#nav_top li ul li{
	display:block;
	width:100%;
	margin:0;
	padding:0;
	text-align:center;
	background:#fff;
	padding:5px 0;
}
ul#nav_top li ul li:hover, ul#nav_top li ul li.hover{
	background:#47292A !important;
	color:#fff;
}
ul#nav_top a{
	text-decoration:none;
	color:#47292A;
	padding:9px 20px 0 20px;
	display:block;
	width:auto;
}
ul#nav_top > li:hover a, ul#nav_top > li.hover a, ul#nav_top > li.active a{
	text-decoration:none;
	color:#FFF;
}
ul#nav_top li:hover ul li a, ul#nav_top li.hover ul li a{
	text-decoration:none;
	color:#47292A;
	padding:5px 0;
}
ul#nav_top li:hover ul li:hover a, ul#nav_top li:hover ul li.hover a{
	text-decoration:none;
	color:#fff;
}
/* NAV TEST */
ul#nav_top > li:hover a span, ul#nav_top > li.hover a span, ul#nav_top > li.active a span{
	display:block;
	width:100%;
	height:10px;
	background:#47292A;
	overflow:hidden;
}

/* HEADER */
div#header{
	width:805px;
	height:auto;
	display:block;
	margin:10px auto auto auto;
}
div#logo{
	width:380px;
	height:290px;
	display:block;
	float:left;
	margin:0 auto auto auto;
	background:#666;
}
div#foto{
	width:380px;
	height:290px;
	display:block;
	float:right;
	margin:0 auto auto auto;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	background-image:url(../images/bg_home.jpg);
	background-position:center;
	background-repeat:no-repeat;
	z-index:1;
}


/* CONTENT */
div#container{
	width:805px;
	height:auto;
	display:block;
	margin:10px auto auto auto;
	font-size:14px;
}
div#text{
	width:545px;
	height:auto;
	display:block;
	float:left;
	margin:0 10px 0 0;
	padding:0;
}
div#container h2{
	color:#D4137F;
	font-size:24px;
	font-weight:normal;
	margin:10px 0;
	padding:0;
	text-transform:capitalize;
}
div#container p{
	margin:10px 0 0 0;
	padding:0;
}
div#container ul{
	padding:5px 15px;
}
div#container ul li{
	padding:5px 0;
}
div#container blockquote{
	display:block;
	padding:0 10px 7px 10px;
	margin:10px;
	font-style:italic;
}
a{
	color:inherit !important;
}


/* NAV LEFT */
div#nav_left{
	width:240px;
	height:auto;
	display:block;
	float:left;
	margin:0;
	padding:0;
}
div.blokje{
	width:230px;
	height:70px;
	display:block;
	margin:0 0 10px 0;
	padding:10px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	background-color:#09C;
	font-size:10px;
	line-height:10px;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFF;
	text-align:justify;
}
div.blokje h3{
	margin:0 0 8px 0;
	padding:0;
	font-size:14px;
	text-transform:capitalize;
	font-family:Arial, Helvetica, sans-serif;
}
div.blokje div.img{
	width:50px;
	height:70px;
	float:left;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	margin:0 10px 0 0;
	background:#FFF center;
}
div.blokje a{
	color:#FFF !important;
}
div#marijke{
	background-color:#4FB3Bd;
}
div#troostzakje{
	background-color:#D2157F;
}
div#contact{
	background-color:#F3BD1E;
}
div#kidsclub{
	background-color:#782887;
}



/* FOOTER */
div#footer{
	width:805px;
	height:auto;
	display:block;
	margin:10px auto;
	font-size:9px;
	text-align:left;
}



/* OVERIGE */
.hide{
	display:none;
}
div.clear{
	display:block;
	height:0px;
	clear:both;
}
a{
	color:inherit;
	font-family:inherit;
}


/* werkvormen */
div.werkvorm{
	display:block;
	height:50px;
	margin:0 0 10px 0;
	padding:0;
	clear:both;
}
div.werkvorm a{
	display:block;
	width:50px;
	height:50px;
	float:left;
	margin:0 10px 0 0;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
}
div.werkvorm strong{
	display:block;
	font-size:12px;
	font-weight:bold;
	margin:0 0 5px 0;
}

/* contactformulier */
form{
	padding:0;
	margin:0;
}
input, textarea{
	font-size:10px;
	padding:2px;
	width:150px;
}
textarea{
	width:303px !important;
	height:100px;
}
.paars, .groen, .geel{
	padding:0px;
	margin-bottom:5px;
	border:0px solid;
}
.paars{
	border-color:#D4137F;
}
.groen{
	border-color:#4FB3BC;
}
.geel{
	border-color:#F1BE2A;
}

.paars .label, .groen .label, .geel .label{
	display:block;
	width:150px;
	float:left;
	padding:5px 0;
	font-weight:bold;
}
.error{
	display:block;
	padding:10px;
	border:#900;
	background:#FAA;
	color:#900;
	border:1px solid #900;
	font-weight:bold;
	margin:10px 0 0 0;
}
.succes{
	display:block;
	padding:10px;
	border:#090;
	background:#AFA;
	color:#090;
	border:1px solid #090;
	font-weight:bold;
	margin:10px 0 0 0;
}
.geel a{
	display:block;
	padding:5px 20px;
	background:#47292A;
	text-decoration:none;
	width:auto;
	float:left;
	margin:0 10px 0 0;
	color:#FFF;
}
strong.jongen{
	color:#4FB3BC;
}
strong.meisje{
	color:#D4137F;
}


#melding{
	position:absolute;
	width:396px;
	height:auto;
	background:#D4137F;
	padding:20px;
	color:#FFF !important;
	z-index:10000;
	top:20px;
	left:50%;
	margin:auto auto auto -220px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	-moz-box-shadow:#000 0px 0px 10px;
	-webkit-box-shadow:#000 0px 0px 10px;
}
#melding h1{
	margin:0;
}
#melding .close{
	position:absolute;
	right:10px;
	top:10px;
	text-decoration:none;
}
#melding a{
	color:#FFF !important;
}

.disable{display:none}
.enable{display:block}