@import url('reset.css');
html {
  background-color: #fff;
  border-top: 8px solid #ff7800;  
  margin: 0;
  padding: 0;
}
body {
  background: url(../images/bg_footer.gif) repeat-x bottom;
  color: #666;
  font-family: Arial;
  font-size: 11px;
  line-height: 17px;
  margin: 0;
  padding: 0;
  width: 100%;
}
#wrap {
  margin: 0 auto;
  padding: 0;
  width: 960px;
}

/* @group Header */
#header {
  height: 82px;
  position: relative;
}
#header a.home,
#header a.contact {
  color: #003278;
  display: block;
  float: right;
  margin: 5px 20px 0 0;
}
a#logo {
  background: url(../images/logo_eurotemp_5.jpg) no-repeat;
/*  background: url(../images/logo_eurotemp.gif) no-repeat; */
  display: block;
  float: left;
  height: 80px;
  width: 277px;
/*  height: 52px;
  margin: 15px 0 0 0;
  width: 271px; */
}
#header #language {
  float: right;
  margin: 6px 0 0 0;
}
#header label.language {
  color: #003278;
  display: block;
  float: right;
  font-size: 11px;
  font-weight: normal;
  margin: 5px 5px 0 5px;
}
#header .login {
  color: #ff7800;
  position: absolute;
  right: 45px;
  top: 25px;
}
#header .login_payroll {
  color: #ff7800;
  position: absolute;
  right: 45px;
  top: 40px;
}

/* @group Language select */
#select-container {
  position: absolute;
  right: 0;
  top: 5px;
  width: 35px;
}
#iconselect {
  background: #003278 url("/images/white-arrow-down.png") no-repeat scroll 23px 5px;
  border:1px solid #999999;
  cursor:pointer;
  padding: 3px;
}
#iconselectholder {
  border-color:-moz-use-text-color #999999 #999999;
  border-right:1px solid #999999;
  border-style:none solid solid;
  border-width:medium 1px 1px;
  display:none;
  padding: 3px;
}
/* @end */

/* @group Search */
div.search {
  float: right;
  margin: 0 45px 0 0;
}
div.search label {
  color: #003278;
  float: left;
  font-weight: normal;
  margin: 5px 5px 0 0;
}
div.searchbox {
  background: #f2f2f2;
  float: left;
  height: 16px;
  margin: 6px 0 0 0;
  width: 147px;
  z-index: 2;
}
input.searchbutton {
  background: url(../images/search_button.gif) no-repeat;
  border: none;
  height: 16px;
  margin: 6px 0 0 0;
  cursor: pointer;
  width: 17px;
}
input.searchfield {
  background: none;
  border: none;
  font-size: 11px;
  height: 14px;
  line-height: 14px;
  padding: 0 5px 0 5px;
  text-align: left;
  width: 130px;
}
/* @end */

.top_orange {
  display: block;
  float: left;
  height: 252px;
  margin: 0 5px 5px 0;
  width: 273px;
}
.top_image {
  display: block;
  float: left;
  height: 228px;
  margin: 0 0 5px 0;
  width: 682px;
}

/* @group Menu_top */
ul.menu_top {
  background: #003278;
  float: left;
  height: 22px;
  margin: 0;
  padding: 2px 0 0 0;
  width: 682px;
}
ul.menu_top li {
  color: #fff;
  float:left;
  margin: 0 0 0 40px;
}
ul.menu_top li a {
  color: #fff;
  font-size: 13px;
  font-weight: bold;
  text-decoration: none;
}
ul.menu_top li a:hover,
ul.menu_top li a.selected {
  color: #ff7800;
}
/* @end */

div#column_left {
  float: left;
  width: 273px;
}

/* @group Available_job */
div#column_left .available_job {
  background: url(../images/beschikbare_vacatures.gif) no-repeat;
  height: 159px;
  margin: 0 0 40px 0;
}
div#column_left .available_job a.job_opening {
  display: block;
  height: 40px;
  width: 211px;
}
div#column_left .available_job ul {
  margin: 0;
  padding: 10px 0 0 62px;
  width: 211px;
}
div#column_left .available_job ul li {
  list-style: none outside url(../images/list_style_orange.gif);
  margin: 0;
  padding: 0;
  width: 150px;
}
div#column_left .available_job ul li a {
  color: #003278;
  line-height: 19px;
  text-decoration: none;
}
div#column_left .available_job ul li a:hover {
  color: #ff7800;
}
div#column_left .available_job a.more {
  color: #ff7800;
  margin: 0 0 0 200px;
}
/* @end */

/* @group Available_temp */
div#column_left .available_temp {
  background: url(../images/beschikbare_uitzendkrachten.gif) no-repeat;
  height: 159px;
  margin: 0 0 40px 0;
}
div#column_left .available_temp a.temp_opening {
  display: block;
  height: 40px;
  width: 211px;
}
div#column_left .available_temp ul {
  margin: 0;
  padding: 10px 0 0 62px;
  width: 211px;
}
div#column_left .available_temp ul li {
  list-style: none outside url(../images/list_style_orange.gif);
  margin: 0;
  padding: 0;
  width: 170px;
}
div#column_left .available_temp ul li a {
  color: #003278;
  line-height: 19px;
  text-decoration: none;
}
div#column_left .available_temp ul li a:hover {
  color: #ff7800;
}
div#column_left .available_temp a.more {
  color: #ff7800;
  margin: 0 0 0 200px;
}
/* @end */

/* @group Menu_left */
div#column_left ul.menu_left {
  margin: 0 0 20px 0;
  padding: 0 0 0 62px;
  width: 211px;
}
div#column_left ul.menu_left li {
  list-style: none outside url(../images/list_style_blue.gif);
  margin: 0;
  padding: 0;
}
div#column_left ul.menu_left li:hover,
div#column_left ul.menu_left li.selected {
  list-style: none outside url(../images/list_style_orange.gif);
}
div#column_left ul.menu_left li a {
  color: #666;
  line-height: 19px;
  text-decoration: none;
}
div#column_left ul.menu_left li a:hover,
div#column_left ul.menu_left li a.selected {
  color: #4d4d4d;
}
/* @end */

a#tellafriend {
  background: url(../images/tellafriend_button.gif) no-repeat;
  display: block;
  float: left;
  height: 17px;
  margin: 20px 0 0 50px;
  padding: 0 0 0 20px;
}
a#print {
  background: url(../images/print_button.gif) no-repeat;
  display: block;
  float: left;
  height: 18px;
  margin: 20px 0 0 15px;
  padding: 0 0 0 20px;
}
div#column_center {
  float: left;
  margin: 0 5px;
  width: 428px;
}
div#column_right {
  float: left;
  height: 171px;
  width: 249px;
}
.killer_nieuwsbrief {
  background: url(../images/killer_nieuwsbrief.jpg) no-repeat;
  height: 171px;
  padding: 10px 5px 5px 5px;
  width: 249px;
}
.killer_nieuwsbrief h2.newsletter a {
  color: #003278;
  font-size: 13px;
  font-weight: bold;
}
.killer_nieuwsbrief p.newsletter {
  height: 60px;
  width: 145px;
}
.killer_nieuwsbrief h2.appointment a {
  color: #fff;
  display: block;
  font-size: 13px;
  font-weight: bold;
  margin: 10px 0 0 4px;
}
.killer_nieuwsbrief span.telephone {
  color: #fff;
  display: block;
  margin: 1px 0 0 28px;
}
.killer_nieuwsbrief a.email {
  color: #fff;
  display: block;
  margin: 0 0 0 28px;
}
.killer_nieuwsbrief span.contact {
  color: #fff;
  display: block;
  margin: 0 0 0 28px;
}
.killer_nieuwsbrief span a.contact {
  color: #ff7800;
}

/* @group Content */
#content {
  float: left;
  height: auto !important;
  padding: 0;
  width: 428px;
}
#content .block1 {
  background: #f2f2f2;
  padding: 20px;
}
#content .block2 {
  margin: 20px;
}
/* @end */

/* @group Footer */
#footer {
  background: none;
  margin: 20px auto 0 auto;
  height: 120px;
  width: 100%;
}
#footer .top {
  clear: both;
  height: 40px;
  width: 100%;
}
#footer .top a.vro {
  background: transparent url(../images/logo_vro_gray.gif) no-repeat;
  display: block;
  float: left;
  height: 40px;
  margin: 0 20px 0 0;
  width: 67px;
}
#footer .top a.vcu {
  background: transparent url(../images/logo_vcu_gray.gif) no-repeat;
  display: block;
  float: left;
  height: 40px;
  margin: 0 20px 0 0;
  width: 34px;
}
#footer .top a.riv {
  background: transparent url(../images/logo_riv_gray.gif) no-repeat;
  display: block;
  float: left;
  height: 40px;
  margin: 0 20px 0 0;
  width: 51px;
}
#footer .top a.nen {
  background: transparent url(../images/logo_nen_gray.gif) no-repeat;
  display: block;
  float: left;
  height: 40px;
  margin: 0 23px 0 0;
  width: 38px;
}
#footer .top .menu {
  float: left;
  margin: 20px 0 0 0;
  height: 20px;
  width: 425px;
}
#footer .top .menu li,
#footer .top .menu li a {
  color: #fff;
  float: left;
  font-size: 12px;
  font-weight: bold;
  line-height: 17px;
  white-space: nowrap;
  width: 100px;
}
#footer .top .right {
  background: #ccc url(../images/direct_vakkrachten_nodig.gif) no-repeat;
  display: block;
  float: right;
  height: 40px;
  width: 257px;
}
#footer .bottom {
  clear: both;
  height: 80px;
}
#footer .bottom .left {
  float: left;
  width: 273px;
}
#footer .bottom .copyright {
  display: block;
  margin: 5px 0 0 0;
}
#footer .bottom a.disclaimer,
#footer .bottom a.general_conditions {
  color: #666;
  display: block;
  float: left;
  margin: 15px 0 0 20px;
}
#footer .bottom a.disclaimer {
  margin: 15px 0 0 0;
}
#footer .bottom .menu {
  float: left;
  margin: 5px 0 0 0;
  height: 20px;
  width: 428px;
}
#footer .bottom .menu ul.column {
  float: left;
  line-height: 17px;
  margin: 0;
  padding: 0;
  width: 100px;
}
#footer .bottom .menu ul.column li {
  line-height: 17px;
  list-style: none outside url(../images/list_style_white.gif);
  margin: 0 0 0 15px;
  padding: 0;
}
#footer .bottom .menu ul.column li a {
  line-height: 17px;
  margin: 0;
  padding: 0;
  text-decoration: none;
}
#footer .bottom .menu ul.column li a:hover {
  text-decoration: underline;
}
#footer .bottom .search_form label {
  color: #666;
}
#footer .bottom div.searchbox {
  background: #f2f2f2;
}
#footer .developer {
  display: block;
  float: right;
  margin-top: 30px;
}
/* @end */