html,body{
width:100%;
height:100%;
font-family:Arial, Helvetica, sans-serif;
font-size:10pt;
margin:0px;
padding:0px;
bgcolor: #C1C13A;
}

a {
text-decoration:none;
font-weight:normal;
}
a:hover { 
text-decoration:none;
}

img {
border:0px;
}

div{
position:absolute;
}

a{
color: #616B6F;
}

a:hover{
color: #C1C13A;
}

.a2{
color: #616B6F;
font-weight: bold;
text-decoration: none;
}

.a2:hover{
color: #C1C13A;
}

#banner {
top:280px;
left:190px;
width: 320px;
height: 310px;
background: url(images/DUBL08467-button-Caaien.png) 0px -1px no-repeat;
}

#nieuws {
top:174px;
left:105px;
width: 772px;
height: 380px;
}

#container {
top:50%;
left:50%;
width:950px;
height:650px;
margin: auto; /* anders 'snapt' firefox niet wat de bedoeling is */
margin-top:-325px;
margin-left:-475px;
z-index: 2;
}

#textcontainer {
background-color:#007887;
width:229px;
height:406px;
top: 101px;
left:652px;
}

#plan {
margin-top: 20px;
margin-left: 20px;
width: 180px;
color: #ffffff;
font-size: 12px;
}

#plan a {
color: #ffffff;
font-size: 12px;
}

#logo {
width:293px; 
height:187px;
margin: auto;
left: 678px;
}

#logo_onder {
width:471px; 
height:60px;
top:570px;
left: 161px;
}

#navcontainer {
width:130px; 
height:200px;
left:30px;
top:240px;
margin: auto; 
}

#navcontainer a {
font-size: 14px;
font-weight: bold;
color: #D0D3B6;
text-decoration: none;
}

#navcontainer a.sub {
font-size: 12px;
}

#navcontainer a:hover {
color: #778E28;
}

#imagecontainer {
margin-top: 0px;
margin-left: 67px;
width:881px; 
height:507px;
}

#mainheader {
width:557px; 
height:43px;
left:95px;
top:67px;
background: url(images/header.gif) no-repeat;
display:none;
}

#cyaan1{
width:270px; 
height:160px;
left:214px;
top:116px;
}

#cyaan2{
width:270px; 
height:160px;
left:214px;
top:116px;
background: url(images/Cyaan2.jpg) no-repeat;
}

#magenta1{
width:270px; 
height:160px;
left:214px;
top:116px;
background: url(images/Magenta1.jpg) no-repeat;
}

#magenta2{
width:270px; 
height:160px;
left:214px;
top:116px;
background: url(images/Magenta2.jpg) no-repeat;
}

#geel1{
width:270px; 
height:160px;
left:214px;
top:116px;
background: url(images/Geel1.jpg) no-repeat;
}

#geel2{
width:270px; 
height:160px;
left:214px;
top:116px;
background: url(images/Geel2.jpg) no-repeat;
}

.header {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: bold;
color: #074435;
line-height: 22px;
}

.header2 {
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
color: #074435;
font-weight: bold;
}

.error {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
color: #FF0000;
font-weight: bold;
}

.content {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #074435;
line-height: 22px;
}

.contentbold {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
color: #074435;
}
.contentsmall {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #074435;
line-height: 18px;
}
ul {
font-size: 11px;
margin: 0px;
padding:0px;
margin-left: 15px;
}
div.cf_wrapper 	{
position: relative;
}
div.cf_element 	{
position:absolute;
width:881px; 
height:507px;
margin-top:4px;
}
#textcontainerfade {
background-color:#8a9e31;
width:163px;
height:410px;
margin-left:720px;
margin-top:144px;
vertical-align:bottom;
font-size:12px;
}
#textcontainerfade div {
color:#fff;
margin-top:160px;
margin-left:10px;
} 
a.textlink {
color:#000;
text-decoration:none;
font-weight:bold;
}
a.deel1 {
background: url(images/deel1.jpg)  900px 0px no-repeat;
width:455px;
height:374px;
display:block;
text-decoration:none;

}
a.deel1:hover {
background-position:0px 0px;
}
a.deel1 span{display: none}
a.deel1:hover span{
    display:block;  position:absolute;
    top:4em; left:2em; width:15em;
    border:1px solid #5c5d62; padding:5px;
    background-color:#ccc; color:#000; }
a.deel2 {
background: url(images/deel2.jpg)  800px 0px no-repeat;
width:78px;
height:268px;
display:block;
text-decoration:none;

}
a.deel2:hover {
background-position:0px 0px;
}
a.deel2 span{display: none}
a.deel2:hover span{
    display:block;  position:absolute;
    top:4em; left:2em; width:15em;
    border:1px solid #5c5d62; padding:5px;
    background-color:#ccc; color:#000; }
a.deel3 {
background: url(images/deel3.jpg)  800px 0px no-repeat;
width:395px;
height:116px;
display:block;
text-decoration:none;

}
a.deel3:hover {
background-position:0px 0px;
}
a.deel3 span{display: none}
a.deel3:hover span{
    display:block;  position:absolute;
    top:4em; left:2em; width:15em;
    border:1px solid #5c5d62; padding:5px;
    background-color:#ccc; color:#000; }
a.deel4 {
background: url(images/deel4.jpg)  800px 0px no-repeat;
width:368px;
height:261px;
display:block;
text-decoration:none;

}
a.deel4:hover {
background-position:0px 0px;
}
a.deel4 span{display: none}
a.deel4:hover span{
    display:block;  position:absolute;
    top:4em; left:2em; width:15em;
    border:1px solid #5c5d62; padding:5px;
    background-color:#ccc; color:#000; }

    
a.zorgpink {
background: url(images/leeg.gif)  -10px 0px no-repeat;
width:100%;
height:100%;
display:block;
text-decoration:none;
}
a.zorgpink:hover {
background-position:0px 0px;
text-decoration:none;
}
a.zorgpink span{display: none}
a.zorgpink:hover span{
    display:block;  position:absolute;
    top:4em; left:2em; width:15em;
    border:1px solid #5c5d62; padding:5px;
    background-color:#eda790; color:#fff;
    text-decoration:none; } 
a.zorgpaars {
background: url(images/leeg.gif)  -10px 0px no-repeat;
width:100%;
height:100%;
display:block;
text-decoration:none;
}
a.zorgpaars:hover {
background-position:0px 0px;
text-decoration:none;
}
a.zorgpaars span{display: none}
a.zorgpaars:hover span{
    display:block;  position:absolute;
    top:4em; left:2em; width:15em;
    border:1px solid #5c5d62; padding:5px;
    background-color:#9c95c1; color:#fff;
    text-decoration:none; } 
a.delta {
background: url(images/leeg.gif)  -10px 0px no-repeat;
width:100%;
height:100%;
display:block;
text-decoration:none;
}
a.delta:hover {
background-position:0px 0px;
text-decoration:none;
}
a.delta span{display: none}
a.delta:hover span{
    display:block;  position:absolute;
    top:4em; left:2em; width:15em;
    border:1px solid #5c5d62; padding:5px;
    background-color:#f31d25; color:#fff;
    text-decoration:none; } 
a.delta {
background: url(images/leeg.gif)  -10px 0px no-repeat;
width:100%;
height:100%;
display:block;
text-decoration:none;
}
a.delta:hover {
background-position:0px 0px;
text-decoration:none;
}
a.delta span{display: none}
a.delta:hover span{
    display:block;  position:absolute;
    top:4em; left:2em; width:15em;
    border:1px solid #5c5d62; padding:5px;
    background-color:#f31d25; color:#fff;
    text-decoration:none; } 
a.egw {
background: url(images/leeg.gif)  -10px 0px no-repeat;
width:100%;
height:100%;
display:block;
text-decoration:none;
}
a.egw:hover {
background-position:0px 0px;
text-decoration:none;
}
a.egw span{display: none}
a.egw:hover span{
    display:block;  position:absolute;
    top:4em; left:2em; width:15em;
    border:1px solid #5c5d62; padding:5px;
    background-color:#9e76a0; color:#fff;
    text-decoration:none; }     
a.omega {
background: url(images/leeg.gif)  -10px 0px no-repeat;
width:100%;
height:100%;
display:block;
text-decoration:none;
}
a.omega:hover {
background-position:0px 0px;
text-decoration:none;
}
a.omega span{display: none}
a.omega:hover span{
    display:block;  position:absolute;
    top:4em; left:2em; width:15em;
    border:1px solid #5c5d62; padding:5px;
    background-color:#009fe8; color:#fff;
    text-decoration:none; }     
a.dblauw {
background: url(images/leeg.gif)  -10px 0px no-repeat;
width:100%;
height:100%;
display:block;
text-decoration:none;
}
a.dblauw:hover {
background-position:0px 0px;
text-decoration:none;
}
a.dblauw span{display: none}
a.dblauw:hover span{
    display:block;  position:absolute;
    top:4em; left:2em; width:15em;
    border:1px solid #5c5d62; padding:5px;
    background-color:#0b499c; color:#fff;
    text-decoration:none; } 
    
a.beta {
background: url(images/leeg.gif)  -10px 0px no-repeat;
width:100%;
height:100%;
display:block;
text-decoration:none;
}
a.beta:hover {
background-position:0px 0px;
text-decoration:none;
}
a.beta span{display: none}
a.beta:hover span{
    display:block;  position:absolute;
    top:4em; left:2em; width:15em;
    border:1px solid #5c5d62; padding:5px;
    background-color:#ff9c2d; color:#000;
    text-decoration:none; } 

a.ypsilon {
background: url(images/leeg.gif)  -10px 0px no-repeat;
width:100%;
height:100%;
display:block;
text-decoration:none;
}
a.ypsilon:hover {
background-position:0px 0px;
text-decoration:none;
}
a.ypsilon span{display: none}
a.ypsilon:hover span{
    display:block;  position:absolute;
    top:4em; left:2em; width:15em;
    border:1px solid #5c5d62; padding:5px;
    background-color:#8ec841; color:#000;
    text-decoration:none; }    
a.pink {
background: url(images/leeg.gif)  -10px 0px no-repeat;
width:100%;
height:100%;
display:block;
text-decoration:none;
}
a.pink:hover {
background-position:0px 0px;
text-decoration:none;
}
a.pink span{display: none}
a.pink:hover span{
    display:block;  position:absolute;
    top:4em; left:2em; width:15em;
    border:1px solid #5c5d62; padding:5px;
    background-color:#f39dbe; color:#000;
    text-decoration:none; }    
    
a.geel {
background: url(images/leeg.gif)  -10px 0px no-repeat;
width:100%;
height:100%;
display:block;
text-decoration:none;
}
a.geel:hover {
background-position:0px 0px;
text-decoration:none;
}
a.geel span{display: none}
a.geel:hover span{
    display:block;  position:absolute;
    top:4em; left:2em; width:15em;
    border:1px solid #5c5d62; padding:5px;
    background-color:#f5ee36; color:#000;
    text-decoration:none; }
    
a.drood {
background: url(images/leeg.gif)  -10px 0px no-repeat;
width:100%;
height:100%;
display:block;
text-decoration:none;
}
a.drood:hover {
background-position:0px 0px;
text-decoration:none;
}
a.drood span{display: none}
a.drood:hover span{
    display:block;  position:absolute;
    top:-1em; left:2em; width:15em;
    border:1px solid #5c5d62; padding:5px;
    background-color:#800e25; color:#fff;
    text-decoration:none; }
    
    
    
.transparent_class {
	filter:alpha(opacity=85);
	-moz-opacity:0.85;
	-khtml-opacity: 0.85;
	opacity: 0.85;
}
td, select { font-size:11px; }