body {background-image: url(../../data/back2.jpg);}
a { text-decoration: none;}
a:hover { text-decoration: underline;}
a:link { color: rgb(192, 24, 54);}
a:visited { color: rgb(184, 128, 128);}
a:hover { color: rgb(0, 128, 0);}
a:active { color: rgb(0, 128, 0);}
a.yellow:link { color: rgb(255, 255, 192);}
a.yellow:visited { color: rgb(255, 255, 192);}
a.yellow:hover { color: rgb(128, 255, 128);}
a.yellow:active { color: rgb(128, 255, 128);}
a.extern:link { color: rgb(153, 51, 153);}
a.extern:visited { color: rgb(204, 102, 204);}
a.extern:hover { color: rgb(0, 128, 0);}
a.extern:active { color: rgb(0, 128, 0);}
.titel { font-family: Arial,sans-serif; font-size: 14pt; color: rgb(255, 255, 230); font-weight: bold;}
.subtitel { font-family: Verdana,sans-serif; font-size: 7.5pt; color: rgb(255, 255, 230);}
.eletter { font-family: Times New Roman,serif; font-size: 14pt; color: rgb(192, 24, 54); font-weight: bold;}
.ntekst { font-family: Arial,sans-serif; font-size: 10pt;}
.stekst { font-family: Arial,sans-serif; font-size: 7.5pt;}
.boxtekst { font-family: Verdana,sans-serif; font-size: 7.5pt;}
.boxtitel { font-family: Verdana,sans-serif; font-size: 7.5pt; color: rgb(255, 255, 230); font-weight: bold; vertical-align: middle}
.bluetext { font-family: Arial,sans-serif; font-size: 10pt; font-weight: bold; color: rgb(0, 64, 128); text-decoration: underline;}
.vetjes { font-weight: bold;}
.ital { font-style: italic;}
.stip { background-image: url(../data/dotline.gif); background-repeat: repeat-x; vertical-align: middle; background-position: center middle; height: 8px;}
.bottomncl {font-family: Arial,sans-serif; font-size: 7.5pt;}
.bottomcl {font-family: Arial,sans-serif; font-size: 7.5pt; color: #FFFFFF;}
.celyellow {width: 100%; text-align: justify; vertical-align: top; background-color: rgb(255, 255, 230);}
.celyellowdash {font-family: Verdana,sans-serif; font-size: 7.5pt; width: 100%; text-align: justify; vertical-align: top; background-color: rgb(255, 255, 230); border: 1pt dashed rgb(153, 0, 0);}
.celgrey {width: 100%; text-align: justify; vertical-align: top; background-color: rgb(240, 240, 240);}
.celgreydash {font-family: Verdana,sans-serif; font-size: 7.5pt; width: 100%; text-align: justify; vertical-align: top; background-color: rgb(240, 240, 240); border: 1pt dashed rgb(153, 0, 0);}
.tableorange {width: 90%; background-color: rgb(255, 236, 201);}
.tableorangedash {width: 90%; background-color: rgb(255, 236, 201); border: 2pt dashed rgb(153, 0, 0); margin-left: auto; margin-right: auto;}
.celyellownoline {width: 100%; vertical-align: top; background-color: rgb(255, 255, 230);}
.celred {background-image: url(../../data/back2.jpg); width: 100%; height: 20px; background-repeat: repeat-x; font-family: Verdana,sans-serif; font-size: 7.5pt; color: rgb(255, 255, 230); font-weight: bold; vertical-align: middle}
.lijstjebowler { margin-top: 0px; margin-bottom: 0px; list-style-image: url(../../data/bowler_bullet.gif);}
.lijstjearrow { margin-top: 0px; margin-bottom: 0px; list-style-image: url(../data/bluearrow.gif);}
.tableyellowtop {background-color: rgb(237, 237, 213); border: 1px solid rgb(153, 0, 0); width: 100%; margin-top: 15pt; margin-bottom: 7pt; }
.tableyellow {background-color: rgb(237, 237, 213); border: 1px solid rgb(153, 0, 0); width: 100%;}
.tableyellowmb {background-color: rgb(237, 237, 213); border: 1px solid rgb(153, 0, 0); margin-bottom: 7pt; width: 100%;}
.tablegrey {background-color: rgb(230, 230, 230); border: 1px solid rgb(153, 0, 0); width: 100%;}
.tablegreymb {background-color: rgb(230, 230, 230); border: 1px solid rgb(153, 0, 0); margin-bottom: 7pt; width: 100%;}
.celu {vertical-align: top; text-align: right; text-decoration: underline; white-space: nowrap; width: 50%;}
.celub {text-decoration: underline; font-weight: bold; vertical-align: top; text-align: center; white-space: nowrap;}
.celir {text-align: right; vertical-align: top; white-space: nowrap; font-style: italic;}
.celb {vertical-align: top; white-space: nowrap; font-weight: bold;}
.tablelink {border: 2px solid rgb(221, 221, 221); text-align: left; margin-left: auto; margin-right: auto; font-family: Verdana,sans-serif; font-size: 7.5pt; }
.cellinkgrey {text-align: right; background-color: rgb(221, 221, 221); font-weight: bold;}
.cellinkwhite {vertical-align: top; background-color: rgb(248, 248, 248);}
.titelcel {background-image: url(../../data/back2.jpg); width: 100%; background-repeat: repeat-x;}
.vidFrame { position: absolute;
display: none;
background-color: #ffffc0;
border: 1px solid #800000;
width: 435px;
height: 362px;
cursor: move;}
.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: -150;
left: -540px; /*position where enlarged image should offset horizontally */

}
.thumbnailep{
position: relative;
z-index: 0;
}

.thumbnailep:hover{
background-color: transparent;
z-index: 50;
}

.thumbnailep span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnailep span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnailep:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: -150;
left: 130px; /*position where enlarged image should offset horizontally */

}
.thumbnailep2{
position: relative;
z-index: 0;
}

.thumbnailep2:hover{
background-color: transparent;
z-index: 50;
}

.thumbnailep2 span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnailep2 span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnailep2:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: -150;
left: -500px; /*position where enlarged image should offset horizontally */

}
