html, body {
margin : 0;
padding : 0;
width : 100%;
height : 100%;
}
body {
font-size : 12px;
color : #1f3f30;
font-family : Arial, Helvetica, sans-serif;
background-color : #99c094;
background-image : url(../plaatjes/bck_gif.gif);
background-repeat: repeat-y;
text-align : left;
}
hr { 
color : white;
height : 2px;
border-style : dotted none none;
border-width : 2px;
border-color : #b22222;
}
.bodyPopup {
font-size : 10;
color : #1f3f30;
font-family : Arial, Helvetica, sans-serif;
background-image : none;
background-color :  #e7f0e6;
text-align : left;
}
img{
border:0px;
}
tr{
font-size : 12px;
color : #1f3f30;
font-family : Arial, Helvetica, sans-serif;
text-align : left;
}
.menuBar {
height : 20px;
width : 796px;
left : 0;
margin : -20px 0 0 0;
background-image : url(../plaatjes/background_menu.gif);
background-position : bottom left ;
background-repeat : repeat-x;
position : relative;
z-index : 2;
}
.mainItems ul {
margin : 0;
padding : 0;
}
.mainItems li{
list-style-type : none;
float : left;
margin : 0;
padding : 0;
}
.mainItems li.mainItem1 a{
height : 20px;
width : 100px;
left : 0;
position : absolute;
display : block;
background-image : url(../plaatjes/item1.jpg);
background-position : left bottom;
background-repeat : no-repeat;
}
.mainItems li.mainItem1 a:hover {
background-image : url(../plaatjes/item1_active.jpg);
}
.mainItems li.mainItem1 a.active {
background-image : url(../plaatjes/item1_active.jpg);
}
.mainItems li.mainItem2 a {
height : 20px;
width : 80px;
left : 100px;
position : absolute;
display : block;
background-image : url(../plaatjes/item2.jpg);
background-position : left bottom;
background-repeat : no-repeat;
}
.mainItems li.mainItem2 a:hover {
background-image : url(../plaatjes/item2_active.jpg);
}
.mainItems li.mainItem2 a.active {
background-image : url(../plaatjes/item2_active.jpg);
}
.mainItems li.mainItem3 a {
height : 20px;
width : 135px;
left : 180px;
position : absolute;
display : block;
background-image : url(../plaatjes/item3.jpg);
background-position : left bottom;
background-repeat : no-repeat;
}
.mainItems li.mainItem3 a:hover {
background-image : url(../plaatjes/item3_active.jpg);
}
.mainItems li.mainItem3 a.active {
background-image : url(../plaatjes/item3_active.jpg);
}
.mainItems li.mainItem4 a {
height : 20px;
width : 201px;
left : 315px;
position : absolute;
display : block;
background-image : url(../plaatjes/item4.jpg);
background-position : left bottom;
background-repeat : no-repeat;
}
.mainItems li.mainItem4 a:hover {
background-image : url(../plaatjes/item4_active.jpg);
}
.mainItems li.mainItem4 a.active {
background-image : url(../plaatjes/item4_active.jpg);
}
.mainItems li.mainItem5 a {
height : 20px;
width : 145px;
left : 516px;
position : absolute;
display : block;
background-image : url(../plaatjes/item5.jpg);
background-position : left bottom;
background-repeat : no-repeat;
}
.mainItems li.mainItem5 a:hover {
background-image : url(../plaatjes/item5_active.jpg);
}
.mainItems li.mainItem5 a.active {
background-image : url(../plaatjes/item5_active.jpg);
}
.mainItems li.mainItem6 a {
height : 20px;
width : 135px;
left : 661px;
position : absolute;
display : block;
background-image : url(../plaatjes/item6.jpg);
background-position : left bottom;
background-repeat : no-repeat;
}
.mainItems li.mainItem6 a:hover {
background-image : url(../plaatjes/item6_active.jpg);
}
.mainItems li.mainItem6 a.active {
background-image : url(../plaatjes/item6_active.jpg);
}
.content {
background-color : #e7f0e6;
text-align : left;
margin : 0 0 0 1em;
position : absolute;
width : 796px;
border : 1px solid #277349;
}
.contentTable {
background-color : #e7f0e6;
text-align : left;
margin : 0 0 0 1em;
position : absolute;
width : 796px;
border : 1px solid #277349;
}
.main {
background-color : #99c094;
background-image : url(../plaatjes/bck_gif.gif);
background-repeat: repeat-y;
text-align : left;
margin : 0 0 0 0;
position : relative;
width : 100%;
border : none;
height : 100%;
}
.koptekst {
background-color : #e7f0e6;
width : 100%;
margin : 0 0 0 0;
padding : 0 0 0 0;
position : relative;
height : 80px;
}
.logo {
font-family : 'Arial black';
margin-top : 5px;
padding-left : 10px;
font-weight : bold;
font-size : 20px;
color : #49b8ff;
padding-bottom : 5px;
}
.tdPopup {
font-size : 13px;
color : #99ffff;
font-family : Arial, Helvetica, sans-serif;
font-weight : bold;
height : 20px;
background-color : #363;
font-style : normal;
padding : 0 0 0 3px;
margin : 0 0 0 0px;
text-align : left;
}
.tdHead {
width : 100%;
font-size : 13px;
color : #99ffff;
font-family : Arial, Helvetica, sans-serif;
font-weight : bold;
height : 20px;
background-color : #e7f0e6;
background-image : url('../plaatjes/blad_td7.gif');
border: 1px solid #277349;
font-style : normal;
padding : 0 0 0 3px;
margin : 0 0 0 0px;
text-align : left;
position:relative;
}
.tdHead2 {
width : 100%;
font-size : 13px;
color : #99ffff;
font-family : Arial, Helvetica, sans-serif;
font-weight : bold;
height : 20px;
background-image : url('../plaatjes/blad_td3.gif');
border: 1px solid #277349;
font-style : normal;
padding : 0 0 0 3px;
margin : 0 0 0 0px;
text-align : left;
}
.tdHead3 {
width : 100%;
font-size : 13px;
color : #c0ffc0;
font-family : Arial, Helvetica, sans-serif;
font-weight : bold;
height : 20px;
background-image : url('../plaatjes/blad_td.gif');
border: 1px solid #277349;
font-style : normal;
padding : 0 0 0 3px;
margin : 0 0 0 0px;
text-align : left;
}
.tdHead4 {
width : 100%;
font-size : 13px;
color : #ffcccc;
font-family : Arial, Helvetica, sans-serif;
font-weight : bold;
height : 20px;
background-image : url('../plaatjes/bes_td.gif');
border: 1px solid #277349;
font-style : normal;
padding : 0 0 0 3px;
margin : 0 0 0 0;
text-align : left;
}
.tdHead5 {
width : 100%;
font-size : 13px;
color : #ffcccc;
font-family : Arial, Helvetica, sans-serif;
font-weight : bold;
height : 20px;
background-image : url('../plaatjes/lieve_td2.gif');
border: 1px solid #277349;
font-style : normal;
padding : 0 0 0 3px;
margin : 0 0 0 0;
text-align : left;
}
.tdHead6 {
width : 100%;
font-size : 13px;
color : #99ffff;
font-family : Arial, Helvetica, sans-serif;
font-weight : bold;
height : 20px;
background-color : #e7f0e6;
background-image : url('../plaatjes/blad_td5.gif');
border: 1px solid #277349;
font-style : normal;
padding : 0 0 0 3px;
margin : 0 0 0 0;
text-align : left;
}
.tdHead7 {
width : 100%;
font-size : 13px;
color : #c0ffc0;
font-family : Arial, Helvetica, sans-serif;
font-weight : bold;
height : 20px;
background-color : #e7f0e6;
background-image : url('../plaatjes/bes_td2.gif');
border: 1px solid #277349;
font-style : normal;
padding : 0 0 0 3px;
margin : 0 0 0 0;
text-align : left;
}
.tdHead8 {
width : 100%;
font-size : 13px;
color : #99ffff;
font-family : Arial, Helvetica, sans-serif;
font-weight : bold;
height : 20px;
background-color : #e7f0e6;
background-image : url('../plaatjes/blad_td2.gif');
border: 1px solid #277349;
font-style : normal;
padding : 0 0 0 3px;
margin : 0 0 0 0;
text-align : left;
}
.tdHead9 {
width : 100%;
font-size : 13px;
color : #c0ffc0;
font-family : Arial, Helvetica, sans-serif;
font-weight : bold;
height : 20px;
background-color : #e7f0e6;
background-image : url('../plaatjes/blad_td4.gif');
border: 1px solid #277349;
font-style : normal;
padding : 0 0 0 3px;
margin : 0 0 0 0;
text-align : left;
}
.tdHead10 {
width : 100%;
font-size : 13px;
color : #ffcccc;
font-family : Arial, Helvetica, sans-serif;
font-weight : bold;
height : 20px;
background-color : #e7f0e6;
background-image : url('../plaatjes/tulp_td7.gif');
border: 1px solid #277349;
font-style : normal;
padding : 0 0 0 3px;
margin : 0 0 0 0;
text-align : left;
}
.tdHead11 {
width : 100%;
font-size : 13px;
color : #c0ffff;
font-family : Arial, Helvetica, sans-serif;
font-weight : bold;
height : 20px;
background-image : url('../plaatjes/lieve_td1.gif');
border: 1px solid #277349;
font-style : normal;
padding : 0 0 0 3px;
margin : 0 0 0 0;
text-align : left;
}
.tdHead12 {
width : 100%;
font-size : 13px;
color : #c0ffc0;
font-family : Arial, Helvetica, sans-serif;
font-weight : bold;
height : 20px;
background-image : url('../plaatjes/lieve_td3.gif');
border: 1px solid #277349;
font-style : normal;
padding : 0 0 0 3px;
margin : 0 0 0 0;
text-align : left;
}
.kopimage {
margin : 0;
padding : 0;
}
p.normaal {
padding : 5px 0 5px 1px;
font-size : 12px;
margin : 0 0 0 0;
line-height:1.4;
display:block;
}
/*.normaal {
padding : 8px 0 0 3px;
font-size : 12px;
}*/
.kolommen {
background-color : #e7f0e6;
position : relative;
height : 100%;
margin : 10px 0 0 0;
}
.kolommen2 {
background-color : #e7f0e6;
position : relative;
height : 100%;
margin : 25px 0 0 0;
}
.kolom1 {
background-color : #e7f0e6;
margin : 5px 0 0 18px;
padding:0;
/*padding-top : 1px;
padding-left : 0.5em;
padding-right : 0.5em;*/
border : 0 solid black;
float : left;
width : 240px;
}
.kolomExcursie {
background-color : #e7f0e6;
margin : 5px 0 0 4px;
padding:0;
/*padding-top : 1px;
padding-left : 0.5em;
padding-right : 0.5em;*/
border : 0 solid black;
float : left;
width : 240px;
}
.kolom2 {
background-color : #cccc66;
margin : 5px 0 0 18px;
padding:0;
/*padding-top : 1px;
padding-left : 0.5em;
padding-right : 0.5em;*/
width : 240px;
float : left;
}
.kolom3 {
background-color : #d9ffe8;
margin : 5px 0 0 18px;
padding:0;
/*padding-top : 1px;
padding-left : 0.5em;
padding-right : 0.5em;*/
width : 240px;
float : left;
}
.kolom2span {
background-color :  #e7f0e6;
margin : 5px 0 0 10px;
padding-top : 1px;
padding-left : 0.5em;
padding-right : 0.5em;
width : 500px;
float : left;
}
.kolom3span {
background-color :  #e7f0e6;
margin : 5px 0 0 10px;
padding-top : 1px;
padding-left : 0.5em;
padding-right : 0.5em;
width : 96%;
float : left;
}
.kolomTwee {
background-color :  #e7f0e6;
margin : 5px 0 0 10px;
padding:0;
width : 380px;
float : left;
}
.fotoKolom {
background-color : #e7f0e6;
position : relative;
height : 100%;
margin : 10px 0 0 0;
text-align:center;
}
.blokLinks{
background-color :  #e7f0e6;
text-align : center;
width : 10%;
float : left;
}
.blokRechts{
background-color :   #e7f0e6;
text-align :center;
width : 10%;
float : right;
}
.links {
font-size : 1em;
background-color : #efada5;
text-align : center;
position : absolute;
width : 180px;
border : 1px solid #277349;
margin : 88px 0 0 820px;
}
.linksTekst {
color : #000;
}
.linksTekst a {
color : #42643c;
font-weight : normal;
text-decoration : none;
}
.linksTekst a:hover {
color : navy;
}
.voet {
background-color : #f5f5f5;
text-align : center;
padding-top : 0.3em;
padding-bottom : 0.4em;
clear : both;
width : 100%;
}
a {
color : #008000;
text-decoration : none;
}
a:hover {
color : #000080;
text-decoration : none;
}
a.intekst {
color : #008000;
text-decoration : none;
font-size : 12px;
}
a.intekst:hover {
color : #000080;
text-decoration : underline;
}
.bottomregel {
font-size : 13px;
color : #66cc66;
font-family : Arial, Helvetica, sans-serif;
font-weight : bold;
height : 20px;
border-width : 1px;
border-style : none;
font-style : normal;
padding : 0 0 0 0;
margin : 0 0 0 0;
text-align : left;
}
.bottomregelR {
font-size : 13px;
color : #66cc66;
font-family : Arial, Helvetica, sans-serif;
font-weight : bold;
height : 20px;
border-width : 1px;
border-style : none;
font-style : normal;
padding : 0 0 0 0;
margin : 0 0 0 0;
text-align : right;
}
.brk {
clear : both;
}
.imgR {float:right;
border:none;
padding:2px;
margin: -2px 2px 4px -2px; 
text-align:left;
}
.hoofdstuk {
color : #277349;
padding-left : 25px;
font-weight : bold;
font-size : 18px;
padding-bottom : 1px;
padding-top : 2px;
}
.kopimage{
margin : 0;
padding : 0;
}
h2 {
font-size : 1.55em;
line-height : 1.33em;
margin : 0.3em 0;
color:#277349;
}