body{
margin: 0;
padding: 0;
background-color: #eee; /* Samma som footer bakgrund */
color: #522d24;
font: 11px/16px Georgia, "Times New Roman", Times, serif;
}

.hide{
position: absolute;
top: -9999px;
left: -9999px;
width: 0;
height: 0;
}

form {
margin:0;
padding:0;
}

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

.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
.clearfix {display:block;}
/* End hide from IE Mac */

div#campaigns {
background: #522D24;
border-bottom: 1px solid #cdcdcd;
font: 12px/14px Arial, Helvetica, sans-serif;
}

div#campaigns ul{
width: 800px;
height: 26px;
margin: 0 auto;
padding: 10px 0 0 0;
list-style-type: none;
}

div#campaigns li{display: inline;}

div#campaigns li a{
margin-right: 20px;
}

div#campaigns a{
color: #fff;
text-decoration: none;
}

div#campaigns a:hover{
text-decoration: underline;
}

div#head{
height: 120px;
background-image: url(../_pict/top-gradient.gif);
background-repeat: repeat-x;
background-position: top;
background-color: #ffffff;
} 

div#head div{
overflow: hidden;
width: 790px;
padding: 0 30px;
margin: 0 auto;
}

div#head div h1{
margin: 0;
}

div#head div h1 a{
float: left;
width: 185px;
background-image: url(../_pict/top-logo.gif);
background-repeat: no-repeat;
background-position: left;
text-indent: -999em;
font: 12px/125px Georgia, "Times New Roman", Times, serif;
}

/* Meny */

ul#main-menu{
float: right;
width: 578px;
height: 16px;
margin: 5em 0 0;
padding: 0;
list-style-type: none;
overflow: hidden;
}

ul#main-menu li{
float: left;
padding: 0 10px;
border-left: 1px solid #522d24;
margin-left: -1px;
}

ul#main-menu li a{
display: block;
height: 16px;
width: 129px;
overflow: hidden;
background-image: url(../_pict/meny.gif); /* 517px bred */
background-repeat: no-repeat;
background-position: top left;
text-indent: -999em;
}

li#m_askar a:hover{background-position: 0 -30px !important;}

li#m_praliner a{width: 130px !important; background-position: -134px 0px !important;}
li#m_praliner a:hover{background-position: -134px -30px !important;}

li#m_kvalitet a{width: 160px !important; background-position: -270px 0px !important;}
li#m_kvalitet a:hover{background-position: -270px -30px !important;}

li#m_choglad a{width: 78px !important; background-position: -439px 0px !important;}
li#m_choglad a:hover{background-position: -439px -30px !important;}

ul#submenu{
overflow: hidden;
float: left;
width: 500px;
padding: 0;
margin: 1em 0 0 2.5em;
list-style-type: none;
}

ul#submenu li{
border-left: 1px solid #522d24;
margin-left: -1px;
padding: 0 10px;
display: inline;
}

ul#submenu li a{
text-decoration: none;
color: #522d24;
}

ul#submenu li a:hover{text-decoration: underline;}

/* /Meny */

div#wrapper{
overflow: visible;
background-repeat: repeat-x;
background-position: top;
padding-bottom: 15px;
}

* html div#content{
height: 500px;
}

div#content{
width: 790px;
min-height: 500px;
margin: 0 auto;
padding: 0 42px;
background-repeat: no-repeat;
background-position: top;
}

div#main{
float: left;
padding: 20px 0 70px;
margin-right: 30px;
width: 455px;
}

div#info-wrap{
float: left;
width: 305px;
background-color: #ffffff;
background-repeat: no-repeat;
background-position: bottom;
padding-bottom: 10px;
margin-bottom: 20px;
}

div#info{
background-color: #ffffff;
background-repeat: no-repeat;
background-position: top;
padding: 20px;
}

div#info p{margin-top: 0;}

div#footer{
color: #666666;
background-color: #f3f3f3;
background-repeat: repeat-x;
background-position: top;
padding: 25px 0 10px 0;
height: 160px;
}

div#footerinner{
width: 800px;
margin: 0 auto;
font: 12px/14px Arial, Helvetica, sans-serif;
background-image: url(../_pict/footer-logo.gif);
background-repeat: no-repeat;
background-position: 95% 0;
}

div#footerinner ul{
float: left;
margin: 0 20px 0 0;
padding: 0;
width: 118px;
list-style: none;
}

div#footerinner ul.start{
width: 50px;
}

div#footerinner ul li a{
text-decoration: none;
}

div#footerinner ul li a:hover{
text-decoration: underline;
}

div#footerinner div.card{
font-size: 10px;
float: left;
margin-top: 60px;
text-align: center;
width: 178px;
}

div#footerinner div.card p{
margin: 0 0 6px 0;
}

div#footer-bottom {
background: #eee;
border-top: 1px solid #cdcdcd;
font: 12px/14px Arial, Helvetica, sans-serif;
}

div#footer-bottom ul{
width: 800px;
height: 90px;
margin: 0 auto;
padding: 10px 0 0 0;
list-style-type: none;
}

div#footer-bottom li{display: inline;}

div#footer-bottom li a{
padding-right: 8px;
margin-right: 6px;
border-right: 1px solid #666666;
}

div#footer-bottom a{
color: #666666;
text-decoration: none;
}

div#footer-bottom a:hover{
color: #666666;
text-decoration: underline;
}

ul.lista{
margin: 0;
padding: 0;
list-style-type: none;
background-repeat: repeat-x;
background-position: top;
padding: 20px 0 20px 20px;
}

div#navigation{
font: 12px/20px Georgia, "Times New Roman", Times, serif;
padding: 0 20px;
}

div#navigation p{
width: 80px;
margin: 0;
padding: 5px 10px 5px 5px;
background-color: #efefef;
border: 1px solid #cccccc;
}

div#navigation p.alignright{text-align: right;}

div#navigation ul{
padding: 0;
margin: 0;
text-align: center;
list-style-type: none;
}

div#navigation ul li{
display: inline;
}

div#navigation ul li a, div#navigation ul li.sel
{
padding: 5px 10px;
margin: 0 5px;
background-color: #efefef;
border: 1px solid #cccccc;
font: 11px/30px Georgia, "Times New Roman", Times, serif;
text-decoration: none;
}

div#navigation ul li.sel
{
color: #999999;
}

/* Allmänt */

div#main h2{
font: normal 24px/26px Georgia, "Times New Roman", Times, serif;
}

a{color: #522d24;}

.alignleft{float: left}

.alignright{float: right;}

.ingridienserrubrik{
margin-bottom: 0;
font-size: 11px;
}

.ingridienser{
margin-top: 0;
font: 10px/12px Arial, Helvetica, sans-serif;
}

div#main-start{
float: left;
padding: 20px 0 0 0;
margin-right: 16px;
width: 510px;
}

div#main-start h2{
font-size: 20px;
line-height: 26px;
font-style: italic;
font-weight: normal;
margin: 0;
}

div#main-start h3{
font-size: 16px;
margin: 0 0 0 10px;
font-style: italic;
}

div#main-start p{
margin: 0 0 14px 0;
}

div.main-section img{
margin-right: 20px;
}

div#info-wrap-start{
float: left;
width: 262px;
padding: 20px 0 0 0;
margin-bottom: 5px;
}

div.main-section{
background: #c1b480;
padding: 16px;
margin-bottom: 5px;
}

div.right-section{
background: url(../_pict/fade-bg2.gif) repeat-x left top;
padding: 16px 16px 11px;
margin-bottom: 5px;
}

div.right-section a img{
border: none;
}

div.right-section h3{
font-size: 16px;
margin: 0;
font-style: italic;
}

div.right-section p{
margin: 0 0 10px;
}

div.right-section p img{
margin-right: 10px;
}