﻿/* 
	Layout styles
	2006-02-08, johan weitner at mogul
*/


/* BODY */
/*body {
margin:0;
padding:0;
background-color:#d7d7d7;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#000;
}*/
form.mainForm {
margin:0;
padding:0;
/*width:975px;
overflow:hidden;*/
 }
#home { display:block; width:155px;height:92px; }
ol, ol li { background-image:none !important; margin:auto; padding:auto;}

#content { 
background-color:#FFF; 
padding:0 10px 9px 20px; 
width:966px;
margin-top:11px; 
overflow:hidden; 
background-image:url(/images/leftcolbg.gif); 
background-repeat:repeat-y; 
background-position:20px 0;
overflow:hidden;
}
#frontpage #content { background-image:none !important; }
br.all {
display:block;
float:none;
clear:both;
height:1px;
width:100%;
font-size:1px;
line-height:1px;
}

.boxdivider {
display:block;
float:none;
clear:both;
height:10px;
width:100%;
}

* html .boxdivider {
display:none;
}

/* PAGE HEAD */
/*#head {
background:#FFF url(../img/headbg.jpg) no-repeat; 
height:92px; 
position:relative; 
width:966px;  
}*/
/* ---global---*/
#head {
background-color:#FFF;
height:92px; 
position:relative; 
width:966px;  
}

#supportnav { 
list-style:none; 
margin:0; 
padding:0; 
position:absolute; 
top:9px; 
right:-5px;
}

#supportnav li { 
list-style:none; 
margin:0 15px 0 5px; 
padding:0; 
float:left; 
background-image:none !important;
}

#supportnav li a { 
font-size:10px; 
text-transform:uppercase; 
text-decoration:none; 
}

.linkSupport
{
	text-decoration: none;
	text-transform:uppercase;
	font-family: VERDANA;
	font-size:9px;
	background-color: #FFFFFF;
	padding:5px 0px 0px 20px;
	margin:0px 0px 0px 0px;
}

/*TOP NAV*/
.linkMenuTopMain
{
	text-decoration: none;
	text-transform:uppercase;
	font-family: VERDANA;
	font-size: 9px;
	padding:5px 10px 1px 10px;
	margin:0px 0px 0px 0px;
	height:19px;

}

.linkMenuTopMainSelected
{
	text-decoration: none;
	text-transform:uppercase;
	font-family: VERDANA;
	font-size: 9px;
	background-color: #FFFFFF;
	padding:4px 10px 1px 10px;
	margin:0px 0px 0px 0px;
	height:18px;
}


#topnavv { 
list-style:none; 
margin:0; 
padding:0; 
position:absolute; 
top:67px; 
left:270px; 
}
#topnavv li { 
list-style:none; 
margin:0; 
padding:0; 
float:left; 
padding:0 10px;
height:23px; 
line-height:23px; 
border-top:1px solid #2C2491; 
border-bottom:1px solid #2C2491; 
background-image:none !important;
} 
#topnavv li a { 
color:#FFF; 
font-size:10px; 
text-transform:uppercase; 
text-decoration:none;  
}

.on { 
background-color:#FFF; 
color:#000; 
height:23px; 
border-color: #DEDEDE !important; 
}
.on a { 
color:#000 !important; 
}

.onsup { 
color:#000; 
height:23px; 
}
.onsup a { 
color:#000 !important; 
}



/* MAIN CONTENT */
#maincontent { 
/*margin-top:12px; */
margin:0;
}


/** html #quip { 
margin-top:12px; 
}*/
/* container for contentLeft and contentRight */
.content, .sectionstartContent
{
	float:left;
	width:779px;
	height:366px;
	padding:0px 0px 30px 20px;
	margin:0px;
}

.sectionstartContent
{
		padding:0px 0px 0px 20px;
}

.content[class]
{
	height:auto;
	min-height:366px;
}

.contentLeft
{
	float:left;
	width:402px;
	padding:0px;
	margin:0px 40px 0px 0px;
}

.contentLeftWide
{
	float:left;
	width:525px;
	margin:0px;
	padding:0;
}

/* FRONT */
.box { 
width:234px; 
height:235px; 
margin-right:10px; 
background-color:#FFF; 
float:left; 
overflow:hidden; 
}
.row1 { height:225px; }
.row2 { height:184px; }
.nomarg { margin:0px !important; }
.halfeach img { margin:1px; }
.box h3 { 
font-weight:normal; 
font-size:14px; 
text-transform:uppercase; 
}
.box p { margin:0 15px !important; }

* html .row2 { margin-top:-1px; }
/* end FRONT */






/* FOOTER */
/* #footer { 
width:980px; 
text-align:right; 
margin-top:7px; 
font-size:10px; 
}*/
/*
.footerItem
{
	padding:6px 5px 0px 5px;
	font-size:9px;
	font-family:verdana;
}
*/




/* LEFT NAV */
.leftMenuTopItem
{
	font-family: Arial;
	font-size: 10px;
	padding:3px 17px 2px 3px;
	margin:0px 0px 0px 0px;
	height:17px;
	background-color: #FFFFFF;
	width:143px;
	text-decoration: none;
	text-transform:uppercase;
}

#leftMenuItem
{
	float:left;
	font-family: Arial;
	font-size: 10px;
	padding:5px 10px 7px 7px;
	margin:1px 0px 0px 0px;
	background-repeat:repeat-x;
	background-position:bottom;
	width:148px;
	text-decoration: none;
	text-transform:uppercase;
}
#leftMenu a
{
	text-decoration:none;
}


#leftMenuItem a
{
	color:#ffffff;
	text-decoration: none;
}

.leftmenuSubItem a
{
	text-decoration:none;
	float:left;
}

.leftmenuSubItem
{
	font-family: Arial;
	font-size: 10px;
	float:left;
	line-height:12px;
	text-decoration:none;
	padding:5px 4px 4px 8px;
	margin:0px;
	width:153px;
}

.leftmenuSub3Item
{
	float:left;
	font-family: Arial;
	font-size:10px;
	line-height:12px;
	padding:0px 10px 3px 20px;
	margin:0px;
	width:119px;
	/*background-color:#c8c8c8;*/
}

.arrowWhite
{
	background-position:0px 3px;
	padding-left:12px;
	float:left;
	background-repeat:no-repeat;
	background-image:url(/images/Leftmenu/white_arrow.gif);
}

.arrowActivSelected
{
	background-position:0px 3px;
	padding-left:12px;
	background-repeat:no-repeat;
	/*background-image:url(/images/Leftmenu/active_arrow.gif);*/
		background-image:url(/images/Leftmenu/leftnavarrw_on.gif);
}

.arrowWhiteSelected
{
	background-position:0px 3px;
	padding-left:12px;
	background-repeat:no-repeat;
	background-image:url(/images/Leftmenu/active_WhiteArrow.gif);
	/*background-image:url(/images/Leftmenu/leftnavarrw_on.gif);*/
}

.squareWhite
{
	background-position:9px 4px;
	background-repeat:no-repeat;
	background-image:url(/images/Leftmenu/white_square.gif);
}

.squareWhiteSelected
{
	background-position:9px 4px;
	background-repeat:no-repeat;
	/*background-image:url(/images/Leftmenu/white_square.gif);*/
	background-image:url(/images/Leftmenu/leftnavbullet_on.gif);
}


#leftcol {
width:166px;
background-color:#DEDEDE;
/*margin-top:-12px;*/
margin-top:0;
float:left;
clear:left;
}

.minHeight386
{
height:386px;
}

.minHeight386[class] 
{
height:auto;
min-height:386px;
}

#leftnav {
list-style:none;
margin:0;
padding:0;
}
#linksleft {
list-style:none;
margin:25px 0 0 0 !important;
padding:0;
}

#leftcol #location { 
color:#2D2592; 
background-color:#FFF; 
border:1px solid #DEDEDE;
border-top:none;
	font-size: 10px;
	padding:7px 10px !important;
	margin:0 !important;
	text-transform:uppercase;
}


/* LEFT NAV LEVEL 1 */
#leftnav li,#leftnav li.on, #linksleft li,#linksleft li.on {
list-style:none;
background-color:#DEDEDE;
	font-size: 10px;
	margin:0;
	padding:0;
	width:166px;
	text-decoration: none;
	text-transform:uppercase;
	border-bottom: 1px solid #E3E3E2;
	background-image:none;
	height:auto;
}
#leftnav li a, #leftnav li.on a, #linksleft li a, #linksleft li.on a {
	display:block;
	padding:5px 10px 5px 10px;
	color:#000000;
	background-image:url(../img/bgLeftMenu.gif);
	background-repeat:repeat-x;
	background-position:bottom;
	text-decoration: none;
	text-transform:uppercase;
}
#leftnav li.on a, #linksleft li.on a {
color:#D20100 !important;
}
#leftnav li.on ul li a, #linksleft li.on ul li a {
color:#000 !important;
}

/* LEFT NAV LEVEL #2 */
#leftnav ul { 
display:block !important;
margin:0; 
padding:0; 
background-color:#C8C8C8; 
}
#leftnav ul li, #leftnav ul li.on { 
background-image:none; 
background-color:#C8C8C8; 
border:none; 
}
#leftnav ul li a { 
background-color:#C8C8C8; 
text-transform:none !important; 
background-image:url(../img/leftnavarrw.gif) !important; 
background-repeat:no-repeat !important; 
background-position:10px 5px !important; 
padding:2px 10px 2px 22px !important;
}
#leftnav ul li.on a { 
color:#D20000 !important; 
background-image:url(../img/leftnavarrw_on.gif) !important; 
}
#leftnav li.on ul { display:block; }


/* LEFT NAV LEVEL #3 */ /* OK */
#leftnav ul li.on ul, #leftnav ul li ul { 
display:block !important;
margin:0; 
padding:0; 
background-color:#C8C8C8; 
}
#leftnav ul li.on ul li, #leftnav ul li.on ul li.on, #leftnav ul li ul li { 
background-image:none; 
background-color:#C8C8C8; 
border:none; 
}
#leftnav ul li.on ul li a, #leftnav ul li ul li a { 
background-color:#C8C8C8; 
text-transform:none !important; 
background-image:url(../img/leftnavbullet.gif) !important; 
background-repeat:no-repeat !important; 
background-position:10px 6px !important; 
padding:2px 10px 2px 22px !important; 
margin-left:10px; color:#000 !important;
}
#leftnav ul li.on ul li.on a, #leftnav ul li ul li.on a { 
color:#D20000 !important; 
background-image:url(../img/leftnavbullet_on.gif) !important; 
}
#leftnav ul li.on ul, #leftnav ul li ul, #leftnav li ul li ul  { 
display:block !important; 
}

/* IE fixes */
* html #leftnav li.on ul li, * html #leftnav li.on ul li ul li  { margin:0 0 -3px 0 !important; }
* html #leftnav li.on ul, * html #leftnav li.on ul li ul { margin:0 0 3px 0 !important; }

* html #leftnav li ul li, * html #leftnav li ul li ul li  { margin:0 0 -3px 0 !important; }
* html #leftnav li ul, * html #leftnav li ul li ul { margin:0 0 3px 0 !important; }

/* end LEFT NAV */


#bodycontent { padding-top:11px !important; }
#frontpage #bodycontent { padding-top:9px !important; }

/* SECTION START PAGE specifics */
/*sectionstart #bodycontent { width:789px; float:left; margin-left:20px;padding-left:1px }*/
#sectionstart #bodycontent { width:779px; float:left; margin-left:20px;padding-left:1px; overflow:hidden !important; }
#sectionstart .box1 { width:291px; float:left; margin-right:10px; overflow:hidden; }
#sectionstart .box2 { width:234px; float:left; margin-right:10px; overflow:hidden; }
#sectionstart .box3 { width:234px; float:left; overflow:hidden; }
#sectionbodyrow1 { background-image:none; margin-bottom:0px;height:235px;float:left;}
#sectionbodyrow2 { background-image:none; margin-bottom:10px; }

 * html #sectionbodyrow1 { height:100px; } 





/* BASIC PAGE specifics */
#page #bodycol1 { width:402px; margin-left:20px; float:left; overflow:hidden; }
#page #bodycol2 { width:319px; margin-left:41px; float:left; overflow:hidden; }

#page .box { height:auto; width:319px; margin:0 0 30px 0; }
#page .txtbox { padding:16px; width:287px; }




/* BASIC PAGE WIDE specifics */
#pagewide #bodycontent { width:762px !important; margin-left:186px !important; }
* html #pagewide #bodycontent { margin-left:183px !important; }


/* 
	Editor styles 
	2006-02-10, johan weitner at mogul

*/

p { padding:0px 0px 14px 0px; margin:0px !important; }

a img { border:none; }

.bodyitem h2 { margin:0 !important; text-transform:uppercase; font-size:14px !important; }
.bodyitem h1 { margin:0 0 15px 0 !important; }

.newslisting { color: #FFF; background-color:#2C2491; text-decoration:none; }
.newslisting:link { color: #FFF; background-color:#2C2491; text-decoration:none; }
.newslisting:visited { color: #FFF; background-color:#2C2491; text-decoration:none; }

/* Editor styles */

.White
{
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
line-height:14px;
color:#ffffff;
text-decoration: none;
padding:0px 0px 14px 0px;
margin: 0px;
EditMenuName: Vit - Br?dtext;
}

h1 {
font-family:Arial, Helvetica, sans-serif;
font-size:20px;
line-height:24px;
font-weight:normal;
margin:0 0 10px 0 !important;
padding:0 !important;
EditMenuName: Huvudrubrik [H1];
}

h2 {
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
line-height:14px;
text-transform:uppercase;
font-weight:normal;
margin:0 0 10px 0 !important;
padding:0 !important;
EditMenuName: Underrubrik [H2];
}

h2.white
{ 	
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
line-height:14px;
color:#ffffff;
text-transform:uppercase;
font-weight:normal;
margin:0px;
padding:0px 0px 0px 0px;
EditMenuName: Vit - Underrubrik [H2];
}


h3 
{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
line-height:12px;
font-weight:bold;
margin:0 0 10px 0 !important;
padding:0 !important;
EditMenuName: Mellanrubrik [H3];
}

h3.white
{
	font-size:11px;
	line-height:12px;
	color:#ffffff;
	font-weight:bold;
	margin:0px;
	padding:0px;
	EditMenuName: Vit - Mellanrubrik [H3];
}

/* ------ Links -------- */

a
{
	color:#000000;
	text-decoration: underline;
}

.newsLinkWhite
{
	font-size:11px;
	line-height:14px;
	text-decoration: none;
	color:#ffffff;
}

.newsLinkBlack
{
	font-size:11px;
	line-height:14px;
	text-decoration: underline;
	color:#000000;
}

.arrowLinkBlack
{
	font-size:11px;
	line-height:14px;
	color:#000000;
	text-decoration:none;
	margin:0px 0px 0px 0px;
	padding:0px 0px 3px 0px;
	EditMenuName: Pill?nktext;
}

.arrowLinkBlack a
{
	color:#000000;
	text-decoration:none;
}

.arrowLinkWhite
{
	font-size:11px;
	line-height:14px;
	color:#ffffff;
	text-decoration:none;
	margin:0px 0px 0px 0px;
	padding:0px 0px 3px 0px;
	EditMenuName: Vit - Pill?nktext;
}

.arrowLinkWhite a
{
	color:#ffffff;
	text-decoration:none;
}

p.smallPadding
{
	margin:0px 0px -10px 0px;
	position:relative;
	top:-10px;
	padding:0px 0px 14px 0px;
	EditMenuName: Pill?nk, mellanrum;
}

/* list */

ul
{
      padding:0px;
      margin:4px 0px 10px 0px;
      list-style-type:none;
}

ol
{
      padding:0px;
      margin:0px 0px 10px 0px;
}

ul li
{
      margin:0px 0px 0px 0px;
      padding:0px 0px 0px 12px;
      background-repeat:no-repeat;
      background-image:url(/images/listSquare.gif);
      background-position:0px 5px;
}

ol li
{
      margin:0px 0px 0px 24px;
      padding:0px 0px 0px 0px;
      background-image:none;
}

hr
{
	height: 0.1em;
	color: #95632F;
}

hr.light
{
	height: 0.1em;
	color: #F0E5CE;
}

/* --------- Image format ----------- */
img.LeftImage
{
	float: left;
	margin: 0px 10px 10px 0px;
	EditMenuName: Bild v?nster;
}

img.RightImage
{
	float: right;
	margin: 0px 0px 10px 10px;
	EditMenuName: Bild h?ger;
}
/* --------- Table borders----------- */
.blackBorder 
{
	border: solid 1px #000000;
}

.blueBorder 
{
	border: solid 1px #2d2491;
}