@charset "UTF-8";

/* GENERAL */
html, body { height: 100%; }
body {
    /*font-family: Georgia, 'Times New Roman', Times, serif;*/
    font-family: Arial, Helvetica, sans-serif;
    font-size: 9pt; line-height: 16px;
    margin: 0; padding: 0;
}
tr.header { font-size: 7.5pt; }
td { text-align: left; vertical-align: top; }
td.p { padding-right: 7px; }
td.n { white-space: nowrap; }
td.b { font-weight: bold; }
td.c { text-align: center; }
td.r { text-align: right; }

/*.available { color: green }
.booked { color: red }
*/
/*.calendar-month { float: left; margin-right: 20px; }
.calendar-month .day {
    width: 15px; height: 15px;
    border-bottom: 1px solid gray;
    border-right: 1px solid gray;
    text-align: center;
    vertical-align: middle;
}
*/

#period_select {
    float: left;
    margin: 10px;
    padding: 10px;
    border: 1px solid gray;
    background-color: white;
    -webkit-border-radius: 4px;
       -moz-border-radius: 4px;
            border-radius: 4px;
    -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box;
}
#datepicker {
    font-size: 80%;
    margin-bottom: 10px;
}
#datepicker .selectable a { background: lightgreen !important; }
#datepicker .selected span { background: orange !important; }
#datepicker .booked span { background: lightred !important; }

#date_start_display { padding: 2px }
#date_end_display { padding: 2px }

#cart_small {
    float: left;
    margin: 10px;
    padding: 10px;
    border: 1px solid gray;
    width: 400px; min-height: 270px;
    background-color: white;
    -webkit-border-radius: 4px;
       -moz-border-radius: 4px;
            border-radius: 4px;
    -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box;
}
#products {
    margin: 10px;
    padding: 10px;
    border: 1px solid gray;
    width: 346px; min-height: 280px;
    background-color: white;
    -webkit-border-radius: 4px;
       -moz-border-radius: 4px;
            border-radius: 4px;
    -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box;
}

#main {
    width: 1000px; margin-right: auto; margin-left: auto; min-height: 100%;
    background-image: url('/img/shadow.png'); background-repeat: repeat-y; padding: 0;
}
#header {
    width: 950px; height: 170px; top: 0; position: relative; z-index: 1; left: 25px;
    background-image: url('/img/header-bg.jpg'); background-repeat: no-repeat;
}
#content {
    width: 950px; position: relative; z-index: 2; left: 25px; padding-top: 25px; padding-bottom: 50px;
    background-image: url('/img/content-bg.png'); background-repeat: repeat-y;
    border-top-width: 2px; border-top-style: solid; border-top-color: white; float: left; overflow: hidden;
}
#footer {
    clear: both; height: 100px; width: 950px; position: relative; z-index: 3;
    margin-right: auto; margin-left: auto; left: 0;
    background-image: url('/img/footer-bg.png'); padding-bottom: 25px; background-repeat: no-repeat;
    overflow: visible; text-transform: uppercase; font-size: 9px; top: -16px;
}
#logo { position: absolute; height: 130px; width: 520px; top: 0; left: 0; }
#servicebuttons { white-space: nowrap; position: absolute; height: 24px; width: 210px; right: 30px; top: 5px; }
#news1img { position: absolute; height: 100px; width: 70px; right: 260px; top: 35px; }
#news1 { position: absolute; height: 100px; width: 100px; right: 140px; top: 35px; color: black; line-height: 16px; margin: 0; padding-top: 10px; padding-right: 0; padding-bottom: 0; padding-left: 0; }
#news2 { position: absolute; height: 100px; width: 100px; right:  30px; top: 35px; color: black; line-height: 16px; margin: 0; padding-top: 10px; padding-right: 0; padding-bottom: 0; padding-left: 0; }
#ticker { position: absolute; height: 24px; width: 300px; right: 30px; bottom: 5px; }
h1 { text-transform: uppercase; color: #6b747d; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #6b747d; font-size: 14px; line-height: 20px; margin-bottom: 5px; padding: 0; margin-top: 0; margin-right: 0; margin-left: 0; letter-spacing: 0.05em; font-weight: bold; font-family: Arial, Helvetica, sans-serif; }
h2 { text-transform: uppercase; color: #09C; font-size: 30px; line-height: 30px; letter-spacing: 0.08em; margin-top: 0; margin-right: 0; margin-bottom: 10px; margin-left: 0; font-weight: normal; clear: both; border-bottom-width: 2px; border-bottom-style: solid; border-bottom-color: #09C; padding-top: 25px; padding-right: 0; padding-bottom: 0; padding-left: 0; font-family: Arial, Helvetica, sans-serif; }
h3 { text-transform: uppercase; color: #09C; font-size: 30px; line-height: 30px; letter-spacing: 0.05em; font-weight: normal; border-bottom-width: 2px; border-bottom-style: solid; border-bottom-color: #09C; margin-top: 35px; margin-right: 0; margin-bottom: 10px; margin-left: 0; padding: 0; font-family: Arial, Helvetica, sans-serif; }
h4 { text-transform: uppercase; color: white; font-size: 12px; line-height: 12px; letter-spacing: 0.05em; font-weight: bold; margin: 0; padding: 0; font-family: Arial, Helvetica, sans-serif; }

a.button {
    display: block;
    margin: 3px 0 0 0; padding: 0 30px 0 5px;
    height: 15px; /*line-height: 15px;*/
    position: absolute; color: white; text-decoration: none;
    background-color: #09C; font-size: 9px; text-transform: uppercase; 
    background-image: url('/img/button-arrow.png'); background-repeat: no-repeat; background-position: right;
    font-family: Arial, Helvetica, sans-serif;
}
a.button:hover { 
    position: absolute; color: white; text-decoration: none;
    background-image: url('/img/button-arrow.png'); background-repeat: no-repeat; display: block; background-color: #6b747d; background-position: right;
}
a.button:active { color: #6b747d; text-decoration: none; }

.zoekbalk { font-family: Arial, Helvetica, sans-serif; font-size: 11px; line-height: 12px; color: #6b747d; border: 1px solid #6b747d; height: 14px; width: 110px; position: relative; top: -5px; padding-top: 3px; padding-right: 0; padding-bottom: 0; padding-left: 3px; margin-top: 0; margin-right: 0; margin-bottom: 0; margin-left: 5px; }
hr { height: 1px; border-top-style: none; margin-top: 10px; margin-right: 0; margin-bottom: 10px; margin-left: 0; border-right-style: none; border-bottom-style: none; border-left-style: none; background-color: #6b747d; padding: 0; }

#page_tools { color: gray; padding-top: 20px; }
#page_tools a { color: gray; text-decoration: none; }
#page_tools a:hover { text-decoration: none; }

/* MAIN MENU */
#mainmenu { width: 700px; height: 32px; margin: 32px auto; position: absolute; z-index: 99; left: 30px; top: 108px; }
#globalnav { margin: 0; padding: 0; }
#globalnav li { display: inline; }
#globalnav li a { float: left; height: 0; padding-top: 30px; overflow: hidden; }
#globalnav li a, #mainmenu { background-image: url('/img/nav_nl.png'); background-repeat: no-repeat; }

#gn1 a { background-position: -0px 0; width: 38px }
#gn1 a:hover { background-position: -0px -32px }
#gn1 a:active { background-position: -0px -64px }
#gn1.selected a, #gn1.active a { background-position: -0px -96px !important }

#gn2 a { background-position: -38px 0; width: 92px }
#gn2 a:hover { background-position: -38px -32px }
#gn2 a:active { background-position: -38px -64px }
#gn2.selected a, #gn2.active a { background-position: -38px -96px !important }

#gn3 a { background-position: -130px 0; width: 161px }
#gn3 a:hover { background-position: -130px -32px }
#gn3 a:active { background-position: -130px -64px }
#gn3.selected a, #gn3.active a { background-position: -130px -96px !important }

#gn4 a { background-position: -291px 0; width: 129px }
#gn4 a:hover { background-position: -291px -32px }
#gn4 a:active { background-position: -291px -64px }
#gn4.selected a, #gn4.active a { background-position: -291px -96px !important }

#gn5 a { background-position: -420px 0; width: 140px }
#gn5 a:hover { background-position: -420px -32px }
#gn5 a:active { background-position: -420px -64px }
#gn5.selected a, #gn5.active a { background-position: -420px -96px !important }

/* SUBMENU */
#submenu { width: 190px; float: left; margin: 0; padding: 0; font-size: 10px; }
#subnav { text-transform: uppercase; margin-left: 30px; width: 160px; margin-top: 20px; margin-right: 0; margin-bottom: 0; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #09C; font-size: 11px; line-height: 20px; letter-spacing: 0.1em; padding: 0; font-family: Arial, Helvetica, sans-serif; font-weight: normal; }
#subnav li { display: block; text-decoration: none; text-indent: 4px; border-top-width: 1px; border-top-style: solid; border-top-color: #09C; color: #09C; white-space: nowrap; }
#subnav li a { display: block; height: 20px; color: #09C; text-decoration: none; }
#subnav li a:hover { color: white; text-decoration: none; background-repeat: repeat-x; background-image: url('/img/submenu-bg.png'); }
#subsubnav { text-transform: uppercase; margin-left: 0; width: 160px; margin-top: 0; margin-right: 0; margin-bottom: 12px; font-size: 9px; line-height: 16px; letter-spacing: 0.1em; padding: 0; font-family: Arial, Helvetica, sans-serif; }
#subsubnav li { display: block; text-decoration: none; text-indent: 7px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; color: #6b747d; }
#subsubnav li a { display: block; height: 16px; color: #09C; text-decoration: none; /*background-image: url('/img/subsubmenu_pijl-blauw.png'); background-repeat: no-repeat; background-position: 4px 2px;*/ }
#subsubnav li a:hover { color: #6b747d; text-decoration: none; /*background-image: url('/img/subsubmenu_pijl-grijs.png'); background-repeat: no-repeat; background-position: 4px 2px;*/ }
#smallnav { text-transform: uppercase; margin-left: 30px; width: 160px; margin-top: 50px; margin-right: 0; margin-bottom: 0; font-size: 9px; border-top-width: 1px; border-top-style: solid; border-top-color: #6b747d; line-height: 16px; letter-spacing: 0.1em; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #6b747d; padding-top: 5px; padding-right: 0; padding-bottom: 5px; padding-left: 0; font-family: Arial, Helvetica, sans-serif; }
#smallnav li { display: block; text-decoration: none; text-indent: 12px; }
#smallnav li a { height: 16px; color: #6b747d; text-decoration: none; background-image: url('/img/subsubmenu_pijl-grijs.png'); background-repeat: no-repeat; background-position: 4px 2px; display: block; }
#smallnav li a:hover { color: #09C; text-decoration: none; background-image: url('/img/subsubmenu_pijl-blauw.png'); background-repeat: no-repeat; background-position: 4px 2px; }

/* INTRO */
#introimg { width: 500px; margin: 0; padding: 0; z-index: 200; position: absolute; right: 0; top: 0; background-position: right bottom; bottom: 0; }
#block1 { width: 340px; margin-left: 30px; float: left; z-index: 201; height: 180px; position: relative; }
#block2 { width: 340px; margin-left: 30px; float: left; z-index: 202; height: 180px; position: relative; }
#block3 { width: 340px; margin-left: 30px; float: left; z-index: 203; height: 180px; margin-top: 20px; position: relative; }
#block4 { width: 340px; margin-left: 30px; float: left; z-index: 204; height: 180px; margin-top: 20px; position: relative; }
.intronav { text-transform: uppercase; margin: 0; width: 340px; margin-right: 0; margin-bottom: 0; font-size: 11px; line-height: 20px; letter-spacing: 0.1em; padding: 0; font-family: Arial, Helvetica, sans-serif; font-weight: normal; }
.intronav li { display: block; text-decoration: none; text-indent: 4px; }
.intronav li a { display: block; height: 20px; color: #09C; text-decoration: none; }
.intronav li a:hover { color: white; text-decoration: none; background-image: url('/img/submenu-bg.png'); background-repeat: repeat-x; }

/* TEXT */
#text { width: 385px; margin-left: 20px; float: left; }
#images { width: 300px; margin-left: 25px; float: left; padding-top: 8px; border-top-width: 1px; border-top-style: solid; border-top-color: #6b747d; margin-top: 20px; }
#images .note { width: 300px; float: left; font-size: 10px; color: black; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #6b747d; line-height: 13px; padding-top: 5px; padding-bottom: 5px; }

/* LIST */
#lijst { width: 710px; margin-left: 20px; float: left; position: relative; }
#lijst .article { width: 710px; position: relative; overflow: auto; }
#lijst .text    { width: 385px; float: left; position: relative; left: 0; top: 0; margin: 0 25px 0 0; padding: 0; }
#lijst .image   { width: 300px; float: left; position: relative; top: 0; margin: 0; padding: 0; }
#lijst .image .note { width: 300px; float: left; font-size: 10px; color: black; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #6b747d; line-height: 13px; padding-top: 5px; padding-bottom: 5px; }

/* HOLIDAY HOME */
#holidayhome { width: 710px; margin-left: 20px; float: left; position: relative; }
#holidayhome td { color: black; }
#holidayhome a { color: #939B9F; }
#holidayhome a.button { color: white; }
/*
#holidayhome .holidayhome { width: 710px; position: relative; overflow: auto; }
#holidayhome .block { width: auto; height: auto; overflow: auto; padding: 8px; background-image: url('/img/list-bg.png'); background-repeat: repeat-y; }
#holidayhome .image       { width: 164px; float: left; position: relative; top: 0; margin: 0 8px 0 0; padding: 0; }
#holidayhome .buttons     { line-height: 150%; width: 334px; position: relative; bottom: 0; margin: 0; padding: 0; }
#holidayhome .more_info   { color: #939B9F; width: 334px; float: left; position: relative; left: 0; top: 0; margin: 0 0 0 0; padding: 0; }
#holidayhome .description { height:100%; color: #939B9F; border-left: 2px solid #939B9F; width: 170px; float: right; position: relative; top: 0; margin: 0 0 0 8px; padding: 0 0 0 8px; }
#holidayhome .description a { color: #939B9F; }
*/
#holidayhome .holidayhome { width: 710px; position: relative; overflow: auto; }
#holidayhome .text    { width: 385px; float: left; position: relative; left: 0; top: 0; margin: 0 25px 0 0; padding: 0; }
#holidayhome .image   { width: 300px; float: left; position: relative; top: 0; margin: 0; padding: 0; }
#holidayhome .image .note { width: 300px; float: left; font-size: 10px; color: black; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #6b747d; line-height: 13px; padding-top: 5px; padding-bottom: 5px; }

/* AGENDA */
#agenda_list { width: 710px; margin-left: 20px; float: left; }
#agenda_list .calmonth { width: 710px; position: relative; margin: 0; padding: 0 0 20px 0; overflow: auto; height: auto; }
#agenda_list .callist { width: 385px; top: -10px; position: relative; left: 0; float: left; margin: 0 10px 0 0; padding: 0; overflow: auto; height: auto; }
#agenda_list .calitem { width: auto; height: auto; overflow: auto; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #09C; display: block; padding-top: 2px; padding-bottom: 2px; position: relative; }
#agenda_list .calitem a { display: block; color: black; text-decoration: none; }
#agenda_list .calitem a:hover { background-color: #09C; color: white; }
#agenda_list .image { position: relative; float: left; width: 300px; top: 0; right: 0; }
#agenda_list .caldate { margin-left: 0; width: 30px; display: inline-block; font-family: Arial, Helvetica, sans-serif; font-size: 30px; line-height: 40px; text-transform: uppercase; height: 40px; top: 0; vertical-align: top; color: #09C; }
#agenda_list .calitem a:hover .caldate { color: white; }
#agenda_list .calevent {
    width: 330px; display: inline-block;
    font-size: 12px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; text-transform: uppercase;
    position: absolute; left: 40px; top: 7px;
}
#agenda_list .calinfo {
    width: 330px; display: inline-block;
    font-size: 11px;
    position: absolute; left: 40px; top: 22px;
}

/* FOOTER */
#footerimg { position: absolute; height: 100px; width: 500px; right: 0; top: 0; }
#footer1 { border-left-width: 2px; border-left-style: solid; border-left-color: white; position: absolute; height: 20px; width: 60px; left: 30px;  top: 16px; padding-left: 5px; font-family: Arial, Helvetica, sans-serif; }
#footer2 { border-left-width: 2px; border-left-style: solid; border-left-color: white; position: absolute; height: 20px; width: 60px; left: 90px; top: 16px; padding-left: 5px; font-family: Arial, Helvetica, sans-serif; }
#footer3 { border-left-width: 2px; border-left-style: solid; border-left-color: white; position: absolute; height: 20px; width: 60px; left: 165px; top: 16px; padding-left: 5px; font-weight: bold; font-family: Arial, Helvetica, sans-serif; }
#footer4 { border-left-width: 2px; border-left-style: solid; border-left-color: white; position: absolute; height: 20px; width: 60px; left: 250px; top: 16px; padding-left: 5px; font-family: Arial, Helvetica, sans-serif; }
#footer5 { border-left-width: 2px; border-left-style: solid; border-left-color: white; position: absolute; height: 20px; width: 60px; left: 310px; top: 16px; padding-left: 5px; font-family: Arial, Helvetica, sans-serif; }
#footer6 { border-left-width: 2px; border-left-style: solid; border-left-color: white; position: absolute; height: 20px; width: 60px; left: 350px; top: 16px; padding-left: 5px; font-family: Arial, Helvetica, sans-serif; }
#footer7 { border-left-width: 2px; border-left-style: solid; border-left-color: white; position: absolute; height: 20px; width: 60px; left: 390px; top: 16px; padding-left: 5px; font-family: Arial, Helvetica, sans-serif; }
#footer a { position: absolute; bottom: 0; color: #6b747d; text-decoration: none; }
#footer a:hover { color: white; text-decoration: none; }
#footer a:active { color: #09C; text-decoration: none; }
#footer_sweedshots a { position: absolute; color: white; text-decoration: none; background-image: url('/img/sweedshots.png'); background-position: 75px; background-repeat: no-repeat; display: block; height: 20px; width: 110px; line-height: 24px; }
#footer_sweedshots a:hover { position: absolute; color: #09C; text-decoration: none; background-image: url('/img/sweedshots-over.png'); background-position: 75px; background-repeat: no-repeat; display: block; height: 20px; width: 110px; line-height: 24px; text-decoration: none; }
#footer_sweedshots a:active { color: #6b747d; text-decoration: none; }

#login_tools { position: absolute; left: 30px; top: 42px; padding: 5px; font-weight: bold; font-family: Arial, Helvetica, sans-serif; white-space: nowrap; }
#login_tools a { padding: 5px; }

#question .question_title { font-weight: bold; color: black }
#question .question_text { line-height: 1.6em; margin-bottom: 1em }
#question .feedback_text { line-height: 1.6em; margin-top: 1em }
#question .choice { color: black }
#question .choice:hover { color: blue }