html, body {
	height: 100%;
}

* {
	margin: 0;
	padding: 0;

	color: white;
	line-height: 18px;
	font-size: 11px;
	font-family: verdana, sans-serif;
	}
	
input{
	color: black;
	}

td.mpFormLabel {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding: 5px 20px 5px 0px;
	margin: 0px 10px 0px 0px;
	vertical-align: top;
	font-weight: normal;
	width: 150px;
}	

td.submitCell input {
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #205059;
	border-right-color: #205059;
	border-bottom-color: #205059;
	border-left-color: #205059;
	background-color: #5b97b1;
	background-image: none;
	background-repeat: repeat;
	background-attachment: scroll;
	background-x-position: 0%;
	background-y-position: 0%;
	color: white;
}
	
.hidden {
	display: none;
}

#container {
	width: 785px;
	margin: 0 auto;
	min-height: 100%;
}

#logo {
    width: 399px;
    height: 40px;
    padding-top: 12px;
    margin-left: 150px;

    background: url('../images/logo.jpg') no-repeat 15px 12px;
    text-indent: -9999px;
}

.top {
	position: relative;
	background-repeat: no-repeat;
	background-position: 150px top;
}

#navigation,
#navigation ul {
	width: 150px;
	float: left;
	margin-top: 0;
	position: relative;

	list-style-type: none;
}
	.home #navigation,
	.home #right {
		position: absolute;
		bottom: 50px;
	}

	#navigation li.active {
		font-size: 0;
		line-height: 0;
	}

	#navigation li a {
		display: block;
		padding-left: 10px;
		height: 18px;
		line-height: 18px;

		text-decoration: none;
		font-weight: bold;
		font-size: 10px;
	}

	a#m1{background-color:#5a2249;}
	a#m2{background-color:#c94e00;}
	a#m3{background-color:#949201;}
	a#m4{background-color:#5b97b1;}
	a#m5{background-color:#004059;}
	a#m1:hover{	background-color:#7b4d6d;}
	a#m2:hover{	background-color:#d57133;}
	a#m3:hover{	background-color:#aaa833;}
	a#m4:hover{	background-color:#7cacc1;}
	a#m5:hover{ background-color:#33677a;}


#navigation #subnavigation {
	position: absolute;
	top: 110px;
}

	#navigation #subnavigation li a {
		color: #CA4E00;
	}
	#navigation #subnavigation li a:hover {
		background: #FAEDE5;
	}
	#navigation #subnavigation li a.active,
	#navigation #subnavigation li a:hover.active {
		background: #F4DCCC url('../images/pijltje_oranje.gif') no-repeat right center;
	}

#banner {
	position: absolute;
	bottom: 0;
 	left: 150px;
 	background: #eee;
 	height: 50px;
 	width: 630px;
}
#banner p {
 	color: #5a2249;
 	padding: 5px 30px;
}

#right {
	background: url('../images/menu-border-right.gif');
	width: 5px;
	height: 90px;
	margin-top: 0;
	float: left;
}
	.home #right {
		right: 0;
	}

#content {
	background: #CA4E00;
	width: 630px;
	display: inline;
	float: left;
}

.home #content {
	background: #5a2249;
	margin-left: 150px;
}

	#content .contentwrapper {
		padding: 70px 30px 0 30px;
		position: relative;
	}
	#content h1 {
		font-size: 14px;
		line-height: 18px;
		margin-bottom: 1em;
		padding-right: 60px;
	}
	#content .backlink {
		position: absolute;
		top: 70px;
		right: 30px;
	}
	#content p {
		line-height: 18px;
		margin-bottom: 1em;
	}
	#content a {
		color: #fecb00;
		text-decoration: none;
	}
	#content a:hover {
		text-decoration: underline;
	}
	#content ul, #content ol {
		margin-left: 15px;
	}

	#content .blocklist {
    	list-style-type: none;
    	margin: 0;
	}
	#content .blocklist li {
		margin-bottom: 1em;
    	background: #D57133;
		width: 100%;
    }
	#content .blocklist li .blockcontent {
		float: left;
		width: 420px;
		margin-left: 1.5em;
		padding-top: 5px;
    }

	.twocol .blocklist li .blockcontent {
		width: 380px !important;
    }

    #content .blocklist h3 {
		margin-top: 0;
    }
	#content .blocklist li .blockimage {
		padding-left: 0;
    	float: left;
	}
	.clearer {
		clear: both;
	}

	/** tagcloud **/

	.tagcloud {
		text-align: center;
		margin: 20px 0;
	}
	
	.tagcloud a {
		color: #fff !important;
	}
	
	.tagcloud .small a {
		font-size: 11px;
		line-height: 16px;
	}
	.tagcloud .middle a {
		font-size: 13px;
		line-height: 20px;
	}
	.tagcloud .big a {
		font-size: 17px;
		line-height: 25px;
	}

	/** right column **/

	#content.twocol .contentwrapper {
		width: 420px;
		float: left;
	}
	#content.twocol .rightcol {
		width: 140px;
		padding-top: 90px;
		float: right;
	}

	#content.twocol .rightcol p {
		margin-bottom: 0;
		padding: 0 5px 1.5em;
	}
	#content.twocol .rightcol a img {
		border: 0;
	}

	/** right column - news archive **/

	#content .rightcol.archive {
	    padding-left: 10px;
	    padding-top: 107px;
	    width: 130px;
	}
	#content .archive ul {
		list-style-type: none;
		margin-left: 0;
		padding: 0;
	}

	/** forms (nieuwsbrief signup & contact) **/

	form.contentForm {
		padding: 1em;
    	background: #D57133;
	}

	form.contentForm input,
	form.contentForm label {
		margin-bottom: 10px;
	}

	form.contentForm input,
	form.contentForm textarea {
		color: black;
		width: 130px;
	}

	form.contentForm label {
		float: left;
		clear: left;
		width: 160px;
		line-height: 14px;
	}

	form.contentForm input.submit, #KT_Insert1 {
		width: 214px;
		color: white;
		padding: 3px 0 3px 0;

		clear: both;
	}
    form.contentForm fieldset.aboutfields {
    	border: none;
    	float: left;
    }
    form.contentForm fieldset legend {
    	display: none;
    }
	form.contentForm .opmerkingfield {
		float: right;
	}
	form.contentForm .opmerkingfield label {
	 	width: 120px;
	}
	form.contentForm .opmerkingfield textarea {
	 	width: 180px;
	 	height: 75px;
	}

	/** for home **/

	#content .row {
		width: 630px;
		border-bottom: 1px solid white;
	}
	#content .clearer {
		clear: left;
	}
	#content .block {
    	width: 148px;
    	float: left;
    	height: 93px;
    	padding: 15px 30px 15px 30px;
		border-right: 1px solid white;
	}
	#content .block.last {
		border-right: none;
	}
	.home #content h3 a {
		color: white;
	}

	/** bottom **/

	#content .breadcrumbs {
		margin: 2em 0 1em 0;
	}
	#content .breadcrumbs a {
		color: white;
		text-decoration: none;
	}
	#content .breadcrumbs a:hover {
		text-decoration: underline;
	}

	.clearer.footerstick {
		margin-bottom: 3.5em;
		height: 1px; /*safari/win*/
	}

	.footer {
		color: #CA4E00;
		clear: left;
		font-size: 10px;
		padding-left: 180px;
		padding-bottom: 10px;
		margin: 0 auto;
		margin-top: -3em;
		width: 605px;
	}
	.home .footer {
		color: #5A2249;
	}
	.footer a {
		color: #CA4E00;
		text-decoration: none;
	}
	.home .footer a {
		color: #5A2249;
	}
	.footer a:hover {
		text-decoration: underline;
	}


/*** kleurtjes! ***/

/** oranje **/

body.oranje .footer,
body.oranje .footer a,
body.oranje #navigation #subnavigation li a {
	color: #c94e00;
}

body.oranje #content {
	background-color: #c94e00;
}
body.oranje #content.twocol {
	background: url('../images/contentbg_oranje.gif') repeat-y;
}

body.oranje #content .blocklist li,
body.oranje #content form.contentForm {
	background: #D57133;
}

body.oranje #navigation #subnavigation li a:hover {
	background: #FAEDE5;
}

body.oranje #navigation #subnavigation li a.active,
body.oranje #navigation #subnavigation li a:hover.active {
	background: #F4DCCC url('../images/pijltje_oranje.gif') no-repeat right center;
}

body.oranje form.contentForm input.submit {
	border: 1px solid #BA3E00;
	background: #c94e00;
}

/** lichtblauw **/

body.lichtblauw .footer,
body.lichtblauw .footer a,
body.lichtblauw #navigation #subnavigation li a {
	color: #5b97b1;
}

body.lichtblauw #content {
	background-color: #5b97b1;
}
body.lichtblauw #content.twocol {
	background: url('../images/contentbg_lichtblauw.gif') repeat-y;
}

body.lichtblauw #content .blocklist li {
	background: #7cacc1;
}

body.lichtblauw #navigation #subnavigation li a:hover {
	background: #EEF4F7;
}

body.lichtblauw #navigation #subnavigation li a.active,
body.lichtblauw #navigation #subnavigation li a:hover.active {
	background: #DEEAEF url('../images/pijltje_lichtblauw.gif') no-repeat right center;
}


/** groen **/

body.groen .footer,
body.groen .footer a,
body.groen #navigation #subnavigation li a {
	color: #949201;
}

body.groen #content {
	background-color: #949201;
}
body.groen #content.twocol {
	background: url('../images/contentbg_groen.gif') repeat-y;
}

body.groen #content .blocklist li {
	background: #aaa833;
}

body.groen #navigation #subnavigation li a:hover {
	background: #F4F4E5;
}

body.groen #navigation #subnavigation li a.active,
body.groen #navigation #subnavigation li a:hover.active {
	background: #EAE9CC url('../images/pijltje_groen.gif') no-repeat right center;
}


/** donkerblauw **/

body.donkerblauw .footer,
body.donkerblauw .footer a,
body.donkerblauw #navigation #subnavigation li a {
	color: #004059;
}

body.donkerblauw #content {
	background-color: #004059;
}
body.donkerblauw #content.twocol {
	background: url('../images/contentbg_donkerblauw.gif') repeat-y;
}

body.donkerblauw #content .blocklist li,
body.donkerblauw #content form.contentForm {
	background: #33677a;
}

body.donkerblauw #navigation #subnavigation li a:hover {
	background: #E5ECEE;
}

body.donkerblauw #navigation #subnavigation li a.active,
body.donkerblauw #navigation #subnavigation li a:hover.active {
	background: #CCD9DE url('../images/pijltje_dblauw.gif') no-repeat right center;
}

body.donkerblauw form.contentForm input.submit {
	border: 1px solid #205059;
	background: #004059;
}

body.mceContentBody {
   background: #5b97b1 !important;
}

.mceContentBody a {
		color: #fecb00 !important;
		text-decoration: none !important;
	}