/* Generic Selectors */
 
body {
   /* background-image:url('../images/aardegroen.jpg');*/
   font-family: Georgia, "Times New Roman", Times, serif;
   font-size: 14px;
   color: #ffffff;
   background-color: #151B54;  /* #daf8f8; */
   margin-top:50px;
}
.agterligblou
{
   background-color: #222;   /*  #C1EEFD;  */
   /*  background-image:url('../images/aardligte.jpg');  */
   background-position:top, center;
   background-repeat: repeat-x;     
}
 
img.dof { opacity:0.3; filter:alpha(opacity=30);}   
 
p {
   width: 80%;
}

 
li {
   list-style-type: none;
   line-height: 250%;
   list-style-image: url(../images/star.png);
}
 
h1 {
   font-family: Georgia, "Times New Roman", Times, sans;
   font-size: 22px;
   font-weight: bold;
   color: #ffffff;
   padding-top:1%;
}
.skaduwee {
   color: #151B54;
   color: green;
   text-shadow: 2px 2px 3px red;
}

.wskaduwee {
   color: #151B54;
   color: red;
   text-shadow: 1px 1px 2px yellow;
}

 
h2 {
   font-family: Georgia, "Times New Roman", Times, serif;
   font-size: 16px;
   font-weight: bold;
   color: #000000;
   border-bottom: 1px solid #000000;
   margin-bottom:80px;
}
 
/**************** Pseudo classes ****************/
 
a:link {
   color: #00CC00;
   text-decoration: underline;
   font-weight: bold;
}
 
li :link {
   color: #00CC00;
   text-decoration: none;
   font-weight: bold;
}
 
a:visited {
   color: #00CC00;
   text-decoration: underline;
   font-weight: bold;
}
 
li a:visited {
   color: #00CC00;
   text-decoration: none;
   font-weight: bold;
}
 
a:hover {
   color: rgb(0, 96, 255);
   padding-bottom: 5px;
   font-weight: bold;
   text-decoration: underline;
}
 
li a:hover {
   display: block;
   color: rgb(0, 96, 255);
   padding-bottom: 5px;
   font-weight: bold;
   border-bottom-width: 1px;
   border-bottom-style: solid;
   border-bottom-color: #C6EC8C;
}
 
a:active {
   color: rgb(255, 0, 102);
   font-weight: bold;
}
 
a.menu, a.menugr, a.menuro, a.menuge, a.menupr, a.menubr:link {
      display:block;
      font-weight:bold;
      color:#FFFFFF;
      background-color:#3399ff;     /* a0a0a0 */
      width:330px;
      text-align:left;
      padding:10px;
      text-decoration:none;
}

a.menu, a.menugr, a.menuro, a.menuge, a.menupr, a.menubr:visited {
      display:block;
      font-weight:bold;
      color:#FFFFFF;
      background-color:#0066ff;    /* 505050 */
      width:340px;
      text-align:left;
      padding:5px;
      text-decoration:none;
}

a.menu:hover {
      background-color:#0000ff;     /*  202020 */  
}
 
a.menugr:hover {
      background-color:#00ff00;     /*  202020 */  
}
 
a.menuro:hover {
      background-color:#ff0000;     /*  202020 */  
}

a.menubr:hover {
      background-color:brown;     /*  202020 */  
}

a.menupr:hover {
      background-color:purple;     /*  202020 */  
}

a.menuge:hover {
      background-color:yellow;     /*  202020 */  
}


 
/************************* ID's *************************/
 
#MainMenu {
   position: absolute;
   padding: 30px 0px 20px 0px; /*top right bottom left*/
   width: 350px;
   height: auto;
   margin-top: 100px;
   border-right: 5px solid #33ccff;     /* c0c0c0 */
   font-weight: normal;
}

.WBlouDof {
   opacity:0.5; 
   filter:alpha(opacity=50);   
   background-image:url('../images/gradient1blou.jpg');
   background-repeat:repeat-x;
   background-position:top, left;

   color: #151B54;
   text-shadow: 2px 2px 3px #fff;
}

.WBlou {
   background-image:url('../images/gradient1blou.jpg');
   background-repeat:repeat-x;
   background-position:top, left;
}


.WGroen {
   background-image:url('../images/gradient1groen.jpg');
   background-repeat:repeat-x;
   background-position:top, left;   
}

.WGroenDof {
   opacity:0.5; 
   filter:alpha(opacity=50);   
   background-image:url('../images/gradient1groen.jpg');
   background-repeat:repeat-x;
   background-position:top, left;   
}


.WBruin {
   background-image:url('../images/gradient1bruin.jpg');
   background-repeat:repeat-x;
   background-position:top, left;   
}

.WRooi {
   background-image:url('../images/gradient1rooi.jpg');
   background-repeat:repeat-x;
   background-position:top, left;   
}

.WGeel {
   background-image:url('../images/gradient1geel.jpg');
   background-repeat:repeat-x;
   background-position:top, left;   
}

.WGeelDof {
   opacity:0.5; 
   filter:alpha(opacity=50);   
   background-image:url('../images/gradient1geel.jpg');
   background-repeat:repeat-x;
   background-position:top, left;   
}


.WPers {
   background-image:url('../images/gradient1pers.jpg');
   background-repeat:repeat-x;
   background-position:top, left;   
}

.WLigBlou {
   background-image:url('../images/gradient1ligblou.jpg');
   background-repeat:repeat-x;
   background-position:top, left;   
}
 
#centerDoc {
   position: absolute;
   padding: 20px 15px 20px 15px; /*top right bottom left*/
   margin-top: 100px;
   margin-left: 400px;
   border-left: 5px solid #33ccff;     /* c0c0c0 */
}

#Headerbo {
   position: absolute;
   width: 100%;
   height: 50px;
   margin: 0;
   margin-top: 0px;
   margin-bottom: 50px;
   font-weight: normal;
}
.BlouDof {
   opacity:0.5; 
   filter:alpha(opacity=50);   
   background-image:url('../images/gradient2blou.jpg');
   background-repeat:repeat-x;
   background-position:top, left;   
}

.Blou {
   background-image:url('../images/gradient2blou.jpg');
   background-repeat:repeat-x;
   background-position:top, left;   
}


.Groen {
   background-image:url('../images/gradient2groen.jpg');
   background-repeat:repeat-x;
   background-position:top, left;   
}

.Bruin {  
   background-image:url('../images/gradient2bruin.jpg');
   background-repeat:repeat-x;
   background-position:top, left;   
}

.Rooi {   
   opacity:0.5; 
   filter:alpha(opacity=50);   
   background-image:url('../images/gradient2rooi.jpg');
   background-repeat:repeat-x;
   background-position:top, left;   
}

.Geel {
   background-image:url('../images/gradient2geel.jpg');
   background-repeat:repeat-x;
   background-position:top, left;   
}

.Pers {
   background-image:url('../images/gradient2pers.jpg');
   background-repeat:repeat-x;
   background-position:top, left;   
}

.LigBlou {
   background-image:url('../images/gradient2ligblou.jpg');
   background-repeat:repeat-x;
   background-position:top, left;   
}


#evenDoc {
   padding: 50px 15px 20px 15px; /*top right bottom left*/
   height: 100px;
   margin-top: 200px;
   margin-left:auto;
   margin-right:auto;
   width: 800px;
/*   border-left: 5px solid #33ccff;     /* c0c0c0 */
/*   border-right: 5px solid #33ccff;      /* c0c0c0 */
}

#doubleDoc {
   padding: 20px 15px 20px 15px; /*top right bottom left*/
   height: 80px;
   margin-top: 50px;
   margin-left:auto;
   margin-right:auto;
   width: 800px;
/*   border-left: 5px solid #33ccff;     /* c0c0c0 */
/*   border-right: 5px solid #33ccff;      /* c0c0c0 */
}