/* Reset */
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%;vertical-align: baseline;background: transparent;}body {line-height: 1;}ol, ul {list-style: none;}blockquote, q {quotes: none;}blockquote:before, blockquote:after,q:before, q:after {content: '';content: none;}:focus {outline: 0;}ins {text-decoration: none;}del {text-decoration: line-through;}table {border-collapse: collapse;border-spacing: 0;}


/* Basic */
body {font-family: Tahoma, Geneva, sans-serif; font-size: 12px; color: #333; background-color: #FAFAFA; text-shadow: 1px 1px #FFF; margin: 0px 0px 100px 0px;}
h1 {font-size: 32px; font-weight: bold; text-transform: uppercase; margin-bottom: 24px; display: table; width: 100%; line-height: 36px;}
h1 img {float: left; clear: none; margin: 7px 6px 0px 0px;}
h3 {font-size: 14px; font-weight: bold; text-transform: uppercase; margin-bottom: 8px;}
a:link {color: #F00;text-decoration: none;}
a:visited {text-decoration: none;color: #F00;}
a:hover {text-decoration: underline;color: #F00;}
a:active {text-decoration: none;color: #F00;}



/* Grid */
#wrapper {min-width:960px; width: 960px; display: table; margin-left: auto; margin-right: auto; position: relative; margin-top: 40px;}
#wrapper-single {min-width:960px; width: 960px; display: table; margin-left: auto; margin-right: auto; position: relative; margin-top: 30px; line-height: 1.3;}
#grid2col1,#grid2col2 {overflow:hidden; display:inline-block; text-align: left; line-height: 1.3;}
#grid2col1 {float:left; width:460px;}
#grid2col2 {float:right; width:460px;}
#grid2col1 p {margin-bottom: 18px;}


/* Header */
#header {display: table; width: 100%; min-width: 100%; padding: 60px 0px 30px 0px; border-bottom: 3px solid #CACACA;}
#header-inside {min-width:960px; width: 960px; display: table; margin-left: auto; margin-right: auto; position: relative;}
.logo, .navigation {overflow:hidden; display:inline-block; text-align: left;}
.logo {float:left; width:221px; height: 36px; background: url(logo.png);}
.navigation {float:right; width:739px;}
.navigation {display: table; width: 739px; height: 36px;}
.navigation ul {height: 36px;}
.navigation li {float:right;}
.navigation li a {color:#000;display:block; line-height:36px; margin:0px; padding-left: 20px; text-align:right; text-decoration:none !important; text-transform: uppercase; 
text-shadow: 1px 1px #FFF; font-weight: bold !important; font-size: 13px !important;}
.navigation ul li a:hover {color: #333 !important;}
.index-header {border-bottom: none !important;}

.montering-header {border-bottom: 3px solid #0076c2 !important;}
.forpackning-header {border-bottom: 3px solid #0fa729 !important;}
.distribution-header {border-bottom: 3px solid #db031d !important;}


/* CBOX */
#cbox {display: table; width: 100%; min-width: 100%; height: 380px; min-height: 380px;
background: url(cbox_bg.png) top center repeat-y; background-color: #FFF;
border-bottom: 1px solid #CACACA; border-top: 1px solid #CACACA;
}
#cbox-inside {min-width:960px; width: 960px; height: 380px; min-height: 380px; display: table; margin-left: auto; margin-right: auto; position: relative; background: url(cboximg1.png) top right no-repeat;}
#cbox-text {color: #333; text-shadow: 1px 1px 1px #FFF; width: 500px; font-size: 15px; line-height: 1.3; margin: 70px 0px 0px 0px;}
#cbox-text p {margin-bottom: 18px;}



/* Four-Box */
.fourbox {min-width:960px; width: 960px; display: table; margin-left: auto; margin-right: auto; margin-top: 30px; position: relative; line-height: 1.3;}
.fourbox div img {margin-bottom: 12px;}
.fourbox div a {color: #666 !important; text-decoration: none;}
.fourbox div a:hover {color: #333 !important;}
.fourbox div h3 {color: #333 !important; display: table; width: 100%; height: 17px; line-height: 17px;}
.fourbox div h3 img {float: left; clear: none; margin: 3px 3px 0px 0px;}

.forbox-box1,.forbox-box2, .forbox-box3 {overflow:hidden; display:inline-block; text-align: left; width:300px; }
.forbox-box1,.forbox-box2 {float:left}
.forbox-box3{float:right}
.forbox-box1 {margin: 0px 30px 0px 0px;}
.forbox-box2 {margin: 0px 30px 0px 0px;}
.forbox-box3 {margin: 0px;}
.forbox-box1 div,.forbox-box2 div,.forbox-box3 div {width: 280px; margin: 0px 10px 0px 10px;}


/* Referenser */
#referenser {min-width:960px; width: 960px; display: table; margin-left: auto; margin-right: auto; position: relative;}
#referenser li {float: left; clear: none; margin: 0px 10px 10px 0px; border: 1px solid #CACACA;}
#referenser li img {margin: 5px;}
#referenser .last {margin: 0px 0px 10px 0px !important;}

/* Footer */
#footer {min-width:960px; width: 960px; display: table; margin-left: auto; margin-right: auto; margin-top: 60px; position: relative; border-top: 1px solid #CACACA;}
#footer ul {margin-top: 15px;}
#footer ul li a {color: #000 !important;}
#footer .footer-innehall {min-width:560px; width: 560px; display: table; float: right; clear: none; position: relative;}
#footer .footer-innehall li {float: right; clear: none; margin: 0px 0px 0px 10px;}
#footer .footer-kontakt {min-width:400px; width: 400px; display: table; float: right; clear: none; position: relative; line-height: 1.5 !important;}
#footer .footer-kontakt li {}