/*

Created as: Central Hotellet global stylesheet
Created by: John Philip
Created in: August 2007

-------------------------------------*/



/* STYLE RESET
-----------------------------------------------------------------*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, 
h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, 
del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, 
strong, sub, sup, tt, var, dd, dl, dt, li, ol, ul, fieldset, 
form, label, legend, table, caption, tbody, tfoot, thead, tr, th, 
td { margin: 0; padding: 0; border: 0; font-weight: inherit;
font-style: inherit; font-size: 100%; line-height: 1;
font-family: inherit; text-align: left; vertical-align: baseline;}
a img, :link img, :visited img { border: 0; }
table { border-collapse: collapse; border-spacing: 0; }
ol, ul { list-style: none; }
q:before, q:after, blockquote:before, 
blockquote:after { content: ""; }



/* THINGIES
-----------------------------------------------------------------*/

.clear { clear: both; }
.float { float: left; }
div.hr hr { display: none; }



/* LAYOUT
-----------------------------------------------------------------*/

html { border-top: 1px solid #3A5F76; }
body { font-family: Georgia; text-shadow: 0 0 0 #000; border-top: 4px solid #487793; }

div#wrapper {
	margin: 0 auto;
	width: 600px;
	padding-bottom: 70px;
}

div#header {
	
}

div#navigation {

}

div#footer {
	width: 100%;
	height: 105px;
	overflow: hidden;
}



/* GLOBAL TEXT STYLING
-----------------------------------------------------------------*/

h1 {
	font-size: 22px;
	color: #285874;
	text-transform: uppercase;
	margin: 0 0 8px 0;
}

h2 {
	font-family: Times;
	font-size: 22px;
	color: #083a57;
	margin-top: 40px;
}

h3 {
	color: #356684;
	letter-spacing: 2px;
	text-transform: uppercase;
	font-family: Times;
	font-weight: bold;
	font-size: 13px;
}

p {
	color: #2A2A2A;
	line-height: 23px;
	font-size: 13px;
}



/* GLOBAL FORM STYLING
-----------------------------------------------------------------*/

form { }

form span input {
	background-color: #f7f7f7;
	padding: 0;
	margin: 0;
	border: 1px solid #d4d4d4;
	display: block;
	width: 190px;
	padding: 4px;
	font-family: georgia;
	color: #343434;
	font-size: 13px;
}

form span input:focus {
	background-color: #fff;
}

form span input:hover {
	background-color: #fafafa;
}

form span {
	border: 1px solid #f4f4f4;
	display: block;
	width: 200px;
	padding: 1px;
}

form label {
	color: #2B566F;
	text-transform: uppercase;
	font-size: 12px;
}

form label:hover {
	cursor: pointer;
}



/* HEADER
-----------------------------------------------------------------*/

div#header h1, div#header h3, div#header div.hr { display: none; }

div#header {
	height: 130px;
	background: url(images/bg-header.png) 140px 65px no-repeat;
}



/* NAVIGATION
-----------------------------------------------------------------*/

div#navigation {
	border-top: 1px solid #C8C8C8;
	border-bottom: 8px solid #F9F9F9;
	padding: 1px 0 1px 0;
	margin-top: 12px;
	margin-bottom: 0;
}

div#navigation ul {
	text-align: center;
	border-top: 1px solid #6B6B6B;
	border-bottom: 1px solid #C8C8C8;
}

div#navigation ul li {
	display: inline;
	background: url(images/bg-nav-ul-li.png) 0 50% no-repeat;
	padding: 0 13px 0 18px;
}

div#navigation ul li:first-child {
	background: none;
}

div#navigation ul li a {
	text-decoration: none;
	color: #000;
	text-transform: uppercase;
	font-size: 12px;
	line-height: 40px;
}

div#navigation ul li a:hover { color: #000; }

div#navigation ul li a:active { padding-bottom: 10px; border-bottom: 3px solid #2b566f; }

/*
.forside div#navigation ul li a#forside { padding-bottom: 6px; border-bottom: 3px solid #2b566f; }
.vaerelser div#navigation ul li a#vaerelser { padding-bottom: 6px; border-bottom: 3px solid #2b566f; }
.priser div#navigation ul li a#priser { padding-bottom: 6px; border-bottom: 3px solid #2b566f; }
.reservationer div#navigation ul li a#reservationer { padding-bottom: 6px; border-bottom: 3px solid #2b566f; }
.faciliteter div#navigation ul li a#faciliteter { padding-bottom: 6px; border-bottom: 3px solid #2b566f; }
*/

div.nav-hr hr {
	display: none;
}

div.nav-hr {
	height: 1px;
	background-color: #A6A6A6;
}

/* UNIVERSAL ELEMENTS
-----------------------------------------------------------------*/

div.hr {
	width: 100%;
	height: 12px;
	background: url(images/bg-hr.png) no-repeat 50% 0;
}

.nav-bar {
	height: 41px;
	background: url(images/bg-nav-bar.png) repeat-x;
}

.nav-bar li a {
	float: left;
	display: block;
	width: 120px;
	height: 41px;
	line-height: 46px;
	text-align: center;
	color: #9fbbcb;
	text-decoration: none;
	font-size: 13px;
	text-shadow: 2px 2px 0 #103144;
}

.nav-bar li a:hover {
	color: #D8E3E9;
}

.nav-bar li a.selected {
	background: url(images/bg-nav-bar-selected.png) repeat-x;
	color: #fff;
}

/* FORSIDE
-----------------------------------------------------------------*/

.forside .forside-note {
	background: #581E20 url(images/bg-forside-note.png) no-repeat 98% 50%;
	margin: 10px 0 0 0;
	padding: 10px;
	color: #fff;
}

.forside .forside-note p {
	margin: 0 0 0 0;
	padding: 3px;
	color: #fff;
}

.forside div#velkommen h2, .forside div#velkommen h1, .forside div#velkommen p {
	display: none;
}

.forside div#velkommen img {
	display: block;
}

.forside div#velkommen {
	background: url(images/bg-velkommen.png) #1E4963 no-repeat;
	padding-top: 96px;
	padding-bottom: 1px;
	border-bottom: 8px solid #17374B;
}

.forside p {
	margin: 30px 0 20px 0;
	font-style: italic;
}

.forside div.links {
	background: url(images/dotted.png) repeat-x 0 100%;
}

.forside div.links ul {
	height: 100px;
}

.forside div.links ul li {
	text-align: center;
	float: left;
	width: 50%;
	padding-top: 25px;
}

.forside div.links ul li a {
	color: #304A5A;
	font-size: 16px;
	text-transform: uppercase;
	text-decoration: none;
}

.forside div.links ul li a:hover {
	border-bottom: 2px solid #eee;
	background-color: #fff;
}

.forside div.links ul li a span {
	color: #343434;
	text-transform: none;
	font-style: italic;
	font-size: 12px;
}


/* PRISER
-----------------------------------------------------------------*/

.priser .top {
	background: url(images/bg-hr.png) no-repeat 50% 100%;
	padding-bottom: 30px;
	margin-top: 20px;
}

.priser .top .description {
	background: url(images/dotted-vertical.png) 0 0 repeat-y;
	width: 420px;
	float: right;
	padding: 15px 0 10px 20px;
}

.priser .top .sub-nav {
	width: 130px;
	float: right;
	color: #BDC6CB;
	padding: 10px;
}

.priser .top .sub-nav ul li {
	text-align: center;
	line-height: 27px;
}

.priser .top .sub-nav ul li a {
	color: #BDC6CB;
	text-decoration: none;
	font-size: 13px;
}
.priser .top .sub-nav ul li a:hover {  color: #1A3849; }
.priser .top .sub-nav ul li a.selected { text-decoration: underline; color: #1A3849; }

.priser .table {
	border-bottom: 8px solid #F9F9F9;
	padding-bottom: 1px;
	margin: 30px 0 0 0;
}

.priser .table caption {
	color: #356684;
	letter-spacing: 2px;
	text-transform: uppercase;
	font-family: Times;
	font-weight: bold;
	font-size: 13px;
	padding: 15px 0 15px 0;
	border-bottom: 1px solid #C8C8C8;
	margin-bottom: 1px;
	background: url(images/dkk-eur.png) 100% 100% no-repeat;
}

.priser .table caption a {
	color: #356684;
	padding: 0;
	margin: 0;
	letter-spacing: 0;
	text-decoration: none;
	color: #BDC6CB;
	font-size: 13px;
	font-family: Georgia, sans-serif;
	font-weight: normal;
	padding-right: 10px;
	text-transform: none;
}

.priser .table caption a:hover {
	color: #1A3849;
}

.priser .table caption a.selected {
	text-decoration: underline; color: #1A3849;
}

.priser .table caption.no-euro {
	background: url(images/dkk.png) 100% 100% no-repeat;
}

.priser table {
	width: 100%;
	border-bottom: 1px solid #C8C8C8;
}

.priser table tr {
	background: url(images/dotted.png) repeat-x;
	height: 60px;
}

.priser table tr:first-child {
	background-color: green;
}

.priser table tr.tabletop {
	display: none;
}

.priser table tr th { }

.priser table tr td {
	padding-top: 10px;
	padding-bottom: 10px;
	vertical-align: middle;
	padding-right: 40px;
}

.priser table tr td p {

	font-size: 15px;
}

.priser table tr td p cite {
	text-transform: none;
	font-size: 13px;
	font-style: italic;
	color: #3F3F3F;
	line-height: 20px;
}

.priser table tr td.dkk, .priser table tr td.eur {
	font-size: 18px;
	font-style: italic;
	/*line-height: 40px;*/
	text-align: center;
	padding-right: 0;
}

.priser table tr td.dkk {
	color: #24526D;
}

.priser p.comment {
	padding: 20px 20px 0 5px;
	line-height: 20px;
}

.priser p.comment cite {
	color: #363636;
	font-size: 14px;
	font-style: italic;
}

/* VAERELSER
-----------------------------------------------------------------*/

.vaerelser div#wrap {
	padding-top: 20px;
}

.vaerelser div#wrap h1 {
	background: url(images/dotted.png) 0 100% repeat-x;
	padding-bottom: 15px;
	margin-top: 10px;
}

.vaerelser div#wrap h3 {
	margin: 25px 0 10px 0;
	background: url(images/dotted.png) 0 100% repeat-x;
	padding-bottom: 10px;
}

.vaerelser div#wrap p cite {
	font-style: italic;
}

.vaerelser div#wrap div#slideshow {
	width: 340px;
	float: left;
	background-color: #071822;
	border: 18px solid white;
	border-top: 0;
	border-left: 0;
}

.vaerelser div#wrap div#slideshow div.nav {
	height: 25px;
}

.vaerelser div#wrap div#slideshow div.nav ul {
	margin: 5px 0 0 100px;
}

.vaerelser div#wrap div#slideshow div.nav ul li a {
	display: block;
	width: 68px;
	height: 18px;
	background: url(images/bg-slideshow-buttons.png) no-repeat;
	text-indent: -3141px;
	overflow: hidden;
	float: left;
}

.vaerelser div#wrap div#slideshow div.nav ul li a#forrige { background-position: 0 0; margin-right: 5px; }
.vaerelser div#wrap div#slideshow div.nav ul li a#naeste  { background-position: -68px 0; }

.vaerelser div#wrap div#slideshow div.nav ul li a#forrige:hover { background-position: 0 -18px; }
.vaerelser div#wrap div#slideshow div.nav ul li a#naeste:hover  { background-position: -68px -18px; }

.vaerelser div#wrap div#slideshow img {
	margin: 8px 8px 0 8px;
}

.vaerelser div#wrap div#slideshow div.links {
	background-color: #0F2A3A;
}

.vaerelser div#wrap div#slideshow div.links ul {
	padding: 10px;
}

.vaerelser div#wrap div#slideshow div.links ul li {
	text-align: right;
	margin: 10px;
}

.vaerelser div#wrap div#slideshow div.links ul li a {
	color: #ADBAC2;
	font-size: 13px;
	text-decoration: none;
	text-shadow: 2px 2px 2px #000;
}

.vaerelser div#wrap div#slideshow div.links ul li a:hover {
	color: #fff;
}



/* RESERVATION
-----------------------------------------------------------------*/

.reservationer div#container {
	padding: 20px 55px 0 55px;
}

.reservationer .top h1 {
	display: block;
	background: url(images/dotted.png) 0 100% repeat-x;
	text-align: center;
	margin: 20px 0 10px 0;
	padding-bottom: 20px;
}

.reservationer .top p {
	width: 430px;
	margin-left: 85px;
	text-align: center;
}

.reservationer div#container div#display {
	width: 430px;
	padding: 20px;
	/**border: 10px solid #17374B;**/
	border-top: 1px solid #eee;
	margin: 10px;
	margin-top: 0;
}

.reservationer .top p {
	margin-bottom: 0;
}

.reservationer div#container ul.progress {
	background-color: #17374B;
	height: 39px;
	padding-top: 10px;
	padding-left: 130px;
}

.reservationer div#container ul.progress li {
	background-color: #17374B;
}

.reservationer div#container ul.progress li a {
	display: block;
	float: left;
	width: 64px;
	height: 27px;
	padding: 12px 0 0 20px;
	text-decoration: none;
	color: #fff;
	font-size: 14px;
	text-shadow: 2px 2px 2px #000;
}

.reservationer div#container ul.progress li a.selected {
	background: url(images/bg-progress-nav.png) no-repeat; color: #1F485F; text-shadow: 0 0 0 #000;
}

.reservationer form { width: 430px; }
.reservationer form fieldset { margin-bottom: 30px; }
.reservationer form p.float-right {
	margin-left: 22px;
	float: left;
}

.reservationer form span input { background-color: #fff; }



.reservationer form span input.high-lighted { background-color: #FFFDEB; }
.reservationer form span span.missing {
	display: block;
	position: relative;
	margin: 0;
	padding: 0;
	border: 0;
	}
	
.reservationer form span span.missing cite {
	display: block;
	position: absolute;
	text-indent: -3000px;
	width: 91px;
	height: 36px;
	background: url(images/input-mangler.png);
	right: 10px;
	top: -30px;
	}


.reservationer form p.extended span { width: 426px; }
.reservationer form p.extended span input { width: 416px; }

.reservationer form p label {
	margin: 0 0 5px 15px;
	display: block;
}
.reservationer form p { margin-top: 20px; }

.reservationer form div#ankomst {
	background-color: #f4f4f4;
	padding: 15px;
}

.reservationer form div#ankomst h5 {
	color: #818181;
	text-transform: uppercase;
	font-size: 14px;
	margin-bottom: 5px;
}

.reservationer form div#ankomst .selects {
	background-color: #eee;
	border-top: 1px solid #e3e3e3;
	border-left: 1px solid #e3e3e3;
	padding: 5px 5px 5px 10px;
}

.reservationer form div#afgang {
	background-color: #eaeaea;
	padding: 15px;
}

.reservationer form div#afgang h5 {
	color: #797979;
	text-transform: uppercase;
	font-size: 14px;
	margin-bottom: 5px;
}

.reservationer form div#afgang .selects {
	background-color: #e2e2e2;
	border-top: 1px solid #d9d9d9;
	border-left: 1px solid #d9d9d9;
	padding: 5px 5px 5px 10px;
}


/* SELECT */
.reservationer form .select select.small { width: 70px; }
.reservationer form .select select.medium { width: 150px; }
.reservationer form .select select.large { width: 210px; margin: 0 10px 0 10px; }
.reservationer form .select { display: inline; }

.reservationer form fieldset#antal { text-align: right; padding-right: 22px; }
.reservationer form fieldset#antal label { line-height: 30px; padding-right: 10px; }

.reservationer form fieldset#kommentar { background-color: #ebebeb; }

.reservationer form fieldset#kommentar textarea {
	margin: 10px;
	border: 0;
	width: 95%;
	border-top: 1px solid #d9d9d9;
	border-left: 1px solid #d9d9d9;
	background-color: #f9f9f9;
}

.reservationer form fieldset#kommentar p { margin: 0; }

.reservationer form fieldset#kommentar textarea:hover {
	background-color: #fff;
}

.reservationer form fieldset#kommentar textarea:focus {
	background-color: #fff;
}

.reservationer form fieldset#kommentar label {
	display: block;
	color: #797979;
	text-transform: uppercase;
	font-size: 14px;
	padding-top: 10px;
	margin-left: 15px;
}



/* FACILITETER
-----------------------------------------------------------------*/

.faciliteter .top h1 {
	display: block;
	background: url(images/dotted.png) 0 100% repeat-x;
	text-align: center;
	margin: 20px 0 20px 0;
	padding-bottom: 20px;
}

.faciliteter p {
	margin: 20px;
}

.faciliteter #main-content {
	margin-bottom: 50px;
}

.faciliteter #main-content #sign {
	width: 200px;
	float: right;
	text-transform: uppercase;
	padding: 0 30px 0px 30px;
}

.faciliteter #main-content #sign p {
	color: #285874;
	font-size: 12px;
	text-transform: uppercase;
	letter-spacing: 1.5px;
	line-height: 18px;
	margin-top: 10px;
	text-align: center;
}

.faciliteter #secondary-content .left {
	width: 299px;
	float: left;
	border-right: 1px solid #DADADA;
	padding-bottom: 20px;
}

.faciliteter #secondary-content .right {
	width: 300px;
	float: left;
	padding-bottom: 20px;
	border-left: 1px solid #DADADA;
	margin-left: -1px;
}

.faciliteter #secondary-content .faci {
	background: url(images/bg-hr-small.png) bottom 50% no-repeat;
	padding-bottom: 10px;
}

.faciliteter #secondary-content .faci h2 {
	text-align: center;
}

.faciliteter #secondary-content .faci p {
	text-align: center;
	font-style: italic;
}

.faciliteter #secondary-content .faci p a {
	
}

/* BOTTOM
-----------------------------------------------------------------*/
div#bottom { margin-top: 40px; }
div#bottom p {
	padding: 0;
	margin: 0;
	font-style: normal;
	text-transform: uppercase;
	font-family: Georgia;
	color: #C8C8C8;
	font-size: 11px;
	line-height: 16px;
	text-align: center;
}

div#bottom p strong {
	color: #777777;
}

div#bottom p#kontrol-rapport a {
	display: block;
	text-indent: -3000px;
	width: 99px;
	height: 32px;
	background: url(images/kontrol-rapport.png) no-repeat 0 0;
	padding: 0;
	overflow: hidden;
	margin: 20px 0 0 250px;
}

div#bottom p#kontrol-rapport a:hover {
	background: url(images/kontrol-rapport.png) no-repeat 0 -32px;
}


/* FOOTER
-----------------------------------------------------------------*/

div#footer {
	background: url(images/bg-footer.png) 50% 0 no-repeat #e9e9e9;
}

div#footer div.hr { display: none; }

div#footer ul {
	width: 720px;
	margin: 0 auto;
	height: 105px;
}

div#footer ul li {
	display: block;
	width: 145px;
	height: 105px;
	background: url(images/bg-footer-li.png) 0 50% no-repeat;
	float: left;
}

div#footer ul li#copyright {
	background: url(images/bg-footer-copyright.png) 50% 50% no-repeat;
	width: 280px;
	text-indent: -3141px;
}

div#footer ul li#valid dl dt, div#footer ul li#valid dl dd a {
	display: block;
	text-indent: -3141px;
}

div#footer ul li#valid dl dt {
	background: url(images/bg-footer-valid-we-care.png) 0 0 no-repeat;
	width: 82px;
	height: 14px;
	overflow: hidden;
	margin: 38px 0 0 30px;
}

div#footer ul li#valid dl dd {
	float: left;
	display: block;
	overflow: hidden;
}

div#footer ul li#valid dl dd a#valid-css {
	width: 50px;
	height: 11px;
	background: url(images/bg-footer-valid-css.png) 0 0 no-repeat;
	margin: 5px 3px 0 20px;
}

div#footer ul li#valid dl dd a#valid-xhtml {
	width: 56px;
	height: 11px;
	background: url(images/bg-footer-valid-xhtml.png) 0 0 no-repeat;
	margin-top: 5px;
}

div#footer ul li#valid dl dd a#valid-css:hover, div#footer ul li#valid dl dd a#valid-xhtml:hover {
	background-position: 0 -11px;
}

div#footer ul li#made-by dl dt {
	display: none;
}

div#footer ul li#made-by dl dd a{
	display: block;
	width: 83px;
	height: 25px;
	background: url(images/bg-footer-made-by.png) 0 0 no-repeat;
	margin: 40px 0 0 32px;
	text-indent: -3141px;
}

div#footer ul li#made-by dl dd a:hover{
	background-position: 0 -25px;
}

div#footer ul li#symphony p {
	display: none;
}

div#footer ul li#symphony a {
	display: block;
	width: 114px;
	height: 53px;
	background: url(images/bg-footer-symphony.png) 0 0 no-repeat;
	margin: 20px 0 0 20px;
	text-indent: -3141px;
}

div#footer ul li#symphony a:hover {
	background-position: 0 -53px;
}