/* CSS Document - Typografi & page layout */


/* Default fonts and colors. */
body,h1,h2,h3,h4,h5,h6,p,ul,ol,dl,input,textarea { font-size: 0.9em; font-family: Arial, Verdana,  Helvetica, sans-serif;  margin: 0; padding: 0;}


/* Headings
-------------------------------------------------------------- */

h1,h2,h3,h4,h5,h6 { font-weight: bold; }

h1 { font-size: 1.5em; line-height: 1; margin-bottom: 0.5em; }
h2 { font-size: 1.3em; margin-bottom: 0.75em; }
h3 { font-size: 1.2em; line-height: 1; margin-bottom: 0.3em; }
h4 { font-size: 1.1em; line-height: 1.25; margin-bottom: 1.25em; }
h5 { font-size: 1em; margin-bottom: 1.5em; }
h6 { font-size: 1em; }


/* Text elements
-------------------------------------------------------------- */

p { margin: 0 0 1.5em; }

ul, ol { margin: 0 0 1em 1.5em }
ul { list-style-type: circle; }
ol { list-style-type: decimal; }

dl { margin: 0 margin-bottom: 1.5em;  }
dl dt { font-weight: bold; }
dl dd { margin-left: 1em; }


abbr, acronym { border-bottom: 1px dotted #000; }
address { margin-top: 1.2em; font-style: italic; }
del { color: #000; }

a { color: #013770; text-decoration: none; font-weight: bold; }
a:hover { text-decoration: underline; }

blockquote { margin: 1.2em; }
strong { font-weight: bold; }
em, dfn { font-style: italic; }
dfn { font-weight: bold; }
pre, code { margin: 1.2em 0; white-space: pre; }
pre, code, tt { font: 1em monospace; line-height: 1.2; } 
tt { display: block; margin: 1.2em 0; line-height: 1.2; }


/* Tables
-------------------------------------------------------------- */

table { margin-bottom: 1.4em; }
th { border-bottom: 2px solid #ddd; font-weight: bold; }
td { border-bottom: 1px solid #ddd; }
th,td { padding: 4px 10px 4px 0; }
tfoot { font-style: italic; }
caption { background: #ffc; }


/* Some default classes
-------------------------------------------------------------- */

.small { font-size: .8em; margin-bottom: 1.875em; line-height: 1.875em; }
.large { font-size: 1.2em; line-height: 2.5em; margin-bottom: 1.25em; }
.quiet { color: #999; }

.hide { display: none; }
.highlight { background: #ffc; }

.top { margin-top: 0; padding-top: 0; }
.bottom { margin-bottom: 0; padding-bottom: 0; }




/* -------------------------------------------------------------- 
   Forms
-------------------------------------------------------------- */

label { font-weight: bold; }

/* Fieldsets */
fieldset { padding: 1.4em; margin: 0 0 1.5em 0; border: 1px solid #ddd; }
legend { padding: 0 .4em; font-weight: bold; font-size: 1.2em; }

/* Textareas */
textarea { margin: 0.5em 0.5em 0 0; }
textarea { padding: .4em; }

form fieldset p { margin: 0 0 .5em; }
form fieldset p label { float: left; width: 100px; }

form fieldset p input { width: 200px; }
form fieldset p select { width: 200px; }

form fieldset p input.button { width: auto; }
form fieldset p input.checkbox { width: auto; }
form fieldset p input.radio { width: auto; }

form fieldset p.checkbox { margin-left: 100px; }
form fieldset p.checkbox label { float: none; }
form fieldset p.checkbox input { width: auto; }


/* -------------------------------------------------------------- 
   Layout-boxar och containers
-------------------------------------------------------------- */

body {background: #fff;  }

.slideshow { height: 268px; }

#wrapper { margin: 0 auto; position:relative; width: 848px; border: 1px solid #ccc; margin-top: 20px; background: #fff }

#wrapper:after {content: ""; display: block; height: 0; clear: both;  }

#header {margin: 0; font-weight: bold; position: relative; height: 80px; width: 848px;  background: #fff url(/CommonResources/Files/www.freezehouse.com/Images/Mallelement/topbg.gif) repeat-x; }

#logo {text-indent: -999em; background: url(/CommonResources/Files/www.freezehouse.com/Images/Mallelement/logo.gif) no-repeat; width: 243px; height: 54px; position: absolute; top: 20px; left: 20px; }

#content { padding: 0 22px; margin-bottom: 22px; width: 371px; float: left;  }

#contentwide { padding: 0 22px; margin-bottom: 22px; width: 561px; float: left;  }

#contentwrapper { relative; padding-top: 20px; min-height: 450px; background: url(/CommonResources/Files/www.freezehouse.com/Images/Mallelement/contentwrapperbg.png) repeat-x; }

#contentwrapper:after {content: ""; display: block; height: 0; clear: both;}

#synhalsan { padding: 10px;  position: absolute; top: -70px; left: 0; }

#meny{ width: 205px; float: left; background: #fff; margin-bottom: 100px;}

#topcontent { top: 66px; right: 0px;  position: absolute; z-index: 4;  }
#topcontent img{border: 0;}

#sidecontent { border-left: 1px dashed #ccc; width: 182px; float: left; background: #fff; padding: 0 10px; margin: 0 20px 20px 0; min-height: 300px;}

#sidecontent h3,h4,h5, h5 {font-size: 1.2em; line-height: 1; margin-bottom: 0.3em; border-bottom: 3px  #0153a9 solid;   }
#sidecontent dd,dt {margin-left: 0;}

#footer {font-size: 0.8em; margin: 0 auto; width: 838px; padding: 5px; font-weight: bold;  height: 10px; color: #666; border-top: 1px dashed #ccc; background: #fff url(/CommonResources/Files/www.freezehouse.com/Images/Mallelement/topbg.gif) repeat-x; text-align: center; } 

ul#resizer {
        margin: 0;
        padding: 0;
        list-style: none;
        float: left;
        margin-left: 75px;
        margin-top: 27px
}
ul#resizer li {
        display: inline;
        font-family: georgia, sans-serif;
}
ul#resizer li a {
        text-decoration: none;
        color: #000
}
ul#resizer li#normal a {
        font-size: 11px
}
ul#resizer li#big a {
        font-size: 20px
}
ul#resizer li#bigger a {
        font-size: 30px
}



/* -------------------------------------------------------------- 
   Menyer
-------------------------------------------------------------- */



#meny ul { list-style:none; margin: 0; padding: 0; font-weight: normal;  }

#meny ul li a{display: block;  margin: 0;  padding: 10px; color: #000; text-decoration:none; border-bottom: #C3C4BE 1px dotted; font-weight: normal; border-left: 3px  #f6f6f6 solid; }
#meny ul li a:hover { border-left: 3px  #0153a9 solid;  background: #f4f4f4; }
#meny ul li.selected a{ border-left: 3px  #0153a9 solid; background: #f4f4f4; } 

#meny ul li ul {margin: 0; padding: 0;}

#meny ul li.selected ul li a{background: #fff;  padding: 5px 30px 5px 30px; color: #616160;  color: #000; font-weight: normal;  }
#meny ul li.selected ul li.selected a, #meny ul li.selected ul li a:hover{background: #e3e3e3; }