/* ---------------- reset -------------------- */ 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: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; } ol, ul {list-style: none; } .clear{clear:both;font-size:0px;line-height:0px;height:0px;} /* ---------------- general -------------------- */ body {font-family: 'Lucida Sans Unicode', 'Trebuchet MS', Helvetica, Verdana, Arial, sans-serif; color:#686260; text-align:center; background: #ff973c url(images/content_top_bg.jpg) repeat-x; font-size:10pt; font-weight:300; } #top {text-align:left; margin:0px auto; width:960px; background: #ff973c url(images/content_top.jpg) no-repeat;} #top2 {text-align:left; margin:0px auto; width:960px; background: #ff973c url(images/content_top2.jpg) no-repeat;} #top3 {text-align:left; margin:0px auto; width:960px; background: #ff973c url(images/content_top3.jpg) no-repeat;} /* ---------------- header -------------------- */ #header {} #marquee {float:right; width:488px; margin:35px 5px 0 0;} #gallery { position: relative; width:488px; height:290px; overflow:hidden;} #gallery img {background:#fff; padding:8px; border:1px solid #D0CFCF; } #gallery li { display: block; } #coordinaten {padding:150px 0 27px 0px; line-height:180%; word-spacing:1px; text-align:center; font-size:10.5pt;} #coordinaten p span {color:#d97a2a;} #coordinaten a {color:#686260;} /* ---------------- nav -------------------- */ #navcontainer { padding:0 0 0 16px; } #navlist {} #navlist li {float:left; margin-right:2px;} #navlist li a {padding:3px 6px; color:#4c4e54; text-decoration:none; font-weight:700; border:1px solid #e0d9c9; display:block;} #navlist li a:hover {padding:3px 6px; color:#4c4e54; text-decoration:none; font-weight:700; border:1px solid #f2ebe1; background:#ebe4d3;} #navlist li a#currentpage {padding:3px 6px; color:#990501; text-decoration:none; font-weight:700; border:1px solid #ebe0d3; background:#fff;} /* ---------------- content -------------------- */ #content {padding-left: 40px;} #contentbottom {background: #ff973c url(images/content_bottom.jpg) bottom left no-repeat; height:118px;} #left {float:left; width:550px; display:block; min-height:650px;} #left p {line-height:160%; margin-bottom:10pt; text-align:left;} #left p strong {color:#262423; font-weight:700;} #left p em {color:#990501; font-weight:700; font-variant:normal;} #left a.left {float:left; margin-right:20px; } #left a.right {float:right; margin-left:20px;} #left a.downloadlink {padding:3px 6px; color:#990501; text-decoration:none; font-weight:700; border:1px solid #b9b2aa; background:#f2f1f0; width:250px; float:left; display:block; margin:0 22px 12px 0;} #left a.downloadlink2 {padding:3px 6px; color:#990501; text-decoration:none; font-weight:700; border:1px solid #b9b2aa; background:#f2f1f0; width:250px; float:left; display:block; margin:0 0 12px 0;} #left a.downloadlink1 {padding:1px 3px; color:#990501; text-decoration:none; font-weight:300; border:1px solid #b9b2aa; background:#f2f1f0; width:120px; float:left; display:block; margin:0 10px 12px 0; font-size:8pt;} #left a.downloadlink12 {padding:1px 3px; color:#990501; text-decoration:none; font-weight:300; border:1px solid #b9b2aa; background:#f2f1f0; width:120px; float:left; display:block; margin:0 0 12px 0; font-size:8pt;} #left a.downloadlink1:hover {color:#f2f1f0; font-weight:300; background:#c52a25;} #left a.downloadlink12:hover {color:#f2f1f0; font-weight:300; background:#c52a25;} #left a#currentkaart {color:#f2f1f0; font-weight:300; background:#c52a25;} h1 span {text-indent:-9000px; display:none;} #h1_welkom {width: 476px; height: 54px; position: relative; background: #fff url(images/h1.jpg) 0 0; margin:46px 0 50px 0;} #h1_route {width: 476px; height: 54px; position: relative; background: #fff url(images/h1_route.jpg) 0 0; margin:46px 0 50px 0;} #h1_contact {width: 476px; height: 54px; position: relative; background: #fff url(images/h1_contact.jpg) 0 0; margin:46px 0 50px 0;} #h1_nieuws {width: 476px; height: 54px; position: relative; background: #fff url(images/h1_nieuws.jpg) 0 0; margin:46px 0 50px 0;} #h1_kaart {width: 476px; height: 67px; position: relative; background: #fff url(images/h1_kaart.jpg) 0 0; margin:26px 0 35px 0;} #h1_kaartvolledig {width: 476px; height: 54px; position: relative; background: #fff url(images/h1_kaartvolledig.jpg) 0 0; margin:46px 0 50px 0;} #h1_dagschotels {width: 476px; height: 54px; position: relative; background: #fff url(images/h1_dagschotels.jpg) 0 0; margin:46px 0 50px 0;} #h1_dagschoteloverzicht {width: 476px; height: 54px; position: relative; background: #fff url(images/h1_dagschotels2.jpg) 0 0; margin:46px 0 50px 0;} #h1_bedankt {width: 476px; height: 54px; position: relative; background: #fff url(images/h1_bedankt.jpg) 0 0; margin:46px 0 50px 0;} #h1_gastenboek {width: 476px; height: 54px; position: relative; background: #fff url(images/h1_gastenboek.jpg) 0 0; margin:46px 0 50px 0;} #h1_gastenboekentry {width: 476px; height: 54px; position: relative; background: #fff url(images/h1_gastenboekentry.jpg) 0 0; margin:46px 0 50px 0;} h2 {color:#9e2420; font-weight:600; margin: 18pt 0 10pt 0; font-size:11pt; font-family: sans-serif; } div.sfeerbeelden {text-align:left;} div.sfeerbeelden a {margin: 0 16px 0 0;} img.sfeerthumb {padding:4px; background:#F4F1EC; border-bottom:1px solid #CCC0B3; border-right:1px solid #CCC0B3; margin-bottom:10pt;} #dagschotellijst {background:#d6c7c0; border-bottom:1px solid #bcb4ac; padding-top:18px; padding-left:2px; margin-bottom:14pt;} div.dagschotelitem {background:url(images/dagschotels_bg.jpg) top left no-repeat; height:86px;} div.dagschotelitem2 {background:url(images/dagschotels_bg2.jpg) top left no-repeat; height:120px;} #dagschotellijst p.date {color:#fef6f3; float:left; margin:2px 80px 0 22px; width:60px; text-align:center;} #dagschotellijst p.date span {font-size:11pt; color:#615956; line-height:240%; } #dagschotellijst p.menu {padding:8px 30px 0 0 ; line-height:180%; font-weight:700; } div.newsitem {} #left p a {font-weight:700; color:#686260; } #left p a:hover {font-weight:700; color:#9e2420;} img.newsborder {padding:4px; background:white; border-left:1px solid #D9D9D7; border-right:1px solid #D9D9D7; border-bottom:1px solid #AAAAA8; margin-right:20px; float:left;} /* ---------------- right -------------------- */ #right {float:left; width:260px; padding:90px 0 0 90px; text-align:center;} #dagschotels {height:150px; overflow:hidden; margin-bottom:110px;} #dagschotels2 {height:150px; overflow:hidden; margin-bottom:55px;} #dagschotels p,#dagschotels2 p {color:#ebe0d3; line-height:140%;} #dagschotels p.titel, #dagschotels2 p.titel {color:#fbf8f2; font-weight:700; margin-bottom:10pt;} #dagschotels p.titel2, #dagschotels2 p.titel2 {font-weight:700; margin-bottom:3pt; font-size:11pt; line-height:130%;} #dagschotels p a.continue, #dagschotels2 p a.continue {font-size:8pt; color:#fff;} #headlines {height:280px;overflow:hidden; margin-bottom:50px; } #headlines p {font-size:9pt; text-align:justify; margin-bottom:0pt; padding-bottom:0pt; } #headlines p.firsttwo {font-size:9pt; text-align:justify; background:url(images/separator.jpg) bottom center no-repeat; margin-bottom:12pt; padding-bottom:12pt; } #headlines p strong {font-weight:700; } #headlines p span {color:#d37525; font-weight:500; } #headlines p span:hover {color:#a92f2a; font-weight:500; } #headlines a {color:#686260; border-bottom:1px solid #eae3da; text-decoration:none;} #headlines a:hover {color:#a92f2a; border-bottom:1px solid #c5beb7; text-decoration:none;} #headlines a:hover span {color:#a92f2a;} #openingsuren a {display:block; height:100px; text-decoration:none;} /* ---------------- route -------------------- */ iframe {width:540px; height:330px; padding:4px 4px 0px 4px; background:#F4F1EC; border-bottom:1px solid #CCC0B3; border-right:1px solid #CCC0B3; margin-bottom:10pt;} /* ---------------- gastenboek -------------------- */ div.entry {padding:2px 10px 0 10px; background:#ECE0D5; border:1px solid #DFCBB9; margin-bottom:10px;} div.entry p span.wie {font-size:8pt; font-weight:700; font-style:italic; color:#B20601;} /* ---------------- contact -------------------- */ #zonnebloemform {width:300px; float:right; line-height:150%; margin-bottom:10pt; font-size:8pt; } #zonnebloemform input {width:200px; background:#F4F1EC; border:1px solid #CCC0B3; margin:3px 0 3px 0; font-family: 'Lucida Sans Unicode', 'Trebuchet MS', Helvetica, Verdana, Arial, sans-serif; font-size:8pt; color:#686260;} #zonnebloemform input#submit {color:#990501; font-weight:600; padding:3px 0 3px 0;} textarea {width:300px; background:#F4F1EC; border:1px solid #CCC0B3; margin-bottom:22px; overflow:hidden; font-family: 'Lucida Sans Unicode', 'Trebuchet MS', Helvetica, Verdana, Arial, sans-serif; font-size:8pt; color:#686260;} div.val, input.val {display:none;} /* ---------------- footer -------------------- */ #bottom {width:100%; text-align:center; background: #6c6260 url(images/footer_bg.jpg) repeat-x; min-height:250px; } #footer {text-align:left; margin:0px auto; width:960px; background: #6c6260 url(images/footer.jpg) no-repeat;} #footer p {text-align:center; padding:56px 0 20px 0; color:#dad3cb;} #footer a {color:#dad3cb;} #footer a.maillink {color:#ed9645;} #menulinks {width:255px; float:left; margin-right:30px;} #menurechts {width:260px; float:left;} ul.menukaart {margin-bottom:10px;} ul.menukaart li {display:block; width:255px; margin-bottom:6px; } ul.menukaart li span {float:right; width:60px; text-align:right;} ul.menukaart2 {margin-bottom:10px;} ul.menukaart2 li {display:block; width:500px; margin-bottom:6px; } ul.menukaart2 li span {float:right; width:60px; text-align:right;}