@charset "UTF-8";
html, body { height: 101%; }
body { 
    background-image: url(/img/bg.gif); background-repeat: repeat-y; background-position: center 0; background-color: black; margin: 0; padding: 0; font-family: Arial, Helvetica, sans-serif; background-attachment: fixed; 
    line-height: 17px;
}
#home { width: 850px; margin-right: auto; margin-left: auto; min-height: 100%; padding: 0; background-color: black; }
#main { width: 850px; margin-right: auto; margin-left: auto; min-height: 100%; padding: 0; background-color: white; }
#header { width: 850px; height: 150px; top: 0; position: relative; z-index: 1; background-color: black; margin-right: auto; margin-left: auto; background-image: url(/img/header-bg.gif); background-repeat: repeat-x; }
#flash { width: 950px; position: relative; z-index: 2; left: -50px; float: left; overflow: hidden; }
#leeftijdcheck { width: 950px; background-color: black; position: relative; z-index: 2; left: -50px; float: left; overflow: hidden; }
#content {
    position: relative; z-index: 2;
    float: left; overflow: hidden;
    width: 820px;
    border-top: 3px solid black;
    background-color: white;
    padding: 20px 15px 50px 15px;
}
#footer { clear: both; height: 100%; width: 820px; position: relative; z-index: 3; margin-right: auto; margin-left: auto; left: 0; overflow: visible; font-size: 11px; top: 0; text-align: center; color: #666666; bottom: 0; padding-right: 15px; padding-left: 15px; }
.thickline { background-color: black; height: 2px; width: auto; margin: 10px 0; }
.thinline { background-color: black; height: 1px; width: auto; margin: 10px 0; }
#search { z-index: 10; height: 20px; width: 180px; top: 15px; right: 15px; position: absolute; margin: 0; padding: 0; }
#lang_tools { z-index: 10; height: 20px; width: 46px; top: 69px; right: 13px; position: absolute; margin: 0; padding: 0; }
#submenu {
    float: left;
    position: relative;
    left: 0; top: 37px;
    width: 200px; height: auto;
    margin-right: 15px;
    font-family: Arial, Helvetica, sans-serif; font-size: 12px;
    font-weight: bold; 
    color: black; 
}
#submenu ul { list-style: none; margin: 0; padding: 0 }
#submenu li a {
    display: block;
    margin: 0; padding: 4px 1px;
    border-bottom: 1px solid #818181;
    text-decoration: none;
    color: black;
}
#submenu li.first a { border-top: 1px solid #818181; }
#submenu li a:hover { color: #A8752E; }
#submenu ul ul li a { padding-left: 15px; font-weight: normal; }

#centercolumn { position: relative; height: auto; top: 15px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: black; float: left; }
#rightcolumn { position: relative; height: auto; width: 200px; top: 15px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: black; float: left; }
#widecolumn { position: relative; height: auto; width: 605px; left: 0; top: 15px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: black; float: left; }
#footerhome { clear: both; height: 100%; width: 850px; position: relative; z-index: 3; margin-right: auto; margin-left: auto; left: 0; overflow: visible; font-size: 11px; top: 0; text-align: center; color: #666666; bottom: 0; padding-top: 20px; }
#footerhome a { color: #666; text-decoration: none; }
#footerhome a:link { color: #666; text-decoration: none; }
#footerhome a:hover { color: white; text-decoration: underline; }
.upper { text-transform: uppercase; }
#footer a { color: #666; text-decoration: none; }
#footer a:link { color: #666; text-decoration: none; }
#footer a:hover { color: black; text-decoration: underline; }
.searchbox { font-size: 11px; color: white; background-color: #3E2915; font-family: Arial, Helvetica, sans-serif; border: 1px solid #A8752E; height: 14px; width: 150px; left: 0; top: 0; line-height: 20px; position: absolute; padding: 2px; vertical-align: middle; margin: 0; }
.searchbutton { position: absolute; top: 0; left: 160px; }

/* MAIN MENU */
#mainmenu { width: 850px; height: 37px; bottom: 0; background-color: black; }
#globalnav { margin: 0; padding: 0; }
#globalnav li { display: inline; }
#globalnav li a { float: left; height: 0; padding-top: 37px; overflow: hidden; }
#globalnav li a, #mainmenu { background-image: url(/img/menu_nl.png); background-repeat: no-repeat; }

#gn1 a { background-position: -0px 0; width: 125px }
#gn1 a:hover { background-position: -0px -37px }
#gn1 a:active { background-position: -0px -74px }
#gn1.selected a, #gn1.active a { background-position: -0px -111px !important }

#gn2 a { background-position: -125px 0; width: 90px }
#gn2 a:hover { background-position: -125px -37px }
#gn2 a:active { background-position: -125px -74px }
#gn2.selected a, #gn2.active a { background-position: -125px -111px !important }

#gn3 a { background-position: -215px 0; width: 103px }
#gn3 a:hover { background-position: -215px -37px }
#gn3 a:active { background-position: -215px -74px }
#gn3.selected a, #gn3.active a { background-position: -215px -111px !important }

#gn4 a { background-position: -318px 0; width: 85px }
#gn4 a:hover { background-position: -318px -37px }
#gn4 a:active { background-position: -318px -74px }
#gn4.selected a, #gn4.active a { background-position: -318px -111px !important }

#gn5 a { background-position: -403px 0; width: 89px }
#gn5 a:hover { background-position: -403px -37px }
#gn5 a:active { background-position: -403px -74px }
#gn5.selected a, #gn5.active a { background-position: -403px -111px !important }

h1,h2,h3 { margin: 0; padding: 0; }
h1 {
    text-transform: uppercase;
    border-bottom: 1px solid #818181;
    font-size: 14px; font-weight: normal;
    margin: 0 0 13px 0;
    padding: 0 0 5px 0;
}

td { vertical-align: top; }
td.title { font-size: 90%; font-weight: bold }
td.header { font-size: 70% }
td.label { text-align: right; font-weight: bold; white-space: nowrap; padding-right: 1em; }
td.label small { font-weight: normal; }
td.input { padding-top: 8px; }
td.p { padding-right: 1em; }
td.n { white-space: nowrap; }
td.b { font-weight: bold; }
td.c { text-align: center; }
td.r { text-align: right; }

a { color: #A8752E; text-decoration: underline; }
a:hover { text-decoration: none; }
a:visited,a:active { color: #472f0e; }

a.fixed { color: blue }

.abc { margin-bottom: 20px; }
.paginate { margin-top: 20px; }

blockquote { background-color: #f0f0f0; padding: 10px; border: 1px solid #cccccc; margin-left: 10px; }

#tools, #login_tools, #page_tools { font-size: 11px; color: #666; padding-top: 20px; }
#tools a, #login_tools a, #page_tools a { color: #666; text-decoration: none; }
#tools a, #login_tools a, #page_tools a:hover { text-decoration: none }

.editable { padding: 2px 0; }
.editable form { margin: 0; padding: 0; }
.editable:hover { background-color: #FFFFD3; }
.editable span { color: #cccccc; font-style: italic }
.editable_input input { background-color: #FFFFD3; }
h1 .editable_input input { font-size: 100%; }

table.cycle { empty-cells: show; border-right: 1px solid #818181; border-bottom: 1px solid #818181 }
table.cycle td { border-left: 1px solid #818181 }
table.cycle tr.header { background-color: #3D80DF; color: white }
table.cycle tr.header a { color: white }
table.cycle tr.light { background-color: white }
table.cycle tr.dark { background-color: #EDF3FE }
table.cycle tr.lightred { background-color: #FF9999 }
table.cycle tr.darkred { background-color: #FF6666 }
table.border td { border-top: 1px solid #818181 }
table.small td { font-family: tahoma; font-size: 8pt }
table.hidelinks a { color: black; text-decoration: none }
table.hidelinks a:hover { text-decoration: underline }
table.noborder td { border: none }

table.specs td { border-bottom: 1px solid #818181; padding: 3px; }
table.specs td.label { text-align: left; color: #818181; font-weight: normal; padding-left: 0; }
table.specs tr.header { font-weight: bold; }
table.specs tr.header td { padding-left: 0; }

#faq_list li { margin-bottom: 1em; }

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

hr { height: 1px; color: #818181; background-color: #818181; border: 0; }