html {
	background-image:url(/bilder/hemsida/background_html.jpg);
	background-repeat:repeat-y;
	background-position:center bottom;
}
html, body {
	margin:0;
	padding:0;
	background-color:#E7EAF1;
	font-family:Tahoma;
	font-size:11px;
	line-height: 14px;
}
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-weight:normal; }
img	{ border:none; }
strong { font-weight:bold; }
b { font-weight:bold }

div#wrapper {
	margin:0 auto;
	clear:both;
	position:relative;
	width:882px;
	background-image:url(/bilder/hemsida/background.jpg);
	background-repeat:repeat-y;
}
div#head { height:152px;	background-image:url(/bilder/hemsida/header.jpg); background-repeat:no-repeat; }
div#headKronika {
	clear:both;
	position:relative;
	top:30px;
	left:580px;
	height:72px;
	width:249px;
	padding:5px 5px 0 5px;
}
div#headKronika:hover { background-color:#4C7772;}
div#body {}
div#bodyLeft { width:535px; float:left; padding:0 0 15px 48px;}
#bodyLeft #menu {
	clear:both;
	height:30px;
	padding-left:2px;
	margin:5px 0 5px 0;
	color:#799BA1;
	font-family:Tahoma;
	font-size:10px;
	font-weight:bold;
	text-transform:uppercase;
	text-decoration:none;
}
#bodyLeft #menu #sok { padding-top:3px; float:right; margin-right:36px; width:162px;}
#bodyLeft #menu #sok .input {
	border:0;
	margin:0 0 0 0;
	padding:3px;
	height:13px;
	width:108px;
	font-size:10px;
	background-image:url(/bilder/hemsida/bg_search.gif);
	background-repeat:no-repeat;
}
#bodyLeft #menu #sok .button { border:0; margin:0; padding:0; height:19px; width:19px;}
#bodyLeft #menu a { color:#799BA1; font-size:10px; font-weight:bold; text-decoration:none;}
#flash { margin-bottom:10px;}
.hline { height:1px; background-color:#DDDEDA; color:#DDDEDA; border:0; margin:10px 0 10px 0;}
#bodyLeft #menu a:hover { color:#A9CBD1;}
#bodyLeft #content { clear:both; margin:10px 10px 0 0; padding:5px; width:510px;}
#bodyLeft #content .image { padding-bottom:5px;}
#bodyLeft #content .text { font-size:16px; font-weight:bold; color:#000000;}
#bodyLeft #content .textLiten { font-size:11px; font-family:Tahoma; line-height:14px; color:#444444;}
#bodyLeft #content .puffLeft { float:left; margin:0; padding:0; width:245px; padding-right:10px;}
#bodyLeft #content .puffRight { float:left; margin:0; padding:0; width:245px;}
#bodyLeft #content .puffLeft .space { float:left; width:10px; }
#bodyLeft #content .puffLeft .image { padding-bottom:5px; }
#bodyLeft #content .puffLeft .text { font-size:10px; }
#bodyLeft #content .puffRight .space { float:left; width:10px; }
#bodyLeft #content .puffRight .image { padding-bottom:5px; }
#bodyLeft #content .puffRight .text { font-size:10px; }
#bodyLeft #content .kronikaLeft { float:left; background-color:#EFF3F5; width:141px;}
#bodyLeft #content .kronikaLeft .namn { padding:8px 0 0 13px;}
#bodyLeft #content .kronikaRight { float:left; padding:5px 5px 10px 20px; width:335px; font-size:12px;}
#bodyLeft #content .kronikaRightAktiv { width:100%;}
#bodyLeft #content .kronikaRight .lasmer { font-size:11px; cursor:pointer; color:#5B7D83; font-weight:bold;}
#bodyLeft #content .kronikaRight .lasmindre { font-size:11px; cursor:pointer; color:#5B7D83; font-weight:bold;}
#bodyLeft #content .kronikaRight .header { font-size:12px; font-weight:normal;}
#bodyLeft #content .kronikaRight .ingress { font-size:11px; font-weight:normal; font-family:Tahoma;}
#bodyLeft #content .kronikaRight .krontext { font-size:11px; font-weight:normal; font-family:Tahoma;}
#bodyLeft #content .kronikaRight .footer { margin-top:10px; font-family:Tahoma; font-size:11px;}
#bodyLeft #content .kronikaRight .footer a { text-decoration:none; color:#5B7D83;}
#bodyLeft #content .kronikaRight .footer .tipsa .ikon { float:left; padding:3px;}
#bodyLeft #content .kronikaRight .footer .tipsa .lank { float:left; padding:3px;}
#bodyLeft #content .kronikaRight .footer .skrivut .ikon { float:left; padding:3px;}
#bodyLeft #content .kronikaRight .footer .skrivut .lank { float:left; padding:3px;}
#bodyLeft #content .ingredienser .footer { margin-top:10px; font-family:Tahoma; font-size:11px;}
#bodyLeft #content .ingredienser .footer a { text-decoration:none; color:#5B7D83;}
#bodyLeft #content .ingredienser .footer a:hover { text-decoration:none; color:#2B4D53;}
#bodyLeft #content .ingredienser .footer .tipsa .ikon { float:left; padding:3px;}
#bodyLeft #content .ingredienser .footer .tipsa .lank { float:left; padding:3px;}
#bodyLeft #content .ingredienser .footer .skrivut .ikon { float:left; padding:3px;}
#bodyLeft #content .ingredienser .footer .skrivut .lank { float:left; padding:3px;}
#bodyLeft #content  .footer { margin-top:10px; font-family:Tahoma; font-size:11px;}
#bodyLeft #content  .footer a { text-decoration:none; color:#5B7D83;}
#bodyLeft #content  .footer .tipsa { cursor:pointer; color:#5B7D83;}
#bodyLeft #content  .footer .tipsa .ikon { float:left; padding:3px;}
#bodyLeft #content  .footer .tipsa .lank { float:left; padding:3px; margin-right:5px;}
#bodyLeft #content  .footer .skrivut .ikon { float:left; padding:3px;}
#bodyLeft #content  .footer .skrivut .lank { float:left; padding:3px;}

div#bodyRight { width:246px; float:right; padding-bottom:15px; margin-right:48px; background-image:url(/bilder/hemsida/bg_sidebar.gif); background-repeat:repeat-y;}
#bodyRight #aktuellt { padding:14px 15px 30px 13px; background-image:url(/bilder/hemsida/header_sidebar.gif); background-repeat:no-repeat; color:#676184;}
#bodyRight .nyheter { padding:14px 15px 30px 13px; background-image:url(/bilder/hemsida/header_sidebar.gif);	background-repeat:no-repeat; color:#676184;}
#bodyRight .nyheter a { text-decoration:none; color:#676184; }
#bodyRight #tipsa { height:200px;padding:20px 25px 0 15px; background-image:url(/bilder/hemsida/header_sidebar.gif); background-repeat:no-repeat; font-size:11px; color:#676184; }
#bodyRight #nyhetsbrev {	padding:20px 25px 0 15px; font-size:11px; color:#676184;}
#bodyRight #kontakt { padding:15px 20px 15px 20px; color:#9C98AF; font-size:10px;}
#bodyRight #kontakt a { color:#9C98AF; text-decoration:none; }
div#foot { }
.sidebarHeader {	text-transform:uppercase; font-size:13px; color:#676184; font-weight:bold;}
.sidebarImage { padding:5px 0 8px 0;}
.sidebarCaption { font-weight:bold;}
.tipsaInput { width:203px; border:1px solid #BBB7CF; font-size:10px;	padding:2px; margin:1px 0 2px 0;}
.nyhetsbrevWrap { height:100px; }
.nyhetsbrevHead {  }
.kronbildLeft { float:left; margin:3px 10px 5px 0;}
.kronbildRight {	float:right; margin:3px 0 5px 10px;}
#bodyLeft #content .instruktioner {	font-weight:normal;}
#bodyLeft #content .ingredienser {font-weight:normal;}
#bodyLeft #content .beskrivning { font-weight:normal; font-size:11px;	line-height:14px; margin-bottom:20px;}
#bodyLeft #content ul { padding-left:15px;}
#clickMe { position:absolute; clear:both; top:25px; left:55px; height:50px; width:190px; cursor:pointer;}
#clickNovapark { position:absolute; clear:both; top:83px; left:140px; height:15px; width:97px; cursor:pointer;}
#clickSteninge { position:absolute; clear:both; top:83px; left:247px; height:15px; width:55px; cursor:pointer;}
.tipsaArtikel form{
	width:400px;
}
.tipsaArtikel {
	clear:both;
	padding:4px 5px 0px 15px;
	height:230px;
	width:400px;
	background-repeat:repeat-x;
	color:#676184;
}
.tipsaArtikel .input { border:1px solid #BFD0D4; background-color:#F7F9FB; margin:0; padding:3px; height:13px; width:125px; font-size:10px;}
.tipsaArtikel .textarea { border:1px solid #BFD0D4; background-color:#F7F9FB; margin:0; padding:3px; height:70px; width:270px; font-size:10px; font-family:"MS Shell Dlg";}
.fulltextlink { text-decoration:none; color:#444444; }
#submenu { height:36px; 	background-repeat:repeat-x; width:502px; margin:-9px 0 20px -5px;}
#submenu a { text-decoration:none; color:#676184; font-weight:bold;}
#submenu ul { list-style:none; margin:0; padding:0 0 0 10px;}
#submenu li {	padding:5px 10px 0 10px; margin:0 0 0 0; border-top:1px solid #CCCCCC; float:left;}

.footerclear {
 clear:both; 
 width:834px;
 height:0px; 
 padding:0; 
 margin:0; 
 background-image:url(/bilder/hemsida/bg_sidebar.gif); 
 background-repeat:repeat-y;
 background-position:588px 0;
}

/* 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, .submenu_lv2 li, .submenu_lv3 li { padding:3px 5px 3px 0; margin:0 8px 0 0; border-right:1px solid #CCCCCC; float:left;}
.submenu_lv1 li a, .submenu_lv2 li a, .submenu_lv3 li a { color:#4e4d50; }
.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; height:0; }
.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:#000000; }
.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;}
   #content{visibility: visible; position:absolute; top: 0px; left: 0px; width:100%; background-color: #FFFFFF;}
   #content *{visibility: visible;}
   #bodyRight { display:none; }
   #bodyRight * { display:none; }
   .kronikaInaktiv {visibility: hidden;}
   .kronikaInaktiv * {visibility: hidden;}
}