/******************* Stylesheet opd.nl *****************/

body {
    background-color: White;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 12px;
    margin-top: 5px;
} 

/************************* Inhoud ***********************/

#box{
    background-color: transparent;
    padding: 0px;
    width: 1011px;
} 

/********************* Kop webpagina ********************/

#header{
    background-color: transparent;
}

.logo{
    background-color: White;
    background-image: url(../img/bgd_opd.gif);
    background-repeat: repeat-x;
    height: 100px;
    font-size: 40px;
    text-align: center;
    vertical-align: middle;
}

.hoofdmenu{
    height: 20px;
    background-image: url(../img/bgrmenu3.gif);
    background-repeat: repeat-x;
    padding: 0px 0px 0px 0px;
    text-align: left;
}
.submenu{
    height: 30px;
    background-repeat: repeat-x;
    background-image: url(../img/bgrmenu.gif);
    padding: 0px 0px 0px 0px;
    text-align: left;
}
 
/********************* kolommen gedeelte webpagina ********************/
#kolommen{
    width: 1009px;
    height: auto;
    padding: 0px;
}

#kolomA{
    width: 179px;
    float: left;
    padding: 15px 5px 10px 5px;
}

.kolomlinks{
    width: 169px;
    text-align: left;
}

.kolomlocal{
    width: 169px;
    background-image: url(../img/knop.gif);
    background-repeat: no-repeat;
    height: 20px;
}

.kolomvideo{
    width: 169px;
    background-image: url(../img/knop.gif);
    background-repeat: no-repeat;
    height: 20px;
}

.kolomosf{
    width: 169px;
    background-image: url(../img/knop.gif);
    background-repeat: no-repeat;
    height: 20px;
}

#kolomB{
    width: 637px;
    float: left;
    padding-top: 10px;
}
.kolommidden{
    width: 637px;
    background-color: transparent;
    padding: 5px;
    text-align: left;
}

#kolomC{
    width: 179px;
    float: right;
    padding: 15px 5px 10px 5px;
}

.pers{
    width: 169px;
    background-image: url(../img/knop.gif);
    background-repeat: no-repeat;
}

.design{
    width: 169px;
    background-image: url(../img/knop.gif);
    background-repeat: no-repeat;
    height: 20px;
}
/************************ Voetnoot **********************/

#footer {
    width: 1009px;
    height: 85px;
    background-image: url(../img/bgrfeet.gif);
    background-repeat: repeat-x;
} 

.footermenu {
    width: 1009px;
    height: 10px;
    text-align: left;
}

.reclamebanner{
    width: 1009px;
    height: 55px;
}

.designbanner{
    width: 1009px;
    height: 20px;
    font-family: Tahoma;
    font-weight: bold;
    font-size: 10px;
}
/*************************** Form styles *************************/ 

input.login {
    background-color: #B0C4DE;
    border: 1px solid Black;
    width: 70;
}

input.knopinlog2 {
    background-color: #B0C4DE;
    border: 1px solid Blue;
    cursor: hand;
    color: Purple;
    height: 18px;
    font-size: 10px;
}

.knopinlog {
    background: #B0C4DE url(../img/knopinlog.gif) no-repeat left center;
    border: 1px solid Blue;
    color: #FFF;
    padding-left: 1em;
    font-weight: bold;
}

.knopinloghover {
    background: #FFF url(../img/knopinlog.gif) no-repeat center left;
    color: #003;
    padding-left: 1em;
    font-weight: bold;
    cursor: hand;
}

select.kleur {
    background-color: #00BFFF;
    border: 1px solid Black;
}
/*************************** Menu style *************************/ 

td.menuhead {
    font-size: 10pt;
    color: Black;
    font-weight: bold;
    font-family: Tahoma;
    text-decoration: none;
    padding: 0px 0px 4px 0px;
}

a.menuitem  {
    font-size: 8pt;
    color: #000000;
    text-decoration: none;
    font-family: Verdana;
    height: 20px;
    width: 169px;
    padding: 3px 0px 2px 0px;
    background: url(../img/knop.gif);
    text-align: center;
}

a.menuitem:hover  {
    color: #000000;
    width : 169px;
    height : 20px;
    background: url(../img/knop1.gif);
    font-weight: bold;
}

/*************************** Hoofdmenubalk *************************/ 
a.hoofdmenubalk  {
    font-size: 8pt;
    color: #000000;
    font-weight: bold;
    text-decoration: none;
    font-family: Tahoma;
    height: 25px;
    padding: 5px 0px 2px 0px;
    vertical-align: middle;
    text-align: center;
}

a.hoofdmenubalk:hover  {
    color: #FF0000;
}

/*************************** Submenubalk *************************/ 
a.submenubalk  {
    font-size: 9pt;
    color: #000000;
    font-weight: bold;
    text-decoration: none;
    font-family: Tahoma;
    height: 30px;
    padding: 9px 0px 2px 0px;
    vertical-align: middle;
    text-align: center;
}

a.submenubalk:hover  {
    color: #FF0000;
}
/*************************** Footermenubalk *************************/ 
a.footermenubalk  {
    font-size: 8pt;
    color: #000000;
    font-weight: bold;
    text-decoration: none;
    font-family: Tahoma;
    height: 10px;
    padding: 3px 5px 2px 5px;
    text-align: center;
}

a.footermenubalk:hover  {
    color: #FF0000;
    height : 10px;
}
/*************************** Voorwaarden *************************/ 

#voorwaarden {
    border: 1px solid #000000;
    width: 160px;
    padding: 5px;
    background-color: #B0C4DE;
    display: none;
    float: none;
    position: absolute;
    text-align: left;
    font-size: 10px;
    font-family: "MS Sans Serif";
} 
/*************************** popupbox style *************************/ 

a.popupbox  {
    font-size: 8pt;
    color: Red;
    text-decoration: none;
    font-family: Tahoma;
}

a.popupbox:hover  {
    color: #000000;
}
/*************************** video style *************************/ 

a.video  {
    font-size: 10pt;
    color: Red;
    text-decoration: none;
    font-family: Tahoma;
    font-weight: bold;
}

a.video:hover  {
    color: #000000;
}
/*************************** local style *************************/ 

a.local  {
    font-size: 9pt;
    color: Navy;
    text-decoration: none;
    font-family: Tahoma;
}

a.local:hover  {
    color: Red;
}
/*************************** werkblad style *************************/ 

h1.werkblad {
    font-size: 12px;
    border-top: 1px solid Black;
    width: 100%;
    border-bottom: 1px solid Black;
    background-color: #00BFFF;
    padding: 2px;
    margin-bottom: 0px;
}

.tekst{
    font-size: 10px;
}

.tekstperskop {
    font-size: 10px;
    vertical-align: middle;
    text-align: center;
    padding: 2px 2px 2px 2px;
    background-color: #FFF291;
}

.tekstpersdatum{
    font-size: 8px;
    vertical-align: middle;
    text-align: center;
    padding: 2px 2px 12px 2px;
}


.TKNieuws {
    font-size: 10px;
    vertical-align: middle;
    text-align: center;
    padding: 2px 2px 2px 2px;
    background-color: #FFD700;
    font-weight: bold;
}

.TONieuws {
    font-size: 10px;
    vertical-align: middle;
    text-align: center;
    padding: 2px 2px 2px 2px;
    background-color: #FFF291;
}

.TDNieuws{
    font-size: 8px;
    vertical-align: middle;
    text-align: center;
    padding: 2px 2px 12px 2px;
}

a.perskop {
    text-decoration: none;
    font-weight: bold;
    color: Black;
}

a.perskop:hover {
    text-decoration: none;
    font-weight: bold;
    color: Red;
    height: 12px;
    width: 161px;
}


.tabelrand{
    border: 1px solid #E6C400;
}

.tabelpers{
    border: 1px solid Red;
}
/*************************** Einde *************************/