/* generic style */
html, body {
	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-size:12px;
	color:#2B2020;
	margin:0px;
	text-align:center;

	/* Always show scrollbar so page doesn't shift when switching pages of different height */
	height: 100%;
	margin-bottom: 1px;
}

h2 {
	font-size:15px;
	margin:4px;
}

a {
	color:#A42817;
	text-decoration:none;
}

a:hover {
	text-decoration:underline;
}

a img {
  border:none;
}

/* generic classes */
.hidden {
	display:none;
}

.black {
  color:#000;
}

/* for required form values */
.missing {
	background-color:#F00;
	color:#FFF;
}

/* sIRF font tuning */
.sIFR-hasFlash h2 {
	font-size:21px;
}

.sIFR-hasFlash #right h2 {
	font-size:22px;
}

/* layout */
#container {
	position:relative;
	width:850px;
	margin:auto;
	text-align:left;
	margin-top:25px;
}

#logo {
	position:absolute;
	top:10px;
	left:0px;
	width:275px;
	height:59px;
	background-color:#fff;
}

#nav {
	position:absolute;
	top:37px;
	left:300px;
	width:550px;
	list-style:none;
	padding:0px;
	margin:0px;
	background-color:#F1F1E8;
}

#content {
	position:absolute;
	top:100px;
	left:160px;
	width:500px;
	padding-left:15px;
	padding-right:15px;
	padding-bottom:15px;
}

#left {
	position:absolute;
	top:100px;
	left:0px;
	width:159px;
	height:480px;
	border-right:1px solid #E5E4D0;
}

#right {
	position:absolute;
	top:100px;
	left:690px;
	width:159px;
	height:480px;
	padding-left:15px;
	border-left:1px solid #E5E4D0;
}

#lang-switch {
	float:right;
        font-size:10px;
        text-align:right;
	text-transform:lowercase;
}

/* logo */
#logo img {
	border:none;
}

/* navigation */
#nav li {
	float:left;
	padding:4px;
	padding-left:0px;
	padding-right:0px;
}

#nav li a {
	text-decoration:none;
	color:#000;
	padding-left:4px;
	padding-right:2px;
	font-size:11px;
	letter-spacing:2px
}

#home #nav-home,
#menu #nav-menu,
#wijn #nav-menu,
#geschiedenis #nav-geschiedenis,
#fotos #nav-fotos,
#reserveren #nav-reserveren,
#zaalverhuur #nav-zaalverhuur,
#route #nav-route,
#links #nav-links
{
	color:#FFF;
	background-color:#A42817;
}

#nav li a:hover
{
  background-color:#D9D9CF;
}

#lang-switch, #lang-switch a {
	color:#928887;
}

#lang-switch img.randje {
  border:1px solid black;
}

#lang-switch img {
  border:1px solid white;
}

/* content */
#content h1 {
	font-size:20px;
	font-weight:bold;
	margin:4px;
	width:400px;
}

#atmosphere {
	margin-top:20px;
	text-align:center;
}

.back {
	position:absolute;
	top:5px;
	right:10px;
	color:#A62917;
	font-weight:bold;
	font-size:14px;
}

.back a {
	color:#999A95;
	text-decoration:none;
}

/* left */
#left h2 {
	margin-bottom:0px;
	padding-bottom:0px;
}

#left ul {
	list-style-type:none;
	background-color:#F0F0E5;
	width:143px;
	margin:0px;
	margin-bottom:10px;
	padding:0px;
	padding-top:5px;
	padding-bottom:5px;
}

#left ul li {
	background-image:url(../images/dash2.png);
	background-position:5px 8px;
	background-repeat:no-repeat;
	padding-left:20px;
	font-size:12px;
}

#left ul .all-link {
	padding-top:7px;
	padding-bottom:7px;
	list-style-image:none;
	list-style-type:none;
}

#left ul a:hover {
	color:#000;
}

#left ul .all-link {
	background-image:none;
}

#left ul .all-link a {
	color:#999983;
	text-decoration:underline;
}

#left .extra-links {
	margin-top:30px;
	font-size:14px;
	font-weight:bold;
}

#left address {
	color:#595959;
	font-size:11px;
	font-style:normal;
	margin-top:15px;
}

#left a.fn {
	color:#595959;
	text-decoration:none;
}

#left a.fn:hover {
	text-decoration:underline;
}

#left address a {
	color:#423A3A;
	text-decoration:underline;
}

/* right */
#right #special h3 {
	font-size:13px;
	font-weight:bold;
}

#right #side {
	padding:0px;
	width:140px;
}

#right #side.not-default {
	padding:5px;
	background-color:#EFEFE4;
}

#right #side h3 {
	font-size:12px;
	font-weight:normal;
	padding:5px;
	margin:0px;
	color:#A42817;
}

#right #side h4 {
	font-size:12px;
	font-weight:normal;
	color:#999983;
	padding:2px;
	margin:0px;
}

#right #side #panel {
	color:#000;
	padding:0px;
	margin:0px;
	padding-bottom:5px;
}

#right #opening {
	font-size:11px;
	margin-top:10px;
}

#right #opening strong {
	color:#A42817;
}

#right #opening .btw {
	font-style:italic;
}

#right #parking {
	width:140px;
	color:#000;
	font-weight:bold;
	text-align:center;
	margin-top:15px;
	margin-bottom:15px;
	padding:3px;
	background-color:#EFEFE4;
}

#right #kerst {
	color:#CC0000;
}

#right #small-logo {
       text-align:center;
}

#right h2 {
  margin-top:-3px;
  padding-top:0px;
}

/* per page styles from here on */

#home #intro-image {
	text-align:right;
}

#home #club-banner {
	position:absolute;
	display:none;
	top:555px;
	left:-70px;
	z-index:5;
}

#home #classique-banner {
	position:absolute;
	display:none;
	top:575px;
	left:680px;
	z-index:5;
}

/* menu */
#menu #menu-logo, #eten #menu-logo, #wijn #menu-logo {
      position:relative;
      width:100%;
      height:48px;
      text-align:center;
      background-color:#cc0000;
      padding-top:22px;
      margin-bottom:5px;
}

#menu-logo #print-link {
  position:absolute;
  right:10px;
  bottom:10px;
  color:#FFF;
}

#menu #content h2 {
	color:#A42817;
	margin-top:5px;
}

#menu #content a, #menu #content a:hover {
      color:#000;
}

#menu #categories {
	margin-top:30px;
}

#menu .category {
	width:165px;
	float:left;
	margin-bottom:25px;
}

#menu .category h3 {
	font-size:12px;
	font-weight:bold;
	color:#A42817;
}

#menu .category a {
	text-decoration:underline;
}

/* eten menu */
#eten table {
	margin-bottom:15px;
	width:100%;
	font-size:10px;
}

#eten table caption {
	color:#fff;
	text-transform:uppercase;
	text-align:left;
	background-color:#000;
	padding:1px;
	margin:0px;
	padding-left:3px;
	margin-bottom:10px;
}

#eten .prijs {
        text-align:right;
}

/* wijn menu */
#wijn h1 {
  float:left;
  margin-bottom:25px;
}

#wijn #print-link {
  float:right;
  margin-top:25px;
  color:#787878;
}

#wijn .landje {
	clear:both;
	width:492px;
	margin:0px;
	margin-top:20px;
	margin-bottom:10px;
	padding:1px;
	padding-left:5px;
	background-color:#cc0000;
	color:#fff;
	text-align:left;
	font-size:15px;
	font-weight:bold;
}

#wijn .wijntje {
	width:490px;
	height:45px;
	padding-bottom:10px;
	overflow:hidden;
	font-size:11px;
}

#wijn .wijntje h3 {
	margin:0px;
	padding:1px;
	font-size:14px;	
	font-weight:bold;
	color:#cc0000;
}

#wijn .wijntje .price {
	float:right;
	font-weight:bold;
}

#wijn .wijntje p {
	clear:both;
	margin:0px;
	padding:0px;
}

/* fotos */
#fotos #foto-lijst {
	width:500px;
	overflow:hidden;
	margin-top:13px;
	margin-left:1px;
	text-align:center;
}

#fotos #foto {
	text-align:center;
}

#fotos #thumbs {
	width:520px;
    margin-left:1px;
	text-align:left;
}

#fotos #thumbs img {
	border:1px solid #A32818;
	margin:5px;
}

#fotos #thumbs a:hover img {
	border:1px solid #2818A3;
}

/* reserveren */
#reserveren #regels {
  background-color:#F0F0E5;
  padding:10px;
}

#reserveren #regels h4 {
	padding:0px;
	margin:0px;
}

#reserveren #regels li {
	color:#A42817;
	font-size:13px;
	font-weight:bold;
	padding:5px;
}

#reserveren #intro #maaknu {
	font-size:19px;
	margin-top:25px;
}

#reserveren form {
	margin-left:50px;
	/* hide initially */
	display:none;
}

#reserveren label, #reserveren #datum {
	display:block;
	font-size:13px;
	color:#A42817;
	padding:7px;
}

#reserveren label label {
  display:inline;
  padding:0px;
}

#reserveren .tijdstip {
  color:#000;
}

#reserveren input, #reserveren textarea, #reserveren select {
	display:block;
	border:1px solid #000;
	margin-top:5px;
	width:230px;
}

#reserveren input.radio {
	display:inline;
	width:auto;
}

#reserveren #datum select {
	display:inline;
	width:auto;
}

#reserveren textarea {
	width:300px;
	height:130px;
}

#reserveren input[type="submit"] {
	width:70px;
	border:1px solid #000;
	margin:8px;
}

/* zaalverhuur */
#zaalverhuur .zaal {
	float:left;
	width:240px;
	margin-top:15px;
	margin-right:10px;
}

#zaalverhuur .zaal ul {
	list-style-image: url(../images/style/bul.png);
	margin:0px;
	padding:12px;
}

#zaalverhuur .zaal h3 {
	font-size:14px;
	color:#A42817;
	font-weight:bold;
}

#zaalverhuur .zaal a {
	text-decoration:underline;
	font-weight:bold;
}

#zaalverhuur #folder {
	height:45px;
	background:url(../images/pdf.png);
	background-position:left;
	background-repeat:no-repeat;
	padding-left:40px;
}

#zaalverhuur .kader {
	margin-bottom:20px;
}

#zaalverhuur .kader h3 {
	color:#A42817;
	margin:0px;
	padding:4px;
}

#zaalverhuur .kader .body {
	background-color:#F0F0E5;
	padding:5px;
}


/* route */
/* IE hack for VML polygons, does not validate */
v\:* {
	behavior:url(#default#VML);
}

#route #map {
  border:1px solid black;
  width:500px;
  height:350px;
}


#route #terug-dauphine {
  float:left;
  margin-top:5px;
  width:496px;
  background-color:#f1f1E9;
  padding:2px;
  text-align:center;
  font-size:12px;
  text-decoration:underline;
}

#route #werkzaamheden {
  float:left;
  width:496px;
  padding:2px;
  padding-top:10px;
}

#route #werkzaamheden a {
  text-decoration:underline;
}

#route #richting {
  float:left;
  width:259px;
  border-right:1px solid #E4E4D0;
  margin-right:15px;
  margin-top:25px;
}

#route #richting h3, #route .beschrijving h3 {
  color:#c52d19;
  font-weight:bold;
  font-size:15px;
  padding:0px;
  margin:0px;
  margin-top:2px;
}

#route #richting ul {
  width:210px;
}

#route #richting ul span {
  float:right;
  padding-right:0px
}

#route .beschrijving {
  float:left;
  width:225px;
  height:250px;
  padding:0px;
  margin-top:25px;
  display:none;
}

#route .beschrijving ul {
}

#route .beschrijving h3 {
  margin:0px;
  padding:0px;
  margin-top:2px;
}

#route #beschrijving-amersfoort {
  display:block;
}

/* image slider */
.image-slider {
  position:relative;
  width:500px;
  height:300px;
  border:1px solid black;
  background-color:#EFE;
  margin-bottom:60px;
}

.image-slider .fader {
  position:absolute;
	background-color:#000;
	width:100%;
	height:100%;
	display:none;
}

.image-slider .image {
  display:none;
}

.image-slider .choices {
  position:absolute;
  width:400px;
  height:25px;
  bottom:-30px;
  left:0px;
}

.image-slider .choice {
  float:left;
  margin:3px;
  background-color:#EFEFE4;
  width:19px;
  height:17px;
  cursor:pointer;
  color:#A42817;
  xfont-weight:bold;
  text-align:center;
  padding-top:2px;
}

.image-slider .selected,
.image-slider .choice:hover {
  background-image:url(../images/style/red.png);
  color:white;
}