@import url('shadowbox.css');
/* 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 */
html {
	background          : #FFF url(../img/html-bg.png) repeat-x left top;
}

body {
	font				: 0.75em Arial, sans-serif;
	background			: url(../img/body-bg.png) no-repeat center top;
}

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

.clear {
	clear				: both;
}


/* --------------------------------	*/
/* container					 	*/
/* --------------------------------	*/
#container {
	position			: relative;
	width				: 990px;
	margin				: 0 auto;
}

#container a.logo {
	position			: absolute;
	top					: 0;
	left				: 25px;
    z-index             : 40;
}


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

/* ingelogd */
#header .ingelogd {
    position            : absolute;
    left                : 300px;
    top                 : 0;
    padding             : 10px 30px 10px 40px;
    background          : #FFC90D;

    -webkit-border-radius   : 0 0 15px 0;
    -moz-border-radius      : 0 0 15px 0;
    border-radius           : 0 0 15px 0;
}

#header .ingelogd a {
    font-weight         : bold;
    color               : #000;
}

/* topmenu */
#topmenu {
    position            : absolute;
    right               : 0;
    top                 : 5px;
}

#topmenu li {
    float               : left;
    border-left         : 1px solid #00265a;
}

#topmenu li:first-child {
    border              : none;
}

#topmenu li a {
    float               : left;
    padding             : 1px 10px;
    text-decoration     : none;
    color               : #00265a;
}

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

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


/* --------------------------------	*/
/* main 						 	*/
/* --------------------------------	*/
#main {
	position			: relative;
    z-index             : 20;
	width               : 970px;
    padding             : 0 10px;
    background          : url(../img/main-bg.png) repeat-y center top;
}

#maincontent {
    float               : left;
    position            : relative;
    z-index             : 5;
    width               : 722px;
    padding             : 0 0 10px 0;
}


/* --------------------------------	*/
/* zoeken						 	*/
/* --------------------------------	*/
#zoeken {
    position            : absolute;
    right               : 5px;
    top                 : 33px;
    z-index             : 10;
    width               : 213px;
    height              : 23px;
    padding             : 21px 27px 33px 19px;
    background          : url(../img/zoek-veld.png) no-repeat left top;
}

#zoeken legend {
    display             : none;
}

#zoeken input[type=text] {
    float               : left;
    width               : 180px;
    height              : 21px;
    padding             : 0 0 2px 8px;
    border              : 0;
    line-height         : 21px;
    background          : none;
}

#zoeken input.defaultvalue {
    color               : #afaeae;
}

#zoeken input[type=submit] {
    float               : left;
    width               : 25px;
    height              : 22px;
    overflow            : hidden;
    padding             : 0;
    margin              : 0;
    border              : none;
    text-indent         : -900em;
    line-height         : 900em;
    background          : #FFF url(../img/zoek-button.png) no-repeat 4px 4px;
    cursor              : pointer;
}

#zoeken #zoeken-melding {
	display				: none;
	position			: absolute;
	right				: 232px;
	top					: 21px;
	width				: 290px;
    height              : 23px;
	padding				: 0 5px;
	font-weight			: bold;
    line-height         : 23px;
	color				: #C00;
	background			: #FFF;
}


/* --------------------------------	*/
/* menu							 	*/
/* --------------------------------	*/
#menu {
    position            : relative;
    z-index             : 30;
    height              : 23px;
	padding             : 20px 0 22px 320px;
    background          : url(../img/menu-bg.png) no-repeat center top;
}

#menu > li {
	float				: left;
    position            : relative;
    padding             : 0 3px 5px 4px;
    background          : url(../img/sprite-menu.png) no-repeat left -46px;
}

#menu > li:first-child {
    background          : none;
}

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

#menu li a.over         { width: 184px; background-position: left top; }
#menu li a.acties         { width: 62px; background-position: -539px top; }
#menu li a.documenten   { width: 102px; background-position: -184px top; }
#menu li a.check        { width: 186px; background-position: -286px top; }
#menu li a.nieuws       { width: 67px; background-position: -472px top; }

#menu li:hover a.over,
#menu li.actief a.over          { background-position: left -23px; }
#menu li:hover a.acties,
#menu li.actief a.acties			{ background-position: -539px -23px; }
#menu li:hover a.documenten,
#menu li.actief a.documenten    { background-position: -184px -23px; }
#menu li:hover a.check,
#menu li.actief a.check         { background-position: -286px -23px; }
#menu li:hover a.nieuws,
#menu li.actief a.nieuws        { background-position: -472px -23px; }

/* Submenu */
#menu ul {
    position            : absolute;
    left                : -900em;
    top                 : 28px;
    width               : 200px;
    padding             : 10px 5px 5px 5px;
    background          : #ffdd64;

    -webkit-border-radius   : 0 10px 0 0;
    -moz-border-radius      : 0 10px 0 0;
    border-radius           : 0 10px 0 0;
    -webkit-box-shadow      : #999 0px 0px 7px;
    -moz-box-shadow         : #999 0px 0px 7px;
    box-shadow              : #999 0px 0px 7px;
}

#menu li:hover ul,
#menu li.hover ul {
    left                : 5px;
}

#menu ul li {
    margin              : 2px 0 0 0;
}

#menu ul li a {
    display             : block;
    padding             : 3px 2px 3px 5px;
    text-decoration     : none;
    font-weight         : bold;
    color               : #00265a;
    background          : #ffe588;
}

#menu ul li a:hover,
#menu ul li.actief a {
    color               : #FFF;
    background          : #00265a;
}


/* --------------------------------	*/
/* mainmenu						 	*/
/* --------------------------------	*/
#mainmenu {
    position            : relative;
    z-index             : 20;
    height              : 182px;
    padding             : 0 0 0 14px;
}

#mainmenu > li {
    float               : left;
    position            : relative;
    width               : 228px;
    height              : 182px;
    margin              : 0 8px 0 0;
    background          : url(../img/sprite-mainmenu.jpg) no-repeat;
}

#mainmenu > li.overheid     { background-position: left top; }
#mainmenu > li.bedrijven    { background-position: -228px top; }
#mainmenu > li.diensten     { background-position: right top; }

/* submenu */
#mainmenu ul {
    position            : absolute;
    left                : -900em;
    top                 : 0;
    width               : 220px;
    min-height          : 127px;
    padding             : 53px 4px 2px 4px;
    background          : #FFE06F url(../img/sprite-mainmenu-titel.png) no-repeat left top;
}

#mainmenu > li:hover ul,
#mainmenu > li.hover ul {
    left                : 0;
}

#mainmenu li.overheid ul    { background-position: left top; }
#mainmenu li.bedrijven ul   { background-position: -228px top; }
#mainmenu li.diensten ul    { background-position: right top; }

#mainmenu ul li {
    margin              : 0 0 2px 0;
}

#mainmenu ul li a {
    display             : block;
    padding             : 4px 2px 4px 8px;
    font-weight         : bold;
    text-decoration     : none;
    word-wrap			: break-word;
    color               : #00265a;
    background          : #ffe999;
}

#mainmenu ul li a:hover {
    background          : #fdf4d4;
}

#mainmenu ul li.actief a,
#mainmenu ul li.actief a:hover {
    color               : #FFF;
    background          : #10325b;
}


/* --------------------------------	*/
/* content						 	*/
/* --------------------------------	*/
#content {
    position            : relative;
    z-index             : 10;
    width               : 700px;
    padding             : 20px 8px 0 14px;
    line-height         : 1.6em;
}

#content h1 {
    margin              : 0 0 10px 0;
	font-size			: 2.2em;
    line-height         : normal;
    color               : #00265a;
}

#content a 			{ color: #1f61bc; }
#content a:hover 	{ color: #C00; }

/* iwes opmaak */
#content .iwes a:visited 	{ color: #999; }
#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;
}

#content .iwes tr td {
	padding				: 0 0 0 5px;
}

#content .iwes tr td:first-child {
	padding				: 0;	
}

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

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

#content input, 
#content select, 
#content textarea {
	padding				: 4px;
	border				: 1px solid #CCC;
}

#content textarea {
	overflow			: auto;
}

#content input:hover,
#content select:hover,
#content textarea:hover {
	border				: 1px solid #5585c8;
}

#content input:focus,
#content select:focus,
#content textarea:focus {
	border				: 1px solid #00265A;
}

#content input[type=radio], 
#content input[type=checkbox] {
    width               : auto;
	padding				: 0;
	border				: none;
}

#content input.button,
#content button,
#content input[type=submit],
#content input[type=reset],
#content input[type=button]{
	margin				: 10px 0;
	padding				: 3px 10px;
	font-weight			: bold;
	background			: #00265A;
	font-size			: 1.1em;
	color				: #fff;
	border				: 1px outset #00265A;
	cursor				: pointer;

    -webkit-border-radius   : 8px;
    -moz-border-radius      : 8px;
    border-radius           : 8px;
}

#content input.fout, 
#content select.fout, 
#content textarea.fout {
	border				: 1px solid #F00;
}

#content .melding {
    display             : none;
}

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

/* Pagina navigatie */
#content ol.paginanavigatie {
	padding				: 10px;
}

#content ol.paginanavigatie li {
	display				: inline;
    padding             : 0;
	margin				: 0 5px 0 0;
	font-weight			: bold;
}

#content ol.paginanavigatie li.huidige_pagina {
	padding				: 2px 5px;
	border				: 1px solid #00265A;
	color				: #FFF;
	background			: #00265A;
}

#content .paginanavigatie li a {
	padding				: 2px 5px;
	background			: #FFF;
	border				: 1px solid #999;
	color				: #666;
}

#content .paginanavigatie li a:hover {
	background          : #FFDE67;
}

/* Errormelding */
#content .errormelding {
	padding				: 20px;
	border				: 4px solid #00265A;
	font-weight			: bold;
	color				: #00265A;
	background			: #FFE482;
}


/* --------------------------------	*/
/* dropdowntitels bij documenten 	*/
/* --------------------------------	*/
#content .dropdowntitel {
    position            : relative;
    float               : left;
    z-index             : 10;
    margin              : 0 0 10px 0;
    border              : 1px solid #FFF;
}

#content .dropdowntitel.heeftsub {
    border              : 1px solid #EEE;
}

#content .dropdowntitel h2,
#content .dropdowntitel h3 {
    padding             : 7px 20px 7px 5px;
}

#content .dropdowntitel.hover {
    border              : 1px solid #CCC;
    background          : url(../img/dropdowntitel-hover-bg.png) no-repeat right 45%;
    cursor              : pointer;
}

#content .dropdowntitel.hover h2,
#content .dropdowntitel.hover h3 {
    cursor              : pointer;
}

#content .dropdowntitel.actief {
    z-index             : 100;
    border              : 1px solid #00265A;
    background          : url(../img/dropdowntitel-actief-bg.png) no-repeat right 45%;
}

#content .dropdowntitel ul {
    position            : absolute;
    left                : -900em;
    top                 : 20px;
    max-height          : 300px;
    overflow            : auto;
    border              : 1px solid #00265A;
    border-width        : 0 1px 1px 1px;
    background          : #FFF;
}

#content .dropdowntitel.actief ul {
    left                : -1px;
}

#content .dropdowntitel li a {
    display             : block;
    padding             : 4px 10px;
    text-decoration     : none;
    color               : #666;
}

/* pdf, excel */
#content .dropdowntitel li.pdf a,
#content .dropdowntitel li.excel a {
    padding             : 6px 10px 6px 35px;
    background-repeat   : no-repeat;
    background-position : 5px 2px;
}

#content .dropdowntitel li.pdf a { background-image: url(../img/icoon-pdf.png) ; }
#content .dropdowntitel li.excel a { background-image: url(../img/icoon-excel.png); }

#content .dropdowntitel li a:hover {
    color               : #000;
    background-color    : #EEE;
}

#content .dropdowntitel li.actief a {
    color               : #FFF;
    background-color    : #00265A;
}

#content .terug {
	display				: inline-block;
	margin				: 30px 0 10px 0;
}


/* --------------------------------	*/
/* laatste documenten en categorie 	*/
/* --------------------------------	*/
#laatste-documenten {
	padding             : 20px 14px 10px 14px;
    margin              : 10px 0;
    background          : url(../img/schaduw-onder.png) no-repeat center top;
}

#laatste-documenten h2 {
    margin              : 0 0 15px 0;
    line-height         : normal;
    font-size           : 1.9em;
    color               : #504d4e;
}

#laatste-documenten h2 a {
    text-decoration     : none;
    color               : #504d4e;
}

#laatste-documenten h2 a:hover {
    text-decoration     : underline;
}

#laatste-documenten ul,
#document-categorieen ul {
    overflow            : hidden;
}

#laatste-documenten li {
    float               : left;
    width               : 269px;
    padding             : 0 0 0 76px;
    margin              : 0 0 5px 0;
    line-height         : 1.6em;
}

#document-categorieen li {
    display				: -moz-inline-stack;
	display				: inline-block;
	width               : 269px;
    padding             : 0 0 0 76px;
    margin              : 0 0 5px 0;
    line-height         : 1.6em;
	vertical-align		: top;
}

#laatste-documenten li > div,
#document-categorieen li > h2 {
    min-height          : 80px;
    padding             : 5px 30px 5px 19px;
    color               : #504d4e;

    -webkit-border-radius   : 0 15px 15px 0;
    -moz-border-radius      : 0 15px 15px 0;
    border-radius           : 0 15px 15px 0;
}

#document-categorieen li > h2 {
    width               : 220px;
    min-height          : 50px;
    overflow            : hidden;
    padding             : 35px 30px 5px 19px;
    line-height         : normal;
    font-size           : 1.8em;
}

#document-categorieen li > h2 a {
    text-decoration     : none;
    color               : #00265a;
}

#laatste-documenten li.pdf,
#document-categorieen li.pdf    { background: url(../img/icoon-pdf-home.png) no-repeat 5px top; }
#laatste-documenten li.excel,
#document-categorieen li.excel  { background: url(../img/icoon-excel-home.png) no-repeat 5px top; }

#laatste-documenten li h3 {
    color               : #00265a;
}

#laatste-documenten li a {
    font-weight         : bold;
    color               : #00265a;
}

/* hover */
#laatste-documenten li.hover > div,
#document-categorieen li.hover > h2 {
    background          : #FFDE67;
}


/* --------------------------------	*/
/* documenten categorie 	        */
/* --------------------------------	*/
#document-categorie h2 {
	font-size			: 1.4em;
    line-height         : normal;
    color               : #00265a;
}

#document-categorie > p {
    padding             : 10px;
}

#document-categorie ul.docs {
    padding             : 0 0 20px 0;
}

#document-categorie ul.docs li {
    display				: -moz-inline-stack;
	display				: inline-block;
	width 				: 340px;
	vertical-align		: top;
}

#document-categorie ul.docs li a,
#document-categorie ul.docs li a:hover {
    display             : block;
    padding             : 5px 5px 5px 35px;
    color               : #00265a;
}

#document-categorie ul.docs li.pdf a    { background: url(../img/icoon-pdf.png) no-repeat 5px 3px; }
#document-categorie ul.docs li.excel a  { background: url(../img/icoon-excel.png) no-repeat 5px 3px; }

#document-categorie ul.docs li a:hover {
    background-color    : #FFDE67;
}


/* --------------------------------	*/
/* document detail       	        */
/* --------------------------------	*/
#document-detail h2 {
	font-size			: 1.4em;
    line-height         : normal;
    color               : #00265a;
}

#document-detail .infokolom {
    float               : left;
    width               : 430px;
    padding             : 0 10px 10px 0;
    color               : #666;
}

#document-detail .infokolom > p {
    padding             : 0 0 0 10px;
    word-wrap           : break-word;
}

#document-detail .downloadkolom {
    float               : right;
    width               : 200px;
    padding             : 10px;
    border              : 1px solid #CCC;
}

/* download */
#document-detail a.download {
	display             : block;
    padding             : 17px 0 14px 50px;
    margin              : 0 0 20px 0;
    border              : 1px solid #FFC620;
    text-decoration     : none;
    font-weight         : bold;
    font-size           : 2em;
    color               : #00265A;

    -webkit-border-radius   : 15px;
    -moz-border-radius      : 15px;
    border-radius           : 15px;
}

#document-detail a.download.pdf         { background: #FFDE67 url(../img/icoon-pdf.png) no-repeat 15px 16px; }
#document-detail a.download.pdf:hover   { background: #ffefb7 url(../img/icoon-pdf.png) no-repeat 15px 16px; }
#document-detail a.download.excel       { background: #FFDE67 url(../img/icoon-excel.png) no-repeat 15px 16px; }
#document-detail a.download.excel:hover { background: #ffefb7 url(../img/icoon-excel.png) no-repeat 15px 16px; }

/* Note */
#document-detail .note {
    margin              : 0 0 10px 0;
    color               : #999;
}

#document-detail .note a {
    color               : #666;
}

#document-detail .note a:hover {
    color               : #C00;
}

/* Titel */
#document-detail h3 {
	font-size			: 1.7em;
    line-height         : normal;
    color               : #000;
}


/* --------------------------------	*/
/* nieuws   					 	*/
/* --------------------------------	*/
#nieuws .overzicht {
	float               : left;
    position            : relative;
    width               : 340px;
    margin              : 0 10px 0 0;
    padding             : 0 0 10px 0;
    background          : #EEE;

    -webkit-border-radius   : 10px;
    -moz-border-radius      : 10px;
    border-radius           : 10px;
}

#nieuws .overzicht.weten {
    margin              : 0;
    background          : #FFDE67;
}

#nieuws h2 {
    padding             : 15px 0 13px 15px;
    font-size           : 1.5em;
    line-height         : normal;
}

#nieuws a.rss {
    display             : block;
    position            : absolute;
    right               : 12px;
    top                 : 14px;
    width               : 19px;
    height              : 18px;
    text-indent         : -900em;
    background          : url(../img/rss.png) no-repeat left top;
}

#nieuws a.rss:hover {
    background-position : right top;
}

#nieuws ol li {
    position            : relative;
    padding             : 5px 10px 5px 65px;
    word-wrap			: break-word;
}

#nieuws h3 {
    color               : #00265a;
}

#nieuws a,
#nieuws a:hover {
    font-weight         : bold;
    color               : #00265a;
}

/* datum */
#nieuws li .datum {
    display             : block;
    position            : absolute;
    left                : 12px;
    top                 : 5px;
    width               : 42px;
    height              : 30px;
    padding             : 8px 2px 0 0;
    font-size           : 0.9em;
    line-height         : 1em;
    text-align          : center;
    color               : #504d4e;
    background          : url(../img/kalender-bg.png) no-repeat left top;
}

#nieuws li .datum strong {
    display             : block;
    font-size           : 1.1em;
    color               : #ffb400;
}

/* hover */
#nieuws li.hover {
    background          : #DDD;
}

#nieuws .overzicht.weten li.hover {
    background          : #FFC51E;
}


/* --------------------------------	*/
/* sitemap   					 	*/
/* --------------------------------	*/
#sitemap > li {
    padding             : 10px;
    margin              : 0 0 5px 0;
    border              : 1px solid #EEE;
}

#sitemap > li > a {
	font-weight         : bold;
    color               : #00265A;
}

#sitemap ul {
    margin              : 0 0 0 1em;
    padding             : 0 0 0 1em;
    list-style          : disc;
}

#sitemap ul li {
    color               : #1F61BC;
}

#sitemap ul ul {
    list-style          : circle;
}

#sitemap ul ul li,
#sitemap ul ul a {
    color               : #6d92c4;
}


/* --------------------------------	*/
/* zoekresultaten				 	*/
/* --------------------------------	*/
#zoekresultaten .aantal {
    padding             : 10px;
    margin              : 0 0 10px 0;
    background          : #EEE;
}

#zoekresultaten li {
    padding             : 10px;
    border-bottom       : 1px solid #CCC;
}

#zoekresultaten li h2 {
    color               : #00265A;
}

#zoekresultaten li p {
    color               : #666;
}

#zoekresultaten .highlight {
    color               : #000;
    background          : yellow;
}

#zoekresultaten li a,
#zoekresultaten li a:hover {
    font-size           : 0.9em;
    text-decoration     : none;
    color               : #1F61BC;
}

#zoekresultaten li.hover {
    background          : #FFDE67;
}


/* --------------------------------	*/
/* Inloggen                      	*/
/* --------------------------------	*/
#content .inloggen {
    padding             : 20px;
    background          : #FFE482;
}

#content .inloggen h2 {
    margin              : 0 0 15px 0;
    line-height         : normal;
    font-size           : 1.9em;
    color               : #504d4e;
}

#content .inloggen .error {
    margin              : 0 0 10px 0;
    padding             : 5px;
    border              : 1px solid #F00;
    color               : #C00;
    background          : #FFF;
}

#content .inloggen form li {
    clear               : both;
    overflow            : hidden;
    margin              : 0 0 5px 0;
}

#content .inloggen li#onthouden,
#content .inloggen li.gebruikers {
    padding             : 0 0 0 110px;
}

#content .inloggen form li label {
    float               : left;
    width               : 100px;
    padding             : 2px 10px 0 0;
}

#content .inloggen form li input {
    float               : left;
    width               : 300px;
}

#content .inloggen form li input.defaultvalue {
    color               : #FFF;
}

#content .inloggen li.wachtwoord input[type=text] {
    display             : none;
}

#content .inloggen form li input[type=checkbox] {
    width               : auto;
}

#content .inloggen input[type=submit] {
    float               : none;
    width               : auto;
    padding             : 8px 20px 8px 50px;
    margin              : 10px 0 10px 110px;
    background-image    : url(../img/button-inloggen.png);
    background-repeat   : no-repeat;
    background-position : 15px 7px;
}

#capslock_melding {
	display             : none;
	clear               : both;
	color               : #D2001E;
}

#capslock_melding2 {
	display             : block;
}


/* --------------------------------	*/
/* googlemaps					 	*/
/* --------------------------------	*/
iframe.googlemaps {
	overflow			: hidden;
	border				: 1px solid #000;
}

#googlemaps {
	width				: 330px;
	height				: 330px;
	font				: 1em Arial;
	text-align			: left;
	color				: #000;
	background			: #EEE;
}

#googlemaps a {
	color				: #58585A;
}


/* --------------------------------	*/
/* sidebar              		 	*/
/* --------------------------------	*/
#sidebar {
	float               : right;
    position            : relative;
    z-index             : 5;
    width               : 236px;
    padding             : 0 12px 10px 0;
    line-height         : 1.6em;
}

/* ziekmelden */
#sidebar .ziekmelden {
    padding             : 0 0 10px 0;
}

#sidebar .ziekmelden a {
    display             : block;
    width               : 220px;
    height              : 58px;
    text-indent         : -900em;
    background          : url(../img/button-ziekmelden.png) no-repeat left top;
}

#sidebar .ziekmelden a:hover {
    background-position : left bottom;
}

/* algemene eigenschappen */
#sidebar .blok {
    position            : relative;
}

#sidebar .blok h2 {
    padding             : 20px 55px 10px 14px;
    line-height         : normal;
    font-size           : 1.7em;
}

#sidebar a.rss {
    display             : block;
    position            : absolute;
    right               : 12px;
    top                 : 20px;
    width               : 19px;
    height              : 18px;
    text-indent         : -900em;
    background          : url(../img/rss.png) no-repeat left top;
}

#sidebar a.rss:hover {
    background-position : right top;
}

#sidebar ol li {
    position            : relative;
    padding             : 5px 10px 5px 65px;
    word-wrap			: break-word;
}

#sidebar a {
    font-weight         : bold;
}

#sidebar .meer {
    padding             : 10px;
    text-align          : right;
}
/* datum */
#sidebar li .datum {
    display             : block;
    position            : absolute;
    left                : 12px;
    top                 : 5px;
    width               : 42px;
    height              : 30px;
    padding             : 8px 2px 0 0;
    font-size           : 0.9em;
    line-height         : 1em;
    text-align          : center;
    color               : #504d4e;
    background          : url(../img/kalender-bg.png) no-repeat left top;
}

#sidebar li .datum strong {
    display             : block;
    font-size           : 1.1em;
    color               : #ffb400;
}

/* laatste nieuws */
#sidebar .laatste-nieuws {
    background          : #00265a url(../img/sidebar-nieuws-bg.png) no-repeat left top;
}

#sidebar .laatste-nieuws h2,
#sidebar .laatste-nieuws h3,
#sidebar .laatste-nieuws a {
    color               : #ffe06f;
}

#sidebar .laatste-nieuws li {
    color               : #FFF;
}

#sidebar .laatste-nieuws li.hover,
#sidebar .laatste-nieuws li.actief {
    background          : #2c486f;
}

/* Weten waar je aan toe bent */
#sidebar .weten-nieuws {
    background          : #ffde67 url(../img/sidebar-nieuws-bg.png) no-repeat right bottom;
}

#sidebar .weten-nieuws h2,
#sidebar .weten-nieuws h3,
#sidebar .weten-nieuws a {
    color               : #00265a;
}

#sidebar .weten-nieuws li {
    color               : #000;
}

#sidebar .weten-nieuws li.hover {
    background          : #FFC51E;
}


/* --------------------------------	*/
/* footer						 	*/
/* --------------------------------	*/
#footer {
	clear               : both;
    position            : relative;
    min-height          : 121px;
    padding             : 30px 0 20px 250px;
    line-height         : 1.6em;
    background          : url(../img/footer-bg.png) no-repeat center bottom;
}

/* servicenummer */
#footer .servicenummer {
    position            : absolute;
    left                : 15px;
    bottom              : 7px;
    width               : 232px;
    height              : 161px;
    text-indent         : -900em;
    background          : url(../img/footer-servicenummer.png) no-repeat left top;
}

/* adres */
#footer .adres {
    float               : left;
    position            : relative;
    width               : 206px;
    padding             : 0 13px;
    background          : url(../img/footer-item-bg.png) no-repeat left 15px;
}

#footer .adres > strong {
    color               : #00265a;
}

#footer address {
    font-style          : normal;
}

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

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

#footer address .org {
    display             : none;
}

#footer .adres a.googlemaps {
    display             : block;
    position            : absolute;
    right               : 10px;
    top                 : 10px;
    width               : 58px;
    height              : 63px;
    border              : 6px solid #FFF;
    text-indent         : -900em;
    background          : url(../img/googlemaps.png) no-repeat left top;
}

#footer .adres a.googlemaps:hover {
    border              : 6px solid #00265A;
}

/* ziek melden */
#footer .ziekmelden {
    float               : left;
    padding             : 30px 13px 40px 13px;
    background          : url(../img/footer-item-bg.png) no-repeat left 15px;
}

#footer .ziekmelden a {
    display             : block;
    width               : 220px;
    height              : 58px;
    text-indent         : -900em;
    background          : url(../img/button-ziekmelden.png) no-repeat left top;
}

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

/* Inloggen */
#footer .inloggen {
    float               : left;
    width               : 200px;
    padding             : 0 13px;
    background          : url(../img/footer-item-bg.png) no-repeat left 15px;
}

#footer .inloggen a {
    font-weight         : bold;
    color               : #00265A;
}

#footer .inloggen a:hover {
    color               : #C00;
}

#footer .inloggen legend {
    margin              : 0 0 10px 0;
    font-weight         : bold;
    color               : #00265a;
}

#footer .inloggen li.gebruikersnaam,
#footer .inloggen li.wachtwoord {
    height              : 26px;
    margin              : 5px 0;
    background          : url(../img/footer-input.png) no-repeat left top;
}

#footer .inloggen li.gebruikersnaam label,
#footer .inloggen li.wachtwoord label {
    display             : none;
}

#footer .inloggen li select {
    padding             : 2px;
    border              : 1px solid #00265a;
}

#footer .inloggen li input[type=text],
#footer .inloggen li input[type=password] {
    position            : relative;
    width               : 190px;
    padding             : 4px 5px;
    border              : none;
    background          : none;
}

#footer .inloggen li.wachtwoord input[type=text] {
    display             : none;
}

#footer .inloggen input.defaultvalue {
    color               : #afaeae;
}

#footer .inloggen input.button {
    float               : right;
    position            : relative;
    padding             : 3px 5px;
    border              : 2px solid #FFF;
    font-weight         : bold;
    color               : #00265a;
    background          : #ffd400;
    cursor              : pointer;

    -webkit-border-radius   : 15px;
    -moz-border-radius      : 15px;
    border-radius           : 15px;
    -webkit-box-shadow      : #999 0px 0px 4px;
    -moz-box-shadow         : #999 0px 0px 4px;
    box-shadow              : #999 0px 0px 4px;
}

#footer .inloggen .melding {
    display             : none;
    height              : auto;
    color               : #C00;
    background          : none;
}

/* ingelogd */
#footer .inloggen .ingelogd {
    padding             : 20px 0;
}


/* --------------------------------	*/
/* footer						 	*/
/* --------------------------------	*/
#colofon {
    position            : relative;
	width               : 920px;
    overflow            : hidden;
    margin              : 0 auto;
    padding             : 10px 0;
    color               : #00265a;
}

#colofon .webdesign {
    float               : left;
}

#colofon .copyright {
    float               : right;
}

#colofon a {
    text-decoration     : none;
    color               : #00265a;
}

#colofon a:hover {
    text-decoration     : underline;
}

#colofon a.actief {
    font-weight         : bold;
}