* { margin: 0; padding: 0; }

body {background-color: #8AA0C5;}

div#wrapper {
width: 750px;
margin: 30px auto 30px auto;
}

div#sidhuvud {
margin: 0; 
padding: 20px;
background-color: white;
border: solid 1px;
}

div#sidhuvud ul:first-child {
border-left: solid 1px
;}

div#sidhuvud li {
display:inline;
padding-left: 6px;
padding-right: 6px;
border-right: solid 1px;}

div#sidhuvud a {
padding-right: 20px;
color: #990000;
text-decoration:none;
}

div#sidhuvud a:hover {
text-decoration: underline;
color: green;}

div#sidhuvud a:visited {
color: orange;}

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

div#vanstermeny {
float:left;
width: 200px;
border-left: solid 1px;
background-color: white;
}

div#huvudtext {
float:left;
width: 507px;
margin: 0;
padding: 20px;
background-color: white;
border-right: solid 1px;
border-left: solid 1px;
}

div#huvudtext h1 {
color: #003366;
margin-bottom: 20px;
}

div#huvudtext p {
margin-bottom: 20px;
}

div#sidfot {
text-align:center; 
background-color: #CCCCCC;
color: #444444;
font-size: 9px;
border-right: dotted 1px;
border-bottom: dotted 1px;
border-left: dotted 1px;
border-color: #444444;
}

.floatRight {
float: right;
margin: 0 0 10px 20px;
}

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