/* Main Sections 
------------------------------------------------------------------------- */
* {
    margin: 0px;
    padding: 0px;
}
body {
    font-family: Arial, Helvetica, Verdana, sans-serif;
    font-size: 13px;
    text-align: center;
    color: #111;
    background: #DEDB00 url(images/wrapper_bg.jpg) no-repeat center top;
}
div, p, img, a, td, ul, ol {
    font-size: 1em; 
    font-size: 1em; 
}

ol {
    margin-left: 1em;
    padding-left: 1em;
}
ol li {
    margin-left: 1em;
    padding: 0 0 .5em.3em;
    list-style: decimal;
}
h1, h2, h3, h4 {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-weight: bold;
	margin: .5em 0;
	letter-spacing: 0;
	color: #C90119;
}
h1 { font-size: 120% }
h2 { font-size: 120%; }
h3 { font-size: 110%; }
h4 { font-size: 110% }

p { padding: 0 0 1em; }

a, a:link { 
    text-decoration: underline;
    color: #a8172b;
}
a:visited { color: #a8172b;  }
a:hover { color: #a8172b;  text-decoration: none; }
a:active { color: #a8172b;  }


a img, img {
    border: none;
}

ul {
    list-style: none;
    margin: 0 0 20px 1.4em;
}
li {
    /*list-style: none;*/ 
    padding-left: 0em;
    margin-bottom: 3px;
    list-style: square;
}
*:focus, *:active { outline: none; -moz-outline: none }

.clear {
    clear: both;
    height: 1px;
    margin: -1px 0 0;
    font-size: 1px;
}


#page {
    width: 960px;
    height: 698px;
    margin: 0 auto;
    text-align: left;
    overflow: hidden;
    position: relative;
    background: #DEDB00 url(images/wrapper_bg.jpg) no-repeat center top;
}

#content {
    float: left;
    text-align: left;
	width: 465px;
	height: 465px;
	height: 464px;
    margin: 4px 0 0 0;
    padding: 0;
    line-height: 1.5em;
    position: relative;
	overflow: visible;
    
    /*left: 207px;
    top: 160px;*/
}
#scrollcontent {
	width: 465px;
	height: 465px;
	height: 464px;
	overflow: visible;
}







/* Special text formatting 
------------------------------------------------------------------------------- */
blockquote {
    margin: 0 0 0 30px;
    padding: 10px 0 0 20px;
    font-size: 88%;
    line-height: 1.5em;
    color: #666;
    background: url(images/quotes.gif) no-repeat top left;
}

blockquote p { margin-top: 0; }

blockquote cite {
	margin: 5px 0 0;
	display: block;
}
code {
	font: 1em/2.5em 'Courier New', Courier, monospace;
	color: #444;
	white-space: pre; 
    width: 350px;
    height: auto;
	overflow: auto;
    display: block;
    border: 1px solid #999;
    border-width: 2px 0;
    padding: 1em;
    margin: 0 0 1em 0;
    background-color: #fafafa;
}
li code { width: 330px }

acronym, abbr, span.caps {
	font-size: 90%;
	letter-spacing: .07em;
	cursor: help;
	border-bottom: 1px dotted #3f3f3f;
}

.center { text-align: center;}
.alignright { float: right; }
.alignleft { float: left; }

hr { display: none; }


.errors, .message {
    padding: 12px;
    background-color: red;
    color: #fff;
}
.message {
    background-color: green;
}





/* Header 
------------------------------------------------------------------------- */
#header { 
    position: relative;
    display: block;
    width: 960px;
    height: 160px;
    overflow: hidden;
}
#headerfoto {
	margin-left: 200px;
	position: absolute;
}
#headeroverlay {
	position: absolute;
	top: 0px;
	margin-left: 185px;
}




/* Homepage 
------------------------------------------------------------------------- */







/* Aanbod (cursussen) 
------------------------------------------------------------------------- */
table#details {
	width: 435px;
	width: 100%;
	margin: 0 0 20px 0;
	border-collapse:collapse;
	border-top: 1px solid #989A98 !important;
}
table#details tr {
	border-bottom: 1px solid #989A98 !important;
}
#details td {
	vertical-align: top;
	text-align: left;
	padding: 3px 0px;
	
}
td.clabel {
	font-weight: bold;
	color: #666;
	width: 102px;
}
a.teruglink {
	float: right;
	color: #666;
}
a#schrijfjein {
	width: 113px;
	height: 45px;
	display: block;
	float: left;
	background: url(images/schrijf-je-in.png) no-repeat;
}
a#schrijfjein:hover {
	background-position-y: -50px;
}
a#schrijfjein b {
	position: absolute;
	left: -9999px;
}




/* Agenda
------------------------------------------------------------------------- */
.overzicht {
	border-top: 1px solid #999;
}
a.itemlink {
	text-decoration: none;
	color: #000;
	font-weight: bold;
	border-bottom: 1px solid #999;
	display: block;
	padding: 3px 3px;
}
a.itemlink img.thumb {
	float: right;
	border: 1px solid #AA0E1C;
	border-color: transparent;
	margin: 0 0 0 5px;
}
a.itemlink h2, a.itemlink h3 {
	font-size: 120%;
	letter-spacing: 0;
	margin: .25em 0;
	font-weight: normal;
}
a.itemlink:hover {
	background: #fff;
	background: rgba(182, 18, 42, 0.10);
	background: rgba(255, 255, 255, 0.30);
	color: rgb(182, 18, 42);
	
}
a.itemlink:hover img.thumb {
	border: 1px solid #AA0E1C;
}
a.itemlink:hover h2, a.itemlink:hover h3 {
	text-decoration: underline;
}
a.googlemapslink {
	width: 100px;
	height: 22px;
	float: right;
	background: url(images/google-maps_bhl.png) no-repeat 0px 0px;
	overflow: hidden;
}
a.googlemapslink:hover {
	background-position-y: -30px;
}
a.googlemapslink b {
	position: absolute;
	left: -9999px;
}
.locatiedetails {
	border-top: 1px solid #989A98;
	margin: -4px 0px 6px 0px;
	display: block;
	padding: 3px 0px 0px;
}
#details td.locaties {
	padding-bottom: 0px;
}





/* Nieuws
------------------------------------------------------------------------- */
body.page136 table#details, body.page136 .teruglink,
body.page138 table#details, body.page138 .teruglink {
	display: none;
}
.nieuws a.itemlink {
	font-weight: normal;
}
.nieuws a.itemlink h2, .nieuws a.itemlink h3 {
	font-size: 110%;
}
a.naaroverzicht {
	float: right;
	right: 0px;
	color: #666;
	font-size: 90%;
	padding: 3px;
	/*position: absolute;
	margin-top: -24px;*/
}





/* Fotoboeken
------------------------------------------------------------------------- */
.childscontainer {
	border-top: 1px solid #999;
}
.childscontainer li {
	border-bottom: 1px solid #999;
	display: block;
	padding: 3px 3px;
	width: 435px;
}
.childscontainer li img.thumbnail {
	float: right;
	height: 68px;
}
.childscontainer p {
	font-size: 120%;
	letter-spacing: 0;
	margin: .25em 0;
	font-weight: normal;
	color: #C90119;
}


.managecontainer {
	overflow: visible;
}








/* Sidebar + Navigatie
------------------------------------------------------------------------- */
#sidebar {
    margin: 0px;
    color: #222;
    position: relative;
    width: 207px;
    height: 475px;
    display: block;
    float: left;
    overflow: visible;
}
#fotokader1 {
	background: url(images/fotokader_lo.png) no-repeat;
	width: 173px;
	height: 206px;
	margin: 50px 0px 0px 14px
}
#fotokader2 {
	background: url(images/fotokader_rb.png) no-repeat;
	width: 168px;
	height: 205px;
	position: absolute;
	left: 749px;
	top: 155px;
	
	display: none;
}
#fotokader3 {
	background: url(images/fotokader_ro.png) no-repeat;
	width: 270px;
	height: 188px;
	position: absolute;
	left: 675px;
	top: 448px;
	top: 348px;
}
#fotokader1 img, #fotokader2 img {
	margin: 6px 0 0 19px;
	width: 129px;
	height: 168px;
}
#fotokader3 img {
	margin: 8px 0 0 32px;
	width: 213px;
	height: 149px;
}
a#mafknop, a#printknop, a#pdfknop, a#facebookknop {
	display: block;
	position: absolute;
	width: 71px;
	height: 66px;
	left: 683px;
	top: 179px;
	background: url(images/tools_bg2.png) no-repeat 0px 0px;
	z-index: 10;
}
a#printknop {
	background-position: 0px -66px;
	height: 58px;
	top: 245px;
}
a#pdfknop, a#facebookknop {
	background-position: 0px -124px;
	height: 65px;
	top: 303px;
}
a#mafknop:hover {
	background-position: -71px 0px;
}
a#printknop:hover {
	background-position: -71px -66px;
}
a#pdfknop:hover, a#facebookknop:hover {
	background-position: -71px -124px;
}
a#mafknop b, a#printknop b, a#pdfknop b, a#facebookknop b {
	position: absolute;
	left: -9999px;
}
a#pdfknop {
	display: none;
}


#mainmenu {
	margin: -64px 0px 0px 80px;
	width: 127px;
}
#mainmenu ul {
	width: 127px;
	margin: 0;
	padding: 0;
	list-style: none;
}
#mainmenu ul li {
	margin: 0;
	padding: 0;
	list-style: none;
}
/*
#mainmenu ul li.level1 {
	margin-bottom: 4px;
}
#mainmenu ul li.level0 {
	margin-bottom: 0;
}
#mainmenu ul li.level1 a {
	width: auto;
	padding: 1px 9px;
	height: 30px;
	line-height: 30px;
	color: #fff;
	background: #000;
	font-size: 20px;
	font-family: Impact, "Arial Narrow", Arial, Helvetica, Verdana, sans-serif;
	font-weight: normal;
}
#mainmenu ul li.level1 a:hover {
	background: #a8172b;
	text-decoration: none;
}*/
#mainmenu ul li.level1 a {
	width: 127px;
	height: 38px;
	line-height: 38px;
	display: block;
	margin-top: 6px;
	background-image: url(images/menu_bg.png);
	background-repeat: no-repeat;
	background-position-x: 0px;
	background-position-y: 0px;
}

#mainmenu ul li.level1 a b {
	position: absolute;
	left: -9999px;
}


#mainmenu li#mli_2 a { background-position: 0px 0px; }
#mainmenu li#mli_3 a { background-position: 0px -43px; }
#mainmenu li#mli_4 a { background-position: 0px -88px; }
#mainmenu li#mli_5 a { background-position: 0px -133px; }
#mainmenu li#mli_6 a { background-position: 0px -175px; }
#mainmenu li#mli_7 a { background-position: 0px -218px; }

#mainmenu ul li.level1 a:hover, #mainmenu ul li.urhere a {
	background-position-x: -180px;
}

#mainmenu ul li#mli_2 a:hover, #mainmenu ul li#mli_2.urhere a { background-position: -180px 0px; }
#mainmenu ul li#mli_3 a:hover, #mainmenu ul li#mli_3.urhere a { background-position: -180px -43px; }
#mainmenu ul li#mli_4 a:hover, #mainmenu ul li#mli_4.urhere a { background-position: -180px -88px; }
#mainmenu ul li#mli_5 a:hover, #mainmenu ul li#mli_5.urhere a { background-position: -180px -133px; }
#mainmenu ul li#mli_6 a:hover, #mainmenu ul li#mli_6.urhere a { background-position: -180px -175px; }
#mainmenu ul li#mli_7 a:hover, #mainmenu ul li#mli_7.urhere a { background-position: -180px -218px; }


#mainmenu ul li.level2 a {
	color: #000;
	margin: 0;
	height: 24px;
	line-height: 24px;
	display: block;
	font-weight: bold;
	background: none;
	padding: 0px;
	font-size: 13px;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	text-decoration: none;
}
#mainmenu ul li.level2 a b {
	position: relative;
	left: 0;
}
#mainmenu ul li.level2 a:hover, #mainmenu ul li.level2.urhere a {
	color: #a8172b;
	text-decoration: none;
	background: none;
}

#mainmenu ul ul li {
	padding: 0px 0px 0px 14px;
}






/* Footer 
------------------------------------------------------------------------- */
#footer {
    margin: 10px 0 0 0;
    padding: 10px;
    
}

#footer ul{
	list-style: none;
	margin: 17px 0px 0px 90px;
	padding: 0px;
}
#footer ul li{
	float: left;
	margin: 0px;
	padding: 0 10px 0 0;
	position: relative;
	color: #222;
	height: 22px;
	line-height: 22px;
	list-style: none;
	font-size: 12px;
}
#footer a {
	border-bottom: none;
	color: #fff;
	text-decoration: none;
}
#footer a:hover {
	text-decoration: underline;
}
#footer ul li#fli_16 {
	padding-left: 25px;
	background: url(images/icn_download.png) no-repeat 0px 0px;
}
#hfdstkid2 #footer {
	/*display: none;*/
}

#inloglink {
	float: right;
	background: url(images/inloggen.png) no-repeat;
	width: 72px;
	height: 20px;
	margin-right: 148px;
}
#inloglink b {
	position: absolute;
	left: -9999px;
}
#footer #searchbox {
	position: absolute;
	width: 219px;
	height: 38px;
	overflow: hidden;
	display: block;
	background: url(images/zoek_bg.png) no-repeat;
	margin: -45px 0px 0px 83px;
}
#footer #ajaxSearch_input {
	width: 153px;
	height: 20px;
	margin: 6px 0px 0px 8px;
	
}
#footer #ajaxSearch_submit {
	width: 40px;
	margin-left: 4px;
	height: 30px;
	background: transparent;
	color: transparent;
	border: 0;
	cursor: pointer;
}

#facebooklink {
	width: 135px;
	height: 24px;
	background: url(images/facebookbutton.png) 0px 0px no-repeat;
	position: absolute;
	left: 552px;
	margin-top: -40px;
}
a#facebooklink:hover {
	background: url(images/facebookbutton.png) 0px -30px no-repeat;
}
#facebooklink b {
	position: absolute;
	left: -9999px;
}
	









/* Search Form 
------------------------------------------------------------------------------- */
#search {
    position: absolute;
    right: 60px;
    top: 40px;
    padding: 15px 15px 0;
}
form.FSF_form {
    margin: 0;
    padding: 0;
    width: auto;
    text-align: right !important;
}

input.FSF_input { 
    display: inline;
    height: 17px;
    border: 1px solid #ddd;
    border-left-color: #c3c3c3;
    border-top-color: #7c7c7c;
    background: #fff url(images/input-bg.gif) repeat-x top left;
    margin: -1px 3px 0;
    padding: 3px 0 0;
}
input.FSF_submit { 
    display: inline;
    margin: -1px 0 0;
    padding: 0;
    height: 22px;
    line-height: 22px;
}













/* Forms 
------------------------------------------------------------------------------- */
.errors {
	color: #a80023;
}
form {
	text-align: left;
	clear: both;
	padding: 0;
	margin: 0;
	padding-bottom: 20px;
	border: none;
}
form.full { width: 100%; }


fieldset {
    border: none;
    padding: 0;
    margin: 0;
}

legend {
	display: none;
}
form h3 {
	clear: both;
	padding: 15px 0 5px;
	font-size: 14px;
	color: #000;
	font-weight: bold;
}

form label, form p,
#Emailform label, #Emailform p {
	display: block;
	clear: both;
	width: 410px;
	font-size: 1em;
	line-height: 1.5em;
	padding: 0 0 9px;
}

form input {
	display: block;
	margin-top: 3px;
}

form select {
	float: left;
	display: block;
}

form label.first input,
form label.city input,
form label.second input {
	float: left;
	width: 150px;
	padding: 0;
}

form label {
	float: left;
	clear: left;
	width: 443px;
	margin: 0;
	line-height: 1.5em;
}

form label input {
	float: left;
	width: 383px;
	padding: 0;
}

form input.radio,
form input#radiobutton_1,
form input#radiobutton_2,
form input#radiobutton_3,
form input#radiobutton_4 {
	clear: left;
	float: left;
	padding: 0;
	margin: 0;
}

form label.radio,
form label.radioitem {
	clear: none;
	margin: 0 0 0 25px;
	padding: 0 0 15px;
}

form input.checkbox {
	float: left;
	padding: 0;
	margin: 0;
	width: 20px;
	height: 18px;
	clear: both;
}

form label.checkbox {
	float: left;
	clear: none;
	width: 380px;
}
/* style the form elements to look similar across browsers ... emulates Safari */
form label input,
form textarea {
    border: 1px solid #ddd;
    border-left-color: #c3c3c3;
    border-top-color: #7c7c7c;
    padding: 0 2px;
    height: 18px;
    line-height: 20px;
    /*background: #fff url(images/input-bg.gif) repeat-x top left;*/
    background: #fff;
}
form input.checkbox,
form select {
    border: 1px solid #ddd;
    border-left-color: #c3c3c3;
    border-top-color: #7c7c7c;
    background-color: #fff;    
}
form textarea {
	margin-top: 3px;
	width: 383px;
	height: auto;
	display: block;
}

form label input.calc {
    text-align: right;
    width: 100px;
    clear: left;
    padding: 0;
}
form input.button {
    clear: left;
}
form label.postcode {
	display: block;
	clear: both;
}




#cfPostcode, #cfWoonplaats {
	width: 85px;
	float: left;
	margin: -8px 8px 8px 0px;
}
#cfWoonplaats {
	width: 281px;
	margin-right: 0px;
}
form span {
	float: left;
}




/* Search
------------------------------------------------------------------------------- */
#ajaxSearch_form {
	height: 38px;	
}
#ajaxSearch_form label {
	float: left;
	width: auto;
	clear: none;
}
#ajaxSearch_input {
	width: 283px;
	height: 20px;
}
#ajaxSearch_submit {
	width: 90px;
	margin-left: 10px;
	height: 22px;
	border: 1px solid black;
	background: #C60E21;
	font-weight: bold;
	color: white;
}





/* Special handling for images & alignment 
------------------------------------------------------------------------------- */

p img {
	padding: 0;
	max-width: 100%;
}

img.centered {
	display: block;
	margin: 0 auto;
}
img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
}
img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
}

/* Fixes for RichText widgets
------------------------------------------------------------------------------- */
.MODX_RichTextWidget {
	float: left;
}

.MODX_RichTextWidget a {
	border: 0px;
}








/*-----------------------------------------------------------------------------
-------------------------------------------------------------------------------
--                                                                           --
--                               E X T R A N E T                             --
--                                                                           --
-------------------------------------------------------------------------------
------------------------------------------------------------------------------- */
#mainmenu ul li#mli_163 a {
	width: 127px;
	height: 38px;
	line-height: 38px;
	display: block;
	margin-top: 6px;
	background: url(images/menu_extranet_n.png) no-repeat;
	padding-left: 7px;
	text-decoration: none;
}
#mainmenu ul li#mli_163 a b {
	position: absolute;
	left: -9999px;
}
#mainmenu ul li#mli_163.urhere a, #mainmenu ul li#mli_163 a:hover {
	background: url(images/menu_extranet_a.png) no-repeat;
}


#mainmenu ul li#mli_163 li.level2 a {
	color: #000;
	margin: 0;
	height: 24px;
	line-height: 24px;
	display: block;
	font-weight: bold;
	background: none;
	padding: 0px;
	font-size: 13px;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	text-decoration: none;
}
#mainmenu ul li#mli_163 li.level2 a b {
	position: relative;
	left: 0;
}
#mainmenu ul li#mli_163 li.level2 a:hover, #mainmenu ul li#mli_163 li.level2.urhere a {
	color: #a8172b;
	text-decoration: none;
	background: none;
}

#mainmenu ul li#mli_163 a:hover {
	color: #000;
}






/* File download / upload
------------------------------------------------------------------------------- */
.fileupload input {
	display: inline;
}
table.download {
	margin-bottom: 32px;
	width: 460px;
}
table.download th {
	border-bottom: 1px solid #454033;
	padding: 4px 2px;
}
.fd-file td, .fd-folder td {
	border-bottom: 1px solid rgb(187, 176, 142);
	padding: 4px 2px;
}
.fd-file td img {
	vertical-align: text-bottom;
}
td.dlicon {
	width: 20px;
}
td.dlgrootte {
	width: 70px;
}
td.dldatum {
	width: 90px;
}











/* Mail-a-friend
------------------------------------------------------------------------------- */
#mailafriend {
	position: absolute;
	top: 35px;
	top: -500px;
	left: 207px;
	width: 424px;
	z-index: 1000;
	background: #eeecea;
	background: #eeecea url(images/wrapper_bg.jpg) no-repeat -96px -134px;
	padding: 2px 0px 15px 38px;
	border: 2px solid #5E5359;
}
#mailafriend form {
	padding: 0px;
}
#mailafriend h3 {
	padding-top: 0px;
	color: #C90119;
	font-size: 120%
}
}
#mailafriend p.error {
	padding: 0;
}
#mailafriend textarea {
	height: 80px;
}
#mailafriend label {
	padding-bottom: 4px;
}



/* validationEngine.jquery
------------------------------------------------------------------------------- */
	.formError {
			position:absolute;
			top:300px; left:300px;
			padding-bottom:13px;
			display:block;
			z-index:5000;
			cursor:pointer;
		}
			#debugMode{
				background:#000;
				position:fixed;
				width:100%; height:200px;
				top:0; left:0;
				overflow:scroll;
				opacity:0.8;
				display:block;
				padding:10px;
				color:#fff;
				font-size:14px;
				z-index:100000;
			}
		
			.ajaxSubmit{ padding:20px; background:#55ea55;border:1px solid #999;display:none}
			.formError .formErrorContent {
				width:100%; 
				background:#ee0101;
				color:#fff;
				width:150px;
				font-family:tahoma;
				font-size:11px;
				border:2px solid #ddd;
				box-shadow: 0px 0px 6px #000;
				-moz-box-shadow: 0px 0px 6px #000;
				-webkit-box-shadow: 0px 0px 6px #000;
				padding:4px 10px 4px 10px;
				border-radius: 6px;
				-moz-border-radius: 6px;
				-webkit-border-radius: 6px;
			}
			.greenPopup .formErrorContent {background:#33be40;}
			
			.blackPopup .formErrorContent {background:#393939;color:#FFF;}
			
			.formError .formErrorArrow{
				position:absolute;
				bottom:0;left:20px;
				width:15px; height:15px;

				z-index:5001;
			}
			.formError .formErrorArrowBottom{top:0;margin:-6px;}
			
				.formError .formErrorArrow div{
					border-left:2px solid #ddd;
					border-right:2px solid #ddd;
					box-shadow: 0px 2px 3px #444;
					-moz-box-shadow: 0px 2px 3px #444;
					-webkit-box-shadow: 0px 2px 3px #444;
					font-size:0px; height:1px; background:#ee0101;margin:0 auto;line-height:0px; font-size:0px; display:block;
				}
					.formError .formErrorArrowBottom div{
						box-shadow: none;
						-moz-box-shadow: none;
						-webkit-box-shadow: none;
					}
					
				.greenPopup .formErrorArrow div{background:#33be40;}
				.blackPopup .formErrorArrow div{background:#393939;color:#FFF;}

				.formError .formErrorArrow .line10{width:15px;border:none;} 
				.formError .formErrorArrow .line9{width:13px;border:none;} 
				.formError .formErrorArrow .line8{width:11px;} 
				.formError .formErrorArrow .line7{width:9px;} 
				.formError .formErrorArrow .line6{width:7px;} 
				.formError .formErrorArrow .line5{width:5px;} 
				.formError .formErrorArrow .line4{width:3px;} 
				.formError .formErrorArrow .line3{width:1px;
					border-left:2px solid #ddd;
					border-right:2px solid #ddd;
					border-bottom:0px solid #ddd;} 
				.formError .formErrorArrow .line2{width:3px;border:none;background:#ddd;}
				.formError .formErrorArrow .line1{width:1px;border:none;background:#ddd;}