/* DEFAULT */

html
{
	background: url(/img/background.png) top center no-repeat;
	overflow: -moz-scrollbars-vertical;
	margin: 0;
}

body
{
	width: 960px;
	padding: 0;
	margin: 0 auto;

}

hr
{
	display: none;
}

/* FOOTER */

#footer
{
	float: left;
	width: 100%;
}

/* GRID */

#grid
{
	float: left;
	width: 100%;
}

#grid #head
{
	float: left;
	width: 100%;
	margin: 0px 0px 18px 0px;
}

#grid #content
{
	float: left;
	margin: 0px 0px 18px 0px;
	width: 640px;
}

#grid #context
{
	float: right;
	/*margin: 18px 0px 0px 0px;*/
	width: 240px;
}
/* HEADER */

#header
{
	position: relative;
	float: left;
	width: 100%;
	height: 100px;
}

/* IDENT */

#ident
{
	position: absolute;
	left: 0;
	bottom: 0;
}

#ident h2
{
	line-height: 1000px;
	overflow: hidden;
	width: 80px;
	height: 80px;
	margin: 0;
}

#ident h2 a, #ident h2 strong
{
	float: left;
	display: block;
	background: url(/img/thon_hotels-80x80.gif) left no-repeat;
	width: 80px;
	height: 80px;
	padding: 0;
	margin: 0;
}

/* MAINMENU */

#mainmenu
{
	position: absolute;
	left: 120px;
	bottom: 0;
	width: 840px;
	background: #b8b8af;
}

/* SEARCH */

#search
{
	position: absolute;
	top: 8px;
	right: 0;
	width: 225px;
	height: 40px;
	padding: 0 0 0 0;
}

#search .query
{
	width: 145px;
}

/* SERVICE AND LANGUAGES */

#servicemenu
{
	position: absolute;
	bottom: 60px;
	left: 120px;
	height: 20px;
}

#servicemenu ul
{
	list-style: none;
	padding: 0;
	margin: 0;
}

#servicemenu ul li
{
	display: inline;
	font-size: 12px;
	line-height: 18px;
	padding: 0;
	margin: 0 15px 0 0;
}

#servicemenu ul li
{
	color: #686664;
}

#servicemenu ul li strong
{
	font-weight: normal;
}

/* USER */

#user
{
	position: absolute;
	bottom: 60px;
	right: 0;
	height: 20px;
}

#user p
{
	margin: 0;
}
/* FOOTER */

#footer
{
	float: left;
	width: 100%;
}

/* concepts */

#footer .concepts
{
	border-top: 1px solid #b8b8af;
	float: left;
	width: 100%;
	padding: 48px 0 30px 0;	
	background: transparent url(/img/footer-bg.png) no-repeat scroll center bottom;
}

#footer .concepts .story
{
	float: left;
	width: 180px;
	margin: 0 60px 0 0;
}

/* ident */

#footer .ident
{
	border-top: 1px solid #b8b8af;
	padding: 24px 0 0 0;
	float: left;
	width: 100%;
	margin: 0 0 24px 0;
}

#footer .ident h2
{
	float: left;
	display: block;
	width: 160px;
	height: 54px;
	background: url(/img/thon_hotels-footer.png) top left no-repeat;
	line-height: 1000px;
	overflow: hidden;
}

#footer .ident h4
{
	line-height: 18px;
	padding: 4px 0 0 0;
}

#footer .ident address
{
	color: #686664;
}

/* links */

#footer .links
{
	float: left;
	width: 100%;
	margin: 0 0 18px 0;
}

#footer .links .col
{
	float: left;
	width: 160px;
}

#footer .links h3
{
	font-size: 12px;
	line-height: 18px;
	color: #b00029;
	margin: 0;
}

#footer .links ul
{
	list-style: none;
	padding: 0;
	margin: 0 0 18px 0;
}

#footer .links ul li a
{
	color: #333;
}
/* DEFAULT */

body
{
	font-family: arial, sans-serif;
	color: #333;
}

/* LINKS */

a
{
	text-decoration: none;
	color: #ab006d;
	color: #640040;
	color: #960069;
	color: #136ba5;
	color: #0082c0;
	color: #06c;
}

a:hover
{
	text-decoration: underline;
	color: Black;
}

/* IMAGES */

img
{
	border: 0;
}

/* HEADERS */

h1
{
	font-size: 30px;
	font-weight: normal;
	/*line-height: 30px;*/
	height: 30px;
	margin: 0 0 30px 0;
}

h2
{
	font-size: 12px;
	line-height: 18px;
	margin: 0;
}

h3
{
	font-size: 12px;
	line-height: 18px;
	margin: 0 0 18px 0;
}

h4
{
	font-size: 12px;
	line-height: 18px;
	margin: 0;
}

p, address
{
	font-size: 12px;
	line-height: 18px;
	margin: 0 0 18px 0;
}

address
{
	font-style: normal; /* color: #686664; */
}

address strong
{
}

h5
{
	font-family: arial, sans-serif;
	font-size: 12px;
	font-weight: normal;
	line-height: 18px;
	color: #686664;
	/*margin: -14px 0 18px 0;*/
	margin: 10px 0 5px 0;
}

/* LISTS */

ul
{
	padding: 0 0 0 15px;
	margin: 0 0 18px 0;
}

ul li
{
}

ol li, ul li
{
	font-size: 12px;
	line-height: 18px;
}

/* TABLES */

table
{
	float: left;
	width: 100%;
	background: #d0e8f9;
	margin: 0 0 18px 0;
	border-left: 1px solid White;
	border-bottom: 1px solid White;
}

table th, table td
{
	font-size: 12px;
	line-height: 18px;
	padding: 4px;
	border-top: 1px solid White;
	border-right: 1px solid White;
	vertical-align: top;
}

/* ETC */

abbr
{
	border-bottom: 1px dotted #ccc;
}
/* MAINMENU */

#mainmenu ul
{
	float: left;
	width: 838px;
	display: block;
	background: url(/img/mainmenu/mainmenu-bg.gif) repeat-x;
	list-style: none;
	padding: 0;
	margin: 0;
	border-top: 1px solid #b8b8af;
	border-right: 1px solid #b8b8af;
	border-bottom: 1px solid #b8b8af;
	border-left: 1px solid #b8b8af;
}

#mainmenu ul li
{
	display: inline;
	float: left;
	font-family: "gill sans";
	font-size: 12px;
	font-weight: normal;
	text-transform: uppercase;
	line-height: 20px;
}

#mainmenu ul li a
{
	display: block;
	border-right: 1px solid #ddd;
}

/* NO */

#mainmenu ul li a.hotels
{
	display: block;
	background: url(/img/mainmenu/hoteller.gif) center;
	width: 94px;
	height: 38px;
	line-height: 1000px;
	overflow: hidden;
}

#mainmenu ul li a:hover.hotels, #mainmenu ul li strong a.hotels
{
	background: url(/img/mainmenu/hoteller-over.gif) center;
}

#mainmenu ul li a.apartments
{
	display: block;
	background: url(/img/mainmenu/apartments.gif) center;
	width: 114px;
	height: 38px;
	text-indent: -1000px;
	overflow: hidden;
}

#mainmenu ul li a:hover.apartments, #mainmenu ul li strong a.apartments
{
	background: url(/img/mainmenu/apartments-over.gif) center;
}
#mainmenu ul li a:hover.corporate, #mainmenu ul li strong a.corporate
{
	background: url(/img/mainmenu/firmakunde-over.gif) center;
}

#mainmenu ul li a.show
{
	display: block;
	background: url(/img/mainmenu/show.gif) center;
	width: 74px;
	height: 38px;
	text-indent: -1000px;
	overflow: hidden;
}

#mainmenu ul li a:hover.show, #mainmenu ul li strong a.show
{
	background: url(/img/mainmenu/show-over.gif) center;
}

#mainmenu ul li a.offers
{
	display: block;
	background: url(/img/mainmenu/tilbud.gif) center;
	width: 74px;
	height: 38px;
	text-indent: -1000px;
	overflow: hidden;
}

#mainmenu ul li a:hover.offers, #mainmenu ul li strong a.offers
{
	background: url(/img/mainmenu/tilbud-over.gif) center;
}

#mainmenu ul li a.conference
{
	display: block;
	background: url(/img/mainmenu/konferanse.gif) center;
	width: 114px;
	height: 38px;
	text-indent: -1000px;
	overflow: hidden;
}

#mainmenu ul li a:hover.conference, #mainmenu ul li strong a.conference
{
	background: url(/img/mainmenu/konferanse-over.gif) center;
}

#mainmenu ul li a.member
{
	display: block;
	background: url(/img/mainmenu/thon_member.gif) center;
	width: 124px;
	height: 38px;
	text-indent: -1000px;
	overflow: hidden;
}

#mainmenu ul li a:hover.member, #mainmenu ul li strong a.member
{
	background: url(/img/mainmenu/thon_member-over.gif) center;
}

/* EN */

#mainmenu ul li a.en_hotels
{
	display: block;
	background: url(/img/mainmenu/hotels.gif) center;
	width: 84px;
	height: 38px;
	text-indent: -1000px;
	overflow: hidden;
}

#mainmenu ul li a:hover.en_hotels, #mainmenu ul li strong a.en_hotels
{
	background: url(/img/mainmenu/hotels-over.gif) center;
}

#mainmenu ul li a.en_apartments
{
	display: block;
	background: url(/img/mainmenu/apartments.gif) center;
	width: 114px;
	height: 38px;
	text-indent: -1000px;
	overflow: hidden;
}

#mainmenu ul li a.en_corporate
{
	display: block;
	background: url(/img/mainmenu/corporate.gif) center;
	width: 114px;
	height: 38px;
	text-indent: -1000px;
	overflow: hidden;
}

#mainmenu ul li a.corporate
{
	display: block;
	background: url(/img/mainmenu/firmakunde.gif) center;
	width: 114px;
	height: 38px;
	text-indent: -1000px;
	overflow: hidden;
}

#mainmenu ul li a:hover.en_apartments, #mainmenu ul li strong a.en_apartments
{
	background: url(/img/mainmenu/apartments-over.gif) center;
}

#mainmenu ul li a:hover.en_corporate, #mainmenu ul li strong a.en_corporate
{
	background: url(/img/mainmenu/corporate-over.gif) center;
}

#mainmenu ul li a.en_show
{
	display: block;
	background: url(/img/mainmenu/show.gif) center;
	width: 78px;
	height: 38px;
	text-indent: -1000px;
	overflow: hidden;
}

#mainmenu ul li a:hover.en_show, #mainmenu ul li strong a.en_show
{
	background: url(/img/mainmenu/show-over.gif) center;
}

#mainmenu ul li a.en_offers
{
	display: block;
	background: url(/img/mainmenu/offers.gif) center;
	width: 78px;
	height: 38px;
	text-indent: -1000px;
	overflow: hidden;
}

#mainmenu ul li a:hover.en_offers, #mainmenu ul li strong a.en_offers
{
	background: url(/img/mainmenu/offers-over.gif) center;
}

#mainmenu ul li a.en_conference
{
	display: block;
	background: url(/img/mainmenu/conference.gif) center;
	width: 116px;
	height: 38px;
	text-indent: -1000px;
	overflow: hidden;
}

#mainmenu ul li a:hover.en_conference, #mainmenu ul li strong a.en_conference
{
	background: url(/img/mainmenu/conference-over.gif) center;
}

#mainmenu ul li a.en_member
{
	display: block;
	background: url(/img/mainmenu/thon_member.gif) center;
	width: 124px;
	height: 38px;
	text-indent: -1000px;
	overflow: hidden;
}

#mainmenu ul li a:hover.en_member, #mainmenu ul li strong a.en_member
{
	background: url(/img/mainmenu/thon_member-over.gif) center;
}

/* SUBMENU */

#submenu
{
}
/* TABMENU */

.tabmenu
{
	float: left;
	width: 100%;
	border-top: 1px solid #b8b8af;
	padding: 17px 0 0 0;
}

.tabmenu ul
{
	float: left;
	list-style: none;
	padding: 0;
	margin: 0;
}

.tabmenu ul li
{
	display: inline;
	float: left;
	font-size: 13px;
	line-height: 20px;
	padding: 0;
	margin: 0;
}

/* link */

.tabmenu ul li a, .tabmenu ul li strong
{
	display: block;
	padding: 5px 0;
	margin: 0 18px 0 0;
}

.tabmenu ul li a:hover
{
	background: White;
}

.tabmenu ul li strong
{
	font-weight: normal; /*	background: #686664; 	color: White; */
	color: #686664;
	color: #999;
}

/* comments */

.tabmenu ul li.comments
{
}

.tabmenu ul li.comments a, .tabmenu ul li.comments strong
{
	float: left;
}

.tabmenu ul li.comments a em, .tabmenu ul li.comments strong em
{
	font-size: 9px;
	font-style: normal;
	background: #ccc;
	color: White;
}


.commentList {
    }

.commentList .comment {
	float: left;
	width: 100%;
	border-top: 1px solid #b8b8af;
	padding: 8px 0 0 0;
    }

/* head */

.commentList .comment .head {
	float: right;
	width: 160px;
	padding: 0 0 0 40px;
    }

.commentList .comment .head em {
	display: block;
	font-weight: normal;
	font-style: normal;
    }

/* body */

.commentList .comment .body {
	float: left;
	width: 400px;
	padding: 0 40px 0 0;
    }

/* stars */

.commentList .comment .body .stars {
	background: url(/img/comment-stars.gif) left no-repeat;
	/*display: block;*/
	float: left;
	/*height: 16px;
	line-height: 1000px;*/
	overflow: hidden;
	margin: 0 4px 0 0;
    }

.commentList .comment .body .stars-5 {
	width: 68px;
    }

.commentList .comment .body .stars-4 {
	width: 54px;
    }

.commentList .comment .body .stars-3 {
	width: 40px;
    }

.commentList .comment .body .stars-2 {
	width: 27px;
    }

.commentList .comment .body .stars-1 {
	width: 13px;
    }


/* reply */

.commentList .comment .body .reply {
	color: #686664;
    }

.commentList .comment .body .reply strong {
	color: #b00029;
    }/* Tools without text */



/* PAGES */

.pages
{
	float: left;
	width: 100%;
	border-top: 1px solid #b8b8af;
	padding: 8px 0 10px 0;
}

.pages h2
{
	color: #b00029;
}

.pages p
{
	margin: 0;
}

.pages p a
{
	color: #666;
}

/* FILTER */

.filter {
	float: left;
	width: 100%;
	border-top: 1px solid #b8b8af;
	padding: 8px 0 10px 0;
	background-color:#FFC;
    }

.filter h2 {
	font-size: 14px;
	color: #b00029;
	margin: 0 0 8px 10px;
    }

.filter p {
	margin: 0 0 8px 0;
    }



.filter .search-query,
.filter .filter-query {
	width: 150px;
	margin: 0 5px 0 0;
    }
	
#show-filter .filter-place,
#show-filter .filter-offer {
	width: 150px;
    }
	
#show-filter {
	float: left;
    }
	
#show-filter,
#show-search {
	display: inline;
	margin: 0px 0px 10px 10px;
	padding: 0;
    }

#show-search {
	float: right;
    margin-right: 10px;
    }
	
.divider {
	float: left;
	display: inline;
	width: 2px;
	height: 100%;
	margin: 0 0 10px 0;
	padding: 0 5px 0 5px;
	border-right: 1px solid #ccc;
    }

.toggletext {
	font-size: 12px;
    }

   .wide #show-filter
    {
    	width: 350px;
    }
    
    .wide #show-filter .filter-place
    {
    	width: 290px;
    }
    


/* filter tabmenu */

.filter .tabmenu
{
	border: 0;
	padding: 0;
}

/* filter in head */

#head .filter
{
	border-top: 0;
	padding: 0 0 10px 0;
}



/* FILTER IN ARTICLE */

.articlefilter
{
	float: left;
	width: 100%;
	padding: 8px 0 10px 0;
}
/* PATH */

#path
{
	height: 20px;
	padding: 10px 0;
}

#path p
{
	line-height: 20px;
	margin: 0;
}

#path h5 a
{
}

/* BACK */

#back
{
	height: 20px;
	padding: 10px 0;
}

#back p
{
	font-size: 12px;
	line-height: 20px;
}

#back p a
{
	background: url(/img/arrow-back.gif) left no-repeat;
	padding: 0 0 0 25px;
}
/* HEAD */

/*STANDBY*/
#standby.section #head{
	background-color: #ececde;
	margin:0 0 55px 0;
	padding: 0 0 55px 0;
	}

#standby.section #head h1{
	margin: 20px;

	}
	
#standby.section #head p{
	margin: 0 20px 20px 20px;
	}

#standby.section .story {
	border-top:1px solid #B8B8AF;
	padding-top:10px;
	
	}
	
#standby.section #content h2 {
	color:#B00029;
	font-size:14px;
	margin:0 0 8px;
	}

#standby #grid{
	margin-bottom: 55px;
	}

#standby #footer .ident h4{
	visibility:hidden;
	}


/* DROPDOWN IN BODYTEXT */

.dropdown {
	margin: 0 0 10px 0 ;
	padding: 0 0 0 0 ;
	}
	
	
/* TABELLFILTER */
	
.articlefilter {
	float:left;
	margin: 0 0 5px 0;
	padding: 0;
	}
	
.articlefilter p {
	float:left;
	color:#666666;
	font-weight:normal;
	margin: 0 15px 0 0;
	padding: 0;
	}
	
.articlefilter p a {
	margin: 0;
	padding: 0;
	text-decoration:underline;
	}
	
.FilterLeft {
	float:left;
	margin: 0;
	padding: 0;
	}
	
.FilterRight {
	float:right;
	margin: 0;
	padding: 0;
	}


/**/
#content #head
{
	position: relative;
	float: left;
	width: 640px;
}

/* images */

#content #head .images
{
	float: left;
	width: 100%;
	margin: 0 0 10px 0;
}

/* banner */

#content #head .banner
{
	position: absolute;
	top: 80px;
	left: 80px;
	background: White;

}

#content #head .banner.member
{
	background: #b00029;
	color: #ececde;
}

#content #head .banner p
{
	color: #686664;
}

/* title and leadtext */

#content #head h1
{
	float: left;
	width: 100%;
	margin: 0 0 20px 0;
}

#content #head h3
{
	float: left;
	width: 100%;
	font-size: 20px;
	font-weight: normal;
	line-height: 20px;
	margin: 0 0 20px 0;
}

/* links */

#content #head .links ul
{
	float: left;
	width: 100%;
	list-style: none;
	padding: 0;
	margin: 0 0 10px 0;
}

#content #head .links ul li
{
	float: left;
	margin: 0 20px 0 0;
}
/* FRONTPAGE */

.frontpage #content #head
{
	background: #5c5a58;
	margin: 0 0 20px 0;
}

.frontpage #content #head h1, .frontpage #content #head h3, .frontpage #content #head .links
{
	width: 600px;
	padding: 0 20px;
}

.frontpage #content #head .links a
{
	color: #b3d4eb;
	color: White;
	color: #b6d7ee;
}

/* ARTICLE */

.article #content #head .links ul
{
	margin: 0 0 20px 0;
}

.article #content #head .links ul li a
{
	display: block;
	padding: 10px 0 10px 40px;
}

.article #content #head .links ul li.photos a
{
	background: url(/img/icon-30x30-photos.png) left no-repeat;
}

.article #content #head .links ul li.map a
{
	background: url(/img/icon-30x30-map.gif) left no-repeat;
}

.article #content #head .links ul li.show a
{
	background: url(/img/icon-30x30-show.gif) left no-repeat;
}

.article #content #head .links ul li.offers a
{
	background: url(/img/icon-30x30-offers.gif) left no-repeat;
}

.article #content #head .links ul li.calendar a
{
	background: url(/img/icon-30x30-calendar.gif) left no-repeat;
}

/* CAMPAIGN */

.campaign #content #head
{
}

.campaign #content #head .images
{
	background: #b8b8af;
	background: #ececde;
	position: relative;
	float: left;
	width: 100%;
}

.campaign #content #head .images .logo
{
	position: absolute;
	bottom: 0;
	left: 0;
}

.campaign #content #head .images .image
{
	float: left;
	width: 480px;
}

.campaign #content #head .banner
{
	position: absolute;
	top: 240px;
	left: 80px;
}

.campaign #content #head .summary
{
	float: right;
	padding: 10px 10px 0 10px;
	width: 140px;
	height: 470px;
}

.campaign #content #head .summary h2
{
	float: left;
	width: 100%;
	color: #b00029;
}

.campaign #content #head .summary h3
{
	float: left;
	width: 100%;
}

.campaign #content #head .summary ul
{
	float: left;
}
/* CONFERENCE */

#conference #content #head .images
{
	background: #274897;
	color: #d4daea;
}

#conference #content #head h1, #conference #content #body .listHotels ul li a
{
	color: #274897;
}

/* CITY */

#city #content #head .images
{
	background: #d47800;
	color: #f6e4cc;
}

#city #content #head h1, #city #content #body .listHotels ul li a
{
	color: #d47800;
}

/* BUDGET */

#budget #content #head .images
{
	background: #8eb85e;
	color: #e8f1df;
}

#budget #content #head h1, #budget #content #body .listHotels ul li a
{
	color: #8eb85e;
}

/* RESORT */

#resort #content #head .images
{
	background: #624151;
	color: white;
}

#resort #content #head h1, #resort #content #body .listHotels ul li a
{
	color: #640040;
}


/* LANDINGPAGE FOR CAMPAIGNS */

#landingpage #content #head .images
{
	background: #d0e8f9;
	color: #333333;
}

#landingpage #content #head h1, #landingpage #content #body .listHotels ul li a
{
	color: #ffffff;
}


#landingpage #content #head h2
{
	color: #b00029;
}






/* ABC COLS */

.abcCols
{
	float: left;
	width: 100%;
}

/* single cols */

.abcCols .aCol
{
	float: left;
	width: 160px;
	padding: 0 40px 0 0;
}

.abcCols .bCol
{
	float: left;
	width: 160px;
	padding: 0 40px;
}

.abcCols .cCol
{
	float: left;
	width: 160px;
	padding: 0 0 0 40px;
}

.abcCols .smallCol
{
	float: left;
	width: 160px;
}

/* double cols */

.abcCols .abCol
{
	float: left;
	width: 400px;
	padding: 0 40px 0 0;
}

.abcCols .bcCol
{
	float: left;
	width: 400px;
	padding: 0 0 0 40px;
}

.abcCols .action-continue .abCol {
float:left;
margin:0 0 0 10px;
padding:0;
}

/* ABC COLS */

.abCols
{
	float: left;
	width: 440px;
}

.abCols .aCol
{
	float: left;
	width: 160px;
	padding: 0 40px 0 0;
}

.abCols .bCol
{
	float: left;
	width: 160px;
	padding: 0 0 0 40px;
}

/* ROW */

.row
{
	border-top: 1px solid #b8b8af;
	padding: 17px 0 0 0;
	float: left;
	width: 100%;
}

/* ROW CONCEPtS */

.row#concepts
{
	border-top: 0;
	padding: 0;
}

.row#concepts .story
{
	float: left;
	padding: 0 20px 0 0;
	width: 140px;
}

/* ROW OFFERS */

.row#offers
{
	border: 0;
	padding: 40px 0 0 0;
}

/* WEATHER */

.weather
{
	float: left;
	width: 100%;
}

.weather .head
{
	height: 36px;
}

.weather .head img
{
	float: left;
	width: 30px;
	height: 30px;
	margin: 0 4px 0 0;
}

.weather .head h2
{
}

.weather .body, .weather .foot
{
	float: left;
	width: 100%;
}

/* DOWNLOAD */

.attachments h2
{
}

.attachments ul
{
	list-style: none;
	padding: 0;
	margin: 0 0 4px 0;
}

.attachments ul li
{
	margin: 0 0 14px 0;
}

.attachments ul li.pdf a
{
	display: block;
	background: url(/img/icon-pdf-32x32.gif) top left no-repeat;
	padding: 40px 0 0 0;
}

.attachments ul li.pdf em
{
	font-style: normal;
	color: #999;
}
.reply
{
	/*background:#efefef;*/
}

.reply .abCol p
{
	padding-left: 18px;
}
.tools
{
	border: 1px solid #ccc;
	padding: 4px;
	float: left;
}

.tools ul
{
	list-style: none;
	padding: 0;
	margin: 0;
}

.tools ul li
{
	float: left;
	margin: 0 4px 0 0;
}

.tools ul li a
{
	background: url(/img/booking-select_date.gif);
	display: block;
	width: 16px;
	height: 16px;
	overflow: hidden;
	/*line-height: 1000px;*/
}

.tools ul li.facebook a
{
	background: url(/img/tool-facebook.gif);
}

.tools ul li.email a
{
	background: url(/img/tool-email.gif);
}

.tools ul li.print a
{
	background: url(/img/tool-print.gif);
}
/* lightview.css
   http://www.nickstakenburg.com/projects/lightview
*/

#lightview
{
	position: absolute;
	top: 50%;
	left: 50%;
	height: 150px;
	width: 150px;
	margin: -75px 0 0 -75px;
	padding: 0;
	text-align: left;
}

/* The container that holds everything */
.lv_Container
{
	position: relative;
	width: 100%;
	height: 100%;
	background: none;
	padding: 0;
	margin: 0;
}

.lv_Button
{
	cursor: pointer;
	text-decoration: none;
	border: none;
	background: none;
	margin: 0;
	padding: 0;
}

/* The buttons on the side when you view a gallery */
.lv_Sides
{
	position: absolute;
	top: 50%;
	left: 0;
	clear: both;
	width: 100%;
	padding: 0;
	margin: 0;
}
.lv_Sides *
{
	padding: 0;
	margin: 0;
}
.lv_Sides li
{
	list-style-type: none;
	position: relative;
}

.lv_PrevSide
{
	float: left;
}
.lv_NextSide
{
	float: right;
}
.lv_Sides .lv_Wrapper
{
	width: 100%;
	height: 100%;
	cursor: pointer;
}
.lv_Sides .lv_Button
{
	float: left;
	background: none;
}

/* The frames above and below the center, that hold the corners.
   It's recommended not to change anything here, a lot is done in
   javascript to build further upon this based on your settings.
*/
.lv_Frames
{
	width: 100%;
	height: 100%;
	position: relative;
	padding: 0;
	margin: 0;
}
.lv_Frames li
{
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.lv_Frame
{
	width: 100%;
	display: block;
}
.lv_Frame *
{
	padding: 0;
	margin: 0;
}
.lv_FrameTop
{
	position: absolute;
	left: 0;
	width: 100%;
	display: block;
}
.lv_FrameBottom
{
	position: relative;
	float: left;
	clear: both;
}

.lv_Liquid
{
	position: relative;
	float: left;
	width: 100%;
	overflow: hidden;
	clear: both;
}
.lv_Liquid .lv_Filler
{
	position: absolute;
	height: 100%;
	width: 2px;
	top: 0;
	left: 50%;
}

.lv_Half
{
	display: block;
	height: 100%;
	clear: both;
	line-height: 0px;
}
.lv_Half li
{
	list-style-type: none;
}
.lv_Corner
{
	float: left;
	position: relative;
}
.lv_CornerTr, .lv_CornerBr
{
	float: right;
}

.lv_Fill
{
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
}

.lv_Half .lv_CornerWrapper
{
	float: left;
	position: relative;
	width: 50%;
	height: 100%;
	overflow: hidden;
}
.lv_HalfRight .lv_CornerWrapper
{
	float: right;
}

.lv_Corner
{
	position: relative;
}
.lv_Corner canvas
{
	position: relative;
}
.lv_HalfLeft .lv_Corner
{
	float: left;
}
.lv_HalfRight .lv_Corner
{
	position: relative;
	float: right;
}

/* To position content correctly in the center with correct
   rounded corner display we need a few wrappers.
   This is to get it right on all browsers.
*/
.lv_Center
{
	position: relative;
	clear: both;
	height: 100%;
	overflow: hidden;
	background: none;
	padding: 0;
	margin: 0;
}
.lv_WrapUp
{
	position: absolute;
	left: 0;
	height: 100%;
	width: 100%;
	overflow: hidden;
	padding: 0;
	margin: 0;
}
.lv_WrapDown
{
	position: relative;
	height: 100%;
	width: 100%;
	overflow: hidden;
	padding: 0;
	margin: 0;
}
.lv_WrapCenter
{
	position: relative;
	padding: 0;
	margin: 0;
}

/* The loading indicator */
.lv_Loading
{
	position: absolute;
	top: 50%;
	left: 50%;
}
.lv_Loading .lv_Button
{
	float: left;
	height: 100%;
	width: 100%;
}

.lv_MediaWrapper
{
	position: relative;
	width: 100%;
	display: block;
	overflow: hidden;
	clear: both;
	padding: 0;
	margin: 0;
}
.lv_MediaWrapper img
{
	position: relative;
	float: left;
	padding: 0;
	margin: 0;
}

/* The overlays on top of images that toggle the previous/next buttons */
.lv_PrevNext
{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
}
.lv_PrevNext *
{
	padding: 0;
	margin: 0;
}
.lv_PrevNext .lv_Button
{
	position: relative;
	height: 100%;
}
.lv_PrevButton
{
	float: left;
}
.lv_NextButton
{
	float: right;
}

/* The bar that holds title, caption, imagenumber, slideshow and closebutton */
.lv_MenuBar
{
	clear: both;
	position: relative;
	width: 100%;
	font: 11px Arial, Helvetica, sans-serif;
	color: #7a7a7a;
	padding: 0;
	margin: 0;
	text-align: left;
}
.lv_MenuBar *
{
	padding: 0;
	margin: 0;
}


.lv_Close
{
	position: relative;
	float: right;
	overflow: hidden;
	width: 100%;
	height: 100%;
}

.lv_Data
{
	position: relative;
	float: left;
	padding-bottom: 3px;
	line-height: 13px;
	overflow: hidden;
}

/* simulates padding-left inside .lv_Data 
.lv_DataText div, .lv_ImgNumber div { margin-left: 3px; } */

.lv_Data li
{
	list-style-type: none;
	float: left;
	margin-top: 3px;
}
.lv_DataText
{
	width: 100%;
}
.lv_DataText .lv_Title
{
	font-weight: bold;
	margin-bottom: 2px;
}
.lv_DataText .lv_Caption
{
	clear: both;
}
.lv_Data .lv_ImgNumber
{
	color: #a7a7a7;
	margin-right: 5px;
	margin-top: 5px;
}

.lv_Data .lv_innerPrevNext, .lv_Data .lv_Slideshow
{
	position: relative;
	border-left: 1px solid #d7d7d7;
	padding: 0 5px;
	margin-top: 5px;
	vertical-align: middle;
}
.lv_Data .lv_Slideshow
{
	padding-right: 0px;
}

.lv_Data .lv_innerPrevNext .lv_Button, .lv_Data .lv_Slideshow .lv_Button
{
	/* play and stop */
	float: left;
	background-position: center left;
	background-repeat: no-repeat;
}

/* the boxes that hold media or external content */
.lv_contentTop, .lv_contentBottom
{
	position: relative;
	float: left;
	margin: 0;
	padding: 0;
	clear: both; /*border-top: 1px solid #ccc;*/
	padding-top: 10px;
}

#lightview iframe
{
	float: left;
	border: 0;
	clear: both;
	padding: 0;
	margin: 0;
	background: none;
}

/* The container that hold buttons above the view, currently only topclose */
.lv_topButtons
{
	position: absolute;
	left: 0;
	width: 100%;
	overflow: hidden;
	margin: 0;
	padding: 0;
}
.lv_topcloseButtonImage
{
	cursor: pointer;
}


/* The error/warning/download message that will appear when
   a required plugin is not installed.
*/
#lightviewError p
{
	padding: 0 0 10px 0;
}
#lightviewError div
{
	padding: 6px;
	font: 11px Arial, Helvetica, sans-serif;
}
#lightviewError .message
{
	background: #fcb5b5;
	color: #dd1f1f;
	margin-bottom: 3px;
}
#lightviewError .type
{
	font-weight: bold;
}
#lightviewError .pluginspage
{
	background: #b5fcbd;
	color: #21be30;
}
#lightviewError a, #lightviewError a:hover, #lightviewError a:visited
{
	color: #21be30;
	text-decoration: none;
	background: none;
	font-weight: bold;
	border-bottom: 1px solid #7de689;
}
#lightviewError p
{
	margin-left: 0;
	padding: 0;
}

#lv_overlay
{
	position: absolute; /* Opera will use fixed */
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
}

/* navbar
   Adds a bar below the view that takes over the default Controller
*/
#lightviewController
{
	position: fixed;
	bottom: 0;
	top: 0;
	left: 50%;
	margin: 0;
	padding: 0;
	color: #d2d2d2;
	font: 11px Arial, Helvetica, sans-serif;
}
* html body #lightviewController
{
	/* IE6 */
	position: absolute;
	top: auto;
	margin-top: expression( (-1 * this.offsetHeight / 2 + (document.documentElement ? document.documentElement.scrollTop : 0) + (Lightview.controllerOffset || 0)) + 'px');
}
#lightviewController ul
{
	display: block;
	height: 100%;
	float: left;
	margin: 0;
	padding: 0;
	position: relative;
}
.lv_controllerTop, .lv_controllerMiddle, .lv_controllerBottom
{
	list-style-type: none;
	float: left;
	display: block;
	position: relative;
	clear: both;
	overflow: hidden;
	margin: 0;
	padding: 0;
}
.lv_controllerCenter
{
	width: auto;
	float: left;
}
.lv_controllerCornerWrapper
{
	position: absolute;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
}
.lv_controllerCornerWrapperTopLeft, .lv_controllerCornerWrapperBottomLeft
{
	top: 0;
	left: -100%;
}
.lv_controllerCornerWrapperTopRight, .lv_controllerCornerWrapperBottomRight
{
	top: 0;
	left: 100%;
}

#lightviewController .lv_CornerWrapper
{
	width: 100%;
}
#lightviewController .lv_Corner
{
	float: left;
}
#lightviewController .lv_Corner
{
	float: right;
	position: relative;
}
#lightviewController .lv_CornerTr, #lightviewController .lv_CornerBr
{
	float: left;
}
.lv_controllerBetweenCorners
{
	position: relative;
	height: 100%;
	overflow: hidden;
}

.lv_controllerMiddle
{
	position: relative;
	height: 100%;
	float: left;
}
.lv_controllerCenter
{
	float: left;
	width: auto;
}
.lv_controllerCenter li
{
	list-style-type: none;
	float: left;
	display: inline;
	position: relative;
	clear: none;
}
.lv_controllerSetNumber
{
	float: left;
	text-align: center;
}

#lightviewController .lv_Button
{
	float: left;
	position: relative;
	height: 100%;
	clear: none;
}
.lv_controllerSetNumber
{
	position: relative;
	height: 100%;
	padding-right: 3px;
}
.lv_controllerPrev, .lv_controllerNext, .lv_controllerSlideshow, .lv_controllerClose
{
	float: left;
	position: relative;
	height: 100%;
	padding-left: 3px;
}

.lv_controllerPrev
{
	border-left: 1px solid #3c3c3c;
}
#lightviewController .lv_controllerNext
{
	padding-right: 3px;
	border-right: 1px solid #3c3c3c;
}

* html #lightview
{
	/* IE6 */
	position: absolute;
		margin-top: expression( (-1 * this.offsetHeight / 2 + (document.documentElement ? document.documentElement.scrollTop : 0) - (Lightview.controllerHeight || 0)) + 'px');
}

/* Always cover 100% of the screen in IE6 */
html #lv_overlay
{
	position: absolute;
	height: expression(((window.Enumerable && window.Enumerable.max) ? [document.body.scrollHeight, document.documentElement.scrollHeight, document.body.offsetHeight, document.documentElement.clientHeight].max() : document.documentElement.scrollHeight) + 'px' );
	width: expression(((window.Enumerable && window.Enumerable.max) ? [document.body.scrollWidth, document.documentElement.scrollWidth, document.body.offsetWidth, document.documentElement.clientHeight].max() : document.documentElement.scrollWidth) + 'px' );
}

/* STORY */

.story
{
	float: left;
	width: 100%;
	position: relative;
}

.story h2
{
	float: left;
	width: 100%;
	font-size: 12px;
	line-height: 18px;
	margin: 0 0 18px 0;
}

.story h2 a
{
	color: #640040;
}

.story h2 strong
{
	font-size: 14px;
}

.story h2 img
{
	margin: 0 0 4px 0;
}

.story h2 em
{
	font-style: normal;
	color: #666;
	font-weight:normal;
}

.story h2 a
{
	text-decoration: none;
}

.story h2 a:hover strong, .story h2 a:hover em
{
	text-decoration: underline;
}

.story h4
{
	font-weight: normal;
	color: #666;
	margin: 0 0 18px 0;
}

.story h2.lightbox a 
{
color:#0066CC;
}

/* ICON */

.story a .icon
{
	position: absolute;
	top: 139px;
	left: 139px;
	display: block;
	width: 16px;
	height: 16px;
	background: url(/img/icon-16x16-window-open.gif);
	overflow: hidden;
	line-height: 1000px;
}

/* CONCEPTS */

.story p em.concept, .story p strong.concept
{
	float: left;
	font-size: 11px;
	line-height: 12px;
	font-weight: normal;
	font-style: normal;
	text-transform: uppercase;
	color: White;
	padding: 0 5px;
	margin: 3px 5px 0 0;
}

.story p em.concept a, .story p strong.concept a
{
	text-decoration: none;
	color: White;
}

.story.hotel p em.concept.noconcept, .story p strong.concept.noconcept
{
	/*background: red;*/
	width:0px;
	margin:0px;
	padding:0px;
}

.story.hotel p em.concept.budget, .story p strong.concept.budget
{
	background: #8eb85e;
}

.story p em.concept.city, .story p strong.concept.city
{
	background: #d47800;
}

.story p em.concept.conference, .story p strong.concept.conference
{
	background: #274897;
}

.story p em.concept.resort, .story p strong.concept.resort
{
	background: #624151;
}

/* COUNTRY */

.story p em.se
{
	background: url(/img/smallflag-se.gif) no-repeat;
	padding: 0;
	width: 19px;
	height: 12px;
	line-height: 1000px;
	overflow: hidden;
}

.story p em.nl
{
	background: url(/img/smallflag-nl.gif) no-repeat;
	padding: 0;
	width: 18px;
	height: 12px;
	line-height: 1000px;
	overflow: hidden;
}

.story p em.be
{
	background: url(/img/smallflag-be.gif) no-repeat;
	padding: 0;
	width: 14px;
	height: 12px;
	line-height: 1000px;
	overflow: hidden;
}
/* STORYLIST */

.storyList
{
	float: left;
	width: 100%;
}



.storyList .head h2 {
    border-top: 1px solid #b8b8af;
    font-size: 14px;
    color:#b00029;
    margin: 0 0 18px 0;
    padding:8px 0 0 0;
    float:left;
    width:100%;
}


.storyList .story
{
	position: relative;
	float: left;
	width: 100%;
	border-top: 1px solid #b8b8af;
	padding: 8px 0 0 0;
}

.storyList .story .image
{
	position: relative;
	float: left;
	width: 120px;
	padding: 2px 0 0 0;
}

.storyList .story .image a .icon
{
	top: 60px;
	left: 60px;
}

.storyList .story .image img
{
	margin: 0 0 8px 0;
}

.storyList .story .content
{
	float: left;
	width: 520px;
}

.storyList .story .content p
{
}


.story a .zoom.z80x60 
{
    left:70px;
    top:50px;
}

.story a .zoom.z80x80 
{
    left:70px;
    top:70px;
}

.story a .zoom.z160x160 
{
    left:150px;
    top:150px;
}

.story a .zoom 
{
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(../img/icon-20x20-zoom.png) repeat scroll 0 0;
display:block;
height:20px;
line-height:1000px;
overflow:hidden;
position:absolute;
width:20px;
}

/* 2 columns */

.abCol .storyList .story .content
{
	float: left;
	width: 280px;
}



/* ARTICLELIST */

.articleList
{
    display:block;
	float: left;
	width: 100%;
	margin: 0 0 30px 0;
}

.articleList .item
{
	position: relative;
	float: left;
	width: 100%;
	padding: 8px 0 0 0;
}

.articleList .item .image
{
	position: relative;
	float: left;
	width: 160px;
	padding: 2px 0 0 0;
	margin: 0 10px 0 0;
}

.articleList .item .image img
{
	margin: 0 0 8px 0;
}

.articleList .item .content
{
	float: left;
	width: 190px;
	margin: 0;
	padding: 0;
}


.articleList .item .content p
{
	margin: 0;
	padding: 0;
}

.articleList .item .content h3, 
.articleList .item .content h5, 
.articleList .item .content p 
{
    margin:0;
    padding:0;
}

/* ACTION */

.story .action
{
	float: left;
	width: 100%;
	border-top: 1px solid #b8b8af;
	padding: 5px 0;
	background: #ffc;
}

.story .action h3
{
	font-size: 14px;
	line-height: 18px;
	margin: 0 0 4px 0;
}

.story .action h3 em
{
	font-size: 12px;
	font-weight: normal;
	font-style: normal;
}

/* head */

.story .action .head
{
	float: left;
	width: 500px;
	padding: 5px 10px;
}

.story .action .head h3
{
	float: left;
	margin: 0;
}

.story .action .head h3 a
{
	background:transparent url(../img/icon-20x20-info.png) no-repeat scroll left center;
	color:#0066CC;
	display:block;
	padding:0 0 0 22px;
}

.story .action .head p
{
	float: right;
	margin: 0;
}

/* body */

.story .action .body
{
	float: left;
	width: 500px;
	padding: 0 10px;
}

.story .action .body table
{
	background: White;
	border-left: 1px solid #d0e8f9;
	border-bottom: 1px solid #d0e8f9;
	margin: 8px 0;
}

.story .action .body table th, .story .action .body table td
{
	font-size: 12px;
	line-height: 18px;
	padding: 4px;
	border-top: 1px solid #d0e8f9;
	border-right: 1px solid #d0e8f9;
	vertical-align: top;
}

/* foot */

.story .action .foot
{
	border: 0;
	float: left;
	width: 500px;
	padding: 0 10px;
}

.story .action .foot p
{
	margin: 0;
}
/* STORY OFFER */

.story.offer
{
	text-align: center;
}

.story.offer .banner
{
	margin: 0 0 40px 0;
}

.story.offer h4
{
	display: none;
}

/* BANNER */

.banner
{
	width: 140px;
	height: 80px;
	padding: 42px 10px 38px 10px;
	background: #ececde;
	color: #686664;
	text-align: center;
	margin: 0 0 4px 0;
}

.banner h2
{
	font-size: 20px;
	line-height: 20px;
	margin: 0;
}

.banner h2 a
{
	color: White;
}

.banner p
{
	float: left;
	width: 140px;
	font-size: 12px;
	line-height: 18px;
	margin: 0;
}

/* THON MEMBER */

.banner.member
{
	background: #b00029;
	color: #ececde;
}

/* CONFERENCE */

.banner.conference
{
	/*	background: #d0e8f9; */
}
/* STORY */

.story.small
{
	float: left;
	width: 100%;
	position: relative;
}

.story.small h2
{
	font-size: 12px;
	line-height: 18px;
	margin: 0;
}

.story.small h2 a
{
	display: block;
	color: #06c;
}

.story.small h2 img
{
	width: 80px;
	height: 60px;
}

.story.small h2 strong
{
	font-size: 12px;
	font-weight: normal;
}

.story.small a .icon
{
	top: 38px;
	left: 60px;
}

.story a .icon {
background:url("../img/icon-16x16-more.gif") repeat scroll 0 0 transparent;
display:block;
height:16px;
left:139px;
line-height:1000px;
overflow:hidden;
position:absolute;
top:139px;
width:16px;
}
/* FORMS */

form 
{
	padding: 0;
	margin: 0;
}

form fieldset
{
	padding: 0;
	border: 0;
	margin: 0 0 18px 0;
}

form fieldset h4
{
	color: #686664;
	margin: 0 0 2px 0;
}

form fieldset p
{
	margin: 0 0 4px 0;
}

/* CLASSES */

form fieldset input.name, form fieldset input.email, form fieldset input.address, form fieldset input.orgnumber, form fieldset input.companynights, form fieldset select.country, form fieldset select.language
{
	width: 360px;
}

form fieldset input.phone
{
	width: 120px;
}

form fieldset input.postcode
{
	width: 60px;
	margin: 0 5px 0 0;
}

form fieldset input.postoffice
{
	width: 286px;
}

form fieldset input.qty
{
	width: 20px;
}

form fieldset.guest_room h4
{
	margin: 0;
}

/* iframe */

form fieldset iframe
{
	width: 400px;
	height: 150px;
}

/* Conference */

#request .persons
{
	float: left;
	margin-right: 20px;
}
/* LOGIN */

.login
{
	float: left;
	width: 100%;
}

.login h2
{
	margin: 0 0 8px 0;
}

.login h2 em
{
	font-style: normal;
	color: #666;
}

.login .form
{
	float: left;
	width: 100%; /*border-top: 1px solid #b8b8af;*/
	padding: 3px 0 0 0;
	margin: 0 0 14px 0;
}

.login .form fieldset
{
	border: 0;
	padding: 0;
	margin: 0 0 6px 0;
}

.login .form h4
{
	font-weight: normal;
	color: #666;
	margin: 0 0 0 0;
}

.login .form p
{
	height: 20px;
	margin: 0 0 4px 0;
}

.login .form p input.username
{
	width: 150px;
}

.login .form p input.password
{
	width: 80px;
}

.frontpage #body #login-company
{
	margin: 0 0 28px 0;
}

/* LOGIN THON MEMBER */

.login#login-member h2
{
	float: left;
	background: url(/img/icon-30x30-member.gif) left no-repeat;
	padding: 0 0 0 40px;
	color: #b00029;
}

/* LOGIN THON MEMBER */

.login#login-company h2
{
	float: left;
	background: url(/img/icon-30x30-company.gif) left no-repeat;
	padding: 0 0 0 40px;
	color: #274897;
}
/* CALENDAR */

#content .calendar .months
{
	float: left;
	width: 100%;
	border-top: 1px solid #b8b8af;
	margin: 0 0 8px 0;
}

#content .calendar .months ul
{
	float: left;
	width: 100%;
	background: url(/img/booking-subprocess.gif) bottom center;
	list-style: none;
	padding: 0;
	margin: 0;
}

#content .calendar .months ul li
{
	float: left;
	width: 128px;
	font-weight: bold;
	text-align: center;
	padding: 4px 0 16px 0;
	color: #686664;
}

#content .calendar .months ul li.current
{
	background: url(/img/booking-subprocess-current.gif) bottom center;
	color: Black;
}

#content .calendar .months ol li.current strong
{
}

/* TABLE */

#calendar table
{
	background: White;
	border-left: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

#calendar table th, #calendar table td
{
	font-size: 12px;
	line-height: 18px;
	padding: 4px;
	border-top: 1px solid #ccc;
	border-right: 1px solid #ccc;
	vertical-align: top;
}

/* HEAD */

#calendar table thead
{
	display: none;
}

/* BODY */

#calendar table tbody tr td
{
	padding: 0;
	width:90px;
	
}

#calendar table tbody tr td a
{	
    padding: 4px 4px 12px 4px;
	display: block;
	background: #ffc;
	color: #999;	
}

#calendar table tbody tr td strong
{
	font-style: normal;
	font-weight:normal;
	font-size: 14px;
	color: #000;
}

#calendar table tbody tr td strong a
{
	color: Black;
}

#calendar table tbody tr td em
{
	font-style: normal;
	font-weight: bold;
	font-size: 14px;
	color: #000;
}

/* ERRORS */

#error
{
	float: left;
	width: 600px;
	border-top: 1px solid #ccc;
	background: url(/img/icon-30x30-error.gif) top left no-repeat;
	padding: 4px 0 0 40px;
	color: #b00029;
}

.form fieldset h4 strong.error
{
	background: url(/img/icon-12x12-error.gif) left no-repeat;
	padding: 0 0 0 16px;
	color: #b00029;
}
/* BOOKING */

#booking
{
	background: White;
}

#booking .form fieldset label
{
	padding: 0;
	margin: 0;
	color: #686664;
}

/* when */

#booking fieldset.when p
{
	/*width: 200px; */
}

/* place and hotel */

#booking fieldset select#country, #booking fieldset select#place, #booking fieldset select#hotel, #booking fieldset select#cal_month, #booking fieldset select#cal_concept
{
	width: 180px;
}

/* persons */

#booking fieldset select#rooms, #booking fieldset select#adults, #booking fieldset select#children
{
	width: 85px;
	margin: 0 10px 0 0;
}

/* beds */

#booking fieldset select#bed_extra, #booking fieldset select#bed_baby, #booking fieldset select#bed_parents
{
	width: 130px;
	margin: 0 10px 0 0;
}

/* date */

#booking fieldset input#date_from, #booking fieldset input#date_to
{
	background: White url(/img/booking-day.gif) right 2px no-repeat;
	width: 150px;
}

/* select date */

#booking fieldset .date_select
{
	float: right;
}

#booking fieldset .date_select a
{
	background: url(/img/booking-select_date.gif) bottom no-repeat;
	display: block;
	width: 16px;
	height: 16px;
	line-height: 1000px;
	overflow: hidden;
}

/* HEAD BOOKING */

#head #booking
{
	float: left;
	width: 958px;
	padding: 9px 0; /*	background: #d0e8f9; */
	border-top: 1px solid #b8b8af;
	border-left: 1px solid #b8b8af;
	border-bottom: 1px solid #b8b8af;
	border-right: 1px solid #b8b8af;
	margin: 0 0 20px 0;
}

#head #booking .head h2
{
	font-size: 14px;
	font-weight: bold;
	line-height: 18px;
	margin: 0 0 10px 0;
}

#head #booking .form h4
{
	float: left;
	width: 110px;
	padding: 2px 10px 0 0;
	font-size: 12px;
	font-weight: normal;
	line-height: 18px;
	color: #686664;
	text-align: right;
	margin: 0 0 10px 0;
}

#head #booking .form p
{
	float: left;
	margin: 0 0 10px 0;
}

#head #booking .form fieldset
{
	border: 0;
	padding: 0;
	margin: 0;
}

#head #booking .form fieldset.where, #head #booking .form fieldset.when
{
	float: left;
	width: 320px;
}

#head #booking .form fieldset.submit
{
	float: left;
	padding: 0 0 0 80px;
	width: 200px;
}

#head #booking .form .rooms
{
	border-top: 1px dashed #b8b8af;
	padding: 10px 0 0 0;
	float: left;
	width: 100%;
}

#head #booking .form .rooms#rooms-summary h4
{
	margin: 0 0 4px 0;
}

#head #booking .form .rooms#rooms-summary p
{
	padding: 2px 0 0 0;
	margin: 0 0 4px 0;
}

#head #booking .form fieldset.room
{
	float: left;
	width: 100%;
}

#head #booking .form fieldset.room .room_people
{
	float: left;
	width: 320px;
}

#head #booking .form fieldset.room .room_beds
{
	float: left;
}

#head #booking .form fieldset.room .room_beds.disabled select
{
	color: #ccc;
}

/* CONTEXT BOOKING */

#context #booking
{
	border: 1px solid #b8b8af;
	float: left;
	width: 220px;
	padding: 10px 9px;
	margin: 0 0 20px 0;
}

#context #booking .head
{
}

#context #booking h2
{
	font-size: 20px;
	line-height: 20px;
	color: #b00029;
	margin: 0 0 16px 0;
}

#context #booking .head p
{
	color: #b00029;
	margin: 0;
}

#context #booking form
{
	float: left;
	width: 220px;
	margin: 0 0 10px 0;
}

#context #booking .form fieldset
{
	border: 0;
	padding: 0;
	margin: 0 0 20px 0;
}

#context #booking .form fieldset.who
{
	margin: 0 0 20px 0;
}

#context #booking .form fieldset.who .room .room_beds
{
	background: url(/img/booking-context-room_beds-bg.gif) top center no-repeat;
	border-bottom: 1px solid #b8b8af;
	padding: 18px 10px 4px 10px;
	margin: 0 0 5px 0;
}

#context #booking .form fieldset.who .room .room_beds h4
{
	display: none;
}

#context #booking .form fieldset h3
{
	font-size: 14px;
	font-weight: bold;
	line-height: 18px;
	margin: 0 0 8px 0;
}

#context #booking .form fieldset h4
{
	font-size: 12px;
	font-weight: normal;
	line-height: 18px;
	margin: 0 0 2px 0;
}

#context #booking .form fieldset p
{
	font-size: 12px;
	line-height: 16px;
	margin: 0 0 4px 0;
}

#context #booking #feedback p
{
	font-size: 12px;
	font-weight: bold; /*color: #0063dc; */
	color: #686664;
	line-height: 18px;
}
/* days */

#booking fieldset input#date_from.mon, #booking fieldset input#date_to.mon
{
	background: White url(/img/booking-day-no-mon.gif) right 2px no-repeat;
}

#booking fieldset input#date_from.tue, #booking fieldset input#date_to.tue
{
	background: White url(/img/booking-day-no-tue.gif) right 2px no-repeat;
}

#booking fieldset input#date_from.wed, #booking fieldset input#date_to.wed
{
	background: White url(/img/booking-day-no-wed.gif) right 2px no-repeat;
}

#booking fieldset input#date_from.thu, #booking fieldset input#date_to.thu
{
	background: White url(/img/booking-day-no-thu.gif) right 2px no-repeat;
}

#booking fieldset input#date_from.fri, #booking fieldset input#date_to.fri
{
	background: White url(/img/booking-day-no-fri.gif) right 2px no-repeat;
}

#booking fieldset input#date_from.sat, #booking fieldset input#date_to.sat
{
	background: White url(/img/booking-day-no-sat.gif) right 2px no-repeat;
}

#booking fieldset input#date_from.sun, #booking fieldset input#date_to.sun
{
	background: White url(/img/booking-day-no-sun.gif) right 2px no-repeat;
}
/* SUBPROCESS */

.subprocess
{
	float: left;
	width: 100%;
	border-top: 1px solid #b8b8af;
	margin: 0 0 8px 0;
}

.subprocess ol
{
	float: left;
	width: 100%;
	background: url(/img/booking-subprocess.gif) bottom center;
	list-style: none;
	padding: 0;
	margin: 0;
}

.subprocess ol li
{
	float: left;
	width: 160px;
	height: 40px;
	text-align: center;
	padding: 4px 0 16px 0;
	color: #686664;
}

.subprocess.rooms-2 ol li
{
	width: 320px;
}

.subprocess.rooms-3 ol li
{
	width: 213px;
}

.subprocess.rooms-3 ol li.current
{
	width: 214px;
}

.subprocess ol li.current
{
	background: url(/img/booking-subprocess-current.gif) bottom center;
	color: Black;
}

.subprocess ol li.current strong
{
}

.subprocess ol li.done strong
{
}

.subprocess ol li em
{
	font-weight: normal;
	font-style: normal;
}

.subprocess ol li strong
{
}

/* LOGIN */

#booking-login
{
	border-top: 1px solid #b8b8af;
	padding: 8px 0 0 0;
	margin: 0 0 18px 0;
}

#booking-login h3
{
	font-size: 14px;
	margin: 0 0 4px 0;
}

/* SUMMARY */

#booking-summary table
{
	border-left: 0;
}

#booking-summary table tr td
{
	border-top: 1px solid White;
	border-right: 0;
	vertical-align: top;
}

/* head */

#booking-summary table thead tr td.address
{
	width: 350px;
	padding: 5px 0 5px 10px;
}

#booking-summary table thead tr td.nights
{
	width: 120px;
	padding: 5px 0;
}

#booking-summary table thead tr td.date
{
	width: 160px;
	padding: 5px 0;
}

/* foot */

#booking-summary table tfoot tr td.summary
{
	width: 450px;
	padding: 5px 20px 5px 10px;
}

#booking-summary table tfoot tr td.total
{
	width: 160px;
	padding: 5px 0;
}

/* typography */

#booking-summary table tbody tr td h2
{
	margin: 0 0 18px 0;
}

#booking-summary table tbody tr td h2 em
{
	font-weight: normal;
	font-style: normal;
}

/* body */

#booking-summary table tbody tr td.room
{
	width: 450px;
	padding: 5px 20px 5px 10px;
}

#booking-summary table tbody tr td.total
{
	width: 160px;
	padding: 5px 0;
}

/* DETAILS */

#booking-details
{
	float: left;
	width: 100%;
}
/* DATE PICKER CONTROL */


/* DATE PICKER CONTROL */

/* The "button" created beside each input for non-static datePickers */
a.date-picker-control:link,
a.date-picker-control:visited,
a.date-picker-control:hover,
a.date-picker-control:active,
a.date-picker-control:focus {
  display: -moz-inline-stack;
	border: 0;
	padding: 0;
	margin: 0 0 0 4px;
	background: transparent url(../img/icon-16x16-calendar.gif) top left no-repeat;
	width: 16px;
	height: 20px;
	line-height: 1;
	cursor: pointer;
	visibility: visible;
	text-decoration: none;
	vertical-align: middle;
}

/* Feed IE6 the following rule, IE7 should handle the min-width declared above */
* html a.date-picker-control {
	width: 16px;
}
a.date-picker-control {
	/* IE, Safari & Opera. Seperate CSS rule seems to be required. */
  display:inline-block;
}

a.date-picker-control span {
	display: block;
	width: 16px;
	height: 16px;
	margin: auto 0;
}

/* DATE PICKER OVERLAY */

div.datePicker {
	position: absolute;
	width: 280px;
	z-index: 9999;
	text-align: center;

	background: transparent;
	background: White;

/* Change the font-size to suit your design's CSS. The following line is for the demo that has a 12px font-size defined on the body tag */
	font-family: arial, sans-serif;
	font-size: 12px;
	line-height: 18px;

	/* Mozilla & Webkit extensions to stop text-selection. Remove if you wish to validate the CSS */
  -moz-user-select: none;
	-khtml-user-select: none;
}

/* Styles for the static datePickers */
div.staticDP {
	position: relative;
	top: 5px;
	left: 0;
}

/* The iframe hack to cover selectlists in Internet Explorer <= v6 */
iframe.iehack {
	position:absolute;
	background:#fff;
	z-index:9998;
	padding:0;
	border:0;
	display:none;
	margin:0;
}

/* TABLE */

div.datePicker table {
	position: relative;
	margin: 0;
	padding: 0;
	border: 1px solid #999;
	background:#fff;
	text-align:center;
	width:100%;
	border-spacing: 1px;
	table-layout: fixed;
	border-collapse: separate;
}

/* TABLE HEAD */

/* title */
div.datePicker table thead th.date-picker-title {
	width: auto;
	height: auto;
	padding: 0.4em 0;
}

div.datePicker th span.month-display, div.datePicker th span.year-display {
	font-family: arial, sans-serif;
	font-size: 12px;
	font-weight:bold;
	line-height: 18px;
	cursor:default;
}

/* today button */
div.datePicker th span.today-but {
	text-align:center;
	margin:0 auto;
	font-size: 12px;
	font-weight: bold;
	line-height: 18px;
	width:100%;
	text-decoration: none;
	text-transform: none;
	color: #06c;
	cursor: pointer !important
}

/* The next & previous buttons */
div.datePicker th span.prev-but,
div.datePicker th span.next-but {
	display: inline;
	padding: 0;
	margin: 0;
	color: Black;
	font-family: arial, sans-serif;
	font-size: 12px;
	font-weight: bold;
	line-height: 18px;
	text-align: center;
	border-width: 0;
	background: transparent;
	cursor: pointer;
	color: #06c; 
}

div.datePicker th span.date_from-prev-year.but,
div.datePicker th span.date_from-next-year.but {
	display: none;
}

/*
div.datePicker th span.prev-but, 
div.datePicker th span.next-but {
	font-size: 12px;
	line-height: 18px;
	font-weight: bold;
	cursor: pointer !important;
	color: #06c; 
}*/

div.datePicker thead th span.fd-disabled {
	color: #aaa; !important;
	cursor: default !important;
}

/* day headers */
div.datePicker table th.date-picker-day-header {
	text-transform: uppercase;
	width: 100%;
	text-align: left;
/*	background: #ccc; */
	padding: 10px 5px 5px 5px;
	color: #aaa;
	font-weight: normal;
	text-align: center;
	/*display: none;*/
}

div.datePicker table th.date-picker-day-header span {
	display: block;
}

/* TABLE BODY */

div.datePicker table td {
	border: 1px solid #d0e8f9;
	padding: 0;

/*	text-align: center;
	vertical-align: middle; */

	text-align: left;
	vertical-align: top;
	padding: 2px 4px;

	/* Opera requires a line-height bigger than 1em in order to redraw properly */
	cursor: pointer;
	width: 20px;
	height: 32px !important;
	outline: none;
	background: #d0e8f9;
	
	font-size: 12px;
	line-height: 1.2em;
	font-weight: bold;
	color: #06c;
}

div.datePicker table th {
	border:0 none;
	padding:0;
	line-height:1em;
	font-weight:bold;
	color:#222;
	text-align: center;
	vertical-align:middle;
}

/* UNUSED */

div.datePicker table td.date-picker-unused {
	background: White;
	border-color: White;
	padding: 0;
	cursor: default !important;
}



/* SELECTED DATE */
div.datePicker table td.date-picker-selected-date {
/*	color: #06c !important; */
	border-color:#06c !important;
}

/* The date "out of range" style */
div.datePicker table td.out-of-range {
	background: White !important;
	color: #999 !important;
	cursor: default !important;
}

/* The "disabled days" style */
div.datePicker table td.day-disabled {
	color: #aaa !important;
	background: transparent !important;
	cursor: default !important;
}

/* hover */
div.datePicker table tbody td.date-picker-hover {
	background: #06c;
	color: White;
	cursor: pointer;
	border-color: #06c;
}

/* TODAY */
div.datePicker table td.date-picker-today { }

/* SATURDAY & SUNDAY */
td.date-picker-highlight {
}

/* Remove the images for Internet Explorer <= v6 using the "* html" hack */
* html div.datePicker table td {
	background-image: none;
}
* html div.datePicker table td.date-picker-unused {
	background: #f2f2f2;
}

/* yearbuttons */
div.datePicker th span.prev-but, div.datePicker th span.next-but{
font-weight:bold; 
font-size:30px;
display:block;
width: 35px;
}


/* CART */

#cart
{
	background: #efefef;
	margin: 0 0 18px 0;
}

#cart h2
{
	font-weight: normal;
	text-align: center;
	padding: 5px 10px;
}

/* summary */

#cart-summary table
{
	background: #efefef;
	border-left: 0;
}

#cart-summary table tr td
{
	border-top: 1px solid White;
	border-right: 0;
	vertical-align: top;
}

#cart-summary table tbody tr td.summary
{
	width: 450px;
	padding: 5px 20px 5px 10px;
}

#cart-summary table tbody tr td.total
{
	width: 160px;
	padding: 5px 0;
}


/* Media gallery */

.mediaGallery h5
{
	margin-top: 0px;
}

.mediaGallery .thumbnailBox
{
	position: relative;
	display: block;
	cursor: pointer;
	overflow: hidden;
	width: 160px;
	height: 120px;
}
.mediaGallery .videoOverlay
{
	position: absolute;
	top: 0px; /* Override in ie6_override.css */
	left: 0px;
	width: 160px;
	height: 120px;
	display: block;
}

.tools 
{
    border:1px solid #EFEFEF;
    float:left;
    margin:0 0 18px;
    padding:4px;
}



.tools ul li.facebook a 
{
    -moz-background-clip:border;
    -moz-background-inline-policy:continuous;
    -moz-background-origin:padding;
    background:transparent url(../img/tool-facebook.gif) repeat scroll 0 0;
}
.tools ul li.print a {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(../img/tool-print.gif) repeat scroll 0 0;
}
.tools ul li.email a {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(../img/tool-email.gif) repeat scroll 0 0;
}

.action-continue {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#FFFFCC none repeat scroll 0 0;
border-top:1px solid #B8B8AF;
clear:both;
display:block;
float:left;
margin:0 0 18px;
padding:10px 0;
width:100%;
}

.abcCols .action-continue .abcCol .form {
float:left;
margin:0 0 0 10px;
padding:0;
}

/* ----------------- */
/*      LIGHTBOX     */
/* ----------------- */


.lightbox {
    }

/* HEAD */

.lightbox .head {
	float: left;
	width: 100%;
	padding: 0 0 5px 0;
    }
;

.lightbox .head h2 {
	float: left;
    }


.lightbox .head p {
	float: right;
	margin: 0;
    }

/* BODY */

.lightbox .body {
	float: left;
	width: 640px;
	border-top: 1px solid #ccc;
	padding: 10px 0 0 0;
    }

/* images */

.lightbox .body .images {
	float: left;
	width: 330px;
    }

.lightbox .body .images .thumb {
	float: left;
	padding: 10px 10px 0 0;
    }

.lightbox .body .content {
	float: right;
    width: 310px;
    }

/* content */

.lightbox .content h1 {
	font-size: 18px;
	font-weight: bold;
	line-height: 22px;
	margin: 0 0 8px 0;
	height: auto;
    }

.lightbox .content ul,
.lightbox .content ul li {
	list-style-type: disc;
    }



/* IMAGE + VIDEO */

.lightbox .image,
.lightbox .video {
    }



/* SHOW */

.lightbox .show {
	float: left;
	width: 640px;
	border-top: 1px solid #ccc;
	padding: 10px 0 0 0;
	margin: 0 0 10px 0;
    }

.lightbox .show .image {
	float: left;
	width: 220px;
    }

.lightbox .show .content {
	float: left;
	width: 420px;
    }



/* BOOKING */

.lightbox #booking {
	float: left;
	width: 640px;
	border-top: 1px solid #ccc;
	padding: 10px 0 0 0;
    }

.lightbox #booking fieldset.what {
	float: left;
	width: 220px;
    }

.lightbox #booking fieldset.when {
	float: left;
	width: 220px;
    }

.lightbox #booking fieldset.submit {
	float: left;
	width: 200px;
    }

/* heights */

.lightbox #booking fieldset.what p,
.lightbox #booking fieldset.when p {
	height: 24px;
    }

.lightbox #booking fieldset.submit h4 {
	height: 64px;
    }


.lightbox #booking fieldset h3 {
/*	font-size: 14px;
	line-height: 18px; */
	font-weight: bold;
	margin: 0 0 8px 0;
    }

.lightbox #booking fieldset h4 {
	font-size: 12px;
	font-weight: normal;
	line-height: 18px;
	margin: 0 0 2px 0;
    }

.lightbox #booking fieldset p {
	font-size: 12px;
	line-height: 16px;
    }#mapControllers {
    }

.topstory {
float:left;
margin:0 0 18px;
padding:0;
width:100%;
}
.topstoryImage {
display:inline;
float:left;
margin:0;
padding:0;
width:320px;
}
.topstoryContent {
background-color:#ECECDE;
display:inline;
float:left;
height:320px;
margin:0;
padding:0;
width:320px;
}
.topstoryContent h2 {
color:#B00029;
display:block;
font-size:24px;
font-weight:bold;
line-height:30px;
margin:36px 36px 12px;
padding:0;
text-align:center;
}
.topstoryContent h2 a {
color:#B00029;
}
.topstoryContent h5 {
color:#666666;
display:block;
font-size:18px;
font-weight:normal;
line-height:24px;
margin:0 36px 24px;
padding:0;
text-align:center;
}
.topstoryContent .stack {
clear:none;
display:inline;
font-size:12px;
font-weight:normal;
line-height:18px;
margin:0;
padding:0;
text-align:center;
}
.topstoryContent p {
display:block;
font-size:12px;
font-weight:normal;
line-height:18px;
margin:6px 12px 6px 0;
padding:0;
text-align:center;
}

.block .story ul {
list-style:disc inside none;
margin:0 0 6px;
padding:0;
}
.block .story ul li {
line-height:18px;
}
.block .story ul li a {
color:#666666;
text-decoration:none;
}
.block .story ul li a:hover {
text-decoration:underline;
}

.story p em.concept, .story p strong.concept, .story p em.offer, .story p strong.offer, .story h2 em.offer, .story h2 strong.offer  {
color:White;
float:left;
font-size:11px;
font-style:normal;
font-weight:normal;
line-height:12px;
margin:3px 5px 0 0;
padding:0 5px;
text-transform:uppercase;
}
.story p em.concept a, .story p strong.concept a, .story p em.offer a, .story p strong.offer a, .story h2 em.offer a, .story h2 strong.offer a {
color:White;
text-decoration:none;
}
.story p em.offer, .story p strong.offer, .story h2 em.offer, .story h2 strong.offer {
background-color:#666666;
}

.story p  {
color:#333333;
font-style:normal;
font-weight:normal;
}

/*.story p a 
{
color:#333333;
text-decoration:none;
}*/


.story h2 a:hover strong, .story h2 a:hover em, .story p a:hover  {
text-decoration:underline;
}

#body #about #tabs ul.tabs {
border-top:1px solid #B8B8AF;
clear:both;
display:block;
float:left;
margin:0;
padding:0;
width:640px;
}

#body #about #tabs .tab-content {
background-color:#FFFFFF;
clear:both;
float:left;
margin:0 12px 24px 0;
padding:0;
width:640px;
}
#body #about #tabs ul.tabs li {
clear:none;
display:inline;
float:left;
font-size:12px;
margin:0 3px 0 0;
padding:27px 12px 7px 0;
width:auto;
}
#body #about #tabs ul.tabs li.ui-state-default {
background-color:#FFFFFF;
border:medium none;
color:#0066CC;
font-weight:normal;
}
#body #about #tabs ul.tabs li.ui-tabs-selected {
background-color:#FFFFFF;
border:medium none;
color:#999999;
}
#body #about #tabs ul.tabs li.ui-state-active {
border:medium none;
color:#999999;
font-weight:normal;
text-decoration:none;
}
#body #about #tabs ul.tabs li.ui-state-default a {
color:#0066CC;
text-decoration:none;
}
#body #about #tabs ul.tabs li.ui-tabs-selected a, #body #about #tabs ul.tabs li.ui-state-active a {
color:#999999;
text-decoration:none;
}
#body #about #tabs ul.tabs li.ui-state-hover {
text-decoration:underline;
}




table.bookingreference  {
	background-color:#FFFFCC;
	float:left;
	margin:0 0 10px;
	padding:0;
	width:100%;
}

table.bookingreference th
{
	border: 1px solid #F7DD50;
	font-size: 18px;
	line-height: 24px;
	margin: 0;
	padding: 15px;
	text-align: center;
}


table.container, table.summary {
	background:none repeat scroll 0 0 #D0E8F9;
}
table.container, table.summary {
	float:left;
	margin:0;
	padding:0;
	width:100%;
}
table.container td, table.summary td, table.bonuspoints td {
	border:medium none;
	margin:0;
	padding:0;
}

table.contentrows {
	background:none repeat scroll 0 0 transparent;
	border:medium none;
	margin:0;
	padding:8px 0 18px;
	width:100%;
}
table.contentrows th, table.contentrows td {
	border:medium none;
	font-size:12px;
	line-height:18px;
	padding:0 8px;
	vertical-align:top;
}
table.contentrows th {
	text-align:left;
}