* { font-family : "Arial", "Times New Roman", "Times", serif; font-size : 11pt; color : black;}
html, body
{ margin : 0px; overflow : auto; height : 100%; width : 100%; }
html
{
  overflow-y: scroll;
}
a
{ text-decoration : none; color : #000000; font-weight : bold;}
a:hover
{ color : #a41100;}
#container
{
  position:absolute;
  width:930px;
  min-height:760px; 
  margin-left:-465px;
  left:50%; 
}
img
{ 
  behavior : url( "/shared/css/iepngfix.htc" );
  border : 0px; 
  margin : 0px;
}

#navigation
{
  padding-top : 40px;
  height      : 95px;
  z-index     : 99;
  width:573px; 
}

#navigation img
{
  display : block;
  float   : left;
  margin  : 0px;
  border  : 0px;
}
#logo
{
  position:absolute;
  top:15px;
  right:0px;
}
#sitesearch
{position: absolute; top: 4px; right: 10px;}
#main
{
  width:100%;
  border-bottom:6px solid black;
  padding-bottom:10px;
}
#right
{ position : absolute; right : 8px; width : 112px; top : 128px; bottom : 8px; height : expression(( document.body.offsetHeight - 136 ) + "px" );}
#quickmenu
{ position : absolute; bottom : 2px; left : 2px; font-family : "Verdana", "Arial", Sans-serif; font-size : 10px; text-align : right;}
#payoff
{ position : absolute; top : 10px; left : 10px; font-style : italic; font-size : 18px; color : white;}
#language_selection
{ position : absolute; top : 10px; right : 130px; font-style : italic; font-size : 10px; color : white;}
#companyname
{ position : absolute; top : 35px; left : 35px; font-size : 18px;}
#disabler
{position: absolute;width: 783px;height: 686px; background-color  : white;margin-left: -390px;left: 50%;}
#status
{z-index:10000;position:absolute;top:30%;left:50%;margin-left:-150px;background-color:white;padding:10px;border:1px solid red;width:300px;}
.title
{ font-size : 25px; margin-bottom : 10px; font-weight : bold;}
.intro
{ margin-top : 10px; font-weight : bold;}
.body
{ line-height : 125%;}
.fakeBtn
{position:absolute;border:2px outset silver;padding:2px 6px;cursor:default;}

.rechtsruimte
{
padding-right:5px;
}

.linksruimte
{
padding-left:5px;
}

#disabler,
#statusbg
{
  z-index   : 10000;
  position  : absolute;
  top:0px; left:0px;
  width     : 100%;
  height    : 100%;
  border    : 0px;
  margin    : 0px;
  padding   : 0px;
  background-color  : black;
  opacity   : .3;
}

#statusmsg
{
  z-index:10002;
  position:absolute;
  top:30%;
  left:50%;
  margin-left:-150px;
  background-color:#ffffcc;
  padding:10px;
  border:1px solid black;
  width:300px;

  font-size:14px;
  color:black;
}

.fakeBtn
{
  clear:both;
  float:right;
  border:1px outset black;
  background-color:gainsboro;
  font-size:12px;
  padding: 2px 10px;
  cursor:default;
  margin-top:20px;
}


/*  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
             /'\_/`\/\  _`\ /\ \/\ \/\ \/\ \              
            /\      \ \ \L\_\ \ `\\ \ \ \ \ \             
            \ \ \__\ \ \  _\L\ \ , ` \ \ \ \ \            
             \ \ \_/\ \ \ \L\ \ \ \`\ \ \ \_\ \           
              \ \_\\ \_\ \____/\ \_\ \_\ \_____\          
               \/_/ \/_/\/___/  \/_/\/_/\/_____/          
                                                          
 ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
 
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
                               /' \    
    ___      __     __  __    /\_, \   
  /' _ `\  /'__`\  /\ \/\ \   \/_/\ \  
  /\ \/\ \/\ \L\.\_\ \ \_/ |     \ \ \ 
 \  \_\ \_\ \__/.\_\\ \___/       \ \_\
  \ /_/\/_/\/__/\/_/ \/__/         \/_/
 ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
 
.menuButton
{
  font-size: 35px;
  font-weight:bold;
  float:left;
}

.menuButtonActive
{
  font-size: 35px;
  font-weight:bold;
  float:left;
  background-color:#ff7f00;
  color:white;
}

.menuButton:hover
{
  background-color:#ff7f00;
  color:white;
  cursor:pointer;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
                              /'___`\   
  ___      __     __  __     /\_\ /\ \  
/' _ `\  /'__`\  /\ \/\ \    \/_/// /__ 
/\ \/\ \/\ \L\.\_\ \ \_/ |      // /_\ \
\ \_\ \_\ \__/.\_\\ \___/      /\______/
 \/_/\/_/\/__/\/_/ \/__/       \/_____/ 
 ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#navigation_level2
{
  width:215px;
  float:left;
  margin-top:-10px;
}

.navLevel2
{
  width:200px;
  border-bottom:1px solid black;
  margin-top:20px;
  height:30px;
}


.navLevel2Link_roze,
.navLevel2Link_blauw,
.navLevel2Link_oranje,
.navLevel2LinkActive_blauw,
.navLevel2LinkActive_oranje,
.navLevel2LinkActive_roze
{
  font-size:16px;
  font-weight:bold;
}

.navLevel2Link_roze:hover,
.navLevel2LinkActive_roze,
.navLevel2LinkActive_roze:hover
{
  color:#FF29B0;
}

.navLevel2Link_blauw:hover,
.navLevel2LinkActive_blauw,
.navLevel2LinkActive_blauw:hover
{
  color:#4EE9ED;
}

.navLevel2Link_oranje:hover,
.navLevel2LinkActive_oranje,
.navLevel2LinkActive_oranje:hover
{
  color:#FF8D1B;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
                               __     
                             /'__`\   
  ___      __     __  __    /\_\L\ \  
/' _ `\  /'__`\  /\ \/\ \   \/_/_\_<_ 
/\ \/\ \/\ \L\.\_\ \ \_/ |    /\ \L\ \
\ \_\ \_\ \__/.\_\\ \___/     \ \____/
 \/_/\/_/\/__/\/_/ \/__/       \/___/ 
                                      
 ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.navLevel3
{
  width:170px;
  border-bottom:1px solid black;
  margin-top:20px;
  height:20px;
  margin-left:30px;
}

.navLevel3Link_roze,
.navLevel3Link_blauw,
.navLevel3Link_oranje,
.navLevel3LinkActive_blauw,
.navLevel3LinkActive_oranje,
.navLevel3LinkActive_roze
{
  font-size:14px;
  font-weight:bold;
}

.navLevel3Link_roze:hover,
.navLevel3LinkActive_roze,
.navLevel3LinkActive_roze:hover
{
  color:#FF29B0;
}

.navLevel3Link_blauw:hover,
.navLevel3LinkActive_blauw,
.navLevel3LinkActive_blauw:hover
{
  color:#4EE9ED;
}

.navLevel3Link_oranje:hover,
.navLevel3LinkActive_oranje,
.navLevel3LinkActive_oranje:hover
{
  color:#FF8D1B;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
4                                     
                                      
 ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.navLevel4
{
  width:155px;
  border-bottom:1px solid black;
  margin-top:20px;
  height:20px;
  margin-left:45px;
}

.navLevel4Link_roze,
.navLevel4Link_blauw,
.navLevel4Link_oranje,
.navLevel4LinkActive_blauw,
.navLevel4LinkActive_oranje,
.navLevel4LinkActive_roze
{
  font-size:14px;
  font-weight:bold;
}

.navLevel4Link_roze:hover,
.navLevel4LinkActive_roze,
.navLevel4LinkActive_roze:hover

  color:#FF29B0;
}

.navLevel4Link_blauw:hover,
.navLevel4LinkActive_blauw,
.navLevel4LinkActive_blauw:hover
{
  color:#4EE9ED;
}

.navLevel4Link_oranje:hover,
.navLevel4LinkActive_oranje,
.navLevel4LinkActive_oranje:hover
{
  color:#FF8D1B;
}

/* ~~~~~~~~~~~~~~~~~~~~~~
               __        
              /\ \       
  ____  __  __\ \ \____  
 /',__\/\ \/\ \\ \ '__`\ 
/\__, `\ \ \_\ \\ \ \L\ \
\/\____/\ \____/ \ \_,__/
 \/___/  \/___/   \/___/ 
                         
 ~~~~~~~~~~~~~~~~~~~~~ */
 
#subnav
{
  height:47px;
  border-top:6px solid black;
  border-bottom: 1px solid black;
  padding : 0px;
}

#subnav .subNav
{
  font-size:20px;
  font-weight:bold;
}

.subNav:hover
{
  color:#00eaec;
}

.blok1,
.blok2,
.blok3,
.blok4
{
  width:93px; 
  height:78px;
  float:left;
  cursor:pointer;
}

.blok1
{
  background-color:#4fe9eb;
}

.blok2
{
  background-color:#570469;
}

.blok3
{
  background-color:#ff7f00;
}

.blok4
{
  background-color:#f02eac;
}

.year
{
  color:white;
  font-size:19px;
  margin-left:20px;
  margin-top:30px;
}


.formDiv
{
  height:27px;
  width:140px; 
  float:left;
}

.formInnerDiv
{
  margin:5px;
  font-weight:bold; 
  font-size:14px;
}



.inputDiv
{
  height:27px;
  width:370px; 
  float:left; 
  margin-top:2px;
}

.inputDivSmall
{
  height:25px;
  width:200px; 
  float:left; 
  margin-top:2px;
}

.input
{
  border:0px; 
  height:19px;
  width:270px; 
  margin-left:5px; 
  font-size:12px;
  margin-top:4px;
}

.inputSmall
{
  border:0px; 
  height:19px;
  width:100px; 
  margin-left:5px; 
  font-size:12px;
  margin-top:4px;
}

.agenda_rondje
{
  width:27px; 
  height:27px; 
  float:left; 
  color:black; 
  margin-left:-1px; 
  margin-top:-1px;
  background-image:url(/shared/images/agenda_rondje.png); 
  font-weight:bold;
}

.agenda_inner
{
  margin-top:5px;
  margin-left:7px;
  font-size:13px;
}

.agenda_inner_dagen
{
  margin-top:5px;
  margin-left:5px;
  font-size:12px;
}



  .innerDiv
  {
    width:130px; background-color:#ff7f00; height:20px;margin-top:2px; cursor:pointer;
  }
  
  .innerDivBig
  {
    width:230px; background-color:#ff7f00; height:25px;margin-top:2px; cursor:pointer;
  }
  
  .innerText
  {
    padding:3px; color:white; font-size:13px;
  }
  
  .innerTextBig
  {
    padding:4px; color:white; font-size:13px;
  }