body        { font-size: 100%; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; background-image: url("bilder/bg.jpg"); background-attachment: fixed; margin: 0; padding: 0 }
* { 
margin:0; 
padding:0; 
}
p {
font-size: 0.7em
}
li   { font-size: 0.7em; font-weight: bold; margin-left: 18px }
h1, h2, h4, h5, h6  { color: #375e9d; font-weight: normal }
h3 { color: #000; font-weight: normal }
#mainwrap             { background-image: url("bilder/bg_mainwrap.jpg"); margin-top: 8; margin-right: auto; margin-left: auto; width: 955px }
#topp      { background-image: url("bilder/toppram.jpg"); background-repeat: no-repeat; padding-top: 20px; padding-left: 30px; top: 0; left: 0; width: 955px; height: 108px }
#innehall       { padding: 20px 10px 10px 30px; width: 655px; float: left; border-right: 0 dotted #d2d4d5 }
#right { background-color: #e7e9ed; margin-top: 20px; margin-left: 15px; padding: 5px 5px 5px 8px; width: 200px; float: left; border: solid 1px #375e9d }
hr { margin-top: 10px; margin-bottom: 10px }
footer  { background-image: url("bilder/bottomram.jpg"); margin: 0; padding: 0; width: 955px; height: 108px; float: left }
.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) */

