/* Design & Code (c) ABOVO Media */
html,
body
{
   padding              : 0;
   margin               : 0;
   height               : 100%;
}

body
{
   font                 : normal 12px "Arial", "Verdana", sans-serif;
   color                : #747679;
}

#wrapper
{
   width                : 960px;
   min-height           : 100%;
   margin               : 0 auto;
   padding              : 0px;
   background           : #fff url('../_images/background.gif') repeat-y;
}

ol
{
   padding-left         : 21px;
}

#top
{
   float                : left;
   width                : 960px;
   height               : 110px;
   background-color     : #fff;
   position             : relative;
}

#top #socialMedia
{
   position             : absolute;
   right                : 40px;
   top                  : 20px;
}

#top #logo
{
   float                : left;
   width                : 194px;
   height               : 73px;
   margin               : 17px 0 0 42px;
   display              : inline;
   background           : transparent url('../_images/logo_background.gif') no-repeat top left;
}

#top #logo img
{
   width                : 194px;
   height               : 73px;
   border               : 0;
}

#top #menu
{
   float                : right;
   margin               : 77px 30px 0 0;
}

#main
{
   float                : left;
   width                : 960px;
   min-height           : 333px;
   margin               : 0 0 50px 0;
}

#main #left
{
   float                : left;
   width                : 304px;
   margin               : 0 12px 0 14px;
   display              : inline;
}

#main #left .block
{
   float                : left;
   width                : 304px;
   margin               : 13px 0 0 0;
}

#main #left .block .positionTerritories
{
   margin-top           : -25px;
}

#main #left .block .top
{
   float                : left;
   width                : 304px;
   height               : 21px;
   background           : transparent url('../_images/block_top.png') no-repeat top left;
}

#main #left .block .middle
{
   float                : left;
   width                : 264px;
   min-height           : 10px;
   padding              : 10px 20px;
   padding-top          : 0px;
   background           : transparent url('../_images/block_middle.png') repeat-y top left;
}

#main #left .block .middle.submenu
{
   padding-left         : 32px;
}

#main #left .block .middle.submenu h2
{
   margin-top           : 0px !important;
   margin-bottom        : 0px !important;
}

#main #left .block .middle .functies
{
   padding-left         : 11px;
}

#main #left .block .bottom
{
   float                : left;
   width                : 304px;
   height               : 15px;
   background           : transparent url('../_images/block_bottom.png') no-repeat top left;
}

#main #right
{
   float                : left;
   width                : 630px;
}

#main #right #breadcrumbs
{
   margin               : 0 0 15px 0;
   font-size            : 11px;
}

#main #right .top
{
   float                : left;
   width                : 616px;
   height               : 17px;
   margin               : 13px 0 0 0;
   background           : transparent url('../_images/right_top.png') no-repeat top left;
}

#main #right .middle
{
   float                : left;
   width                : 556px;
   min-height           : 20px;
   padding              : 10px 32px 10px 28px;
   background           : transparent url('../_images/right_middle.png') repeat-y top left;
}

#main #right .middle td
{
   padding              : 3px;
}

#main #right .middle .middle_bottom
{
   width                : 100%;
   margin-top           : 30px;
}

#main #right .middle .middle_bottom_left,
#main #right .middle .middle_bottom_right
{
   position             : relative;
   width                : 264px;
   float                : left;
}

#main #right .middle .middle_bottom_right .functies ul
{
   margin-top           : 15px;
}

#main #right .middle .middle_bottom_right
{
   padding-left         : 28px;
}

#main #right .bottom
{
   float                : left;
   width                : 616px;
   height               : 17px;
   background           : transparent url('../_images/right_bottom.png') no-repeat top left;
}

      #main #rightSupervisorForm {
         float       : left;
         width       : 304px;
      }
         
         #main #rightSupervisorForm .top {
            float       : left;
            width       : 304px;
            height         : 17px;
            margin         : 13px 0 0 0;
            background     : transparent url('../_images/block_top.png') no-repeat top left;
         }
         
         #main #rightSupervisorForm .middle {
            float       : left;
            width       : 264px;
            min-height     : 20px;
            padding        : 10px 32px 10px 28px;
            background     : transparent url('../_images/block_middle.png') repeat-y top left;
         }
         
            #main #rightSupervisorForm .middle textarea {
               width          : 245px;
               height         : 40px;
               padding        : 2px;
            }
         
         #main #rightSupervisorForm .bottom {
            float       : left;
            width       : 304px;
            height         : 17px;
            background     : transparent url('../_images/block_bottom.png') no-repeat top left;
         }

   #header {
      float       : left;
      width       : 960px;
      height         : 427px;
      margin         : 0 0 13px 0;
      background-repeat: no-repeat;
      background-color: transparent;
      background-position: top left;
      /*background-image: url('../_images/header.jpg');*/
   }
   
   #header-flash {
      float                : left;
      width                : 960px;
      height               : 346px;
      margin               : 0 0 13px 0;
      background-repeat    : no-repeat;
      background-color     : transparent;
      background-position  : top left;
      /*background-image: url('../_images/header1.jpg');*/
      z-index:2;
   }
   
   #header-flash.header-home {
      height               : 441px;
   }

      #main #header {
         height         : 333px;
         margin         : 0;
      }

      #header #overlay {
         float       : left;
         width       : 410px;
         height         : 295px;
         margin         : 36px 0 0 457px;
         padding        : 43px 20px 0 20px;
         display        : inline;
         background     : transparent url('../_images/overlay_background.png') no-repeat top left;
         z-index        : 2;
      }

      #header #overlay #steps {
         float       : left;
         height         : 230px;
         padding        : 0 5px;
      }

         #header #overlay #steps div {
            display        : none;
         }

      #header #overlay #buttons {
         float       : left;
         width       : 371px;
         height         : 49px;
         background     : transparent url('../_images/step-1.jpg') no-repeat top left;
      }

         #header #overlay #buttons div {
            float       : left;
            height         : 49px;
            cursor         : pointer;
         }

            #header #overlay #buttons div img {
               height         : 49px;
               border         : 0;
            }

         #header #overlay #buttons #button-1 {
            width       : 122px;
         }

            #header #overlay #buttons #button-1 img {
               width       : 122px;
            }

         #header #overlay #buttons #button-2 {
            width       : 117px;
         }

            #header #overlay #buttons #button-2 img {
               width       : 117px;
            }

         #header #overlay #buttons #button-3 {
            width       : 132px;
         }

            #header #overlay #buttons #button-3 img {
               width       : 132px;
            }

   #blocks {
      float       : left;
      width       : 956px;
      margin         : 0 0 50px 4px;
      display        : inline;
   }
   
   #blocks .search a{
      cursor: pointer; 
      text-decoration: underline;
   }
   
   
   #blocks .block_image_top{
      position: absolute; 
      top: -10px;
      left: -9px; 
   }
      #blocks .block {
         position       : relative;
         float          : left;
         width          : 264px;
         height         : 290px;
         /*height       : 350px;*/
         margin         : 0 0 0 10px;
         padding        : 15px 20px 0 20px;
         display        : inline;
         background     : transparent url('../_images/block_background.gif') no-repeat top left;
      }

      #blocks .image {
         width       : 160px;
         padding-right  : 124px;
      }
      #blocks .image block_image_top{
         position: absolute; 
         top: -10px; 
         left: -9px;
      }
      #blocks .block .assistent {
         /*position     : absolute;
         top            : 12px;
         right       : -33px;
         width       : 167px;
         height         : 262px;
         background     : transparent url('../_images/block_background.png') no-repeat top left;
         */
      }
      

#footer {
   position    : relative;
   margin         : -39px auto 0 auto !important;
   width       : 960px;
   height         : 39px;
}
#footer .footer2{
position:absolute;
}

#footer img {
   margin-top: 0px;
}

.submenu ul {
   padding-top: 5px;   
}

.submenu ul ul {
   padding-top: 0px;   
}

.clear {
   clear       : both;
}

/* Headings H1-H6 */
h1 {
   font-size      : 28px;
   font-weight    : bold;
   color       : #50bee3;
   margin         : 10px 0 2px 0;
}

   #overlay h1 {
      line-height    : 40px;
      margin         : 0;
      text-transform : uppercase;
   }

   #right h1 {
      font-size      : 24px;
   }

h2 {
   font-size      : 18px;
   font-weight    : bold;
   color       : #9A2060;
   margin         : 10px 0 5px 0;
}

#right h2 {
   font-size      : 22px;
   margin         : 10px 0 5px 0;
}

#right span.appetizer
{
   font-size            : 14px;
   font-weight          : bold;
   color                : #00B1E6;
   margin               : 10px 0 5px 0;
}

h3 {
   font-size      : 15px;
   font-weight    : bold;
   color       : #50bee3;
   margin         : 10px 0 5px 0;
}

h4 {
   color       : #00b1e6;
   font-size      : 12px;
   font-weight    : bold;
   margin         : 10px 0 5px 0;
}

#blocks .block h2 {
   margin-top: 0px;   
}

h5 { }

h6 { }


/* Paragraph and Link Styles */
p {
   line-height    : 18px;
   margin         : 0 0 10px 0;
}

   #blocks p {
      /*height        : 172px;*/
      margin-bottom   : 10px;
   }

a {
   color       : #00b1e6;
   text-decoration   : none;
}

a:hover {
   color       : #9A2060;
}

   #blocks a {
      color       : #9A2060;
      margin         : 0 0 0 0px;
   }

/* Lists and Navigation */
ul { }

     #menu ul.main { }

      #menu ul.main li {
         display        : block;
         padding        : 0 25px 0 0;
         float          : left;
         height         : 36px;
         ?position       : relative;
      }

         #menu ul.main li a {
            color       : #00b1e6;
            font-size      : 13px;
            font-weight    : bold;
            text-decoration   : none;
         }
         
         #menu ul.main li a:hover {
            color       : #a50c6d;
         }

         #menu ul.main li.active a {
            color          : #a50c6d;
         }

   #menu ul li.open ul {
      display: block;
   }

   #menu ul.submain {
      position          : absolute;
      display           : none;
      z-index           : 1000;
      border            : 1px solid #36a3bf;
      border-top        : 0;
      background-color  : #ffffff;
      /*opacity            : 0.85;
      filter            : alpha(opacity=85);*/
      padding           : 5px 0;
      margin            : 17px 0 0 -16px;
      ?margin           : 33px 0 0 -16px !important;
      ?left             : 0;      
   }
   
   #menu ul.main li.last {
      position: relative;
      padding-right: 10px;
   }
   #menu ul li.last ul.submain {
      ?left              : auto;
      right             : 0 !important;      
   }
   
   #menu ul.submain li a {
     color       : #00b1e6 !important;
     white-space : nowrap;
   }
   
   #menu ul.submain li a:hover {
     color       : #a50c6d !important;
   }

      #menu ul.submain li {
         display        : block;
         padding        : 5px 17px 5px 15px;
        
         height         : auto !important;
         float          : auto;
         clear          : both;
      }
   
   
   .functies ul {
      /*height       : 171px;*/
      border-top     : 1px solid #f3f3f3 !important;
      margin-left    : 0px !important;
      list-style-type: none !important;
      padding-left    : 0px !important;
   }
   
   .functies ul li {
     list-style-image: none !important;
     margin-left: 0px !important;
   }
   
   #blocks .functies{
      /*padding-top: 10px;
      height: 269px;*/
   }
   .functies .more_vacancies{
      float: right;
      padding-top: 6px;
      padding-right: 8px;
   }
   .functies .more_vacancies a:hover{
      text-decoration: underline;
   }
      .functies ul li {
         /*height       : 23px !important;*/
         border-bottom  : 1px solid #f3f3f3 !important;
         padding        : 8px 0 0 0 !important;
         background     : transparent url('../_images/arrow.gif') no-repeat right !important;
      }

         .functies ul li a {
            /*width        : 250px;*/
            font-weight    : bold !important;
            text-decoration   : none !important;
            margin         : 0 0 2px 0 !important;
            display        : block !important;
            color          : #a50c6d !important;  
            padding-bottom : 8px;
         }

         .functies ul li a:hover {
            text-decoration   : underline !important;
         }

   #left .block ul, #right ul {
      margin            : 0 0 0 15px;
      list-style-image  : url('../_images/dot_blue.gif');      
   }
   #right .list ul.listItems{
   
   }
      #left .block ul li, #right ul li {
         /*display         : block;*/
         padding        : 3px 0;
         margin-left    : 15px;
         list-style-image: url('../_images/dot_blue.gif');

      }

         #left .block ul li a, #right ul li a {
            /*font-weight     : bold;*/
            color       : #00b1e6;
            text-decoration   : none;
         }
         #right ul li a{
            
            font-weight    : normal;
            text-decoration   : none;
         }
         #left .block ul li a:hover, 
         #left .block ul li.active a,
         #right ul li a:hover,
         #right ul li.active a
         {
            color       : #a50c6d;
         }
         #left .block ul li ul.submain_side li a:hover, #left .block ul li ul.submain_side li.active a{
            color       : #a50c6d;
         }
         #left .block ul li ul.submain_side{
            margin-left: 15px;
         }

   #right ul {
      margin         : 10px 0 10px 0;
      padding        : 0 0 0 15px;
   }

      #right ul li {
         padding        : 2px 0 2;
         
         /*list-style-type : disc;*/
      }

/* Forms */
.search form {
   margin         : 0 0 15px 0px;
   margin-bottom: 10px;
}
.search form span{
   cursor: pointer;
   color: #9A2060;
   text-decoration: underline;
}
.search input, .search select, input, select {
   width       : 154px;
   height         : 18px;
   border         : 0;
   padding        : 0 0 0 2px;
   font        : normal 12px "Arial", "Verdana", sans-serif;
   color       : #747679;
   background-color: #F2F9fB;
   /*background      : transparent url('../_images/search_input.gif') no-repeat top left;*/
}

select {
   height         :25px !important;
   padding-bottom :2px !important;
   padding-top    :2px !important;
}

.search input {
   height         : 17px;
   padding        : 1px 0 0 2px;
}
.search input, input{
   height         : 18px;
   padding        : 4px 0 1px 5px;
   background-color: #F2F9fB;
   border         : 1px solid #d3eef4;
}
.search select, select{
   height         : 25px;
   padding-top    : 2px;
   width       : 144px;
   border         : 1px solid #d3eef4;
}

textarea{
   width       : 154px;
   height         : 100px;
   border         : 0;
   padding        : 0 0 0 2px;
   font        : normal 12px "Arial", "Verdana", sans-serif;
   color       : #747679;
   background : #f2f9fb;
   border: 1px solid #d3eef4;
   margin-top:2px;
   margin-bottom:2px;
}

.search .form_submit_button, .form_submit_button, input.form_submit_button, .submit {
   padding          : 0;
   height           : 25px;
   width            : 161px !important;
   cursor           : pointer;
   border           : 0px;
   background       : transparent url(../_images/submit_bg.gif) no-repeat;
   color            : #737576;
   display          : block;
   text-align       : center;
}

.form_submit_button.sendButton {
   margin-top: 15px;   
}

.form_submit_button.sendButton a {
   color:#737576 !important;
   display:block;
   padding-top:5px;
}

input.zoekprofiel_input{
   width       : 20px;
   height         : 15px;
}
#doelgroepen {
   padding-top : 5px;
}
   #doelgroepen li {
      height         : 55px;
      padding        : 0px 0px 0px 55px;
      color          : #995b87;
      font-weight    : bold;
   }
   
   #doelgroepen li a {
     text-decoration: none !important;
     display: block;
     padding-bottom: 18px;
     padding-top: 18px;
   }
   
   #doelgroepen li a:hover {
     text-decoration: underline !important;
   }

   #doelgroepen #ok {
      background     : transparent url('../_images/icon_ok.jpg') no-repeat top left;
   }
   
      #doelgroepen #ok:hover {
         background     : transparent url('../_images/icon_ok_hover.jpg') no-repeat top left;
      }

   #doelgroepen #seh {
      background     : transparent url('../_images/icon_seh.jpg') no-repeat top left;
   }
   
      #doelgroepen #seh:hover {
         background     : transparent url('../_images/icon_seh_hover.jpg') no-repeat top left;
      }

   
   #doelgroepen #ccu {
      background     : transparent url('../_images/icon_ccu.jpg') no-repeat top left;
   }
   
      #doelgroepen #ccu:hover {
         background     : transparent url('../_images/icon_ccu_hover.jpg') no-repeat top left;
      }

.titleDiv {
   font-size      : 18px;
   font-weight    : bold;
   color       : #50bee3;
   margin         : 0 0 10px 0;
}
#blocks .functies .titleDiv, #left .functies .titleDiv {
      margin-top: 10px;
   }
   #blocks .titleDiv, #left .titleDiv{
      margin         : 0 0 13px 5px;
   }
/* Modules */

   /* Blokken */
   .block_submit{
      cursor          : pointer;
      color           : #00b1e6;
      text-decoration : underline;
   }
   /* Bel mij blok */
   .belmij{

   }
   .belmij .belmij_top{
      float       : left;
      width       : 264px;
      height         : 10px;
      background     : transparent url('../_images/bel_mij_top.jpg') no-repeat top left;
   }
   .belmij .belmij_content{
      float: left;
      background-color: #E7F8FC;
      width: 240px;
      padding: 0 12px 0 12px;
   }
   .belmij input{
      
      background     : none;
      background-color: #ffffff;    
      height         : 21px;
      padding-top    : 7px;
      padding-left   : 5px;
   }
   .belmij .belmij_bottom{
      float       : left;
      width       : 264px;
      height         : 11px;
      background     : transparent url('../_images/bel_mij_bottom.jpg') no-repeat top left;
   }
   .belmij .belmij_submit{
      cursor: pointer;
   }
   /* Eind belmij */

   /* Testimonial */

   .testimonial{

   }
   .testimonial .testimonial_top{
      float       : left;
      width       : 264px;
      height         : 50px;
   }
   .testimonial .testimonial_content{
      float       : left;
      width       : 264px;
      height         : 52px;
      color       : #9A2060;
   }
   .testimonial a{
      text-decoration   : none;
   }
   .testimonial .testimonial_bottom{
      cursor         : pointer;
      float       : left;
      color       : #ffffff;
      width       : 264px;
      height         : 52px;
      background     : transparent url('../_images/testimonial_button.jpg') no-repeat top left;
      margin         : 10px 0 0 0;
   }
   .testimonial .testimonial_bottom .testimonial_bottom_content{
      padding        : 10px 0 0 12px
   }
   .testimonial .testimonial_bottom .name{
      font-weight    : bold;
   }
   .testimonial .testimonial_bottom .function{
      font-size      : 11px;
   }
   /* Eind testimonial */

   /* Block open sollicitatie */

   .open_sollicitatie{
      
   }
   .open_sollicitatie .open_sollicitatie_top{
      float       : left;
      width       : 264px;
      height         : 50px;
      background     : transparent url('../_images/open_sollicitatie_top.jpg') no-repeat top left;
   }
   .open_sollicitatie .open_sollicitatie_content{
      float       : left;
      background-color: #E7F8FC;
      width: 240px;
      padding: 0 12px 0 12px;
   }
   .open_sollicitatie select{
      
      background     : none;
      background-color: #ffffff;    
      height         : 21px;
      padding-top    : 2px;
      width       : 135px;

   }
   .open_sollicitatie .open_sollicitatie_bottom{
      float       : left;
      width       : 264px;
      height         : 12px;
      background     : transparent url('../_images/open_sollicitatie_bottom.jpg') no-repeat top left;
   }

   /* Eind open sollicitatie */
   /* Formulieren module */
   .checkbox{
      background-color: #ffffff;
   }
   /* Einde formulierenmodule */
   /* Vacancies */

   .middle .sidepanelpotentiallogin{
      margin-left: 10px;
   }
   
   #potentialRegisterForm input, #reactionForm input{
      margin-top: 2px;
      margin-bottom: 2px;
   }
   #right .AllVacancies .list ul.listItems li.listItem a{
      font-weight: normal;
   }
   
   .block .alysis_video_holder {
     height: 189px;
   }

   .block .alysis_video {
     position : absolute;
     top      : 34px;
   }
   
   .spacer {
     clear    : both;
     height   : 22px;
     width    : 100%;
   }
   
   #blocks .block .spacer {
     height   : 15px;
   }
   
   .maak_kennis_holder {
     position : relative;
     height   :79px;
   }
   
   .maak_kennis_holder .maak_kennis {
     position : absolute;
     top      : -24px;
   }
   
   .forms td {
     margin: 0 !important;
     padding: 0 !important;
     padding-right: 10px !important;
     vertical-align: middle !important;
   }
   
   #cv_file, #application_file {
     height: 23px;
   }
   
   .forms div.hr {
     background-color :#EEEEEE !important;
   }

#overlay,
#header {
   position: relative;
}

.headerSpotlight {
   display: none;
}

#header-flash .headerSpotlight,
#flash-header .headerSpotlight {
   display: block;
   position: absolute;
   bottom: 13px;
   left: 0px;
   width: 960px;
   height: 36px;
   overflow: hidden;
   z-index:9999;
}

#flash-header .headerSpotlight {
   bottom: 18px;
}

#header-flash .headerSpotlight a,
#flash-header .headerSpotlight a {
   color: #FFFFFF;
   display: block;
}

#header-flash .headerSpotlight .containter,
#flash-header .headerSpotlight .containter {
   font-size:11pt;
   font-weight:bold;
   padding:10px 16px 12px 35px;
   height:14px;
   overflow:hidden;
   z-index:9999;
   position:relative;
   float: right;
   display: inline;
   background: transparent url('../_images/header_spotlight_bg.png') no-repeat top left;
}

#header-flash .headerSpotlight .containter img,
#flash-header .headerSpotlight .containter img {
   vertical-align: middle;   
   margin-left: 10px;
}

#footer .privacy{
   color:#FFFFFF;
   left:18px;
   position:absolute;
   top:12px;
}

#footer .privacy a{
   color: #ffffff;
   text-decoration: none;
}
#footer .privacy a:hover{
   text-decoration: underline;
}

.testimonial_link{
   color: #FFFFFF;
   display: block;
}