@charset "utf-8"; /* CSS Document */ /* ALL CSS */ * {margin: 0; padding: 0;} html, body, #bg, #bg table, #bg td, #content, #container_header, #header_line, #footer_container, #footer_line {height:100%; width:100%; overflow:hidden;} body {} #content {position:absolute; top:0; left:0; z-index:70; overflow:auto;} /* HEADER CSS */ #container_header {height:20px; background-image:url(http://www.van-heeckeren.nl/images/trans_50.png);} #header_line {height:1px; background-color:#FFFFFF;} /* CONTENT CSS */ #content_box {margin: 0px auto; margin-top: 0px; width: 800px; min-height:100%; padding: 0px 0px 0px 0px; background-image:url(http://www.van-heeckeren.nl/images/trans.png); padding-bottom:100px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px;} .box a img {border:none;} #container_banner {width:800px; height:350px; float:left;} #wrapper_booking {float:left; margin-left:20px; margin-top:0px; position:absolute; z-index:1;} #wrapper_banner {margin-right:0px; margin-top:0px; position:absolute; z-index:0;} #wrapper_logo {float:right; margin-left:480px; margin-top:20px; position:absolute; z-index:1;} /* COLUMN LEFT CSS */ #container_text {float:left; width:800px;} #container_column_left {float:left; width:520px; margin-top:15px; margin-left:20px;} #column_left_header {clear:left; float:left; width:505px; margin-left:5px; height:40px; font-family:Georgia, "Times New Roman", Times, serif; font-size:24px; color:#9262A8;} #column_left_header a {color:#9262A8;} #column_left_header a:hover {color:#9262A8;} #column_left_header a:visited {color:#9262A8;} #column_left_subheader {clear:left; float:left; width:480px; margin-top:10px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#000000; font-weight:bold;} #column_left_maintext {clear:left; float:left; width:480px; margin-top:10px; margin-bottom:10px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#000000; line-height:20px;} #column_left_maintext a {text-decoration:underline; color:#000000;} #column_left_maintext a:hover {text-decoration:none; color:#000000;} #column_left_maintext a:visited {text-decoration:underline; color:#000000;} #column_left_maintext ul {margin:10px 0px 10px 40px;} #column_left_maintext_middle {clear:left; float:left; width:480px; margin-top:10px; margin-bottom:10px; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; font-size:14px; color:#91ACD7; line-height:20px; text-align:center;} #column_left_maintext_right {clear:left; float:left; width:480px; margin-top:20px; margin-bottom:10px; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold; font-style:italic; font-size:26px; color:#91ACD7; text-align:right;} #column_left_footer {clear:left; float:left; width:505px; margin-left:15px; padding:10px 0px 0px 0px; height:40px; font-family:Georgia, "Times New Roman", Times, serif; font-size:16px; font-style:italic; font-weight:bold; color:#EF8FE8;} #column_left_footer a {color:#EF8FE8;} #column_left_footer a:hover {color:#EF8FE8;} #column_left_footer a:visited {color:#EF8FE8;} #column_left_room_bookbutton {clear:left; float:left; margin:20px 0px 10px 10px;} #column_left_roomprize {float:right; margin:20px 20px 10px 0px; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold; font-style:italic; font-size:26px; color:#91ACD7;} #column_left_subheader_contact {clear:left; float:left; width:480px; margin-top:5px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#000000; font-weight:bold;} #column_left_maintext_contact {clear:left; float:left; width:480px; margin-top:5px; margin-bottom:10px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#000000;} #column_left_maintext_contact a {text-decoration:underline; color:#000000;} #column_left_maintext_contact a:hover {text-decoration:none; color:#000000;} #column_left_maintext_contact a:visited {text-decoration:underline; color:#000000;} #column_left_contactform {margin:0px 0px 0px 20px;} td.contact_label {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; font-weight:bold; padding:5px 0px 0px 0px;} td.contact_input {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px;} input.blue {background-color:#E8EFF9; border:none; height:20px; font-size:12px;} input.purple {background-color:#F3EBF7; border:none; height:20px; font-size:12px;} #arr_left {clear:left; float:left; width:200px; margin-top:20px; height:120px;} #arr_right {float:left; width:300px; margin-top:20px; padding:0px 5px 0px 13px; height:120px; background-color:#E8EFF9;} #arr_right_header {width:300px; height:30px; font-family:Georgia, "Times New Roman", Times, serif; font-size:20px; color:#91ACD7;} #arr_right_header a {color:#91ACD7;} #arr_right_header a:hover {color:#91ACD7;} #arr_right_header a:visited {color:#91ACD7;} #arr_right_maintext {width:300px; height:50px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#000000; margin-right:10px;} #arr_right_footer {width:300px; height:40px;} #arr_right_footer_imgleft {float:left;} #arr_right_footer_imgleft a {border:none;} #arr_right_footer_imgright {float:left; margin:0px 0px 0px 20px;} #arr_right_footer_imgright a {border:none;} #kamer_left {clear:left; float:left; width:200px; margin-top:20px; height:120px;} #kamer_left_images {clear:left; float:left; width:490px; background-color:#E8EFF9; margin:20px 0px 20px 0px; padding:10px 10px 10px 10px; text-align:center;} #kamer_left_images img {margin:0px 0px 0px 0px; border-style:solid; border-width:5px; border-color:#FFFFFF;} #kamer_right {float:left; width:300px; margin-top:20px; padding:0px 5px 0px 13px; height:120px; background-color:#E8EFF9;} #kamer_right_header {width:300px; height:30px; font-family:Georgia, "Times New Roman", Times, serif; font-size:18px; color:#91ACD7;} #kamer_right_header a {color:#91ACD7;} #kamer_right_header a:hover {color:#91ACD7;} #kamer_right_header a:visited {color:#91ACD7;} #kamer_right_maintext {width:300px; height:50px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#000000; margin-right:10px;} #kamer_right_footer {width:300px; height:40px;} #kamer_right_footer_imgleft {float:left;} #kamer_right_footer_imgleft a {border:none;} #kamer_right_footer_imgright {float:left; margin:0px 0px 0px 20px;} #kamer_right_footer_imgright a {border:none;} #treatment_container {clear:left; float:left; margin:20px 0px 20px 0px;} #treatment_header_blue {clear:left; float:left; width:450px; height:30px; background-color:#E8EFF9; margin:0px 0px 0px 20px; padding:6px 15px 3px 15px; font-family:Georgia, "Times New Roman", Times, serif; font-size:16px; font-style:italic; font-weight:bold; color:#EF8FE8;} #treatment_maintext_blue {clear:left; float:left; width:450px; background-color:#E8EFF9; margin:0px 0px 0px 20px; padding:0px 15px 0px 15px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#000000;} #treatment_maintext_blue ul {padding:0px 15px 0px 15px;} #treatment_footer_blue {clear: left; float:left; width:450px; height:20px; background-color:#E8EFF9; margin:0px 0px 0px 20px; padding:0px 15px 6px 15px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:13px; font-style:italic; font-weight:bold; color:#91ACD7;} #treatment_header_white {clear:left; float:left; width:450px; height:30px; background-color:#FFFFFF; margin:0px 0px 0px 20px; padding:6px 15px 3px 15px; font-family:Georgia, "Times New Roman", Times, serif; font-size:16px; font-style:italic; font-weight:bold; color:#EF8FE8;} #treatment_maintext_white {clear:left; float:left; width:450px; background-color:#FFFFFF; margin:0px 0px 0px 20px; padding:0px 15px 0px 15px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#000000;} #treatment_maintext_white ul {padding:0px 15px 0px 15px;} #treatment_footer_white {clear: left; float:left; width:450px; height:20px; background-color:#FFFFFF; margin:0px 0px 0px 20px; padding:0px 15px 6px 15px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:13px; font-style:italic; font-weight:bold; color:#91ACD7;} #ontbijt_container {clear:left; float:left; margin:20px 0px 20px 0px;} #ontbijt_header_blue {clear:left; float:left; width:450px; height:30px; background-color:#E8EFF9; margin:0px 0px 0px 20px; padding:6px 15px 3px 15px; font-family:Georgia, "Times New Roman", Times, serif; font-size:16px; font-style:italic; font-weight:bold; color:#EF8FE8;} #ontbijt_maintext_blue {clear:left; float:left; width:450px; background-color:#E8EFF9; margin:0px 0px 0px 20px; padding:0px 15px 0px 15px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#000000;} #ontbijt_maintext_blue ul {padding:0px 15px 0px 15px;} #ontbijt_footer_blue {clear: left; float:left; width:450px; height:20px; background-color:#E8EFF9; margin:0px 0px 0px 20px; padding:0px 15px 6px 15px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:13px; font-style:italic; font-weight:bold; color:#91ACD7;} #partners_left_images {clear:left; float:left; width:490px; background-color:#F3EBF7; margin:20px 0px 20px 0px; padding:10px 10px 10px 10px; text-align:center;} #partners_left_images img {margin:0px 0px 0px 0px; border-style:solid; border-width:5px; border-color:#FFFFFF;} #van_heeckeren_hotel_left_images {clear:left; float:left; width:490px; background-color:#F3EBF7; margin:20px 0px 20px 0px; padding:10px 10px 10px 10px; text-align:center;} #van_heeckeren_hotel_left_images img {margin:0px 0px 0px 0px; border-style:solid; border-width:5px; border-color:#FFFFFF;} #dinercafe_rixt_left_images {clear:left; float:left; width:490px; background-color:#F3EBF7; margin:20px 0px 20px 0px; padding:10px 10px 10px 10px; text-align:center;} #dinercafe_rixt_left_images img {margin:0px 0px 0px 0px; border-style:solid; border-width:5px; border-color:#FFFFFF;} #beachclub_thesunset_left_images {clear:left; float:left; width:490px; background-color:#F3EBF7; margin:20px 0px 20px 0px; padding:10px 10px 10px 10px; text-align:center;} #beachclub_thesunset_left_images img {margin:0px 0px 0px 0px; border-style:solid; border-width:5px; border-color:#FFFFFF;} #van_heeckeren_grandcafe_left_images {clear:left; float:left; width:490px; background-color:#F3EBF7; margin:20px 0px 20px 0px; padding:10px 10px 10px 10px; text-align:center;} #van_heeckeren_grandcafe_left_images {margin:0px 0px 0px 0px; border-style:solid; border-width:5px; border-color:#FFFFFF;} #container_column_right {float:right; width:240px; margin-top:20px; margin-right:20px; height:500px;} #column_divider {float:left;} #block_fb {margin-top:45px; margin-bottom:10px;} #block_right {width:200px; margin-left:20px; background-color:#F3EBF7; padding:10px 10px 10px 10px; text-align:center;} #block_right_text {width:200px; margin-left:20px; background-color:#F3EBF7; padding:10px 10px 10px 10px; text-align:left;} #block_right_img {width:220px; margin-left:20px; text-align:center; margin-top:15px;} #block_right_nav_header {width:200px; margin-left:20px; padding:10px 10px 0px 10px; text-align:left; font-family:Georgia, "Times New Roman", Times, serif; font-size:24px; color:#91ACD7;} #block_right_nav {width:200px; margin-left:20px; padding:0px 10px 10px 10px; text-align:left; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; line-height:25px; color:#6B6B6B;} #block_right_nav a {color:#6B6B6B;} #block_right_nav a:hover {color:#6B6B6B; text-decoration:underline;} #block_right_nav a:visited {color:#6B6B6B;} #footer_box_line {margin: 0px auto; margin-top: 0px; width: 800px; height:1px; background-color:#9262A8;} #footer_box {margin: 0px auto; margin-top: 0px; width: 800px; height:90px; padding: 0px 0px 0px 0px; background-color:#F3EBF7; padding-bottom:100px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px;} #footer_header_container {float:left; margin:20px 50px 10px 150px;} #footer_header {float:left; width:200px; font-family:Georgia, "Times New Roman", Times, serif; font-weight:bold; font-size:12px; color:#582A70;} #footer_link_container {clear:left; float:left; margin:0px 50px 10px 150px;} #footer_link {float:left; width:200px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#9262A8; line-height:20px;} #footer_link a {color:#9262A8; text-decoration:underline;} #footer_link a:hover {color:#9262A8; text-decoration:none;} #footer_link a:visited {color:#9262A8; text-decoration:underline;} #container_footer {height:20px; background-image:url(http://www.van-heeckeren.nl/images/trans_50.png);} .footer {margin: 0px auto; width:800px; text-align:left; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; line-height:20px;} .footer img {vertical-align: middle; padding-bottom:4px;} #footer_line {height:1px; background-color:#FFFFFF;} .footer_line_image {margin: 0px auto; width:800px; text-align:left; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; line-height:20px;} #bg {position: fixed;} #bg div {height:200%; left:-50%; position:absolute; top:-50%; width:200%;} #bg td {text-align:center; vertical-align:middle;} #bg img {margin:0 0 0 0; min-height:50%; min-width:50%;} #sideinfo {position:fixed; float:left; margin-top:50px; z-index:80;} /*CSS voor navbar*/ #container_navbar {clear:left; float:left; margin:0px auto; width:800px; background-image:url(http://www.van-heeckeren.nl/images/trans_20.png); text-align:center;} .nav {height:32px; background:#9262A8; color:#FFFFFF; z-index:1000;} .menu a {float:left; color:#FFFFFF; text-decoration:none; width:120px; height:24px; padding-top:8px;} .menu a:visited {float:left; color:#FFFFFF; text-decoration:none; width:120px; height:24px; padding-top:8px} .menu a:hover {color:#FFFFFF; background:#BA7BDB;} .menu a.header_link {float:left; color:#FFFFFF; text-decoration:none; width:120px; height:24px; padding-top:8px} .menu a.header_link:visited {float:left; color:#FFFFFF; text-decoration:none; width:120px; height:24px; padding-top:8px} .menu a.header_link:hover {color:#FFFFFF; background:#BA7BDB;} .menu span {float:left; color:#FFFFFF; text-decoration:none; width:180px; height:28px; padding-top:8px} .menu {list-style:none; font:12px Verdana, Arial; font-weight:bold; text-align:center; width:800px; margin:0 auto} .menu li {position:relative; float:left; width:120px; z-index:1000;} .menu ul {display:none; position:absolute; font:normal 10px Verdana, Arial; top:32px; left:0; background:#9262A8; display:none; list-style:none} .menu ul li {float:none; border-top:1px solid #ccc; width:180px; text-align:left; text-indent:10px;} .menu ul li a, li.menuhover li a, li.menuhover li.menuhover li a {float:none; display:block; width:180px; background:none; height:22px; padding-top:5px;} .menu ul li a:visited, li.menuhover li a:visited, li.menuhover li.menuhover li a:visited {float:none; display:block; width:180px; background:none; height:22px; padding-top:5px} .menu ul li a:hover, li.menuhover li a:hover, li.menuhover li.menuhover li a:hover {background:#BA7BDB; color:#FFFFFF} .menu ul li span, li.menuhover li span, li.menuhover li.menuhover li span {float:none; display:block; background:none; height:22px; padding-top:5px} .menu ul ul {left:180px; top:0} .menu li.noborder {border-top:none} li.menuhover a, li.menuhover li.menuhover a {color:#FFFFFF;} li.menuhover a:visited, li.menuhover li.menuhover a:visited {color:#FFFFFF;} li.menuhover span, li.menuhover li.menuhover span {color:#FFFFFF;} #info {width:180px; background:#FFFFFF} #info li {width:160px; border-top:none; padding:8px 10px; color:#666; text-align:left}