/**************************
           STANDAARD STIJL
**************************/

body, html {
   height: 100%;
   background: #000000 url(../images/bg.gif);
}

body, html, div, table, td, th, tr, ul, li, form, iframe, input {
   position: relative;
   margin: 0px;
   padding: 0px;
   color: #000000;
   font-size: 11px;
   font-family: Arial, Verdana;
   letter-spacing: 0.5px;
}

a {
   color: #ffffff;
   text-decoration: none;
}

a.external {
    background: url(../images/external.png) center right no-repeat;
   padding-right: 13px;
   color: #0000ff;
   text-decoration: none;
}

a img {
   border: 0px;
}

a:hover {
   text-decoration: underline;
}


h2 a:hover {
   text-decoration: none;
}

h1 {
   padding: 2px 0px;
   margin: 0px;
   margin-bottom: 10px;
   color: #7E5E83;
   font-size: 17px;
   font-weight: bold;
}

h2 {
   padding: 0px;
   margin: 0px;
   color: #ffffff;
   font-size: 12px;
   font-weight: bold;
   text-transform: lowercase;
}

input, select, textarea {
   border: 1px #000000 solid;
   font-size: 11px;
}

button {
   background: #eaeaea;
   border: 1px #000000 solid;
}

li {
   list-style: square;
   margin-left: 15px;
}

iframe {
   width: 100%;
   height: 400px;
   background: #ffffff;
   border: 0px;
   border-bottom: 1px #000000 solid;
}


/**************************
           LAY-OUT STIJL
**************************/
.bodyBox {
   position: relative;
   width: 944px;
   height: 100%;
   padding: 0px 8px;
   margin: 0px auto;
   background: #372b27 url(../images/bg.png);
}

.pageBox {
   position: static;
   background: #000000;
}

.headerBox {
   height: 15px;
   padding: 2px 10px;
   background: #1c2c3b;
}

.headerBox a {
   margin: 0px 10px;
}

.x_languageselector { 
   top: 4px;
   right: 0px;
   position: absolute;
}

.topMenuBox {
   position: static;
   height: 84px;
}

.topMenuBox img {
   float: left;
}

.seperatorBox {
   height: 25px;
   margin-bottom: 1px;
}

#frameBox {
   display: none;
}

.contentBox {
   position: relative;
   height: 376px;
}

.splitMode_1 .titleBox, 
.splitMode_2 .titleBox, 
.splitMode_3 .titleBox,
.splitMode_4 .titleBox {
   width: 165px;
   margin-right: 1px;
}

.splitMode_1 .x_pathway,
.splitMode_2 .x_pathway,
.splitMode_3 .x_pathway,
.splitMode_4 .x_pathway {
   width: 698px;
}

.leftContentBox,
.slideshowBox,
.slideshowBox_C {
   float: left;
   margin-right: 1px;
   overflow: hidden;
   height: 375px;
}

.splitMode_1 .slideshowBox {
   height: 350px;
   width: 669px;
   background: #ffffff;
}

.splitMode_1 .slideshowBox_C {
   width: 669px;
   height: 375px;
   background: #ffffff;
}

.splitMode_1 .slideshowBox img,
.splitMode_1 .slideshowBox_C img {
   position: absolute;
   top:0;
   left:0;
   display:none;
}

.splitMode_2 .leftContentBox {
   width: 205px;
}

.splitMode_3 .leftContentBox {
   width: 205px;
   height: 375px;
}

.splitMode_4 .leftContentBox {
   height: 180px;
   width: 205px;
}

.mainContentBox {
   float: left;
   height: 375px;
   background: #DEE1E6;
   color: #000000;
   line-height: 15px;
   overflow: auto;
}

.mainContentBox a,
#div_contactForm a {
   color: #b34734;
}

.mainContentBox a:visited {
   color: #49244F;
}

.splitMode_1 .mainContentBox {
   height: 355px;
   width: 254px;
   padding: 10px;
   overflow: hidden;
}

.splitMode_2 .mainContentBox {
   width: 329px;
   height: 355px;
   padding: 10px;
}

.splitMode_3 .mainContentBox {
   width: 467px;
   height: 355px;
   padding: 10px;
}

.splitMode_4 .mainContentBox {
   height: 159px;
   width: 329px;
   padding: 10px;
   margin-bottom: 1px;
   margin-right: 1px;
   overflow: hidden;
}

.splitMode_2 .rightContentBox {
   float: left;
   width: 388px;
   height: 375px;
   margin-left: 1px;
}

.splitMode_3 .rightContentBox {
   float: left;
   width: 250px;
   height: 375px;
   margin-left: 1px;
   background: #DEE1E6;
}

.div_brownBar,
.seperatorBox div,
.splitMode_1 .controlBar {
   float: left;
   padding: 5px 20px;
   height: 14px;
   margin-top: 1px;
   background: #A3ADB7;
   text-align: right;
   color: #ffffff;
   font-weight: bold;
   text-transform: lowercase;
}

.div_brownBar,
.splitMode_1 .controlBar {
   height: 20px;
   padding: 2px 2px;
}

.splitMode_1 .controlBar {
   position: absolute;
   bottom: 1px;
   left: 0px;
   width: 665px;
}

.splitMode_4 .overviewBox {
   float: left;
   height: 195px;
   width: 556px;
}

.splitMode_4 .overviewBox img {
   float: left;
   margin-right: 1px;
   margin-bottom: 1px;
}

.splitMode_4 .showcaseBox {
   height: 375px;
   width: 388px;
   overflow: hidden;
}

.bottomMenuBox {
   position: relative;
   background: #dee1e6;
   height: 84px;
}

.footerBox {
   height: 20px;
   margin: 1px auto;
   background: #1c2c3b;
}

#div_infooter {
   margin-left: auto;
   margin-right: auto;
   font-weight: bold;
}

#div_infooter div {
   float: left;
}

#div_infooter li {
   color: #ffffff;
}

#div_infooter a {
   font-weight: normal;
}

/**************************
            MENU STIJL
**************************/
.x_menu_top li,
.x_menu_bottom li {
   float: left;
   margin: 0px;
   list-style: none;
}

.x_menu_top a,
.x_menu_bottom a {
   display: block;
   height: 20px;
   padding: 5px;
   padding-top: 59px;
   width: 105px;
   margin-left: 1px;
   background: #DEE1E6;
   text-align: right;
   color: #000000;
   font-size: 18px;
   text-transform: lowercase;
}

.x_menu_bottom a {
   width: 145px;
   margin: 0px;
   border-right: 1px #000000 solid;
}

.x_menu_top a:hover, 
.x_menu_bottom a:hover {
   background: #7D5F83;
   text-decoration: none;
}

.x_menu_top #active_menu_top,
.x_menu_bottom #active_menu_bottom {
   background: #7D5F83;
   color: #ffffff;
}

#div_bookings
{
   position: static;
   float: left;
   height: 79px;
   padding: 5px;
   padding-bottom: 0px;
   width: 148px;
   margin-left: 1px;
   background: #7D5F83;
}


#div_bookings input
{
   width: 50px;
   padding: 2px;
   background: #ffffff;   
   text-align: center;
}

#div_bookings td
{
   color: #ffffff;
}

#div_bookings input.button, #mapTable input.button
{
   width: 100%;
   margin-top: 9px;
   background: #dee1e6;
   color: #000000;
   font-weight: bold;
   font-size: 10px;
   cursor: pointer;
}

#div_bookings input.button:hover, #mapTable input.button:hover
{
   color: #ffffff;
}



/**************************
          SUBMENU STIJL
**************************/
.x_menu_sub li {
   margin: 0px;
   list-style: none;
}

.x_menu_sub a {
   display: block;
   height: 19px;
   padding: 5px;
   margin: 0px 0px 1px 0px;
   background: #DEE1E6;
   color: #61524e;
   font-size: 14px;
   font-weight: bold;
   text-transform: lowercase;
}

.x_menu_sub a:hover {
   background: #7D5F83;
   color: #ffffff;
   text-decoration: none;
}

.x_menu_sub #active_menu_sub {
   background: #9591A4;
   color: #ffffff;
}


/**************************
     FOOTERMENU STIJL
**************************/
.x_menu_footer li,
#div_infooter li {
   float: left;
   margin: 0px;
   list-style: none;
   width: auto !important;
   padding: 0px 5px;
}

.mainlevel_footermenu {
   width: 150px;
   text-align: right;
   font-size: 11px;
   width: auto! important;
}

/**************************
         KALENDER STIJL
**************************/
#fc
{
   background: #ffffff;
   border: 1px solid #000000;
   z-index: 100;
}

#fc .weekField
{
   height: 14px;
   color: #ffffff;
   background: #a4adb7;
   text-align: center;
}

/* Default field */
#fc .dateField td, #fc .dateField td.f_cps
{
   height: 17px;
   width: 18px;
   background: #dee1e6;
   color: #000000;
   font-size: 11px;
   text-align: center;
   text-decoration: none;
   cursor: pointer;
}

#fc .dateField td.f_cps:hover
{
   background: #7d5f83;
   color: #ffffff;
}

#fc .dateField td.f_cpps:hover
{
   background: #7d5f83; 
   color: #ffffff;
}

#fc .dateField td.f_cpps
{
   color: #000000;
   cursor: default;
}

/* Current date */
#fc .dateField td.f_hds
{
   background: #7d5f83;
   color: #ffffff;
   font-weight: bold;
   text-align: center;
   text-decoration: none;
   cursor: pointer;
}

td#mns
{
   color: #000000;
}

/**************************
       SLIDESHOW STIJL
**************************/

.imgButton {
   margin: 1px;
   background: #DEE1E6;
}

.imgButton:hover {
   background: #7D5F83;
}


/**************************
          RANDOM STIJL
**************************/
#div_contactForm
{
   padding: 0px 15px;
   background: #DEE1E6;
   height: 375px;
   margin-right: 1px;
}

#div_contactForm table
{
   padding: 25px 0px;
   margin-right: 1px;
}

.x_map {
   width: 230px;
   margin: 10px;
}

.x_map fieldset {
   width: 220px;
   padding: 5px;
   margin: 0px;
   margin-top: 13px;
   border: 1px #342a26 solid;
   background: #7D5F83;
   color: #ffffff;
   font-weight: bold;
}

.x_map h2 {
   padding: 2px 0px;
   margin: 0px;
   margin-bottom: 10px;
   color: #7E5E83;
   font-size: 17px;
   font-weight: bold;
   text-transform: none;
}

.x_map #xmap {
   width: 230px;
   height: 230px;
   border: 1px #000000 solid;
}

.x_map #xmap span {
   display: none;
}

.x_map label {
   float: left;
   width: 83px;
}

.x_map input {
   margin: 1px 0px;
}

.x_map button {
   width: 100%;
   margin-top: 10px;
   background: #eaeaea;
   border: 1px #000000 solid;
}

#div_ibank {
   margin: 10px;
}

#ilinks td {
    padding-bottom: 10px;
}

#msgField {
   display: none;
   background: #7d5f83;
   padding: 20px 10px;
   margin: 10px 5px;
   border: 1px #000000 solid;
   color: #ffffff;
}

#msgField a {
   font-style: italic;
   color: #ffffff;
}


/*******************
 BOOKING (CALENDAR)
********************/
.x_booking {
   float: left;
   width: 159px;
   height: 74px;
}

.x_booking fieldset {
   background: #7d5f83;
   margin: 0px;
   margin-left: 1px;
   padding: 5px 7px;
   height: 74px;
   border: 0px;
}

.x_booking fieldset label {
   float: left;
   margin: 3px 0px;
   width: 78px;
   color: #ffffff;
   font-weight: bold;
}

.x_booking fieldset input {
   float: left;
   margin: 3px 0px;
   width: 60px;
   padding: 0px 2px;
}

.x_booking fieldset button {
   margin-top: 8px;
   width: 100%;
}

/***********
  CALENDAR
************/
#fc {
   opacity: 0;
   background: #ffffff;
   border: 1px #000000 solid;
   padding: 5px;
}

#fc th {
   padding: 5px;
   text-align: center;
   background: #7d5f83;
   color: #ffffff;
}

#fc .button {
   font-weight: bold;
   text-align: center;
   font-size: 16px;
   cursor: pointer;
   color: #7d5f83;
}

#fc .button:hover {
   background: #7d5f83;
   color: #ffffff;
}

#fc .yearBox {
   font-weight: bold;
   text-align: center;
   font-size: 16px;
}

#fc .timeBar td,
#fc .timeBar input {
   text-align: center;
}

#fc .timeBar input {
   width: 50px;
}

#fc td.date {
   background: #d9c5dd;
   text-align: center;
   padding: 5px;
   cursor: pointer;
}

#fc td.obsolete {
   background: #ebdcee;
   text-align: center;
   padding: 5px;
   opacity: 0.25;
}

#fc td.current,
#fc td.date:hover {
   background: #7d5f83;
   color: #ffffff;
   text-align: center;
   padding: 5px;
   cursor: pointer;
}

#fc .current {
   font-weight: bold;
}


/****************
  CONTACT FORM
****************/
.x_contactform {
   margin: 40px 0px 0px 0px;
}

.x_contactform fieldset {
   border: 0px;
}

.x_contactform label {
   float: left;
   width: 300px;
   font-weight: bold;
}

.x_contactform input {
   float: right;
   margin-bottom: 1px;
   background-color: #ffffff;
}

.x_contactform textarea {
   width: 100%;
   height: 75px;
   background-color: #ffffff;
}

.x_contactform button {
   background-color: #E0DFE3;
   margin-left: 10px;
   float: right;
}

.contactBox {
   margin: 10px;
}


/**************
  NEWS & PRESS
***************/
.xcom_downloadmanager ul {
   position: absolute;
   top: 0px;
   right: 0px;
   text-align: right;
   list-style-type: none;
}

.xcom_downloadmanager li {
   list-style-type: none;
}

.xcom_downloadmanager a.dItem {
   display: block;
   width: 250px;
   font-size: 14px;
   font-weight: bold;
   color: #000000;   
}

.xcom_downloadmanager .downloadBox {
   position: relative;
   margin: 0px 10px 15px 10px;
   height: 45px;
}

.xcom_downloadmanager .pnav {
   text-align: center;
}

.x_showcase {
   margin-top: 15px;
   text-align: center;
}