@font-face {
    font-family: "Avenir";
    src: url('../fonts/Avenir-Black.ttf' );
}

html, body {
  margin: 0;
  padding: 0;
  font-family: Arial, 'sans-serif';
  background-image: url('../img/page_bg.jpg');
  background-repeat: repeat-x;
}

p {
  line-height: 1.5em;
}

#logo-fiets {
  background-image: url('../img/header_bg_bike.gif');
  background-repeat: no-repeat;
  background-position: top right;
  background-color: #FFF;
  color: #000;
}

#logo-molen {
  background-image: url('../img/header_bg_mill.gif');
  background-repeat: no-repeat;
  background-position: top right;
  background-color: #FFF;
  color: #000;
}

#logo-boot {
  background-image: url('../img/header_bg_skutsje.gif');
  background-repeat: no-repeat;
  background-position: top right;
  background-color: #FFF;
  color: #000;
}

#logo-schaatsers {
  background-image: url('../img/header_bg_skate.gif');
  background-repeat: no-repeat;
  background-position: top right;
  background-color: #FFF;
  color: #000;
}

#logo-tulp {
  background-image: url('../img/header_bg_tulips.gif');
  background-repeat: no-repeat;
  background-position: top right;
  background-color: #FFF;
  color: #000;
}

#logo {
  top: 62px;
  height: 179px;
  background-image: url('../img/logo.gif');
  background-repeat: no-repeat;
  color: #000;
  /*left: -68px; toegevoegd voor 15-jaar banner*/
}

#logo15 {
  top: 62px;
  height: 179px;
  background-image: url('../img/15_years_website_logo.gif');
  background-repeat: no-repeat;
  color: #000;
  left:-100px;
}


.note {
  color: #fff;
  background-color: #cc3300;
  padding: 5px;
  width: 100%;
  font-weight: bold;
  margin-bottom: 10px;
}

#logo-link {
  height:70px;
  width:420px;
  display: block;
}

.header-button {
  padding-top: 9px;
}

#menu {
  height: 64px;
  margin-left:0px;
  margin-right:0px;
}

#menu a {
  outline: none;
}

.grid_1 {
  margin-left: 0px;
  margin-right: 0px;
}

.home-more-vacancies {
  float: right;
}

#menu .grid_1,
#menu .grid_15,
#menu .grid_4 {
  height: 50px;
  margin: 0;
}

#menu .grid_1 {
  width: 48px;
  background-color: #0048aa;
}
#menu .grid_15 {
  height: 66px;
  width: 710px;
}
#menu .grid_4 {
  width: 192px;
}

.grid-border-left {
  border-left:1px solid #CCE4FD;
}

.grid-border-right {
  border-right:1px solid #CCE4FD;
}

/* DEFAULT MENU SETTINGS */
.menu-sprite {
  background-image: url('../img/nav.gif');
  background-repeat: no-repeat;
  color: #000;
}
a.menu-sprite {
  height: 64px;
  display:block;
  float:left;
}

.menu-sprite img {
  width: 100%;
  height: 100%;
  border: 0;
}

.hidetext {
  visibility: hidden;
  display: none;
}

/* HOME */
.menu-sprite.home {
  width: 66px;
  background-position: -46px 0px;
}
.menu-sprite.home:hover {
  background-position: -46px -66px;
}
.menu-sprite.home.active {
  background-position: -46px -130px;
}

/* CLIENTS */
.menu-sprite.clients {
  width: 83px;
  background-position: -105px 0px;
}
.menu-sprite.clients:hover {
  background-position: -105px -66px;
}
.menu-sprite.clients.active {
  background-position: -105px -130px;
}

/* CANDIDATES */
.menu-sprite.candidates {
  width: 98px;
  background-position: -186px 0px;
}
.menu-sprite.candidates:hover {
  background-position: -186px -66px;
}
.menu-sprite.candidates.active {
  background-position: -186px -130px;
}

/* ABOUT US */
.menu-sprite.about {
  width: 100px;
  background-position: -286px 0px;
}
.menu-sprite.about:hover {
  background-position: -286px -66px;
}
.menu-sprite.about.active {
  background-position: -286px -130px;
}

/* EXECUTIVE RECRUITMENT */
.menu-sprite.executive {
  width: 195px;
  background-position: -391px 0px;
}
.menu-sprite.executive:hover {
  background-position: -391px -66px;
}
.menu-sprite.executive.active {
  background-position: -391px -130px;
}

/* EVENTS */
.menu-sprite.events {
  width: 72px;
  background-position: -582px 0px;
}
.menu-sprite.events:hover {
  background-position: -582px -66px;
}
.menu-sprite.events.active {
  background-position: -582px -130px;
}

/* VACANCIES */
.menu-sprite.vacancies {
  width: 96px;
  background-position: -652px 0px;
}
.menu-sprite.vacancies:hover {
  background-position: -652px -66px;
}
.menu-sprite.vacancies.active {
  background-position: -652px -130px;
}

/* SEARCH */
#search {
  background-color: #007cd6;
}

#searchinput {
  background-color: #FFF;
  height:27px;
  margin-top:12px;
  padding-left:4px;
  padding-right: 2px;
  width:175px;
}

#searchbox {
  border:0 none;
  font-size:16px;
  padding:3px;
  width:80px;
}

#searchsubmit {
  float: right;
  height: 23px;
  margin-top:2px;
}

/* BREADCRUMBS */

#breadcrumbs {
  font-weight: bold;
  color: #ff5033;
}

#breadcrumbs a {
  color: #0066cc;
}

#breadcrumbs a:hover{
  color: #cc0000;
}

#breadcrumbs span {
  color: #cc0000;
}

/* HOME */
.home-listing {
  color: #ffcccc;
  list-style-type: none;
  padding-left: 0;
  margin-left:24px;
}

.home-listing li {
  margin-bottom: 10px;
  list-style-image:url('../img/raquo-geel.gif');
}

.submenu {
  min-height: 139px;
}

.small-font, a.small-font {
  font-size: 11px;
}

.submenu-content {
  min-height: 154px;
}

#content-home {
  padding-top: 29px;
  height: 350px;
  background-color: #cc0000;
  margin-left:0px;
  margin-right:0px;
}

#content {
  padding-top: 24px;
  margin-left:0px;
  margin-right:0px;
  min-height:200px;
}

#content-tekst {
  margin-left:10px;
  color: #000033;
  font-size: 12px;
}

#content-tekst a {
  color: #003399;
}

#content-tekst a:hover {
  color: #cc0000;
}

#content-tekst h2 {
  font-weight: bold;
  font-size: 24px;
  color: #cc0000;
  margin: 0 0 10px 0;
}

#content-tekst p {
  line-height: 1.5em;
}

/*
#content-tekst span {
  color: #cc0000;
}
*/

#content-tekst span a {
  color: #cc0000;
}

#content-tekst span a:hover {
  color: #ffcccc;
}

#content-tekst li:not(.errors), #content-tekst ul:not(.errors) {
  padding: 0;
}

.typo-content a, .csc-sitemap a {
  color: #003399;
  font-size: 12px;
}

#content-related {
  line-height: 1.5em;
  color: #000;
  font-size: 12px;
  background-color: #f5f5f5;
}

#content-related span {
  display: block;
  padding: 7px;
}

#content-related a {
  color: #003399;
  font-size: 12px;
}

#content-related a:hover {
  color: #cc0000;
  font-size: 12px;
}

#content-related h3{
  font-weight: bold;
  font-size: 18px;
  color: #333333;
}

#vacancy-related {
  color: #000;
  font-size: 12px;
  background-color: #ebf5ff;
}

#vacancy-related span {
  display: block;
  padding: 7px;
}

#vacancy-related h3 {
  color: #CC0000;
}

#vacancy-related a {
  color: #3366CC;
  font-size: 11px;
}

#vacancy-related a:hover {
  color: #cc0000;
  font-size: 11px;
}

#vacancy-related h4{
  font-weight: bold;
  font-size: 12px;
  color: #cc0000;
}
#vacancy-related ul {
  padding-left:15px;
}

#vacancy-related ul li {
  list-style-type:none;
}
.footer {
  padding: 0;
  margin: 0;
}

a#btn-signup {
  display: block;
  height: 27px;
  width: 78px;
  background-image: url('../img/btn_sign_up.gif');
  background-repeat: no-repeat;
  color: #000;
}

a#btn-login {
  display: block;
  height: 27px;
  width: 78px;
  background-image: url('../img/btn_log_in.gif');
  background-repeat: no-repeat;
  color: #000;
}

a.btntop {
  background-image:url(../img/btn_empty.gif);
  background-repeat:no-repeat;
  color:#FFFFFF;
  display:inline-block;
  float:right;
  font-family:Avenir;
  font-size:15px;
  height:27px;
  margin:10px 0;
  padding:3px 0 0 10px;
  text-decoration:none;
  width:78px;
}

#quick-vacancies {
  top: 229px;
  position: absolute;
  width: 948px;
  height: 151px;
  border-left: 1px solid #cce4fd;
  border-right: 1px solid #cce4fd;
}

#quick-vacancies h3 {
  padding: 0;
  font-size: 24px;
  color: #CC3300;
  margin-left: 48px;
  margin-top: 30px;
  margin-bottom: 0px;
}

#quick-vacancies p {
  margin-left: 48px;
}

#red-content {
  background-color: #cc0000;
  width: 950px;
  height: 309px;
}

.home-vacatures {
  font-size: 12px;
  color: #FFF;
}

.home-vacatures a {
  color: #ffff99;
  text-decoration: none;
}

.home-vacatures h2 {
  font-family: Avenir, Arial;
  margin: 0;
  padding: 0;
  color: #fff;
  font-size: 24px;
}

.submenu h1 {
  font-size: 24px;
  color: #cc3300;
  font-family: Avenir, Arial;
}
.submenu select {
  color: gray;
  padding: 4px;
  width: 230px;
  margin: 2px;
}

.clear-sides {
  margin-right: 0px;
  margin-left: 0px;
}

#intro-tekst a {
  text-decoration: underline;
}

.sublist {
  padding: 0;
  list-style-type: none;
  font-weight: bold;
  font-size: 12px;
  color: #0066cc;
}

.sublist li {
  margin: 3px;
}

.sublist li span {
  color: #ff5033;
}

.sublist li a {
  color: #0066cc;
  text-decoration: none;
}

.sublist li a:hover {
  color: #cc0000;
}

.vacancy-list {
  padding: 0;
  list-style-type: none;
  font-weight: bold;
  font-size: 12px;
  color: #3366cc;
}

.vacancy-list li {
  margin: 3px;
  list-style-image:url('../img/raquo-rood.gif');
}

.vacancy-list li span {
  color: #3366cc;
}

.vacancy-list li a {
  color: #3366cc;
  text-decoration: underline;
}

.vacancy-list li a:hover {
  color: #cc0000;
}

.vacancy-list-right {
  padding-left: 5px;
  list-style-type: square;
  font-weight: bold;
  font-size: 12px;
  color: #3366cc;
}

.vacancy-list-right li {
  margin: 3px;
  list-style-image:url('../img/raquo-rood.gif');
}

.vacancy-list-right li span {
  color: #3366cc;
}

.vacancy-list-right li a {
  color: #3366cc;
  text-decoration: underline;
}

.vacancy-list-right li a:hover {
  color: #cc0000;
}

#blueline {
  height: 5px;
  width: 950px;
  background-image: url('../img/line_blue.jpg');
  background-repeat: no-repeat;
  color: #000;
}

#vacature-lijst {
  margin-left:10px;
  color: #000033;
  font-size: 12px;
}

/*
#vacature-lijst a {
  color: #003399;
}

#content-tekst a:hover {
  color: #cc0000;
  font-size: 12px;
}
*/

#vacature-lijst h4 {
  font-size: 18px;
  color: #003399;
}

#vacature-lijst a {
  color: #3366CC;
  font-size: 12px;
}

#vacature-lijst a:hover {
  color: #cc0000;
  font-size: 12px;
}


#vacature-lijst h2 {
  font-weight: bold;
  font-size: 24px;
  color: #cc0000;
  margin: 0 0 10px 0;
}

#vacature-lijst p {
  line-height: 1.5em;
}

#vacature-lijst span {
  color: #cc0000;
}

#vacature-lijst span a {
  color: #cc0000;
}

#vacature-lijst span a:hover {
  color: #ffcccc;
}

#vacature-lijst li:not(.errors), #vacature-lijst ul:not(.errors) {
  padding: 0;
  margin: 0 0 0 9px;
}

.bold {
  font-weight: bold;
}

/* DETAIL TEMPLATE */

#vacature-lijst h3 {
  font-weight: bold;
  font-size: 18px;
  color: #cc0000;
}

.vacancy-detail ul {
  line-height: 1.4em;
  padding-left: 14px;
  list-style-type: square;
}

a#detail-btn-apply {
  float: left;
  display: block;
  height: 25px;
  width: 65px;
  background-image: url('../img/btn_apply.jpg');
  background-repeat: no-repeat;
  margin-right: 10px;
  margin-bottom: 15px;
  color: #000;
}

a#detail-btn-basket {
  float: left;
  display: block;
  height: 25px;
  width: 105px;
  background-image: url('../img/btn_to_basket.jpg');
  background-repeat: no-repeat;
  color: #000;
}

/* BASKET TEMPLATE */
.basket-list-blue {
  background-color:#EBF5FF;
  margin-left:-54px;
  padding:5px 5px 5px 57px;
}

.basket-list-blue a {
  font-weight: bold;
  color: #0066cc;
}

.basket-list-blue a:hover {
  color: #cc0000;
}

.basket-list-clean {
  margin-bottom:10px;
  font-weight: bold;
  color: #003399;
  padding: 5px;
}

.basket-list-clean span {
  color: #cc0000;
}

a.basket-remove {
  margin-right:-3px;
  margin-top:-4px;
  float: right;
  display: block;
  height: 23px;
  width: 65px;
  background-image: url('../img/btn_remove.jpg');
  background-repeat: no-repeat;
  color: #000;
}

#basket-sidebox {
  color: #000;
  font-size: 12px;
  background-color: #ebf5ff;
}

#basket-sidebox span {
  padding:0 18px 18px 18px;
  display: block;
}

#basket-sidebox a {
  color: #3366CC;
  font-size: 12px;
}

#basket-sidebox a:hover {
  color: #cc0000;
  font-size: 12px;
}

#basket-sidebox h4{
  margin-top:14px;
  font-size: 18px;
  color: #003399;
}

/* SUB-SUBMENU */
#submenu-activated  a{
  color: #CC0000;
}

#content-subsub {
  color: #000033;
  font-size: 12px;
  background-color: #EBF5FF;
}

#content-subsub span {
  padding: 7px;
}

#content-subsub span p {
  margin-left:10px;
  margin-right:10px;
}

#content-subsub span ul li span {
  padding: 0 0 0 7px;
  line-height: 1.3em;
}

#content-subsub a {
  color: #0066CC;
  font-size: 12px;
}

#content-subsub a:hover {
  color: #cc0000;
  font-size: 12px;
}

#content-subsub h3{
  margin-left:10px;
  font-weight: bold;
  font-size: 12px;
  color: #cc0000;
}

/* TYPO3 MODIFICATIES */
.bodytext a img {
  border: 0;
}

/* FORM ELEMENTS */
/* form */
dl, dt, dd {
  margin: 0px;
}

dd,dt {
  display: block;
}

dt {
  float: left;
  clear: left;
}

dd {
  clear: right;
}

dd:after {
  content: ".";
  display: block;
  clear: both;
  height: 0px;
  text-indent: -300em;
}

dd ul {
  float: left;
  list-style: none;
  padding: 0px;
  margin: 0px;
}

dd ul ul {
  padding-left: 25px;  
}

dd li {
  width: 400px;
  padding: 0px;
  margin: 0px;
}

dl.zend_form dt {
  width: 15em;
  height: 16px;
  float: left;
}

select, input[type=text], input[type=password] {
  width: 280px;
  border: 1px solid #b9b8bd;
  margin-bottom: 5px;
}

input[type=checkbox], input[type=radio] {
  vertical-align:middle;
}

input.readonly {
  border: none;
}

textarea:not(.contactbox) {
  width: 280px;
  height: 150px;
}

textarea {
  border: 1px solid #b9b8bd;
  margin-bottom: 5px;
}

.zend_form legend {
  color:#0066CC;
  font-weight:bold;
}

ul.errors {
  margin-bottom:5px;
  margin-left:180px;
  color: #fff;
  background-color: #cc3300;
  padding: 5px;
  width: 272px;
}

input[type="submit"] {
  background-color:transparent;
  background-image:url("../img/btn_empty.gif");
  background-position:0 0;
  border:0 none;
  color:#fff;
  cursor:pointer;
  font-weight:bold;
  height:27px;
  width:78px;
}

a.goto-basket {
  background-image:url("../img/gotobasket.gif");
  background-repeat:no-repeat;
  color:#000000;
  display:block;
  height:27px;
  width:115px;
  float: right;
}

.footer {
  color: #CC0000;
  font-size: 10px;
}

.footer a {
  color: #CC0000;
  text-decoration: none;
}

#linkedin {
  display: block;
  position: absolute;
  background-image:url("../img/icon-linkedin.png");
  background-repeat:no-repeat;
  height: 32px;
  width: 32px;
  margin: 0 0 5px 485px;
  z-index: 10000;
  bottom: 0px;
}

#facebook {
  display: block;
  position: absolute;
  background-image:url("../img/facebook.png");
  background-repeat:no-repeat;
  height: 32px;
  width: 32px;
  margin: 0 0 5px 522px;
  z-index: 10000;
  bottom: 0px;
}

#custom-tweet-button {
	float: left;
    margin-left: 10px;
}