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

/*/
//Reassign basic parameters
/*/
* {
  padding: 0; /*Chrome past dit niet toe op ul en body tags*/
  margin: 0;	
}

html { overflow-y:scroll }

body {
  padding: 0;
  margin: 0;
  width: 100%;
  display: table;
  font-family:Tahoma, Geneva, sans-serif;
  font-size:12px;
}

html .index { background:#231f20 url(layout/backgrounds/bgturq.jpg) no-repeat center -141px; }
img { border:0; }

/*/
//Links
/*/
a { text-decoration:none; }
li a { display:block; }
a:link { color:#3399ff; }
a:visited { color:#3399ff; }
a:hover { color:#ff6633; }
a:active { color:#ff6633; }

/*/
//Site breedte en uitlijning
/*/
#container {
	width:949px;
	margin:0 auto;
}

/*/
// Header uitlijning
/*/
#top {
	width:949px;	
}

#top .sub1,
#top .sub2,
#top .sub3,
#top .sub3,
#top .sub5 {
	width:949px;
}

#top .sub1,
#top .sub2 {
	float:left;
	height:53px;
}

/*/
// Achtergronden toewijzen
/*/
#top .sub1 {
	background:url(layout/headerlogo.png) no-repeat 121px bottom;
	width:200px;
}

#top .sub2 {
	width:749px;
	color:#FFF;
}

#top .sub3 {
	height:20px;
	background:url(layout/header04.jpg);
	clear:both;
}

#top .sub4 {
	height:38px;
	background:url(layout/header03.jpg);
}

#top .sub5 {
	height:254px;
	background:url(layout/header02.jpg) left no-repeat #FFF;
    position: relative;
}

#footer {
	margin:0 auto;
	width:983px;
	height:116px;
	background:url(layout/footer01.png) no-repeat top right;
}


.index #footer,
.home #footer { background:url(layout/footer01.png) no-repeat top right; }
.arbeid #footer { background:url(layout/footer01va.png) no-repeat top right; }
.sport #footer { background:url(layout/footer01sb.png) no-repeat top right; }
.kinderen #footer { background:url(layout/footer01kj.png) no-repeat top right; }
.zorg #footer { background:url(layout/footer01zw.png) no-repeat top right; }

#footer #sub1, 
#footer #sub2 {
	margin-top:95px;
}
#footer #sub1 { float:left; margin-left:30px; color:#918f90; }
#footer #sub2 { float:right; margin-right:120px; }
#footer #sub2 a { color:#FFF; }
#footer #sub2 a:hover { text-decoration:underline; }

/*/
// Text uitlijning
/*/
.rechts { text-align:right; }
.links { text-align:left; }
.midden { text-align:center; }
.margtop { margin-top:10px; }

.qstart { background:url(layout/quote.png) no-repeat; }
.qend { background:url(layout/quote.png) -12px bottom no-repeat; }

/*/
// Uitlijining text knoppen
/*/
.sub2 ul {list-style:none; margin-top:30px; margin-left:180px;}
.sub2 li {float:left;border-right:#CCC 1px solid; color:#FFF; width:110px; text-align:center;}
.sub2 li a {color:#FFF; }
.sub2 li a:hover { text-decoration:underline; }
.sub2 .last {border-right:0px;}
/*/
// Subnavigatie
/*/
#block_1 .subnav {
	background:url(layout/navbg.jpg) no-repeat;
}
#block_1 .subnav ul {
	background:none;
}
#block_1 .subnav ul li,
#block_1 .subnav li  { 
	list-style:none;
	font-size:14px;
	padding:2px 4px;
	margin:2px 0px;
	font-weight:500;
	width:208px;
	float:left;
	background:none;
}


#block_1 .subnav ul li { background:url(layout/nodeline.png) repeat-y 2px -24px; height:16px; margin:0px 0px 0px 4px; padding-left:15px; width:192px; padding-top:8px; font-size:12px; }
#block_1 li:hover { background:url(layout/listbghover.jpg) right 12px no-repeat; }

#block_1 br { clear:both; }
#block_1 ul .subnav .double { background:url(layout/nodeline.png) repeat-y 2px -20px; height:46px; }
#block_1 ul .subnav .double2 { height:31px; }

#block_1 li a { color:#008e90; }
#block_1 li a:hover { color:#ff6633; }
#block_1 .subnav .first { 	
	padding:0px 4px 2px 22px;
	margin-bottom:5px;
	margin-top:0px;
	width:200px;
	background:url(layout/hbullet.png) no-repeat left 5px;
	font-size:20px;
	color:#008e90;
}

#block_1 .subnav .dblselected0,
#block_1 .subnav .selected0,
#block_1 .subnav .selected1,
#block_1 .subnav .mainselected,
#block_1 .subnav .dblselected1 {
	font-weight:bold;
}

#block_1 .subnav ul .last { background:url(layout/navlist/nodelinelast.png) repeat-y 2px -24px; }
#block_1 .subnav .selected0 { background:url(layout/navlist/listbgselected0.jpg) no-repeat right 8px !important; }
#block_1 .subnav .selected1 { background:url(layout/navlist/listbgselected.jpg) 2px 0px no-repeat !important; }
#block_1 .subnav .selected2 { background:url(layout/navlist/listbglastselected.jpg) 2px 0px no-repeat !important; }
#block_1 .subnav .mainselected { background:url(layout/navlist/mainselected.jpg) 0px 5px no-repeat !important; }
#block_1 .subnav .first:hover { background:url(layout/navlist/mainhover.jpg) 0px 5px no-repeat; }
#block_1 .subnav .dblselected1 { background:url(layout/navlist/listbgdblselected.jpg) !important; height:31px; }
#block_1 .subnav .dblselected0 { background:url(layout/navlist/listbgselected0.jpg) no-repeat right 8px !important;  }

#block_2 li { margin-left:25px; list-style-image:url(layout/bullet.jpg); }
/*/
// Header Buttons
/*/
#nav { list-style:none; }
#nav a { text-decoration:none; color:#FFF }
#nav ul li a { display:block; }
#nav a:link { color:#FFF; }
#nav a:visited { color:#FFF; }
#nav a:hover { color:#FFF; }
#nav a:active { color:#FFF; }

#btnHome {
	background-image:url(layout/buttons/home.png);
	background-repeat:no-repeat;
	width:76px;
	padding-left:333px;
	z-index:15;
	margin-left:13px;
	cursor:pointer;
}

#btnArbeid {
	background-image:url(layout/buttons/arbeid.png);
	background-repeat:no-repeat;
	width:145px;
	z-index:14;
	margin-left:385px;
	padding-left:20px;
	cursor:pointer;
	position:relative;
}

#btnSport {
	background-image:url(layout/buttons/sporti.png);
	background-repeat:no-repeat;
	width:145px;
	z-index:13;
	margin-left:518px;
	padding-left:15px;
	cursor:pointer;
	position:relative;
}

#btnSport2 {	
	background-image:url(layout/buttons/sport.png);
	background-repeat:no-repeat;
	width:145px;
	z-index:13;
	margin-left:518px;
	padding-left:15px;
	cursor:pointer;
	position:relative;
}

#btnZorg {
	background-image:url(layout/buttons/zorg.png);
	background-repeat:no-repeat;
	width:133px;
	z-index:12;
	margin-left:648px;
	padding-left:15px;
	cursor:pointer;
	position:relative;
}

#btnJeugd {
	background-image:url(layout/buttons/jeugd.png);
	background-repeat:no-repeat;
	width:155px;
	z-index:11;
	margin-left:768px;
	padding-left:10px;
	cursor:pointer;
	position:relative;
}

#nav li {
	height:24px;
	float:left;
	position:absolute;
	padding-top:14px;
	color:#EEE;
	font-size:14px;
}

#nav li:hover {
	height:28px;
	padding-top:10px;
	background-position:0px -38px;
}

.btnSelected {
	z-index:16 !important;
	height:28px !important;
	padding-top:10px !important;
	color:#EEE;
	font-size:14px;
	float:left;
	position:absolute;
	background-position:0px -76px !important;
}

p {
	padding-top:5px;
	padding-bottom:5px;
}

/*/
// Header Styles
/*/
h1,
h3 {
	font-family:Tahoma, Geneva, sans-serif;
	font-weight:500;
}

h1 {
	padding-left:22px;
	/*margin-top:10px;*/
	background:url(layout/hbullet.png) no-repeat bottom;
	background-position:0% 50%;
	font-size:20px;
	color:#008e90;	
	font-weight:500;
}

h2 {
	font-size:18px;
	color:#881111;
	padding-bottom:5px;
	font-weight:normal
}

h3 {
	color:#6cbebf;
	font-size:12px;
	padding-bottom:5px;
}

h4 {
	color:#6cbebf;
	font-size:12px;
	padding-bottom:5px;
}

hr {
	border:#bce1e2 1px solid;
	border-bottom:#FFF 1px solid;
	margin:8px 0px;
}

/*/
//Newsblock index page
/*/
.newsblock { margin-bottom:12px; width:455px;}
.meer { text-align:right; margin-top:10px; padding-right:10px; }
.newsblock .img { float:left; width:140px; padding-top:5px; }
.newsblock .news { float:left; padding-left:10px; width:305px; }
.clear { clear:both; }

/*/
//2 kolom form mark-up
/*/
form {
  font:100% verdana,arial,sans-serif;
  margin: 0;
  padding: 0;
}

#block_1 form,
#block_3 form { width: 225px; }
#block_2 form { width: 420px; }

form fieldset {
  / * clear: both; note that this clear causes inputs to break to left in ie5.x mac, commented out */
  border-color: #000;
  border-width: 0px;
  border-style: solid;
}

form fieldset legend {
	font-family:Tahoma, Geneva, sans-serif;
	font-stretch:normal;
	color:#008e90;
	font-size:15px;
	font-weight:bold; /* bump up legend font size, not too large or it'll overwrite border on left */
                       /* be careful with padding, it'll shift the nice offset on top of border  */
}

form label {
	display: block;  /* block float the labels to left column, set a width */
	float: left; 
	padding-top:2px;
	margin: 5px 0 0; /* set top margin same as form input - textarea etc. elements */
	text-align: left;
	color:#999;
	font-size:12px;
}

#block_1 form label,
#block_3 form label { width: 70px; }
#block_2 form label { width: 170px; }
.actiepopup label { width: 170px; }

.labeld { width:170px; float:left; }
.labelt { width:220px; float:left; }

#block_1 form textarea,
#block_3 form textarea,
.actiepopup textarea {
	width:200px;
	height:80px;
	margin:5px 0 0 10px;
}

#block_2 form textarea {
	width:220px;
	height:80px;
	margin:5px 0 0 10px;
}

#block_1 form input,
#block_3 form select,
#block_3 form input,
.actiepopup select {
	height:20px;
	margin:5px 0 0 10px;
}

#block_2 form input,
.actiepopup input {
	height:20px;
	margin:5px 0 0 10px;
}

#block_2 form label,
.actiepopup label {
	height:20px;
	margin:5px 0 0 10px;
}

#block_1 form .itext,
#block_3 form .itext { width:135px; }
#block_2 form .itext,
.actiepopup .itext { width:220px; }
#block_2 form .medium,
.actiepopup .medium { width:145px; }
#block_2 form .small,
.actiepopup .small{ width:59px; }
#block_2 form .radio,
.actiepopup .radio { width:20px; height:13px; }
form input#reset { margin-left:0px; /* set margin-left back to zero on reset button (set above) */ }
form .required{font-weight:bold;} /* uses class instead of div, more efficient */
textarea { overflow: auto; }
form br { clear:left; /* clears in br voor oudere browsers */ }

form small {
	display: block;
	margin: 0 0 5px 160px; /* instructions/comments left margin set to align w/ right column inputs */
	padding: 1px 3px;
	font-size: 88%;
}

/*/
//Tabellen
/*/

table {
	width:98%;
}

td { 
	padding:5px;
}

th {
	color:#881111;
	text-align:left;
	font-size:11px;
	border:0px;
	padding:5px;
}

tr .thtijd { width:30%; text-align:right; padding:0px 10px; }
tr .thles {	width:50%; }
tr .thdag { width:20%; }

table .first {	border-top:#EEE 1px solid; }

tr .tijd {
	color:#999;
	font-size:12px;
	text-align:right;
	padding:0px 10px;
}

tr .les {
	color:#3399ff;
	font-size:12px;
}

tr .les span { color:#000; }

/*/
//Form fields mark-up
/*/

.itext {
	border:#008e90 1px solid;
	background:#FFF url(layout/forms/itext.png) top repeat-x;
}

.isubmit {
	border:0px;
	background:#060 url(layout/forms/isubmit.png) no-repeat;
	height:12px;
	padding-bottom:10px;
	width:69px;
	color:#FFF;
	text-align:center;
	font-size:12px;
	cursor:pointer;
}

.isubmit:hover {
	background-position:0px -22px;
}

.iradio {
	width:20px;
}

/*/
// 3 kolom indeling
/*/
#colwrap1,
#colwrap2,
#colwrap3 {
	width:100%;
	height:100%;
}

#block_1 {
	float: left;
	width: 234px;
	padding-left:13px;
	background:url(layout/line.jpg) right repeat-y #FFF;
}
* html #block_1 {
	display: inline;
}
#block_2 {
	float: left;
	width: 455px;
	/*background:url(layout/header05.jpg) top left no-repeat #FFF;
	padding-top:180px;*/
}
#block_3 {
	float: left;
	width: 234px;
	
}

/* Start Mac IE5 filter \*/
#block_1, #block_2, #block_3 {
	padding-bottom: 32767px !important;
	margin-bottom: -32767px !important;
	min-height:400px;
}
/* End Mac IE5 filter */

/*/
//Index specifieke css
/*/
#block_1 .sub1 {
	height:99px;
	width:49px;
	margin-left:185px;
	background:url(layout/handactie.png) no-repeat right top;
	z-index:50;
	position:absolute;
}

#block_1 .content {
}

#block_2 .sub1 {
	background:url(layout/header05.jpg) top left no-repeat #FFF;
	height:186px;
	width:455px;
	margin-bottom:-15px;
}

#block_3 .content {
	background:url(layout/header07.jpg) no-repeat left top;
	padding-left:20px;
	padding-right:7px;
}

#block_3 img {
	margin-left:-7px;
}
/*/
//3 Koloms indeling vervolg
/*/
#wrapper {
	overflow: hidden; /* This hides the excess padding in non-IE browsers */
	background-color:#FFF;
}
/* IE 5.01 wrapper fix */
#wrapper {
/* IE 5.01 float fix */
	float: left;
/* IE 5.01 / 5.5 float */
	float/**/: none;
}
/* easy clearing */
#wrapper:after {
	content: '[DO NOT LEAVE IT IS NOT REAL]'; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
#wrapper {
	display: inline-block;
}
/*\*/
#wrapper {
	display: block;
}
/* end easy clearing */
#footer {
	clear: both;
}
/* Safari fix */
* > #footer, * > form, * > #notes, * > .output {
	position: relative;
	z-index: 1000;
}

/*/
//Slider
/*/
#slider {
	height:auto !important;
}

#slider li { 
	margin:0;
	padding:0;
	list-style:none;
	width:221px;
}
#slider li img {
	margin-left:0px;
}
#slider { 
	margin:5px 0px;
	overflow:auto;
	width:221px;
}

#top .sport { background:#FFF url(layout/backgrounds/subblue.jpg) left no-repeat; }
#top .arbeid { background:#FFF url(layout/backgrounds/suborange.jpg) left no-repeat; }
#top .kinderen { background:#FFF url(layout/backgrounds/subpurple.jpg) left no-repeat; }
#top .zorg { background:#FFF url(layout/backgrounds/subgreen.jpg) left no-repeat; }
#top .home { background:#FFF url(layout/backgrounds/subturq.jpg) left no-repeat; }

html .sport { background:#231f20 url(layout/backgrounds/bgblue.jpg) no-repeat center -141px; }
html .arbeid { background:#231f20 url(layout/backgrounds/bgorange.jpg) no-repeat center -141px; }
html .kinderen { background:#231f20 url(layout/backgrounds/bgpurple.jpg) no-repeat center -141px; }
html .zorg { background:#231f20 url(layout/backgrounds/bggreen.jpg) no-repeat center -141px; }
html .home { background:#231f20 url(layout/backgrounds/bgturq.jpg) no-repeat center -141px; }

.index2 { background:url(layout/line.jpg) left repeat-y #ebf6f6; }
.home2 { background:url(layout/line.jpg) left repeat-y #ebf6f6; }
.arbeid2 { background:url(layout/line.jpg) left repeat-y #fff7eb; }
.sport2 { background:url(layout/line.jpg) left repeat-y #ebf1f7; }
.zorg2 { background:url(layout/line.jpg) left repeat-y #ebf7eb; }
.kinderen2 { background:url(layout/line.jpg) left repeat-y #f7ebfa; }

.homeacties {
	list-style:none;
	cursor:pointer;
}

.homeacties:hover {
	list-style:none;
}

.homeacties .lines2 {
	width:170px; 
	height:40px; 
	padding:7px 10px 0px 40px; 
}

.homeacties .lines1 {
	 padding:15px 10px 0px 40px;
	 height:35px;
	 width:170px;
}

#block_1 .homeacties a {
	color:#EEE;
	font-size:14px;
	
	
}

#block_1 .homeacties a:hover {
	text-decoration:underline;
	color:#eee;
}

#fb_like {
    right:10px;
    position: absolute;
    bottom: 20px;
}