* { outline: 0; }
body, html {
	margin:0;
	padding:0;
	height:100%;
	font: 11px Georgia;
	color: #858585;
	line-height: 20px;
	background-color: #747474;
}

img	{ border:none; }

a:link { color: #2e557b; text-decoration: none; }
a:visited { color: #2e557b; text-decoration: none; }
a:active { color: #2e557b; text-decoration: none; }
a:hover { color: #2e557b; text-decoration: underline; }

a.footerlank:link { color: white; text-decoration: none; }
a.footerlank:visited { color: white; text-decoration: none; }
a.footerlank:active { color: #c0c0c0; text-decoration: none; }
a.footerlank:hover { color: #c0c0c0; text-decoration: none; }


.container                                  { margin: auto; width: 1050px; margin-top: 5px; }
    .top                                    { width: 1004px; height: 32px; margin: auto; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/bilder/top_shadow.png',sizingMethod='crop'); }
    .top[class]                             { background-image: url("/bilder/top_shadow.png"); }
    
    .middle_bg                              { width: 1004px; margin: auto; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/bilder/middle_bg.png',sizingMethod='scale'); }
    .middle_bg[class]                       { background-image: url("/bilder/middle_bg.png"); }
       .innerContainer                      { width: 960px; margin: auto; }
            .aboveLogo                      { width: 960px; height: 60px; }
            .logo                           { width: 960px; height: 148px; }
                .bild1                      { width: 318px; height: 130px; float: left; margin-left: 1px; _margin-left: 1px; }
                .bild2                      { width: 318px; height: 130px; float: left; margin-left: 2px; _margin-left: 1px; }
                .bild3                      { width: 318px; height: 130px; float: left; margin-left: 2px; _margin-left: 1px; }
            .menu                           { width: 960px; height: 39px; background-image: url("/bilder/menu_bg.png"); text-align: center;}
            .content                        { width: 960px; min-height: 300px; _height: 300px; margin-top: 2px; background-image: url("/bilder/content_bg.png"); background-repeat: no-repeat; }
            .contentFooter                  { width: 960px; height: 115px; background-image: url("/bilder/contentFooterLogos.png");  background-position:center center; background-repeat:no-repeat;}
        
    .bottom                                 { width: 1004px; height: 22px; margin: auto; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/bilder/bottom_shadow.png',sizingMethod='crop'); }
    .bottom[class]                          { background-image: url("/bilder/bottom_shadow.png"); }
    
    .footer                                 { width: 960px; margin: auto; text-align: center; color: white; margin-top: 5px; padding-bottom: 25px;  }
    
    
    
    .puff_hotell_gasslingen                 { float: left; width: 286px; height: 208px; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/bilder/puffar/hotell_gasslingen.png',sizingMethod='crop'); }
    .puff_hotell_gasslingen[class]          { background-image: url("/bilder/puffar/hotell_gasslingen.png"); }
    
    .puff_skanors_gastgifvaregard           { float: left; width: 286px; height: 208px; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/bilder/puffar/skanors_gastgifvaregard.png',sizingMethod='crop'); }
    .puff_skanors_gastgifvaregard[class]    { background-image: url("/bilder/puffar/skanors_gastgifvaregard.png"); }
    
    .puff_norregard                         { float: left; width: 286px; height: 208px; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/bilder/puffar/norregard.png',sizingMethod='crop'); }
    .puff_norregard[class]                  { background-image: url("/bilder/puffar/norregard.png");  }
    
    .puff_badhytten                         { float: left; width: 286px; height: 208px; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/bilder/puffar/badhytten.png',sizingMethod='crop'); }
    .puff_badhytten[class]                  { background-image: url("/bilder/puffar/badhytten.png"); }
    
    .puff_hotell_spelabacken                { float: left; width: 286px; height: 208px; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/bilder/puffar/hotell_spelabacken.png',sizingMethod='crop'); }
    .puff_hotell_spelabacken[class]         { background-image: url("/bilder/puffar/hotell_spelabacken.png"); }




/* För stilning av den nya ul-li-menyn */
.submenu_lv1, .submenu_lv2, .submenu_lv3 { padding:0; margin:0; list-style:none; display: inline;  font-variant:small-caps; }
.submenu_lv1 li a, .submenu_lv2 li a, .submenu_lv3 li a { color:#4e4d50; padding:3px 0; font-variant:small-caps; }
.submenu_lv1 li.active { font-weight:bold; }

.submenu_lv1 a { font-variant:small-caps; }
.submenu_lv1 li { display: inline; font-variant:small-caps; }

.submenu_lv2 li.active { font-weight:normal; }
.submenu_lv2 li { padding-left:10px; }
.submenu_lv2 li a { font-weight:normal; }

.submenu_lv3 li { padding-left:10px; font-style:italic; }
.submenu_lv3 li.active {  }
/* -------- */

/* Användbara klasser */
.clear  { clear:both; }
.left { float:left; margin:0 4px 3px 0; }
.right { float:right; margin:0 0 3px 4px; }
.hr { margin-top:8px; width:95%; height:8px; border-top:1px solid #E5EBDC; margin:0 auto; } /* Horisontellt streck med div */
.input  { background-color:#f3f6ee; border:1px solid #4f8e4b; color:#003822; }
.l { color:#BCB9B4; padding:0 4px; } /* Stående streck (avskiljare) */
.important { color:red; cursor:help; } /* Stjärna (krav) vid formulär*/
/* -------- */

/*CSS för utskrift*/
@media print{
   body *{visibility: hidden;}
   body {background-color: white;}
   .printYta{visibility: visible; position:absolute; font-family: georgia; font-size: 12px; font-weight: none; line-height: 30px; top: 0px; left: 0px; width:100%; color: Black; background-color: #FFFFFF;}
   .printYta *{visibility: visible;}
   .printYta p{ font-size: 150%; }
}