/************************************* Main structure *************************/
* {
	margin: 0; padding: 0;
}

body {
	margin: 0;
	padding: 0;
	text-align: center;
	font: 11px verdana, arial, sans-serif;
	line-height: 170%;
	color: #003300;
	background-color: #aad550;
}
@media print {body {background-color: #FFF;}}
td {
	padding: 0px 0px 0px 0px;
}

table {
	border-collapse:collapse;
	border: 0;
	padding:0px 0px 0px 0px;
}

.bg-left {
	width:50%;
	background: #608110 url(../images/home/bg_left.jpg) right top repeat-Y
}
.bg-right {
	width:50%;
	background: #608110 url(../images/home/bg_right.jpg) repeat-Y
}

@media print {.bg-left {display: none}}
@media print {.bg-right {display: none}}

#header {
	width: 100%;
	height: auto; 

}
@media print {#header{background-color: #FFF;}}

#menu {
	width: 850px;
	height:43px;
	text-align: left;
	background: url(../images/home/shadow-top2.jpg) no-repeat bottom left;
	margin: 0;
}
@media print {#menu {visibility: hidden }}
#title {
	padding: 17px 60px 0px 0;
	margin-right: 0px;
	float: right;
/*	background-color: #88bf00;*/
/*	background: url(../images/logo.gif) no-repeat top right;*/
}
@media print {#title {visibility: hidden }}
/***************************************************
 Page Content
 ---------------------------------------------------
 1. Left side text - #text
 2. Dropdown image - #image
 3. Right side bar - #sideBar
 4. Extra text     - #text2
 ***************************************************/


#content {
	position: relative; 
	clear: both;
	width: 850px;
	margin: 0;
	text-align: left;
	background: #ffffc7 url(../images/home/ring-rechts.jpg) repeat-y top left;
}
@media print {#content {background:none;}}

#text {
	float: left;
	width: 455px;
	padding: 20px 5px 0px 24px;
}

* html #text { /*star hack voor IE */
	height : 1%;
}


@media print {#text {width:810px}}
#image {
	float: left;
	width: 194px;
	background-color: #ffffc7;
}
@media print {#image {display: none }}

#sideBar {
	float: right;
	width: 155px !important;
	width: 155px;
	padding: 20px 15px 20px 0;
	line-height: 14px;
}
@media print {#sideBar {display: none }}

#text2, #text2b {
	clear: both;
	width: 811px;
	padding: 0px 15px 0px 24px;
}
#text2b {
	background:url(../images/vragen/boom.jpg) no-repeat bottom right;
} 

@media print {#text2b {background-image:none;}}

* html #text2 { 
	height : 1%;
}/*star hack voor IE */
/*------------------------------------------------*/

#footer {
	clear: both;
	text-align: center;
	background: #aad550 url(../images/home/footer.gif) top left repeat-x;
}

#footer2 {
	padding-top: 0px!important;
	padding-top: 0px;
	clear: both;
	text-align: center;
	background: #aad550 url(../images/home/footer.jpg) top left no-repeat;
}
@media print {#footer2, #footer { background:none; border:none; }}
/*.clear{
  clear:both;
/*** these next attributes are designed to keep the div                   NIET gebruikt!!
height to 0 pixels high, critical for Safari and Netscape 7 
  height:1px;
  overflow:hidden;
  line-height:1%;
  font-size:0px;
  margin-bottom:-1px;
}*/
/******************************* Text and image formatting *******************************/
p {
	padding-top: 5px;
	padding-bottom: 5px;
}
p.verhaal:first-letter
    {
     float:left;
     color:#6F9800;
	 padding-right:2px;
     font-size:80px;
     line-height:50px;
	 font-family: "Georgia"
}

h5 {
	
	font: 10px arial, sans-serif;
	line-height:15px;
	color: #005600;
/*	background: #ffcc66 url(../images/rounded_tr3.gif) no-repeat top right; */
}


h4 {
	clear: both;
	text-align:center;
	margin: 0px 0;
	font: 700 12px verdana, sans-serif;
	color: #005600;
/*	background: #ffcc66 url(../images/rounded_tr3.gif) no-repeat top right; */
}


.top-right {
	background: url(../images/vraag.gif) no-repeat top right;
	margin-top: -4px;
	font-size: 2px
}

h3 {
	display: block;
	padding-bottom: 2px;
	padding-top: 1px;
	clear: both;
	/*	background: #ffa938 url(../images/rounded_tr3.gif) no-repeat top right;*/
	/*background:url(../images/bar1.jpg) top right;*/
	padding-left: 5px;
	/*font: 700 1.3em verdana, sans-serif; */
	font:   13px verdana, arial, sans-serif;
	font-weight: bold;
	color: #003300;
	/*	border-bottom: 1px dotted #F9A800;*/
}

h2 {
/*	padding-left:4px;*/
	font-size: 14px;
	/*    font-weight:bold;*/
	color:  #003300;
}
	
.blokr {
	background: url(../images/home/bar1.gif) no-repeat top right;
	margin: 19px 0;
}
.blok {
	background: url(../images/home/bar.gif) repeat-x top left;
	margin: 19px 0;
}
@media print {.blokr { background:none }}
@media print {.blok { background:none }}

h1 {
	clear: both;
	text-align:left;
	padding-top: 20px !important;
	
	padding-left: 20px;
	margin: 8px 0 12px;
	/*    font: 600 1.9em "Times New Roman", Times, serif;*/
	font-size: 18px;
	/*	font: 600 1.4em verdana, sans-serif; */
	font-weight:bold;
	color:  #444;
	
}

blockquote {
	margin: 0px;
	padding-left: 26px;
	/*background-color: #faf9ca;*/
	border-top: 1px solid #f4e6a7;
	border-right: 2px solid #d1c48b;
	border-bottom: 2px solid #d1c48b;
	border-left: 1px solid #f4e6a7;
	/*		border-top: 1px solid #FFEBA9; 
	border-right: 2px solid #CEC782;
	border-bottom: 2px solid #CEC782;
	border-left: 1px solid #FFEBA9; */
	font-style: italic;
	padding-bottom: 25px;
	padding-right: 10px;
}

.center {text-align: center; margin-top: 2px;}

	
img {border: 0;}
@media print {img { display:none }}

.p1 { float: left; width: 76px; margin-top: 12px; margin-right: 10px; margin-bottom: 0px; display: inline;}
.p2 { float: left; width: 176px; margin-top: 3px; margin-right: 10px; margin-left:0px; margin-bottom: 0px; display: inline;}
.p3 {padding-left:25px;}
.p4 { float: left; width: 107px; margin-top: 10px; margin-right: 10px; margin-bottom: 0px; display: inline;}
.p5 { float: left; width: 120px; margin-top: -85px; margin-left: 330px; margin-bottom: 0px; display: inline; z-index:1}
.p6 { float: right; width: 100px; margin-top: 15px; margin-right: 10px; margin-bottom: 0px; display: inline;}
.p7 { float: right; width: 69px; margin-top: -20px; margin-right: 120px; margin-bottom: -8px; display: inline;}
.p8 { float: right; width: 69px; margin-top: 0px; margin-right: 10px; margin-bottom: 0px; display: inline;}
.p9 { float: right;	width: 64px; margin-top: -5px; margin-right: 5px; margin-bottom: 0px; display: inline;}
.p10 { float: left;	width: 226px; margin-top: 0px; margin-right: 15px; margin-bottom: 0px; display: inline;}
.p11 { float: left; width: 58px; margin-top: 12px; margin-right: 10px; margin-bottom: 0px; margin-left: 5px; display: inline; }
.p12 { float: left;	width: 263px; margin-top: -10px; margin-right: 10px; margin-bottom: 0px; display: inline;}
.p13 { float: left; width: 300px; margin-top: 0px; margin-right: 10px; margin-bottom: 0px; display: inline; }
.p14 { float: right; width: 296px; margin-top: 0px; margin-right: 10px; margin-bottom: 0px; display: inline;}
.p14b { float: right; width: 317px; margin-top: 25px; margin-right: 0px; margin-bottom: 0px; display: inline;}
.p15 { float: left; width: 144px; margin-top: 0px; margin-right: 60px; margin-bottom: 5px; display:   inline;}
.p16 { float: right; width: 440px; margin-top: -40px;  margin-bottom: 0px; display: inline;}
.p17 { float: right; width: 115px; margin-top: -18px; margin-right: 0px; margin-bottom: 0px; display: inline;}
.p18 { position: absolute; top: 725px;left: 565px;}
.p19 { float: left;	width: 378px; margin-top: 0px; margin-right: 20px; margin-bottom: 5px; margin-left:0px; display: inline;}
.p20 { float: right; width: 453px; margin-top: -0px; margin-right: 0px; margin-bottom: 0px; margin-left:0px; display: inline;}
.p21 { float: right; width: 156px; margin-top: -107px; margin-right: -6px; margin-bottom: 0px; margin-left:0px; display: inline;}
.p22 { position: absolute; top: 540px;left: 650px;}
.p23 { float: left; width: 105px; margin-top: -4px; margin-right: 10px; margin-bottom: 0px;display: inline;}  
.p24 { float: right; width: 90px; margin-top: 0px; margin-right: 00px; margin-bottom: 0px;display: inline;}
.p25 { float: left; width: 87px; margin-top: 235px; margin-left: 0px; margin-bottom: 0px;display: inline;}  
.p26 { float: right; width: 72px; margin-top: 13px; margin-right: 5px; margin-bottom: 0px; display: inline;}
.p27 { float: right; width: 40px; margin-top: 25px; margin-right: 30px; margin-bottom: 0px; display: inline;}
.p28 { float: left; width: 176px; margin-top: 3px; margin-right: 10px; margin-left:0px; margin-bottom: 0px; display: inline;}
.p29 { float: right; width: 150px; margin-top: 15px; margin-right: 0px; margin-bottom: 0px; display: inline;}
.p30 { position: absolute; top: 550px;left: 611px;}
.p31 { float: right; width: 150px; margin-top: -8px; margin-right: 5px; margin-bottom: -2px; display: inline;}
.p32 { float: left; width: 110px; margin-top: 0px; margin-right: 20px; margin-bottom: 0px; display: inline;}
.notopgap    { margin-top: 0; }    /* DNC: to avoid splitting of the box */
.nobottomgap { margin-bottom: -1px; padding-bottom: 1px; } /* DNC: to avoid splitting of the box */


.float_right {float: right;} 					/*plaatje in sideBar*/

img.left {padding: 5px 5px 5px 0;}

img.right {padding: 5px 0 5px 5px;}
img.midden { vertical-align:middle;}

#content ol li { }

#content ol li span {color: #EEE;}

#content ul {
	margin-left: 20px;
}

#content ul li {
	list-style-image: url(../images/home/li_bullet.gif);
}
.agenda { width: 453px; height: 419px; border: 0; background-image: url(../images/agenda/agenda.jpg);}

a {color: #007600; text-decoration:none; }
/*a:visited {color: #006600;}*/
a:hover {color: #880073;}
a.active {color: #880073;}
acronym {cursor: help; border-bottom: 1px solid #777;}
/***************************************************
  Site Title
 ***************************************************/


#title h4 {
	display: inline;
	color:  #444;
	background-color: #aad550;
}



/***************************************************
 Footer
 ***************************************************/


#footer p {
	padding-bottom: 10px;
	color: #000000;
    font-style:italic
}
#footer2 p {
	padding-bottom: 10px;
	color: #000000;
    font-style:italic
}

#footer a {color: #003300;}

#footer a:hover {color: #880073;}

a.fullAhead {
	float: left;
	width: 30px;
	height: 34px;  
	margin-right: 10px;
	background: url(../images/logo.gif) no-repeat 0 0;
}

a:hover.fullAhead  {background-position: -30px 0;}

/*-----------------------------------------------*/


/********************************* Navigation **********************************/
/***************************************************
  Header Menu
 ***************************************************/

#menu ul {
	margin: 0;
	padding: 0;
	line-height: normal;
}

#menu ul li {
/*	width: 130px;*/
	display: inline;
	float: left;
	padding-top: 0.5em;
	list-style: none;
	text-align: center;
	font: 11px verdana, arial, sans-serif;
}

.tab1 {width: 75px;}
.tab2 {width: 105px;}
.tab3 {width: 100px;}
.tab4 {width: 100px;}
.tab5 {width: 100px;}

#menu ul li a {
	border: 0px;
	display: block;
	text-decoration: none;
	padding-bottom: 1.0em;
	color: #222;
}
#menu ul li a:hover,
#menu ul li a.active {
	border: 0;
	font-weight: bold;
	color: #111;
	background: url(../images/home/menu_tab4.gif) no-repeat bottom center;
}



/***************************************************
 SideBarMenu Comment Styles
 ***************************************************/
.quote p{
	float:left;
	width: 250px;
	line-height:200%;
	padding: 5px;
	margin-right: 10px; margin-top: 5px;
	background: #eff4b9 url(../images/inschr/bg_forminschr.jpg) repeat-x bottom left;
	border-top: 1px solid #f4e6a7;
	border-right: 2px solid #d1c48b;
	border-bottom: 2px solid #d1c48b;
	border-left: 1px solid #f4e6a7;
}
.quote p span.author {
	display: block;
	margin-top: 0px;
	text-align: right;
	font-weight: 700;
/*	background: url(../images/menu1b.jpg) no-repeat ;*/
}

#comments {
/*	line-height:200%;*/
}

#comments p {
	padding: 5px;
	margin-bottom: 0px;
	background: url(../images/home/rounded_tr5.gif) no-repeat top right;
	border-top: 1px solid #f4e6a7;
	border-right: 2px solid #d1c48b;
	border-bottom: 2px solid #d1c48b;
	border-left: 1px solid #f4e6a7;
}


#comments p span.h4 {
	display: block;
	font: 700 12px verdana, sans-serif;
	color: #005600;
	padding: 0px 2px 0px 6px;
	text-align: left;
	background: #ffcc66 url(../images/home/barmenu.jpg) no-repeat top left;
}

#comments p span.author {
	display: block;
	margin-top: 0px;
	text-align: right;
	font-weight: 700;
/*	background: url(../images/menu1b.jpg) no-repeat ;*/
}

#comments p span.rond {/* rollover werkt dan niet meer ---niet meer gebruikt*/
	display: block;
	margin-top: 0px;
	text-align: right;
	font-weight: 700;
	background: url(../images/menu1.jpg);
}

#comments p span.authoractive {
  display: block;
  margin-top: 0px;
  text-align: right;
  font-weight: 700;
  color: #84E15F; /* wordt dit nog ergens gebruikt??????*/
}

#comments img {margin-top: -1px;}

#comments a {color: #006600; line-height: 200%;}

#comments a:visited {color: #006600;}

#comments a:hover {color: #880073;}

#comments a:active {color: #880073;}

/*----------------------------------*/
/***************************************************
 Sidemenu Styles -
 ***************************************************/
#sideMenu ul{
	padding: 5px;
	margin: 0px;																																														
	background: url(../images/home/rounded_tr5.gif) no-repeat top right;
	border-top: 1px solid #f4e6a7;
	border-right: 2px solid #d1c48b;
	border-bottom: 2px solid #d1c48b;
	border-left: 1px solid #f4e6a7;
	text-align: left;
/*	list-style: none;*/
}

#sideMenu ul li {
	list-style-image:none;
	list-style: none;
	line-height: 23px;
	background-color: #ffcc66;	
}

#sideMenu ul li a {
	display: inline-block;
}
#sideMenu ul li a {
	display: block;
	font-weight: 600;
	padding: 0px 1px 0px 6px;
	text-decoration:none;
	color: #006600;
}

#sideMenu ul li a:hover{
	background:url(../images/home/barmenu.jpg) no-repeat bottom left;
	color: #880073;
}

#sideMenu ul li a.kopje{
	font: 700 12px verdana, sans-serif;
	line-height: 24px;
	color: #005600;
}

#sideMenu ul li a.active {color: #880073;}

#sideMenu ul li.menu0 {background: #ffab33 url(../images/home/menukop.jpg) no-repeat top left;}

#sideMenu ul li.menu1 {background: #ffcc66 url(../images/home/menu1.gif) no-repeat bottom left;}

#sideMenu ul li.menu2 {background: #ffcc66 url(../images/home/menu2.gif) no-repeat bottom left;}

#sideMenu img {
	margin:0;
	padding:0;
	display: block;
}
/*********************************************Contact********************/
form.contact_us {
	/*	display:block;*/
	width:144px;
	margin-top: 5px;
	margin-left: 0px;
	padding: 15px 0px 5px 8px;
	background-color: #faf9ca;
	background-image:url(../images/home/pen.gif);
	background-repeat: no-repeat;
	background-position: bottom right;
	border-top: 1px solid #f4e6a7;
	border-right: 2px solid #d1c48b;
	border-bottom: 2px solid #d1c48b;
	border-left: 1px solid #f4e6a7;

}

input.fields_contact_us {
	display: block;
	width: 92%;
	/*	background: url(images/input_bg.png);*/
	background-color:#ffffcc;
 	border-top: 1px solid #E3E4E9;
	border-left: 1px solid #E3E4E9;
	border-bottom: 1px solid white;
	border-right: 1px solid white;
	margin-top: 0px;
	margin-bottom: 3px;
}

textarea {
	width: 92%;
	/*background: url(images/input_bg.png);*/
	background-color:#ffffce;
	border-top: 2px solid #E3E4E9;
	border-left: 2px solid #E3E4E9;
	border-bottom: 1px solid white;
	border-right: 1px solid white;
	margin-top: 3px;
}
		  
input:hover, input:focus, textarea:hover, textarea:focus {
	color: #003300;
	background-color: #e3f4b4;
 }
		  
label {color: #003300;}

.submit_button_contact {
	margin-top: 10px;
	background-color: #eff4b9;
}

.formfield {
	BORDER-RIGHT: #000000 1px solid; BORDER-TOP: #000000 1px solid; FONT-SIZE: 8pt; BORDER-LEFT: #000000 1px solid; COLOR: black; BORDER-BOTTOM: #000000 1px solid; FONT-FAMILY: Arial, Helvetica, sans-serif; BACKGROUND-COLOR: #f2ebe3
}
/**************************************** extra classes: inschrijven ****************************/

form {
	height: expression('1%');
	background: #eff4b9;
	padding: 5px;
}

fieldset {
	position: expression('relative'); /* Fixes IE problem with fieldset+legend boundaries */
	padding: 30px 10px 15px 10px;
	margin: 20px 0;
	background-color:#e3f4b4;
	background: url(wforms_bg.gif) bottom repeat-x;
	/*border: 2px solid #69971D;*/
}


label {
	color: #003300;
}

/* .label is typically used on a span or p tag to label a radio or checkbox group */
label.preField  {
	display: -moz-inline-box;
	display: inline-block;
	width: expression('11em'); /* Min-width for IE6 */
	min-width: 11em;
	padding: 0 2px;
	margin: 0 14px 0 0;
	height: 24px;
}

label.preField2 {
	display: -moz-inline-box;
	display: inline-block;
	width: expression('25em'); /* Min-width for IE6 */
	min-width: 25em;
	padding: 0 2px;
	margin: 0 14px 0 0;
	height: 24px;
}
input {
	background:  #ffffce url(../images/home/field_bg.png) bottom repeat-x;
	border-top: 2px solid #E3E4E9;
	border-right: 1px solid white;
	border-bottom: 1px solid #E3E4E9;
	border-left: 2px solid white;
	height: 20px;
	margin: 2px 0;
}
/*input[type=text]  {
	/*	width: 200px;
	background: #ffffce	url(../images/home/field_bg.png) bottom repeat-x;
	border-top: 2px solid #E3E4E9;
	border-right: 1px solid white;
	border-bottom: 1px solid #E3E4E9;
	border-left: 2px solid white;
	height: 20px;
}*/
.reqMark {
	color: red;
	margin: 0 3px;	
}


/* Repeat Behavior  */
.repeat {
	border: 2px solid #69971D;
	background-color: #eff4b9;
	background:  url(../images/inschr/bg_forminschr.jpg) repeat-x bottom left;
	margin: 3px 0;
	padding-right: 0px;
}