body {
    margin:0px;
    padding:0px;
    /*behavior:url("<?= $csspath ?>/csshover.htc");*/
    background-color:#98bbc9;
    background-image:url(../images/global/body_bg.gif);
}

.bgcontainer {
    padding:10px 0px 0px 0px;
    background-image: url(../images/global/bgcontainer_bg.gif);
    background-repeat: repeat-x;
    text-align: center;
}

.container {
    padding: 0;
    width: 737px;
    margin: 0 auto 0 auto;
    position: relative;
    text-align: left;
    border-top: 1px solid #D9BB85;
    border-left: 1px solid #D9BB85;
    border-right: 1px solid #D9BB85;
    border-bottom: 1px solid #CD8741;
}

.header {
    padding: 0;
    margin: 0;
    width: 737px;
    height: 136px;
    background-color:#E9CF9E;
}

.header h1 {
    margin: 0;
    padding: 0;
    display: block;
    background-image: url(../images/global/header_top_new.jpg);
    width: 737px;
    height: 95px;
}
.header h1 a:link, .header h1 a:visited{
    display: block;
    height: 85px;
}

.header h1 a span {
    display:none;
}

.menu_start {
    background-image: url(../images/global/menu_start.gif);
    width: 10px;
    height: 24px;
    position: absolute;
    top: 95px;
    left: -9px;
}

.menu_end {
    background-image: url(../images/global/menu_end.gif);
    width: 10px;
    height: 24px;
    position: absolute;
    top: 95px;
    right: -9px;
}

.menu_bottom {
    background-image: url(../images/global/header_bottom.gif);
    background-color:#e9cf9e;
    width: 737px;
    height: 23px;
    clear:both;
}

/*******MENU*******/

.menu {
 behavior:url("/resources/stylesheets/csshover.htc");
}

div.menu ul,div.menu li {
    margin:0;
    padding:0;
    display:block;
}
div.menu ul {
    list-style:none;
    padding:0px;
    margin:0px;
    background-color:#fff;
}
div.menu li {
    position:relative;
    background-color:#cd8741;
    z-index:9;
    margin-bottom:0px;
}
div.menu li.root {
    float:left;
    border:none;
    margin:0px;
}
div.menu li.root a:link, div.menu li.root a:visited {
    display: block;
    color: #000;
    line-height: 18px;
    text-decoration: none;
    text-align: center;
    width: 140px;
    font-weight:normal;
}

div.menu li.over_ons a:link, div.menu li.over_ons a:visited {
    background-image: url(../images/global/menu_over_ons_bg.gif);
    width: 96px;
}
div.menu li.beauty_farm a:link, div.menu li.beauty_farm a:visited {
    background-image: url(../images/global/menu_beauty_farm_bg.gif);
    width: 90px;
}
div.menu li.arrangementen a:link, div.menu li.arrangementen a:visited {
    background-image: url(../images/global/menu_arrangementen_bg.gif);
    width: 110px;
}
div.menu li.center {
    background-image: url(../images/global/menu_center_bg.gif);
    width: 143px;
    height: 18px;
}
div.menu li.aanbiedingen a:link, div.menu li.aanbiedingen a:visited {
    background-image: url(../images/global/menu_aanbiedingen_bg.gif);
    width: 103px;
}
div.menu li.praktisch a:link, div.menu li.praktisch a:visited {
    background-image: url(../images/global/menu_praktisch_bg.gif);
    width: 80px;
}
div.menu li.route_contact a:link, div.menu li.route_contact a:visited {
    background-image: url(../images/global/menu_route_contact_bg.gif);
    width: 115px;
}
div.menu li.root a:hover {
    background-position: 0px -18px;
}


div.menu li ul li a:link, div.menu li ul li a:visited {
    display:block;
    width:209px !important;
    color:#000 !important;
    line-height:17px !important;
    margin:0px !important;
    border:none !important;
    padding:0px 5px 0px 5px !important;
    background-image:none !important;
}
div.menu li ul li ul li a:link, div.menu li ul li ul li a:visited {
    display:block;
    color:#fff !important;
}
div.menu li ul li {
    background-color:#d8bc85;
    background-image: url(../images/global/submenubg2.gif) !important;
    background-repeat:repeat-x;
    background-position:0 0;
    border-bottom:1px solid #D38C5C;
}

div.menu li ul li.sub_arr {
 background-image: url(../images/global/menu_sub_arr.gif) !important;
 background-repeat: no-repeat;
 background-position: 0 0;
 text-align: left !important;
}

div.menu li ul li.sub_arr a {
 width:290px !important;
 text-align: left !important;
 white-space:nowrap;
}

div.menu li:hover {
    background-color:#E9D09F;
    z-index:15;
}
div.menu li ul li:hover {
    background-position:0px -17px;
    z-index:15;
}

div.menu li:hover a {
    color:#000 !important;
}
div.menu a:hover {
    color:#000 !important;
}
div.menu li ul li:hover a:link, div.menu li ul li:hover a:visited {
    color:#000 !important;
}
div.menu li ul li:hover ul li a:link, div.menu li ul li:hover ul li a:visited {
    color:#000 !important;
}
div.menu li ul li ul li:hover a:link, div.menu li ul li ul li:hover a:visited {
    color:#000 !important;
}
div.menu li ul li ul li:hover ul li a:link, div.menu li ul li ul li:hover ul li a:visited {
    color:#000 !important;
}
div.menu li ul li ul li ul li:hover a:link, div.menu li ul li ul li ul li:hover a:visited {
    color:#000 !important;
}
div.menu ul ul {
    position:absolute;
    display:none;
    /*width:190px;*/
    top:18px;
    margin-left:-74px;
    left:50%;
    border:1px solid #fff;
}
div.menu .active, div.menu li ul li a:link.active, div.menu li ul li a:visited.active {
    color:#fff !important;
}
div.menu ul ul ul {
    left:124px;
    top:3px;
    margin:0px;
}
div.menu ul ul ul ul {
    right:110px;
}
div.menu li:hover ul ul {
    display:none;
}
div.menu li:hover li:hover ul ul {
    display:none;
}
div.menu li:hover ul, div.menu li:hover li:hover ul, div.menu li:hover li:hover li:hover ul {
    display:block;
}

div.menu li ul li a:hover {
    color:#000 !important;
}


/*******MENU*******/




.main {
    padding: 0;
    margin: 0;
    width: 737px;
    background-image: url(../images/global/main_bg.gif);
    background-position: 0 0;
    background-color:#f5e8cf;
    background-repeat: repeat-y;
}

.breadcrumbs {
    padding:0px 0px 0px 10px;
    font-size:10px;
    font-family:arial, verdana, sans-serif;
    font-weight:normal;
}
.breadcrumbs a:link, .breadcrumbs a:visited {
    font-size:10px;
    text-decoration:none;
    font-family:arial, verdana, sans-serif;
}

.content {
    padding: 10px 10px 100px 10px;
    margin: 0;
    width: 426px;
    float: left;
}

.main h1, .right_column h1 {
    background-image: url(../images/global/h1_bullet.gif);
    background-repeat: no-repeat;
    background-position: 0px 8px;
    padding-left:15px;
}
.main h2, .right_column h2 {
    background-image: url(../images/global/h2_bullet.gif);
    background-repeat: no-repeat;
    background-position: 0px 0px;
    padding-left:12px;
}

.rightcol {
    padding: 0 0 10px 0;
    margin: 0;
    width: 289px;
    float: right;
}

.rightcol img {
    margin: 10px 10px 0 10px;
}

.rightcol img.last {
    margin: 10px;
}

.footer {
    clear: both;
}

.adres {
    padding: 0;
    margin: 0;
    width: 735px;
    height: 20px;
    background-color: #E9CF9E;
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
    border-top: 1px solid #fff;
    text-align: center;
    line-height: 20px;
}

.copyright {
    padding: 0;
    margin: 0;
    width: 737px;
    height: 20px;
    background-color: #CD8741;
    background-image: url(../images/global/footer2.gif);
    line-height: 21px;
}

.copyright .links {
    float: left;
    margin-left: 60px;
}

.copyright .links a:link, .copyright .links a:visited {
    text-decoration:none;
    font-weight:normal;
    color:#730817;
}
.copyright .links a:hover {
    color:#000;
}

.copyright .payment {
    float: right;
    margin-right: 20px;
    margin-top:4px;
    width:220px;
    height:15px;
    font-size:1px;
    line-height:1px;
    background-image: url(../images/global/payment.gif);
    background-repeat:no-repeat;
}

.odd, .odd td {
    background-color:#F8F0E1;
}

.moved {
    background-color:#AE8179;
}
.moved td {
    color:#fff;
}

table tr th {
    text-align:left;
    color:#000;
    font-weight:normal;
    background-color:#CF8B48;
    padding:0px 14px 0px 2px;
}
.printbutton {
    text-align:right;
    margin:-10px 0px 5px 0px;
}
.printbutton a:link, .printbutton a:visited {
    padding-left:15px;
    background-image: url(../images/global/printicon.gif);
    background-repeat:no-repeat;
    background-position:0px 0px;
    font-weight:normal;
    font-style:italic;
}
a.arrlist {
    display:block;
    padding-left:12px;
}
a.arrlist:hover {
    background-color:#e9cf9e;
    color:#922c2a;
}

.arr_item {
 padding: 0;
 margin: 0;
}

.arr_padding {
 margin: 5px;
}

.arr_odd {
 background-color: #F7EBCE;
}

.arr_even {
 background-color: #E7BE96;
}

.arr_an {
 width: 100%;
}

.arr_an tr:hover {
 background-color:#e9cf9e;
}

.cadeaubon_keuze {
 display: block;
 line-height: 31px;
 background-color: #FFF6E7;
 border-bottom: 1px dotted #EFCE9E;
 margin-bottom: 6px;
 padding-left: 32px;
 background-image: url(../images/global/plus.gif);
 background-repeat: no-repeat;
 background-position: 8px 8px;
}

.vast tr th {
 font-weight: bold;
 background-color: transparent;
 line-height: 30px;
}

/*** Saunabezoek reserveren ***/

.busy {
 background-color: #EEE7B1;
 font-style: italic;
}

.no_screen {
 display: none;
}

.naw_log tr td {
 line-height: 14px;
 padding: 0;
 margin: 0;
}

.uitloggen {
 display:block;
 text-align:right;
}

.no_data {
 color: #D3C0C2;
}

/* new: saunabezoek admin */

#overview_header {

}
#overview_header form {
    float: left;
    margin-top: 6px;
}
#overview_header form .submit {
    margin: 0;
}

#overview_header span {
    float: right;
    font-size: 20px;
}

#week_container {
    height: 450px;
    margin: 10px 0 0 0;
}
#week_container .week {
    float: left;
    margin: 10px 10px 0 0;
    padding: 5px;
    display: block;
    width: 45px;
    height: 45px;
    font-size: 15px;
    background-color: #cd8741;
    color: #f5e8cf;
}
#week_container .week:hover, #week_container .active {
    background: none;
    color: #cd8741;
}

#week_container .current_week {
    font-size: 20px;
    background-color: #815324;
}

#day_container {
    margin: 10px 0 0 0;
    padding: 5px;
    behavior: none;
}

#day_container .day {
    width: 100%;
    margin: 10px 0 0 0;
    border: 1px solid #c9ac92;
}
#day_container .day tr.odd {
    background-color: #e7d0bb;
}
#day_container .day tr.even {
    background-color: #f5e8cf;
}
#day_container .day td {
    padding: 5px;
}
#day_container .day th {
    padding: 5px;
    background-color: #f5e8cf;
}

#day_container .day tr td strong {
}
.init_hidden {
    display: none;
}

.null_margin {
    margin: 0 !important;
}

.toggle {
    display: block;
}

.saunabezoek_admin {
 width: 100%;
}

.saunabezoek_admin .inputtext {
    width: 500px;
    padding: 3px;
}

.saunabezoek_admin .submit {
    float: right;
}

.hidden {
    display: none;
}

.required {
    color: #f00;
}

.vast tr td {
    vertical-align: top;
}



/* Vertical Bar Graph */
#vertgraph {
    width: 378px;
    height: 207px;
    position: relative;
    background: url("g_backbar.gif") no-repeat;
}
#vertgraph ul {
    width: 378px;
    height: 207px;
    margin: 0;
    padding: 0;
 }
#vertgraph ul li {
    position: absolute;
    width: 28px;
    height: 160px;
    bottom: 34px;
    padding: 0 !important;
    margin: 0 !important;
    background: url("g_colorbar3.jpg") no-repeat !important;
    text-align: center;
    font-weight: bold;
    color: white;
    line-height: 2.5em;
}

#vertgraph li.critical { left: 24px; background-position: 0px bottom; }
#vertgraph li.high { left: 101px; background-position: -28px bottom; }
#vertgraph li.medium { left: 176px; background-position: -56px bottom; }
#vertgraph li.low { left: 251px; background-position: -84px bottom; }
#vertgraph li.info { left: 327px; background-position: -112px bottom; }

.scroller {
    margin: 20px 0 0 0;
    overflow: scroll;
    width: 715px;
}

.print_header {
    display: none;
}

.annuleren {
    display: block;
    width:100px;
    padding: 2px;
    text-align: center;
    background-color:#EEE7B1;
    color:#730F1B;
    border:1px solid #CEC7AD;
    font-weight:bold;
}

.herror {
    font-size: 30px;
}

.ferror {
  font-size: 30px;
  border:1px solid #CEC7AD;
  background-color: #fff;
  color: #000;
}

.merror {
  font-size: 30px;
  border:1px solid #fff;
  background-color: #CEC7AD;
  color: #fff;
}

.notice {
    background-color:#EEE7B1;
    padding: 5px;
    border-bottom:1px solid #CEC7AD;
    margin: 0 0 10px 0;
}

#totals {
    display: none;
}

.totals_table {
    width: 400px;
}

.totals_table tr.divider td {
    background-image: url(../images/global/divider.gif);
    background-position: 0 5px;
    background-repeat: no-repeat;
}

.totals_table tr.totals td {
    font-weight: bold;
}

.datatable tr td {
  vertical-align: top;
}

.overview_info {
  float: left;
  margin-right: 30px;
}

.overview_info ul {
  padding: 0;
  margin: 0 0 0 20px;
}



/*** arr stats ***/
.settings {

}
.settings ul {
  margin: 0 0 10px 0;
  list-style-type: none;
  list-style-image: none;
}
.settings ul li {
  list-style-type: none;
  display: inline;
  margin: 0 5px;
}
.settings ul li.selected a {
  font-size: 14px;
  text-decoration: underline;
}

.arr li {
  display: block !important;
}