/**************************
           STANDAARD STIJL
**************************/
body, html
{
   height: 100%;
   background: #000000;
   background-image: url(http://www.hoteldehallen.nl/site/templates/vondelhotels/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: #d4e6f4;
   text-decoration: none;
}

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

a img
{
   border: 0px;
}

a:hover
{
   text-decoration: underline;
}

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

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

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

span
{
   color: #d4e6f4;
}

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

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

/**************************
           LAY-OUT STIJL
**************************/
#div_body
{
   position: static;
   width: 944px;
   height: 100%;
   padding: 0px 8px;
   margin: 0px auto;
   background: #372b27;
   background-image: url(http://www.hoteldehallen.nl/site/templates/vondelhotels/images/bg.png);
}

#div_page
{
   position: static;
   background: #000000;
}

#div_blackSrc
{
   position: absolute;
   background: #243c61;
   height: 615px;
   width: 984px;
   filter:alpha(opacity=85);
   -moz-opacity: .85;
   opacity: .85;
   display: none;
   z-index: 1000;
}

#div_brownSrcHolder
{
   position: absolute;
   top: 50px;
   height: 500px;
   width: 984px;
   display: none;
   z-index: 1001;
}

#div_brownSrc
{
   height: 500px;
   width: 664px;
   padding: 10px;
   padding-top: 0px;
   margin: auto;
   background: #d4e6f4;
   border: 1px #000000 solid;
   z-index: 1001;
}

#div_brownSrc .frameholder
{
   height: 468px;
}

#div_scrCloser
{
   height: 28px;
   padding-left: 570px;
   text-align: center;
}

a.closer
{
   width: 50px;
   height: 18px;
   margin: 5px 0px;
   display: block;
   font-size: 16px;
   font-weight: bold;
   border: 1px #000000 solid;
   padding: 1px;
   color: #000000
}

a.closer:hover
{
   background: #3F6AB4;
   text-decoration: none;
}

#div_header
{
   height: 15px;
   padding: 2px 10px;
   background: #243c61;
}

#div_header a
{
   margin: 0px 10px;
}

#div_language
{ 
   top: 4px;
   right: 0px;
   position: absolute;
}

#div_menu
{
   position: static;
   height: 84px;
}

#div_menu img
{
   float: left;
}

#div_seperator
{
   height: 25px;
}

#div_seperator div, .div_brownBar
{
   float: left;
   padding: 5px 20px;
   height: 14px;
   margin-top: 1px;
   background: #929ba9;
   text-align: right;
   color: #d4e6f4;
   font-weight: bold;
   text-transform: lowercase;
}

.div_brownBar
{
   height: 20px;
   padding: 2px 2px;
}

#div_content
{
   margin: 1px 0px;
   height: 375px;
}

.div_maincontent
{
   height: 100%;
   background: #d4e6f4;
   color: #000000;
   line-height: 15px;
   overflow: auto;
}

.div_maincontent table
{
   margin: 10px 10px 0px 10px;
}

.div_maincontent a
{
   color: #b34734;
}

.div_maincontent a:visited
{
   color: #8C3525;
}

#div_fmenu
{
   position: relative;
   background: #d4e6f4;
   height: 84px;
}

#div_footer
{
   height: 20px;
   margin: 1px auto;
   background: #243c61;
   font-size: 11px;
}

#div_infooter div
{
   float: left;
}

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

#div_infooter li
{
   color: #d4e6f4;
   font-weight: bold;
}

#div_infooter a
{
   font-weight: normal;
}

/**************************
            MENU STIJL
**************************/
#mainlevel_menu li
{
   float: left;
   margin: 0px;
   list-style: none;
}

.mainlevel_menu
{
   display: block;
   height: 20px;
   padding: 5px;
   padding-top: 59px;
   width: 115px;
   margin-left: 1px;
   background: #d4e6f4;
   text-align: right;
   color: #000000;
   font-size: 18px;
   text-transform: lowercase;
}

* html .mainlevel_menu
{
   padding-top: 58px;
}

.mainlevel_menu:hover
{
   background: #3F6AB4;
   text-decoration: none;
}

#active_menu_menu, #active_menu_fmenu
{
   background: #3F6AB4;
   color: #ffffff;
}

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


#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: #d4e6f4;
   color: #000000;
   font-weight: bold;
   font-size: 10px;
   cursor: pointer;
}

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



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

.mainlevel_submenu
{
   display: block;
   height: 19px;
   padding: 5px;
   margin: 0px 0px 1px 0px;
   background: #d4e6f4;
   color: #929ba9;
   font-size: 14px;
   font-weight: bold;
   text-transform: lowercase;
}

.mainlevel_submenu:hover
{
   background: #3F6AB4;
   color: #ffffff;
   text-decoration: none;
}

#active_menu_submenu
{
   background: #857D75;
   color: #ffffff;
}


/**************************
            FMENU STIJL
**************************/
#mainlevel_fmenu li
{
   float: left;
   margin: 0px;
   list-style: none;
}

.mainlevel_fmenu
{
   display: block;
   height: 20px;
   padding: 5px;
   padding-top: 59px;
   width: 145px;
   border-right: 1px #000000 solid;
   background: #d4e6f4;
   text-align: right;
   color: #000000;
   font-size: 18px;
   text-transform: lowercase;
}

.mainlevel_fmenu:hover
{
   background: #3F6AB4;
   text-decoration: none;
}

#active_menu_fmenu
{
   background: #3F6AB4;
   color: #ffffff;
   text-decoration: none;
}


/**************************
     FOOTERMENU STIJL
**************************/
#div_footer li
{
   float: left;
   margin: 0px;
   list-style: none;
   width: auto !important;
   padding: 0px 4px;
}

.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: #d4e6f4;
   background: #929ba9;
   text-align: center;
}

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

#fc .dateField td.f_cps:hover
{
   background: #3F6AB4;
   color: #ffffff;
}

#fc .dateField td.f_cpps:hover
{
   background: #3F6AB4; 
   color: #3F6AB4;
}

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

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

td#mns
{
   color: #000000;
}

/**************************
       SLIDESHOW STIJL
**************************/
.slideshow
{
   background: #ffffff;
}

.slideshow img
{
   position: absolute;
   top:0;
   left:0;
   display:none;
}

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

.imgButton:hover
{
   background: #3F6AB4;
}


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

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

.mod_map
{
   width: 220px;
   margin: 10px auto;
}

#map
{
   width: 220px;
   height: 230px;
   margin: auto;
   border: 1px #000000 solid;
}

#mapTable
{
   width: 220px;
   padding: 5px;
   margin: 0px auto;
   margin-top: 13px;
   border: 1px #243c61 solid;
   background: #3F6AB4;
}

#mapTable td
{
   color: #ffffff;
   font-weight: bold;
}

#div_ibank
{
   margin: 10px;
}

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


/***********
TEMP CSS
***********/

#div_fmenu
{
   display: none;
}

#div_bookings
{
   background: #d4e6fa;
   width: 214px;
}

#div_content
{
   height: 450px;
}

#div_contactForm
{
   height: 450px;
}

#mod_showcase
{
   margin: 20px auto;
}


#mod_showcase, #mod_showcase_fotos
{
   text-align: center;
}

#mod_showcase img, #mod_showcase_fotos img
{
   margin: 10px 5px;
}

#mod_showcase_fotos
{
   background: #d4e6f4;
   width: 537px;
   height: 450px;
}