/* RESET CSS */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: none; }
:focus { outline: 0; }
body { line-height: 1; }
ul, ol 	{ font-family: Arial; font-size: 12px; color: #FFFFFF; line-height: 17px; margin-left: 15px; padding-left: 0px;}
table {	border-collapse: separate; border-spacing: 0; }
caption, th, td { font-weight: normal; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q {	quotes: "" ""; }

/* MAIN CSS */
html { overflow:auto; overflow-x: hidden; }
* html { height:100%; overflow-x: hidden; }
body, p { font-family: Arial;	font-size: 12px; color: #666;	line-height: 16px; }
h2 { font-size:14px; font-weight:bold; color:#000; }
a {	color: #000000; text-decoration:none; }
a:hover, .blue, .blue p { color: #0973B9; }
input, textarea, select, button{ font-family: Arial; font-size: 12px; }

.clearfix:after { content:"."; clear:both; height:0; display:block; overflow:hidden; line-height:0; font-size:0; visibility:hidden; zoom:1; }
.clearfix { display:inline-block; }
.clearfix { display:block; }

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

#splash { width:100%; height:100%; position:absolute; left:0; top:0; z-index:200; background:url(/img/splash_bg.jpg) no-repeat center top #000; }
.splash_buttons { left:50%; position:absolute; margin-left:-420px; top:150px; position:absolute; width:840px; }
.splash_buttons a { overflow:hidden; height:225px; float:left; display:block; }
.splash_buttons a:hover { display:block; }
.splash_buttons a:hover img { margin-top:-225px; };

.shadow { margin:0 auto; width:1024px; background-image:url(/img/shadow.png); background-repeat:repeat-y; min-height:100%; }
.container { margin:0 auto; width:1004px; background-color:#000; height:100%; position:relative; }
.header { display:block; width:1004px; height:154px; position:relative; z-index:20; }
.menu { height:35px; margin-left:13px; }

.main { margin: 10px 12px 5px 13px; _display: inline-block; } /* underscore betekend: alleen voor IE6 toepassen */
.m1 { background-color:#FFF; float:left; width:225px; padding:10px; margin:0 5px 0 0; }
.m2 { background-color:#FFF; float:left; width:479px; }
.m3 { background-color:#000; float:left; width:235px; padding:10px 5px; margin:0 0 0 5px; }
.m4 { float:left; width:729px; }
.m5 { background-color:#FFF; float:left; width:225px; padding:10px; margin:0 0 0 5px; }
.m6 { background-color:#FFF; float:left; width:487px; }

.menukop { height:46px; overflow:hidden; border-top:5px solid #000; }
.menukop a:hover img { margin-top:-46px; }
.menutxt { width:487px; }
.menutxt div { padding:10px 13px; width:461px; }

.calitem a span { color:#666; }
.calitem a:hover span { color:#0973B9; }

.footer { height:100px; padding: 0 12px 0 13px; color:#CCC; text-align:center; color:#CCC; }
.footer a { color:#CCC; text-decoration:none; }
.footer a:hover { color:#0973B9; } 

.f1 a { background-image:url(/img/reserveren.gif); float:left; height: 25px; width:232px; padding:45px 0 0 13px; text-align:left; color:#000; }
.f2 a { background-image:url(/img/midden.gif); float:left; height: 25px; width:466px; margin:0 5px; padding:45px 0 0 13px; text-align:left; color:#000; }
.f3 a { background-image:url(/img/nieuwsbrief.gif); float:left; height: 25px; width:232px; padding:45px 0 0 13px; text-align:left; color:#000; }
.f1 a:hover, .f2 a:hover, .f3 a:hover { background-position:0 -70px; color:#FFF; }

/* CYCLE */
.homepics { height: 440px; width: 479px; padding:0; margin:0; overflow: hidden; }
.pics { height: 410px; width: 235px; padding:0; margin:0; overflow: hidden; cursor:pointer; }
pre { display:none;}

/* MENU */
ul#navmenu-h li a { width: 244px; } 
ul#navmenu-h { margin: 0; padding: 0; list-style: none; position: relative; z-index:20; } 
ul#navmenu-h ul { width: 206px; /* Sub Menu Width */ margin: 0; list-style: none; display: none; position: absolute; top: 100%; left: 0; border:1px solid #000; margin-left:37px;  } 
ul#navmenu-h ul ul,ul#navmenu-h ul ul ul,ul#navmenu-h ul ul ul ul { top: 0; left: 100%; } 
ul#navmenu-h li { float: left; display: inline; position: relative; } 
ul#navmenu-h ul li { width: 100%; display: block; } 
/* Root Menu */ 
ul#navmenu-h a { float: left; display: block; color: #000; font-size: 12px; font-family:Arial; text-align:center; text-decoration: none; height: 1%; line-height:30px; height:35px; overflow:hidden; } 
/* Root Menu Hover Persistence */ 
ul#navmenu-h a:hover img,ul#navmenu-h li:hover a img,ul#navmenu-h li.iehover a img, ul#navmenu-h li.hold a img { margin-top:-35px; color:#FFF; } 
/* 2nd Menu */ 
ul#navmenu-h li:hover li a,ul#navmenu-h li.iehover li a { float: none; background: #00B8E3; width: 200px; color:#fff; font-size:13px; text-align:left; line-height:20px; height:20px; padding-left:6px; margin:0;} 
/* 2nd Menu Hover Persistence */ 
ul#navmenu-h li:hover li a:hover,ul#navmenu-h li:hover li:hover a,ul#navmenu-h li.iehover li a:hover,ul#navmenu-h li.iehover li.iehover a { background: #0973B9; } 
/* 3rd Menu */ 
ul#navmenu-h li:hover li:hover li a,ul#navmenu-h li.iehover li.iehover li a { color:#808080; background: #FFF; background-image:url(/img/arrow_off.gif); background-position:right; background-repeat:no-repeat; } 
/* 3rd Menu Hover Persistence */ 
ul#navmenu-h li:hover li:hover li a:hover,ul#navmenu-h li:hover li:hover li:hover a,ul#navmenu-h li.iehover li.iehover li a:hover,ul#navmenu-h li.iehover li.iehover li.iehover a { color:#000; background: #ECECEC; background-image:url(/img/arrow_on.gif); background-position:right; background-repeat:no-repeat; } 
/* 4th Menu */ 
ul#navmenu-h li:hover li:hover li:hover li a,ul#navmenu-h li.iehover li.iehover li.iehover li a { color:#808080; background: #FFF; background-image:url(/img/arrow_off.gif); background-position:right; background-repeat:no-repeat; }
/* 4th Menu Hover */ 
ul#navmenu-h li:hover li:hover li:hover li a:hover,ul#navmenu-h li:hover li:hover li:hover li:hover a,ul#navmenu-h li.iehover li.iehover li:hover li a:hover,ul#navmenu-h li.iehover  li.iehover li.iehover li.iehover a  { color:#000; background: #ECECEC; background-image:url(/img/arrow_on.gif); background-position:right; background-repeat:no-repeat; } 
/* 5th Menu */ 
ul#navmenu-h li:hover li:hover li:hover li:hover li a,ul#navmenu-h li.iehover li.iehover li.iehover li.iehover li a { color:#808080; background: #FFF; background-image:url(/img/arrow_off.gif); background-position:right; background-repeat:no-repeat; }
/* 5th Menu Hover */ 
ul#navmenu-h li:hover li:hover li:hover li:hover li a:hover,ul#navmenu-h li.iehover li.iehover li.iehover li.iehover li a:hover { color:#000; background: #ECECEC; background-image:url(/img/arrow_on.gif); background-position:right; background-repeat:no-repeat; } 

/* Hover Function - Do Not Move */ 
ul#navmenu-h li:hover ul ul,ul#navmenu-h li:hover ul ul ul,ul#navmenu-h li:hover ul ul ul ul,ul#navmenu-h li.iehover ul ul,ul#navmenu-h li.iehover ul ul ul,ul#navmenu-h li.iehover ul ul ul ul { display: none; } 
ul#navmenu-h li:hover ul,ul#navmenu-h ul li:hover ul,ul#navmenu-h ul ul li:hover ul,ul#navmenu-h ul ul ul li:hover ul,ul#navmenu-h li.iehover ul,ul#navmenu-h ul li.iehover ul,ul#navmenu-h ul ul li.iehover ul,ul#navmenu-h ul ul ul li.iehover ul { display: block; }