body {
background-color: #E3E3E3;
background-image:   url('../logo/bg-1.jpg');
overflow: auto;
}


.introtabel {
font: normal 12px verdana;
line-height: 160%;
color: #646567;
width: 840px;
height: 500px;
vertical-align: middle;
}

.wit {
background-color: #FFFFFF;
overflow: scroll;
}

.shadow {
}

.hoofdtabel {
font: normal 10px verdana;
line-height: 150%;
color: #646567;
border-bottom-style: solid; 
border-bottom-width: 2px; 
border-bottom-color: #D0D0D0; /* lt gray*/ 
border-right-style: solid; 
border-right-width: 2px; 
border-right-color: #D0D0D0; /* lt gray*/ 
width: 930px;
height: 100%;
padding: 0;
top: 0px;
}

table {
font: normal 10px verdana;
line-height: 150%;
color: #646567;
top: 10px;
left: 0px;
padding: 0px;
border: 0;
width: 100%;
}


.groter {
font: normal 16px verdana;
line-height: 150%;
}

.logo {
position: relative;
top: 200px;
left: 20px;
border: 0;
}

.disclaimer {
position: relative;
top: 270px;
left: 20px;
}

div#fotos {
float: left;
position: relative;
left: 30px;
top: 0px;
}

img {
padding: 2px;
border: #999999 solid 1px;
}

img.geenboord {
border: 0px;
}

.vinkje {
line-heigt: 200%;
padding: 0px;
border: 0px;
vertical-align: bottom;
}


#sub {
border: 0px;
spacing: 0;
padding: 0;
left: 20px;
}


/*- Menu Tabs---------------------
div {
scrollbar-base-color: #FFFFFF;
scrollbar-arrow-color: #BBD9EE;
scrollbar-3dlight-color: #CCCCCC;
scrollbar-darkshadow-color: #646567;
scrollbar-face-color: #646567;
scrollbar-highlight-color: #BBD9EE;
scrollbar-shadow-color: #666666;
scrollbar-track-color: #FFFFFF;
}
------ */ 

.rand {
border: 1px #D0D0D0 solid;
}

div#menu {
float: left;
position: relative;
left: 0px;
top: 0px;
width: 200px;
height: 430px;
bottom: 0px;
padding-left: 20px;
padding-right: 5px;
padding-top:  20px;
font: normal 10px Verdana;
line-height: 50%;
background-color: #F4F4F4;
overflow: hidden;
}

div#fot {
float: right;
position: relative;
right: 0px;
top: 0px;
height: 150px;
width: 180px;
padding-top:  11px;
padding-right:  7px;
padding-left:  7px;
border: 0px;
background-image:   url('../nieuwsfotos/frame1.gif'); background-repeat: no-repeat; background-color: #BBD9EE; background-position: center;
text-align: center;
}

div#titl {
float: left;
width: 490px;
height : 20px;
position: relative;
right: 0px;
left: 0px;
top: 0px;
background: #EDEEED;
font: bold 10px verdana;
text-transform: uppercase;
color: #646567;
line-height: 150%;
text-align: center;
}

#teks {
font: normal 10px verdana;
line-height: 160%;
float: left;
width: 490px;
height: 364px;
padding-top:  20px;
padding-right:  20px;
padding-left:  0px;
padding-bottom: 10px;
position: relative;
left: 20px;
top: 20px;
overflow: auto; 
}

#teks a {
color: #8398A7; text-decoration: underline; font: normal 10px Verdana; cursor: pointer; }
#teks a:visited {
color: #8398A7; text-decoration: underline; font: normal 10px Verdana; cursor: pointer; }
#teks a:hoover {
color: #646567; text-decoration: underline; font: normal 10px Verdana; cursor: pointer; }
#teks a:active {
color: #8398A7; text-decoration: underline; font: normal 10px Verdana; cursor: pointer; }


div#letters {
float: left;
width: 180px;
height: 20px;
padding-top:  5px;
padding-left:  20px;
position: relative;
left: 20px;
top: 0px;
}

div#letters {
float: left;
width: 160px;
height: 20px;
padding-top:  5px;
padding-left:  0px;
position: relative;
left: 0px;
top: 0px;
}

div#left {
float: left;
padding-top:  0px;
padding-left:  0px;
position: relative;
left: 0px;
right: 20px;
top: 0px;
}

div#right {
float: right;
padding-top:  0px;
padding-left:  0px;
position: relative;
right: 20px;
left: 20px;
top: 0px;
}


b {
font: bold 10px verdana;
color: #646567;
}

.kleiner {
font: normal 9px verdana;
text-align: center;
color: #646567;
}

p.groter {
font: bold 14px verdana;
line-height: 150%;
}

ul 
{
list-style-image: url('../nieuwsfotos/list.gif');
vertical-align: bottom;
}

.blauw	{ background-color: #BBD9EE; }
.blauw-logo	{ background-image:   url('../logo/vivo-bg3.gif'); background-repeat: no-repeat; background-color: #BBD9EE; background-position: left; }
.grijs	{ background-color: #EDEEED; }
.grijs-logo	{ background-image:   url('../logo/vivo-bg1.gif'); background-repeat: no-repeat; background-color: #EDEEED; background-position: 95% 100%; }


a.menu {color: #646567; text-decoration: none; font: normal 10px Verdana; cursor: pointer; }
a.menu:link {color: #646567; text-decoration: none; font: normal 10px Verdana; cursor: pointer; }
a.menu:visited {color: #646567; text-decoration: none; font: normal 10px Verdana; cursor: pointer; }
a.menu:hover {color: #000033; text-decoration: none; font: normal 10px Verdana; cursor: pointer; }
a.menu:active {color: #000033; text-decoration: underline; font: normal 10px Verdana; cursor: pointer; }

a.mail {color: #646567; text-decoration: underline; font: normal 12px Verdana; cursor: pointer; }
a.mail:link {color: #646567; text-decoration: underline; font: normal 12px Verdana; cursor: pointer; }
a.mail:visited {color: #646567; text-decoration: underline; font: normal 12px Verdana; cursor: pointer; }
a.mail:hover {color: #000033; text-decoration: underline; font: normal 12px Verdana; cursor: pointer; }
a.mail:active {color: #000033; text-decoration: underline; font: normal 12px Verdana; cursor: pointer; }


/*- Menu Tabs--------------------------- */ 
#tabs {
float: left;
width: 100%;
height: 36px;
font: bold 10px Verdana;
color: #000033;
text-align: left;
vertical-align: top;
line-height: 60%;
cursor: pointer;
}
#tabs ul {
margin:0;
padding: 0px 5px 0px 0px;
list-style: none;
height: 36px;
vertical-align: top;
cursor: pointer;
}
#tabs li {
display: inline;
margin: 0;
padding: 0;
height: 36px;
vertical-align: top; 
cursor: pointer;
}
#tabs a {
float:left;
background:   url("../tableftB.gif") no-repeat left top;
margin: 0;
padding: 0 0 0 2px;
height: 36px;
text-decoration: none;
vertical-align: top;
text-align: center; 
cursor: pointer;
}

#tabs a span {
float: left;
display: block;
height: 36px;
vertical-align: top;
background:   url("../tabrightB.gif") no-repeat right top;
padding: 4px 6px 4px 2px;
color: #646567;
text-align: center; 
cursor: pointer;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabs a span {
float: left;
font: bold 10px Verdana;
color: #646567;
vertical-align: top;
text-align: center; 
cursor: pointer;
}
/* End IE5-Mac hack */

#tabs a:active {
background-position: 0% -42px;
font: bold 10px Verdana;
color: #646567;
vertical-align: top;
text-align: center; 
cursor: pointer;
}
#tabs a:active span {
background-position: 100% -42px;
font: bold 10px Verdana;
color: #646567;
vertical-align: top;
text-align: center; 
cursor: pointer;
}

#tabs a:hover {
background-position: 0% -42px;
font: bold 10px Verdana;
color: #646567;
vertical-align:top;
text-align: center; 
cursor: pointer;
}
#tabs a:hover span {
background-position: 100% -42px;
font: bold 10px Verdana;
color: #646567;
vertical-align:top;
text-align: center;
cursor: pointer;
}
/*- Einde Menu Tabs--------------------------- */