* {margin:0; padding:0;}
a img {border:0;}
img {vertical-align:middle;}	/* Removes unwanted padding below images in IE6&7 */
html {width:100%; height:100%; background-color:#FFF;}
body {font:bold 76%/1.5em Helvetica,Arial,Verdana,sans-serif; color:#000; zzbehavior:url("csshover.htc");}

a {color:inherit; _color:#000; text-decoration:none;}
a:hover {}

#container {width:990px; /* Site centreren op pagina: margin:40px auto; padding-bottom:40px; */ /* min-height:520px; border:1px solid #000; */}

#headerContainer {float:left; width:990px; height:144px; z-index:1000; position:relative;}
#headerLeft {float:left; width:306px; height:100%; background:#509947; text-align:right;}
#headerCenter {float:left; width:478px; height:100%; position:relative;}
#headerRight {float:left; width:206px; height:100%; position:relative; zoverflow-y:hidden;}
#headerRight img {position:absolute; top:0; right:0; cursor:pointer; cursor:hand; width:206px; display:block;}

#mainContainer {float:left; width:990px; position:relative;}
#mainLeft {float:left; width:306px;}
#mainContent {float:left; width:684px;}
#mainRight {width:206px; float:right;}

#mainCenter {width:478px; height:440px; float:left; background: #95AD3D url("imgs/eilijn.png") top left;}

#headerLeft h1 {text-align:right; padding:.7em .3em .9em; color:#FFF; font:bold 3em/.85em Arial black, Verdana, Arial, Helvetica, sans-serif;}
#headerLeft h1 span {font: normal .82em/.9em Verdana, Arial, Helvetica;}
#headerLeft b {line-height:.55em}
#headerLeft img {padding:18px 0 0;}

#headerCenterText h2 {color:#509947; padding:30px 10px 0 15px; font: 1.8em normal Arial, Helvetica, sans-serif;}
#headerCenterText img {padding:30px 10px 0 0;}
#headerCenterControls {font-weight:bold; line-height:1em; position:absolute; width:478px; bottom:15px; left:17px;}
#headerCenter #reacties, #headerCenter #contact {float:left; border:1px solid #509947; margin:0 0 0 20px;}
#headerCenter #reacties a, #headerCenter #contact a {color:#509947; padding:3px 15px 4px; display:block; float:left; font-size:13px; font-weight:bold;}

/* **************** Text styling **************** */

h1 {font-size:1.375em; padding:1em 0 1em;}
h2 {font-size:1.12em; padding:1em 0 .2em;}
h3 {font-size:1.12em; padding:1em 0 .2em;}
h4 {font-size:1.12em; padding:1em 0 .2em;}
h5 {font-size:1.12em; padding:.4em 0 .1em; font-style:italic;}
h6 {font-size:1em; padding:0;}

.contenttable {line-height:1.3em; white-space:nowrap;}

#contentarea {clear:both; padding:12px 17px;}

#contentarea a {text-decoration:underline;}

#contentarea blockquote {padding:0 4em; font-style:italic; font-size:1.11em;}
#contentarea blockquote i {font-style:normal; font-size:.9em;}

#contentarea .csc-menu {padding-bottom:1em;}
#contentarea .csc-menu a.active {text-decoration:none;}

#contentarea ul,
#contentarea ol {padding-left:2em;}
#contentarea li {padding:0 0 0 .4em;}

#mainContent h1 {}
#mainContent h3 {}
#mainContent p.bodytext {}
#mainContent .cbox {}
#mainContent .cbox img {padding:2.5em 40px 0 0; float:left;}

#mainContent blockquote {margin:0; padding:1em 4em; font-style:italic; font-size:1.12em;}
#mainContent blockquote i {font-style:normal; font-size:0.89em;}

#contentRight {
	clear: both;
	font: bold 15px/20px Arial Black, Arial, Helvetica, Sans-serif;
	padding: 12px 12px 0 12px;
	color: #AB7036; /* #5F7D7B; */
}

#contentRight p {margin-bottom: .5em;}

#contentRight .csc-firstHeader {display:none; background:#E5C318; padding:12px; color:#FFF; font:bold 1.7em Arial black, Verdana, Arial, Helvetica, sans-serif;}
#contentRight .csc-firstHeader a {color:#FFF;}
#contentRight .csc-header {padding:0;}

#contentRight a {color:inherit; #color:#AB7036; padding:0;}
#contentRight hr {margin:1em 0; color:#AB7036; background-color:#AB7036; height:2px; border:0;}

#contentRight ul,
#contentRight ol {padding-left: 2em}
#contentRight li {padding:0 0 0 .4em;}


/* **************** Formulier **************** */

#mailform fieldset {border:0; line-height:1.5em}
#mailform .csc-mailform-field {margin-bottom:.6em;}
#mailform label {display:block; padding-bottom:.2em;}
#mailform input,
#mailform textarea {display:block; clear:both; border:1px solid #000; background:#FBFCFC; width:306px; color:#000; padding:0px 2px;}
#mailform input.csc-mailform-check {display:inline; float:left; width:auto; margin:.3em .5em .2em .1em; #margin-top:0; border:0;}
#mailform .csc-mailform-submit {cursor:pointer; cursor:hand; margin:1em 0 0 0; width:auto; font-weight:bold; color:#FFF; background:#666; border:1px solid #666;}
#mailform .csc-mailform-submit:active {color:#FFF; background:#000;}

/* **************** Searchbox & results **************** */

#searchword {float:left; #margin-top:-1px;}
#searchsubmit {float:left; border:1px solid #509947;}
#searchform input {border:1px solid #509947; border-right:none; color:#509947; background:#FFF; padding:1px 3px 2px 3px; width:160px; font:normal 13px/16px helvetica,arial,sans-serif;}
#searchform input.submit {border:0; width:auto; cursor:pointer; cursor:hand; font-weight:bold; #line-height:11px; _line-height:16px; #height:19px; padding:0px 4px 1px 4px;}
.tx-indexedsearch fieldset {border:0;}
.tx-indexedsearch legend {display:none;}

/* **************** Pagina & tekstkleuren **************** */

.volgPaginaBox {border-left:2px solid; min-height:440px; _height:440px; float:left; padding-bottom:20px;}
.pageColorExtra, .pageColorExtra a {color:#3C7347;}
.pageColor0, .pageColor0 a {color:#E5C318;}
.pageColor1, .pageColor1 a {color:#6C5D4E;}
.pageColor2, .pageColor2 a {color:#AB7036;}
.pageColor3, .pageColor3 a {color:#B69E36;}
.pageColor4, .pageColor4 a {color:#5F7D7B;}
.pageColor5, .pageColor5 a {color:#5BA4A4;}
.pageColor6, .pageColor6 a {color:#95AD3D;}
.pageColor7, .pageColor7 a {color:#509947;}

#navSub h1 {color:#FFF; padding:0 0 0 17px; font-size:1em;}

/* **************** navigation **************** */

#navSub {float:left; width:682px; padding:1.4em 0 12px 0; font:normal 1.25em Helvetica,Arial,Verdana,sans-serif; letter-spacing:.02em;}
.pageColorExtra #navSub {background-color:#3C7347;}
.pageColor0 #navSub {background-color:#E5C318;}
.pageColor1 #navSub {background-color:#6C5D4E;}
.pageColor2 #navSub {background-color:#AB7036;}
.pageColor3 #navSub {background-color:#B69E36;}
.pageColor4 #navSub {background-color:#5F7D7B;}
.pageColor5 #navSub {background-color:#5BA4A4;}
.pageColor6 #navSub {background-color:#95AD3D;}
.pageColor7 #navSub {background-color:#509947;}
#navSub ul {padding:0 0 0 10px; float:left;}
#navSub li {list-style-type:none; padding:0; float:left;}
#navSub li.divider {border-left:1px solid #FFF; }
#navSub li a {color:#FFF; padding:0 7px; display:block; float:left; _zoom:1;}	/* if hasLayout is set for IE7 the hover effects will start behaving mysteriously */
#navSub li a:hover {text-decoration:underline;}
#navSub li a.current {font-weight:bold;}

#navExtra {height:104px; float:left; _margin-top:-1px;}
#navExtra .nav li li {padding:6px 18px 5px; float:right;}
#navExtra .nav div {width:206px;}

#nav {width:306px; position:relative; font:bold 1.2em/20px Arial black, Verdana, Arial, Helvetica, sans-serif;}
#nav ul {padding-top:18px;}
ul.nav {list-style-type:none;}
.nav li {#display:inline;} /* removes unwanted space below the LI in IE6 & 7 */
.nav a {text-decoration:none; display:block; #display:inline-block; height:34px;}
.nav em {font-style:normal; display:block; background:url("") center right no-repeat;}
.nav li#item1.shover em, .nav li#item1 em.active {background-image: url("imgs/blok1.png");}
.nav li#item2.shover em, .nav li#item2 em.active {background-image: url("imgs/blok2.png");}
.nav li#item3.shover em, .nav li#item3 em.active {background-image: url("imgs/blok3.png");}
.nav li#item4.shover em, .nav li#item4 em.active {background-image: url("imgs/blok4.png");}
.nav li#item5.shover em, .nav li#item5 em.active {background-image: url("imgs/blok5.png");}
.nav li#item6.shover em, .nav li#item6 em.active {background-image: url("imgs/blok6.png");}
.nav li#item7.shover em, .nav li#item7 em.active {background-image: url("imgs/blok7.png");}

.nav li ul {display:none; z-index:1; position:absolute; left:306px; top:0; width:478px; height:440px; background-image:url("imgs/eilijn8s.png"); _background-image:url("imgs/eilijn.png");}
.nav li li {padding:6px 0 5px; display:block; float:left; clear:both; }
.nav div {width:306px;}
.nav div.shover ul {display:block;}
#container .nav li ul a {float:left; border-bottom:1px solid transparent; padding-top:6x; margin-left:18px; height:22px;}
#navExtra .nav li ul a {border-color:#E5C318;}
#container .nav li ul a:hover {text-decoration:underline; border-bottom:1px solid #FFF;}

.nav li#item0 ul {background-color:#E5C318;}
.nav li#item1 ul {background-color:#6C5D4E;}
.nav li#item2 ul {background-color:#AB7036;}
.nav li#item3 ul {background-color:#B69E36;}
.nav li#item4 ul {background-color:#5F7D7B;}
.nav li#item5 ul {background-color:#5BA4A4;}
.nav li#item6 ul {background-color:#95AD3D;}
.nav li#item7 ul {background-color:#509947;}

.nav li#item0 .firstsub {padding-top: 22px;}
.nav li#item1 .firstsub {padding-top: 6px;}
.nav li#item2 .firstsub {padding-top: 40px;}
.nav li#item3 .firstsub {padding-top: 74px;}
.nav li#item4 .firstsub {padding-top: 108px;}
.nav li#item5 .firstsub {padding-top: 142px;}
.nav li#item6 .firstsub {padding-top: 176px;}
.nav li#item7 .firstsub {padding-top: 210px;}

.nav li p {display:block; position:absolute; height:1px; font-size:1.2em; line-height:1.2em;}
.nav li p a {overflow:visible; cursor:hand;}
.nav li p b {display:block; position:absolute; right:0; top:-.4em; white-space:nowrap; color:#E5C318;}
.nav li p i {display:block; position:absolute; left:0; top:-.4em; white-space:nowrap; font-style:normal; color:#E5C318;}
.nav li p.rechts a:hover i, .nav li p.links a:hover b {color:#FFF;}
.nav li p.links a:hover i, .nav li p.rechts a:hover b {color:inherit;}

#nav li#item0 a {color:#E5C318;}

#nav li#item1 a, #nav li#item1 p.links a:hover i, #nav li#item1 p.rechts a:hover b {color:#6C5D4E;}
#nav li#item1 p {top:175px;left:448px;}

#nav li#item2 a, #nav li#item2 p.links a:hover i, #nav li#item2 p.rechts a:hover b {color:#AB7036}
#nav li#item2 p {top:129px; left:627px;}

#nav li#item3 a, #nav li#item3 p.links a:hover i, #nav li#item3 p.rechts a:hover b {color:#B69E36}
#nav li#item3 p {top:275px; left:433px;}

#nav li#item4 a, #nav li#item4 p.links a:hover i, #nav li#item4 p.rechts a:hover b {color:#5F7D7B;}
#nav li#item4 p {top:217px; left:658px;}

#nav li#item5 a, #nav li#item5 p.links a:hover i, #nav li#item5 p.rechts a:hover b {color:#5BA4A4;}
#nav li#item5 p {top:326px; left:656px;}

#nav li#item6 a, #nav li#item6 p.links a:hover i, #nav li#item6 p.rechts a:hover b {color:#95AD3D;}
#nav li#item6 p {top:352px; left:457px;}

#nav li#item7 a, #nav li#item7 p.links a:hover i, #nav li#item7 p.rechts a:hover b {color:#509947;}
#nav li#item7 p { /*top:352px; left:457px;*/ }


/* **************** Indexed Search **************** */

#container .tx-indexedsearch-browsebox ul {list-style-type:none; padding:0; margin:0;}
#container .tx-indexedsearch-browsebox li {list-style-type:none; padding:.5em 1em 0 0; margin:0; float:left;}
#container .tx-indexedsearch-browsebox li a {display:block; float:left; color:#FFF; background:#3C7347; text-decoration:none; padding:1px 5px 2px;}
.tx-indexedsearch-res {clear:both;}

/*
--------------------------------------------------
Class 'clearfix' for clearing floats
http://positioniseverything.net/easyclearing.html
--------------------------------------------------
*/

.clearer {clear:both;}

/* this is the fix for modern CSS 2.1 browsers, adding clearer tags purely through CSS */
.clearfix:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}

/* this one is for IE Mac, which will be corrected below */
.clearfix {display:inline-block;}

/* And below is first the fix for IE-Win (using the Tan Hack '* html')
and then the correction for all browsers except IE Mac */
/* Hides from IE-mac \*/
* html .clearfix {height:1%;}
.clearfix {display:block;}
/* End hide from IE-mac */

/*
--------------------------------------------------
        CSS styles for Safari-only
--------------------------------------------------
*/

/*\*/
html>body*#searchform input.submit {padding:2px 8px 1px 8px;}
/**/

/*\*/
html>body*#headerContainer {height:143px;}
/**/