/****************************************************************************
				CSS FOR HOTEL PAGES
	****************************************************************************/			
	
	.hotelchars {
    border: 1px solid black;
    width:100%;
}
.hotelnavcontain {
    background-color: white;
    
}
.hotelnav1 {
   /* padding: .5em 0 0;*/
   /* height: 1em;*/
   
    
}
.hotelnav1 ul {
    padding: 0;
    margin: 0;
    list-style-type: none;
    
}
.hotelnav1 li {
    float: left;
    width: auto;
    margin: 0;
    background: white url(../images/2.jpg) right bottom no-repeat;
    padding: 0;
    /* hack IE5 (Mac) \*/
    border-top: 1px  solid white;
    /*border-bottom: 1px solid black;*/
    /* einde hack */
    color:White;
    FONT-WEIGHT: Bold; FONT-SIZE: 13px;  FONT-FAMILY:Arial;  
}
.hotelnav1 a, .hotelnav1 span {
    font-weight: bold;
    padding: 0 0 0 .25em;
    margin-right: 1.5em;
   /* line-height: 1.5em;*/
    /* hack IE5 (Mac) \*/
    display: block;
   /* border-top: 1px solid #003580;*/
    margin-top: -1px;
    /* einde hack */
}
.hotelnav1 li.nav1first a, .hotelnav1 li.nav1first span {
    padding-left: .5em;
}
.hotelnav1 li.nav1last {
     /* background-image: url(../images/1.jpg); */ 
     background-color:#ffffff;    
    border-top: none;
}
.hotelnav1 li.nav1last a, .hotelnav1 li.nav1last span {
    margin-top: 0;
}
.hotelnav1 li.nav1current {
    background-color: #254190;
}
.hotelnav1 li.beforecurrent {
    background-image: none;
}
.hotelnav1 a:link, .hotelnav1 a:visited {
    color: #254190;
    text-decoration: none;
}
.hotelnav1 a:hover {
    color: #254190;
    text-decoration: none;
}
.hotelnav1 a:active {
    color: #b30000;
    text-decoration: none;
}
.hotelnav2 {
    /*background-color: #e6edf6;*/
    background-color:#254190;
    padding: 0;
    line-height: .9em;
    height:20;
    border-bottom: 1px solid #254190;
    clear: left;
}
.hotelnav2 p {
    margin: 0;
}
.hotelnav2 a:visited {
    color: #0896ff;
}	
div.largeImg { /* in overview */
    float: left;
    width: auto;
    padding: .6em .6em .6em 1.2em;
}
/* hack IE5 (Mac) (in photos) \*/
div.largeImgArea {
    float: left;
    width: 308px;
    height: 308px;
    margin: 0;
    padding: .6em .6em 0em 1.2em;
}
/* einde hack */
div.largeImg img, div.largeImgArea img {
    display: block;
    border: 4px solid #0070E9;
}
div.largeImgArea1 {    
    width: 250px;
    height: 200px;  
     border: 4px solid #0070E9;
}
div.smallImgArea1 {    
    width: 70px;
    height: 70px;  
     border: 3px solid #0070E9;
}
div.smallImgArea 
{
	
    margin-left: 316px;
    padding-top: .6em;
}
div.smallImgArea img {
    margin: 0 0 4px 0;
}
.clearBoth {
    clear: both;
}
.hotelchars .containh2 {
    padding: .5em 0 0;
    margin: 0;
    background-color: #e6edf6;
    border-bottom: 1px solid #779bca;
    clear: both;
}
.hotelchars h2 {
    color: #fff;/*
    display: block;  hier zit nog een foutje in Mozilla die de td#left nu kleiner maakt in de overview */
    background-color: #779bca;
    margin: 0;
    padding: .25em .5em;
    text-transform: uppercase;
    width: 14em;
    position: relative;
}
.hotelchars h2 a {
    text-decoration: none;
    color: #fff;
}
.hotelchars div.top {
    text-align: right;
    font: bold x-small/1.2em Arial, Helvetica, sans-serif;
    text-transform: uppercase !important;
    width: 100%;
    position: relative;
    clear: both;
}
.hotelchars .containh2 div.top {
    margin-top: -1.35em;
    /* hack IE5 (Mac) \*/
    position: absolute;
    right: 8px;
    /* einde hack */
}
.hotelchars div.top a {
    color: #fff !important;
    background-color: #0896ff;
    padding: 0 .25em;
    border-left: 4px solid #feba02;
    text-decoration: none;
}
.hotelchars div.top a:hover {
    color: #feba02 !important;
}
.hotelchars div.top a:active {
    color: #b30000 !important;
}
.hotelchars div.top a:link img, .hotelchars div.top a:visited img {
    background-color: #fff;
}
.hotelchars div.top a:hover img {
    background-color: #feba02;
}
.hotelchars div.top a:active img {
    background-color: #b30000;
}

.hotelchars.blockdisplay {
    display: block;
}
.blockdisplay {
    display: none;
}


/***************************************************************************/