/* 
		Danske Kroer og Hoteller
		Overall screen css styles 
		
		By : Henrik Ladefoged / Illumi a/s
		
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
* {
	margin: 0; padding: 0; /* Reset all margins globally */
}
html {
	font-size: 100%;
	overflow: -moz-scrollbars-vertical;
	}
	body, html {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		/* font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; */
		/* background-color: rgb(246,239,230) */
		background-color: #f7f3ec; 
		}
		body {
		font-size: 65%;
		}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
	Headings
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
h1, h2, h3, h4, h5 {
	font-size: 100%; font-weight: normal; 
}


/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
	Links
 * * * *  * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
a {
	color: #333; text-decoration:none; 
	outline: none;
	}
	a:hover{
		text-decoration:underline;
	}


em { font-style: normal;}
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
	Images
 * * * *  * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
img{border:none;}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
	Float clears
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
.clear{clear:both; height: 1;}
.clearFix:after{content: "."; display: block; height: 0; clear: both; visibility: hidden;}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
	Forms
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
form, input, textarea, legend, fieldset, select, label {
	/* font-family: Verdana, Arial, Helvetica, sans-serif; */
	font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	display: inline;
	vertical-align: middle;
	}
	input.viaSingleText, input.viaFormSingle, input.viaFormPassWord {
		padding: 2px;
		border: 1px solid #999;
		margin-right: 5px;
		}
		input.viaSingleText:focus {
			/* font-size: 170%; */
			border-color: #666a72;
			background-color: #666a72;
			color: #fff;
		}
	input.viaSubmit, input.viaFormSubmit {
		/* background-color: #666a72; */
		background: #3e4d58 url('../Images/Backgrounds/topnav-container-bg.png') repeat-x 0px 0px;
		color: #fff;
		padding: 1px 8px;
		border: 2px solid #999;
		border-bottom-color: #666;
		border-right-color: #666;
		font-weight: bold;
		margin-right: 5px;
		}
		input.viaSubmit:hover {
			cursor: pointer;
			background: #3e4d58	 none;
		}
		select.viaFormSelect {
			font-size: 100%;
		}
		input.viaFormCheckBox {
			margin-right: 5px;
		}
		label {
			display: block;
		}

.TextBox.wXXSmall { width: 20%; }
.TextBox.wXSmall { width: 30%; }
.TextBox.wSmall { width: 40%; }
.TextBox.wMedium { width: 50%; }
.TextBox.wLarge { width: 60%; }
.TextBox.wXLarge { width: 80%; }
.TextBox.wXXLarge { width: 90%; }

.TextBox.wXXSmall,
.TextBox.wXSmall,
.TextBox.wSmall,
.TextBox.wMedium,
.TextBox.wLarge,
.TextBox.wXLarge,
.TextBox.wXXLarge { float: left; }

label.lblAbove { display: block; }

label.lblRight {
	/* float: right; */
	display: inline;
	text-align: left;
	margin-left: 5px;
}

label.lblLeft {
	 float: left; 
		display: inline;
	width: 50px;
}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
	Accessibility elements
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
div#skip {
	position:absolute; left:-999em; top:0; }
    span.accesskey { text-decoration:none; }
    .accessibility { position: absolute; top: -999em; left: -999em; }	

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
	Main containers
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
#main {
	width: 960px; margin: 20px auto 0 auto; padding: 70px 10px 10px 10px; 
	position: relative;
	background-color: #fff;
	/* border: 6px solid #999; */
	box-shadow: 0px 0px 5px rgba(0, 0, 0, .5);
	-webkit-box-shadow:0px 0px 5px rgba(0, 0, 0, .3);
	-moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, .5);
	}
	#payoff {
		position: absolute;
		top: 25px;
		left: 220px;
		font-size: 220%;
		}
		body.frontpage #payoff {  }
		body.subpage #payoff,
		body.subpageTopRotator #payoff
		{ 
			left: 220px;
			font-size: 150%;
			top: 30px;
		}

	#logo a {
		position: absolute;
		z-index: 9999;
		top: 20px;
		left: 15px;
		width: 191px;
		height: 68px;
		background: url('../Images/Logo/dkh-logo2.png') no-repeat 0px 0px; 
		}
		body.subpage #logo a {
			left: 15px;
		}

#functions {
		z-index: 50;
		position: absolute; 
		top: 35px; right: 10px; 
	}
	#functions input.viaSingleText {
		border-right: 0;
		width: 130px;
	}
	#functions input.searchButton {
		padding: 1px 3px 1px 3px;
		border: 1px solid #999;
		border-left: 0;
		width: 30px;
		height: 20px;
		background: url('../Images/Backgrounds/search-arrow.png') no-repeat 15px 5px;
		color: #fff;
		}
		#functions input.searchButton:hover {
			cursor: pointer;
		}

	#functions ul li {
		list-style-type: none; display: inline; float:left;
		}
		#functions ul li {
			padding: 0px 8px 0px 8px;
		}
		#functions ul li a.flag-uk,
		#functions ul li a.flag-dk 
		{
			width: 19px;
			height: 20px;
			float: left;
			}
			#functions ul li a.flag-uk {
				background: url('../Images/uk-flag.png') no-repeat 0px 4px;
			}
			#functions ul li a.flag-dk {
				background: url('../Images/dk-flag.png') no-repeat 0px 4px;
			}
#userLogo {
	position: absolute;	
	top: -20px; right: 180px;
	z-index: 99;
}

#header { 
	width: 960px; 
	height: 280px; 
	overflow: hidden;
	position: relative;
	}
	#header a {  
		position: absolute; 
		top: 0px; left: 0; 
		width: 960px; 
		height: 250px;
		z-index: 80;
		display: block;
		}
		body.frontpage #header { margin: 0px 0px 10px 0px;}
		body.subpageTopRotator.switch #header { margin-top: 30px; height: 250px;}

	div.topnav-container { 
			position: absolute;
			top: 320px;
			height: 30px;
			left: 10px;
			width: 960px;
			background: #3e4d58 url('../Images/Backgrounds/topnav-container-bg.png') repeat-x 0px 0px;
			/* filter:alpha(opacity=90);
			opacity: 0.9; */
			z-index: 89;
			}
			body.subpage div.topnav-container, body.subpageTopRotator.switch div.topnav-container { 
				top: 70px; 
				/* filter:alpha(opacity=90);
				opacity: 0.9; */
			}

	div.topnav { 
		z-index: 90;
		position: absolute;
		top: 320px;
		width: 940px;
		height: 30px;
		left: 30px;
		}
		body.subpage div.topnav, body.subpageTopRotator.switch div.topnav { 
			top: 70px;
			left: 220px;
			width: 750px;
		}

		div.topnav ul, div.topnav li {list-style-type: none; display: inline;}
		div.topnav li a {
			color: #fff;
			float: left;
			padding: 7px 0px 10px 0px;
			margin: 0px 15px 0px 0px;
			font-size: 110%;
			}
			div.topnav li a.selected {
				border-bottom: 4px solid #af9c6c;
			}
			div.topnav li a:hover {
				/* border-bottom: 4px solid #fff; */
				/* text-decoration: none;*/
			}

	div.topnav a#btnBooking {
		position:absolute;
		width: 97px;
		height: 30px;
		right: 0px;
		bottom: 0px;
		z-index: 90;
		background: url('../Images/Buttons/btn-se-ophold.png') no-repeat left top; 
		}
		div.topnav.lang2 a#btnBooking { 
			background: url('../Images/Buttons/booking-frontpage.png') no-repeat left top;
		}

#frontPageSlider {
	width: 750px;
	height: 160px;
	float: left;
	margin: 0px 0px 10px 0px;
	position: relative;

	}
	#frontPageSlider ul li {
		list-style-type: none;
		}
		div.sliderElement {
			position: relative;
			} 
			div.sliderElement img {
				z-index: 0;
			}
			div.sliderElement div.inner {
				position: absolute;
				left: 0px; bottom: 30px;
				background-color: #fff;
				opacity: 0.9;
				color: #000;
				padding: 6px 10px 5px 6px;
				z-index: 99;
				}
				div.sliderElement div.inner h3 {
					font-family: Georgia;
					font-size: 220%;
				}
				div.sliderElement div.inner em {
				}
				div.sliderElement a:hover div.inner { 
					opacity: 1;
				}

	a#frontPageSliderButtonLeft,
	a#frontPageSliderButtonRight
	 { 
			position: absolute;
			right: -10px;
			top: 82px;
			width: 21px;
			height: 50px;
			z-index:9999;
			outline: 0;
		}
		a#frontPageSliderButtonLeft { 
			right: 10px;
			background: url('../Images/Buttons/fpsliderleft.png')  no-repeat 0px 0px;
		}
		a#frontPageSliderButtonRight { 
			background: url('../Images/Buttons/fpsliderright.png')  no-repeat 0px 0px;
		}


#frontPageBottomFocus {
	width: 750px;
	float: right;
	/* background-color: #f6efe6; */
	background-color: #f7f3ec;
	font-size: 90%;
	}
body.subpage #frontPageBottomFocus, body.subpageTopRotator #frontPageBottomFocus {
	width: 960px;
	border-top: 10px solid #fff;
	background-color: #fff;
	}
	#frontPageBottomFocus h4 { font-weight: bold; font-size: 140%; }
	#frontPageBottomFocus form { display: block; margin-top: 5px; }
	#frontPageBottomFocusLeft,
	#frontPageBottomFocusMiddle,
	#frontPageBottomFocusRight
	{
		float: left;
		width: 225px;
		margin-right: 15px;
		padding: 15px 0px 0px 15px;
		background-color: #f7f3ec;
		height: 60px;
	}
	#frontPageBottomFocusRight { margin: 0;}
	#frontPageBottomFocusLeft { 
		height: 60px;
		background:  #f6efe6 url('../Images/Backgrounds/iphone-app.png') no-repeat 10px bottom;
	}
	#frontPageBottomFocusLeft h4 { padding-left: 80px; }
	#frontPageBottomFocusLeft p { padding-left: 100px; }
	#frontPageBottomFocusLeft em { padding-left: 15px; }

#findInn {
	/* padding: 20px 10px 10px 20px; */
	padding: 0px 0px 0px 0px;
	width: 210px;
	float: left;
	}
	#findInn h2 {
		font-weight: bold;
		margin: 0px 0px 10px 0px;
		font-size: 120%;
	}
	#subpageBottomFindInn {
		width: 210px;
		float: left;
	}
	#findInn ul li {
		list-style-type: none;
		display: block;
		padding: 0px 0px 6px 0px;
	}
	#findInn ul li select {
		width: 170px;
		padding: 2px;
		margin: 10px 0px 5px 0px;
	}
	#findInn ul li label {
		margin: 0px 0px 0px 5px;
	}
	#findInn a{ outline: none; }

#findInnNew {
	padding: 0px 0px 0px 0px;
	width: 210px;
	float: left;
}
	#findInnNew h2 {
		font-weight: bold;
		margin: 10px 10px 10px 10px;
		font-size: 120%;
	}
	#findInnNew ul {
		margin: 10px;
		list-style: none;
	}
	#findInnNew ul li {
		display: block;
		padding: 0px 0px 6px 0px;
	}
	#findInnNew Input.check {
		/* float: left; */
		display: inline;
		margin-right: 5px;
	}
	#findInnNew label {
		/* float: left; */
		display: inline;
	}
	
	#findInnNew select, #findInnNew input.findInnRegionDropdown {
		width: 183px;
		margin: 0 10px;
	}
	#findInnNew input.submit, #findInnNew input.uk-submit {
		width: 190px;
		height: 29px;
		margin-top: 10px;
		margin-left: 9px;
		border: none;
		text-indent: -1000px;
		cursor: pointer;
		background: url(/Files/System/Images/Buttons/soeg-kro-forside.png);
		}
		#findInnNew input.uk-submit {
			width: 145px;
			background: url(/Files/System/Images/Buttons/soeg-kro-forside-uk.png);
		}

#content { 
	position: relative;
	margin: 34px 0px 0px 0px; 
	padding: 40px 0px 0px 0px; 
	background-color: rgb(246,239,230);
	background-color: #f7f3ec;
	width: 960px;
	}
body.subpageTopRotator #content { 
		margin: 4px 0px 0px 0px; 
	}

	#breadCrumb {
		position: absolute;
		left: 210px;
		top: 13px;
		width: 750px;
		font-size: 90%; 
		}
		#breadCrumb ul li  { list-style-type: none; display: inline;}
		#breadCrumb ul li a  { 
			color: #999; 
			float: left; 
			padding: 0px 10px 0px 0px; 
			margin-right: 5px;
			background:  url('../Images/Backgrounds/small-arrow.png') no-repeat right center;


}

		#leftCol, #middleCol, #middleColWide, #fullWidth, #rightCol { }

		#leftCol { 
			float: left; 
			width: 190px;
			min-height: 300px;
			padding-right: 20px;
			}
			#leftnav ul li { list-style-type: none; }
			#leftnav li a {
				font-family: Georgia;
				display: block;
				font-size: 140%;
				padding: 7px 0px 7px 10px;
				}
				#leftnav li li a {
					font-family: Verdana;
					font-size: 100%;
					padding: 2px 0px 2px 30px;
					}
					#leftnav li ul {
						padding-bottom: 10px;
					}
			
		#middleCol, #middleColWide, #fullWidth { 
			float: left; 
			width: 520px;
			padding: 0px 20px 20px 0px;
			}
			#middleColWide { 
				float: right;
				width: 750px;
				padding: 0px 0px 20px 0px;
			}
			#fullWidth {
				float: left;
				width: 960px;
				padding: 0px 0px 20px 0px;

			}

	#leftCol h2 {
		padding: 5px 0px 5px 10px;
		border-bottom: 4px solid #E0D8CB;
		font-family: Georgia !important;
		font-size: 180% !important;
		/* background-color: #E0D8CB; */
		/* background-color: #fff; */
		}
		#leftCol a.backhistory { 
			border-top: 1px solid #E0D8CB;
			padding: 5px 0px 5px 10px;
			border-bottom: 1px solid #E0D8CB;
			display: block;
		}
	

		#rightCol { 
			float: right; 
			width: 210px; 
			}
			#rightCol h2 {
				padding: 5px 0px 5px 0px;
				border-bottom: 4px solid #E0D8CB;
				font-family: Georgia !important;
				font-size: 180% !important;
				}


#footer {
	width: 980px;
	margin: 0 auto 0 auto;
	padding: 4px 0px 4px 0px;
	font-size: 90%;
	}
	#footer .address { float: left; }
	#footer a#creditcards {
		background: url('../Images/creditcards.png') no-repeat 0px 0px;
		width: 185px;
		float: right;
		height: 18px;
	}
	#footer a#phe {
		background: url('../Images/Logo/phe-logo.png') no-repeat 0px 0px;
		width: 29px; height: 36px;
		float: right;
	}
	#footer a#fbf {
		float: right;
		background: url('../Images/Logo/fbf-logo.png') no-repeat 0px 0px;
		width: 35px; height: 36px;
	}
	#footer a#green-1 {
		float: right;
		background: url('../Images/dk-green.png') no-repeat 0px 0px;
		width: 86px; height: 36px;
	}
	#footer a#green-2 {
		float: right;
		background: url('../Images/uk-green.png') no-repeat 0px 0px;
		width: 83px; height: 36px;
	}


/*

	Content styling

*/
div.document, div.module {
	line-height: 150%;
	margin-bottom: 15px;
}
div.document.dotted {
	border-bottom: 1px dotted #999;
}


#content h1 {
	font-size: 240%;
		line-height: 100%;
	margin: 0px 0px 15px 0px;
	font-family: Georgia;
	}
	#content h2 {
		font-size: 140%;
		/* letter-spacing: -1px; */
		line-height: 140%;
		margin: 0px 0px 10px 0px;
	} 
	#content h3 {
		font-size: 120%;
		font-weight: bold;
	} 
	#content h4 {
	} 
	div.document ul  {
		display: block;
		margin: 10px 0px 10px 0px;
	} 

	div.document ul li {
		margin-left: 25px;
	} 

	#content p  {
		margin: 0px 0px 10px 0px;
		} 	
		#content p.dotted {
			border-top: 1px dotted #333;
			border-bottom: 1px dotted #333;
			padding: 6px 0px 6px 0px;
		}
	#content em {
		font-style: italic;
		} 	


div.media-right { float: right; margin: 5px 0px 20px 20px;}
div.media-left { float: left; margin: 5px 20px 20px 0px;}
div.media-full { margin: 10px 0px 10px 0px; }

span.link-arrow {
	width: 9px; height: 9px;
	float: left;
	background: transparent url('../Images/Buttons/link-arrow.png') no-repeat left top;
}

/*

	Column boxes

*/
div.box {
	background-color: #d6dbdf;
	width: 210px;
	margin-bottom: 10px;
	}
	div.box h4 {
		color: #fff;
		font-size: 120%;
		background: #afbdc7 url('../Images/Backgrounds/box-header-bg.png') repeat-x left bottom;
		padding: 4px 0px 4px 10px;
	}
	div.box div.imageheader {
		background-color: #afbdc7;
		padding: 5px;
	}
	div.box div.inner {
		padding: 10px;
		}
		div.box.gmap.margin {
			margin-bottom: 250px;
		}
		div.box.gmap div.inner {
			padding: 5px;
			}
		div.box div.inner ul li, div.box div.inner dl {
			list-style-type: none;
			line-height: 120%;
			
			}
			div.box div.inner ul  {
				padding: 10px 0px 0px 0px;
			}
			div.box div.inner ul li {
				
			}

			div.box div.inner dt {
				width: 140px;
				float: left;
				margin-bottom: 3px;
			}
			div.box div.inner dd {
				width: 50px;
				float: right;
				margin-bottom: 3px;
			}
/*

	GuideDanmark product

*/
div.document.product {
	
	}
	#product-image {
		/* height: 200px; */
		/* background-color: brown; */
		margin: 10px 0px 10px 0px;
		border-top: 5px solid #e0d8cb;
		border-bottom: 5px solid #e0d8cb;	
		width: 520px;

	}
	#membergooglemap {
		width: 200px;
		height: 160px;
	}

	#showclosest {
		background-color: #d6d9df;
		width: 190px;
		position: relative;
		padding: 100px 10px 10px 10px;
		margin: 0px 0px 10px 0px;
		}
		#showclosest table {
			border: 0;
			}
			#showclosest table td {
				padding: 3px 0px;
				border-collapse: collapse;
				color: #464d58;
			}
			#showclosest table td.distance {
				text-align: right;
				width: 40%;
				vertical-align: bottom;
			}
			#showclosest table td.name {
				font-weight: bold;
			}
			#showclosest table td.concept {
				text-align: center;
			}
			#showclosest table td.thumb, #showclosest table td.concept  {
				border-top: 1px dotted #464d58;
				padding-top: 5px;
			}
			#showclosest table td.name, #showclosest table td.distance {
				padding-bottom: 8px;
			}
			#showclosest span.header {
				position: absolute;
				left: 50px; top: -30px;
				background: transparent url('../Images/Backgrounds/showclosest-top-dk.png') no-repeat left top;
				width: 122px; height: 124px;
		}

/*

	Member

*/
div.module.member {
	}
	div.module.member div.box {
		float: right; 
	}
	div.memberstars {
		position: absolute;
		top: -20px; 
		left: 0px;
		width: 0px;
		/* width: 93px; */
		height: 11px;
		background: transparent url('../Images/Backgrounds/stars.png') no-repeat left top;
		}
		div.memberstars.zero-star { width: 0px; }
		div.memberstars.one-star { width: 13px; }
		div.memberstars.two-stars { width: 33px; }
		div.memberstars.three-stars { width: 43px; }
		div.memberstars.four-stars { width: 63px; }
		div.memberstars.five-stars { width: 80px; }
		div.memberstars.six-stars { width: 95px; }

	#memberInfo {
		float: right;
		width: 210px;
		height: 354px;
		position: relative;
		margin-bottom: 10px;
		}
		#memberInfo em { display: block; }
		#memberInfo a.bookButton[lang='da-DK'] {
			position: absolute;
			bottom: 0px;
			left: 0px;
			width: 199px;
			height: 59px;
			/* background: url('../Images/Buttons/book-now.png') no-repeat left top; */
			background: url('../Images/Buttons/book-now2.png') no-repeat left top;
			}
			#memberInfo a.bookButton[lang='da-DK']:hover {
				/* background: url('../Images/Buttons/book-now-hover.png') no-repeat left top; */
				background: url('../Images/Buttons/book-now2-hover.png') no-repeat left top;
			}
		
		#memberInfo a.bookButton[lang='en-UK'] {
			position: absolute;
			bottom: 0px;
			left: 0px;
			width: 199px;
			height: 59px;
			background: url('../Images/Buttons/book-now-uk.png') no-repeat left top;
			}
			#memberInfo a.bookButton[lang='en-UK']:hover {
				background: url('../Images/Buttons/book-now-hover-uk.png') no-repeat left top;
			}

		#memberInfo div.productline {
			width: 53px;
			height: 72px;
			display: block;
			margin: 5px 0px 0px 0px;
			}
			#memberInfo div.productline.city {
				background: url('../Images/Logo/city-logo-member.png') no-repeat left top;
			}
			#memberInfo div.productline.kroferie {
				background: url('../Images/Logo/kroferie-logo-member.png') no-repeat left top;
			}
			#memberInfo div.productline.classic {
				background: url('../Images/Logo/classic-logo-member.png') no-repeat left top;
			}
			#memberInfo div.productline.slotte {
				background: url('../Images/Logo/slotte-logo-member.png') no-repeat left top;
			}
		

	#memberImage {
		width: 520px;
		height: 400px;
		float: left;
		background-color: #e0d8cb;
		border-top: 5px solid #e0d8cb;
		border-bottom: 5px solid #e0d8cb;
		}
		#memberTabs {
			margin-top: 10px;
			width: 520px;
			float: left;
			}
			ul.tabs {
				float: left;
				list-style: none;
				width: 520px;
				padding: 5px 0px;
				/* border-bottom: 1px dotted #333; */
			}
			ul.tabs li {
				float: left;
				margin-bottom: -1px;
				overflow: hidden;
				position: relative;
			}
			ul.tabs li a {
				display: block;
				padding: 0 10px;
				outline: none;
				color: #999;
				font-weight: bold;
				border-right: 1px dotted #333;
			}
			ul.tabs li a.last {
				border-right: 0;
			}

			ul.tabs li a:hover {	}	
			html ul.tabs li.active, html ul.tabs li.active a:hover  {
				/* background-color: #AFBDC7; */
			}
			html ul.tabs li.active a, html ul.tabs li.active a:hover  {
				color: #000;
			}
			.tab_content {
				padding: 10px 0px 10px 10px;
				clear: both;
				min-height: 200px;
			
			}

			#memberlist {
				width: 760px;
				float:right; 
				}
				#memberlist #googlemap, #memberlist #oldgooglemap  {
					width: 740px; height:270px;			
					border-top: 4px solid #fff;
					border-bottom: 4px solid #fff;
				}
				table#memberListTable {
					width:740px;
				}
				table#memberListTable thead th { 
					text-align: left;
					padding: 10px 6px 8px 6px;
					background: #3e4c57 url('../Images/Backgrounds/memberlist-head-bg.png') repeat-x left top;
					color: #fff;
					border-bottom: 1px solid #fff;
					border-right: 1px solid #657e92;
					border-collapse: collapse; 
					font-size: 120%;
					}
					table#memberListTable thead th a { 
						color: #fff; 
						padding-right: 16px;
						background: transparent url('../Images/Buttons/sort-arrow-dimmed.png') no-repeat right 4px;
						}
						table#memberListTable thead th a:hover { 
							background: transparent url('../Images/Buttons/sort-arrow.png') no-repeat right 4px;
						}
						table#memberListTable thead th a.sort { 
							background: transparent url('../Images/Buttons/sort-arrow.png') no-repeat right 4px;
							}
						table#memberListTable thead th a.descending {
							background: transparent url('../Images/Buttons/sort-arrow-up.png') no-repeat right 4px;
						}


				table#memberListTable td { 
					text-align: left;
					padding: 3px 6px 3px 6px;
					border: 1px solid #fff;
					border-collapse; collapse; 
					background-color: #d6dbdf;
					}
					table#memberListTable td.noresult { 
						padding: 20px;
					}
					table#memberListTable td a {
						display: block;
						font-size: 130%;
						}
						table#memberListTable td a.booknow-button {
							width: 76px;
							height: 19px;
							z-index:99;
							color: #fff;
							font-size: 110%;
							text-align: center;
							font-weight: bold;
							padding: 3px 0px 0px 0px;
							background: transparent url('../Images/Buttons/booknow-mini-sprite.png') no-repeat 0px -22px;
							}
							table#memberListTable td a.booknow-button:hover { 
								background-position: 0px 0px;
								text-decoration: none;
							}


					table#memberListTable tr.odd td { background-color: #afbdc7; }
					table#memberListTable th.colOne { width: 25%;}
					table#memberListTable th.colTwo { width: 15%;}
					table#memberListTable th.colThree { width: 5%;}
					table#memberListTable th.colFour { width: 15%;}	
					table#memberListTable th.colFive { width: 15%;}	
					table#memberListTable th.colSix { width: 10%;}	
					table#memberListTable tr:hover td { background-color: #e9eef1; }
					table#memberListTable tr.odd:hover td { background-color: #c1cfd9; }

					table#memberListTable td div.memberstars {
						position: relative;
						top: 0px;
						left: 0px;
					}

		div.module.memberlistleftcolumn {
			margin-top: 39px;
		}
		div.module.memberlistleftcolumn ul, div.module.memberlistleftcolumn li {  list-style-type: none; display: block; }
		div.module.memberlistleftcolumn h4 {
			padding: 10px 0px 10px 10px;
			width: 180px;
			color: #fff;
			font-size: 140%;
			background: #afbdc7 url('../Images/Backgrounds/box-header-bg.png') repeat-x left bottom;
		}
		
	div.module.memberlistleftcolumn li a {
		display: block;
		background-color: #d6dbdf;
		width: 180px;
		padding: 5px 0px 5px 10px;
		border-top: 1px solid #fff;
		}
		div.module.memberlistleftcolumn li a:hover {
			background-color: #afbdc7;
		}


	#findInnSearchBox {
		border: 4px solid #fff;
		padding: 10px;
		width: 172px;
		float: left;
		}
		#findInnSearchBox h2 {
			margin: 7px 0px 3px 0px;
			border-bottom: 1px solid #fff;
		}
		#findInnSearchBox .imagebtn {
			margin-top: 10px;
			}
			#findInnSearchBox select.viaFormSelect {
				font-size: 120%;
				padding: 2px;
				vertical-align: middle;	
			}
			#findInnSearchBox input.viaFormCheckBox {
				margin-right: 5px;
			}
			#findInnSearchBox label {
				display: block;
				font-size: 110%;
				margin-bottom: 5px;
				line-height: 100%;
			}

/*

	Booking

*/
#booking {
	z-index: 9999;
	position: absolute;
	border: 5px solid #2a343b;
	/* height: 730px; width:575px; top: 0px; left: 195px; */
	height: 585px; width:800px; top: 0px; left: 95px;
	background: #fff url('../Images/Backgrounds/ajax-loader.gif') no-repeat center center;
	box-shadow:0px 0px 15px rgba(0, 0, 0, .5);
	-webkit-box-shadow:0px 0px 15px rgba(0, 0, 0, .5);
	-moz-box-shadow: 0px 0px 15px rgba(0, 0, 0, .5);
	display: none;
	/* padding: 10px 20px 20px 20px; */
	}
	#bookingiframe {
		padding: 5px;
	}
	#booking h4 {
		background-color: #2a343b;
		color: #fff;
		font-size: 150%;
		padding: 4px 10px 10px 10px;
		margin: 0px 0px 5px 0px;
	}
	#booking iframe {
		width: 800px;
		height: 555px;
		/* border: 1px solid red; */
	}
	#booking a#btnBookingClose {
		position: absolute;
		top: 0px;
		right: 0px;
		padding: 10px 15px;
		background-color: #464d58;
		/* background-color: #ee2618; */
		color: #fff;
	}

/*

	Dialog

*/
#dialog {
	position: absolute;
	top: 70px;
	right: 20px;
	background-color: #fff;
	z-index: 99;
	border: 1px solid #999;
	border-top: 0;
	/* box-shadow:0px 0px 5px rgba(0, 0, 0, .5);
	-webkit-box-shadow:0px 0px 5px rgba(0, 0, 0, .3);
	-moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, .2); */
	display: none;
	}
	#dialog a#dialogclose {
		position: absolute;
		bottom: 5px; right: 5px;
		width: 12px; height: 12px;
		background: transparent url('../Images/Backgrounds/dialog-close.png') no-repeat 0px 0px;
		}
		#dialog a#dialogclose:hover {
			background-position: 0px -12px;
		}

	#dialog div.inner {
		/* background-color: rgb(246,239,230); */
		border: 5px solid #fff;
		border-top: 0;
		padding: 0px 15px 15px 15px;
	}
	#dialog h4 {
		font-weight: bold;
		margin: 0px 0px 5px 0px;
	}
	#dialog input.viaSingleText {
		width: 170px;
		margin-right: 5px;

	}


/*

	JCarousel

*/
.jcarousel-container {
	 float: left;
	}
	.jcarousel-container-horizontal {
		width: 750px;
		height: 160px;
	}
	.jcarousel-clip-horizontal {
		width:  750px;
	}
	.jcarousel-item {
		width: 240px;
		height: 160px;
	}
	.jcarousel-item-horizontal {
		margin-right: 15px;
	}
	.jcarousel-item-placeholder {
		background: #fff;
	}

/**
 *  Horizontal Buttons
 */
.jcarousel-skin-tango .jcarousel-next-horizontal {
    position: absolute;
    top: 43px;
    right: 5px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(next-horizontal.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-next-horizontal:hover {
    background-position: -32px 0;
}

.jcarousel-skin-tango .jcarousel-next-horizontal:active {
    background-position: -64px 0;
}

.jcarousel-skin-tango .jcarousel-next-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal {
    position: absolute;
    top: 43px;
    left: 5px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(prev-horizontal.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:hover {
    background-position: -32px 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:active {
    background-position: -64px 0;
}

.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}

/*

Forms 
div.field TextBox

*/


table.form {
	width: 100%;
}

table.form td {
	padding: 5px 5px 0px 0px;
}

input.TextBox, textarea.TextArea {
	font-size: 100%;
	padding: 3px 0px;
	width: 100%;
	}

input.CheckBox {
	float: left;
	margin-right: 5px;
	}


div.field {
	margin-bottom: 0px;
}

input.Submit {
	padding: 3px 10px 3px 10px;
	font-size: 130%;
}

/* height: 15px; Firefox Safar
#height: 15px; IE7
_height: 21px; IE6 */


/* height: 15px; Firefox Safar
#height: 15px; IE7
_height: 21px; IE6 */


/* Hack til handels og leverings betingelser */
div.handellevbet {
	margin: 20px!important;
	padding: 0!important;
	width: 90%!important;
}

table.validator {
	border: 1px solid #999;
	margin:5px 0px 10px 0px;
	text-align: left;
	border-collapse: collapse;
	width: 700px;
	}
	table.validator th { 
		padding: 5px;
		border-bottom: 3px solid #999;
	}
	table.validator td { 
		padding: 5px;
		border: 1px solid #999;
	}
	table.validator .status { 
		font-weight: bold;
		/* background-color: #3e4d58 ; */
		background: #3e4d58 url('../Images/Backgrounds/topnav-container-bg.png') repeat-x 0px 0px;
		color: #fff;
		}

/*

	mjo: nearestMember

*/
div.nearestMember {
	position: relative;
	background-color: #d6dbdf;
	margin-top: 39px;
	padding-top: 72px;
	padding-bottom: 10px;
	margin-bottom: 10px;
}
	h2.nearestMemberHeader {
		position: absolute;
		top: -65px;
		right: 0px;
		background: url(/Files/System/Images/Backgrounds/showclosest-top-dk.png) no-repeat 60px 0px;
		height: 24px;
		width: 200px;
		font-size: 10px!important;
		font-weight: normal;
		text-align:right;
		color: #3e4d58;
		padding-top: 120px;
		padding-right: 10px;
	}
	ul.nearestMember {
		border-top: solid 2px #f7f3ec;
		list-style:none;
	}
		ul.nearestMember li {
			display:block;
			margin: 0px 10px;
			padding: 5px 0px;
			border-bottom: dotted 1px #3e4d58;
		}
			ul.nearestMember li img.memberImage {
				float: left;
				width: 93px;
			}
			ul.nearestMember li img.memberLogo {
				float: left;
				margin-left: 35px;
				margin-top: 5px;
			}
			div.memberLogo2 {
				background:url(/Files/System/Images/Logo/city-logo-member.png);
				float: right;
				height: 20px;
				width: 20px;
			}
			ul.nearestMember li p {
				clear: both;
				margin: 5px 0px 0px 0px!important;
				color: #3e4d58;
			}
				ul.nearestMember li p span.km {
					float: right;
				}
div.closestByZip {
	
}

	div.closestByZip h4 {
		color: #fff;
		font-size: 120%;
		background: #afbdc7 url('../Images/Backgrounds/box-header-bg.png') repeat-x left bottom;
		padding: 4px 0px 4px 10px;
		color: #fff;
	}
	div.closestByZip ul {
		list-style:none;
	}
		div.closestByZip ul li {
			display:block;
			padding: 4px 10px;
		}
			div.closestByZip ul li a {
				color: #758190;
			}
div.box.closestProducts {
	position: absolute;
	top: 680px;
	right: 0px;
}
	div.box.closestProducts ul {
		list-style: none;
	}
		div.box.closestProducts ul li {
			margin: 5px 10px;
		}
		div.box.closestProducts ul li a.left {
			float: left;
			width: 140px;
		}
		div.box.closestProducts ul li a.right {
			float:left;
			width: 40px;
		}

div.module.login {

	}
	div.module.login label {
		display: block;
	}
	input.viaFormPassWord { margin-bottom: 10px;}

/*

	Quick booking on frontpage

*/
.quickbook {
	width: 195px;
	float: left;
	margin-top: -7px;
	margin-right: 15px;
	background-color: #f7f3ec;
	background-color: #db7a20;
	background: #db7a20 url('../Images/Backgrounds/quickbook-bg.png') no-repeat left top;
	height: 252px;
	}
	.quickbook .inner { 
		padding: 0px 20px 5px 20px; 
	}
	.quickbook h2 {
		/* background-color: #db7a20; */
		color: #fff;
		font-weight: bold;
		/* letter-spacing: -1px; */
		font-size: 180%;
		padding: 11px 0px 10px 72px;
		/* font-family: Georgia; */
		margin-bottom: 7px;
	}
	.quickbook label {  color: #fff;}
	.formsingle {}
	.adult, .child { width: 70px; border: 2px solid #db7a20; padding: 1px; }
	.hotel { 
		border: 2px solid #db7a20;
		width: 155px; 
	}
	.quickbook .formrow {
		margin-bottom: 1px;
		clear:both;
	}
	.quickbook .formrow.twocol {
		width: 50%;
		float: left;
		clear:none;
	}
	.date-pick { 
		float: left; 
		width: 133px; 
		border: 2px solid #db7a20;
		padding: 1px;
	}
	.quickbook .viaSubmit {
		font-size: 130%;
		float: right;
		margin: 5px 0px 0px 0px;
	}


a.dp-choose-date {
	float: right;
	width: 16px;
	height: 16px;
	margin: 3px 0px;
	text-indent: -2000px;
	overflow: hidden;
	background: url('../Images/Backgrounds/calendar.png') no-repeat 0px 0px;
}

table.jCalendar {
	/* background: #aaa; */
 /*   border-collapse: collapse; */
 }
table.jCalendar th {
	background: #db7a20;
	color: #fff;
	font-weight: bold;
	padding: 3px 5px;
}

table.jCalendar td {
	background: #ccc;
	color: #000;
	padding: 3px 5px;
	text-align: center;
}
table.jCalendar td.other-month {
	background: #ddd;
	color: #aaa;
}
table.jCalendar td.today {
	background: #666;
	color: #fff;
}
table.jCalendar td.selected {
	background: #db7a20;
	color: #fff;
}
table.jCalendar td.selected.dp-hover {
	background: #f33;
	color: #fff;
}
table.jCalendar td.dp-hover,
table.jCalendar tr.activeWeekHover td {
	background: #fff;
	color: #000;
}
table.jCalendar tr.selectedWeek td {
	background: #f66;
	color: #fff;
}
table.jCalendar td.disabled, table.jCalendar td.disabled.dp-hover {
	background: #bbb;
	color: #888;
}
table.jCalendar td.unselectable,
table.jCalendar td.unselectable:hover,
table.jCalendar td.unselectable.dp-hover {
	background: #bbb;
	color: #888;
}

/* For the popup */

/* NOTE - you will probably want to style a.dp-choose-date - see how I did it in demo.css */

div.dp-popup {
	z-index: 9999;
	position: relative;
	/* padding: 5px 10px 10px 10px; */
	background-color: #fff;
	box-shadow:0px 0px 15px rgba(0, 0, 0, .5);
	-webkit-box-shadow:0px 0px 15px rgba(0, 0, 0, .5);
	-moz-box-shadow: 0px 0px 15px rgba(0, 0, 0, .5);
}
div#dp-popup {
	position: absolute;
	width: 190px;
	z-index: 199;
	text-align: center;
}
div.dp-popup h2 {
	font-size: 12px;
	text-align: center;
	margin: 2px 0;
	padding: 0;
}
a#dp-close {
	font-size: 11px;
	padding: 4px 0;
	text-align: center;
	display: block;
}
a#dp-close:hover {
	text-decoration: underline;
}
div.dp-popup a {
	color: #000;
	text-decoration: none;
	padding: 3px 2px 0;
}
div.dp-popup div.dp-nav-prev {
	position: absolute;
	top: 2px;
	left: 4px;
	width: 100px;
}
div.dp-popup div.dp-nav-prev a {
	float: left;
}
/* Opera needs the rules to be this specific otherwise it doesn't change the cursor back to pointer after you have disabled and re-enabled a link */
div.dp-popup div.dp-nav-prev a, div.dp-popup div.dp-nav-next a {
	cursor: pointer;
}
div.dp-popup div.dp-nav-prev a.disabled, div.dp-popup div.dp-nav-next a.disabled {
	cursor: default;
}
div.dp-popup div.dp-nav-next {
	position: absolute;
	top: 2px;
	right: 4px;
	width: 100px;
}
div.dp-popup div.dp-nav-next a {
	float: right;
}
div.dp-popup a.disabled {
	cursor: default;
	color: #aaa;
}
div.dp-popup td {
	cursor: pointer;
}
div.dp-popup td.disabled {
	cursor: default;
}

