body {font: 0.8em verdana, arial, sans-serif; background-image: url(../images_pres/bg.jpg);}
* {margin:0px; padding:0px;}

div#luft {width:100%; height:30px; background-image: url(../images_pres/bg.jpg);}

div#mainwrapper {width:780px; margin-left:auto; margin-right:auto; background-color:#fff;
/* den här bakgrundsfärgen visas under mittenspaltens innehålls-div */}

div#header {width:780px; height:155px; background-color:#fff;}

div#sokbox {padding-top:4px; font-size:0.85em; color: #7c0000; margin-right:5px; text-align:right;}
div#sokbox a {text-decoration:none; color:#7c0000; border-bottom: 1px solid #7c0000; padding:.01em 0; position:relative; z-index: 1; background:#fff;}
div#sokbox a:hover {text-decoration:none; color: #25749f; border-bottom: 1px solid #25749f;}
div#sokbox input {border:1px solid #25749f; font-size:1.2em; background:#fff; color: #036; vertical-align:middle;}
div#sokbox img {border:0;}

div#box1 {position: relative; left:5px; top:5px; width:768px; height:90px; background-color:#b4d3e7; border: #25749f 1px solid;}
div#box1 img {margin-top:0px; margin-left:56px; padding-top:5px; border:0;}

div#menyrad {margin-left:203px;}

ul#navigation {font-size:0.85em; font-weight:bold; margin-left:0px; padding-left:0px; margin-top:-20px; list-style-type:none; float:left;}
ul#navigation li {display:inline;}
ul#navigation li a {display: block; float:left; padding: 0.2em 1em; text-decoration: none; background: #b4d3e7; color: #7c0000; border-left: 1px solid #fff;}
ul#navigation li a:hover {text-decoration: none; color: #fff; background: #85aece;}



div#contentarea {float:left; width:780px; background-color:#999;
   background:url(images_pres/neg_margin_faux_left.gif) repeat-y top left;
   /* bilden för den falska vänstra spalten */ }

div#contentarea2 {float:left; width:780px; background-color:#333;
   background:url(images_pres/neg_margin_faux_right.gif) repeat-y top right;
   /* bilden för den falska högra spalten */}

div#column1 {float:left; width:215px; margin-left:-575px; background-color:#fff;}

div#navrubrik1 {width:195px; height:20px; background-color:#25749f; color:#fff; margin-top:1px; text-align:center; font-size:0.8em; font-weight:bold; padding-top:8px;}
div#navrubrik2 {width:195px; height:20px; background-color:#25749f; color:#fff; margin-top:1px; text-align:center; font-size:0.8em; font-weight:bold; padding-top:8px;}
div#navrubrik3 {width:195px; height:20px; background-color:#25749f; color:#fff; margin-top:1px; text-align:center; font-size:0.8em; font-weight:bold; padding-top:8px;}

div#navrubrikavslut {border-top:2px solid #25749f; width:195px;}

div#datum {width:195px; height:20px; background-color:#fff; color:#036; margin-left:5px; margin-top:6px; text-align:center; font-size:0.8em; font-weight: bold; padding-top:13px;}
div#navback {width:565px; height:20px; background-color:#fff; color:#85aece; margin-left:210px; margin-top:-33px; font-size:0.8em; padding-top:13px;}
div#navback a {text-decoration:none; border-bottom: 1px solid #85aece; color:#85aece; padding:.01em 0; position:relative; z-index:1;}
div#navback a:hover {text-decoration:none; border-bottom: 1px solid #036; color: #036;}

div#logo1 img {border:0;}
div#logo1 {margin-left:10px;}

div#logo2 img {border:0;}
div#logo2 {margin-left:100px; margin-top:-55px;}

div#listcontainer1 {width:195px; font-size:.75em;}
div#listcontainer1 ul {border:0; margin:0px 0px 0px 0px ; padding:0; list-style-type:none;}
div#listcontainer1 li {display: inline;}
div#listcontainer1 li a {display: block; border-left:4px solid #25749f; text-decoration:none; margin:0 0 1px 0; padding:.3em 0; text-indent:.5em; color:#7c0000; background-color:#b4d3e7;}
div#listcontainer1 li a:hover {color: #fff; background: #85aece;}

div#listcontainer2 {width:195px; font-size:.75em;}
div#listcontainer2 ul {border:0; margin:0px 0px 0px 0px ; padding:0; list-style-type:none;}
div#listcontainer2 li {display: inline;}
div#listcontainer2 li a {display: block; border-left:4px solid #25749f; text-decoration:none; margin:0 0 1px 0; padding:.3em 0; text-indent:.5em; color:#7c0000; background-color:#b4d3e7;}
div#listcontainer2 li a:hover {color: #fff; background: #85aece;}

div#listcontainer3 {width:195px; font-size:.75em;}
div#listcontainer3 ul {border:0; margin:0px 0px 0px 0px ; padding:0; list-style-type:none;}
div#listcontainer3 li {display: inline;}
div#listcontainer3 li a {display: block; border-left:4px solid #25749f; text-decoration:none; margin:0 0 1px 0; padding:.3em 0; text-indent:.5em; color:#7c0000; background-color:#b4d3e7;}
div#listcontainer3 li a:hover {color: #fff; background: #85aece;}

div#column2 {float:left; width:360px; margin-left:220px; display:inline; background-color:#fff;}
div#column2 h1 {font-size:1.3em; background-color:#fff; color:#7c0000;}
div#column2 h2 {font-size:.85em; background-color:#fff; color:#036;}
div#column2 h3 {font-size:.8em; background-color:#fff; color:#036;}
div#column2 p {font-size:.85em; margin-top:2px; margin-bottom:5px; width:350px; background-color:#fff; color:#036;}

div#column2 p img {border:0; text-decoration:none; border-bottom: 1px solid #fff; background: #fff; color: #fff; padding:.1em 0; position:relative; z-index: 1;}
div#column2 p a {text-decoration:none; border-bottom: 1px solid #7c0000; background: #fff; color: #7c0000; padding:.01em 0; position:relative; z-index: 1;}
div#column2 p a:hover {text-decoration:none; background: #fff; border-bottom: 1px solid #036; color: #036;}

div#listmeny1 {font-size:.85em; line-height:1.5; color: #036;}
div#listmeny1 ul {border:0; margin-left: 0; margin-top: 2px; padding-left: 0; list-style-type:none;}
div#listmeny1 li {display: inline;}
div#listmeny1 li img {border:0;}
div#listmeny1 li a {display: block; text-decoration:none; background:#fff; color:#7c0000; padding:.05em 0; position:relative; z-index: 1;}
div#listmeny1 li a:hover {text-decoration:none; background:#b4d3e7; color: #036;}

div#listmeny10 {font-size:.85em; line-height:1.5; color: #036;}
div#listmeny10 ul {border:0; margin-left: 0; margin-top: 2px; padding-left: 0; list-style-type:none;}
div#listmeny10 li {display: inline;}
div#listmeny10 li img {border:0;}
div#listmeny10 li a {display: block; text-decoration:none; background:#fff; color:#7c0000; padding:.05em 0; position:relative; z-index: 1;}
div#listmeny10 li a:hover {text-decoration:none; background:#b4d3e7; color: #036;}

div#listmeny11 {font-size:.85em; line-height:1.5; color: #036;}
div#listmeny11 ul {border:0; margin-left: 0; margin-top: 2px; padding-left: 0; list-style-type:none;}
div#listmeny11 li {display: inline;}
div#listmeny11 li img {border:0;}
div#listmeny11 li a {display: block; text-decoration:none; background:#fff; color:#7c0000; padding:.05em 0; position:relative; z-index: 1;}
div#listmeny11 li a:hover {text-decoration:none; background:#b4d3e7; color: #036;}

div#listmeny12 {font-size:.85em; line-height:1.5; color: #036;}
div#listmeny12 ul {border:0; margin-left: 0; margin-top: 2px; padding-left: 0; list-style-type:none;}
div#listmeny12 li {display: inline;}
div#listmeny12 li img {border:0;}
div#listmeny12 li a {display: block; text-decoration:none; background:#fff; color:#7c0000; padding:.05em 0; position:relative; z-index: 1;}
div#listmeny12 li a:hover {text-decoration:none; background:#b4d3e7; color: #036;}

div#listmeny13 {font-size:.85em; line-height:1.5; color: #036;}
div#listmeny13 ul {border:0; margin-left: 0; margin-top: 2px; padding-left: 0; list-style-type:none;}
div#listmeny13 li {display: inline;}
div#listmeny13 li img {border:0;}
div#listmeny13 li a {display: block; text-decoration:none; background:#fff; color:#7c0000; padding:.05em 0; position:relative; z-index: 1;}
div#listmeny13 li a:hover {text-decoration:none; background:#b4d3e7; color: #036;}

div#listmeny14 {font-size:.85em; line-height:1.5; color: #036;}
div#listmeny14 ul {border:0; margin-left: 0; margin-top: 2px; padding-left: 0; list-style-type:none;}
div#listmeny14 li {display: inline;}
div#listmeny14 li img {border:0;}
div#listmeny14 li a {display: block; text-decoration:none; background:#fff; color:#7c0000; padding:.05em 0; position:relative; z-index: 1;}
div#listmeny14 li a:hover {text-decoration:none; background:#b4d3e7; color: #036;}

div#listmeny15 {font-size:.85em; line-height:1.5; color: #036;}
div#listmeny15 ul {border:0; margin-left: 0; margin-top: 2px; padding-left: 0; list-style-type:none;}
div#listmeny15 li {display: inline;}
div#listmeny15 li img {border:0;}
div#listmeny15 li a {display: block; text-decoration:none; background:#fff; color:#7c0000; padding:.05em 0; position:relative; z-index: 1;}
div#listmeny15 li a:hover {text-decoration:none; background:#b4d3e7; color: #036;}

div#listmeny16 {font-size:.85em; line-height:1.5; color: #036;}
div#listmeny16 ul {border:0; margin-left: 0; margin-top: 2px; padding-left: 0; list-style-type:none;}
div#listmeny16 li {display: inline;}
div#listmeny16 li img {border:0;}
div#listmeny16 li a {display: block; text-decoration:none; background:#fff; color:#7c0000; padding:.05em 0; position:relative; z-index: 1;}
div#listmeny16 li a:hover {text-decoration:none; background:#b4d3e7; color: #036;}

div#listmeny17 {font-size:.85em; line-height:1.5; color: #036;}
div#listmeny17 ul {border:0; margin-left: 0; margin-top: 2px; padding-left: 0; list-style-type:none;}
div#listmeny17 li {display: inline;}
div#listmeny17 li img {border:0;}
div#listmeny17 li a {display: block; text-decoration:none; background:#fff; color:#7c0000; padding:.05em 0; position:relative; z-index: 1;}
div#listmeny17 li a:hover {text-decoration:none; background:#b4d3e7; color: #036;}


div#listmeny9 {font-size:.85em;}
div#listmeny9 ul {border:0; margin-left: 0; margin-top: 2px; padding-left: 0; list-style-type:none;}
div#listmeny9 li {display: inline;}
div#listmeny9 li img {border:0;}
div#listmeny9 li a {display: block; text-decoration:none; background:#fff; color:#7c0000; padding:.05em 0; position:relative; z-index: 1;}
div#listmeny9 li a:hover {text-decoration:none; background:#b4d3e7; color: #036;}

div#column3 { float:left; width:195px; background-color:#fff;}
div#column3 img { border:1px solid #036;}
div#column3 h2 {font-size:.8em; text-indent:.5em; background-color:#fff; color:#036; border-top:1px solid; border-left:1px solid; padding-left:8px; padding-top:10px;}
div#column3 p {font-size:.85em; margin-top:2px; margin-bottom:5px; background-color:#fff; color:#036;}

div#navigation2 {font-size:.8em; width:195px;}
div#navigation2 ul {border:0; margin-left: 0; margin-top: 2px; padding-left: 0; list-style-type:none;}
div#navigation2 li { display: inline; }
div#navigation2 li a {display: block; text-decoration: none; background: #fff; color: #7c0000; padding: .2em .5em; text-indent:.5em; border-bottom: 1px solid #fff;}
div#navigation2 li a:hover {text-decoration: underline; color: #25749f;}

div#listmeny2 {font-size:.8em; line-height:1.5; width:195px; color: #036; border-left:1px solid;}
div#listmeny2 ul {border:0; margin-left: 0; margin-top: 2px; padding-left: 0; list-style-type:none;}
div#listmeny2 li { display: inline; }
div#listmeny2 li a {display: block; text-decoration: none; background: #fff; color: #7c0000; padding: .2em .5em; text-indent:.9em;}
div#listmeny2 li a:hover {text-decoration:none; background:#b4d3e7; color: #036;}

div#listmeny3 {font-size:.8em; line-height:1.5; width:340px; color: #036; border-left:1px solid;}
div#listmeny3 ul {border:0; margin-left: 0; margin-top: 2px; padding-left: 0; list-style-type:none;}
div#listmeny3 li { display: inline; }
div#listmeny3 li a {display: block; text-decoration: none; background: #fff; color: #7c0000; padding: .2em .5em; text-indent:.9em;}
div#listmeny3 li a:hover {text-decoration:none; background:#b4d3e7; color: #036;}

div#listmeny4 {font-size:.8em; width:195px; color: #036; border-left:1px solid;}
div#listmeny4 ul {border:0; margin-left: 0; margin-top: 2px; padding-left: 0; list-style-type:none;}
div#listmeny4 li { display: inline; }
div#listmeny4 li a {display: block; text-decoration: none; background: #fff; color: #7c0000; padding: .2em .5em; text-indent:.9em;}
div#listmeny4 li a:hover {text-decoration:underline; color: #036;}

div#listmeny5 {font-size:.8em; width:195px; color: #036; border-left:1px solid;}
div#listmeny5 ul {border:0; margin-left: 0; margin-top: 2px; padding-left: 0; list-style-type:none;}
div#listmeny5 li { display: inline; }
div#listmeny5 li a {display: block; text-decoration: none; background: #fff; color: #7c0000; padding: .2em .5em; text-indent:.9em;}
div#listmeny5 li a:hover {text-decoration:underline; color: #036;}

div#listmeny6 {font-size:.8em; width:195px; color: #036; border-left:1px solid;}
div#listmeny6 ul {border:0; margin-left: 0; margin-top: 2px; padding-left: 0; list-style-type:none;}
div#listmeny6 li { display: inline; }
div#listmeny6 li a {display: block; text-decoration: none; background: #fff; color: #7c0000; padding: .2em .5em; text-indent:.9em;}
div#listmeny6 li a:hover {text-decoration:underline; color: #036;}

div#listmeny7 {font-size:.8em; width:195px; color: #036; border-left:1px solid;}
div#listmeny7 ul {border:0; margin-left: 0; margin-top: 2px; padding-left: 0; list-style-type:none;}
div#listmeny7 li { display: inline; }
div#listmeny7 li a {display: block; text-decoration: none; background: #fff; color: #7c0000; padding: .2em .5em; text-indent:.9em;}
div#listmeny7 li a:hover {text-decoration:underline; color: #036;}

div#listmeny8 {font-size:.8em; width:195px; color: #036; border-left:1px solid;}
div#listmeny8 ul {border:0; margin-left: 0; margin-top: 2px; padding-left: 0; list-style-type:none;}
div#listmeny8 li { display: inline; }
div#listmeny8 li a {display: block; text-decoration: none; background: #fff; color: #7c0000; padding: .2em .5em; text-indent:.9em;}
div#listmeny8 li a:hover {text-decoration:underline; color: #036;}

div#listmeny18 {font-size:.8em; width:195px; color: #036; border-left:1px solid;}
div#listmeny18 p {margin-left:12px; color: #7c0000;}
div#listmeny18 p a {text-decoration:none; border-bottom: 1px solid #7c0000; background: #fff; color: #7c0000; padding:.01em 0; position:relative; z-index: 1;}
div#listmeny18 p a:hover {text-decoration:none; background: #fff; border-bottom: 1px solid #036; color: #036;}

div#listmeny19 {font-size:.85em; line-height:1.5; color: #036;}
div#listmeny19 ul {border:0; margin-left: 0; margin-top: 2px; padding-left: 0; list-style-type:none;}
div#listmeny19 li {display: inline;}
div#listmeny19 li img {border:0;}
div#listmeny19 li a {display: block; text-decoration:none; background:#fff; color:#7c0000; padding:.05em 0; position:relative; z-index: 1;}
div#listmeny19 li a:hover {text-decoration:none; background:#b4d3e7; color: #036;}


div#formcontainer {width:195px;}
div#formcontainer input {color: #7c0000;}

div#formcontainer p {margin:0 0 5px 12px; font-weight:normal; font-size:1em;}

div#formcontainer div.clearfix {padding:10px 0px; vertical-align:top;} /* lägger till linjen
ovanför varje avsnitt och ger lodrätt mellanrum */

div#formcontainer form label {width:0px; float:left; margin:0 10px;} /* det här är
textetiketten till vänster om varje inmatningselement */

/* några extra stilar för uppsättningen med alternativknappar och kryssrutor */
div#formcontainer div.buttongroup {float:left; border:0; padding:0px;} /* en behållare för en grupp
knappar - omintetgör att den övre kantlinjen på clearfix div-behållaren också dyker upp på div-behållarna runt
alternativknapparna och kryssrutorna. */
div#formcontainer div.buttongroup div {margin-bottom:5px; font-size:1em;} /* hölje (wrapper) för INPUT
och dess text - margin-bottom skapar lodrätt mellanrum mellan knapparna */
div#formcontainer div.buttongroup input {margin-right:5px;} /* anger avståndet mellan en knapp och dess textetikett */




div#footer { width:100%; font-size:.85em; Border-top: #25749f 1px solid; background-color:#fff; float:left; margin-top:3em; padding:4px 0;
   /* float:left ser till att sidfotens bakgrundsfärg visas korrekt - nedanför div-elementen, inte rubriken */
}
div#footer img {border:0;}
div#footer ul {margin:1px 5px;}
div#footer li {display:inline; color:#85aece; padding:0 5px 0 9px;}
div#footer li:first-child {border-left:0;}
div#footer ul li a {text-decoration:none; color:#85aece;}
div#footer ul li a:hover {text-decoration:none; color: #036;}


.fet {font-weight:bold;}
.luft {padding-bottom:4px;}

/* här följer den briljanta "ingen-extra-kod"-metoden för friläggning (clearing) som
uppfunnits av Tony Aslett - www.csscreator.com */

/* lägg helt enkelt till klassen clearfix till den behållare som måste omge flytande element */

/* läs mer om hur och varför detta fungerar på http://www.positioniseverything.net/easyclearing.html */

.clearfix:after {
    content: ".";              /* punkten placeras på sidan som sista objekt innan div-elementet avslutas */
    display: block;            /* inline-element reagerar inte på egenskapen clear */
    height: 0;                 /* ser till att punkten inte är synlig */
    clear: both;               /* får behållaren att frilägga punkten */
    visibility: hidden;        /* försäkrar ytterligare att punkten inte är synlig */
}
.clearfix {display: inline-block;}   /* en fix för IE Mac */

/* härnäst en fix för den fruktade Guillotine-buggen i IE6 */
/* Gömmer för IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* Slut på gömning för IE-mac */
/* slut på "ingen-extra-kod"-metoden för friläggning (clearing) */
