body {margin:0px; padding:0px; font-family:Arial, Helvetica, sans-serif; font-size: 1em; text-align:left;}

* {margin:0; padding:0;}
img {margin: 0px; padding: 0px;}

h1 a {color: white; text-decoration: none;}

div#mainwrap {width:776px; margin-left:auto; margin-right:auto; text-align:left;}

/*div#header {width:774px; background-color: #FFCC33; text-align:center; margin-top: 20px; margin-bottom: 20px; border-bottom: dotted 1px; color: #999999;}
div#header h1 {width: 774px; color: #0066CC; padding-bottom: 1em;}
div#header img {padding-top:10px;} */

div#header {height: 2.5em; margin-top: 30px;text-align: center; background-image:url(gradient.jpg); background-color: #455372; color: #FFFFFF; padding-top: 5px;}
div#header span {color: #bd1d01;}
div#header span span {color:#545454;}
/*div#header a {color: white; text-decoration: none;}*/
div#header_image {position: absolute; width: 740px; top: 20px; padding-left: 35px; padding-top: 3px;}
div#header_image2 {position: absolute; width: 740px; top: 20px; padding-left: 680px; padding-top: 3px;}

div#kapitel { font-family:"Courier New", Courier, monospace;font-size: 1.5em;text-align:center; color: #3399FF; font-variant: small-caps;}

div#huvudtext {width:442px;float:left; border-left: solid 7px; border-right: solid 7px; border-color: #CCCCCC; color: #666666; padding-top: 2em; background-color:#FFFFFF;}
div#huvudtext a {color: #455372; text-decoration:underline;}
div#huvudtext a:hover{text-decoration: none; color: #BD1D01;}
div#huvudtext p {font-size:.8em; margin:0 1em 1em 1em;}
div#huvudtext p span {border-bottom: dashed 1px;}
div#huvudtext h1 {font-size: 1.5em; color: #11316e; margin: 0 0 0 0;}
div#huvudtext h2 {font-size: 1em; color: #11316e; margin: 0 0 0 0.8em;}
div#huvudtext h2 a {color:#11316e;}
div#huvudtext h3 img {float:left; margin-left: 10px; padding-right: 5px;}
div#huvudtext h3 { font-size: 1em; color: #11316e; margin:15px 0 0 10px;}
div#huvudtext hr {margin-bottom:20px;}

div#warning {text-align: center; font-size: 0.6em; color: #666666;height: 1.5em; border-color: #999999; background-color: #F9BA0B;}

div#contentarea {width:776px;background-image:url(background.jpg); background-repeat: repeat-y;}

div#column1_list1 {margin-top: 0.5em;font-size:1em;width:150px;float:left; color: #3366FF; display:inline;}
div#column1_list1 span {font-size: 0.9em; margin-left:0.5em;}
div#column1_list1 ul {width: 100%;margin: 0 0 0 0;}
div#column1_list1 li {font-size: 0.8em;list-style-type: none; margin-left: 0.5em;margin-right: 0.5em;margin-bottom:0.5em;}
div#column1_list1 li a {font-size: 1em; font-variant: normal; color: #455372; font-weight: 200;}
div#column1_list1 span a {text-decoration:none;}
div#column1_list1 span a:hover {text-decoration:none; background-color: #66FF00;}

.subheader {margin-left: 0.6em;margin-top: 1em; margin-right:0.6em; padding-top: 1em; font-size: 0.8em;color: #BD1D01; font-weight:bold;}
.subheader a{font-size: 1em;color: #003399; margin-left:0.1em; text-decoration:underline;}

div#column1_list2 {font-size: 1em;width:150px; float:left; color: #CCCCCC; font-size: 1em; border-top: dotted 1px; display:inline;}
div#column1_list2 ul {width: 100%;margin: 0 0 0 0;}
div#column1_list2 li {font-size: 0.8em;list-style-type: none; margin-left: 0.5em;margin-right: 0.5em;margin-bottom:5px;margin-top:0px;}
div#column1_list2 a {font-size: 0.8em; font-variant: normal; color: #455372; font-weight: 200;}
div#column1_list2 span a {text-decoration:none;}
div#column1_list2 span a:hover {text-decoration:none; background-color: #66FF00;}
div#column1_list2 a:hover {text-decoration:none; background-color:#FFCC00;}

div#w3c {text-align: center;margin-left: 0em;border: none; padding-left: 0px;margin-top: 0.5em;}
div#w3c img {margin-right: 0.2em; border:none;}

div#column2 {margin: 30px 0 0 20px;text-align:center;width:150px; float:left; font-variant:small-caps; font-size: 0.80em; color:#3366CC;}
div#column2 p {width: 100px; font-weight: 300; padding: 10px 0 10px 10px;border-top: dotted 2px; border-color: #666666;}
div#column2 p span {color:#990000;}

div#end {width:776px; background-color:#CCCCCC; text-align:center; font-size:7px; font-weight:bold;}
div#ovrigt {width:776px; padding: 0 0 0 0; font-size: 0.7em; color: #666666;}
div#ovrigt a { color: #455372;text-decoration: underline; margin-top:10px; margin-bottom: 10px;}
div#ovrigt a:hover {text-decoration:blink;}
div#footer {width:773px;background-color: #CCCCCC; border-left: solid 1px; border-right: solid 1px; border-color: #CCCCCC; font-size: 0.6em;color: #666666;}

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