body {font-size:100%;margin:0px; padding:0px; text-align:left; background-color: #8AA0C5;}

* {margin:0; padding:0;}

a img {text-decoration:none;}

a:link {color: #003366;}
a:visited, a:hover, a:active {color:#003365;}

/*div#wrapper {width: 752px; margin-top:61px; margin-left:auto;margin-right:auto;}*/
div#wrapper {position:absolute;width: 752px; top:61px; left:50%;margin-left:-375px;}

div#some-div {width: 300px; height:100px;}

div#bodycontainer {width: 752px;background-image:url(images/background.gif); background-repeat:repeat-y;}

div#menu {float:right; width:212px;padding:0; border-top:solid 1px; border-color:#003366; font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;}
div#menu ol {margin: 0 10px 10px 10px;}
div#menu ol a {text-decoration:underline;}
div#menu ul a {text-decoration:underline;}
div#menu li {border-bottom: solid 1px; border-left:solid 1px; border-right:solid 1px; border-color: #cccccc; margin-right:auto;margin-left:auto; margin-bottom:0; padding: 2px 0 3px 0; background-color: #ffffff; width:150px;}
div#menu li:first-child {border-top: solid 1px;border-color: #cccccc;}
div#menu ol li {padding-left:10px;}
div#menu ul {margin-bottom:20px;margin-top:20px;}
div#menu ul li { list-style-type: none; padding-left:10px;}
div#menu ul li:hover {background-color:#FFFFCC;text-decoration:none;}
div#menu ul li:hover a {text-decoration:none;}
div#menu ol li:hover a {text-decoration:none;}
div#menu p {margin-right: 15px; padding-left: 30px; margin-top:0; margin-bottom:10px; color:#003356;}
div#menu img {margin:0;border-top: solid 1px; border-right:none;border-bottom:none;border-left:none; border-color:#003366;}
div#menu .menyTextRubrik {margin-top: 20px;font-weight:bold; color:#CC0000; text-align:center; font-size:1em;}

div#siteWideLinks {width: 160px; margin-left:auto; margin-right:auto; font-size: 10px; margin-bottom:10px; font-size:14px; text-align:center;}



div#tabsHolder {margin-bottom:1px; font-family: Verdana, Arial, Helvetica, sans-serif;}
div#tabs {margin-top:10px;background-color:#8AA0C5;height:31px; width:751px; margin-right:auto; margin-left:auto; text-align:center;}
/*div#sideTabsHolder {position:absolute; top:172px; left:50%; margin-left:367px;}*/

div#sideTabsHolder {position:absolute; top:172px; left:50%; margin-left:368px !important; margin-left:359px;}
div#sideTabs {margin-bottom:10px; width:35px;}

.whiteTabClosed {float:left;background-image:url(images/tabs/white-tab-open.jpg); width: 128px; height:31px; background-repeat: no-repeat; margin-left:9px; display:inline;font-size:0.7em; font-weight:bold; font-variant:small-caps; padding-top:1px;}
.whiteTabClosed:hover {background-image:url(images/tabs/blue-tab-open.jpg);}
.whiteTabClosed:hover a {color:#ffcc00; text-decoration:none;}
.whiteTabClosed p {margin-top:2px;}

.blueTabOpen {float:left;background-image:url(images/tabs/blue-tab-open.jpg); width: 128px; height:31px; background-repeat: no-repeat; margin-left:9px; display:inline;font-size:0.7em; font-weight:bold; font-variant:small-caps;padding-top:1px;}
.blueTabOpen a {color:#ffcc00;}
.blueTabOpen p {margin-top:2px;}
.tabFloat {float:left; font-size:14px;margin:0;padding:0;}

div#logo {float:left; width:200px;}

/* OBS! ARV PÅ MARGINALER! */
div#rubrik {float:right;width: 539px; font-size: 1em; margin-bottom:40px; background-color:#003366;}
div#rubrik h1 {text-transform:uppercase;}

div#contentAd {float:left;margin: 0 10px 0 0; padding: 5px;}
div#notice {margin-right:auto;margin-left:auto; margin-bottom:20px; /*border-top:solid 3px; border-bottom:solid 3px; */width: 500px; border-color: #CCCCCC; text-align:center;}


div#ad_huvudtext {float:left; margin-right: 15px;margin-left: 20px; margin-bottom:10px;}

div#huvudtext {font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; font-size: 1em;float:right; width: 538px; margin: 0 0 0 0; padding:0 0 10px 0; color:#333333;border-right:solid 1px; border-color:#003366; min-height:800px; background-color:white;}
div#huvudtext h1 {font-size: 1.4em;color: #ffcc00;text-align:center;  padding-left:20px; padding-right:20px;border-right:none; border-color:black; height:62px;padding-top:7px; text-transform:uppercase;}
div#huvudtext h2 {margin-left:40px; margin-right:40px;font-size:1.6em; margin-bottom:20px; color: #009900;}
div#huvudtext h3 {margin: 40px 20px 15px 40px; font-size: 1.3em; padding-bottom:0px;color: #003365;}
div#huvudtext h4 {margin: 40px 20px 15px 40px; color: #003366;}
div#huvudtext h3 a {color: #003366;}
div#huvudtext p { margin-left: 40px; margin-right: 40px; margin-bottom: 20px;}
div#huvudtext a {color:#669933;}
div#huvudtext ul,ol { margin-left: 60px; margin-right: 40px; line-height:1.2em;list-style-position:outside;margin-bottom:10px;}
div#huvudtext ul { list-style-type: none;}
div#huvudtext ul code {font-size:1em;}
div#huvudtext li:last-child {margin-bottom: 20px;}
div#huvudtext table {margin-left:20px;margin-bottom:20px;}
div#huvudtext table tr {border:solid 1px;}
div#huvudtext dt {font-weight:bold;}
div#huvudtext input {margin-left:40px;margin-bottom:10px;margin-top:0;padding:0;}
div#huvudtext textarea {margin-left:40px;}
div#huvudtext iframe {margin-left:40px;}
.listmargin_normal *{margin:0;padding:0;}
.switchmargins {margin-top:20px; margin-bottom:0px;padding:0;}

div#huvudtext hr {margin-left: 20px; margin-right: 20px; margin-bottom:20px;}
div#huvudtext p code {font-size: 1em; border-color:#EEEEFF;margin-top:10px;}
div#huvudtext sup {vertical-align: 40%; font-size: 0.6em; font-family:Verdana, Arial, Helvetica, sans-serif;color: #333333; background-color: #FFDDFF;}
div#huvudtext dt {margin:10px 10px 0 20px}
div#huvudtext dd {margin-left:20px;}

.anfang:first-letter {font-size: 16px;}
div#bigButton {margin-left:30px; background-image:url(images/big-button.gif); background-repeat:no-repeat; width:500px; height:85px; color:white; font-family:Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;}
div#bigButton p { text-transform:uppercase; padding-top:20px; width: 300px; font-size:20px; text-align:center; font-weight:bold;}
div#bigButton a {color: white;}

.attention {background-color: #000000; color:white; clear:both; padding: 5px;}
.bold {font-weight:bold;}
.attention a {font-weight:bold;}

.snabbNavigation {font-size:0.8em; font-variant:normal;text-align:justify;}
.snabbNavigation a {color:#669933;}
.snabbNavigation strong {font-variant:small-caps; font-size:1.2em;}

.topBorder {border-top:solid 3px; border-color:#eeeeee; padding-top:20px;}
div#guideArtiklarGul {background-color: #FFFFCC;padding-top:5px; margin-top:0; margin-left:20px; margin-right:20px; border-left:solid 1px; border-color:white; border-bottom:2px;}
div#guideArtiklarGul p {margin-bottom:0; margin-top:0; padding-bottom: 5px;}
div#guideArtiklarGul h3 {margin-bottom:0;}
div#guideArtiklarGra {background-color: #dddddd;padding-top:5px; margin-top:0; margin-left:20px; margin-right:20px;border-left:solid 1px; border-color:white; border-bottom:2px;}
div#guideArtiklarGra p{margin-bottom:0; margin-top:0; padding-bottom: 5px;}
div#guideArtiklarGra h3 {margin-bottom:0;}


.fontRed {color: #000099;}
.hyperlink {font-size: 0.8em; color:#0000FF;}
.ad {border-top:solid 3px; border-color:#cccccc; margin-top:20px;}
.artikelserie {background-color: #CCCCCC;padding:10px;}
.tagg {background-color: #FFFF99; margin: 0 80px 20px 80px; padding: 2px 10px 2px 10px;}
.code {font-size: 1.2em;padding:5px; border:solid 3px; border-color:#eeeeee; margin-bottom:25px;}
.marked {background-color:#CCCCCC; font-weight:normal;}
.comments { font-size:0.9em; background-color: #FFDDFF;padding:5px; border:solid 2px; border-color:#FFBBFF;}
.pink {background-color: #FFDDFF; padding:0;}
.comments p a {font-variant:normal;}
.webadress a {color: #336600; font-weight:bold;}
.h3special {background-color: #FFCCCC;}
.extrabottenmarginal {padding-bottom:20px;}
.displayInline {display:inline; padding-right: 10px;}
.displayBlock a{display:block;}
.lightbluemarkup {background-color:#c1d3ff; margin-right:40px; margin-left:20px; padding:5px 20px 0px 20px;font-size:0.9em;}

div#footer {background-color:#003366;padding:0;color: #333333; border-left:solid 1px; border-right: solid 1px; border-bottom:solid 1px; margin-bottom:40px;margin-left:auto; margin-right:auto; width:750px; font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; font-size:10px; text-transform:uppercase;}
div#footer a {color:black;}
div#footer strong {color:#ffcc00;}
div#bottomad {background-color: #DDDDDD;padding: 5px 20px 5px 20px; border-top: solid 2px; border-bottom:solid 2px;border-color:#FFFFFF;}
div#subscribe {background-color: #FFFFCC;padding: 5px 20px 0 20px; height:95px; border-top: solid 1em;border-bottom: solid 1em; border-color:#003366; color:#003366; font-size:0.8em;}

.first {width: 170px; margin-top:3px; float:left;  font-variant:small-caps;}
.second {margin-top:3px; padding:3px 5px 0 5px; height:45px;  font-variant:small-caps;}
.absolute_bottom {text-align:center;clear:left;padding-top:2px;font-style:italic;font-weight:bold;}


.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) */
