﻿/* Stylesheet voor Hajé Hotels en Restaurants. (c) Speak. Alle rechten voorbehouden. */


/* ---------- Stijlen: Algemeen ---------- */

html {
  overflow-y: scroll;
}

html, body {
	margin: 0px;
	padding: 0px;
}

body {
  font-family: Verdana, sans-serif;
  font-size: 13px;
  line-height: 17px;
  color: #fffcd6;
  background: #0a0808 url(/interface/images/body_bg.gif) repeat-x;
}

a { color: #fffcd6; }
a:hover { color: #a1b292; }
img, a img { border: 0px; }
img { display: block; }

form {
  margin: 0px;
  padding: 0px;
}

.clearfix {
  height: 0px;
  overflow: hidden;
  clear: both;
  line-height: 0px;
  font-size: 0px;
}

#site {
  width: 790px;
  margin: 0px auto;
}


/* ---------- Stijlen: Top ---------- */

#top {
  height: 382px;
  position: relative;
  margin-bottom: 15px;
  z-index: 50;
}

#top #taalkeuze {
  position: absolute;
  left: 18px;
  top: 6px;
  z-index: 2;
  color: #b4ac7e;
}

#top #taalkeuze a {
  color: #b4ac7e;
}

#top #taalkeuze .active {
  font-weight: bold;
}

#top #taalkeuze a:hover {
  color: #fffcd6;
}

#top #topflash {
  position: absolute;
  left: 0px;
  top: 19px;
  z-index: 1;
}

#top #knop_wifi {
  position: absolute;
  right: -4px;
  top: 208px;
  z-index: 3;
  width: 128px;
  height: 128px;
  cursor: pointer;
}

.nl #top #knop_wifi, .de #top #knop_wifi { background: url(/interface/images/knop_wifi_nl.png); }
.en #top #knop_wifi { background: url(/interface/images/knop_wifi_en.png); }

#top #nav {
  position: absolute;
  left: 43px;
  bottom: 0px;
  height: 36px;
  margin: 0px;
  padding: 0px;
}

.en #top #nav,
.de #top #nav {
  display: none;
}

#top #nav li {
  list-style: none;
  float: left;
  height: 36px;
  margin: 0px;
  padding: 0px;
}

#top #nav li a {
  float: left;
  height: 36px;
  padding: 0px 20px 0px 19px;
  overflow: hidden;
  text-indent: -9001px;
  background-position: center top;
  background-repeat: no-repeat;
}

#top #nav li:hover a {
  background-position: center -36px;
}

#top #nav li.active a,
#top #nav li.active:hover a {
  background-position: center -72px;
}

#top #nav li.x1 a { width: 60px; background-image: url(/interface/images/nav_item1.gif); }
#top #nav li.x2 a { width: 121px; background-image: url(/interface/images/nav_item2.gif); }
#top #nav li.x3 a { width: 107px; background-image: url(/interface/images/nav_item3.gif); }
#top #nav li.x4 a { width: 158px; background-image: url(/interface/images/nav_item4.gif); }
#top #nav li.x5 a { width: 59px; background-image: url(/interface/images/nav_item5.gif); }

#top #nav li div {
  width: 219px;
  clear: both;
  position: absolute;
  left: -9001px;
  top: 33px;
  color: #1b2013;
  padding: 0px;
  background: url(/interface/images/subnav_bg.gif) no-repeat left bottom;
}

#top #nav li.x5 div { margin-left: -74px; }

#top #nav li:hover div {
  left: auto;
}

#top #nav li div ul {
  width: 193px;
  margin: 0px;
  padding: 10px 13px;
  overflow: hidden;
  background: url(/interface/images/subnav_inner_bg.gif) no-repeat;
}

#top #nav li div ul li {
  width: 100%;
  clear: both;
  height: auto;
}

#site #top #nav li div ul li a {
  width: 100%;
  height: auto;
  padding: 3px 0px;
  font-size: 12px;
  text-decoration: none;
  clear: both;
  color: #1b2013;
  background: none;
  text-indent: 0px;
}

#site #top #nav li div ul li a:hover {
  text-decoration: underline;
}


/* ---------- Stijlen: Main en Content algemeen ---------- */

#main {
  width: 100%;
  overflow: hidden;
  margin-bottom: 20px;
}

.knop,
#main #sidebar .sidebox .knop {
  float: right;
  background: url(/interface/images/knop_algemeen_bg.png) no-repeat right top;
  line-height: 18px;
  height: 25px;
  color: #fffcd6;
  text-decoration: none;
  margin-left: 4px;
}

.knop:hover {
  color: #fffcd6;
  background-position: right bottom;
}

.knop span {
  float: left;
  height: 18px;
  background: url(/interface/images/knop_algemeen_inner_bg.png) no-repeat;
  cursor: pointer;
  padding: 3px 13px 4px 13px;
  margin-left: -4px;
  position: relative;
}

.knop:hover span {
  background-position: left bottom;
}

#main h1 {
  width: 505px;
  margin: 0px -20px 20px -20px;
  padding: 9px 20px;
  font-size: 14px;
  line-height: normal;
  background: url(/interface/images/topkop.gif);
}

#main h2 {
  margin: 0px 0px 6px 0px;
  padding: 0px;
  font-size: 16px;
  font-weight: normal;
  line-height: normal;
}

#main h3,
#main h4,
#main h5,
#main h6 {
  margin: 0px;
  padding: 0px;
  font-size: 12px;
}

#main p {
  margin: 0px 0px 15px 0px;
  padding: 0px;
}

#main ul {
  margin: 0px 0px 15px 0px;
  padding: 0px;
}

#main li {
  margin: 0px 0px 5px 0px;
  padding: 0px 0px 0px 16px;
  list-style: none;
  background: url(/interface/images/bullet.gif) no-repeat left 7px;
}

#main li ul {
  margin: 5px 0px 8px 0px;
}

#main table {
  width: 100%;
  margin-bottom: 10px;
}

#main table td {
  padding: 2px 0px;
}


/* ---------- Stijlen: Home ---------- */

#main #homeboxes {
  width: 100%;
  overflow: hidden;
}

#main .box {
  float: left;
  width: 218px;
  margin-right: 20px;
  position: relative;
}

#main .box .tekst {
  padding: 5px 5px 0px 5px;
}

#main .box .knop_leesverder {
  position: absolute;
  right: 11px;
  top: 121px;
}

#main .homenieuws {
  width: 314px;
  height: 211px;
  overflow: hidden;
  position: relative;
}

#main .homenieuws ul {
  width: 100%;
  height: 211px;
  overflow: hidden;
  position: relative;
  margin: 0px;
  padding: 0px;
}

#main .homenieuws li {
  float: left;
  width: 314px;
  height: 211px;
  margin: 0;
  padding: 0;
  overflow: hidden;
  position: relative;
  background: none;
}

#main .homenieuws #carousel_paginering_wrapper {
  position: absolute;
  right: 11px;
  top: 121px;
  height: 25px;
  margin-left: 4px;
  background: url(/interface/images/knop_algemeen_bg.png) no-repeat right top;
  z-index: 50;
}

#main .homenieuws #carousel_paginering {
  float: left;
  padding: 2px;
  height: 21px;
  line-height: 19px;
  margin-left: -4px;
  position: relative;
  background: url(/interface/images/knop_algemeen_inner_bg.png) no-repeat;
}

#main .homenieuws #carousel_paginering a {
  float: left;
  padding: 1px 7px;
  text-decoration: none;
  color: #FFFCD6;
  background: url(/interface/images/nieuws_home_paginering_bg.gif) no-repeat right top;
}

#main .homenieuws #carousel_paginering a:hover {
  text-decoration: underline;
}

#main .homenieuws #carousel_paginering a.last { background: none; }
#main .homenieuws #carousel_paginering a.active { color: #25410e; background: url(/interface/images/nieuws_home_paginering_active_bg.gif) no-repeat right top; }
#main .homenieuws #carousel_paginering a.first_active { color: #25410e; background: url(/interface/images/nieuws_home_paginering_first_active_bg.gif) no-repeat right top; }
#main .homenieuws #carousel_paginering a.last_active { color: #25410e; background: url(/interface/images/nieuws_home_paginering_last_active_bg.gif) no-repeat right top; }

#main .homebanner_rechts {
  margin: 0px;
}


/* ---------- Stijlen: Vervolgpagina's algemeen ---------- */

#main #content {
  float: left;
  width: 505px;
  color: #1B2013;
  padding: 0px 20px 15px 20px;
  background: #F4F1E2 url(/interface/images/content_bg.gif) no-repeat left bottom;
}

#main #content a {
  color: #1B2013;
}

#main .afbeelding_rechts {
  float: right;
  clear: right;
  margin: 0px 0px 10px 10px;
}

#main .afbeelding_links {
  float: left;
  clear: left;
  margin: 0px 10px 10px 0px;
}

#main #afbeeldingen_onder {
  width: 525px;
  margin: 18px -10px 18px 0px;
  float: left;
  clear: both;
}

#main #afbeeldingen_onder a {
  float: left;
  margin: 0px 10px 10px 0px;
}

#main #sidebar {
  float: right;
  width: 218px;
}

#main #sidebar .afbeelding_rechts {
  float: none;
  display: block;
  margin: 0px 0px 10px 0px;
}

#main #sidebar .sidebox {
  margin-bottom: 18px;
  color: #1b2013;
  background: #c9c090 url(/interface/images/subnav_pagina_bg.gif) no-repeat left bottom;
}

#main #sidebar .sidebox .sidebox_inner {
  padding: 10px 14px 14px 14px;
  background: url(/interface/images/subnav_pagina_inner_bg.gif) no-repeat;
}

#main #sidebar .sidebox a {
  color: #1b2013;
}

#main #sidebar .sidebox h4 {
  margin: 0px 0px 8px 0px;
  padding: 0px;
  font-size: 14px;
  line-height: normal;
}

#main #sidebar .sidebox li {
  padding: 0px;
  background: none;
}

#main #sidebar #subnav h4 {
  margin: 0px;
  text-indent: -9001px;
  overflow: hidden;
  height: 23px;
  background-repeat: no-repeat;
}

.nl #main #sidebar #subnav h4 { background-image: url(/interface/images/subnav_pagina_titel_nl.gif); }
.en #main #sidebar #subnav h4 { background-image: url(/interface/images/subnav_pagina_titel_en.gif); }
.de #main #sidebar #subnav h4 { background-image: url(/interface/images/subnav_pagina_titel_de.gif); }

#main #sidebar #subnav ul {
  margin: 0px;
  width: 100%;
  overflow: hidden;
}

#main #sidebar #subnav ul li {
  width: 100%;
  float: left;
  clear: both;
}

#main #sidebar #subnav ul li a {
  display: block;
}

#main #sidebar #subnav ul li a .datum {
  display: block;
  font-size: 11px;
  color: #465035;
  padding-top: 3px;
  text-decoration: none;
}

#main #sidebar #subnav ul .active,
#main #sidebar #subnav ul .childActive,
#main #sidebar #subnav ul .childActive li.active {
  font-weight: bold;
}

#main #sidebar #subnav ul ul {
  width: 180px;
  font-size: 12px;
  padding: 5px 0px;
  display: none;
  font-weight: bold;
}

#main #sidebar #subnav ul .active ul,
#main #sidebar #subnav ul .childActive ul {
  display: block;
}

#main #sidebar #subnav ul .active li,
#main #sidebar #subnav ul .childActive li {
  padding-left: 17px;
  background: url(/interface/images/bullet.gif?a=1) no-repeat left 8px;
}

#main #sidebar #subnav .sidebox_nieuws {
  padding-top: 0px;
}

.nl #main #sidebar #subnav .titel_nieuws,
.nl #main #sidebar #subnav .titel_nieuwsbrieven {
  width: 218px;
  height: 35px;
  margin: 0px -14px 2px -14px;
  position: relative;
}

.nl #main #sidebar #subnav .titel_nieuws {
  background: url(/interface/images/subnav_pagina_titel_nieuws_nl.gif);
}

.nl #main #sidebar #subnav .titel_arrangement {
 width: 218px;
  height: 35px;
  margin: 0px -14px 2px -14px;
  position: relative;
  background: url(/interface/images/subnav_pagina_titel_kijk_nl.gif);
}


.nl #main #sidebar #subnav .titel_nieuwsbrieven {
  background: url(/interface/images/subnav_pagina_titel_nieuwsbrieven_nl.gif);
}

#main #sidebar #subnav ul.overzicht_nieuws {
  width: 218px;
  margin: 0px -14px;
}

#main #sidebar #subnav ul.overzicht_nieuws li {
  width: 218px;
  padding: 0px;
  margin-bottom: 2px;
  font-size: 11px;
  line-height: 15px;
}

#main #sidebar #subnav ul.overzicht_nieuws li a {
  width: 190px;
  padding: 3px 14px;
  background: #b4ab78;
}

#main #sidebar #subnav ul.overzicht_nieuws li a:hover {
  background: #394a2a;
  color: #ffffff;
}

#main #sidebar #subnav ul.overzicht_nieuws li a:hover .datum {
  color: #ffffff;
}

#main #sidebar .box {
  margin-bottom: 18px;
}

#main #sidebar #nieuws_selector .sidebox_inner {
  padding-top: 15px;
}

#main #sidebar #nieuws_selector h3 {
  margin-bottom: 10px;
}

#main #sidebar #nieuws_selector .regel {
  width: 100%;
  overflow: hidden;
  margin-bottom: 7px;
}

#main #sidebar #nieuws_selector .regel label {
  float: left;
  width: 75px;
  padding-right: 5px;
}

#main #sidebar #nieuws_selector .select select {
  float: left;
  width: 110px;
}

#main #sidebar #nieuws_selector .veld input {
  float: left;
  width: 98px;
  padding: 2px 5px;
  border: 1px solid #a69c66;
  font-family: arial, Helvetica, Sans-Serif;
  font-size: 12px;
}

#main #sidebar #nieuws_selector .button {
  margin-bottom: 0px;
}


/* ---------- Stijlen: Nieuwsoverzicht en arrangementenoverzicht ---------- */

.paginanummering {
  /*width: 100%;*/
  clear: both;
  margin-bottom: 20px;
  text-align: center;
  line-height: 24px;
  font-weight: bold;
 
}

.paginanummering a { text-decoration: none; }
.paginanummering a:hover { text-decoration: underline; }
.paginanummering .active { font-size: 16px; }
.paginanummering .knop_disabled,
.paginanummering .scheidingsteken { color: #3c3a2e; }

#overzicht {
  margin-bottom: 15px;
}

#overzicht .item {
  display: block;
  width: 100%;
  overflow: hidden;
  padding: 10px 0px;
  border-bottom: 1px solid #3c3a2e;
  text-decoration: none;
  float: left;
}

.nieuwsoverzicht .item .datum {
  width: 150px;
  display: block;
  float: left;
}

#overzicht .item .titel {
  display: block;
  font-weight: bold;
  margin-bottom: 5px;
}

#overzicht .item .tekst {
  clear: both;
  display: block;
}


/* ---------- Stijlen: Webshop (webetalage) ---------- */

#main .webshop_boven {
  width: 100%;
  background: url(/interface/images/webshopbg.gif) no-repeat;
  margin-bottom: 30px;
}

#webshopzoeken {
  float: left;
  width: 385px;
  height: 133px;
  padding: 45px 14px 10px 10px;
  position: relative;
}

#webshopzoeken .regel {
  float: left;
  clear: both;
  width: 100%;
  margin-bottom: 3px;
}

#webshopzoeken .regellabel {
  width: 155px;
  padding-top: 6px;
}

#webshopzoeken label {
  float: left;
  width: 100px;
  padding: 2px 0px 0px 0px;
  font-weight: bold;
  color: #000;
  white-space: nowrap;
}

#webshopzoeken .jqTransformSelectWrapper span {
  color: #000;
}

#webshopzoeken .knop {
  margin-top: 3px;
}

#webshopzoeken select {
  width: 180px;
}

#webshopzoeken input {
  width: 187px;
}

#webshopzoeken .knop_meer_info {
  position: absolute;
  right: 10px;
  top: 3px;
}

#cadeau_artikelen {
  float: right;
  clear: right;
  width: 336px;
  height: 133px;
  padding: 45px 14px 10px 15px;
}

#cadeau_artikelen img {
  display: block;
  margin-bottom: 10px;
}

.aantal_items {
  width: 100%;
  overflow: hidden;
  margin-bottom: 15px;
}

#main .aantal_items h2 {
  float: left;
  width: 500px;
  font-weight: bold;
}

.aantal_items .aantal_items_inner {
  float: right;
  margin-top: 1px;
}

.aantal_items .aantal_items_inner label {
  float: left;
  padding: 1px 10px 1px 0px;
}

.aantal_items .aantal_items_inner select {
  float: left;
  width: 40px;
}

#zoekresultaten {
  width: 825px;
  margin-right: -35px;
}

#zoekresultaten .productitem 
{
  position:relative;
  float: left;
  width: 223px;
  height: 161px;
  overflow: hidden;
  margin: 0px 31px 20px 0px;
  padding: 10px;
  background: url(/interface/images/product.gif);
}

#zoekresultaten .productitem .aanbieding
{
  position:absolute;
  left:-4px;
  top:-4px;
}

#zoekresultaten .productitem .thumb {
  float: left;
  width: 94px;
  height: 129px;
  margin-bottom: 6px;
}

#zoekresultaten .productitem .thumb img {
  padding: 1px;
  border: 1px solid #013300;
}

#zoekresultaten .productitem .preview {
  color: #0C0809;
  float: right;
  clear: right;
  width: 117px;
  height: 135px;
  overflow: hidden;
  line-height: 14px;
  font-size: 11px;
}

#zoekresultaten .productitem .titel {
  color: #0C0809;
  font-weight: bold;
  margin-bottom: 3px;
}

#zoekresultaten .productitem .locatie {
  color: #43612a;
  padding-bottom: 5px;
  margin-bottom: 5px;
  border-bottom: 1px solid #92a681;
}

#zoekresultaten .productitem .prijs {
  float: right;
  font-weight: bold;
  font-size: 12px;
  color: #0C0809;
  margin-top: 6px;
}

#zoekresultaten .productitem .knop {
  float: left;
}

#zoekresultaten .paginanummering {
  clear: both;
}


/* ---------- Stijlen: Formulieren ---------- */

#formulier {
  width: 545px;
  padding-bottom: 15px;
  margin: 20px -20px 0px -20px;
  float: left;
}

#formulier .descriptionlabel {
  width: 164px;
  display: block;
  float: left;
  padding: 1px 10px 0px 20px;
}

#formulier .regel {
  float: left;
  clear: both;
  width: 545px;
  margin-bottom: 4px;
}

#formulier .topkop,
#formulier .tussenkop {
  background-repeat: no-repeat;
  color: #070206;
  font-weight: bold;
  font-size: 14px;
  padding: 10px 20px;
  margin-bottom: 20px;
  float: left;
  clear: both;
  width: 505px;
}

#formulier .tussenkop {
  padding: 5px 20px;
  margin-bottom: 8px;
  float: left;
  clear: both;
  width: 505px;
  font-size: 12px;
}

#formulier .toptekst {
  float: left;
  margin: 0px 40px 20px 20px;
}

#formulier input {
  width: 300px;
}

#formulier .topkop {
  border-top: 10px solid #0A0808;
  margin-bottom: -10px;
  background-image: url(/interface/images/topkop.gif);
}

#formulier .tussenkop {
  margin-top: 5px;
  background: #e1dab9;
}

#formulier #fbtnLink .knop {
  margin-right: 40px;
}

#formulier #fbtnLink .knop span {
  color: #fffcd6;
}

#formulier #fpostcode .jqTransformInputWrapper {
  width: 77px;
}

#formulier #fbtnLink .knop:hover span {
  color: #fffcd6;
}

#main #formulier table.radio {
  width: 310px;
  float: left;
  margin: 0px 0px 3px 0px;
}

#formulier textarea {
  width: 300px;
}

#main #formulier .jqTransformTextarea {
  float: left;
  width: auto;
  margin-bottom: 0px;
}

#formulier #footnote {
  margin: 15px 0px 0px 20px;
  float: left;
  width: 480px;
}

#main #formulier table td {
  padding: 0px 0px;
}

#formulier .jqTransformInputWrapper {
  margin-right: 4px;
}

#main .jqTransformSelectWrapper li {
  margin: 0;
  padding: 0;
}

#formulier .check {
  margin-left: 20px;
  width: 500px;
}

#main #formulier .check td {
  padding-top: 3px;
  padding-bottom: 3px;
}

#formulier .check span.jqTransformCheckboxWrapper {
  margin: 0px;
}


#formulier .check label {
  padding-left: 5px;
}

#foutmeldingen {
  float: left;
  margin-left: 40px;
  width: 500px;
  display: none;
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 10px;
  color: Red;
}

#formulier .fingevuld .descriptionlabel,
#formulier .fingevuld .descriptionlabel sup {
  color: Red;
}


/* ---------- Stijlen: Reserveren onder (+ javascript kalenders) ---------- */

#reserveren_onder {
  height: 77px;
  margin-bottom: 25px;
  color: #1b2013;
  line-height: 23px;
  z-index: 40;
  position: relative;
}

#reserveren_onder td {
  line-height: 14px;
}

#reserveren_onder strong {
  width: 85px;
}

#reserveren_onder h4 {
  height: 33px;
  margin: 0px;
  padding: 0px;
  overflow: hidden;
  text-indent: -9001px;
  background-repeat: no-repeat;
}

.nl #reserveren_onder h4 { background-image: url(/interface/images/reserveren_titel_nl.gif); }
.en #reserveren_onder h4 { background-image: url(/interface/images/reserveren_titel_en.gif); }
.de #reserveren_onder h4 { background-image: url(/interface/images/reserveren_titel_de.gif); }

#reserveren_onder #reserveren_onder_inner {
  height: 44px;
  overflow: hidden;
  background: url(/interface/images/reserveren_onder_inner_bg.gif);
}

#reserveren_onder .box {
  float: left;
  height: 23px;
  padding: 11px 15px 10px 14px;
  background: url(/interface/images/reserveren_scheidingsteken.gif) no-repeat right 1px;
}

#reserveren_onder .box_last {
  background: none;
}

#reserveren_onder .box select {
  float: left;
  width: 198px;
  margin-top: 1px;
  color: #403d2f;
}

#reserveren_onder .knop_kalender img {
  display: inline;
  vertical-align: middle;
}

#reserveren_onder .knop_reserveren {
  float: left;
}

#reserveren_onder #kal1,
#reserveren_onder #kal2 {
  position: absolute;
  top: 45px;
  display: none;
  width: 138px;
}

#reserveren_onder #kal1 {
  left: 294px;
}

#reserveren_onder #kal2 {
  left: 490px;
}

#reserveren_onder .kal td {
  font-size: 12px;
  font-family: arial;
  empty-cells: show;
}

#reserveren_onder .kallb,
#reserveren_onder .kalrb,
#reserveren_onder .kallo {
  width: 1px;
  height: 1px;
}

#reserveren_onder .kalb,
#reserveren_onder .kalo {
  height: 1px;
  width: 100%;
  background-color: #B4AC7E;
}

#reserveren_onder .kall,
#reserveren_onder .kalr {
  width: 1px;
  height: 100%;
  background-color: #B4AC7E;
}

#reserveren_onder #kal1 div,
#reserveren_onder #kal2 div {
  width: 1px;
  height: 1px;
  overflow: hidden;
}

#reserveren_onder .kalmm {
  background-color: #D4CDA3;
}

#reserveren_onder .kal .nonselectable {
  color: Gray;
  border: 1px solid #D4CDA3;
}

#reserveren_onder .kal .selectable {
  border: 1px solid #D4CDA3;
}

#reserveren_onder .kal .selected {
  border: 1px solid red;
}


/* ---------- Stijlen: Footer ---------- */

#footer {
  width: 100%;
  color: #595748;
  padding-bottom: 15px;
}

#footer a { color: #595748; }
#footer a:hover { color: #fffcd6; }

#footer #footermenu {
  width: 100%;
  text-align: center;
  margin-bottom: 18px;
}

#footer #footermenu a {
  color: #e4deb6;
  text-decoration: none;
}

#footer #footermenu a:hover {
  text-decoration: underline;
}

#footer #copyright {
  padding-bottom: 4px;
  border-bottom: 1px solid #504e3f;
  margin-bottom: 4px;
  font-weight: bold;
}

#footer #footertekst {
  font-size: 11px;
  line-height: 16px;
}
#formulier #faanhef
{
  margin-bottom:0;
}
#subnav2 li
{
  font-size:11px;
  line-height:15px;
  margin-bottom:5px;
}
#main #sidebar ul#subnav2 {
  width: 218px;
  margin: 0px -14px;
}

#main #sidebar  ul#subnav2 li {
  width: 218px;
  padding: 0px;
  margin-bottom: 2px;
  font-size: 11px;
  line-height: 15px;
}

#main #sidebar  ul#subnav2 li a {
  width: 180px;
  padding: 3px 24px 3px 14px;
  background: #b4ab78;
  text-decoration:none;
  position:relative;
}

#main #sidebar  ul#subnav2 li a img{
  position:absolute;
  right:8px;
  top:3px;
}

#main #sidebar  ul#subnav2 li a:hover {
  background: #394a2a;
  color: #ffffff;
}

#main #sidebar #subnav ul.overzicht_nieuws li a:hover .datum {
  color: #ffffff;
}