/* GENERAL */

* { margin:0; padding:0; }

html { margin-bottom: 1px; min-height: 100%; }

body { color:#666; font-size:13px; font-weight:normal; font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif; background:#ececec; }

.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.clearfix { display: inline-block; }
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }

#header .reservationbutton, #content .reservationbutton {display:block; float:left; padding:0 10px; background:url(../images/bgrptrflowtabs.jpg) top left repeat-x; border-bottom:0; text-transform: uppercase; font-size:20px; color:#fff; text-decoration:none;}
#header .reservationbutton:hover, #content .reservationbutton:hover {border-bottom:0; background:#4DB748;}

.reservationbutton_header {position:absolute;top:59px; right:290px; z-index:10;}

/* MAIN LAYOUT */

h1 { padding-bottom:15px; color:#333; font-size:16px; font-weight:bold; }
h2 { padding-bottom:10px; color:#333; font-size:14px; font-weight:bold; }
h2 a { color:#333; text-decoration:none; border-bottom:1px solid #999; }
h2 a:hover { border-bottom:1px solid #666; }
p { line-height:23px; }

#wrapper { position:relative; margin:0 auto; width:790px; background:#fff; }

#header { position:relative; height:162px; width:790px; z-index:2; }

#header #logo { position:absolute; left:30px; top:10px; background:url(../images/logo.jpg) left top no-repeat; width:140px; height:110px; display:block; text-indent:-9999px; }

#header #nieuwsbrief { position:absolute; left:480px; top:15px; padding:18px 0 0 37px; background:url(../images/nieuwsbrief.jpg) left top no-repeat; height:51px; width:223px; }
#header #nieuwsbrief fieldset { border:0 none; }
#header #nieuwsbrief legend { padding-bottom:5px; color:#007f3d; font-size:10px; }
#header #nieuwsbrief .row #a_email { margin:1px 5px 0 0; padding:2px; font-size:11px; color:#666; width:178px; border:1px solid #e4e3e3; float:left; }
#header #nieuwsbrief .row #formSubmit { background:url(../images/btnNwsltr.jpg) left top no-repeat; border:0 none; width:20px; height:21px; float:left; }

#header ul { position:absolute; left:5px; top:130px; list-style:none; z-index:21; }
#header ul li { list-style:none; display:inline; float:left; }
#header ul li a { text-transform:uppercase; font-size:11px; color:#999; text-decoration:none; height:29px; display:block; float:left; }
#header ul li a:hover { color:#333; }
#header ul li.active a:hover { color:#fff; }
#header ul li.active a { color:#fff; background:url(../images/nav-right.jpg) right top no-repeat; }
#header ul li a span { padding:8px 12px 0 12px; cursor:pointer; height:29px; display:block; float:left;}
#header ul li.active a span { padding:8px 12px 0 12px; background:url(../images/nav-left.jpg) left top no-repeat; }
#header ul li.active ul li a { color:#999; background:none; }
#header ul li.active ul li a:hover { color:#333; }
#header ul li.active ul li a span { background:none; }
#header ul ul li.active a { color:#999; font-weight:bold; background:none; }
#header ul ul li.active a:hover { color:#999; }
#header ul ul li.active a span { background:none; }

#header #lang { left:753px; top:15px; height:68px; width:20px; }
#header #lang li { display:block; }
#header #lang li a { margin:0 0 3px 0; padding:1px 0 0 0; font-size:10px; text-align:center; height:14px; width:20px; display:block; /*background:#f0f0f0;*/ float:none; }
#header #lang li.active a { font-weight:normal; /*background:#4DB748;*/ }

#header #lang #nl a { text-indent:-9999px; background:url(../images/nl.gif) center center no-repeat; }
#header #lang #fr a { text-indent:-9999px; background:url(../images/fr.gif) center center no-repeat; }
#header #lang #en a{ text-indent:-9999px; background:url(../images/en.gif) center center no-repeat; }
#header #lang #de a { text-indent:-9999px; background:url(../images/de.gif) center center no-repeat; }


#scrollable { position:relative; padding-left:4px; height:310px; width:782px; z-index:1; }
#flowpanes { position:relative; height:310px; width:782px; overflow:hidden; clear:both; } /* override the root element to enable scrolling */
#flowpanes div { width:782px; height:782px; display:block; float:left; } /* override single pane */
#flowpanes div a img { border:0 none; }
#flowpanes .items { position:absolute; margin:0; padding:0; width:20000em; clear:both; } /* our additional wrapper element for the items */
#flowpanes .less, #flowpanes .less a { color:#999 !important; font-size:11px; }
#flowtabs { position:absolute; bottom:0; left:4px; height:38px; width:780px; background:url(../images/bgflowtabs.png) left top repeat; border-left:1px solid #ddd; border-right:1px solid #ddd; }
#flowtabs li { width:195px; height:38px; display:inline; float:left; }
#flowtabs a { padding-top:5px; text-transform: uppercase; font-size:23px; color:#fff; text-decoration:none; text-align: center; border-left:1px solid #b0aeaa; border-right:1px solid #eae8e6; height:33px; display:block; }
#flowtabs a.current { border-right:1px solid #90d3d1; background:url(../images/bgrptrflowtabs.jpg) left top repeat-x; }

#content { padding:20px 0 10px 0; }
#content a { color:#333; text-decoration:none; border-bottom:1px solid #999; }
#content a:hover { border-bottom:1px solid #666; }

#left { padding:0 10px; width:195px; float:left; }

#left .nieuw { position:relative; width:189px; }
#left .nieuw .img { position: absolute; background:url(../images/nieuw.png) right top no-repeat; width:189px; height:100px; }
#left .nieuw img { margin-top:4px; max-width:185px; }

#left #quote { margin-top:5px; padding:20px 0 0 20px; font-size:22px; text-align:center; background:url(../images/quote-top.jpg) 5% 5% no-repeat; width:165px; }
#left #quote blockquote { padding:0 20px 20px 0; background:url(../images/quote-bottom.jpg) 95% 95% no-repeat; display:block; }
#left #quote blockquote a { border:0 none; }

#right { width:565px; float:left; }
#right #breadcrumb { margin-bottom:10px; padding-bottom:10px; border-bottom:1px solid #9DDF99; }
#right #breadcrumb a { color:#333; text-decoration:none; border-bottom:1px solid #999; }
#right #breadcrumb a:hover { border-bottom:1px solid #666; }
#right p { padding-bottom:15px; }
#right ul { margin:0 0 10px 15px; list-style:circle; line-height:23px; }

#right img.img-left,
#right p img.img-left { margin:0 10px 10px 0; border:1px solid #9DDF99; float:left; }
#right img.img-right,
#right p img.img-right { margin:0 0 10px 10px; border:1px solid #9DDF99; float:right; }

#right div.arrangement, #right div.verkoop { padding:15px 0 5px 0; border-top:1px solid #D2FFCF; clear:both; }

#footer { margin:0 2px; font-size:11px; color:#fff; height:38px; background:url(../images/footer.jpg) left top repeat-x; }
#footer a { color:#fff; }
#footer p { padding:7px 0 0 50px; background:url(../images/moment.gif) 10px center no-repeat; height:31px; }

#denk { margin-left:720px; text-indent:-9999px; background:url(../images/denk_logo.jpg) center center no-repeat; width:30px; height:25px; display:block; float:left; }
#wax { text-indent:-9999px; background:url(../images/wax_logo.gif) center center no-repeat; width:30px; height:25px; display:block; float:left; }
#denk span,
#wax span {
	position:absolute;
	top:-9999px;
	left:0;
}