* { 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:700px; 
}

#navigation img
{
  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:hover,
.navLevel2LinkActive,
.navLevel2LinkActive:hover,
.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:102px; 
  height:85px;
  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-top:30px;
	text-align:center;
}


.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;
}

#home01,#home02,#home03{width:300px; height:472px; background-image:url(/shared/images/home01.png); float:left;}
#home02{background-image:url(/shared/images/home02.png);}
#home03{background-image:url(/shared/images/home03.png);}
.clear{clear:both;}

#target input[type="text"],#target select{background-color:#ffffff; border:1px solid #cccccc; padding:2px; font-size:12px; float:left; margin-top:5px; width:150px;}
#target label{font-size:11px; font-weight:bold; width:170px; clear:both; float:left; margin-top:5px;}

.cursusblock{width:195px; padding:10px; float:left; margin:15px; background-color:#fe45bb;}
.cursusblock h2{margin:0px;}

.courseWeek{width:170px; text-align:center; float:left; margin:1px; padding:3px; font-size:12px; color:#32383e; background-color:#F3F3F3;}
.courseList{width:175px; float:left;}
.courseList li{font-size:12px; margin:0px; padding:0px; }
.courseList ul{padding:10px 0px 10px 20px; margin:0px;}
.courseList span{font-size:11px; font-weight:bold;}
.courseList a,#basket{cursor:pointer; color:#fe29b1; text-decoration:underline; font-size:12px; }
#dialog-basket-inner{font-size:12px;}

#courseFormHeader a:hover{color:#FE45BB;}
#courseForm_active{background-color:#E7E7E7;}

#ticketFormHeader a:hover{color:#FF8D20;}
#ticketForm_active{background-color:#E7E7E7;}

#okFormdiv p{font-size:11px; margin:5px 0px 5px 0px;}

div.clear{height:0px; overflow:hidden;}

#main_large{width:950px;}


.floatL{float:left;}
.floatR{float:right;}
.clear{clear:both;}

.ticketForm td{font-size:12px;}

.target{overflow:hidden;}