﻿#container              { min-height:100%; position:relative;}
#body                   { padding-top:20px; padding-bottom:230px;   /* Height of the footer */}
#mainshw                { width:986px; min-height:600px; _height:600px; background:url('../Images/bg_content.png') no-repeat; background-position:bottom; _background:url();}
#mainbox                { width:960px; min-height:600px; _height:600px; background:#fff; padding-top:9px;}
#top                    { width:944px; min-height:247px; _height:247px; background:url('../Images/bg_top_2vinter.jpg') no-repeat; }
#logobox                { width:200px; min-height:200px; _height:200px; float:left;}
#panel                  { float:right; width:430px; min-height:230px; _height:230px;}
#knappar                { float:right; width:210px; min-height:230px; _height:230px; padding-top:6px; padding-right: 3px;}
#info                   { }
.panelknapp             { margin-top:5px;}
#footer                 { position:absolute; bottom:0; width:100%; height:230px;   /* Height of the footer */ background:url('../Images/bg_footer.gif') repeat-x;}
#page-end               { width:986px; min-height:33px; _height:33px; background:url('../Images/page_end.png') no-repeat;}

#nav          { width:944px; float:left; padding: 0px; min-height:32px; _height:32px; background:url('../Images/bg_nav.gif') repeat-x; margin-left:8px; margin-right:5px; }
#nav ul       { margin:0; margin:0px; padding:0; list-style-type: none; }
#nav li       { display: inline; float:left; margin: 0px; padding: 0px; position:relative; line-height: 32px; }
        
#nav ul li a, #nav ul li a:link, #nav ul li a:active, #nav ul li a:visited   { display: block; float:left; padding:0px 7px; color: #fff; text-decoration:none; font-size: 12px; font-weight:bold; font-family:Eurostile, arial, san-serif; text-transform:uppercase; height: 32px; line-height: 32px; }
#nav ul li a:hover  { text-decoration: none; background:#fff; color:#CE0507; }


#news ul                { margin: 0px; margin-left: 0px; padding-left: 0px; width: 241px; list-style-type: none;}
#news li                { display: block; width: 241px; margin: 0px; padding-left: 0px; background:url('../Images/div_news.gif') repeat-x bottom;}
#news a                 { display: block; color: #5b5a52; font-family: Arial, Verdana, Sans-Serif; font-size: 12px; text-decoration: none;  padding:15px;}
#news a:hover           { color: #5b5a52; text-decoration: none; background:#d3dde2;}

#vnav                   { float:left; width:245px; min-height:250px; _height:250px; padding:0; margin:0; background:url('../Images/vnav_bg.gif') no-repeat;}
#vnav ul                { margin: 0px; margin-left: 0px; padding-left: 0px; width: 241px; list-style-type: none;}
#vnav li                { display: block; width: 235px; margin-left:5px; padding:0px; border-bottom:1px solid white;}
#vnav a                 { display: block; color: #5b5a52; font-family: Arial, Verdana, Sans-Serif; padding-left:10px; font-size: 14px; text-decoration: none; height: 30px; line-height: 30px; margin-top: 1px;}
#vnav a:hover           { color: #5b5a52; text-decoration: none; background:#e4e4e4;}

#contentwrap            { width:944px; min-height:200px; _height:200px; margin-top:8px; background:url('../Images/bg_contentwrap.gif') repeat-x #fff; }
#left                   { float:left; width:241px; min-height:200px; _height:200px; }
#left h2                { font-family:Georgia, Times New Roman, Serif; font-size: 14px; font-weight: bold; color: #5c6a79; padding-left:10px; padding-bottom:5px; margin-top: 10px; }
#search                 { float:left; width:241px; min-height:53px; _height:53px; margin-top:10px; background:url('../Images/bg_search.gif') no-repeat; }
#news                   { }
#right                  { float:right; width:670px; min-height:200px; _height:200px; margin:15px 0 0 15px; }
/* #right p                { padding-right:20px; padding-bottom:20px; } */

#foot                   { width:920px; min-height:100px; _height:100px; color:#fff; }
#foot a:link            { color: #cdd7dc; text-decoration: none; }
#foot a:active          { color: #cdd7dc; text-decoration: none; }
#foot a:visited         { color: #cdd7dc; text-decoration: none; }
#foot a:hover           { text-decoration: underline; }
#foot p                 { float:left; min-height:172px; _height:172px; padding:10px 20px 0 0; margin-right:20px; background:url('../Images/bg_footer_p.gif') no-repeat right; font-size:11px; color:#fff; }

#Logotype               { width:146px; height:199px; margin:25px 0 0 25px; }
#tmpWeather             { width:299px; height:161px; }
#Search_Field           { width:163px; height:20px; line-height:20px; padding:3px;  margin:12px 0 0 10px; background:url('../Images/bg_input.gif') no-repeat; border:1px solid #f2f2f2; font-size:12px; }
#vnav-top               { width:245px; min-height:11px; _height:11px; background:url('../Images/vnav_top.gif') no-repeat; }
#vnav-bottom            { width:245px; min-height:12px; _height:12px; height:12px; }
#footer_right           { background:none; text-align:center; width:100px; margin:auto; }
#img-vnav-bottom        { width:245px; height:12px; }

#info                      { float:left; width:299px; min-height:161px; _height:161px; margin-top:6px; background: url('../Images/weather_bg.png') no-repeat; }
.info_wblock               { float:left; display:inline; background:#f2f4f1; width:130px; min-height:134px; _height:134px; margin-top:10px; margin-left:10px; border:2px solid #ccd2ce; }
.View_Report               { display:block; }
.Weather_Loader            { margin:41px auto; text-align:center; width:100%; }
.Weather_Report            { display:none; }
.Weather_Report_Head       { margin:2px; background:#fff; display:block; }
.Weather_Report_Head span  { padding:4px; font-size:11px; color:#7a8180; font-weight:bold; }
span.DegreeText            { color:#0280d9; font-size:20px; font-weight:bold; border-left:1px solid #fff; padding-left:10px; }
img.Weather_Icon           { width:38px; height:38px; margin:2px; margin-left:6px; }
.Weather_Report_Desc       { margin:2px; background:#fff; display:block; padding:4px; min-height:100%; height:100%; }
.Weather_Report_Desc span  { font-size:11px; color:#7a8180; line-height:13px; padding:4px; }

#Search-Button             { margin-left:10px; cursor:pointer; }

#dyn_1                     { display:inline; float:left; }
#Search-Button2            { display:inline; float:left; margin:0px; padding:0px; padding-left:6px; width:27px; }
#subscribepanel            { float:left; width:231px; margin-top:10px; padding-left:10px; }
#subscribepanel span       { font-size:10px; display:block; line-height:14px; }
#dyn_1                     { width:163px; height:20px; line-height:20px; padding:3px;  margin:2px 0 0 0px; background:url('../Images/bg_input.gif') no-repeat; border:1px solid #f2f2f2; font-size:12px; }


#seach_result h2 a         { font-size:1.0em; }
#seach_result span         { font-size:1.0em; color:#878787; }

.ViewPanels                { display:none; }
.btnInactive               { filter:alpha(opacity=60); -moz-opacity:.6; opacity:.6; }
#knappar img               { width:96px; height:52px; cursor:pointer; }
    
#slideshow                 { position:relative; height:134px; }
#slideshow DIV             { position:absolute; top:0; left:0; z-index:8; opacity:0.0; height: 134px; background-color: #FFF; }
#slideshow DIV.active      { z-index:10; opacity:1.0; }
#slideshow DIV.last-active { z-index:9; }
#slideshow DIV IMG         { width:130px; height: 134px; display: block; border: 0; margin-bottom:0px; } 

.panels             { width:96px; height:52px; margin-bottom:2px; margin-left: 3px; text-align:center; cursor:pointer; }
.PanelText          { color:#093e8a; padding-top:2px; font-size:11px; font-weight:bold; font-family:Arial; }
.colorwhite         { color:#fff; }
    
#dbtn_1             { background: url('../../Images/panel_vader1.png') no-repeat; float: right; }
#dbtn_2             { background: url('../../Images/panel_bildgalleri1.png') no-repeat;  float: right;}
#dbtn_3             { background: url('../../Images/panel_webbkamera.png') no-repeat;  float: right;}
#dbtn_4             { background: url('../../Images/panel_hitta1.png') no-repeat;  float: right;}
#dbtn_5             { background: url('../../Images/panel_bokning.png') no-repeat; float: right; }
/* aöbaöböb */
div.clear           { clear: both; }

#news               { float:left; max-width:241px; padding:0; margin-top:10px; }
#NewsBlock          { text-align:center; width:241px; background: url('../../Images/aktuellt_bg.gif') repeat-x; min-height:45px; line-height:45px; _height:45px; margin:0px; padding:0px; }
#NewsBlock h2       { color:White; min-height:45px; line-height:45px; _height:45px; margin:0px; padding:0px; }
#news_Listing       { max-width:241px; margin:0px; padding:0; background:#c6d0d5; }

#LanguageBlock      { float:right; margin:0px 15px 5px 0px; }
.icons              { float:left; display:inline; width:60px; height:22px; background: url('../../Images/bg_topicons.png'); }
.icons img          { padding:3px 0px 0px 1px; width:15px; height:15px; }
.icons img:hover    { filter:alpha(opacity=40); -moz-opacity:.4; opacity:.4; }
.first-icon         { margin-left:4px; }  
.last-icon          { padding-left:0px; }  
.langs              { float:left; display:inline; margin-left:10px; }
.langs img          { padding:3px; }

