/* 
Kleuren
#888;    grijs 
#336699; Donker blauw
#a9c0db; menu blauw
#edeff6; transparant blauw
#f3f5fa; licht blauw (achter de menu's)
#a8b9c9; grijze menu tekst (linker menu)
#ee7d11; Oranje
#fee8d2; licht oranje (lijn op download pagina)
 */


html {
  overflow-y: scroll;
}

body {
  font-family: Verdana;
  margin-top: 0px;
  
  /*overflow:-moz-scrollbars-vertical;*/

}

hr {
  background: #ee7d11;
  background-color: #ee7d11;
  color: #ee7d11;
  border: 0;
  height:1px;
}

th {
  text-align: left;
}

a {
  color: #336699;
  text-decoration: none;
}

a:hover {
  color: #003366;
}

h1 {
  color: #ee7d11;
  font-size: 14px;
}

h2 {
  color: #336699;
  font-size: 12px;
}

/* Form opmaak */


input {
border: 1px solid #336699;
}

input.small {
  width: 50px;
}

input.medium {
  width: 160px;
}

input.large {
  width: 346px;
}

select {
  border: 1px solid #336699;
}

select.medium {
  width: 200px;
}

textarea {
  border: 1px solid #336699;
}

textarea.info {
  width: 469px;
}

a.oranjeB,
a.blauwB,
a.oranjeS,
a.blauwS{
    display:block; 
    float: right;
    margin-left: 4px;
    width: 71px;
    height: 14px;
    font-size: 10px;
    text-align: center;
    letter-spacing: -1px; 
    color:#FFFFFF;
    cursor:pointer;
    margin-left:4px;
}

a.oranjeB,
a.blauwB{
    width: 60px;
    height: 14px;
}

a.oranjeS,
a.blauwS{
    width: 49px;
    height: 14px;
}

a.blauwS,
a.blauwB{
    background-image: url(images/knopBlauw1.png);
}

a.blauwS:hover,
a.blauwB:hover{
    background-image: url(images/knopBlauw2.png);
}

a.oranjeS,
a.oranjeB{
    background-image: url(images/knopOranje1.png);
}

a.oranjeS:hover,
a.oranjeB:hover{
    background-image: url(images/knopOranje2.png);
}

a.wit{
    color:#FFFFFF;
}

a.wit:hover{
    color:#FFFFFF;
}

.userLayout label,
.newsLayout label {
  width: 12em;
  float: left;
  text-align: right;
  margin-right: 0.5em;
}

/* download pagina */
.left {
  float: left;
}

.right {
  float: right;
}

a.btnDl {
  /*margin-top: 8px;*/
  float: right;
}

a.btnTst {
    background-image: url(images/knopOranje1.png);
    margin-top: 8px;
    display:block; 
    /*float: right;*/
    margin-left: 4px;
    width: 49px;
     height: 14px;
    font-size: 10px;
    text-align: center;
    letter-spacing: -1px; 
    color:#FFFFFF;
    cursor:pointer;
    margin-left:4px;

}

hr.licht {
  background: #fee8d2;
  background-color: #fee8d2;
  color: #fee8d2;
}

/*stukken tekst te verbergen die door de gebruiker zichtbaar gemaakt kunnen worden */
div.hide { 
  position: absolute;
  top: -4000px;      
}

div.noHide { 
  position: relative;
  top: 0px;      
}

a.hide{position:relative;}/* set stacking context*/
a.hide span {
  position:absolute;
  left:-15px;
  width:10px;
  height: 10px;
  top: 2px;
  background-image: url(images/blauw.jpg);
  visibility: hidden;
}
a.hide:hover{visibility:visible}/* ie bug needed to make span show*/
a.hide:hover span{ /* reveal image*/
  visibility:visible;
}

a.noHide{position:relative;}/* set stacking context*/
a.noHide span {
  position:absolute;
  left:-15px;
  width:10px;
  height: 10px;
  top: 2px;
  background-image: url(images/blauw.jpg);
  visibility: visible;
}


/*einde verborgen tekst */


/* Positionering */

#frame {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 887px;
  height: 561px;
  margin-left: -443px;  /*de helft van width en height*/
  margin-top: -280px;
}

#boven {
  position: absolute;
  width: 887px;
  height: 56px;

  font-size: 15px;
  font-weight:bold;
  color: #336699;
}

#midden {
  position: absolute;
  background-image: url(images/achtergrond4.jpg);
  margin-top: 56px;
  width: 887px;
  height: 364px;
}

#onder {
  position: absolute;
  margin-top: 390px;
  width: 887px;
  height: 142px;
  font-size: 14px;
  color: #336699;
}

#menuRB1 {
  position: absolute;
  left: 730px;
  top:  3px;
}

#menuRB2 {
  position: absolute;
  left: 796px;
  top:  3px;
}

#menuRB3 {
  position: absolute;
  left: 848px;
  top:  3px;
}

#menuKop1 {
  position: absolute;
  left: 100px;
  top: 183px;
  width: 120px;
  height: 200px;
}

#menuKop2 {
  position: absolute;
  left: 292px;
  top: 183px;
  width: 120px;
}

#menuKop3 {
  position: absolute;
  left: 483px;
  top: 183px;
  width: 120px;
}

#menuKop4 {
  position: absolute;
  left: 675px;
  top: 183px;
  width: 120px;
}

.kopWit {
  height: 60px;
}
.kopWit a{
  font-size: 11px;
  font-weight:bold;
  color: #ffffff;
  
}

.knopText {
  font-size: 11px;
  line-height: 100%;
  margin-bottom: 7px;
}

.knopText a {
  color: #336699;
  text-decoration: none;
}

.knopText a:hover {
  color: #003366;
}

.subKnopText {
  font-size: 11px;
  line-height: 100%;
  margin-bottom: 7px;
}

.subKnopText a {
  color: #a8b9c9;
  text-decoration: none;
}

.subKnopText a:hover {
  color: #003366;
}


.textOnder {
  position: absolute;
  top: 110px;
  left: 40px;
  width: 681px;
  /*width: 624px;*/
  text-align: right;
  font-size: 10px;
  letter-spacing: 0px;
  margin-right: 7px;
}

/*info over ingelogde gebruiker */
.userInfo {
  font-size: 11px;
  color: #336699;
  padding-left: 10px;
  padding-top: 3px;
}

/*oranje blokje bovenin op de landingspagina */
.oranjeBlok {
  position: absolute;
  background-color: #ee7d11;
  width: 10px;
  height: 10px;
  left: 104px;
  top: 5px;
}

.oranjeBlok2 {
  background-color: #ee7d11;
  width: 10px;
  height: 10px;
}


.kop {
  position: absolute;
  left: 128px;
  top: 0px;
}

/* Logo 10 jaar rechts boven op de landingspagina */
.logoRBL {
  position: absolute;
  left: 800px;
  top: -40px;
}

/* Logo 10 jaar rechts boven op de hoofdpaginas */
.logoRBM {
  position: absolute;
  left: 774px;
  top: 0px;
}

.nieuwsBG {
  position: absolute;
 
  left: 268px;
  top: 0px;
  width: 548px;
  height: 79px;
}

.nieuwsHeader a{
  position: absolute;
  left: 200px;
  top: 25px;
  width: 330px;
  font-size: 13px;
  font-weight:bold;
  color: #ffffff;
}

.nieuwsText a{
  position: absolute;
  left: 200px;
  top: 40px;
  width: 250px;
  font-size: 10px;
  color: #ffffff;
}

.scheiding {
  color: #ee7d11;
}

.row1 { /*blauwe achtergrond kleur voor regel schermen */
  background-color: #f3f5fa;
}

.row3 { /*oranje achtergrond kleur voor regel schermen */
  background-color: #fee8d2;
}

.listHeader { /*header voor regel schermen */
  font-weight:bold;
}

.listHeader a { /*link in de header */
  color: #000000;
}
.listHeader a:hover {
  color: #336699;
}

#mFrame {
  /*overflow-y: hidden;*/
  margin-top: 0px;
  margin-left: auto; 
  margin-right: auto;
  width: 887px;
  height: 561px;
}

#mBoven {
  position: absolute;
  width: 887px;
  height: 150px;
  font-size: 15px;
  z-index:2;
}

#mLinks {
  position: absolute;
  margin-top: 150px;
  width: 215px;
  text-align: right;
}

.lMenuItem {
  margin-right: 40px;
}

.lSelMenuItem {
  margin-right: 21px;
}

.lSubMenuItem {
  margin-right: 25px;
}

.lSelSubMenuItem {
  margin-right: 6px;
}

.lMenu {
  background-color: #f3f5fa;
  padding-bottom: 20px;
  padding-top: 20px;
  padding-right: 0px;
  padding-left: 0px;
  }

.lMenuHome {
  background-color: #f3f5fa;
  margin-bottom: 5px;
  padding-bottom: 5px;
  padding-top: 10px;
}


#mMidden {
  position: absolute;
  margin-top: 150px;
  margin-left: 230px;
  width: 480px;
  font-size: 11px;
}

#mMiddenSpace { /* minimale ruimte voor de pagina inhoud */
  min-height: 40em;
  /*hack voor IE6 */
  height: auto !important;
  height: 700px;
  /* einde IE6 hack */
}

#mRechts {
  position: absolute;
  margin-top: 150px;
  margin-left: 720px;
  width: 144px;
}

#mOnder {
  position: absolute;
  margin-left: -200px;
  font-size: 11px;
}

#mOnderText { /* copyright text onderop het scherm */
  position: absolute;
  width: 500px;
  left: 200px;
  top: 41px;
}

.mOnderOranje {
  font-size: 10px;
  color: #ee7d11;
}

.mOnderBlauw {
  font-size: 10px;
  color: #336699;
}

.rMenu {
  background-color: #f3f5fa;
  padding-left: 10px;
  padding-right: 10px;
  padding-bottom: 20px;
  padding-top: 20px;
  font-size: 10px;
}

.rNieuwsBG {
  width: 144px;
  height: 178px;
  
}

.rNieuwsHeader{
  padding: 5px;
  padding-top: 85px;
  font-size: 13px;
  font-weight:bold;
  color: #ffffff;
}

.rNieuwsText{
  padding: 5px;
  font-size: 10px;
  color: #ffffff;
  height: 55px;
  overflow: hidden;
}

/* oranje balkje onder het nieuwsitem*/
#rNieuwsOnder{
display:block;
background:#ee7d11;
border:0px;
margin-top:1px;
color:#336699;
height:2px;
padding: 0px;
width:144px;
overflow: hidden; /*hack voor IE6 */
}


.banner {
  margin-left: 238px;
  width: 480px;
  height: 98px;
}

.logo {
  position: absolute;
  background-image: url(images/logo.jpg);
  left: 23px;
  top: 40px;
  width: 170px;
  height: 32px;
}

.masterClass {
  position: absolute;
  background-image: url(images/masterclass.jpg);
  left: 23px;
  top: 100px;
  width: 187px;
  height: 35px;
}


img.partnerLogo {
  margin-top: 12px;
}

.strookBlauwL {
  position: absolute;
  background-image: url(images/strookblauwl.jpg);
  background-repeat: no-repeat;
  left: 0px;
  top: 108px;
  width: 216px;
  height: 20px;  
}

.strookBlauwR {
  position: absolute;
  background-image: url(images/strookblauwr.jpg);
  background-repeat: no-repeat;
  left: 720px;
  top: 108px;
  width: 216px;
  height: 20px;
  overflow: hidden;  
}

.oranjeMenu {
  color: #ee7d11;
  font-size: 9px;
 
}

/* 3 oranje menu items recht boven */
#oranjeBoven {
  position: absolute;
  left: 725px;
  top: 80px;
  padding: 5px;
  
}

.oranjeMenu a{
  color: #ee7d11;
  text-decoration: none;
}

.oranjeMenu a:hover{
  color: #000000;
}



/* menu boven in de hoofdpagina */
.menu {
  margin-left: 216px;
  margin-top: 10px;
  z-index:2;
}

.menu ul {
padding:0; 
margin:0;
list-style-type: none;
}

.menu ul li {
float:left;
position:relative;
}

.menu ul li a, .menu ul li a:visited {
display:block; 
text-decoration:none; 
width:125px; 
height:20px;
font-size: 10px;
font-weight:bold;
color:#ffffff; 
background:#a9c0db;
line-height:2;
margin-right:1px;
text-align: center;
cursor: pointer;
}

/* menu item met oranje achtergrond */
.oranjeBack {
background:#ee7d11;
height:20px;
}

/* geselecteerd menu item krijgt een oranje onderbalk*/
.onderBalk{
display:block;
background:#ee7d11;
border:0px;
margin-top:1px;
color:#336699;
height:2px;
padding: 0px;
width:125px;
overflow: hidden; /*hack voor IE6 */
}

.menu table {
margin:-1px; 
border-collapse:collapse;
font-size:1em;
}

/* drop-down verbergen */
.menu ul li ul {
display: none;
}

/* positionering drop-down menu */
.menu ul li:hover ul,
.menu ul li a:hover ul {
display:block; 
position:absolute; 
top:20px;
/*margin-top:13px;*/
left:0; 
width:155px; /*width+padding+padding-left van menu regels */
border-top:0;
background:solid;
border-bottom:1px solid #a9c0db;
}

/* menu regels */
.menu ul li:hover ul li a,
.menu ul li a:hover ul li a {
display:block; 
background: transparent url(images/menubg.png);  /*transparent url*/
border:0px;
margin:0px;
color:#336699;
font-weight:normal; 

font-size:11px;
width:140px;
height:auto; 
line-height:1em; 
text-align: left;
padding:5px; 
padding-left:10px;

}

/* menu regels hover */
.menu ul li:hover ul li a:hover,
.menu ul li a:hover ul li a:hover {

background:#a9c0db; 
color:#ffffff;
cursor:pointer;
}

/* IE6 hacks */
.menu ul li a:hover ul { 
  background:transparent filter: alpha(opacity=90);
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=90);
  opacity:0.9;
  /*marg\in-top:0px; *//* for IE6 */
}