body {font-family: Arial, Helvetica, sans-serif; /*background-image:url(images/bg-body.gif); background-repeat:repeat-x;*/background-color:#dddddd;}

* {margin:0; padding:0;}

div#wrapper {width:959px; margin: 0 auto 0 auto; background-color:#ffffff;}

div#bodycontainer {
width: 959px;
position:relative;
}

/* Håller huvudtexten - absolut positionerat i förhållande till div#bodycontainer. */
#main {
width: 709px;
height: 1000px;
background-image:url(images/mainBackground.jpg);
background-repeat:repeat-x;
background-color: #e4e4e4;
position: relative;
top: 200px;
left:0;
margin-bottom: 40px;
}
table#main td {
vertical-align:top;
}

#main ul {
margin-left: 60px;
font-size: 12px;}

/* Prisjämföreler */
#compare {
margin-top: 20px;
margin-bottom: 20px;
width: 600px;
font-size: 12px;
margin-left: 40px;
background-color: #990000;
}
#compare a {text-decoration:none;}
#compare td {padding: 2px;}
#compare th {color: white;}

#kreditgivare {
background-color: #CC6666;
text-transform: capitalize;
font-weight: normal;
}
#kreditgivare a {
color: black;
}

#totalbelopp {
width: 200px;
text-align:center;
font-size: 10px;
background-color: #cccccc;
}
#affiliatekod {
background-color: #ffffff;
font-size: 10px;
font-weight: bold;
background-color: white;
}
#affiliatekod a {
color: blue;
text-decoration:underline;
text-transform:capitalize;
}
#affiliatekod a:hover {
text-decoration:none
}
#recension {
text-align: center;
font-size: 10px;
background-color: #dddddd;
}
#recension a {
color: #003366;
text-decoration: underline;}


#main h1 {
font-size: 30px;
margin: 40px 40px 20px 40px;
color: #003366;
text-transform:capitalize;
}
#main h2 {
font-size: 20px;
margin: 0 40px 10px 40px;
text-transform: capitalize;
color: #003366;
}
#main h3 {
font-size: 14px;
margin: 0 40px 5px 40px;
color: #003366;
}

#main p {
font-size: 12px;
margin: 0 40px 15px 40px;
line-height: 18px;
}

div#preHeader p {
margin-bottom:-40px;
margin-top:40px;
color: #003366;
font-weight:bold;
}

/* Håller logga samt övrigt som ska vara längst upp på sidan. Absolut positionerat i förhållande till bodycontainer. */
div#header {
height: 200px;
width: 100%;
background-color: #550000;
position: absolute;
top: 0;
left: 0;
font-size: 100px;
color: yellow;
}

div#h1rubrik {
position: absolute;
top: 0;
left:400px;
width:560px;
background-color: red;
font-size: 14px;
}

div#h1rubrik h1 {
color:white;
}

div#topMenu {
height: 40px;
width: 100%;
position: absolute;
bottom: 0;
left:0;
height: 40px;
background-color:#990000;
font-size: 14px;
color: white;
background-image: url(images/top-nav-bg.gif);
background-repeat:repeat-x;
}

div#topMenu a {
color: white;
}

div#topMenu ul {
margin:0;
position: absolute;
bottom: 12px;
left:40px;
}
div#topMenu li {
display:inline;
margin-right:50px;
}

div#logo {
position: absolute;
top: 35px;
left: 250px;
text-align:center;
color: #ffcc00;
font-size: 40px;
}
div#logo span {
font-size: 25px;
color: white;
text-transform: capitalize;
font-weight: bold;}

div#link {
font-size: 10px;
color: #dddddd;
left: 220px;
text-align:center;
}
div#link span {
font-weight: bold;}

p#intro {
font-size: 13px;
font-weight: bold;
margin-top: 30px;
margin-bottom:-20px;
}

div#kostnader th { font-weigh: normal; background-color:#999999; padding: 3px; }
div#kostnader h3 {font-size: 14px; margin-top: 20px;} 
div#kostnader td {text-align:center; background-color: #cccccc; padding: 3px;}
div#kostnader table {margin-left: 40px; width: 623px; font-size: 10px;} 

div#klick {
width: 380px;
height: 15px;
background-color:#003366;
text-align: center;
border: solid 1px;
margin-left: 280px;
color: white;
font-size: 10px;
text-transform: uppercase;
}
div#klick a {color: white;}


#menu {
width: 250px;
position:absolute;
top: 200px;
right:0;
background-color:#f7f7f7;
height: 1000px;
padding: 30px 20px 10px 20px;
}
table#menu td {
vertical-align:top;
}
#menu h4 {
font-size: 12px;
margin: 10px 0 0 0;
text-transform:uppercase;
color: #003366;
}
#menu ul {
margin-top: 10px;
margin-left:0;
list-style-position:inside;
font-size:12px;
list-style-type: square;
text-transform:capitalize;
color: #999999;
font-weight: bold;
}
#menu ul span {
padding-left: 20px;
}

#menu a {
text-decoration: none;
color: #222222;
}
#menu a:hover {
color: black;
text-decoration: underline;
}


td#artikel {
width:709px;
}

#sign {
float:right;
width: 336px;
height:280px;
padding: 20px;
margin: -40px 0 20px 20px;
color:white;
/*background-image:url(images/skylt.jpg);*/
/*background-repeat: repeat-x;*/
}
#sign p {
margin:0 0 20px 0;
padding:0;
font-size: 20px;
font-style: italic;
line-height: 25px;
}

#footer {
font-size: 10px;
background-color:#dddddd;
text-align:center;
}
