* { outline: 0; }
body, html {
	margin:0;
	padding:0;
	height:100%;
	font: 11px arial;
	color: #636466;
	line-height: 18px;
	background-color: #ffffff;
	background-image: url("/bilder/bg.png"); 
	background-position: center;
	background-repeat: repeat-y;

}

input, textarea, select { font-family: Arial; font-size: 11px; }

h1	{ padding:10px 0px 5px 0px; margin:0px; font-size:16pt; }
h2	{ padding:7px 0px 0px 0px; margin:0px; font-size:14pt; }
h3	{ padding:5px 0px 5px 0px; margin:0px; font-size:12pt; }
p	{ margin:9px 0px 13px 0px; }
img	{ border:none; }


a:link		{text-decoration: none; color: #f89a51; font-weight: none;}
a:visited	{text-decoration: none; color: #f89a51; font-weight: none;}
a:active	{text-decoration: none; color: #f89a51; font-weight: none;}
a:hover		{text-decoration: none; color: #333333; font-weight: none;}


.container                      { width: 100%; height: 100%; background-image: url("/bilder/header_bg.png"); background-repeat: no-repeat; background-position: top center; }
.innerContainer                 { width: 1002px; height: 100%; margin: 0px auto; }
    .header                     { width: 952px; height: 15px; margin-left: 25px; padding-top: 7px; }
        .logo                   { padding-left: 15px; padding-top: 5px; float: left; }
        .lang                   { padding-right: 1px; padding-top: 8px; float: right; }
    .bildspel                   { width: 940px; height: 237px; padding-left: 6px; margin-top: 10px; }
    .menu                       { width: 940px; height: 36px; margin-left: 6px; background-image: url("/bilder/menu_bg.png"); }
    .contentContainer           { width: 940px; margin-left: 6px; padding-top: 45px; }
        .innerLeft              { width: 310px; padding-left: 10px; float: left; overflow: hidden; }
        .innerLeft_info         { width: 200px; padding-left: 10px; float: left; }
        .innerMiddle            { width: 300px; min-height: 352px; _height: 352px; background-image: url("/bilder/nyheterBG.png"); background-repeat: no-repeat; float: left;  }
        .innerMiddle_info       { width: 500px; min-height: 400px; _height: 400px; padding-bottom: 25px; float: left;  }
            .aktuellt           { width: 300px; min-height: 352px; _height: 352px; background-image: url("/bilder/aktuellt_bg.png"); background-repeat: no-repeat; }
        .innerRight             { width: 300px; min-height: 352px; _height: 352px; float: right;  }
            .rightMenu          { width: 300px; min-height: 352px; _height: 352px; }
                #forelasningar  { width: 300px; min-height: 35px; _height: 35px; background-image: url("/bilder/aktuellt_bg.png"); background-repeat: no-repeat;  }
                #uppringd       { width: 300px; min-height: 35px; _height: 35px; background-image: url("/bilder/ihoppfalld_bg.png"); background-repeat: no-repeat;   }
                #mote           { width: 300px; min-height: 35px; _height: 35px; background-image: url("/bilder/ihoppfalld_bg.png"); background-repeat: no-repeat;   }
                #stallenfroga   { width: 300px; min-height: 35px; _height: 35px; background-image: url("/bilder/ihoppfalld_bg.png"); background-repeat: no-repeat;   }
                #kundlogin      { width: 300px; min-height: 35px; _height: 35px; background-image: url("/bilder/ihoppfalld_bg.png"); background-repeat: no-repeat;   }
        .bottomPuffs            { width: 940px; height: 150px; padding-bottom: 50px; padding-top: 20px; }
            .erbjudandePuff     { width: 309px; height: 153px; float: right; }
            .erbjudPuff_content { width: 193px; height: 153px; float: left; background-image: url("/bilder/erbjudande_puff.png");  }
            .erbjudPuffImage    { width: 116px; height: 153px; float: left; }
            .erbjudPuffCourner  { width: 116px; height: 153px; background-image: url("/bilder/rundahorn.png"); _background-image: none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/bilder/rundahorn.png',sizingMethod='crop');  }
            .regionokommun      { width: 110px; height: 12px; margin-top: 51px; margin-left: 15px; position: absolute; cursor: pointer; }
            .foretag            { width: 110px; height: 12px; margin-top: 68px; margin-left: 15px; position: absolute; cursor: pointer; }
            .idrott             { width: 110px; height: 12px; margin-top: 82px; margin-left: 15px; position: absolute; cursor: pointer; }
            .ideell             { width: 110px; height: 12px; margin-top: 98px; margin-left: 15px; position: absolute; cursor: pointer; }
            .arena              { width: 110px; height: 12px; margin-top: 115px; margin-left: 15px; position: absolute; cursor: pointer; }
    .footer                     { width: 960px; height: 95px; background-image: url("/bilder/footer_bg.png"); margin-left: -4px; }

/* För stilning av den nya ul-li-menyn */
.submenu_lv1, .submenu_lv2, .submenu_lv3 { padding:0; margin:0; list-style: none; }
.submenu_lv1 li { font-family: arial; font-size: 10px; }
.submenu_lv1 li { display: inline; list-style: none; }
.menu li { display: inline; text-transform: uppercase;  }

.submenu_lv2 li.active { font-weight:normal; }
.submenu_lv2 li { padding-left:10px; }
.submenu_lv2 li a { font-weight:normal; }
.submenu_lv2 {  margin-bottom: 6px; margin-left: 6px; margin-top: 0px; }

.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*/
/* -------- */

.blogg_puff {
	width: 309px;
	height: 164px;
	background: url(/blogg/bilder/design/bg_blogg_puff.png) no-repeat; 
	position:relative;
	overflow: hidden;
}

.blogg_puff_datum {
	left:20px;
	top: 3px;
	position:absolute;
	text-align:center;
	width:25px;
}

.blogg_puff_datum img{
	display:block;
	margin:0 auto;
	overflow:hidden;
	padding:0;
}

.blogg_puff_content {
	left:73px;
	position:absolute;
	top:19px;
	width:220px;
}
.blogg_puff_content h3{
	color: #333333;
	padding: 0;
	margin: 0;
	font-size: 12px;
}

.blogg_puff_content p {
	margin:5px 0 13px;
}

* HTML .blogg_puff {
	background: url(/blogg/bilder/design/bg_blogg_puff.gif) no-repeat; 
}

/*CSS för utskrift*/
@media print{
   body *{visibility: visible;}
   body {background-color: white;}
   #printyta{visibility: visible; position:absolute; top: 0px; left: 0px; width:100%; background-color: #FFFFFF;}
   #printyta *{visibility: visible;}
}