@import url('window.css');
@import url('typo.css');

body {
	background: url('/img/layout/bg-rev.jpg') #769035 top left no-repeat;
}

#wrap {
	width: 1275px;
}

#left {
	width: 207px;
	
	float: left;
}
#center {
	width: 850px;
	
	float: left;	
}
#right {
	width: 207px;
	
	float: left;
}

#left #logotype .inner { padding: 0px; height: 165px; position: relative; }
#left #logotype .inner img { 
	position: absolute;
	bottom: 0px;
	left: 0px;
	
	z-index: 10;
}

#center #nav .inner {
	background-image: url('/img/layout/nav/bg.jpg');
	background-position: top left;
	background-repeat: repeat-x;
	
	height: 33px;
	
	padding: 0px;
}
	#center #nav ul.nav {
		padding: 0px 11px 0px 11px;
		margin: 0px;
		
		list-style: none;
	}
		#center #nav ul.nav li {
			display: block;
			float: left;
			margin: 0px 2px 0px 0px;
		}
			#center #nav ul.nav li a {
				padding: 0px 5px 0px 5px;
				line-height: 33px;
				color: #fff;
				
				text-decoration: none;
				
				font-family: "Arial", sans-serif;
				font-size: 16px;
				line-height: 33px;
				
				font-style: normal;
				word-spacing: 2px;
			}
#center #content .inner {
	padding: 4px 10px 12px 10px;
}
#center #content #left { width: 340px; float: left; }

#center #foot .inner .left {
	padding: 4px 26px 4px 4px;
	float: left;
	
	font-family: "Arial", sans-serif;
	font-size: 12px;
	line-height: 14px;
}

#center #foot .inner .right {
	float: right;
	padding: 10px 10px 6px 10px;
}

#map_canvas {
	width: 400px;
	height: 300px;
	
	float: right;
	
	margin: 32px 0px 16px 24px;
}

ul.glryList { list-style: none; padding: 20px 0px 0px 0px; margin: 0px; clear: both; }
ul.glryList li { float: left; position: relative; margin: 0px 18px 12px 0px; }
ul.glryList li div.img {  }
ul.glryList li div.text { position: absolute; bottom: 6px; left: 0px; right: 0px; width: auto; }
ul.glryList li div.text div.inner { background: url('/img/layout/glry.png') repeat; padding: 2px; }
ul.glryList li div.text div.inner a { color: #fff; text-decoration: none; }

div.glryView h1.title { 
	background: none;
	font-family: "Lucida Grande", "Lucida Unicode", sans-serif;
	padding: 0px;
	margin: 0px 0px 0.67em 0px;
	line-height: 2em;
	color: #300;
	letter-spacing: -0.05em;
	font-size: 24px;
}


ul.glryImages { list-style: none; padding: 12px 0px 0px 0px; margin: 0px; }
ul.glryImages li { float: left; margin: 0px 8px 8px 0px; }

.list-view .view h1.title { 
	font-family: "Lucida Grande", "Lucida Unicode", sans-serif;
	
	padding: 0px;
	margin: 0px;
	
	font-size: 24px;
	line-height: 28px;
	letter-spacing: -0.05em;
	
	color: #300;
	background: none; 
	
	float: left;
}
.list-view .view h2.date { float: right; font-size: 1.4em; line-height: 28px; }
.list-view .view .spacer { clear: both; padding: 0px 0px 6px 0px; }
.list-view .view { margin: 0px 0px 18px 0px; }

ul.aktuellt { list-style: none; padding: 0px; margin: 0px; }
ul.aktuellt li { display: block; margin: 0px 0px 4px 0px; padding: 0px 0px 4px 0px; border-bottom: 1px dotted #000; }
ul.aktuellt li a { color: #300; text-decoration: none; font-style: normal; font-weight: bold; }
ul.aktuellt li a:hover { text-decoration: underline; }

#atellus { text-align: right; padding:  12px 12px 120px 0px; }

#bokningsForm { padding: 12px 0px 0px 0px; border-top: 1px solid #000; }
#bokningsForm #infoLeft { width: 390px; margin: 0px 9px 12px 0px; float: left; }
#bokningsForm #infoRight { width: 390px; float: left; margin: 0px 0px 12px 0px; }
#bokningsForm #ovrigt { clear: both;  padding: 12px 0px 0px 0px; margin: 0px 0px 12px 0px; border-top: 1px solid #000; }
#bokningsForm #buttons {  }

#bokningsForm input.text { padding: 3px; border: none; background-color: #ccc; border: 1px solid #000; width: 160px; }
#bokningsForm .input { margin: 0px 0px 3px 0px; clear: both; padding: 3px; }
#bokningsForm .input .inputLabel { float: left; width: 110px; font-weight: bold; }
#bokningsForm #ovrigt textarea.textarea { width: 792px; height: 120px; border: none; padding: 2px; background-color: #ccc; border: 1px solid #000; }

#bokningsForm .error { color: red; }

#flaggor { position: absolute; top: 14px; right: 16px; width: 200px; height: 27px; text-align: right; }