html, body {
   padding        : 0;
   margin         : 0;
   height         : 100%;
}

body {
   font           : normal 12px "Arial", "Verdana", sans-serif;
   background     : #fff url('../_images/background.gif') repeat-x top left;
   color          : #444;
}

#wrapper {
   margin         : 0 auto;
   min-height     : 100%;
   width          : 970px;
}

#top {
   float          : left;
   width          : 100%;
   height         : 39px;
}

   #top #search {
      float          : right;
      margin         : 4px 30px 0 0;
      display        : inline;
   }

      #top #search img {
         vertical-align : middle;
         margin-left    : -3px;
      }

#header {
   float          : left;
   width          : 100%;
   height         : 176px;
   background-repeat: no-repeat;
   background-position: top right;
   background-color: transparent;
}

   #header #logo {
      width          : 248px;
      height         : 57px;
      margin         : 44px 0 36px 16px;
      background     : transparent url('../_images/logo_background.gif') no-repeat top left;
   }

      #header #logo img {
         width          : 248px;
         height         : 57px;
         border         : 0;
      }

   #header #menu {
      height         : 39px;
      margin         : 137px 0 0 8px;
      position       : relative;
      z-index        : 100;
   }

#breadcrumbs {
   float          : left;
   width          : 896px;
   height         : 29px;
   margin         : 0 37px;
   color          : #fff;
   padding        : 16px 0 0 0;
   display        : inline;
}

#main {
   float          : left;
   width          : 960px;
   margin         : 0 0 70px 0;
   padding        : 0 5px;
   min-height     : 650px;
   background     : transparent url('../_images/background.png') no-repeat top left;
}

#intro {
   float          : left;
   width          : 590px;
   margin         : 23px 0 20px 30px;
   padding        : 5px 20px 10px 0;
   border-right   : 1px solid #dbe0e1;
   display        : inline;
}

#jobsearch {
   float          : left;
   width          : 290px;
   margin         : 23px 0 10px -1px;
   padding        : 5px 0 10px 20px;
   border-left    : 1px solid #dbe0e1;
   display        : inline;
}

   #jobsearch img {
      vertical-align : middle;
      margin         : 0 0 0 3px;
   }

#highlights {
   float          : left;
   width          : 960px;
   height         : 119px;
   padding        : 26px 0 0 0;
   background     : transparent url('../_images/highlight_background.gif') repeat-x top left;
}

#highlights li{
	list-style		: none;
}
   #highlights #previous {
      cursor         : pointer;
      float          : left;
      width          : 50px;
      height         : 70px;
      background     : transparent url('../_images/previous.gif') no-repeat center;
   }
   #highlights #previous2 {
      float          : left;
      width          : 50px;
      height         : 70px;
      background     : transparent;
   }

   #highlights #highlight {
      float          : left;
      width          : 860px;
      height         : 70px;
      position       : relative;
      overflow       : hidden;
   }

      #highlights #highlight #carousel {
         width          : 10000px;
         margin         : 0;
         padding        : 0;
         position       : absolute;
         top            : 0;
         left           : 0;
      }

      #highlights #highlight ul#carousel li {
         float          : left;
         height         : 60px;
         width          : 200px;
         margin         : 0 20px 0 0;
         background     : transparent url('../_images/carousel_background.gif') no-repeat top left;
         text-align     : center;
         position       : relative;
         padding        : 10px 0 0 0;
      }

         #highlights #highlight ul#carousel li .overlay {
            display        : none;
            position       : absolute;
            width          : 200px;
            height         : 58px;
            top            : 0;
            left           : 0;
            color          : #fff;
            font-weight    : bold;
            padding        : 12px 0 0 0;
            cursor         : pointer;
            background     : transparent url('../_images/overlay.png') no-repeat top left;
         }

         #highlights #highlight ul#carousel li:hover .overlay {
            display        : block;
         }

   #highlights #next {
      cursor         : pointer;
      float          : left;
      width          : 50px;
      height         : 70px;
      background     : transparent url('../_images/next.gif') no-repeat center;
   }
   
   #highlights #next2 {
      float          : left;
      width          : 50px;
      height         : 70px;
      background     : transparent;
   }

   #highlights #more {
      float          : left;
      margin         : 17px 0 0 50px;
      font-size      : 11px;
      color          : #aacddc;
      display        : inline;
   }

#left {
   float          : left;
   width          : 590px;
   margin         : 20px 30px 0 30px;
   display        : inline;
}

   #home #left {
      width          : 280px;
   }
   #left .date{
     	font-size   : 11px;
    	margin      : 0 0 2px 0;
   }

   #left .block {
      float          : left;
      width          : 560px;
      min-height     : 17px;
      padding        : 15px 15px 0 15px;
      background     : transparent url('../_images/block_background.png') no-repeat top left;
   }

      #left .block .info {
         margin-top     : -5px;
         float          : right;
      }

      #left .block .logo {
         float          : left;
         margin         : 0 15px 15px 0;
      }
   
   #left #vacature {
      float          : left;
      margin         : 0 0 15px 0;
   }

   #left #vacature-logo {
      float          : right;
      margin         : 0 0 15px 0;
   }

   #left #options {
      float          : right;
      width          : 180px;
      height         : 170px;
      margin         : 5px 0 15px 15px;
      padding        : 20px 20px 0 20px;
      background     : transparent url('../_images/options_background.gif') no-repeat top left;
   }

      #left #options strong {
         display        : block;
         color          : #0775a3;
         margin         : 0 0 10px 0;
      }

      #left #options img {
         vertical-align : middle;
         margin         : 0 5px 0 0;
      }

   #left #buttons {
      margin         : 0 0 5px 0;
   }

   #vacatures {
		margin			: 0 0 20px 0;
   }

      #vacatures .collapse {
         display        : none;
         margin         : 10px 0 0 0;
      }

      #newscategory .collapse {
         display        : none;
         margin         : 10px 0 0 0;
      }
	  
#middle {
   float          : left;
   width          : 280px;
   margin         : 20px 30px 0 0;
}

   #tags {
      float       : left;
      width       : 280px;
      height      : 210px;
      margin      : 0 0 20px 0;
   }

   #contact {
      float       : left;
      width       : 260px;
      height      : 77px;
      position    : relative;
      padding     : 8px 0 0 20px;
      background  : transparent url('../_images/contact_background.gif') no-repeat top left;
   }

      #contact .phone {
         position    : absolute;
         top         : 46px;
         left        : 43px;
      }

      #contact .email {
         position    : absolute;
         top         : 46px;
         left        : 162px;
      }

#right {
   float          : left;
   width          : 280px;
   margin         : 30px 30px 0 0;
   display        : inline;
}

   #home #right {
      margin         : 20px 30px 0 0;
   }

   #right #news { }

      #right #news .date {
         font-size      : 11px;
         display        : block;
         margin         : 0 0 2px 0;
      }

   #right #searchjob {
      width          : 240px;
      height         : 140px;
      margin         : 0 0 15px 0;
      padding        : 12px 20px 20px 20px;
      color          : #fff;
      background     : transparent url('../_images/searchjob_background.gif') no-repeat top left;
   }

   #right #mail {
      width          : 182px;
      height         : 91px;
      padding        : 11px 20px 0 78px;
      margin         : 0 0 15px 0;
      color          : #b1d5e5;
      background     : transparent url('../_images/mail_background.gif') no-repeat top left;
   }

#footer {
   position       : relative;
   margin         : -45px 0 0 0 !important;
   width          : 100%;
   height         : 45px;
   background-color: #eef6f9;
   border-top     : 1px solid #e0eef3;
   min-width      : 970px;
}

   #footer #footer-wide {
      position       : absolute;
      width          : 100%;
   }

   #footer #footer-wrapper {
      margin         : 0 auto;
      width          : 910px;
      padding        : 15px 0 0 0;
   }

   #footer #copyright {
      float          : left;
   }

   #footer #servicemenu {
      float          : right;
   }

      #footer #servicemenu img {
         vertical-align    : middle;
      }

.clear {
   clear          : both;
}

.row {
   border-top     : 1px solid #d0d4d6;
   padding        : 12px 10px 12px 10px;
}
.row2 {
   border-top     : 1px solid #d0d4d6;
   padding        : 12px 10px 12px 10px;
}

   #vacatures .row {
      background     : transparent url('../_images/row.gif') no-repeat 260px 15px;
   }

#vacatures .last, #news last {
   border-bottom  : 1px solid #d0d4d6;
}

   #newscategory .row {
      background     : transparent url('../_images/row.gif') no-repeat 260px 15px;
   }

#newscategory .last, #news last {
   border-bottom  : 1px solid #d0d4d6;
}

.smallcontent{
   margin-left    :  10px;
   }
/* Headings H1-H6 */
h1 {
   font-size         : 26px;
   margin            : 0 0 10px 0;
}

h2 {
   font-size         : 20px;
   margin            : 0 0 0 0;
}

h3 {
   font-size         : 16px;
   margin            : 0 0 0 0;
   width             : 300px;
}

   .block vacature h3{
   width: 300px;
   }
   #vacatures h3, #news h3 {
   	font-size         : 22px;
      margin            : 0 0 10px 10px;
   }

   #newscategory h3, #news h3 {
   	font-size         : 22px;
      margin            : 0 0 10px 10px;
   }   
   
h4 {
   font-size         : 18px;
}

   #searchjob h4 {
      font-size         : 26px;
      margin            : 0 0 10px 0;
   }


h5 {
   font-size         : 16px;
   margin            : 0 0 10px 0;
}

h6 {
   font-size         : 16px;
   margin            : 0 0 10px 0;
}

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

   #left p {
      margin         : 0 0 15px 0;
   }

   #left .block p {
      margin         : 15px 0;
   }
   #left .block td p {
      margin         :0;
   }

   #left .vacature p {
      margin         : 0 0 15px 0;
   }

   #mail p {
      margin         : 3px 0 0 0;
      line-height    : 16px;
   }

a {
   color          : #0775a3;
}

   #breadcrumbs a {
      color          : #fff;
   }

   a.title {
      text-decoration: none;
   }

   a.title:hover {
      text-decoration: underline;
   }

   #vacatures a.title {
      color          : #444;
   }

   #newscategory a.title {
      color          : #444;
   }
   
   #news a.title {
      display        : block;
      margin         : 0 0 3px 0;
   }

   #news p a {
      text-decoration: none;
   }

   #news p a:hover {
      text-decoration: underline;
   }

   #highlights #more a {
      color          : #aacddc;
      font-size      : 11px;
      text-decoration: none;
   }

   #highlights #more a:hover {
      text-decoration: underline;
   }

   #highlights #highlight ul#carousel li .overlay a {
      position       : absolute;
      top            : 40px;
      left           : 52px;
      color          : #0775a3;
      text-decoration: none;
   }

   #left .block .title, #vacature a {
      font-weight    : bold;
      text-decoration: none;
   }

   #left .block .title:hover, #vacature a:hover {
      text-decoration: underline;
   }

/* Lists and Navigation */
ul { }

   #menu ul {
      height         : 39px;
   }

   #menu li {
      list-style		: none;
   }

      #menu ul li {
         float          : left;
         height         : 39px;
         background     : transparent url('../_images/menu_li_background.gif') no-repeat top left;
         padding        : 0 0 0 3px;
         margin         : 0 5px 0 0;
         position       : relative;
      }

      #menu ul li.active {
         margin         : 0 8px 0 2px;
         background     : transparent url('../_images/menu_li_active.gif') repeat-x bottom left;
      }

         #menu ul li a {
            float          : left;
            height         : 26px;
            background     : transparent url('../_images/menu_a_background.gif') no-repeat top right;
            padding        : 13px 28px 0 25px;
            color          : #444;
            font-weight    : bold;
            text-decoration: none;
         }

         #menu ul li a:hover {
            text-decoration: underline;
         }

         #menu ul li.active a {
            color          : #fff;
            background     : none;
         }

         #menu ul li.active a:hover {
            text-decoration: none;
         }

   #menu ul.submain {
      height         : auto;
      position       : absolute;
      z-index        : 100;
      left           : -999em;
      background-color: #2085b1;
      border         : 1px solid #0675a2;
      margin         : 39px 0 0 1px;
   }

      #menu ul.submain li {
         height         : auto;
         padding        : 0;
         margin         : 0;
         background     : none;
         float          : none;
         width          : 217px;
      }

         #menu ul.submain li a {
            height         : auto;
            display        : block;
            padding        : 10px 10px 0 10px;
            border-bottom  : 1px solid #0675a2;
            margin         : 0;
            color          : #fff;
            text-decoration: none;
            background     : none;
            float          : none;
            font-weight    : normal;
            height         : 25px;
         }

         #menu ul.submain li a:hover, #menu ul.submain li.active a {
            text-decoration: underline;
         }

         #menu ul.submain li.last a {
            border         : 0;
         }

   #menu ul.subsubmain {
      height         : auto;
      position       : absolute;
      z-index        : 100;
      left           : -999em;
      background-color: #6eb7d7;
      border         : 1px solid #0675a2;
      margin         : -37px 0 0 217px;
   }

   #menu li:hover ul ul, #menu li:hover ul ul ul, #menu li.sfhover ul ul, #menu li.sfhover ul ul ul {
      left           : -999em;
   }

   #menu li:hover ul, #menu li li:hover ul, #menu li li li:hover ul, #menu li.sfhover ul, #menu li li.sfhover ul, #menu li li li.sfhover ul {
      left           : 0;
      display        : block;
   }

   .paginate {
      text-align        : center;
   }

   .paginate ul { }

      .paginate ul li {
         display        : inline;
         padding        : 0 10px 0 9px;
         border-right   : 1px solid #444;
		 list-style		: none;
		 margin-left	: 0px;		 
      }

      .paginate ul li.last {
         border-right   : none;
      }

         .paginate ul li a {
            color          : #444;
            text-decoration: none;
         }

         .paginate ul li a:hover {
            text-decoration: underline;
         }

         .paginate ul li a.active {
            color          : #0775a3;
            font-weight    : bold;
         }

         .paginate ul li a.active:hover {
            text-decoration: none;
         }

         .paginate ul li a.prev, a.prev {
            background     : transparent url('../_images/vorige.gif') no-repeat left;
            padding        : 0 0 0 13px;
         }

         .paginate ul li a.next {
            background     : transparent url('../_images/volgende.gif') no-repeat right;
            padding        : 0 13px 0 0;
         }

   #options ul {
      margin         : 10px 0 0 0;
   }

      #options ul li {
         padding        : 2px 0;
      }
	
	.forms td
	{
	  padding: 0 20px 0 0;
	}
	
	#left ul {
		margin-bottom	: 15px;
	}

   #footer ul {
      display        : inline;
   }

      #footer ul li {
         display        : inline;
         padding        : 0 10px 0 9px;
         border-right   : 1px solid #444;
      }

         #footer ul li a {
            color          : #444;
            text-decoration: none;
         }

         #footer ul li a:hover {
            text-decoration: underline;
         }

         #footer ul li.last {
            border         : 0;
         }
		
		#left .block ul {
			margin-bottom		: 15px;
			line-height			: 18px;
		}
		
		#left .content ol li {
		  list-style-type		: decimal;
		  margin-left			: 40px;
		}
		
		#left .content ul li, 
		#left .block vacature ol li {
			list-style-type	: disc;
		  	margin-left			: 40px;
		}
		
		#left .block ol li {
	  		list-style-type	: decimal;
      	margin-left			: 40px;
		}
		
		#left .block div ul li{
			list-style-type	: disc;
			margin-left		: 20px;
     	}
		
		#left .block #options ul {
			list-style-type	: none;
		}
		
		#left .block #options ul li {
			list-style-type	: none;
			margin				: 0px;
		}
		
		
		li {
			list-style-type:disc;
			margin-left:20px;
		}
		
		
/* Forms */
form { }

input, select, textarea {
   font           : normal 12px "Arial", "Verdana", sans-serif;
   border         : 1px solid #cde3ed;
   color          : #444;
   padding        : 3px;
   vertical-align : middle;
   width          : 150px;
}
#left td input, select, textarea{
   margin-top  : 3px;
}

#right #formDivNewsletterSubscribe td input, select, textarea{
   margin-top  : 3px;
}

   select {
      width          : 162px;
   }
   #jobsearch select{
      width          : 158px;
   }

   #search input {
      width          : 115px;
      height         : 20px;
      border         : 0;
      color          : #838383;
      font-size      : 11px;
      padding        : 6px 0 0 26px;
      margin-right: -7px;
      margin-top  :2px;
   }

   #search .background{
   background  : transparent url('../_images/search_input.gif') no-repeat top left;
   margin-top:2px;
   }

   #searchjob input, #searchjob select {
      border         : 0;
      width          : 130px;
   }
   #left #searchjob input, #left #searchjob select, #left #searchjob textarea {
      border         : 1px solid #cde3ed;
      width          : 130px;
   }

   #searchjob select {
      width          : 136px;
   }

/* Tables */
table { }

td { }

   #jobsearch td, #searchjob td {
      padding        : 0 0 5px 0;
   }
   .navNext{
   padding-left: 5px;
   }
   .navPrevious{
   padding-right: 5px;
   }
   #left .block td{
   line-height: 18px;
   }

/* Font styles*/

em {
   font-style: italic;
}


    #jobsearch button{
      margin-right:26px;
      vertical-align : middle;
      margin         : 0 26px 0 3px;
   } 
   
#login_msg_side {
	color					: red;
}

.imgLatestNews {
	float					: left;
	margin				: 0 10px 10px 0;
}