html { height:100%; min-height:100%; margin-bottom:1px }
body { height:100% }
body { font:small Verdana; margin:0; padding:0; background-position:center top; height:100%; background-image:url(../foto/achtergrond/index.jpg); background-repeat:no-repeat }
div#wrapper { width:980px; margin:0 auto; position:relative; top:-95px }

h1 { font:21px Arial Narrow; color:#707173; margin:0 0 0.4em }
p { font-size:85%; line-height:1.4em; margin:0 0 1em }
ul { font-size:85%; margin:0 0 0 25px; padding:0; line-height:1.4em }
a img { border:0 }
img#logo { display:block; position:absolute; top:28px; right:80px }
p.telnr { color:#666; margin-top:2em; clear:both }

div#band { height:75px; margin-top:75px; background:white;  }
div#text { background-image:url(../gfx/trans.png); position:absolute; left:55px; top:-95px; top:0; width:252px; padding:21px 21px 21px 107px;  }

body#foto div#text { height:540px; width:420px }
body#route div#text { width:575px }
body#reserveren div#text { width:375px }
div.bedankt  { height:280px }

div.thumbs { width:65px; float:left; margin:0 7px 0 0  }
img.groot { display:block; position:absolute; left:180px }
div#text img { border:1px solid #4e4c4e;  }
div.gallery img { display:block; margin:0 7px 7px 0; cursor:pointer }

div#menu { position:absolute; left:17px; top:24px; text-align:right; width:78px }
div#menu ul { margin:0; padding:0 }
div#menu li { list-style-type:none; }
div#menu a { font:13px Arial Narrow; display:block; margin:0 0 8px; font-weight:bold; text-decoration:none; color:#9c9e9f; text-transform:uppercase; float:right }
div#menu a:hover, div#menu a.selected { color:#707173 }

a.knop { position:absolute; top:7px; display:block; width:11px; height:13px; background-repeat:no-repeat; font-size:11px; color:#707173; background-position:right 2px; cursor:pointer; }
a.knop:hover, a.clicked { background-position:right bottom }
a.clicked { cursor:default }
a#plus { right:38px; background-image:url(../gfx/plus.gif); width:auto; padding:0 16px 0 0 }
a#min  { right:21px; background-image:url(../gfx/min.gif);  }

div#map { width:575px; height:460px; border:1px solid #4e4c4e }

/* formulier */
label { font-size:85%; float:left; display:block; width:108px; margin:0 0 4px 0 }
input.text { font-size:85%; width:140px; border:1px solid black; display:block; margin:0 0 4px }
div.checkbox label { width:auto; float:none; margin:0 0 4px }
input.checkbox { float:left }
span.checkbox_label { font-size:85%; display:block; padding:4px }
label.textarea { float:none }
textarea { display:block; border:1px solid black; width:248px; height:100px; margin:8px 0 }
div.comment { font-size:85%; margin:10px 0 }
input.submit { border:0; background:black; color:white; font-size:85%; cursor:pointer; padding:2px 12px }
div.error { color:#E00; margin:0 0 4px 108px; font-size:85% }