/* ----------------------------------------------------------------------------
global
-----------------------------------------------------------------------------*/

html {
   height:                100%;
   overflow:             -moz-scrollbars-vertical;
}

body {
   background:            #FFF;
   margin:               0px;
   text-align:            center;
   font:                  normal 12px arial;
}

img {
   border:               0;
}

ul, ol, li {
   margin-top: 0;
   margin-bottom: 0;
}

.left {
   float:               left;
}

.right {
   float:               right;
}

.wrapper {
   width:               100%;
   overflow:            hidden;
}

a {
   font-weight:         bold;
   color:               #0092C7;
   text-decoration:     underline;   
}


/* ----------------------------------------------------------------------------
layout
---------------------------------------------------------------------------- */

.contentwrapper {
   margin:                  auto;
   width:                  850px;
   text-align:               left;
}

.mainwrapper {
   margin:                  auto;
}

.globalnavigation {
   background:               #FFF;
   height:                  54px;
   text-align:               center;
}

.clicktext {
   width:                  576px;
   text-align:               right;
   height:                  33px;
}

.textRB {
   font:               bold 15px arial;
   color:               #FFF;
}


/* ----------------------------------------------------------------------------
content
---------------------------------------------------------------------------- */

div.top {
   height:               199px;
}

div.top div.textbox {
   background-color:      #00ADC7;
   width:               186px;
   font:               normal 24px arial;   
   color:               #FFF;
   height:               199px;
   text-align:            center;
}

div.top div.photobox {
   width:               664px;
   height:               199px;
   display:               block;
}


/* ----------------------------------------------------------------------------
nav
---------------------------------------------------------------------------- */

div.navbox {
   width:               186px;
}

div.main {
   width:               664px;
   padding:               0;
   color:               #4C4C4C;
   min-height:          360px;
}

div.text {
   padding:               25px 50px;
}

div.zoek {
   background-color:      #00ADC7;
   width:               204px;/*254px*/
   padding:               25px;
   color:               #FFF;
}

div.zoek select.zoek {
   width:               204px;
   font-size:            11px;
}

h1 {
   color:               #0092C7;
   font-size:            15px;
   margin:               0;
}

h2 {
   color:               #0092C7;
   font-size:            12px;
   margin-bottom:         0;
}

h3 {
   color:               #FFF;
   font-size:            14px;
   margin:               0;
}

.intro {
   font-size:            13px;
   color:               #000;
   margin-top:            0;
   font-weight:         bold;
}

a.zoekbtn {
   color:               #000;
   background:            #5CCBDB url("/images/Corporate/bg_arrowbtn.gif") no-repeat scroll center right;
   display:               block;
   border:               solid 1px #FFF;
   height:               14px;
   width:               65px;
   padding:               2px 5px;
   text-decoration:      none;   
}


/* ----------------------------------------------------------------------------
Pure CSS menu
http://www.howtocreate.co.uk/tutorials/testMenu.html
---------------------------------------------------------------------------- */

ul.mainMenu {
   width:               186px;
   border:              0px;
   background-color:    #fff;
   padding:             0px;        /* stops the usual indent from ul */
   margin:              0px;        /* Opera 7 final's margin and margin-box model cause problems */
   cursor:              default;    /* gives an arrow cursor */         
}

ul.mainMenu ul {
   width:               229px;
   border:              0px;
   background-color:    #60CDDD;
   padding:             0px;        /* stops the usual indent from ul */
   margin:              0px;        /* Opera 7 final's margin and margin-box model cause problems */
   cursor:              default;    /* gives an arrow cursor */         
}         

ul.mainMenu li {
   list-style-type:     none;       /* removes the bullet points */
   margin:              0px;        /* Opera 7 puts large spacings between li elements */
   position:            relative;   /* makes the menu blocks be positioned relative to their parent menu item
                                       the lack of offset makes these appear normal, but it will make a difference
                                       to the absolutely positioned child blocks */
   height:              31px;
   line-height:         31px;            
   color:               #0092C7;
   font-size:           11px;
   font-weight:         bold;   
   text-decoration:     none;
   text-align:          right;
   padding:             0 15px;
}

ul.mainMenu li ul li {
   text-align:          left;
}         

ul.mainMenu li > ul {               /* using the > selector prevents many lesser browsers (and IE - see below) hiding child ULs */
   display:             none;       /* hides child menu blocks - one of the most important declarations */
   position:            absolute;   /* make child blocks hover without leaving space for them */
   top:                 0px;
   left:                186px;      /* this must not be more than the width of the parent block, or the mouse will
                                       have to move off the element to move between blocks, and the menu will close */
}

ul.mainMenu li ul li > ul {         /* using the > selector prevents many lesser browsers (and IE - see below) hiding child ULs */
   left:                229px;      /* this must not be more than the width of the parent block, or the mouse will
                                       have to move off the element to move between blocks, and the menu will close */
}

ul.mainMenu li:hover, ul.mainMenu li.CSStoHighlight,  ul.mainMenu li.true{
   background:          #D6F3F7 url("/images/Corporate/bg_subnav_true.gif") no-repeat scroll top right;
   color:               #000;
}

ul.mainMenu li ul li:hover, ul.mainMenu li ul li.CSStoHighlight {
   background:          #60CDDD url("/images/Corporate/bg_subnav_true.gif") no-repeat scroll top right;
   color:               #fff;   
}

ul.mainMenu ul.CSStoShow {          /* must not be combined with the next rule or IE gets confused */
   display:             block;      /* specially to go with the className changes in the behaviour file */
}

ul.mainMenu li:hover > ul {         /* one of the most important declarations - the browser must detect hovering over arbitrary elements
                                       the > targets only the child ul, not any child uls of that child ul */
   display:             block;      /* makes the child block visible - one of the most important declarations */
}

/* and some link styles */
ul.mainMenu li a { 
   color:               #0092C7;
   display:             inline-block;
   width:               100%;   
   text-decoration:     none;
}

ul.mainMenu li ul li a {
   color:               #000;
}
         
ul.mainMenu li a:hover, ul.mainMenu li a.CSStoHighLink, ul.mainMenu li.true a { 
   color:               #000; 
}

ul.mainMenu li ul li a:hover, ul.mainMenu li ul li a.CSStoHighLink {
   color:               #fff;
}

/*         ul.mainMenu li:hover > a { color: #000; } *//* supports links in branch headings - must not be display: block; */


/* ----------------------------------------------------------------------------
   calendar
---------------------------------------------------------------------------- */
.calendarTable
{
   float:                   left;
   border:              0;
   border-collapse:     collapse;   
   cell-spacing:        0;
   margin:              0;
   padding:             0;   
}
.calendarTable td          
{
   background-color:    #eeeeee;
   text-align:          center;
   border:                solid 2px #FFF;
   font-size:                 10px;
   cell-spacing:        0;
   margin:              0;
   padding:             0;      
}
.calendarTable td.month  
{
   background-color:    #dddddd;
   text-align:          left;
   font-weight:         bold;
   font-size:                 12px;
}
.calendarTable td.weekdayname  
{
   background-color:    #cccccc;
   text-align:          center;
}
.calendarTable td.weekendday  
{
   background-color:    #bbbbbb;
   text-align:          center;
}

.calendarTable td.marked,
.calendarTable td.marked a  
{
   background-color:    #0092C7;
   color:               white;
}

.calendarTable td.marked a.popup
{
   color:               #00529C;
   background-color: #FFF;
}

.calendarTable td.marked div.rel
{
   position:            relative;
}

.calendarTable td.marked div.popup
{
   background-color:    #FFF;
   border:              solid 3px #000;
   color:               #000;
   display:             none;
   left:                0;
   top:                 0;
   padding:             5px;
   position:            absolute;
   width:               200px;
   text-align:          left;
   vertical-align:      top;   
}

.calendarTable td.selected,
.calendarTable td.selected a 
{
   background-color:    #ff0000;
   color:               yellow;
}


/* ----------------------------------------------------------------------------
   Network relations
---------------------------------------------------------------------------- */

div.rel
{
   position:            relative;
}

div.relationPopup
{
   background-color:    #FFF;
   border:              solid 3px #000;
   color:               #000;
   display:             none;
   left:                0;
   top:                 0;
   padding:             5px;
   position:            absolute;
   width:               250px;
   text-align:          left;
   vertical-align:      top;   
}


/* ----------------------------------------------------------------------------
   print
---------------------------------------------------------------------------- */
@media print
{
   div.globalnavigation,
   div.top,
   div.navbox
   {
      display:       none;
      visibility:    hidden;
   }
   
   div.mainwrapper,
   div.contentwrapper
   {
      margin:        0;
   }  
   
   body
   {
      text-align:    left;
   }
   
   .left, .right
   {
      float:         none;
   }
}