html {
	overflow-y: scroll;
}

body {
  margin: 0;
  padding: 0;
  font-size: 12px;
  font-family: helvetica, arial, sans-serif;

}

/* --- Typography --- */

hr {
  display: block;
  margin:0px;
  padding: 0;
  color: #000;
  border: none;
  height: 1px;
  background-color: #000;
}

img { border: none; }

p {
  margin: 10px 0;
  line-height: 14px;
}

a {
  color: #000;
  outline: none;
}

.data a {
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

#menu li a {
  font-size:36px;
  text-transform: uppercase;
  text-decoration: none;
  line-height: 42px;
}

#menu li a:hover {
	color: #4c4c4c;
}

#menu #submenu li a, .data {
  font-family: courier, monospace;
  font-size: 12px;
  line-height: 14px;
  text-transform: none;
}

a.selected, #menu #submenu li a:active, #menu #submenu li a:hover {
  font-weight: bold;
  color: #000;
}

h2 {
  font-size: 36px;
  height: 47px;
  line-height: 42px;
  margin: 0;
  font-weight: normal;
}

h3 {
	font-size: 18px;
	line-height: 22px;
	font-family: helvetica, arial, sans-serif;
	font-weight: bold;
	text-transform: normal;	
}

h4, .h4 {
  font-size: 14px;
  line-height: 16px;
  font-family: helvetica, arial, sans-serif;
  font-weight: bold;
  text-transform: normal;
}

/* --- scaling wrap magic --- */

#wrap {
  width: 918px;
  margin: 0 auto; /* center */
  background: url('/images/bg-wrap-l.png') top left repeat-y;
}

#inner-wrap {
  background: url('/images/bg-wrap-r.png') top right repeat-y;
  padding: 0 10px;
  float: left;
}

#content {
  background: #fff;
}

#content.open { width: 918px; }

/* --- Menu column --- */

#left {
  width: 258px;
  background: url('../images/nest.png') no-repeat;
  float: left;
}

h1 {
  margin: 0;
  height: 225px;
  text-indent: -9999em;
}

h1:hover {
/*  cursor: pointer;*/
}

ul, li {
  list-style: none;
  display:block;
  margin: 0;
  padding: 0;
}

#menu {
  padding-left: 38px;
  margin-top: 6px;
}

#menu li a {
  display:block;
}

li #submenu {
  display: none;
  margin-bottom: 10px;
}

li #submenu.open, li #submenu.stayopen {
  display: block;
}

#left.open #submenu, li.selected #submenu {
  display: block;
}

#language {
  position: fixed;
  bottom: 0;
  width: 150px;
  padding-bottom: 20px;
  background-color: #fff;
/*  top:500px;*/
  margin-left: 35px;
}

#language a, #language li {
  display: block;
  float: left;
  width: 17px;
  height: 26px;
  text-indent: -9999em;
}

#language li    { background-image: url('/images/lang-slash.png'); }
#language li.nl { background-image: url('/images/lang-nl.png'); width: 21px; }
#language li.en { background-image: url('/images/lang-en.png'); width: 23px; }

#language li:hover, #language li.selected { background-position: 0 -26px; }

/* --- Mixable content columns --- */

.col-1, .col-2, .col-3, .col-15 { float: left; margin-right: 20px; }
.col-15 { width: 310px; }
.col-1 { width: 200px;}
.col-2 { width: 420px;}
.col-3 { width: 640px;}

.pushdown-1 { margin-top: 230px;}
.pushdown-2 { margin-top: 272px;}
.pushdown-3 { margin-top: 314px;}
.pushdown-4 { margin-top: 356px;}
.pushdown-5 { margin-top: 398px;}

.border { border-top: 1px solid #000; }

.pdflink {
  float: right;
  background: url('/images/pdf.png') no-repeat 0 0;
  height: 35px;
  width: 35px;
  margin-top: -35px;
  text-indent: -9999em;
}

.pdflink:hover {
  background-position: 0 -35px;
}

.poster {
  float: right;
  height: 150px;
  width: 200px;
  background-repeat: no-repeat;
  text-indent: -9999em;
}

.pushdown-1 .poster { margin-top: -267px; } /* pushdown + h2 height - 10 */
.pushdown-2 .poster { margin-top: -309px; }
.pushdown-3 .poster { margin-top: -351px; }
.pushdown-4 .poster { margin-top: -393px; }
.pushdown-5 .poster { margin-top: -435px; }

/* --- photo browse widget --- */
#photobrowser {
/*  height: 24px;*/
  padding: 0;
  height:34px;
}

#photobrowser li {
  float: left;
}

#photobrowser li a {
  display: block;
  width: 14px;
  height: 24px;
  background-image: url('../images/arrows.png');
  text-indent: -9999em;
}

#photobrowser .next a { background-position: 0 0; }
#photobrowser .prev a { background-position: -14px 0; margin-right: 172px;}

#slideshow p:hover {
	cursor: pointer;
}

#spinner {
	background: #fff url('/images/spinner.gif') no-repeat center center;
	width:  16px;
	height:  16px;
	padding: 20px;
	margin:  400px auto 0 auto;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}

/* --- reservation form --- */
form {
    margin              :   20px 0 20px 0;
}


form fieldset {
    margin-bottom       :   0;
    padding: 0;
    border              :   none;
}


form legend {
    padding             :   0;
    font-weight         :   bold;
    color               :   #000;
}


form label {
    display             :   inline-block;
    zoom                :   1;
    display             :  -moz-inline-box;
    line-height         :   16px;
    vertical-align      :   top;
}

form p {
  margin: 0;
}

form fieldset ol {
    margin              :   0;
    padding             :   0;
}


form fieldset li {
    list-style          :   none;
    padding             :   5px;
    margin              :   0;
}

form fieldset input {
  width: 300px;
  margin-left: 0;
}


form fieldset fieldset {
    border              :   none;
    padding-left        :   0;
    margin              :   3px 0 0;
}


form fieldset fieldset legend {
    padding             :   0 0 5px;
    font-weight         :   normal;
}


form fieldset fieldset label {
    display             :   block;
    width               :   auto;
}


form em {
    font-weight         :   bold;
    font-style          :   normal;
    color               :   #f00;
}


form label {
    width               :   100px;
}


form fieldset fieldset label {
    margin-left         :   103px;
}

form input {
  margin-left: 105px;
}

fieldset.error {
	margin-bottom: 20px ;
}

fieldset.error legend {
	color: #f00;
}

fieldset.error li {
	font-style: italic;
	background-color: #FFC4C4;
	font-size: 10px;
}

/* --- clearing --- */

.clear { clear: both; }

.clear-block {
  clear: both;
  display: block;
  height: 0px;
  overflow: hidden;
}

/* --- Scaling gallery background --- */

#gallery, #gallery img {
  clear: both;
  overflow:hidden;
  position: fixed;
  z-index: -500;
  left: 0;
  top: 0;

  /* will be overridden programatically */
  width: 100%;
  height: 100%;
}

#gallery {
  width: 1024px;
  height: 768px;
}


#gallery-overlay {
  clear: both;
  overflow:hidden;
  position: fixed;
  z-index: 0;
  left: 0;
  top: 0;
  width: 640px;
}

#gallery-overlay p span {
  background: #000;
  color: #fff;
  padding: 4px;
  text-shadow: #000 0px 0px 1px;
}