/* reset css */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, 
form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; background: transparent; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q {	quotes: none; }
ins { text-decoration: none; }
del { text-decoration: line-through; } 
table { border-collapse: collapse; border-spacing: 0; }
q:before, blockquote:before { content: ''; }
q:after, blockquote:after 	{ content: ''; }

/* site css */
body {
	font				: 0.75em Arial, sans-serif;
	background			: #FFF;
}

.toegankelijkheid {
	position			: absolute;
	left				: -999em;
}

.clear {
	clear				: both;
}


/* --------------------------------	*/
/* container					 	*/
/* --------------------------------	*/
#container {
	position			: relative;
	z-index				: 2;
	width				: 994px;
	margin				: 0 auto;
}


/* --------------------------------	*/
/* header						 	*/
/* --------------------------------	*/
#header {
	position			: relative;
	height				: 235px;
}

#header a.logo {
	position			: absolute;
	top					: 70px;
	left				: 12px;
	z-index				: 10;
}

/* Topmenu */
#topmenu {
	float				: right;
	padding				: 10px 10px 0 0;
	line-height			: normal;
}

#topmenu li {
	display				: inline;
	float				: left;
	margin				: 0 15px 0 0;
}

#topmenu li a {
	float				: left;
	min-height			: 25px;
	padding				: 6px 5px 0 28px;
	color				: #000;
	text-decoration		: none;
}

#topmenu li a.contact 	{ background :url(../img/button-contact.png) no-repeat left top; }
#topmenu li a.print 	{ background :url(../img/button-print.png) no-repeat left top; }
#topmenu li a.leesvoor 	{ background :url(../img/button-leesvoor.png) no-repeat left top; }

#topmenu li a:hover {
	text-decoration		: underline;
}

#topmenu li.actief a {
	font-weight			: bold;
	text-decoration		: underline;
}

/* Lettergrootte */
#lettergrootte {
	float				: right;
	padding				: 10px 0;
	line-height			: normal;
}

#lettergrootte p {
	float				: left;
	padding				: 6px 5px 0 0;
}

#lettergrootte ul {
	float				: left;	
}

#lettergrootte li {
	display				: inline;
	float				: left;
	height				: 22px;
	margin				: 0 2px;
}

#lettergrootte li a {
	float				: left;
	height				: 22px;
	text-indent			: -900em;
	background			: url(../img/lettergrootte.png) no-repeat;
}

#lettergrootte li a.normaal {
	width				: 13px;
	background-position	: left top;
}

#lettergrootte li a.groter {
	width				: 17px;	
	background-position	: -13px top;
}

#lettergrootte li a.grootst {
	width				: 20px;	
	background-position	: -30px top;
}

#lettergrootte li.actief a.normaal,
#lettergrootte li a.normaal:hover	{ background-position: left bottom; }
#lettergrootte li.actief a.groter,
#lettergrootte li a.groter:hover 	{ background-position: -13px bottom; }
#lettergrootte li.actief a.grootst,
#lettergrootte li a.grootst:hover	{ background-position: -30px bottom; }

/* Zoeken */
#zoeken {
	position			: absolute;
	left				: 0;
	bottom				: 0;
	width				: 216px;
	padding				: 9px 0 10px 13px;
	background			: #FFF url(../img/zoek-input.png) no-repeat 10px 15px;
}

#zoeken legend {
	display				: none;
}

#zoeken input {
	width				: 160px;
	padding				: 2px;
	border				: none;
	line-height			: normal;
	vertical-align		: middle;
	color				: #000;
	background			: none;
}

#zoeken input.defaultvalue {
	text-transform		: uppercase;
	color				: #888;
}

#zoeken input.button {
	width				: 23px;
	height				: 31px;
	margin				: 5px 0 0 5px;
	overflow			: hidden;
	padding				: 0;
	line-height			: 900em;
	text-indent			: -900em;
	background			: url(../img/button-zoeken.png) no-repeat left top;
	cursor				: pointer;
}

/* Header afbeelding */
#headerafbeelding {
	position			: absolute;
	right				: 0;
	top					: 51px;
	z-index				: 5;
	width				: 765px;
	height				: 184px;
	overflow			: hidden;
}

#headerafbeelding li {
	width				: 765px;
	height				: 184px;	
}

#headerafbeelding q {
	display				: block;
	width				: 765px;
	height				: 184px;
	text-indent			: -900em;
}

#headerafbeelding li.samen q	{ background: url(../img/header/samen-weer-op-pad.jpg) no-repeat left top; }
#headerafbeelding li.zorg q 	{ background: url(../img/header/zorg-die-bij-mij-past.jpg) no-repeat left top; }
#headerafbeelding li.gezellig q	{ background: url(../img/header/gezellig-weer-naar-school.jpg) no-repeat left top; }


/* --------------------------------	*/
/* main							 	*/
/* --------------------------------	*/
#main {
	margin				: 20px 0 0 0;
	background			: url(../img/main-bg.png) repeat-y 228px top;
}


/* --------------------------------	*/
/* menu							 	*/
/* --------------------------------	*/
#menu {
	float				: left;
	width				: 228px;
	padding				: 0 0 10em 0;
}

#menu li a {
	display				: block;
	padding				: 3px 2px 3px 10px;
	text-decoration		: none;
	font-weight			: bold;
	font-size			: 1.2em;
	word-wrap			: break-word;
	color				: #ee7d0c;
}

#menu li a:hover {
	background			: #EEE;
}

#menu > li.actief > a {
	text-decoration		: underline;	
	color				: #000;
}

#menu li.actief > a {
	font-weight			: bold;
}

/* Sub */
#menu li li a {
	font-weight			: normal;
	font-size			: 1em;
	color				: #000;	
}

/* Sub sub */
#menu li li li a {
	padding				: 3px 2px 3px 30px;
	background			: url(../img/menu-subsub-bg.png) no-repeat 15px 7px;
}

#menu li li li a:hover {
	background			: #EEE url(../img/menu-subsub-bg.png) no-repeat 15px 7px;
}


/* --------------------------------	*/
/* maincontent					 	*/
/* --------------------------------	*/
#maincontent {
	float				: left;
	width				: 756px;
	padding				: 0 0 0 10px;
	line-height			: 1.6em;
}

#maincontent h1,
#maincontent h2,
#maincontent h3 {
	margin				: 0 0 0.8em 0;
	font-size			: 1.7em;
	color				: #EE7D0C;
}


/* --------------------------------	*/
/* breadcrumbs					 	*/
/* --------------------------------	*/
#breadcrumbs {
	padding				: 0 0 10px 0;
	text-transform		: lowercase;
}

#breadcrumbs li {
	display				: inline;	
}

#breadcrumbs li a {
	text-decoration		: none;
	color				: #999;	
}

#breadcrumbs li a:hover {
	text-decoration		: underline;
	color				: #ee7d0c;	
}


/* --------------------------------	*/
/* content						 	*/
/* --------------------------------	*/
#content {
	display				: inline;
	float				: left;
	width				: 470px;
	padding				: 10px 0 0 0;
}

#maatwerk #content {
	width				: 756px;
}

#content a 			{ color: #EE7D0C; }
#content a:hover 	{ color: #C00; }

/* iwes opmaak */
#content .iwes a:visited 	{ color: #555; }
#content .iwes blockquote {
	margin				: 0 0 10px 30px;
}

#content .iwes ul {
	margin				: 0 0 10px 30px;
	list-style			: square;
}

#content .iwes ol {
	margin				: 0 0 10px 30px;
	list-style			: decimal;
}

/* formulieren */
#content .formmodule h4 {
	display				: none;
}

#content .formmodule ul {
	margin				: 0;
	list-style			: none;
}

#content .formmodule li {
	padding				: 3px 0;
}

#content input, 
#content select, 
#content textarea {
	margin				: 1px;
	padding				: 2px;
	border				: 1px solid #CCC;
	font				: 1em Arial;
}

#content textarea {
	overflow			: auto;
	height				: 100px;
}

#content .formmodule li .veld {
	overflow			: hidden;
}

#content .veld label {
	clear				: left;
	float				: left;
	padding				: 3px;
}

#content input:hover, 
#content textarea:hover {
	border				: 1px solid #333;
}

#content input.sfFocus, 
#content textarea.sfFocus {
	margin				: 0;
	border				: 2px solid #EE7D0C;
}

#content input.radio, 
#content input.checkbox {
	border				: none;
}

#content input.button {
	margin				: 10px 0;
	padding				: 5px 20px;
	font-weight			: bold;
	border				: none;
	color				: #fff;
	background			: #EE7D0C url(../img/button-verloop.png) repeat-x left top;
	cursor				: pointer;
}

#content input.button:hover {
	background			: #C00 url(../img/button-verloop.png) repeat-x left top;
}

#content input.fout, 
#content textarea.fout {
	margin				: 0;
	border				: 2px solid #C00;
}

#content .melding, 
#content label.fout {
	color				: #C00;
}

/* Fieldsets formulier */
#content .formfieldsets fieldset {
	margin				: 0 0 10px 0;
	padding				: 10px;
	border				: 1px solid #CCC;
	background			: #F5F5F5;
}

#content .formfieldsets fieldset legend {
	padding				: 5px 10px;
	font-weight			: bold;
	color				: #FFF;
	background			: #666;
}

#content .formfieldsets li {
	clear				: both;
	overflow			: hidden;
}

#content .formfieldsets fieldset.folders .label {
	float				: left;
	width				: 370px;
	padding				: 2px 0 0 10px;
}

#content .formfieldsets fieldset.folders .oneven {
	background			: #D5D5D5;
}

#content .formfieldsets fieldset.folders .veld {
	float				: left;
	width				: 60px;
}

/* Pagina navigatie */
#content .navigatie {
	padding				: 10px 0;
	color				: #00688D;
}

#content .navigatie ul {
	display				: inline;
}

#content .navigatie ul li {
	display				: inline;
	margin				: 0;
	padding				: 0 1px 0 0;
	border				: none;
	font-weight			: bold;
}

#content .navigatie ul li.huidige_pagina {
	margin				: 0 1px 0 0;
	padding				: 2px 5px;
	border				: 1px solid #EE7D0C;
	color				: #FFF;
	background			: #EE7D0C;
}

#content .navigatie ul li a {
	padding				: 2px 5px;
	background			: #FFF;
	border				: 1px solid #CCC;
	color				: #AAA;
	text-decoration		: none;
}

#content .navigatie ul li a:hover {
	border				: 1px solid #C00;
	color				: #C00;
}

/* Errormelding */
#content .errormelding {
	padding				: 20px;
	border				: 4px solid #09C;
	font-weight			: bold;
	color				: #09C;
	background			: #ecf6f9;
}

/* Button Chat mee */
#content .button-chatmee {
	display				: block;
	width				: 63px;
	height				: 79px;
	margin				: 10px 0 0 0;
	text-indent			: -900em;
	background			: url(../img/button-chatmee.png) no-repeat left top;
}

#content .button-chatmee:hover {
	background-position	: right top;
}

/* Terug */
#content .terug {
	float				: left;
	padding				: 5px 10px;
	text-decoration		: none;
	color				: #FFF;
	background			: #999;
}

#content .terug:hover {
	color				: #FFF;
	background			: #C00;
}

/* jumpbox */
#content div.jumpbox span	{
	display				: block;
	width				: 120px;
	padding				: 3px 3px;
	border				: 1px solid #CCC;
	line-height			: normal;
	font-weight			: bold;
	background			: #fff url(../img/pijl-onder-zwart.png) no-repeat 110px 8px;
	cursor				: pointer;
}

#content div.jumpbox_open span	{
	background			: #fff url(../img/pijl-onder-zwart.png) no-repeat 110px 8px;
}

#content div.jumpbox ul	{
	width				: 126px;
	border				: 1px solid #CCC;
	border-top			: none;
	background			: #fff;
}

#content div.jumpbox ul li a	{
	display				: block;
	width				: 120px;
	padding				: 2px 3px;
	text-decoration		: none;
	background			: #fff;
}

#content div.jumpbox ul li a:hover	{
	color				: #fff;
	background			: #EE7D0C;
}

#content .sorteren-relevantie,
#content .sorteren-aantal {
	float				: right;	
}

#content .sorteren-relevantie p,
#content .sorteren-aantal p {
	float				: left;	
	padding				: 1px 5px 0 0;
}

#content .sorteren-relevantie .jumpbox,
#content .sorteren-aantal .jumpbox {
	float				: right;	
}

#content .sorteren-aantal div.jumpbox span {
	width				: 60px;	
	background			: #fff url(../img/pijl-onder-zwart.png) no-repeat 50px 8px;
}

#content .sorteren-aantal div.jumpbox_open span	{
	background			: #fff url(../img/pijl-onder-zwart.png) no-repeat 50px 8px;
}

#content .sorteren-aantal div.jumpbox ul	{
	width				: 66px;
}

#content .sorteren-aantal div.jumpbox ul li a	{
	width				: 60px;
}


/* --------------------------------	*/
/* IWES zoeken					 	*/
/* --------------------------------	*/
#iweszoeken {
	width				: 216px;
	margin				: 0 0 10px 0;
	padding				: 0 0 0 3px;
	background			: #FFF url(../img/zoek-input.png) no-repeat left 6px;
}

#iweszoeken legend {
	display				: none;
}

#iweszoeken input,
#content #iweszoeken input:hover,
#content #iweszoeken input.sfFocus {
	width				: 160px;
	padding				: 2px;
	margin				: 0;
	border				: none;
	line-height			: normal;
	vertical-align		: middle;
	background			: none;
}

#iweszoeken input.defaultvalue {
	text-transform		: uppercase;
	color				: #888;
}

#content #iweszoeken input.button {
	width				: 23px;
	height				: 31px;
	margin				: 5px 0 0 5px;
	overflow			: hidden;
	padding				: 0;
	line-height			: 900em;
	text-indent			: -900em;
	background			: url(../img/button-zoeken.png) no-repeat left top;
	cursor				: pointer;
}

#content #iweszoeken .melding {
	display				: none;
	width				: 300px;
	padding				: 5px;
	border				: 2px solid #C00;
	background			: #FFF;
}


/* --------------------------------	*/
/* overzicht					 	*/
/* --------------------------------	*/
#content .overzicht li {
	overflow			: hidden;
	padding				: 10px;
	border-bottom		: 1px solid #EEE;
}

#content .overzicht li.even {
	background			: #EEE;
}

#content .overzicht li img {
	float				: right;
	border				: 2px solid #FFF;
}

#content .overzicht li .info {
	float				: left;
	width				: 610px;
}

#content .overzicht li .datum {
	font-style			: italic;
	color				: #777;
}

#maincontent .overzicht h3 {
	margin				: 0 0 0.2em 0;
	font-size			: 1.2em;	
}

#maincontent .overzicht h3 a {
	color				: #EE7D0C;	
}

#maincontent .overzicht h3 a:hover {
	color				: #C00;	
}

#maincontent .overzicht .url {
	display				: block;
	font-size			: 0.9em;
	color				: gray;
}

/* Hover */
#content .overzicht li.hover {
	color				: #FFF;
	background			: #ee7d0c;
}

#maincontent .overzicht li.hover h3 {
	color				: #FFF;
}

#content .overzicht li.hover .datum {
	color				: #FFF;
}

#content .overzicht li.hover a {
	color				: #C00;
}

/* Nieuwsoverzicht */
.nieuwsoverzicht {
	margin				: 0 0 20px 0;
	border				: 1px solid #CCC;	
}

#maincontent .nieuwsoverzicht h2 {
	margin				: 0;
	padding				: 10px;
	border-bottom		: 1px solid #FFF;
	font-size			: 1.3em;
	color				: #FFF;
	background			: #EE7D0C;
}

#content .nieuwsoverzicht a.meer {
	display				: block;
	padding				: 5px 10px;
	border-top			: 1px solid #CCC;
	color				: #666;
}

#content .nieuwsoverzicht a.meer:hover {
	color				: #C00;
}


/* --------------------------------	*/
/* Archief						 	*/
/* --------------------------------	*/
#archief .archiefselect .button {
	padding				: 3px 10px;
}


/* --------------------------------	*/
/* Cursus						 	*/
/* --------------------------------	*/
#cursus {
	overflow			: hidden;
}

#cursus .omschrijving {
	float				: left;
	width				: 360px;
}

#cursus .overig {
	float				: right;
	width				: 340px;
	padding				: 10px;
	background			: #EEE;
}

#cursus .overig h3 {
	margin				: 0;
	font-size			: 1em;
	color				: #000;
}

#cursus .overig p {
	margin				: 0 0 1em 0;
}

#content #cursus .aanmelden {
	display				: inline;
	float				: left;
	margin				: 0 0 0 20px;
	padding				: 5px 10px;
	font-weight			: bold;
	text-decoration		: none;
	color				: #FFF;
	background			: #EE7D0C;
}

#content #cursus .aanmelden:hover {
	color				: #FFF;
	background			: #C00;
}


/* --------------------------------	*/
/* Sociale kaart zoeken			 	*/
/* --------------------------------	*/
#sokazoekenwrapper {
	position			: relative;	
}

#sokazoekenoverlay {
	position			: absolute;
	left				: -900em;
	top					: 0;
	z-index				: 2337;
	width				: 756px;
	padding				: 150px 0 0 0;
	overflow			: hidden;
	text-align			: center;
	color				: #000;
	background			: #FFF url(../img/loader.gif) no-repeat 50% 100px;
}

/* Zoekbox */
#sokazoeken {
	margin				: 0 0 10px 0;	
}

#sokazoeken ul {
	overflow			: hidden;
}

#sokazoeken li {
	display				: inline;
	float				: left;
	padding				: 10px 0;
	margin				: 0 10px 0 0;
}

#sokazoeken li.input {
	background			: url(../img/zoek-input.png) no-repeat right 9px;
}

#sokazoeken fieldset {
	padding				: 10px;
	border				: 1px solid #CCC;
	background			: #F5F5F5;
}

#sokazoeken fieldset legend {
	padding				: 5px 10px;
	font-weight			: bold;
	color				: #FFF;
	background			: #666;
}

#sokazoeken .input input,
#content #sokazoeken .input input:hover,
#content #sokazoeken .input input.sfFocus {
	width				: 150px;
	padding				: 2px 0;
	margin				: 0 10px;
	border				: none;
	line-height			: normal;
	vertical-align		: middle;
	background			: none;
}

#sokazoeken input.defaultvalue {
	text-transform		: uppercase;
	color				: #888;
}

#content #sokazoeken input.button {
	width				: 23px;
	height				: 31px;
	margin				: 0 0 0 5px;
	overflow			: hidden;
	padding				: 0;
	line-height			: 900em;
	text-indent			: -900em;
	background			: url(../img/button-zoeken.png) no-repeat left top;
	cursor				: pointer;
}


/* --------------------------------	*/
/* Filter						 	*/
/* --------------------------------	*/
#filter {
	padding				: 10px 5px;
	border				: 1px solid #CCC;
	background			: #EEE;
}

#filter .kolom {
	display				: inline;
	float				: left;
	position			: relative;
	width				: 236px;
	margin				: 0 4px;
	padding				: 10px 0;
	border				: 1px solid #CCC;
	background			: #FFF;
}

#filter .kolom .reset {
	display				: inline;
	float				: left;
	width				: 22px;
	height				: 22px;
	margin				: 0 0 10px 10px;
	text-indent			: -900em;
	background			: url(../img/reset.png) no-repeat left top;
}

#filter .kolom h3 {
	float				: left;
	padding				: 2px 0 0 10px;
	line-height			: normal;
	font-size			: 1.3em;
	color				: #000;
}

#filter .kolom ul {
	clear				: both;	
}

#filter .kolom li {
	clear				: both;
	overflow			: hidden;	
	padding				: 3px 5px;
}

#filter .kolom li.even {
	background			: #F5F5F5;
}

#filter .kolom li.actief {
	color				: #FFF;
	background			: #EE7D0C;
}

#filter .kolom li h4 {
	float				: left;
	width				: 190px;
	font-weight			: normal;
}

#filter .kolom li .aantal {
	float				: right;	
	width				: 32px;
}


/* --------------------------------	*/
/* Sociale kaart				 	*/
/* --------------------------------	*/
#soka {
	padding				: 10px;
	border				: 1px solid #CCC;
	background			: #F5F5F5;
}

#soka address {
	overflow			: hidden;
	padding				: 0 0 10px 0;
	font-style			: normal;
}

#soka address .fn {
	display				: none;	
}

#soka address .adressen {
	float				: left;
	width				: 320px;
}

#soka address .overig {
	float				: right;
	width				: 320px;
}

/* Blokken */
#soka #blokken .tabs {
	position			: relative;
	z-index				: 10;
	overflow			: hidden;
	margin-bottom		: -1px;
}

#soka #blokken .tabs li {
	display				: inline;
	float				: left;
	margin				: 0 5px 0 0;
}

#soka #blokken .tabs li a {
	float				: left;
	padding				: 5px 20px;
	border				: 1px solid #CCC;
	border-width		: 1px 1px 0 1px;
	font-weight			: bold;
	text-decoration		: none;
	color				: #000;
	background			: #CCC;
	-moz-border-radius-topright		: 10px;
	-moz-border-radius-topleft		: 10px;
	-webkit-border-radius-topright	: 10px;
	-webkit-border-radius-topleft	: 10px;
}

#soka #blokken .tabs li.actief a {
	background			: #FFF;
}

#soka #blokken .blok {
	position			: relative;
	z-index				: 5;
	padding				: 10px;
	border				: 1px solid #CCC;
	background			: #FFF;
}

/* Google Maps */
#soka #googlemaps {
	float				: left;
	width				: 400px;
	height				: 300px;
	border				: 1px solid #333;
}

#soka #route {
	float				: left;
	width				: 260px;
	padding				: 10px 20px;
}

#soka #route legend {
	display				: none;
}

#soka #route input {
	width				: 100px;
	padding				: 5px;
}

#soka #route input.defaultvalue {
	color				: #999;
}

#soka #route .button {
	padding				: 5px 10px;
}


/* --------------------------------	*/
/* Gekleurde mappen				 	*/
/* --------------------------------	*/
#maincontent .kleurmappen {
	overflow			: hidden;
	padding				: 2px 0 0 0;
}

#maincontent .kleurmappen li {
	display				: inline;
	float				: left;
	width				: 170px;
	height				: 117px;
	margin				: 0 5px 10px 5px;
	line-height			: 1em;
	background			: #ee7d0c url(../img/kleurmappen-bg.png) no-repeat right top;
}

#maincontent .kleurmappen li a {
	display				: block;
	position			: relative;
	width				: 170px;
	height				: 100px;
	overflow			: hidden;
	padding				: 17px 0 0 0;
	text-decoration		: none;
	font-weight			: bold;
	color				: #FFF;
}

#maincontent .kleurmappen li a span {
	display				: block;
	position			: absolute;
	left				: 0;
	bottom				: 0;
	width				: 160px;
	padding				: 4px 5px;
	word-wrap			: break-word;
	background			: #ee7d0c;
	cursor				: pointer;
}


/* --------------------------------	*/
/* zijbalk						 	*/
/* --------------------------------	*/
#zijbalk {
	float				: right;
	width				: 260px;
}

/* Fotos */
#zijbalk .fotos {
	width				: 260px;
	font-size			: 0;	
}

#zijbalk .fotos li {
	padding				: 0 0 10px 0;	
}

/* Blokken */
#zijbalk .blokken {
	width				: 130px;
	font-size			: 1.2em;
	line-height			: 1em;
}

#zijbalk .blokken li {
	margin				: 0 0 10px 0;
	background			: #5b5754;
}

#zijbalk .blokken li span.titel {
	display				: block;
	height				: 68px;
	padding				: 5px;
	font-weight			: bold;
	text-transform		: uppercase;
	color				: #FFF;
	background			: url(../img/zijbalk-blokken-bg.png) no-repeat;
	cursor				: pointer;
}

#zijbalk .blokken .vrijetijd span.titel,
#zijbalk .blokken .kenniscentrum span.titel {
	height				: 30px;
	padding				: 43px 5px 5px 5px;
}

#zijbalk .blokken .zoeken span.titel 		{ background-position: left top; }
#zijbalk .blokken .woonwinkel span.titel 	{ background-position: left -78px; }
#zijbalk .blokken .vrijetijd span.titel 	{ background-position: left -156px; }
#zijbalk .blokken .kenniscentrum span.titel	{ background-position: left -234px; }

#zijbalk .blokken li a {
	text-decoration		: none;
	color				: #FFF;
}

#zijbalk .blokken li span.balk {
	display				: block;
	padding				: 3px 5px;
	text-decoration		: none;
	color				: #FFF;
	background			: #ee7d0c;
	cursor				: pointer;
}

#zijbalk .blokken li a:hover span.balk {
	background			: #5B5754;
}

/* Datums */
#zijbalk .data {
	padding				: 10px;
	background			: #EEE; 	
}

#zijbalk .data h2 {
	font-size			: 1.2em; 	
}


/* --------------------------------	*/
/* footer						 	*/
/* --------------------------------	*/
#footer {
	position			: absolute;
	left				: 0;
	bottom				: 0;
	width				: 228px;
}

/* HKZ */
#footer .hkz {
	float				: left;
	width				: 43px;
	height				: 36px;
	text-indent			: -900em;
	background			: url(../img/hkz.png) no-repeat left top;
}

#footer .hkz:hover {
	background-position	: left bottom;
}

/* Intern netwerk */
#footer .netwerk {
	display				: inline;
	float				: left;
	margin				: 12px 0 0 40px;
	padding				: 3px 5px 3px 20px;
	font-weight			: bold;
	font-size			: 1.1em;
	text-decoration		: none;
	color				: #FFF;
	background			: #cfcdcd;
}

#footer .netwerk:hover {
	background			: #ee7d0c;
}

/* Copyright */
#footer .copyright {
	clear				: both;
	padding				: 10px 0 0 0;
	font-size			: 0.9em;
}

#footer .copyright a {
	text-decoration		: none;
	color				: #000;	
}

#footer .copyright a:hover {
	text-decoration		: underline;
}

#footer .copyright a.actief {
	color				: #ee7d0c;
}

/* --------------------------------	*/
/* bottom						 	*/
/* --------------------------------	*/
#bottom {
	margin				: 10px 0 0 0;
	text-align			: center;
}

#bottom q {
	display				: block;
	min-height			: 23px;
	padding				: 8px 0;
	text-align			: left;
	text-indent			: -900em;
	background			: #676362 url(../img/footer-slogan.png) no-repeat center 8px;
}

#bottom p {
	padding				: 10px 0;
	color				: #999;
}

#bottom p a {
	text-decoration		: none;
	color				: #999;
}

#bottom p a:hover {
	color				: #333;
}

/* Background */
#background	{
	position			: absolute;	
	left				: 0;
	top					: 51px;
	z-index				: 1;
	width				: 100%;
	height				: 184px;
	background			: #ee7d0c;
}

.calendar {
	z-index				: 1337;	
}