/* ------------------------------------ *
 CSS
 maandag 24 oktober 2011 15:50:28
 HAPedit 3.1.11.111
 * ------------------------------------ */



body{
  margin: 0;
  text-align:center;
   width:100%;
  /* height:700px;    */
   font-family: 'Arial';
   text-decoration: none;
   background-image: url(../images/background-2.jpg);
   color: white;
}


 #wrapper{
   position: absolute;
   top: 0px;
   left: 0px;
   width: 100%;
   height: 100%;
   min-height: 690px;
   min-width: 1100px;
 }

 #logo{
   position: absolute;
   top: 10px;
   left: 0px;
   width: 90%;
   margin: 0px;

 }

  #motto{
   position: absolute;
   top: 118px;
   left: 10px;
   height: 60px;
   width: 80%;

 

 }



 #leftarea{
     position: absolute;
     top: 2%;
     left: 2%;
     width: 20%; /*265px;*/
     min-width: 220px;
     bottom: 16px;
 }

 #main{
     position: absolute;
     top: 2%;
    /* left: 285px; */
     right: 20px;
     bottom: 16px;
     width: 77%;
     min-width: 850px;
   }

 #topmenu{
   position: absolute;
     top: 16px;
     left: 2%;
    right: 2%;
     background-color: #7C8AA3;

}
#avg{
    position: absolute;
     left: 0px;
     width: auto;
     top: 210px;
     height: 20px;
     cursor: pointer;
      text-decoration: underline;
 }


#avg:hover{
   color: yellow;
}

 #gratis{
    position: absolute;
     left: 0px;
     width: 150px;
     top: 250px;/*40%; */
     height: 69px;
     background-image: url(../images/gratis.png);
     cursor: pointer;
 }
  #adres{
     position: absolute;
     left: 0px;
     right: 10px;
     top: 350px;
     bottom:0px;
     color: white;
     font-size: 10pt;
    line-height: 16pt;
    text-align: left;
  }
  #adrescontent{
     position: absolute;
     left: 0px;
     right: 0px;
     height: 240px;
     bottom: 35px;
     color: white;
     font-size: 10pt;
     line-height: 16pt;
     text-align: left;
  }
  #medialogos{
     position: absolute;
     left: 0;
     right: 10px;
     bottom: 290px;
     height: 40px;
  }

  #mlogo1{
     position: absolute;
     left: 0px;
     width: 40px;
     top: 0px;
     height: 40px;
  }
   #mlogo2{
     position: absolute;
     left: 50px;
     width: 40px;
     top: 0px;
     height: 40px;
  }

  #mlogo3{
     position: absolute;
     left: 100px;
     width: 40px;
     top: 0px;
     height: 40px;
  }

 #mlogo4{
     position: absolute;
     left: 150px;
     width: 40px;
     top: 0px;
     height: 40px;
  }
  
  #disclaimer{
     position: absolute;
     left: 0px;
     right: 10px;
     height: 20px;
     bottom: 0px;
     color: white;
     font-size: 10pt;
    line-height: 16pt;
    text-align: left;
    text-decoration: underline;
    cursor: pointer;
  }



.alpha90 {
   /* bereken colorstring:
   Replace 0.9 with your desired alpha level
   Math.floor(0.9 * 255).toString(16);
 /* Fallback for web browsers that doesn't support RGBa */
   background: rgb(255, 255, 255);
 /*RGBa with 0.8 opacity */
   background: rgba(255, 255, 255, 0.9);
   /* For IE 5.5 - 7*/
   filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#eeFFFFFF, endColorstr=#eeFFFFFF); /* 90% wit */
  /* For IE 8*/
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ccFFFFFF, endColorstr=#ccFFFFFF)";
   filter:alpha(opacity=90);
   -moz-opacity:0.8;
}

#content{
   position: absolute;
   left: 2%;
   top: 50px;
   right: 2%;;
   bottom: 0px;
   padding: 0px;
 }




 #sponsorlink{
  position: absolute;
  height: 150px;
  right: 20px;
  left: 100px;
  bottom: 20px;
  font-size: 16pt;
  font-weight: bold;
  color: red;
 }


 #sponsorlink img{
   position: absolute;
   top: 0;
   left: 230px;
 }




  #footer{
    position: absolute;
   background-color: transparent;
   color: black;
   height: 16px;
   left: 0;
   right:20px;
   bottom: 0;
   margin: 0px;
   padding-top: 1px;
   font-size: 8pt;
   text-align: right;
    font-family:"Verdana";
  }
  #footer a{
    text-decoration: none;
    color: black;
    font-family:"Verdana";
  }



 #topmenu ul {
      list-style-type:none;
      margin-top: 0px;
      padding:0px;
      padding-left: 20px;
      width: 100%;
      text-align:left;
}

#topmenu ul li{
      height:30px;
      line-height:30px;
      margin: 0;
      margin-top:2px;
      float:left;
      padding-left: 4%;
      padding-right: 4%;
      cursor: pointer;
      color: white;
      font-size:16px;
      font-weight:bold;
}
#topmenu ul li.filler{
 color: white;
 margin: 0;
 padding: 0;
 cursor: default;
}


a{
 /*text-decoration: none;  */
 color: white;
}

a:hover{
 color: yellow;
}

img{
 border: none;
}

#iframe{
   border: none;
  width:100%;
  height:100%;

}