body {
	margin: 0;
	padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 62.5%;
	background: #ede9df;
}

#logo {
	padding: 16px 0 20px 20px;
}

h1 {
	margin: 0;
	padding: 0;
	overflow: hidden;
	height: 90px;
	width: 132px;
	background: url(../img/logo.gif) no-repeat transparent;
}

h1 a {
	width: 100%;
	height: 100%;
	display: block;
	line-height: 300px;
}

h2 {
	margin: 0;
	font-size: 2.2em;
	font-weight: normal;
	font-family: Georgia;
	font-style: italic;
	color: #000;
	line-height: 1.4em;
}

h3 {
	margin: 20px 0 0;
	font-size: 1.2em;
	
	
}




h3 em {
	font-style: normal;
	color: #bcb5a4;
}

a:link {
	color: #0079bf;
}

a:visited {
	color: #005585;
}

a:hover, a:active {
	color: #000;
}

#header h2 {
	display: none;
}

#container {
	margin: 20px auto;
	padding: 0;
	width: 754px;
	background: #fff;
}

#header { 
	padding: 11px 7px 0;
	background: url(../img/headerbg.gif) no-repeat; 
}

	#nav {
		margin: 0;
		padding: 0;
		list-style: none;
		float: left;
	}
	
	#nav li {
		margin: 0;
		padding: 0;
		overflow: hidden;
		float: left;
		height: 30px;
	}
	
	#home {
		width: 52px;
		background: url(../img/hem.gif) 0 0 no-repeat;
	}
	
		#home a:hover, #home a:active, #header #home.active a {
			background: url(../img/hem.gif) 0 -30px no-repeat;
		}
	
	#rooms {
		width: 104px;
		background: url(../img/rumsviter.gif) 0 0 no-repeat;
	}
	
		#rooms a:hover, #rooms a:active, #header #rooms.active a {
			background: url(../img/rumsviter.gif) 0 -30px no-repeat;
		}
	
	#relax {
		width: 120px;
		background: url(../img/frukostrelax.gif) 0 0 no-repeat;
	}
	
		#relax a:hover, #relax a:active, #header #relax.active a {
			background: url(../img/frukostrelax.gif) 0 -30px no-repeat;
		}
	
	#pack {
		width: 59px;
		background: url(../img/paket.gif) 0 0 no-repeat;
	}
	
		#pack a:hover, #pack a:active, #header #pack.active a {
			background: url(../img/paket.gif) 0 -30px no-repeat;
		}
	
	#conf {
		width: 95px;
		background: url(../img/konferenser.gif) 0 0 no-repeat;
	}
	
		#conf a:hover, #conf a:active, #header #conf.active a {
			background: url(../img/konferenser.gif) 0 -30px no-repeat;
		}
	
	#prices {
		width: 59px;
		background: url(../img/priser.gif) 0 0 no-repeat;
	}
	
		#prices a:hover, #prices a:active, #header #prices.active a {
			background: url(../img/priser.gif) 0 -30px no-repeat;
		}
	
	#contact {
		width: 101px;
		background: url(../img/kontakta.gif) 0 0 no-repeat;
	}
	
		#contact a:hover, #contact a:active, #header #contact.active a {
			background: url(../img/kontakta.gif) 0 -30px no-repeat;
		}
	
	#nav a {
		width: 100%;
		height: 100%;
		display: block;
		line-height: 200px;
	}
	
	#lang {
		margin: 0;
		padding: 0 10px 0 0;
		list-style: none;
		float: right;
	}
	
	#lang li {
		margin: 0 5px;
		padding: 0;
		overflow: hidden;
		float: left;
		height: 30px;
	}
	
	#lang a {
		width: 100%;
		height: 100%;
		display: block;
		line-height: 200px;
	}
	
	#sv, #en, #de {
		width: 22px;
	}
	
	.sv #sv a {
		background: url(../img/lang_sv.gif) no-repeat;
	}
	.en #sv a, .de #sv a {
		background: url(../img/lang_sv2.gif) no-repeat;
	}
	
	.en #en a {
		background: url(../img/lang_en.gif) no-repeat;
	}
	.sv #en a, .de #en a {
		background: url(../img/lang_en2.gif) no-repeat;
	}
	
	.de #de a {
		background: url(../img/lang_de.gif) no-repeat;
	}
	.sv #de a, .en #de a {
		background: url(../img/lang_de2.gif) no-repeat;
	}


#content {
	padding: 0 7px;
	background: url(../img/mainbg.gif) repeat-y;
}

#right {
	width: 219px;
	float: right;
	
}

#hem #sidebar {
	width: 219px;
	height: 419px;
	float: left;
	background: url(../img/lefthotell.jpg) no-repeat;
}

#rum #sidebar {
	margin: 20px;
	padding: 15px;
	float: right;
	display: inline;
	width: 179px;
	background: url(../img/boxbg.gif) repeat-x #fff5d2;
	border: 1px solid #e5ddd0;
}

#frukost #sidebar, #paket #sidebar {
	margin: 20px;
	padding: 0;
	display: inline;
	width: 209px;
	float: right;
}

#sidebar h2 {
	font-size: 1.8em;
}

#sidebar h3 {
	font-size: 1.1em;
}

#sidebar p {
	margin: 0 0 16px 0;
	font-size: 1em;
	line-height: 1.6em;
}

#rum #main, #frukost #main, #paket #main {
	float: left;
	width: 430px;
}

#kontakta #main {
	margin: 20px;
	padding: 0;
	float: left;
	width: 330px;
}

#kontakta #sidebar {
	margin: 20px;
	padding: 15px;
	display: inline;
	float: right;
	width: 277px;
	background: url(../img/boxbg.gif) repeat-x #fff5d2;
	border: 1px solid #e5ddd0;
}

#priser #sidebar {
	width: 297px;
	padding-right: 20px;
	margin: 20px 0;
	float: right;
}

#priser #main {
	margin: 0;
	padding: 20px;
	width: 350px;
	float: left;
}

#konferens #sidebar {
	margin: 20px 0;
	padding-right: 20px;
	width: 297px;
	float: right;
}

#konferens #main {
	margin: 0;
	padding: 20px;
	width: 350px;
	float: left;
}

#main {
	margin: 0;
	padding: 20px;
	width: 480px;
	float: right;
}
	
	#main h2 {
		
	}
	
	#main p {
		margin: 3px 0 13px;
		font-size: 1.1em;
		line-height: 1.6em;
	}

.box {
	margin: 10px 0 10px 20px;
	padding: 10px;
	float: right;
	background: url(../img/boxbg.gif) repeat-x #fff5d2;
	border: 1px solid #e5ddd0;
	width: 180px;
}

	.box h3 {
		margin: 0 0 15px;
		color: #7c6c43;
	}
	
	.box h4 {
		margin: 0;
		font-size: 1.1em;
		color: #2c2d1c;
	}
	
	.box p {
		margin: 0 0 10px;
		font-size: 1.1em;
		color: #2c2d1c;
	}


.boka_rum {
	float: right;
	width: 179px;
	margin-right: 27px;
	
}

.boka_rum2 {
	float: right;
	width: 332px;
	margin-right: 27px;
	margin-top: 18px;
	
}


.boka_rum img {
	border: 0px ;
	margin-right:  0px;
	padding-right: 0px;
}
.boka_rum2 img {
	border: 0px ;
	margin-right:  0px;
	padding-right: 0px;
}

#footer {
	margin: 0;
	padding: 9px 18px;
	clear: both;
	height: 19px;
	background: url(../img/footerbg.gif) no-repeat;
}

#footer address {
	margin: 0;
	padding: 0;
	font-size: 0.9em;
	font-style: normal;
	color: #e1ded9;
}

#footer a:link, #footer a:visited {
	color: #fff;
}

#footer a:hover, #footer a:active {
	color: #fd0;
}

.room-button {
	border: none;
	padding: 0;
	margin: 15px 10px 0 0;
}

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

ul.flat li {
	font-size: 1.1em;
	padding: 3px 0;
	line-height: 1.6em;
}

#contact-form {
	margin: 10px 0;
	padding: 0;
}

#contact-form p {
	margin: 0 0 7px;
	padding: 0;
	font-weight: bold;
	color: #000;
}

#contact-form label {
	color: #534d41;
}

#antalovernattningar {
	width: 20px;
}

#contact-form input {
	padding: 0;
	font-size: .9em;
	width: 270px;
}

#contact-form em {
	font-style: normal;
	font-weight: bold;
	color: #f00;
}

#contact-form #vanligt, 
#contact-form #bokning,
#contact-form #enkelrum, 
#contact-form #dubbelrum, 
#contact-form #kombirum, 
#contact-form #svit, 
#contact-form #rokare, 
#contact-form #ickerokare, 
#contact-form #kort, 
#contact-form #kontant, 
#contact-form #faktura, 
#contact-form #skicka {
	width: auto;
}

#contact-form #meddelande {
	width: 270px;
	height: 50px;
}


#admin #container {
	padding: 10px;
	width: 500px;
}

#admin p {
	font-size: 1.1em;
	line-height: 1.6em;
}

#admin form {
	margin: 0;
	padding: 0;
}

#admin #title {
	font-size: 1.6em;
	width: 490px;
}

#admin #info, #admin #specs, #admin #price, #admin #other {
	width: 490px;
	height: 90px;
	font-size: 1.1em;
}

#admin #valid {
	width: 490px;
	height: 40px;
	font-size: 1.1em;
}

#admin #lang {
	float: none;
}

#admin .delete {
	color: #f00;
	font-size: .8em;
}

img {
	margin: 10px 0;
	padding: 3px;
	border: 1px solid #e5ddd0;
}

/* CLEAR FLOATS */

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix { display: inline-block; }
.clearfix { display: block; }