body {font-family: Trebuchet MS,Verdana, Arial, Helvetica, sans-serif; font-size: 1em; color: #333333;}

* {margin:0; padding:0;}

h1 {font-size: 18px; text-transform: uppercase; margin-bottom:10px;}
h2 {text-transform: uppercase; margin-bottom: 8px; font-size: 16px; line-height: 1.4em;}
h3 {text-transform: uppercase; margin-top:10px; margin-bottom: 8px; font-size:12px;}

/* width: 750px; */
div#wrapper {width:959px; margin: 0 auto 40px auto;}

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

div#spotify {
padding: 10px;
float: right;
width: 250px;
height: 300px;
margin-right: 50px;
margin-left: 50px;
background-color: #CCC;
}

div#spotify img {
float:right;
width:108px;
height:116px;
}
	

div#mainDiv {width:804px; float:left;}
div#minDiv {width: 155px;float:left;}

div#artikelText {color:black; margin: 40px 20px 20px 0 !important; margin: 40px 25px 20px 0; background-color:#FFFFFF; font-size:0.8em;}
div#artikelText p {margin-bottom:30px; text-align:left; font-size:1em; margin-right: 40px;}
div#artikelText ul {margin-bottom: 30px; margin-left:40px;}

div#toplist {width: 380px; float:right; text-align:center;}
div#toplist img {border:none;}
div#toplist  ol {float:left; width:20px; list-style-type:decimal;}
div#toplist  ul {float:left; margin-left:0; list-style-type:none;}
div#toplist  ol, div#toplist ul {font-size: 0.8em;}
div#toplist  li {margin-left:5px; line-height:2.4em; border-bottom:solid 1px; border-color:#eeeeee;}
div#toplist  li:first-child {list-style-type:none; font-size:1.4em;}
div#toplist  li a {color: #3771A8; text-decoration:none;}
div#toplist .rubrik {color:#3771A8; text-transform:uppercase; font-weight:bold; margin-bottom:10px; font-size: 1.4em}
div#toplist .song {color: #3771A8; text-transform:uppercase; font-weight:bold; margin-left:5px;}
div#toplist .artist {}
div#toplist .number {font-weight:bold;}

div#navMenu {margin-top:20px; background-color: #ffffff; font-size: 0.7em; text-align:left;}
div#navMenu a {color:#333333; text-decoration:none;}
div#navMenu p {color:#806680; margin-bottom:20px; line-height:normal;}
div#navMenu ul, ol {margin-bottom:20px; list-style-type:none; list-style-position:inside;}
div#navMenu li {color:#549FC9; line-height:normal; padding: 2px 0 2px 10px;}

div#navMenu .underkategori {color:#006699; padding-left:2px;}

div#navMenu .menuHeader {color:white; font-weight:bold; background-image: url(images/menu-header-background.gif); height: 25px; background-repeat: no-repeat; padding-left:10px; padding-top:7px; border-bottom:none; text-transform:uppercase;}

div#navMenu ul li {background-color:#ffffff; border-bottom:solid 1px; border-color: #eeeeee;}

div#footer {text-align:center; background-color:#333333; color:white;}

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