@import url("lightbox.css");
@import url("css_navigation.css");

html {
	overflow: -moz-scrollbars-vertical;
}

body {
	background: url(img/background.png) repeat-x #f0f5eb;
	margin: 0;
	padding: 0 0 40px 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}
#container {
	width: 850px;
	margin: auto;
}

#content {
	width: 850px;
}

/* Sitetop & Header */
#logo a {
	width: 156px;
	height: 45px;
	display: block;
	position: absolute;
	top: 20px;
}
#logo a span {
	display: none;
}


#sitetop {
	width: 850px;
	height: 358px;
	background: url(img/sitetop_.png) no-repeat;
}
#header ul {
	margin: 0;
	padding: 0;
	width: 850px;
	height: 250px;
	position:absolute;
	top: 100px;
}
#header li {
	list-style: none;
}
#header li span {
	display: none;
}
#header li.pre1 img {
	border: none;
	width: 195px;
	height: 143px;
}
#header li.pre1 a {
	display: block;
	position: absolute;
	left: 9px;
	top: 7px;
	background: #fff;
	border: 1px solid #97c6c8;
	padding: 2px;
	padding-top: 2px;
}
#header li.pre1 a:hover {
	border: 1px solid #fd1c5d;
}
#header li.pre2 img {
	border: none;
	width: 196px;
	height: 128px;
}
#header li.pre2 a {
	display: block;
	position: absolute;
	z-index: 1;
	left: 154px;
	top: 24px;
	background: #fff;
	border: 1px solid #97c6c8;
	padding: 2px;
	padding-top: 2px;
}
#header li.pre2 a:hover {
	border: 1px solid #fd1c5d;
}
#header li.pre3 img {
	border: none;
	width: 225px;
	height: 156px;
}
#header li.pre3 a {
	display: block;
	position: absolute;
	z-index: 1;
	left: 315px;
	top: 0px;
	background: #fff;
	border: 1px solid #97c6c8;
	padding: 2px;
	padding-top: 2px;
}
#header li.pre3 a:hover {
	border: 1px solid #fd1c5d;
}
#header li.pre4 img {
	border: none;
	width: 171px;
	height: 116px;
}
#header li.pre4 a {
	display: block;
	position: absolute;
	z-index: 2;
	left: 532px;
	top: 60px;
	background: #fff;
	border: 1px solid #97c6c8;
	padding: 2px;
	padding-top: 2px;
}
#header li.pre4 a:hover {
	border: 1px solid #fd1c5d;
}
#header li.pre5 img {
	border: none;
	width: 177px;
	height: 129px;
}
#header li.pre5 a {
	display: block;
	position: absolute;
	z-index: 0;
	left: 660px;
	top: 14px;
	background: #fff;
	border: 1px solid #97c6c8;
	padding: 2px;
	padding-top: 2px;
}
#header li.pre5 a:hover {
	border: 1px solid #fd1c5d;
}
#header li.pre6 img {
	border: none;
	width: 153px;
	height: 103px;
}
#header li.pre6 a {
	display: block;
	position: absolute;
	z-index: 2;
	left: 68px;
	top: 82px;
	background: #fff;
	border: 1px solid #97c6c8;
	padding: 2px;
	padding-top: 2px;
}
#header li.pre6 a:hover {
	border: 1px solid #fd1c5d;
}

/* Navigation 

#navigation ul {
	margin: 0;
	padding: 0 0 0 10px;
	position: relative;
	left: 493px;
	top: 28px;
	height: 23px;
	background: url(img/navBar.png) no-repeat;
	width: 357px;
	height: 35px;
}
#navigation li {
	list-style: none;
	float: left;
	display: block;
	margin-right: 10px;
	font-size: 11px;
	padding: 0 0 0 15px;
	line-height: 35px;
}
#navigation li a {
	font-weight: bold;
	color: #3a4142;
	display: block;
	text-decoration: none;
}
#navigation li a:hover {
	font-weight: bold;
	color: #3a4142;
	display: block;
	background: url(img/hoverstartpagina.png) no-repeat;
	text-decoration: none;
}

/* Main content */

#mainContent {
	width: 620px;
	margin: 0 0 0 9px;
	padding: 0;
	float: left;
}
.mainContentTop {
	background: url(img/content_top.gif) no-repeat;
	width: 620px;
	height: 12px;
}
.mainContentBody {
	background: url(img/content_mid.gif) repeat-y;
	width: 590px;
	padding: 1px 14px 14px 16px;
	min-height: 278px;
}
.mainContentBody h1 {
	padding: 0 0 1px 0;
	margin: 5px 0 0 5px;
	border-bottom: 1px dotted #bedadc;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #4b585a;
	text-transform: uppercase;
}
.mainContentBody h2 {
	padding: 20px 0 1px 0;
	margin: 0 0 0 5px;
	border-bottom: 1px dotted #bedadc;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #4b585a;
	text-transform: uppercase;
	width: 444px;
}
.mainContentBody p {
	margin: 0;
	padding: 15px 0 0 30px;
	line-height: 20px;
	text-align: justify;
	width: 420px;
}

a.comment {
	background: url(img/reflectiebutton2.gif) no-repeat;
	width: 88px;
	height: 24px; 
	display: block;
}

a.keuzebox {
	padding: 5px 0 3px 0;
	margin: 0 0 10px 0;
	border-bottom: 1px solid #5b7d83;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #1c3f41;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;
	display: block;
}

a.keuzebox:hover {
	color: #000;
}

a.comment:hover {
	background: url(img/reflectiebutton2_hover.gif) no-repeat;
	width: 88px;
	height: 24px; 
	display: block;
}

.commentbox {
	margin-top: 15px;
	line-height: 18px;
	padding: 0 0 10px;
	border-bottom: 1px solid #dcdfd6;
}

.mainContentFoot {
	background: url(img/content_foot.gif) no-repeat;
	width: 620px;
	height: 9px;
	padding: 0 0 50px 0;
}
.shadowRight {
	background: url(img/shadow_right.gif) no-repeat;
	width: 11px;
	height: 384px;
	float: left;
	top: 358px;
	right: 0;
}
.Odd {
	background: #fff;
	width: 520px;
	position: relative;
	left: 17px;
	border-bottom: 1px solid #fff;
	border-left: 1px solid #fff;
	padding: 15px;
	position: relative;
	top: 5px;
}
.Odd h3 {
	color: #465253;
	padding: 0;
	margin: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}
.Odd p {
	margin: 0;
	padding: 0 0 5px 0;
	width: 520px;
}
.Odd a img {
	width: 515px;
	height: 75px;
	border: none;
	background: #fff;
	padding: 2px;
	border: 1px solid #afd1d2;
}
.Odd a:hover img {
	border: 1px solid #fd1c5d;
}

.Even {
	background: #f7fbf7;
	width: 520px;
	position: relative;
	left: 20px;
	border-bottom: 1px solid #e0ece1;
	border-left: 1px solid #e0ece1;
	padding: 15px;
	position: relative;
	top: 5px;
	margin: 10px 0 10px 0;
}
.Even p {
	margin: 0;
	padding: 0;
	line-height: 18px;
	width: 100%;
}

/* Leftpane */

#leftPane {
	width: 210px;
	float: left;
}
.leftPaneTop {
	background: url(img/leftpane_top.gif) no-repeat;
	width: 210px;
	height: 8px;
}
.leftPaneBody {
	background: url(img/leftpane_mid.gif) repeat-y;
	width: 210px;
	padding: 0 0 5px 0;
}

ul.update {
	margin: 0;
	padding: 0;
	list-style: none;
}

ul.update li a {
	padding: 4px 14px 4px 10px;
	margin: 0 0 0 10px;
	width: 165px;
	display: block;
	border-bottom: 1px solid #444e4f;
	text-decoration: none;
}

ul.update li a:hover {
	border-bottom: 1px solid #7e9498;
	background: #5c7377;
}

ul.update li a h2 {
	font-size: 10px;
	padding: 0;
	margin: 0;
	color: #fff;
	font-weight: normal;
}

.update li a span {
	font-size: 10px;
	color: #789fa6;
}

.leftPaneBody h1 {
	margin: 0 14px 10px 14px;
	padding: 5px 0 1px 0;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #bedadc;
	text-transform: uppercase;
}
.leftPaneFoot {
	background: url(img/leftpane_foot.gif) no-repeat;
	width: 210px;
	height: 8px;
}

/* Leftnavigation */
#leftNav {
	float: left;
	width: 210px;
}
.leftNavTop {
	background: url(img/leftpane_top.gif) no-repeat;
	width: 210px;
	height: 8px;
}
.leftNavBody {
	background: url(img/leftpane_mid.gif) repeat-y;
	width: 210px;
	padding: 0 0 7px 0;
}
.leftNavBody h1 {
	margin: 0 14px 10px 14px;
	padding: 5px 0 1px 0;
	border-bottom: 1px dotted #5b7d83;
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #bedadc;
	text-transform: uppercase;
}
.leftNavBody ul {
	padding: 2px 14px 0 10px;
	margin: 0;
	width: 186px;
}
.leftNavBody li.cmd {
	list-style: none;
	padding: 5px 5px 10px 5px;
	margin: 0;
	display: block;
	height: 11px;
	font-weight: bold;
	color: #789fa6;
	text-transform: uppercase;
}
.leftNavBody li.cmdcat {
	margin-left: 10px;
	height: 10px;
	padding: 5px 5px 5px 0;
	display: block;
	border-bottom: 1px dotted #444e4f;
	height: 10px;
	font-weight: bold;
	color: #fff;
}
#menu4 {
	margin: 0;
	padding: 0;
}
#menu4 li ul{
	margin: 0 5px 0 0;
	padding: 0 0 0 7px;
	width: 180px;	
	color: #fff;
}
#menu4 li a.catH{
	color: fff;
	font-weight: bold;
}
.leftNavBody li.persoonlijk {
	list-style: none;
	padding: 5px;
	margin: 0;
	display: block;
	height: 10px;
	font-weight: bold;
	color: #789fa6
}
.leftNavBody li {
	list-style: none;
	padding: 0;
	margin: 0;
}
.leftNavBody li a {
	margin-left: 10px;
	height: 15px;
	padding: 5px 5px 5px 0;
	display: block;
	border-bottom: 1px solid #444e4f;
	text-decoration: none;
	color: #e4f6f4;
}
.leftNavBody li a:hover {
	padding: 5px;
	background: #5c7377;
	color: #fff;
}
.leftNavFoot {
	background: url(img/leftpane_foot.gif) no-repeat;
	width: 210px;
	height: 8px;
}



/* Contact Form */

form {
	padding: 10px 0 25px 15px;
}
.formfield p {
	margin: 0;
	padding: 5px 0 5px 0;
	font-size: 11px;
}
.formfield p span {
	color: #fd1c5d;
}
.inputfield {
    width: 220px;
	height: 17px;
    padding-left: 5px;
    color: #000000;
    border: #d6d6d6 1px solid;
    background-color: #ffffff; 
	font-size: 11px;
}			
#textarea {
	width: 300px;
	height: 100px;
    padding: 5px;
    color: #000000;
    border: #d6d6d6 1px solid;
    background-color: #ffffff;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
}		
.button {
	background: #fd1c5d;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size: 11px;
	border: 1px solid #e21852;
	float: left;
	width: 108px;
	margin-right: 8px;
	position: relative;
	top: 10px;
}


/* Footer */

#footer {
	width: 850px;
	position: relative;
	right: 0px;	
}