/*--------------------------------------------------------------------------------------------------------------
Copyright Posten AB 2006
---------------------------------------------------------------------------------------------------------------*/
/* Nollställer webbläsarnas olika default lägen */
* {
	margin: 0;
	padding: 0;
}
html {
	font-size: 125%;/* Detta motsvarar 20 pt. I procent för att em ska fungera i IE */
}
body {
    font: 50%/1.3em  Verdana, Arial, Helvetica, sans-serif;  /* motsvarar 10pt = 1 em */
	text-align: center; /* IE 6 fix eftersom den ej gillar margin 0 auto */
}
input, select, textarea {
    font: 1em  verdana, Arial, Helvetica, sans-serif;
}

blockquote {
    padding-left: 5em;
}

#mainWrap {
	width: 85.2em;
	text-align: left; /* återställer text justeringen*/
	margin: 0 auto; /* centrera innehållet */
}
#top {
	width: 85.2em;
}
/* Innehåller 0.6 em vit border längst till höger */
/* Innehåller även bkg-bild för att högerytan ska synkas med content */
#mainContent {
	width: 84.6em; /* avdrag för 0.6 emborder till höger */
	display: block;
	background-position: 70% 0%;
	overflow: hidden; /*flödar över till höger i safari utan detta*/
}
/* för butiken pga grön färg i högerytan. Annars samma som ovan */
#mainContentShop {
	width: 84.6em; /* avdrag för 0.6 em border till höger */
	display: block;
	background-position: 70% 0%;
	overflow:hidden; /*flödar över till höger i safari utan detta*/
}
/* För att bild container.gif och container_butik.gif ska kunna förstoras */
.mainContentBackground {
	width: 85.2em;
	height: .1em;
}
 /* Behållare för innehållsytan */
 #containerContent {
	width: 58.6em; /* lite extra för högerytans skull */
	min-height: 46.8em; /* funkar ej i IE 6 */
	float: left;
}
/* Behållare för foten */
#footer {
	width: 85.2em;
	height: 1.2em;
	clear: both;
}
/* Accesskeys */
.hotKeys {
	position: absolute;
	font-size: 0;
	left: -999px;
	width: 500px;
}
/*--------------------------------------------------------------------------------------------------------------
Topp
---------------------------------------------------------------------------------------------------------------*/
#logotype {
	margin: 1.8em 0 0 2.4em; /*placering av loggan */
	float: left; /* så att topplänkarna ligger till hö om loggan */
	width:6.2em; /* Safari behöver specad bredd */
}
#logotype img {
	margin: 0 0 -1.1em 0; /*placering av loggan */
}
/* För att kunna förstora loggan */
#imgLogotype {
	width: 6.2em;
	height: 6.2em;
}
/* Topplänkar */
#topLinks  {
	margin: 1.8em 1.3em 0 0; /* Avstånd topp och flytta åt höger */
	float: right;
	width:53em; /* Safari behöver specad bredd */
}
#topLinks ul {
	list-style: none;
}
#topLinks li {
	float: left;
}
#topLinks a:link, #topLinks a:active, #topLinks a:visited {
	text-decoration: none;
	padding: 0 2.4em 0 0;
}
#topLinks a:hover {
	text-decoration: underline;
}
.topLinksSearch {
	font-weight: bold;
	padding: 0 0 0 5.2em;
	float: left;
}
.indataSearch {
	width: 10.2em;
	font-size: 1em;
}
/* Flikmeny */
#menuTabs {
	width:auto;
}
#menuTabs ul {
    list-style:none;
	float:right;
}
#menuTabs li {
    float:left;
	width: 8.9em; /*avdrag för padding o margin. Är 9.9 em */
	height: 2.3em;
    padding: 0 0 0 1em; /*padding för text till höger, (sätt padding till vänster i a länk, annars hamnar ej right corner rätt*/
 	margin: 0 .1em 0 0;
	background-image: url(/img/css/corner_l.gif);
	background-position: left top;
	background-repeat: no-repeat;
}
#menuTabs a:link, #menuTabs a:hover, #menuTabs a:active, #menuTabs a:visited  {
    display: block;
	background-image: url(/img/css/corner_r.gif);
	background-position: right top;
	background-repeat: no-repeat;
    padding: .4em 0 .3em 0; /*justera höjden uppåt och nedåt, samt placera texten i knappen vertikalt*/
    text-decoration:none;
	font-size: 1.2em;
    font-weight: bold;
}
#menuTabs a:hover {
}
/*färgad pixel som border på vald flik*/
#menuTabs li#selected {
    background-image: url(/img/css/corner_l.gif);
	background-position: left top;
	background-repeat: no-repeat;
}
.menuShop{
    background-image: url(/img/css/corner_l.gif);
	background-position: left top;
	background-repeat: no-repeat;
	margin: 0 10em 0 0 !important;
}
#menuTabs li#selected.menuShop, #menuTabs li.cart{
	float: left;
	width: 18.9em; /*avdrag för padding. Är 19.9 em */
	background-image: url(/img/css/corner_l.gif);
	background-position: left top;
	background-repeat: no-repeat;
	margin:0 !important; /* overrida 10em till höger */
}

/*style för vald flik*/
#menuTabs li#selected a:link, #menuTabs li#selected a:hover, #menuTabs li#selected a:active, #menuTabs li#selected a:visited {
	background-image: url(/img/css/corner_r.gif);
	background-position: right top;
	background-repeat: no-repeat;
}
#menuTabs li#selected.menuShop a:link, #menuTabs li#selected.menuShop a:hover, #menuTabs li#selected.menuShop a:active, #menuTabs li#selected.menuShop a:visited {
    background-image: url(/img/css/corner_r.gif);
	background-position: right top;
	background-repeat: no-repeat;
}
#menuTabs  #selected a:hover {
}
/* Texten om varor i kundvagnen i fliken Butik */
/* Texten om varor i engelska kundvagnen i fliken Butik */
.textMenuCartEng {
	font-size: 0.82em; /* Specialfix, annars ärvs 1.1em! */
	font-weight: normal;
	padding: 0 0 0 2.8em; /* avstånd till Butik */
}
.textMenuCart  {
	font-size: 0.82em; /* Specialfix, annars ärvs 1.1em! */
	font-weight: normal;
	padding: 0 0 0 1.2em; /* avstånd till Butik */
	overflow: hidden;
}
/* English - en flik mindre men ytan kvar i koden för att hålla positionering */
.menuEng {
	background: none!important; /* För att inte visa fliken */
}
/* Undermeny 1 */
#menuSub1 {
	height: 2.4em;
	display: block;
	clear: left; /* stoppa float från flikarna */
}
#menuSub1 ul {
	width: 82.8em; /* avdrag för margin */
	padding: .6em 0 0 2.4em;
}
#menuSub1 li {
	list-style: none;
	float: left;
}
#menuSub1 a:link, #menuSub1 a:visited {
    font-size: 1.1em;
	font-weight: bold;
	text-decoration: none;
	padding-right: 2.4em; /* luft mellan länkarna */
}
#menuSub1 a.selected,
#menuSubShop1 a.selected,
#menuSub2 a.selected,
#menuSubShop2 a.selected {
    text-decoration:underline !important;
}


#menuSub1 a:hover {
	text-decoration: underline;
}
/* Undermeny 2 */
#menuSub2 {
	height: 2.4em;
	display: block;
}
#menuSub2 ul {
	width: 82.8em; /* avdrag för margin */
	padding: .6em 0 0 2.4em;
}
#menuSub2 li {
	list-style: none;
	float: left;
}
#menuSub2 a:link, #menuSub2 a:visited {
    font-size: 1em;
	text-decoration: none;
	padding-right: 2.4em; /* luft mellan länkarna */
}
#menuSub2 a:active {
}
#menuSub2 a:hover {
	text-decoration: underline;
}
/* Undermeny 1 Butik */
#menuSubShop1 {
	height: 2.4em;
	display: block;
}
#menuSubShop1 ul {
	width: 82.8em; /* avdrag för margin */
	padding: .6em 0 0 2.4em;
}
#menuSubShop1 li {
	list-style: none;
	float: left;
}
#menuSubShop1 a:link, #menuSubShop1 a:visited {
    font-size: 1.1em;
	font-weight: bold;
	text-decoration: none;
	padding-right: 2.4em; /* luft mellan länkarna */
}
#menuSubShop1 a:active {
}
#menuSubShop1 a:hover {
	text-decoration: underline;
}
/* Undermeny 2 Butik */
#menuSubShop2 {
	height: 2.4em;
	display: block;
}
#menuSubShop2 ul {
	width: 82.8em; /* avdrag för margin */
	padding: .6em 0 0 2.4em;
}
#menuSubShop2 li {
	list-style: none;
	float: left;
}
#menuSubShop2 a:link, #menuSubShop2 a:visited {
    font-size: 1em;
	text-decoration: none;
	padding-right: 2.4em; /* luft mellan länkarna */
}
#menuSubShop2 a:active {
}
#menuSubShop2 a:hover {
	text-decoration: underline;
}
/*--------------------------------------------------------------------------------------------------------------
Innehållsyta
---------------------------------------------------------------------------------------------------------------*/
/* Huvudrubrik */
.contentHeader {
	width: 56.2em;   /*avdrag för margin. 0.1 em xtra för att förstoras snyggt. dock ska innehållet vara 56.1 em */
	height: 2.4em;
	margin: 1.2em 0 1.2em 0;
}
/* För att kunna förstora bildrubrik */
.imgHeader {
	width: 45em;
	height: 2.4em;
}
/* Behållare för rad  */
/* Innehåller även vit border, se colors.css */
.contentRow {
	width: 56.2em; /* 0.1 em xtra för att förstoras snyggt. Dock ska innehållet vara 56.1 em */
	margin: 0 0 0 2.4em; /* luft till vänster och botten */
	text-align: left;
}
/* Box 23.7 em bred */
.contentBoxA {
	width: 23.7em;
	float: left;
}
/* Box 23.7 em bred med bild, kräver höjd  annars blir det extra luft*/
.contentBoxAImg {
	height: 13em;
}
/* Box 32.4 em bred */
.contentBoxB {
	width: 32.4em;
	float: left;
}
/* Box 32.4 em  bred med bild, kräver höjd annars blir det extra luft */
.contentBoxBImg {
	height: 13em;
}
/* Box 56.1 em bred */
.contentBoxC {
	width: 56.1em;
}
/* Box 56.1 em bred med bild, kräver höjd annars blir det extra luft */
.contentBoxCImg {
	height: 13em;
}
 /* Sista boxen ska ha luft till footer */
.contentBottomMargin {
	margin: 0 0 1.2em 0;
}
 /* Lägg till marginal mellan boxar */
 .marginLeft {
	margin: 0 0 0 .6em;
}
.marginRight {
	margin: 0 .6em 0 0;
}
/* För att kunna förstora bilder */
.img237 {
	width: 23.7em;
	height: 13em;
}
.img318 {
	width: 31.8em;
	height: 13em;
}
.img561 {
	width: 56.1em;
	height: 13em;
}
/* Avstånd till topp och foten. Används i tom sida och i textsida */
.contentTop {
	margin: 2.4em 0 1.2em 0;
}
/*--------------------------------------------------------------------------------------------------------------
Innehållsyta  pil-länkar på ljusblå bkg
---------------------------------------------------------------------------------------------------------------*/
.arrowLinksSpace {
	height: 1em;
}
/* Höjd 13em.  Max 5 länkar. Används bl a på Startsidan */
.arrowLinks {
}
.arrowLinks ul {
	height: 11em;
}
.arrowLinks li {
	list-style: none;
	padding: .5em 0 .4em 0;
}
/* Nedanstående klasser används då höjden är mindre än 13em */
/* Bredd 23.7 em */
.arrowLinksA {
}
.arrowLinksA ul {
}
.arrowLinksA li {
	list-style: none;
	padding: .5em 0 .4em 0;
}
/* Bredd  31.8em  */
.arrowLinksB {
}
.arrowLinksB ul {
}
.arrowLinksB li {
	list-style: none;
	padding: .5em 0 .4em 0;
}
/*--------------------------------------------------------------------------------------------------------------
Fot
---------------------------------------------------------------------------------------------------------------*/
#footerLinkLeft {
	width: 42.6em;
	margin: 0.4em 0 2.4em 1.4em; /* för vänsterjustering och avstånd topp (footer) */
	padding-bottom: 2.4em; /* Mac fix */
	float: left;
}
#footerLinkRight {
	width: 39.8em;
	margin: 0.4em 0 2.4em 0; /* avstånd topp (footer) */
	padding-bottom: 2.4em; /* Mac fix */
	float: left; /* för högerjustering av boxen */
	text-align: right;  /* för högerjustering av texten */
}
 a.footerLinks  {
	font-size: 0.9em;
	padding-right: 1.2em;
}
a.footerLinks:link, a .footerLinks:active, a .footerLinks:visited {
}
.engFlagImg {
	width: 1.9em;
	height: .9em;
}
/*--------------------------------------------------------------------------------------------------------------
Text och rubriker
---------------------------------------------------------------------------------------------------------------*/
 /* För bildrubriker används en dold H-tagg */
.hiddenHeader {
	visibility: hidden;
	font-size: 0em;
	height: 0; /* För Safari */
}
/* Mörkblå text */
.text {
}
h1 {
	font: 1.4em Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	padding: 0 0 1em 0; /* Blir 1.6 em luft till nästa rad */
}
h2, h3, h4, h5 {
	font: 1em Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	padding: 0 0 .3em 0; /* Blir 1.6 em luft till nästa rad */
}
h2.break, h3.break, h4.break, h5.break {
	font: 1em Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	padding: 0 0 .6em 0;
}
/* Rubrik med h1 utseende. Används  på Om Posten, A till Ö och FAQ */
 h2.header2 {
	font: 1.4em Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	padding: 0 0 1em 0; /* luft till nästa rad */
}
/* 1 em, ej understruken */
a.hoverLink, a.hoverLink:link, a.hoverLink:visited, a.hoverLink:active {
	text-decoration: none;
}
 a.hoverLink:hover {
	text-decoration: underline;
}
/* 1 em, fet, ej understruken */
a.hoverLinkBold, a.hoverLinkBold:link, a.hoverLinkBold:visited, a.hoverLinkBold:active {
	font-weight: bold;
	text-decoration: none;
}
 a.hoverLinkBold:hover {
	text-decoration: underline;
}
/*--------------------------------------------------------------------------------------------------------------
Generella klasser
---------------------------------------------------------------------------------------------------------------*/
/* för att stoppa float  och för att få div innehållandes floats att fyllas ut */
.clearfix:after {
   	content: ".";
   	display: block;
   	height: 0;
   	clear: both;
   	visibility: hidden;
}
a img {
	border: none;
}
p {
	margin: 0 0 1.3em 0; /* avstånd mellan textstycken */
	line-height:1.3em;
}
fieldset {
	border: none;
}
/* Punktlista */
/* Lägg klassen i UL-taggen */
/* behövs margin för att punkterna ska ligga inom ytan */
.listPadding {
	margin: 0 0 0 3.6em;
}
.listPadding li {
	padding: 0 0 .4em 0;
}
/* för numrerade listor */
.listPadding2 {
	margin: 0 0 0 4.2em;
}
.listPadding2 li {
	padding: 0 0 .4em 0;
}
/* Ta bort punkter i lista  */
/* Klassen läggs i UL-taggen */
/* Lägg till klassen hoverLink  i a-taggen om länkarna ej ska vara understrukna */
.listStyleNone {
	list-style: none;
}
.listStyleNone  li {
	padding: 0 0 .4em 0;
}
/* Ta bort punkter i lista och linjera */
/* används i foten */
.listStyleNoneLinear {
	list-style: none;
	display: inline;
}
/* Luft efter li-taggen */
.break2 {
	background: none!important;
	height: .6em;
}
/* med pdf-ikon */
li.iconList {
	padding: 0 0 .4em 1.4em;
	background: url(/img/icons/ikon_acrobat2.gif) top left no-repeat;
}
/* Pil till sökrutan och inloggning */
/* bakgrundbild i colors.css */
.buttonArrow {
	border: none;
    margin-left:0.5em;
    padding: 0;
	width: 1.9em;
	height: 1.8em;
	cursor: pointer; /* för att få handen som musmarkör */
}
/* Två kolumner, t ex bild och text */
.leftColumn {
	float: left;
}
.rightColumn {
	float: left;
}
/*--------------------------------------------------------------------------------------------------------------
Knappar
---------------------------------------------------------------------------------------------------------------*/
input.btnPrev,
input.btnCancel,
input.btnPrint,
input.btnNext,
input.btnOk,
input.btnOkSecondary,
input.btnRefresh,
input.btnPrevResult{
    border-style: solid;
    border-width: 1px;
    cursor: pointer;
    padding: 0.1em 1em 0.1em 1em;
}

/* Hover on buttons. Only functional in Mozilla */
input.btnPrev:hover,
input.btnCancel:hover,
input.btnPrint:hover,
input.btnNext:hover,
input.btnOk:hover,
input.btnOkSecondary:hover,
input.btnRefresh:hover,
input.btnPrevResult:hover
{
    text-decoration: underline;
}
/*
Klass som omger navigeringsdel för applikationer. Används då knapparna ska ligga längst ner på sidan.
Gör att knappar automatiskt placeras där de ska på vänster och höger sida.
*/
.nav {
    clear:both;
    display:block;
}
.nav:after {
    content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
}
/* Variant av ovan, med margin-bottom, för att användas om navigeringsdelen ligger mitt på sidan. */
.navMiddle {
    clear:both;
    display:block;
    margin-bottom:2.4em;
}
.navMiddle:after {
    content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
}
.nav input.btnPrev,
.nav input.btnCancel,
.nav input.btnPrint,
.nav input.btnOkSecondary,
.nav input.btnPrevResult,
.navMiddle input.btnPrev,
.navMiddle input.btnCancel,
.navMiddle input.btnPrint,
.navMiddle input.btnOkSecondary,
.navMiddle input.btnPrevResult{
    margin-right: 0.6em;
    float:left;
}
.nav input.btnNext,
.nav input.btnOk,
.nav input.btnRefresh,
.navMiddle input.btnNext,
.navMiddle input.btnOk,
.navMiddle input.btnRefresh
{
    margin-left:0.6em;
    float:right;
}
/* Start IckeFormulär-knappar */
/* Luft till knappar längst ner på sidan */
.btnPadding {
	margin: 2.4em 0 0 0;
}
/* Länk med knapp-utseende */
a.linkBtn, a.linkBtn:link, a.linkBtn:visited, a.linkBtn:active {
	height: 1.2em;
    border-style: solid;
    border-width: 1px;
    padding: 0.1em 1em 0.3em 1em;
	text-decoration: none;
	float: right;
}
a.linkBtn:hover {
	text-decoration: underline;
}
/* Tillbaka-länk med knapp-utseende */
a.linkBtnPrev, a.linkBtnPrev:link, a.linkBtnPrev:visited, a.linkBtnPrev:active {
	height: 1.2em;
    border-style: solid;
    border-width: 1px;
    padding: 0.1em 1em 0.3em 1em;
	text-decoration: none;
	float: left;
}
a.linkBtnPrev:hover {
	text-decoration: underline;
}
/* Utan floats. Används på butiksdelen, Privat */
.privateShopBtn {
	border: solid;
    border-width: .1em;
    cursor: pointer;
    padding: 0.1em 1em 0.1em 1em;
	margin: 0 0 0 .6em;
	text-decoration: none;
}
a.privateShopBtn:hover {
text-decoration: underline;
}
/* Slut IckeFormulär-knappar */
/*--------------------------------------------------------------------------------------------------------------
Ikoner
---------------------------------------------------------------------------------------------------------------*/
.iconAcrobat{
    vertical-align: middle;
    width: 0.8em;
    height: 1em;
}
.iconDelete{
    vertical-align: middle;
    width: 0.7em;
    height: 0.7em;
}
.iconEdit{
    vertical-align: middle;
    width: 1em;
    height: 1em;
}
.iconEnglish{
    vertical-align: middle;
    width: 1.3em;
    height: 0.9em;
}
.iconMagnify{
    vertical-align: middle;
    width: 1em;
    height: 1em;
}
.iconMap{
    vertical-align: middle;
    width: 1.1em;
    height: 1.1em;
}
.iconPlus,
.iconMinus{
    vertical-align: middle;
    width: 0.7em;
    height: 0.7em;
}
.iconShoppingCart{
    vertical-align: middle;
    width: 1.4em;
    height: 1.4em;
}
.iconWord{
    vertical-align: middle;
    width: 0.8em;
    height: 1em;
}
.iconExcel {
    vertical-align: middle;
    width: 0.8em;
    height: 1em;
}