body, html {
	margin:0;
	padding:0;
	height:100%;
	font: 12px Arial;
	color: #1a1a1a;
	background: #f0f5f9 url(/bilder/design/bg.gif) repeat-x;
	
}

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

a { text-decoration:none; font-weight: bold; color: #6f879c; }

/* 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 a, .submenu_lv2 li a, .submenu_lv3 li a { color:#4e4d50; padding:3px 0; }
.submenu_lv1 li.active { font-weight:bold; }

.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; }
.input  { background-color:#f3f6ee; border:1px solid #4f8e4b; color:#003822; }
.l { color:#BCB9B4; padding:0 4px; }
.important { color:red; cursor:help; }
/* -------- */



#container {	width: 972px;
			_height: 100%;
			min-height: 100%;
			margin: 0 auto;
			background: url(/bilder/design/container_bg.gif) top center repeat-y; }

#topContainer {	width: 966px;
				height: 174px;
				background: url(/bilder/design/top_bg.jpg) top center no-repeat;
				padding-left: 7px;
				}

#mainContainer {	width: 960px;
				margin: 0 auto; }

#bottomContainer {	width: 100%;
					height: 10px;
					filter:alpha(opacity=95); -moz-opacity:.95; opacity:.95;
					background: #A2A5A8; }

#topStrip {	height: 9px;
			width: 100%;
			margin-top: 1px;
			background: #005172 url(/bilder/design/topStripe.gif);
			overflow: hidden;
			}

#midContainer {	width: 100%;
				margin-top: 20px;
				background: url(/bilder/design/mid_bg.gif); }

	#leftContent {	width: 176px;
					padding-left: 2px; 
					float:left; }

		.katOn {	background: #bfbfbf;  }
		.katOff { background: #f4f5f6; }
		.katOn, .katOff {	padding: 8px 0px 0px 14px;
							height: 22px;
							border-bottom: #eaecee solid 1px;
							}

		#sidorDiv {	background: #f3f3f3;
					padding: 15px 0px 15px 14px;
					line-height: 22px; }

		#NBDiv {	background: #f3f3f3;
				margin-top: 5px;
				padding-top: 24px;
				padding-left: 15px;
				min-height: 200px; }
		
		#BloggPuffDiv { 	background: url(/bilder/design/bloggPuff.gif) no-repeat;
						/*background: #a9c3a2;*/
						margin-top: 5px;
						padding: 15px; }

		#kampRub {	background: url(/bilder/design/kampanjer.gif);
					width: 100%;
					height: 60px; }

		.kampDiv {	margin-left: 8px;
					width: 150px;
					padding: 5px;
					padding-bottom: 5px;
					background: #bfbfbf; }


	#rightContent {	Width: 280px;
					float: right;
					padding-right: 10px; }

.bloggPuffProfbild {	float: right; 
					margin-right: -10px; 
					width: 70px; 
					height: 83px; 
					_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://demo24.impera.se/bilder/blogg/puffbilder/noname.png',sizingMethod='scale'); }

.bloggPuffProfbild[class] { float: right; margin-right: -10px; width: 70px; height: 83px; background: url(http://demo24.impera.se/bilder/blogg/puffbilder/noname.png); }
					
		.kronikaDiv {	padding:26px 0px 0px 10px;
						width: 270px;
						height: 20px;
						position: relative;
						background: url(/bilder/design/kronikaTop.gif) top left no-repeat;}

		.kronikaProfil {	width: 92px;
						height: 119px;
						position: absolute;
						top: -18px; right: 0px; 
						_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/bilder/design/kronikaProfil.png',sizingMethod='scale'); }

		.kronikaProfil[class] { Background-image:url('/bilder/design/kronikaProfil.png'); }
	
		.kronikaProfilPic {	position: absolute; 
							left: 9px; 
							top: 9px; }

		.kronikaText {	padding: 15px 0px 30px 8px; width: 265px; line-height: 18px; }
		
		
		.artikelPuffTop {	width: 270px; height: 15px; background: #d3d3d3; padding:3px 0 2px 10px; }
		
		.artikelPuffText {	padding: 10px 0px 30px 8px; width: 265px; line-height: 18px; }
		.artikelPuffText2 {	padding: 0px; line-height: 18px; }
		
		.kampanjerRight {	width: 280px; height: 20px; background: url(/bilder/design/kampanjer_right.gif); }
		.kampRightDiv {	width: 270px;
						padding: 5px;
						padding-bottom: 2px;
						background: #bfbfbf; }

		.redakInfoTop {	width: 280px; height: 14px; background: url(/bilder/design/redakInfoTop.gif); }
		.redakInfoText {	width: 254px; border: 1px solid #c2c2c2; border-top: 0px; padding: 30px 12px 30px 12px; font: 11px Arial; line-height: 17px; }


		#flipperContainer { width: 280px; margin-bottom: 24px; }
		#flipperContent { background: #f4f5f6; border: 1px solid #d6d6d6; border-top: 0px; height: 141px; width: 278px; }
		#flipperMenuContainer { height: 31px; width: 280px; position: relative; }
			.flipperAlt { position: absolute; bottom: 0px; height: 31px; width: 140px; float: left; }
			#flip1 { background: url(/bilder/flipper/1.gif) no-repeat left bottom; left: 0px; }
			#flip2 { cursor: pointer; background: url(/bilder/flipper/2_2.gif) no-repeat left bottom; right: 0px; }
			.flipperContent { padding: 18px 10px 0px 10px; }

	#midContent {	width: 460px;
					float: left;
					padding: 4px 0px 0px 13px;
					font-size: 12px;
					line-height: 18px; 
					}
		.ingress {
			margin-top: 4px;
			font-weight: bold;
		}
		.ingress a {
			text-decoration: underline;
		}
	
	
.hlinje {
	width: 460px; 
	height: 15px; 
	margin-bottom: 15px; 
	background-image:url(/bilder/design/hlinje.gif);
	background-repeat: repeat-x;
	clear: both;
}


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