body { font-family: Arial, sans-serif; color: black; font-size: 0.8em; line-height: 1.4em;  margin: 0; background-color: #eaeaea; background-image: url('../img/bg.png'); background-repeat: repeat-y; height: 100%; background-position: center;}
p {margin-top: 0.6em;}
h1 { text-shadow: 1px 1px 2px #e6e6e6; margin-bottom: 0.8em; line-height: 1.4em; font-size: 1.6em; font-weight: normal; margin-top: 0; color: #000;}
h2 { margin-bottom: 1em; line-height: 1.4em; font-size: 1.2em; font-weight: normal; margin-top: 0; color: #707070;}
h3 { margin-bottom: 1em; font-size: 1.2em; font-weight: normal; margin-top: 2em; color: #707070;}
h4 { font-weight: bold; }
#pris { margin-bottom: 0; line-height: 0.8em; font-size: 1.5em; font-weight: bold; margin-top: 0; color: black;}
table {border: 0;}
a {color: #565656;}
ul {list-style: none; padding-left: 0; line-height: 1.5em;}

img {border:0}

#bakgrund {width: 980px; margin-right: auto; margin-left: auto; background: #ffffff;}

#sidhuvud {padding: 0 0 0 30px; background: #61594a; height: 90px;background-image: url('../img/toning3.png'); background-repeat: repeat-x; background-position-y: bottom;}
#toppmeny {float: right;margin-right: 20px;margin-top: -12px;}
#toppmeny img {padding: 0; padding-right: 7px;}

#sida {padding: 30px 30px 50px 30px;}
#bild_stor {width: 450px; float: left; padding-left: 10px;text-align: right;}
#text_br {width: 450px; float: left; padding-right: 10px; line-height: 1.6em;padding-top: 10px;}
#text_h {width: 450px; float: left; padding-left: 10px; padding-top: 120px;}

#erbjudanden {clear: both; padding-top: 10px;margin-top: 50px;}
.eimg {float:left;  height: 150px; clear: left;}
.etext {float: left; width: 175px; padding-top: 20px;}

#sommaroppet {border: 1px solid #bbb; background-color: #ededed;width: 418px; padding: 20px 15px 20px 15px;text-align: left;margin-top: 20px;}
#sommaroppet h1 { font-size: 1.3em; font-weight: normal; margin-top: 0; color: #707070;margin-bottom: 5px;}
#sommaroppet h2 {margin-bottom: 2px; font-size: 1.1em;}
#sommaroppet p {margin-bottom: 2px;margin-top: 2px;}


.dandy { margin-top: 25px;margin-right: 10px; }

.kategori {clear: both; padding-top: 5px;}

table.produkter {border: 0; width: 100%; margin-top: 75px; clear: both; margin-bottom: 100px;}
.produkter td {width: 20%; height: 40px;}

table.leverantorer {border: 0; width: 100%;}
.leverantorer td {width: 20%; height: 70px;}

table.leverantortext {border: 0; width: 100%; margin-top: 20px;clear:both;}
.leverantortext td {width: 25%; vertical-align: top; padding-left: 10px;}
.leverantortext a {display:block;color: #777;line-height: 1.6em;}

#lev_block {background: #efefef; color: #565656; padding: 10px 30px 30px 30px; font-size: 0.9em;}

table.eform {margin-top: 40px;}

#sidfot {background: #ccc; color: #565656; height: 100px; padding: 30px 30px 15px 30px; font-size: 0.9em;}
#sidfot a {color: #565656;}
#adress {float: left;}
#epost {width: 415px; float: right; padding-left: 5px;}
#oppettider {float: right; text-align: right;}
#sidfot h4 {margin: 0; font-weight: normal;}

.extra {margin-top: 60px; font-size: 0.8em; color: #777;}

.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.clearfix {
    display: inline-block;
}

html[xmlns] .clearfix {
    display: block;
}

* html .clearfix {
    height: 1%;
}