html, body {
margin:0;
padding:0;
height:101%;
}
body{
margin:0;
padding:0;
color:#000;
text-align: center; /* IE Fix */
background-color: #FFFEE9;
font-size: 11px;
font-family: Verdana, Arial, Helvetica, sans-serif;
background:#bea26e url('../bilder/bg_body.gif') repeat-y center top;
}
h1 {font-family: Georgia, "Trebuchet MS", Verdana, Arial; padding:0; font-size: 3.2em; color:#000; margin:20px 0 0 0;line-height:150%;font-weight:normal}
h2 {font-size:12px;height:32px; width: auto; padding:0; margin:10px 0 5px 0;color:#B09C6A;text-align:left;line-height:45px;text-decoration:none;}
h2+p {margin:5px 0 10px 0}
h2 a {color:#000; text-decoration: none}
h2 span{
height:32px; width:37px; display:block;padding:0 0 0 15px; margin:0px;color:#000;text-align:center; float:left; line-height:32px;
background:url(../bilder/sarohus-krona.gif) no-repeat left;
}
a {
color: #B09C6A;
background-color: inherit;
text-decoration: underline;
font-weight:bold
}
a:hover {
color:#000;
background-color: inherit;
text-decoration: underline;
}
img {border:none}
p {
margin: 0 0 10px 0;
line-height:150%
}
#maincontainer, #maincontainer-index {
width: 960px; /*Width of main container*/
background:#FFFEE9 url('../bilder/bg_main.jpg') repeat-y;
margin: 0 auto; /*Center container on page*/
text-align:left;
padding:0;
position:relative
}
#maincontainer-index {
background:#FFFEE9 url('../bilder/bg_main2.jpg') repeat-y;
}
.bokningsforfragan {width:220px;height:50px; float:left; padding:30px 0 10px 43px}
/* skuggor */
#decor_left {
width:110px;
height:86px;
position:absolute;
top:315px;
left:-40px;
z-index:9
}
#decor_right{
width:111px;
height:86px;
position:absolute;
top:319px;
right:-40px;
z-index:9
}
#blogg{
width:103px;
height:102px;
position:absolute;
top:309px;
right:-15px;
z-index:19
}
/* top */
#header {
background:#FFFEE9 url('../bilder/header.jpg') no-repeat;
width:960px;
height:93px;
margin:0 auto;
}
.flaggor {float:right; margin:15px 65px 0 0}
#bildspel {
background:#FFFEE9 url('../bilder/bildspel.jpg') no-repeat;
width:960px;
height:240px;
margin:0 auto;
}
/* menucontainer */
#menucontainer {
width:869px;
height:31px;
background-color:#fff;
border:1px solid #b49c64;
margin:5px auto 0 auto
}
/* Main */
#contentwrapper{
float: left;
width: 585px;
position:relative
}
.innertube1 {
padding:0 40px 0 85px; /*Margins for inner DIV inside each column (to provide padding)*/
line-height:16px;
/* border-right:1px solid #eee */
}
.innertube2 {
margin:0 85px 0 0; /*Margins for inner DIV inside each column (to provide padding)*/
line-height:16px;
}
#puffar .hspine, #contentwrapper .hspine, #rightcolumn .hspine {
width:100%;
font-size:0;
margin:10px 0 10px 0;
border-top:1px solid #eee
}
#puffar {
width:785px;
}
#puffar h1 {clear:both; margin:10px auto 0 auto; padding:0; text-align:center
}
#puffar img {
background: #F3F3F3;
margin:0;padding:0
}
#puffar div.one {float:left; margin:0; padding:15px 0 0 0; width:190px}
#puffar div.two_three_four {
float:left;
margin:0;
width:190px;
padding:15px 0 0 8px;
}
#puffar div.five {float:left; margin:10px 0 0 0; padding:0 0 0 0; width:378px}
#puffar div.six {
margin:10px 0 0 8px;
width:168px;
padding:0 10px
}
#puffar div.seven {
margin:10px 1px 0 8px;
width:168px;
padding:0 10px
}
#puffar div.six, #puffar div.seven {
float:right;
height:190px;
border:1px solid #ddd;
border-bottom:0;
background: url('../bilder/bg_puffar.gif') repeat-x;
}
#puffar .textindent { background: url('../bilder/bg_puffar.gif') repeat-x; margin:0; padding:10px 10px; border:1px solid #ddd; border-top:0;}
#puffar .textruta {margin:0; padding:0 0 10px 0 }
#puffar .textindent a {text-decoration:none; font-size:10px}
#puffar .textindent a:hover {text-decoration:underline}
#puffar .center {border-bottom:1px solid #ddd; padding-bottom:10px; text-align:left; font-weight:bold}
.innertube img.frame {border:5px solid #C5C5C7;background-color:#fff}
.innertube em {padding:20px;color:#0767AA}
/* weekendpaket */
.paket h1 {clear:both; margin:0 auto; padding:0; text-align:center
}
.paket img {
background: #F3F3F3;
margin:0;padding:0
}
.paket div.one {float:left; margin:0 0 20px 0; padding:0; width:190px; position:relative}
.paket .textindent { background: url('../bilder/bg_puffar.gif') repeat-x; margin:0; padding:10px 10px 0px 10px; border:1px solid #ddd; border-top:0;}
.paket .textruta {margin:0; padding:0 0 10px 0 }
.paket .textindent a {text-decoration:none; font-size:10px}
.paket .textindent a:hover {text-decoration:underline}
.paket .center {border-bottom:1px solid #ddd; padding-bottom:10px; text-align:left; font-weight:bold}
.tag {position:relative}
.natt1 {width:145px; height:90px;position:absolute;top:0;left:0;z-index:99; background: url('../bilder/tag_1natt.png') no-repeat;}
.natt2 {width:145px; height:90px;;position:absolute;top:0;left:0;z-index:99; background: url('../bilder/tag_2natt.png') no-repeat;}
.natt1_dk {width:145px; height:90px;position:absolute;top:0;left:0;z-index:99; background: url('../bilder/tag_1natt_dk.png') no-repeat;}
.natt2_dk {width:145px; height:90px;;position:absolute;top:0;left:0;z-index:99; background: url('../bilder/tag_2natt_dk.png') no-repeat;}
.natt1_en {width:145px; height:90px;position:absolute;top:0;left:0;z-index:99; background: url('../bilder/tag_1night_eng.png') no-repeat;}
/* Högerkolumn */
#rightcolumn{
float: right;
width: 335px; /*Width of left column*/
margin:20px 0 0 0;
display:inline
}
#rightcolumn a {cursor:pointer}
h2 a {color:#B09C6A}
h2 a:hover {color:#000}
#bildgalleri {width:250px;height:165px;border:1px solid #B49C64;position:relative}
#bildgalleri span {
width:250px;
height:165px;
position:absolute;
top:0px;
left:0;
z-index:9
}
#karta {width:250px;height:248px;border:1px solid #B49C64}
/* Footer */
#footer{
clear: both;
background: #FFFEE9 url('../bilder/footer.jpg') no-repeat;
width: 960px;
height:85px;
margin:0;
padding:0
}
#subfooter {
width:960px;
height:50px;
margin:10px auto;
position:relative;
font-weight:bold
}
#subfooter p .footerinfo{
width:960px;
height:50px;
margin:0 auto;
color:#666;
font-size:1.2em
}
#subfooter p .footerleft {
position:absolute;
top:20px;
left:250px;
z-index:9;
font-size:1.2em;
color:#917828
}
#subfooter p .footerright {
position:absolute;
top:20px;
right:223px;
z-index:9;
font-size:1.2em;
color:#917828
}
#subfooter a {
color: #000;
background-color: inherit;
text-decoration: underline
}
#subfooter a:hover {
color: #000;
background-color: inherit;
}
#subfooter span a {
color: #917828;
background-color: inherit;
text-decoration: none
}
#subfooter span a:hover {
color: #917828;
background-color: inherit;
}
.clear { clear: both }
.float-left {float:left; margin:10px 15px 15px 0}
.float-right {float:right; margin:10px 0 15px 15px}
.img-right {float:right; margin:0 0 15px 15px; border:1px solid #000; padding:0}
.las_mer {margin:5px 0 10px 0; padding:2px 7px; Border:1px solid #DAD0B8; font-size:9px; color:#917E4D; background-color:#f9f9f9}
.indrag50 {margin:0 0 0 52px}
.indrag50 .col1 {float:left; width:190px}
.indrag50 .col2 {float:right; width:190px; border-left:1px solid #eee; padding-left:13px}
.black {color:#000}
.red {color:#b01}
.blue {color:#0767AA}
.guld {color:#917828}
.fat {font-weight:bold}
.right {text-align:right}
.left {text-align:left}
.center {text-align:center}
.bold {font-weight:bold}
/* Breadcrumb */
#breadcrumb
{
font-size:9px;
font-weight:bold;
background: url('../images/bc_bg1.png') repeat-x;
height:20px;
line-height:20px;
color:#555;
width:839px;
overflow:hidden;
margin:5px auto 0 auto;
padding:0 0 0 35px;
}
#breadcrumb li
{
list-style-type:none;
float:left;
padding:0 5px;
background:#f9f9f9;
line-height:20px
}
#breadcrumb a
{
height:20px;
display:block;
line-height:20px;
/* background-image:url('../images/bc_separator1.png');
background-repeat:no-repeat;
background-position:right;
padding-right: 15px;
*/
text-decoration: underline;
color:#999;
}
#breadcrumb a.home
{
text-decoration:none;
border:none;
margin:0px;
}
#breadcrumb a:hover
{
color:#999;
}
.webbkarta {
margin-right:20px
}
.sitemap1 {margin-left:20px;}
.sitemap2 {margin-left:40px;}