/************* Alebo Pensionat CSS *************/

* {margin:0px; padding:0px;}

html, body {
font-family:  Arial, Verdana, Helvetica, sans-serif;
font-size: 13px;
color: #222222;
background: #FFFFFF url(images/body_bg.jpg) repeat-y;
}

/************* H Styling *************/

h1 {
font-size: 20px;
font-weight: normal;
margin-bottom: 5px;
}

h2 {
font-size: 16px;
font-weight: normal;
margin-bottom: 23px;
color: #3D830E;
}

h2.frontpage {
font-size: 16px;
font-weight: normal;
margin-bottom: 10px;
margin-top: 1px;
padding-top: 1px;
color: #3D830E;
}

h2.newsletter {
border-top: 1px solid #A29F8A;
padding-top: 25px;
margin-top: 30px;
}

h3 {
font-size: 13px;
margin-bottom: 3px;
margin-top: 10px;
}


/************* A Styling *************/

a:link, a:visited, a:active {
color: #001F78;
text-decoration: none;
}

a:hover {
text-decoration: underline;
}

img:hover {
text-decoration: none;
}

a.external:link, a.external:active, a.external:visited {
color: #001F78;
}

a.frontpage {
margin-top: 1em;
}

/************* P Styling *************/

p {
line-height: 1.4em;
margin-bottom: 1.4em;
}

p.metatext {
font-size: 10px;
color: #FFFFFF;
}

p.metatext-top {
font-size: 10px;
color: #FFFFFF;
margin-left: 80px;
}

/************* IMG Styling *************/


img.standard, img.frontpage {
border: 1px solid #B3AF94;
padding: 5px;
margin: 5px 0px;
}

img.roadmap {
border: 1px solid #B3AF94;
margin: 5px 0px 15px 0px;
}

img.icon {
border: 0;
margin-bottom: -3px;
}

img.clean {
border: 0;
margin: 5px 0px;
}


/************* UL Styling *************/

ul.plain {
line-height: 20px;
margin-bottom: 1.4em;
list-style-type: none;
}

ul.news {
line-height: 1.4em;
margin-bottom: 2em;
margin-top: 0.4em;
list-style-type: none;
}

ul.news li span.date {
float:left;
width: 35px;
}

ul.news li span.event {
float:left;
width: 150px;
}

ul.news li br {
clear:both;
}

ul.tick {
line-height: 20px;
margin-bottom: 1.4em;
list-style-type: none;
}

ul.tick li {
background-image: url(images/green-tick.gif);
padding-left:25px;
padding-top: 3px;
line-height: 1.4em;
}

ul.photos {
line-height: 20px;
margin-bottom: 1.4em;
list-style-type: none;
}

ul.photos li {
background-image: url(images/green-cam.gif);
padding-left:25px;
padding-top: 3px;
line-height: 1.4em;
}

ul.links {
line-height: 20px;
margin-bottom: 1.4em;
list-style-type: none;
}

ul.links li {
background-image: url(images/green-arrow.gif);
padding-left:25px;
padding-top: 3px;
line-height: 1.4em;
}

ul.pricing {
width: 450px;
list-style-type: none;
margin-bottom: 1.4em;
}

ul.pricing li {
padding: 0.3em 0;
}

ul.pricing li span.item {
float:left;
width: 260px;
}

ul.pricing li span.price {
float:left;
width: 80px;
text-align: right;
}

ul.pricing li h3 {
margin-top: 0.8em;
}

ul.pricing li br {
clear:both;
}

ul.narrowpricing {
width: 260px;
list-style-type: none;
margin-bottom: 1.4em;
}

ul.narrowpricing li {
padding: 0.3em 0;
}

ul.narrowpricing li span.item {
float:left;
width: 140px;
}

ul.narrowpricing li span.price {
float:left;
width: 90px;
text-align: right;
}

ul.pricing li h3 {
margin-top: 0.8em;
}

ul.narrowpricing li br {
clear:both;
}

ul.bookingform {
width: 550px;
list-style-type: none;
margin-bottom: 1.4em;
}

ul.bookingform li {
line-height: 1.6em;
padding-bottom: 0.4em;
}

ul.bookingform li span.item {
width: 200px;
float: left;
text-align: right;
}

ul.bookingform li span.input {
width: 350px;
float: right;
text-align: left;
}

ul.bookingform li br {
clear:both;
}

ul.contactform {
width: 450px;
list-style-type: none;
margin-bottom: 1.4em;
}

ul.contactform li {
line-height: 1.6em;
padding-bottom: 0.4em;
}

ul.contactform li span.item {
width: 100px;
float: left;
text-align: right;
}

ul.contactform li span.input {
width: 350px;
float: right;
text-align: left;
}

ul.contactform li br {
clear:both;
}

ul.foodmenu {
width: 390px;
list-style-type: none;
margin-bottom: 1.4em;
}

ul.foodmenu li {
padding-top: 0.6em;
}

ul.foodmenu li span.item {
float:left;
width: 320px;
}

ul.foodmenu li span.price {
float:right;
}

ul.foodmenu li br {
clear:both;
}

/************* Wrapper *************/

#wrapper {
position: absolute;
top: 0px;
left: 66px;
width: 910px;
}

/************* Left Container *************/

#leftcontainer {
position: absolute;
top: 0px;
left: 0px;
width: 253px;
}

/************* Logo *************/

#logo {
position: absolute;
top: 10px;
left: 0px;
}

a img {
border: 0px;
}

/************* Language selections *************/

#languages {
position: relative;
top: 220px;
left: 63px;
}

#languages  ul, #languages  li {
position: relative;
display: inline;
list-style-type: none;
}

#languages li a {
position: relative;
float: left;
margin-right: 15px;
}

/************* Sub Navigation *************/

#subnav {
position: relative;
top: 258px;
left: 37px;
width: 170px;
margin-bottom: 30px;
}

#subnav ul, #subnav li {
list-style-type: none;
text-align: right;
}

#subnav li a {
display: block;
line-height: 2em;
color: #333126;
}

#subnav li a#subcurrent {
font-weight: bold;
}

/************* Advertisements *************/

#advertise {
position: relative;
top: 259px;
left: 45px;
}

#advertise ul { 
list-style-type: none;
}

#advertise li img {
border: 1px solid #B3AF94;
margin-bottom: 25px;
}

#advertise li a {
text-decoration:none;
}

/************* Right Container *************/

#rightcontainer {
position: absolute;
top: 0px;
left: 254px;
width: 510px;
}

/************* Slideshow *************/

#slideshow {
position: absolute;
top: 0px;
left: 0px;
width: 612px;
}

ul#imagerotation {
list-style-type: none;
}

/************* Navigation *************/

#nav {
position: absolute;
top: 212px;
left: 0px;
width: 650px;
}

#nav ul, #nav li {
position: relative;
display: inline;
list-style-type: none;
}

#nav li a {
position: relative;
display: block;
float: left;
background-color: #D7D4BC;
width: 153px;
line-height: 2.5em;
font-weight: bold;
border-bottom:	1px solid #A29F8A;
text-align: center;
color: #333126;
}

#nav li a#current {
background: none;
border-bottom: none
}

/************* Main Content *************/

#maincontent {
position: absolute;
top: 270px;
left: 55px;
width: 490px;
}

#fronttop {
position: absolute;
top: 0px;
left: -5px;
width: 520px;
}

#frontleft {
	position: absolute;
	top: 118px;
	left: 0px;
	width: 310px;
}

#frontright {
	position: absolute;
	top: 118px;
	right: -37px;
	width: 187px;
	padding-left: 40px;
}

#pdf-link {
position: absolute;
top:0px;
right:0px;
}

#lunchdays {
position: absolute;
top: 12em;
left: -10px;
width: 650px;
}

#lunchdays ul, #lunchdays li {
position: relative;
display: inline;
list-style-type: none;
}

#lunchdays li a {
position: relative;
display: block;
float: left;
width: 65px;
line-height: 2em;
text-align: center;
}

#lunchdays li a#currentday {
border:	1px solid #3D830E;
font-weight: normal;
}

#lunch1-text {
position: absolute;
top: 16em;
left: 0px;
width: 200px;
}

#lunch1-pic {
position: absolute;
top: 20em;
left: 0px;
width: 200px;
}

#lunch2-text {
position: absolute;
top: 16em;
right: 20px;
width: 200px;
height: 4em;
}

#lunch2-pic {
position: absolute;
top: 20em;
right: 20px;
width: 200px;
}

#toprightimage {
position: absolute;
top: 30px;
right:0px;
}

#mette-erik {
position: absolute;
top: 70px;
right:0px;
}

#ridning {
width: 250px;
}

#svamp {
width: 270px;
}

#om-alebo {
width: 290px;
}

#printpage {
position: absolute;
top:0px;
right:30px;
}

#printformat {
margin: 10px 20px;
background-image: none;
background: #FFFFFF;
}

#close {
position: absolute;
top:220px;
left:360px;
}

#wireless {
position: absolute;
top: 0px;
right:10px;
}

#index-slogan {
margin-top: 10px;
margin-left: 5px;
}

/************* Footer *************/

#footer {
position: relative;
top: 25px;
left: 0px;
border-top: 1px solid #A29F8A;
padding-top: 0.5em;
padding-bottom: 2em;
}

#footer p {
width: 510px;
padding-top: 1px;
}