body {margin:0px; padding:0px; font-family:Arial, Helvetica, sans-serif; font-size: 0.8em; text-align:left; background-image: url(images/bakgrund2.gif);}
body a {color:black;}
body a:hover {text-decoration:none; color:black;}
body a:visited {color:black;}
body a:active {color:black;}

* {margin:0; padding:0;}
img {margin: 0px; padding: 0px;}
li { list-style:none; font-size: 12px;}

.centerit {text-align:center;}
.centerit p a {text-align:center;}
.noborder {border:none;}

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

div#mainwrap {width:826px; 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#begin {height:2px;margin:0;width:824px;background-color: #000000; float:left;}
div#header {background-image: url(images/newproplogo.gif);width: 800px; height:28px;margin-top:30px;}
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#advertising {background-color:#FFFFFF; border:solid 2px;width: 822px; margin-top:-2px;}
div#advertising td {width:162px; text-align:center; background-color:#003366; font-weight:bold;font-variant:small-caps; font-size: 1.2em;}
div#advertising a {color:#ffcc00; font-variant:normal; font-size:0.8em;}

div#toplinks {background-color: white; width:826px;  font-variant: small-caps; text-decoration:none;font-weight:300;margin-top:30px;}
div#toplinks table {width: 826px;}
div#toplinks th {background-color: #003366;}
div#toplinks table {text-align:center; border: solid 2px;border-color:black;}
div#toplinks table td {background-color: #6699FF;}
div#toplinks table a{text-decoration: none;}
div#toplinks table td:hover {background-color: #D4B65A;}

div#propguide {width: 822px;background-color: white;text-decoration:none;font-weight:normal; font-size: 0.9em;margin-top:-2px; border:solid 2px;}
div#propguide table {width:822px;}
div#propguide a {text-decoration:none;}
div#propguide td {background-color:#cccccc;}
div#propguide td:hover {background-color: #999999;}
div#propguide th {background-color:#003366; color:#FFCC00; letter-spacing:0.8px; text-align:center; font-size:1em;font-weight: bold;}

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

div#body {width:646px;float:left; color: #000000; background-color:#FFFFFF; border-right:solid 2px; border-bottom: none; border-color:black; padding: 2px;}
div#body table {margin-left: 0.8em;margin-top:10px;}
div#body table td {border-bottom: dotted 1px; border-bottom-color: #999999; border-right: dotted 1px; border-right-color: #999999;}
div#body p {font-size:1em; padding:1em 1em 1em 1em;}
div#body li {margin-left: 2.2em; margin-right: 1em; list-style-type: circle;}
div#body p span {border-bottom: solid 1px;}
div#body p a {text-decoration: underline; color: #BD1D01;}
div#body p a:hover{text-decoration: none; color: #BD1D01;}
div#body h1 {font-size: 2em; color: #11316e; margin: 20px 0 0 0; text-align:center;}
div#body h2 {font-size: 1.4em; color: #11316e; margin: 20px 0.8em 0 0.8em;}
div#body h2 a {color:#11316e;}
div#body h3 img {float:left; margin-left: 10px; padding-right: 5px;}
div#body h3 { font-size: 1em; color: #11316e; margin:0 0 0 0;}
div#body th {padding-right:5px;border-right:dotted 1px; border-color:#999999; border-bottom: dotted 1px; border-bottom-color: #999999;}

.special {color: #11316E; font-family: Geneva, Arial, Helvetica, sans-serif;font-weight:normal; background-color:#FFFF99;margin-left:0;margin-right:0;margin-top:10px; border-top:solid 1px; border-bottom: solid 1px; border-color: #999999; text-align:center;}
.markup {color: #11316E; font-family: Geneva, Arial, Helvetica, sans-serif;font-weight:normal; background-color: #CCCC99;margin-left:0;margin-right:0;margin-top:10px;}

div#contentarea {width:826px;background-image: url(images/bakgrund.jpg); background-repeat: repeat-y;margin-top:30px;}

div#column1_list1 {margin-top: 0;font-size:1.1em;width:170px;float:left; color: #000000; background-color:#cccccc; border-bottom-color:black; border-left: solid 2px; border-left-color:black;}
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.1em; border-bottom: solid 2px; border-bottom-color:#ffffff; padding-top: 2px; padding-bottom: 2px;}
div#column1_list1 li:last-child {border:none;}
div#column1_list1 li a {font-size: 1em; font-variant: normal; color: #000000; font-weight: 200; text-decoration:none;}
div#column1_list1 span a {text-decoration:none;}
div#column1_list1 span a:hover {text-decoration:none; background-color: #66FF00;}
div#column1_list1 li:hover {background-color:#999999;}

.expired {margin-left:0px;color:red; background-color:white; font-weight: bold;}

.subheader {text-indent: 0.5em;font-size: 12px;color: #FFCC00; background-color:#003366; font-weight:bold; border: solid 2px; border-color:#cccccc; border-right:none; border-top:none;}
.subheader a{font-size: 1em;color: #000000; margin-left:0.1em; text-decoration:underline; font-weight:bold;}

.home {font-size: 12px;color: #FFCC00;font-weight:bold; border: solid 2px; border-bottom:none; border-color:#cccccc; border-right: none; background-color:#CCCCCC; text-align:center;}
.home a{font-size: 1em;color: #000000; margin-left:0.1em; text-decoration:none; font-weight:bold;}
.home:hover {background-color: #D4B65A;}

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: solid 2px; border-color: #666666;}
div#column2 p span {color:#990000;}

div#footer {height:2px;margin:0;width:824px;background-color: #000000;}

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