@font-face {
font-family: "garamond";
src: url("graphics/fonts/GARAMON0.eot")
}
.blank, .bgcolor{
  background: #9c9c9c;
}
body.content{
background: #9c9c9c url("graphics/images/dommelbkgr.gif");
color: #bb0000;
text-align: center;
margin: 0px;
padding: 0px;
border: 0px;
scrollbar-base-color: #9c9c9c;
scrollbar-arrow-color: #bb0000;
}
a{
color: #bb0000;
text-decoration: none;
}
a:hover{
color: #ff0000;
}
a img{
border: 0px;
}
td img{
display: inline;
}
h1{
margin: 0px;
padding-left: 10px;
padding-right: 10px;
font-size: 32px;
font-weight: bold;
}
select {
background: #9c9c9c;
}
input, textarea {
color: #bb0000;
background: #9c9c9c;
border: 1px inset #cccccc; 
font-family: garamond;
font-size: 16px;
font-weight: bold;
}
td, address{
font-family: garamond;
font-size: 18px;
font-weight: bold;
font-style: normal;
}
.checkbox{
border: 0px;
background: none;
}
table.inline{
display: inline;
background: #919191;
border-collapse: collapse;
}

tr.inline{
background: #919191;
}
table.frame, table.center, table.left, .sl_img_container{
margin: 0px auto 0px auto;
}
/*#########################   Menu   #######################################*/
body.menu{
margin: 0px;
padding: 0px;
border: 0px;
overflow: hidden;
}
table.tabbar{
background: url("graphics/images/tab_bg.gif");
height: 36px;
width: 100%;
}
/*================== No script menu =================*/
td.tabNS{
padding: 0px;
background: url("graphics/images/tab_i.gif");
width: 81px;
overflow: hidden;
text-align: center;
color: #bb0000;
font-family: times;
font-size: 12px;
font-weight: bold;
}
a.tabNS{
display: block;
text-decoration: none;
}
a.tabNS:hover {
color: #ff0000;
}
/*================ End No script menu ===============*/
.tab_i span{
cursor: hand;
}
.tab_i{
padding: 0px;
background: url("graphics/images/tab_i.gif");
width: 81px;
overflow: hidden;
text-align: center;
color: #bb0000;
font-family: times;
font-size: 12px;
font-weight: bold;
cursor: pointer;
}
.hover{
color: #ff0000;
}
.tab_a{
padding: 0px;
background: url("graphics/images/tab_a.gif");
width: 81px;
overflow: hidden;
text-align: center;
color: #bb0000;
font-family: times;
font-size: 12px;
font-weight: bold;
text-decoration: none;
cursor: default;
}
#flag {
cursor: hand;
}
.nl{
background: url("graphics/images/en.gif");
width: 45px;
padding: 0px;
cursor: pointer;
}
.en{
background: url("graphics/images/nl.gif");
padding: 0px;
width: 45px;
cursor: pointer;
}
/*#########################   End Tab's   ###################################*/
/*#########################   Boxes  ################################*/
table.perc80 .mid, table.perc80 .mid td, table.link, table.perc80_trans{
text-align: center;
}
table.perc80{
background: #919191;
margin: 0px 5% 0px 5%;
width: 90%;
}
table.perc80_trans{
margin: 25px 5% 25px 5%;
width: 90%;
}
.tariff, table.image{
margin: 0px auto 0px auto;
}
.image{
text-align: left;
}
.image img{
vertical-align: middle;
}
.center{
background: #919191;
text-align: center;
}
.left{
background: #919191;
text-align: left;
}
tr.frame{
background: #919191;
}
#main_img{
padding: 0px;
margin: 0px;
border: 0px;
vertical-align: bottom;
}
.map{
visibility: hidden;
}
/*============ Slides ==============*/
table.slides{
padding-left: 6px;
}
div#slides{
height: 341px;
overflow:-moz-scrollbars-vertical;
overflow: scroll;
}
table#sl_img_container{
visibility: hidden;
}
table.sl{
float: left;
background: #000;
}
td.sl{
width: 7px;
background: url("graphics/images/sl_border.gif") repeat-y;
}
span.thumbs{
cursor: hand;
}
.thumb_i{
margin: 3px;
cursor: pointer;
border: 2px solid #000;
}
.thumb_s{
margin: 3px;
border: 2px solid #5ab;
cursor: pointer;
}
.thumb_a{
margin: 3px;
cursor: default;
border: 2px solid #bb0000;
}
/*======== End Slides ==============*/
/*============= Links ==============*/
.linkBox{
display: inline;
float: left;
width: 245px;
margin: 7px;
}
table.link{
width: 100%;
}
table.fill{
width: 100%;
height: 250px;
}
.fill td{
vertical-align: top;
background: #919191;
}
.linkCell{
/*background: #919191;*/
padding: 3px 0px 3px 0px;
}
.outset100{
width: 100%;
cursor: default;
}
/*========= End Links ==============*/
/*#########################   End Boxes  ###########################*/
/*#################### Buttons ###########################*/
.buttons, .buttons td{
font-family: garamond;
font-weight: bold;
font-size:14px;
}
img.button{
margin: 0px;
cursor: hand;
vertical-align: middle;
}
span.button{
padding: 0px;
margin: 0px;
cursor: pointer;
}
/*#################### End Buttons ###########################*/
/*####################### calendar ###########################*/
#calendar{
position: absolute;
left: 0px;
top: 0px;
z-index: 7;
width: 180px;
height: 323px;
overflow: visible;
visibility: hidden;
margin: 0px;
padding: 0px;
}
.calendar{
margin: 0px;
padding: 0px;
color: #bb0000;
height: 210px;
background: #9c9c9c;
}

#monthSelector{
margin: 0px;
padding: 0px;
height: 30px;
z-index: 9;
width: 168px;
visibility: inherit;
}
#dayNames td{
border: 2px inset #cccccc;
width: 20px;
height: 20px;
}
#time{
text-align: center;
margin-bottom: 5px;
padding: 0px;
width: 168px;
height: 60px;
font-weight: bold;
}
#hour {
background: #9c9c9c;
border: 2px inset #cccccc;
width: 20px;
}
#seperator {
width: 20px;
}
#minutes {
background: #9c9c9c;
border: 2px inset #cccccc;
width: 10px;
}
#hourUp, #hourDown, #cancelDate, #setDate{
margin: 0px;
padding: 0px;
border: 2px inset #cccccc;
width: 20px;
}
.label{
text-align: right;
padding-right: 5px;
}
table.current  {
text-align: center;
margin-bottom: 0px;
padding: 0px;
width: 168px;
height: 25px;
font-weight: bold;
}
td.current{
background: #9c9c9c;
margin: 0px;
padding: 0px;
border: 2px inset #cccccc;
font-family: garamond;
font-weight: bold;
font-size:14px;
}
.lightBg{
background: #cccccc;
}
/*.inset{
border: 2px inset #cccccc;
height: 20px;
width: 20px;
overflow: hidden;
}*/
.inset{
border: 2px inset #cccccc;
}
.daySpace{
height: 24px;
width: 24px;
overflow: hidden;
}
/*################### End calendar ###########################*/
/*#################### Bevels ###########################*/
/*=============================== Inset ==============*/
td.top{
background: url("graphics/images/bevel_top.gif") repeat-x;
height:6px;
}
td.bottom{
background: url("graphics/images/bevel_bottom.gif") repeat-x;
height:6px;
}
td.left{
background: url("graphics/images/bevel_left.gif") repeat-y;
width: 6px;
}
td.right{
background: url("graphics/images/bevel_right.gif") repeat-y;
width: 6px;
}
td.topleft{
width: 6px;
height:6px;
background: url("graphics/images/bevel_tl.gif") no-repeat;
}
td.bottomright{
width: 6px;
height:6px;
background: url("graphics/images/bevel_br.gif") no-repeat;
}
td.bottomleft{
background: url("graphics/images/bevel_bl.gif") no-repeat;
height:6px;
width: 6px;
}
td.topright{
background: url("graphics/images/bevel_tr.gif") no-repeat;
height:6px;
width: 6px;
}
/*=========================== End Inset ==============*/
/*============================== Outset ==============*/
td.top_out{
background: url("graphics/images/bevout_top.gif") repeat-x;
height:6px;
}
td.bottom_out{
background: url("graphics/images/bevout_bottom.gif") repeat-x;
height:6px;
}
td.left_out{
background: url("graphics/images/bevout_left.gif") repeat-y;
width: 6px;
}
td.right_out{
background: url("graphics/images/bevout_right.gif") repeat-y;
width: 6px;
}
td.topleft_out{
width: 6px;
height:6px;
background: url("graphics/images/bevout_tl.gif") no-repeat;
}
td.bottomright_out{
width: 6px;
height:6px;
background: url("graphics/images/bevout_br.gif") no-repeat;
}
td.bottomleft_out{
background: url("graphics/images/bevout_bl.gif") no-repeat;
height:6px;
width: 6px;
}
td.topright_out{
background: url("graphics/images/bevout_tr.gif") no-repeat;
height:6px;
width: 6px;
}
/*==========================End Outset ==============*/
/*#################### End Bevels ########################*/
/*####################### Booking ########################*/
.reservation{
width: 100%;
}
.reservation td{
border-top: 1px solid #9c9c9c;
border-bottom: 1px solid #9c9c9c;
}
.spanNOP input{
height: 20px;
width: 323px;
padding: 0px;
margin-top: 1px;
}
.person_btns{
border: 1px inset #cccccc;
margin-left: 2px;
padding: 0px;
}
#arrival, #departure{
height: 20px;
width: 170px;
padding: 0px;
margin: 0px;
}
.period{
padding: 0px;
}
.period img{
 margin: 0px;
}
#periodSeperator{
position: relative;
left: -10px;
}
.name input, .country input, .phone input, .email input{
height: 20px;
width: 367px;
}
#street{
height: 20px;
width: 307px;
}
#number{
height: 20px;
width: 53px;
margin-left: 5px;
}
#zip{
height: 20px;
width: 93px;
}
#town{
height: 20px;
width: 267px;
margin-left: 5px;
}
.comment textarea{
width: 367px;
height: 100px;
overflow: auto;
}
.confirm input{
border: 0px;
background: none;
height: 20px;
}
/*################### End Booking ########################*/
img.map{
position:absolute;
}
div.res1{
overflow: hidden;
width: 400px;
height: 300px;
}
div.res2{
overflow: hidden;
width: 512px;
height: 384px;
}
div.res3{
overflow: hidden;
width: 640px;
height: 480px;
}
div.res4{
overflow: hidden;
width: 800px;
height: 600px;
}
div.res5{
overflow: hidden;
width: 1024px;
height: 768px;
}
#trainLess, #trainLong, #carLess, #carLong, #printTrain, #printCar{
display: none;
}
.floatLeft{
display: inline;
float: left;
}
.floatRight{
display: inline;
float: right;
}
table.perc100{
width: 100%;
}
.guestbookInput{
width: 280px;
margin-right: 10px;
}
tr.guestBookForm .mid{
background: #919191;
}
tr.guestBookForm table{
margin: 10px;
}
table.guestBookBox{
margin-top: 25px;
width: 700px;
}