﻿/* CSS Document */
html {overflow: -moz-scrollbars-vertical;}
body { margin:0; padding:0; font-family: Arial, Helvetica, sans-serif; font-size:12px; color:#444444; }
ul,li{ list-style:none; margin:0; padding:0;}
p{ margin:0; padding:0;}
img { border-width: 0px; }
a { text-decoration:none;}
#wrapper{ margin:0 auto; width:855px; }
.wrapper {margin: 0 auto; width:855px; }
#header{ margin-top:18px; background:url(img/logo.jpg) no-repeat 0 0; height:37px; float:left; width:160px;}
.header{ margin-top:18px; background:url(img/logo.jpg) no-repeat 0 0; height:37px; float:left; width:160px;}

#mainsub{ margin-left:130px; margin-top:25px; padding-top:0px; position:absolute; }
#mainsub ul { margin:0; padding-top:0px; }
#mainsub ul li{ float:left; padding-right:15px; }

#mainsub li a{ text-decoration:none; color:#6e6e6e; font-size:12px; font-weight:bold; }
#mainsub li a:hover{ border-bottom:2px solid #0099FF; text-decoration:none; color:#0099FF; font-size:12px; font-weight:bold;}
#mainsub .current{border-bottom:2px solid #0099FF; text-decoration:none; color:#0099FF; font-size:12px; font-weight:bold;}

#menu{ margin-left:170px; padding-top:20px; }
#menu ul { margin:0; padding-top:15px; }
#menu ul li{ float:left; padding-right:15px; }
#menu a.topmenu{ background-color:trasparent; background-image:url(img/menuwhole.jpg); background-repeat:no-repeat; overflow:hidden; text-indent:-1000em; font-size:1px; display:block; height:21px;}

#submenu li{ font-family:Geneva, Arial, Helvetica, sans-serif; margin-bottom: 6px; }
#submenu li a{ text-decoration:none; color:#0099FF; font-size:12px; font-weight:bold; }
#submenu li a:hover{ border-bottom:2px solid #0099FF; text-decoration:none; color:#0099FF; font-size:12px; font-weight:bold;}
#submenu .current{border-bottom:2px solid #0099FF; text-decoration:none; color:#0099FF; font-size:12px; font-weight:bold;}

.textonlyblue{ float:left; padding-left:30px; width:260px;color:#228ecc; line-height:34px; font-size:27px; }
.textblack{ float:left;width:260px;color:#2b2b2b; font-size:10px; line-height:14px;}
.imgcontainer{ float:left; width:230px;}

#produckter{ background:url(img/headerinfo.jpg) no-repeat scroll 0 0; width:532px; }


#filmstrip { /*width:530px;*/width:595px; margin-left:-20px; clear:both; padding-top:40px; height:110px;}
#filmstrip li{ display:inline-block; margin-right:0px; }

.produktermenu a{ background-position:0 0; width:70px;}
.produktermenu a:hover{ background-position:0 -23px;}
.produktermenu a.active{ background-position:0 -23px;}

.tjanstermenu a{ background-position:-80px 0; width:54px;}
.tjanstermenu a:hover{ background-position:-80px -23px;}
.tjanstermenu a.active{ background-position:-80px -23px;}

.journalmenu a{ background-position:0 0; width:50px;}
.journalmenu a:hover{ background-position:0 -20px;}
.journalmenu a.active{ background-position:0 -20px;}

.kbtmenu a{ background-position:-63px 0; width:20px;}
.kbtmenu a:hover{ background-position:-63px -20px;}
.kbtmenu a.active{ background-position:-63px -20px;}

.utbildmenu a{ background-position:-148px 0; width:63px;}
.utbildmenu a:hover{ background-position:-148px -23px;}
.utbildmenu a.active{ background-position:-148px -23px;}

.kontaktmenu a{ background-position:-227px 0; width:48px;}
.kontaktmenu a:hover{ background-position:-227px -23px;}
.kontaktmenu a.active{ background-position:-227px -23px;}

.omratmenu a{ background-position:-289px 0; width:81px;}
.omratmenu a:hover{ background-position:-289px -23px;}
.omratmenu a.active{ background-position:-289px -23px;}

.supportmenu a{ background-position:-382px 0; width:51px;}
.supportmenu a:hover{ background-position:-382px -23px;}
.supportmenu a.active{ background-position:-382px -23px;}

.samarbeten a{ background-position:-445px 0; width:74px;}
.samarbeten a:hover{ background-position:-445px -23px;}
.samarbeten a.active{ background-position:-445px -23px;}


.docmenu{ background:url(img/dokument.jpg) no-repeat 0 0; height:11px; width:57px;}
.docmenu:hover{ background:url(img/doc_hover.jpg) no-repeat 0 0; height:17px; width:57px;}
.currentdoc{background:url(img/doc_hover.jpg) no-repeat 0 0; height:17px; width:57px;}
.personalmenu{ background:url(img/personal.jpg) no-repeat 0 0; height:11px; width:55px;}
.personalmenu:hover{ background:url(img/personal_hover.jpg) no-repeat 0 0; height:17px; width:55px;}
.currentpersonal{background:url(img/personal_hover.jpg) no-repeat 0 0; height:17px; width:55px;}



#topcurvetop{ background:url(img/topcurve.jpg) no-repeat 0 0; height:24px; }
.topcurvetop{ background:url(img/topcurve.jpg) no-repeat 0 0; height:24px; }
#bottomcurve{ background:url(img/bottomcurve.jpg) no-repeat 0 0; height:16px;}
.bottomcurve{ background:url(img/bottomcurve.jpg) no-repeat 0 0; height:16px;}
#innercont{ background:url(img/bgrepeat.jpg) repeat-y 0 0; padding:0px 45px;}
#imagescont{ background:url(img/bgrepeat.jpg) repeat-y 0 0; padding:0px 20px;}
#imagescont{ margin-top:-5px;}
.innercont{ background:url(img/bgrepeat.jpg) repeat-y 0 0; padding:0px 10px; height:434px;}
#imgtxt-cont{ padding:15px 0px; height:290px;}
.imgtxt-cont{ padding:15px 0px;}
#subcurvetop{ background:url(img/subpage_top.png) no-repeat 0 0; height:14px; width:462px; }
.subcurvetop{ background:url(img/subpage_top.png) no-repeat 0 0; height:14px; width:462px; }
#subcurvebottom{ background:url(img/subpage_bottom.png) no-repeat 0 0; height:14px; width:462px;}
.subcurvebottom{ background:url(img/subpage_bottom.png) no-repeat 0 0; height:14px; width:462px;}
#subcont{ background:url(img/subpage_bg.png) repeat-y 0 0; width:462px; padding:0px 20px; }
.subcont{ background:url(img/subpage_bg.png) repeat-y 0 0; width:462px; padding:0px 20px; }

#subcurvetoplong{ background:url(img/curvetop1.png) no-repeat 0 0; height:14px; }
#subcurvebottomlong{ background:url(img/curvebgbottom.jpg) no-repeat 0 0; height:14px;}
#subcontlong{ background:url(img/curve_bg.png) repeat-y 0 0; padding:0px 20px; }

#subcontvideo{background:url(img/subpage_bg.png) repeat-y 0 0; }
#subcont p{ font-size:11px; font-family:Arial, Helvetica, sans-serif; color:#444444; width:440px;}
.subcont p{ font-size:11px; font-family:Arial, Helvetica, sans-serif; color:#444444; width:440px;}
#subcontlong p{font-size:11px; font-family:Arial, Helvetica, sans-serif; color:#444444; width:600px;}
#subcont ul li{ display:inline; width:136px;}
.align{ margin-top:10px; width:100%;}


#contents1 p{ font-size:11px; font-family:Arial, Helvetica, sans-serif; color:#444444; margin-top:5px; margin-bottom:10px; }
#contents p{font-size:12px; font-family:Arial, Helvetica, sans-serif; color:#444444; margin-top:5px; }
.contents p{font-size:12px; font-family:Arial, Helvetica, sans-serif; color:#444444; margin-top:5px; }
.contents1 p{ font-size:11px; font-family:Arial, Helvetica, sans-serif; color:#444444; margin-top:5px; margin-bottom:10px; }


#kbt,#personal,#doc,#utbild,#videomote,#kbtjanster,#dokument{ display:none;}
#innercont ul li{display:inline; width:100px; }
.innercont ul li{display:inline; width:100px; }
#innercont ul#filmstrip  {display:inline-block; }
#innercont ul#filmstrip li {float:left;
height:106px;
margin-left:5px;
margin-right:5px;
padding:0;
position:relative;
width:89px;}
.headertxt{float:right; text-align:left; color:#298dc4; font-family:Georgia, "Times New Roman", Times, serif;}
.txtblack{ float:right; color:#000000; font-size:11px;}

#topcontainer{ width:742px; margin-left:100px; }

#leftcontainer{ float:left; width:625px;}
.leftcontainer{ float:left; width:625px;}
#leftcontainer1{ float:left; width:462px; min-height:400px; margin-left:100px;}
.leftcontainer1{ float:left; width:462px; min-height:400px; margin-left:100px;}
#rightcontainer1{float:left; width:206px; margin-left:15px;}
#rightcontainer{width:206px; position:relative; margin-left:640px; }
.rightcontainer{ float:left; width:206px; margin-left:15px;}
#rightcontainer ul{ margin:0; padding:0;}
fieldset{ border:1px solid #298dc4;font-family:Arial, Helvetica, sans-serif; color:#444444; padding:10px; font-size:12px; margin-top: 20px; }
fieldset label{ float:left; width:90px;}

#fbframe{ margin-left:15px; margin-top:10px; margin-right:5px; float:right; width:206px;}
.fan_box .page_stream_short {  height: 120px !important;}

/*.omjournal{ background:url(img/omjournal.png) no-repeat 0 0; height:15px; width:67px; }
.omjournal:hover{ background:url(img/omjournal_hover.png) no-repeat 0 0; height:15px; width:67px;}
.currentomjournal{ background:url(img/omjournal_hover.png) no-repeat 0 0; height:15px; width:67px;}
.case{ background:url(img/case.png) no-repeat 0 0; height:15px; width:26px;}
.case:hover{background:url(img/case_hover.png) no-repeat 0 0; height:15px; width:26px;}
.currentcase{background:url(img/case_hover.png) no-repeat 0 0; height:15px; width:26px;}
.demo{ background:url(img/demo.png) no-repeat 0 0; height:15px; width:28px;}
.demo:hover{ background:url(img/demo_hover.png) no-repeat 0 0; height:15px;}
.currentdemo{ background:url(img/demo_hover.png) no-repeat 0 0; height:15px;}
.prova{ background:url(img/prova.jpg) no-repeat 0 0; height:15px; width:85px;}
.currentprova{ background:url(img/prova_hover.jpg) no-repeat 0 0; height:15px;}
.prova:hover{ background:url(img/prova_hover.jpg) no-repeat 0 0; height:15px;}
.support{ background:url(img/support.png) no-repeat 0 0; height:15px; width:47px;}
.support:hover{ background:url(img/support_hover.jpg) no-repeat 0 0; height:15px; width:47px;}
.currentsupport{ background:url(img/support_hover.jpg) no-repeat 0 0; height:15px; width:47px;}
.kontakt_journal{background:url(img/kontakt.jpg) no-repeat 0 0; height:15px;}
.currentkontakt_journal{background:url(img/kontakt_hover.jpg) no-repeat 0 0; height:15px;}
.kontakt_journal:hover{ background:url(img/kontakt_hover.jpg) no-repeat 0 0; height:15px;}
.avand{background:url(img/avand.jpg) no-repeat 0 0; height:17px;}
.currentavand{background:url(img/avand_hover.jpg) no-repeat 0 0; height:17px;}
.avand:hover{background:url(img/avand_hover.jpg) no-repeat 0 0; height:17px;}
.omart{background:url(img/omart.jpg) no-repeat 0 0; height:15px;}
.omart:hover{background:url(img/omart_hover.jpg) no-repeat 0 0; height:15px;}
.currentomart{background:url(img/omart_hover.jpg) no-repeat 0 0; height:15px;}
.lara{background:url(img/lara.jpg) no-repeat 0 0; height:16px;}
.currentlara{background:url(img/lara_hover.jpg) no-repeat 0 0; height:16px;}
.lara:hover{background:url(img/lara_hover.jpg) no-repeat 0 0; height:16px;}
.boka{background:url(img/boka.jpg) no-repeat 0 0; height:16px;}
.currentboka{background:url(img/boka_hover.jpg) no-repeat 0 0; height:16px;}
.boka:hover{background:url(img/boka_hover.jpg) no-repeat 0 0; height:16px;}
.kontaktamig{background:url(img/kontaktamig.jpg) no-repeat 0 0; height:16px;}
.currentkontaktamig{background:url(img/kontaktamig_hover.jpg) no-repeat 0 0; height:16px;}
.kontaktamig:hover{background:url(img/kontaktamig_hover.jpg) no-repeat 0 0; height:16px;}
.ifokus{background:url(img/ifokus.jpg) no-repeat 0 0; height:16px;}
.currentifokus{background:url(img/ifokus_hover.jpg) no-repeat 0 0; height:16px;}
.ifokus:hover{background:url(img/ifokus_hover.jpg) no-repeat 0 0; height:16px;}
.nyheter1{background:url(img/nyheter.jpg) no-repeat 0 0; height:16px;}
.currentnyheter1{background:url(img/nyheter_hover.jpg) no-repeat 0 0; height:16px;}
.nyheter1:hover{background:url(img/nyheter_hover.jpg) no-repeat 0 0; height:16px;}
.jobba{background:url(img/jobbahost.jpg) no-repeat 0 0; height:16px;}
.currentjobba{background:url(img/jobbahost_hover.jpg) no-repeat 0 0; height:16px;}
.jobba:hover{background:url(img/jobbahost_hover.jpg) no-repeat 0 0; height:16px;}
.kundt{background:url(img/kundt.jpg) no-repeat 0 0; height:16px;}
.currentkundt{background:url(img/kundt_hover.jpg) no-repeat 0 0; height:16px;}
.kundt:hover{background:url(img/kundt_hover.jpg) no-repeat 0 0; height:16px;}
.document{background:url(img/document.jpg) no-repeat 0 0; height:16px;}
.currentdocument{background:url(img/document_hover.jpg) no-repeat 0 0; height:16px;}
.document:hover{background:url(img/document_hover.jpg) no-repeat 0 0; height:16px;}*/

/*.demobutton{ background:url(img/demobutton.png) no-repeat 0 0; height:63px; }
.demobutton:hover{ background:url(img/demofilm_hover.png) no-repeat 0 0; height:63px;}*/


.nyheter{ background:url(img/nyheterbg.jpg) no-repeat 0 0;height:197px;padding-top:35px; padding-left:20px; padding-right:15px; margin-bottom:10px;}
.rightplain{background:url(img/nyheterbgold.jpg) no-repeat 0 0;height:212px;padding-top:20px; padding-left:20px; padding-right:15px; margin-bottom:10px;}

.nyheter p{ font-size:11px; color:#444444; }
.casebg{ background:url(img/casebg.jpg) no-repeat 0 0; width:206px; height:189px; padding-top:43px; padding-left:15px;}
.casebg img{padding-top:43px; padding-left:15px;}
#contents{ min-height:400px; margin-top:70px; }
.contents{ min-height:400px; margin-top:70px; }
#contents1{ min-height:400px; margin-top:70px; margin-left:100px; }
.contents1{ min-height:400px; margin-top:70px; margin-left:100px; }
#footer{ clear:both;background:url(img/footergrad.jpg) repeat-x bottom left; height:29px;}
.footer{ clear:both; background:url(img/footergrad.jpg) repeat-x bottom left; height: 29px; text-align: center; width: 100%; }
#copyright{ margin:0 auto; width:847px; padding-top:20px;}
.copyright{ margin:0 auto; width:847px; padding-top:20px;}

#checkgroup{ margin-top:10px; width:300px;}
#checkgroup span{ display:inline-block; width:130px; margin-bottom:5px;}
