/* START RAMVERKET /////////////////////////////////////////////////////////////////////////// */

html, body,
div, h1, h2, h3, p, pre, blockquote, ul, ol, li, address,
td, th, tfoot,
form, fieldset, label, select, input, legend, textarea,
h1, h2, h3, h4, h5, h6, span, p  {
margin:0;
padding:0;
font: 1.0em Arial, Helvetica, sans-serif;
}

html { 
overflow: -moz-scrollbars-vertical !important; 
}

body {
background-color:#eff0ec;
font-size:125%; /* Eftersom default storleken på text i browser är 16px förstorar vi upp den med 25%, vår default storlek blir därmed 20px */
}

#containerBliwa,
#top,
#bottom {
width:94.9em;
font-size:0.5em; /* OBS Se fontsize egenskapen i bodyn! Här halverar vi default font storleken från 20px till 10px */
background:#fff url(../images/bg.gif) repeat-y left top;
margin: 0 auto;
}

#top {
background: url(../images/bgTop.gif) no-repeat left bottom;
margin: 3.4em auto 0 auto;
height: 1.9em;
position: relative;
}

#bottom {
background: url(../images/bgBottom.gif) no-repeat left top;
margin: 0 auto 5.0em auto;
height: 4px;
}

div.outerWrapper { /* .outerWrapper ska alltid användas utanför .innerWrapper när något ska centreras */
position:relative;
left:50%;
float:left;
}

div.innerWrapper { /* .innerWrapper ska alltid användas innaför .outerWrapper när något ska centreras */
position:relative;
left:-50%;
}

div.leftColumn,
div#mainColumn,
div.rightColumn,
div.oneColumn,
div.threeColumn {
float: left;
margin: 0 0 0 2.0em;
width:21.0em;
}

div.oneColumn.first {
margin-left: 0;
}

div.leftColumn {
margin: 4.6em 0 0 2.4em;
}

div.rightColumn {
margin-top: 4.6em;
}

div.rightColumn h2 {
margin-bottom: 0.5em;
}

div.rightColumn p {
line-height: 1.2em;
padding-right: 33px;
}

div#mainColumn {
width: 44.1em;
margin-top: 6.8em;
}

div#mainColumn a {
color: #738FB6;
}

div.threeColumn {
width: 67.0em;
}

div#flash {
margin-left: 4px;
padding-bottom: 3.0em;
}

div#flash.small {
margin: 0 0 4.7em 4px;
}

div#partners {
width:94.9em;
margin: 0 auto;
font-size: 0.5em;
position: relative;
height: 3.5em;
}

div#partners a.unionen {
position: absolute;
right: 27.6em;
bottom: 4.2em;
}

div#partners a.li {
position: absolute;
right: 11.3em;
bottom: 3.2em;
}

div#partners a.bliwa {
position: absolute;
right: 3.0em;
bottom: 1.5em;
}

div.enclosing {
clear:both;
}

/* SLUT RAMVERKET //////////////////////////////////////////////////////////////////////////// */
/* START SELEKTORER ////////////////////////////////////////////////////////////////////////// */

h1 {
font: normal 3.5em/1.15em Georgia, serif;
margin-bottom: 0.5em;
}

h2 {
font: normal 2.2em/1.35em Georgia, serif;
}

h3 {
font: bold 1.3em Arial, Helvetica, sans-serif;
color: #333;	
margin: 0.5em 0 0 0;
}

a {
text-decoration: none;
}

p a {
color: #7e87b0;
}

p {
font: normal 1.3em/1.35em Arial, Helvetica, sans-serif;
color: #666;
margin-bottom: 1.5em;
}

div.preamble p {
font-weight: bold;
}

fieldset, img, table {
border:0;
}

ul {
list-style:none;
}

caption {
text-align:left;
text-transform:uppercase;
font-weight:bold;
}

img.illuCircle {
width: 132px;
height: 132px;
margin: 3.3em 0 0 3.7em;
}

/* SLUT SELEKTORER /////////////////////////////////////////////////////////////////////////// */
/* START LÄNKAR ////////////////////////////////////////////////////////////////////////////// */

:-moz-any-link:focus { /* Tar bort markeringsramen som annars dyker upp runt länkar i FF */
outline: none;
}

a.dim,
a.go,
a.back,
a.related,
a.pdf {
background: url(../images/spritesIcon.gif) no-repeat left -24px;
color: #a90013;
font: bold 1.3em/1.4em Arial, Helvetica, sans-serif;
padding: 0.3em 0 0.3em 2.5em;
display: block;
}

a.dim {
color: #999;
background-position: left top;
}

a.back {
background-position: left -148px;
}

a.related {
background-position: right -24px;
padding: 0.4em 2.5em 0.2em 0;
display: inline-block;
text-align: right;
}

a.print,
div#print a.divide {
background: url(../images/aDivider.gif) no-repeat left 11px;
text-transform: uppercase;
font: 0.9em Arial, Helvetica, sans-serif;
color: #666;
padding:1.1em 0 0 1.2em;
display: block;
float: left;
}

div#print a.print {
background: url(../images/spritesIcon.gif) no-repeat left -256px;
padding: 1.1em 0.9em 0.4em 3.7em;
}

div#print a:hover {
text-decoration: underline;
}

a.pdf {
background-position: 2px -281px;
color: #738fb6;
padding: 0.5em 0 1.0em 2.6em;
font-size: 1.2em;
margin-bottom: 1.0em;
}

/* SLUT LÄNKAR /////////////////////////////////////////////////////////////////////////////// */
/* START LOGOTYP, SÖKFÄLT OCH SUPPORTNAVIGATION ////////////////////////////////////////////// */

#logo {
background-color: #a90013;
margin: 0 4px;
position: relative;
width: 94.1em;
}

#logo img {
margin: 16px 0 7px 20px;
}

#supportNav {
position: absolute;
right: 4px;
top: 0;
color: #666;
}

#supportNav a {
text-transform: uppercase;
font: 0.9em Arial, Helvetica, sans-serif;
text-align: right;
color: #666;
}

#logo div.search {
	position: absolute;
	top: 12px;
	right: 10px;
}

div.search input.searchField {
	background: url(../images/searchField.gif) no-repeat left top;
	border: 0;
	color: #666;
	float: left;
	font: normal 1.3em Arial, Helvetica, sans-serif;
	margin-right: 6px;
	padding: 0.2em 10px 0.7em 10px;
	width: 175px;
}

div.search input.searchIcon {
	margin-top: 6px; 
}

/* SLUT LOGOTYP, SÖKFÄLT OCH SUPPORTNAVIGATION /////////////////////////////////////////////// */
/* START TOPNAVIGATION /////////////////////////////////////////////////////////////////////// */

#topNavigation {
background:#d3697c url(../images/topNavigationShadow.gif) repeat-x left bottom;
margin: 0 4px;
width: 94.1em;
height: 4.0em;
position: relative;
}

#topNavigation ul li {
float: left;
width: 15.7em;
text-align: center;
background: url(../images/navBorderLight.gif) no-repeat left 2px;
}

#topNavigation ul li a {
color: #fff;
font: 1.3em Arial, Helvetica, sans-serif;
font-weight: bold;
padding: 8px 0 9px 0;
display: block;
background: url(../images/navBorderDark.gif) no-repeat right 2px;
}

#topNavigation ul li.first {
background-image: none;
width: 15.6em;
}

#topNavigation ul li.last a {
background-image: none;
}

#topNavigation ul li.current a,
#topNavigation ul li.current a:hover {
color: #990000;
background-color: #f0e5e7;
}

#topNavigation ul li a:hover {
background-color: #dd7588;
}

#topNavigation img.home {
	position: absolute;
	left: -25px;
	top: 0;
}

/* SLUT TOPNAVIGATION ////////////////////////////////////////////////////////////////////////// */
/* START SUBNAVIGATION ///////////////////////////////////////////////////////////////////////// */

#subNavigation ul {
margin-bottom: 2.1em;
}

#subNavigation ul li { /* changed by johan */
background:#f8f9f7 url(../images/boxbg.gif) repeat-x top left;
margin-bottom: 4px;
border:1px solid #f3f4f2;
}

#subNavigation ul li a {
color: #990000;
font: bold 1.3em Arial, Helvetica, sans-serif;
padding: 0.5em 1.0em 0.7em 0.6em;
display: block;
letter-spacing: 0.04em;
}

#subNavigation ul li.first {
background:#f1f2ef url(../images/box1bg.gif) repeat-x top left;
border:1px solid #e7e7e5;
}

#subNavigation ul li.second {
background:#f4f4f1 url(../images/box2bg.gif) repeat-x top left;
border:1px solid #f0f1ed;
}

#subNavigation ul li.third {
background:#f5f6f3 url(../images/box3bg.gif) repeat-x top left;
border:1px solid #f0f1ef;
}

#subNavigation ul li.fourth {
background:#f6f8f6 url(../images/box4bg.gif) repeat-x top left;
border:1px solid #f1f3f0;	
}

#subNavigation ul li.current {
border-left:1px solid #f9f9f9;
background:#fff;	
}

#subNavigation ul li.current a {
background-position: right -160px;	
color: #999;
}

/* SLUT SUBNAVIGATION ////////////////////////////////////////////////////////////////////////// */
/* START MAINCOLUMN //////////////////////////////////////////////////////////////////////////// */

#introText {
display: inline;
float: left;
margin: 6.8em 14.0em 0 10.2em;
width:45.1em;
}

div.advice {
background-color: #f2f2ec;	
padding: 1.4em 2.4em 1.6em 2.0em;
margin-bottom: 1.6em;
}

div.advice p {
font: italic 1.2em/1.3em Arial, Helvetica, sans-serif;
margin-bottom: 0;
}

div.advice span {
font: bold italic 1.1em Arial, Helvetica, sans-serif; 
}

div#mainColumn ul {
margin: 1.5em 0 0 0;	
}

div#mainColumn ul li {
font: normal 1.3em Arial, Helvetica, sans-serif;
color: #666;
padding: 0 0 0 1.0em;
margin-bottom: 1.0em;
list-style-position:inside;
list-style-type:circle;
}

div#print {
background: url(../images/divider.gif) repeat-x left top;
padding: 2.5em 0 0 0;
color: #666;
}

div#print a {
color: #666;
}

div#mainColumn ul ul li {
font-size:1em;
}

/* SLUT MAINCOLUMN //////////////////////////////////////////////////////////////////////////// */
/* START RIGHTCOLUMN ////////////////////////////////////////////////////////////////////////// */

div.shortcutBox {
background: url(../images/shortcutBox.gif) no-repeat left top;
height: 7.2em;
position: relative;
width: 100%;
margin-bottom: 1.6em;
}

div.shortcutBox.big {
background: url(../images/shortcutBoxBig.gif) no-repeat left top;
height: 23.9em;	
margin-bottom: 3.6em;
}

div.shortcutBox h2 {
position: absolute;
top: 45px;
left: 19px;
font: normal 2.2em Georgia, serif;
}

div.shortcutBox a {
position: absolute;
bottom:25px;
right: 16px;
}

div.relatedBox p {
margin-bottom: 0;
}

div.divider {
background: url(../images/divider.gif) repeat-x left bottom;
padding:0 0 1.8em 0;
margin-bottom: 1.6em;
}

div.sitemap.divider {
	margin-bottom: 5.1em;
}

div.relatedBox a {
color: #738fb6;
font-weight: normal;
display: block;
}

div.relatedBox h2 {
margin:0.9em 0 0.5em 0;
font: normal 2.2em Georgia, serif;
}

/* SLUT RIGHTCOLUMN /////////////////////////////////////////////////////////////////////////// */
/* START SITEMAP ////////////////////////////////////////////////////////////////////////////// */

div#sitemapContent {
margin: 0 0 0 0.4em;
background: url(../images/string.gif) no-repeat left top;
padding: 1.7em 0 5.7em 0;
overflow: hidden; /* Martin, se http://www.sitepoint.com/blogs/2005/02/26/simple-clearing-of-floats/ */
}

div#sitemapContent h3 {
margin: 0.85em 0 0.45em 0;
}

div#sitemapContent div.oneColumn h3 {
margin-bottom: 0.1em;
}

div#sitemapContent ul li a {
color: #972601;	
font-size: 1.3em;
}

div#sitemapContent ul li a:hover {
text-decoration: underline;
}

div#sitemapContent ul li ul {
margin-top: -3px;
}

div#sitemapContent div.threeColumn ul li ul li,
div#containerBliwa div.offMap ul li {
background: url(../images/step.gif) no-repeat 1px bottom;
padding: 0.2em 0 0 3.6em;
}

div#sitemapContent ul li ul li.first {
background: url(../images/stepFirst.gif) no-repeat 1px bottom;
}

div#containerBliwa div.offMap ul li {
background-image: none;
padding: 0.4em 0 0.5em 0;
}

div#containerBliwa div.offMap ul li a {
color: #738fb6;
font-size: 1.3em;
}

/* SLUT SITEMAP /////////////////////////////////////////////////////////////////////////////// */
/* START DELA SOCIAL BOOKMARKS //////////////////////////////////////////////////////////////// */

div.searchWrapper{
	margin-bottom:1.8em;
}

div.searchWrapper input.txtSearch{
width:300px;
height:19px;
font-size:1.3em;
padding:0.1em 0 0 0.4em;
}

div.searchWrapper input.btnSearch{
	height:24px;
	padding:0 0.2em 0.2em 0.2em;
	margin-left:1em;
	font-size:1.3em;	
}

#shareThis{
float:left;
padding-top:0.8em;
}

a.stbutton {
padding:2px 5px 5px 22px!important;
}

a.stbutton:hover {
color:#666!important;
}

.stbuttontext{
color:#666666;
font-size:0.9em;
text-transform:uppercase;
padding-top:6px;
}

/* SLUT DELA SOCIAL BOOKMARKS ///////////////////////////////////////////////////////////////// */
/* START RÄKNESNURRA ////////////////////////////////////////////////////////////////////////// */

em.grey {
color: #999;
font-style: normal;
}

#calcForm {
font-size: 1.1em;

}
#calcForm label {
padding: 0 0.5em 0 1em;
}

#calcForm input {
padding: 0 0.45em;
margin-left: 0.909em;
}

.calcFrom, 
.calcTo {
width: 9.09em;
padding: 0.181em 0.45em !important;
margin-left: 0 !important;
}

#calcTable {
width: 36.75em;
font-size: 1.2em;
border-collapse: collapse;
margin: 0.083em 0 0.833em 0;
}

#calcTable th {
background: #d0d8e4;
border: 0;
}

.calcTableFrom,
.calcTableTo {
width: 9.846em;
padding: 0.416em 0 0.416em 0.923em;
margin: 0;
text-align: left;
border-right: 1px solid #e7e8e5;
}

.calcTableTo {
width: 8.076em;
}

.calcTableDays {
width: 10.384em;
padding: 0.416em 1.692em 0.416em 0;
text-align: right;
border-right: 1px solid #e7e8e5;
}

.calcTableRemove {
width: 1.92em;
text-align: center;
}

.calcTableSum {
text-align: right;
font-weight: bold;
padding: 0.416em 3.615em 0.416em 0;
border-top: 1px solid #e7e8e5;
border-bottom: 1px solid #e7e8e5;
}

#calcTable caption,
.validationError {
text-transform: none;
vertical-align: bottom;
font-weight: normal;
text-align: center;
padding: 2.30em 0 0.76em;
background: url(../images/captionBg.gif) repeat-x 0 100%;
}

.validationError {
display: block;
color: Red;
background:none;
}

/* SLUT RÄKNESNURRA /////////////////////////////////////////////////////////////////////////// */