/**
 * 100% height layout with header and footer
 * ----------------------------------------------
 * Feel free to copy/use/change/improve
 */

html,body {
margin:0;
padding:0;
height:100%; /* needed for container min-height */
background-image: url("bilder/bakgrund.jpg");
background-repeat: repeat-x;
font-family:arial,sans-serif;
font-size:13px;
color:#202020;
line-height: 1.7em;
}

h1 { 
font:20px georgia,serif;
margin:0px 0 0 0;
}

h2 {
font:18px georgia,serif;
}

h3 {
font:16px georgia,serif;
}

h4 {
font:17px georgia,serif;
margin: 0px;
}


p { 
line-height:1.5;
margin:0 0 1em;
}

div#container {
position:relative; /* needed for footer positioning*/
margin:0 auto; /* center, not in IE5 */
width:800px;
background:#f0f0f0;
border: 1px solid #c0c0c0;
height:auto !important; /* real browsers */
height:100%; /* IE6: treaded as min-height*/
min-height:100%; /* real browsers */
}

div#containerx {
position:relative; /* needed for footer positioning*/
margin:0 auto; /* center, not in IE5 */
width:800px;
background:#000000;
border-left: 10px solid #c0cad0;
height:auto !important; /* real browsers */
height:100%; /* IE6: treaded as min-height*/
min-height:100%; /* real browsers */
}

div#header {
background-image: url("bilder/top_headline.jpg");
padding:0px;
margin-top: 0px;
border-top:1px solid #96bf88;
height: 110px;
}

div#header p {
font-style:italic;
font-size:1.1em;
margin:0;
}

#top-meny {
font-family:arial,verdana;
font-size:10px;
margin: 20px 0 0 670px;
width:120px;
height: 70px;
border: 0px solid;
}

div#meny {
padding:0em 0em 0em 0em; /* bottom padding for footer */
height: 35px;
margin: 0 0 0 0;
background-color: #e1eddd;
border: 1px solid #c0c0c0;
font-size:0.9em;
}

div#content {
padding:0em 0em 0em 0em; /* bottom padding for footer */
margin-top: 0px;
z-index: 2;
height: 1710px;
}

div#content p {
text-align:justify;
padding:0 0em;
}

#content_shoppen {
padding:0em 0em 0em 0em; /* bottom padding for footer */
margin-top: 0px;
height: 550px;
}

#content-galleri {
height: 2150px;
}

#content_omalg {
height: 2050px;
}


#content_bokning {
	padding:0em 0em 0em 0em; /* bottom padding for footer */	
	
	margin-top: 0px;
height: 950px;
}


div#footer {
	position:absolute;
	width:100%;
	height: 180px;
	bottom:0; /* stick to bottom */
	background: #ebeff0;
	border-top:5px double #c0c0c0;
}
	div#footer p {
		padding:0em;
		margin:0;
		text-align: center;
		font-family: verdana;
		color: #000000;
	}
	
	
	
#footer-left {
float: left;
width: 300px;
height: 80px;
margin: 30px 0 0 90px;
padding: 0px;
border: 0px solid #000;
font-family: arial,verdana;
font-size: 17px;
color: #808080;
}

#footer-right {
float: left;
width: 350px;
margin: 20px 0 0 20px;
padding: 0 0 0 20px;
border-left: 1px solid #808080;
text-align: left;
font-family: arial,verdana;
font-size: 14px;
color: #535353;
}
	
a:link    { text-decoration: underline; color: #1f6a08; }
a:visited { text-decoration: underline; color: #1f6a08; }
a:active  { text-decoration: underline; color: #1f6a08; }
a:hover   { text-decoration: none; color: #1f6a08; }

#photodiv {
  background-repeat: no-repeat;
  width: 480px;
  height: 250px;
}
	

#navcontainerx ul
{
display: inline;
margin: 0px 0px 0px 0px;
list-style-type: none;
background-repeat: no-repeat;
font: normal 1.00em verdana, arial, helvetica, sans-serif;
}

li { display: inline; }

li a
{
color: #6e5752;
text-decoration: none;
border-bottom: solid 1px #c0c0c0; 
padding: 1px; 
}

li a:hover {
color: #6e5752;
text-decoration: none;
border-bottom: solid 0px #c0c0c0; 
padding: 1px; }/*your color*/


#heycontainer {
margin: 0 0 0 0;
width: 800px;
height: 250px;
padding: 0px;
border-top: 0px solid #c0c0c0;

}

#heyleftnav {
float: left;
width: 480px;
height: 250px;
margin: 0 0 0 0;
padding: 0px;
}

#mainnews-right {
float: left;
width: 280px;
height: 210px;
background-image: url("bilder/xbg.jpg");
margin-left: 0px;
margin-top: 0px;
border-top: 1px solid #fff;
padding: 20px;
}

#mainnews-right p {

font-family: Arial, Verdana, Times, Helvetica, sans-serif;
font-size: 12px;
color: #000000; 
}

.front-newscenter {
margin: -15px 0 0 0;
text-align: center;
width: 280px;
height: 60px;
border: 0px solid #000;

}


/* MENY */






  #menu {padding:0; margin:0; list-style:none;}
#menu li {float:left; margin-left:1px;}
#menu li a {display:block; font-size: 10px; width: 83px; height:35px; line-height:40px; padding:0 2px; float:left; background:#e1eddd; color:#000; text-align:center; text-decoration:none;}
#menu li a b { font-family: arial,verdana; font-style: normal; font-size: 12px; font-weight: bold;}
#menu li a:hover, 
.home #menu li#home a,
.single #menu li#single a,
.dropdown #menu li#dropdown a,
.dropline #menu li#dropline a,
.flyout #menu li#flyout a,
.support #menu li#support a,
.contact #menu li#contact a
{background: url(bilder/arrow.gif) no-repeat center bottom; color:#e60;}


#menu li a.current {background-color:#c5d8be; }    









img {
border: 0px;  
}

/* FLOATS */

.floatleft {
float: left;
margin: 0px 5px 0px 0px;
}

.floattopimage { 
float: right; 
}

.floatgallery {
float: left;
width: 90px;
margin: 0 0 10px 0;
}

.floatgallery_index {
float: left;
width: 108px;
margin: 0 20px 0 0;
text-align:center;
}

.clearboth { clear: both; }

 .floatright
{
float: left;
margin: 0 0 0px 0px;
border: 0px solid #666;
padding: 0px;
height: 250px;
}

 .floatright_omalg {
float: right;
margin: 20px 0 0 0px;
padding: 0px;
}


.float_presentation {
float: left;
margin: 8px 15px -5px 0px;
}

.float_presentation p {
text-align: center;
margin-left: 10px;
}

.layerheader {
width: 800px;
}

.containerx {
width: 800px;
height: 1000px;
padding: 0px;
margin: 0 0 200px 0;
border: 0px solid #000;
}

#containerxx {
width: 800px;
height: 700px;
padding: 0px;
margin: 0 0 0 0;
border: 1px solid #000;
}

.frontwelcome1 {
float: left;
width: 550px;
margin: 20px 0 0 10px;
padding: 0px;
border: 0px solid #000;
}
.frontwelcome2 {
float: left;
width: 190px;
margin: 55px 0 0 20px;
padding: 10px;
border: 0px solid #000;
background-color: #faf5e0;
}
.frontwelcome-sm {
float: left;
width: 190px;
margin: 20px 0 0 20px;
padding: 10px;
border: 0px solid #000;
background-color: #faf5e0;
}

.leftnav {
float: left;
width: 370px;
margin: 40px 0px 0px 20px;
padding: 0px;
border: 0px solid #000;
}

.rightnav {
float: left;
width: 370px;
margin: 40px 3px 0px 20px;
}


#container_hitta {
margin: 0px;
background-color: #fff;
color: #333;
border: 0px solid gray;
}


.leftnav-hitta {
float: left;
width: 350px;
margin-top: 25px;
margin-left: 20px;
padding: 0em;
border: 0px solid #000;
}

.rightnav-hitta {
float: left;
width: 350px;
margin: 60px 0 0 50px;
padding: 0em;
border: 0px solid #000;
}


#content_shop {
height: 750px;
}


.centernav_shop {
width: 770px;
margin-top: 40px;
margin-left: 20px;
position: relative;
}

.galleri_shoppen {
margin-top: 10px;
margin-left: 67px;
position: relative;
}

.galleri_shoppen {
margin-top: 10px;
margin-left: 67px;
position: relative;
}

#content_cafe {
height: 930px;
}

.centernav_cafe {
width: 770px;
margin-top: 40px;
margin-left: 20px;
position: relative;
}

.centernav_galleri {
width: 770px;
margin-top: 40px;
margin-left: 20px;
position: relative;
}

.galleri_center {
margin-top: 10px;
margin-left: 67px;
height: 1000px;
position: relative;
}

#galleri {
height: 1000px;
}

.centernav_bokning {
width: 760px;
margin-top: 40px;
margin-left: 20px;
}

#bokning_left {
float: left;
width: 320px;
height: 126px;
margin: 0;
background: #fcfdfc;
border: 1px solid #d5d5d5;
padding: 10px;
font-family: Verdana, Arial, Times, Helvetica, sans-serif; font-size: 0.8em; color: #000000; 
}

#bokning_right {
float: left;
width: 340px;
height: 126px;
margin-left: 50px;
background: #fcfdfc;
border: 1px solid #d5d5d5;
padding: 10px;
font-family: Verdana, Arial, Times, Helvetica, sans-serif; font-size: 0.8em; color: #000000; 
}

#bokning_center {
width: 732px;
height: 440px;
margin-left: 0px;
background: #fcfdfc;
border: 1px solid #d5d5d5;
padding: 10px;
font-family: Verdana, Arial, Times, Helvetica, sans-serif; font-size: 0.8em; color: #000000; 
}

.centernav_hitta {
width: 760px;
height: 900px;
margin-top: 30px;
margin-left: 20px;
}

.centernav_omalgen {
width: 760px;
margin-top: 40px;
margin-left: 20px;
}

.centernav_omforetaget {
width: 760px;
margin-top: 40px;
margin-left: 20px;
}

.centernav_lankar {
width: 760px;
margin-top: 40px;
margin-left: 20px;
}


.kontakta-left {
float: left;
width: 400px;
margin-top: 25px;
margin-left: 20px;
padding: 0px;
border: 0px solid #000;
}

.kontakta-right {
float: left;
padding: 10px;
width: 260px;
height: 170px;
margin-top: 80px;
margin-left: 60px;
border: 2px solid #d1decc;
background-color: #f0f7ed;
}

#content_omforetaget {
height: 1100px;
}

#content-karta {
height: 970px;
}

#content_lankar {
height: 1160px;
}

#content_kontakta {
height: 800px;
}

hr {
padding: 0;
border: none;
width: 100%;
height: 1px;
color: #000000;
background-color: #000000;
}

.contenty
{
margin-left: 340px;
margin-top: 0px;
width: 450px;
border-left: 0px solid gray;
margin-right: 0px;
border-right: 0px solid gray;
padding: 0em;
}



.middle
{
height: 50px;
}

#leftnav p, #rightnav p { margin: 0 0 1em 0; }
#content h2 { margin: 0 0 .5em 0; }

.index_frontleft {	
margin-top: 30px;
width: 500px;
height: 250px;
border-top: 0px solid #c0c0c0;
border-bottom: 0px solid #c0c0c0;
position: relative;
padding: 0px;
}

.index_frontright {
padding: 0px;
margin-left: 600px;
margin-top: -252px;
background: #000000;
width: 200px;
height: 249px;
border-top: 0px solid #c0c0c0;
border-bottom: 0px solid #c0c0c0;
position: relative;
}

.index_frontright p {
color: #000000;
margin-top: 10px;
margin-left: 10px;
margin-right: 10px;
}

.top_pic1 {
margin-top: -90px;
position: relative;
}

.top_pic2
{
margin-top: -220px;
margin-left: 230px;
position: relative;
}



.oppettider { font-family: Verdana, Arial, Times, Helvetica, sans-serif; font-size: 0.8em; color: #000000; }
.front_shop { font-family: Verdana, Arial, Times, Helvetica, sans-serif; font-size: 0.8em; color: #000000; line-height: 1.5em; }
.valkommenhl { font-family: Verdana, Arial, Times, Helvetica, sans-serif; font-size: 1.0em; color: #000000; line-height: 1.5em; font-weight: bold; }
.valkommen { font-family: Arial, Verdana, Times, Helvetica, sans-serif; font-size: 1.0em; color: #000000; line-height: 1.5em; }
.xmas { font-family: Arial, Verdana, Times, Helvetica, sans-serif; font-style: italic; font-size: 1.3em; color: #800000; line-height: 1.5em;}