@charset "utf-8";
@import url("reset.css");
/*---------------------------------- 
project:	www.scanmatic.se
version:	1.0 
author:   	Unik Grafik 
web:    	www.unikgrafik.se
-----------------------------------*/  

/* GENERAL */
body { color:#0a364d; background-color:#5392b4; font:12px Arial, Helvetica, sans-serif; }
a { text-decoration:none; border:none; }
a:hover { text-decoration:none; border:none; }
a:active { outline:none; }
a:focus { outline-style:none; }
.left { float:left; }
.right { float:right; }
.clear { clear:both; }
.morePaddLeft { padding-left:20px; }
.moreMargRight { margin-right:20px; }
.moreMargTop { margin-top:20px; }
img { border:none; }

/* HEADER */
#headerContainer { width:100%; background:#fefeff url(../img/bg_header.gif) repeat-x bottom left; }
#header { margin:0px auto; width:920px; height:78px; }
#header img { border:none; float:left; }
#logo a { float:left; border:none; height:70px; width:203px; background:url(../img/scanmatic_logo.gif) no-repeat 2px 0px; overflow:hidden; text-indent:-9999px; display:block; }

/* LANG */
#lang ul { list-style:none; margin:0px auto; padding:5px 0 0 0; width:920px; height:11px; }
#lang li { float:right; margin:0 5px 0 0; }
#lang li a { text-decoration:none; border:none; outline:none; }

/* NAV */
#nav { float:right; padding-top:13px; margin:0; list-style-type:none; list-style-position:outside; position:relative; line-height:1.5em; font-family: Helvetica, Arial, sans-serif; }
#nav li { float:left; position:relative; font-size:0.9em; }
#nav ul { margin:0; padding:0; list-style-type:none; list-style-position:outside; position:absolute; display:none; width:13.5em; top:58px; border-top:solid 1px #0a364d; }
#nav li a { margin-right:1px; display:block; padding:12px 8px 8px 8px; border-right:solid 1px #f9f9fb; color:#0e5175; text-decoration:none; text-transform:none; }
#nav li a:hover, #nav li a:active { background-image:url(../img/bluebg.gif); color:#fff; }
#nav li.current a {	background-image:url(../img/bluebg.gif); color:#fff; }
#nav li.current a:hover { background-image:url(../img/bluebg.gif); color: #fff; }
#nav li a strong  { display:block; text-transform:uppercase; font:bold 1.2em/1.5em Helvetica, Arial, sans-serif; }
#nav li ul { position:absolute; top:55px; }
#nav li ul a { width:11em; height:auto; float:left; background-color:#f7f7f9; color:#0e5175; border-bottom:solid 1px #0a364d; border-left:solid 1px #0a364d; border-right:solid 1px #0a364d;  font-size:1.2em; font-weight:bold; } 
#nav li.current ul a { background-image:none; background-color:#f7f7f9; color:#0e5175; }
#nav li.current ul a:hover { background-image:url(../img/bluebg.gif); color: #fff; }
#nav ul ul { top:auto; }	
#nav li ul ul { left:140px; margin:8px 0 0 5px; } 
#nav li ul ul a { width:17em; background-color:#f8f8fa; font-size:1.4em; }
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul { display:none; }
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul { display:block; }

/* MARQUEE */
#marqueeContainer { width:100%; height:429px; background:#0c4e72 url(../img/bg_marquee.gif) repeat-x top left; }
#marqueeSmallContainer { width:100%; height:146px; background:#0c4e72 url(../img/bg_marquee_small.gif) repeat-x top left; }
#marquee { margin:0px auto; width:920px; height:403px; }
#marqueeSmall { margin:0px auto; width:915px; height:115px; background:url(../img/slogan.jpg) no-repeat 0 25px; } 
#marqueeSmallEN { margin:0px auto; width:915px; height:115px; background:url(../img/sloganEN.jpg) no-repeat 0 25px; } 
#film { float:right; width:512px; height:384px; border:solid 2px #5392b4; margin-top:18px;}

/* CONTENT */
#contentContainer { width:100%; background-color:#4384a7; color:#0a364d;}
#content { margin:0px auto; width:920px; border:solid 1px #4384a7;}
#content h1 a { border:none; color:#0a364d; }
#content h1 a:hover { border:none; color:#0a364d; }
#content a { border-bottom:dotted 1px #d2e977; color:#0a364d; }
#content a:hover, #boxMain a:active  { font-weight:bold; color:#0a364d; }
#content a.strongerColor { font-weight:bold; color:#0a364d; }
#content a:hover.strongerColor, #boxMain a:active.strongerColor { color:#72a700; }
#content a.group { text-decoration:none; border:none; }

#boxMain { width:855px; min-height:400px !important; padding:20px 30px 20px 30px; margin:20px 0px; background-color:#fff; border:1px solid #0e5175; line-height:20px; }
#boxMain h1 { font-size:1.5em; margin:0 0 20px 60px; border-bottom:solid 2px #d2e977; line-height:35px; text-transform:uppercase;}
#boxMain h2 { font-size:1.3em; margin:0 0 5px 0; }
#boxMain h3 { font-size:1.1em; margin:0; }
#boxMain h4 { font-size:1.0em; margin:0 0 0 0; color:#CCCCCC }
#boxMain h5 { font-size:1.5em; margin:0 0 5px 60px; border-bottom:solid 2px #d2e977; line-height:35px; text-transform:uppercase;}
#boxMain ul { line-height:22px; }
#boxMain ul li { list-style:none; background:url(../img/dot.gif) no-repeat 0 7px; padding-left:12px;}

#produktmeny {font-size:1.0em; margin:0 0 30px 0;  color:#CCCCCC; text-align:center}
#produktmeny a {font-size:1.0em; margin:0 0 0 0; color:#666666; font-weight:bold}

#boxMainLeft { float:left; width:370px; padding:0 40px 0 10px; margin-bottom:10px; }
#boxMainRight { float:right; width:390px; }
#boxMainLeftBig { float:left; width:800px; padding:0 40px 0 10px; margin-bottom:10px; }

#boxRight { float:right; width:400px; height:195px; padding:10px 15px 0 25px; margin:20px 0; border:1px solid #0e5175; background-color:#fff; line-height:20px; }
#boxRightSmall { float:right; width:400px; height:85px; padding:10px 15px 0 25px; margin:00px 0; border:1px solid #0e5175; background-color:#fff; line-height:20px; }
#boxLeftSmall { float:left; width:400px; height:85px; padding:10px 15px 0 25px; margin:00px 0; border:1px solid #0e5175; background-color:#fff; line-height:20px; }
#boxCenterSmall { float:left; text-align:center; width:880px; height:85px; padding:10px 15px 0 25px; margin:00px 0; border:1px solid #0e5175; background-color:#fff; line-height:20px; }
#boxLeft { float:left; width:405px; height:195px; padding:10px 15px 0 25px; margin:20px 0; border:1px solid #0e5175; background-color:#fff; line-height:20px; }
#boxLeft h1, #boxRight h1 { font-size:1.5em; margin:0 0 18px 30px; border-bottom:solid 2px #d2e977; line-height:35px; text-transform:uppercase;}
#boxLeft h2, #boxRight h2 { font-size:1.3em; margin:0 0 5px 0; }
#boxMain p, #boxLeft p, #boxRight p { margin-bottom:15px;}
#boxLeft ul, #boxRight ul { margin:0; line-height:22px; }
#boxLeft ul li, #boxRight ul li { list-style:none; background:url(../img/dot.gif) no-repeat 0 7px; padding-left:12px; }

.contactBox { float:left; height:130px; width:425px; margin-bottom:10px;}
.borderImage { border:1px solid #4384a7; padding:3px; background-color:#fff; }
.contactImage { border:1px solid #4384a7; padding:3px; background-color:#fff; margin-right:10px; }
.small{ float:left; width:405px; height:100px; padding:10px 15px 0 25px; margin:20px 0; border:1px solid #0e5175; background-color:#fff; line-height:20px; }
/* ICONS */
.productsStart { background:url(../img/produkter.jpg) no-repeat 5px 5px; }
.serviceStart { background:url(../img/tjanster.jpg) no-repeat 5px 5px; }
.products { background:url(../img/produkter.jpg) no-repeat 30px 15px; }
.service { background:url(../img/tjanster.jpg) no-repeat 30px 15px; }
.contact { background:url(../img/kontakt.jpg) no-repeat 30px 15px; }
.about { background:url(../img/omoss.jpg) no-repeat 30px 15px; }
.ref { background:url(../img/referenser.jpg) no-repeat 30px 15px; }
.job { background:url(../img/jobb.jpg) no-repeat 30px 15px; }

/* FOOTER */
#footerContainer { width:100%; border-top:2px solid #8db1c5; background-color:#5392b4;}
#footer { margin:0px auto; width:920px; padding:10px 5px 50px 5px; color:#d8e7ef; text-align:center; }
#footer a:link, #footer a:visited { color:#d8e7ef; }
#footer a:hover, #footer a:active { color:#0a364d; font-weight:bold; }

/* AUTHOR */
#footer #author { padding:15px 0 0 0; color:#12618c; font-size:0.8em; text-align:center; }
#footer #author a { color:#12618c; text-decoration: none; }
#footer #author a:hover { color:#0a364d; font-weight:bold; text-decoration: none;}

/* BJ */
#boxMainLeftProduct { float:left; width:370px; height:250px; padding:0 40px 0 10px; margin-bottom:10px;}
#boxMainRightProduct{ float:right; width:390px; height:225px;  text-align:center; border:1px solid #0e5175; padding-top:25px}