*{padding:0px; margin:0px;}

html,body{
height:100%;
}

body{
background:url(img/bg/bg_body.gif) 0 0 #ffffff repeat-x;
margin:0px;
padding:0px;

font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#303030;
}

div#wrapper{
width:822px;
height:100%;
background:url(img/bg/bg_topshadow.gif) 0 102px no-repeat;
margin-left:71px;
position:absolute;
left:50%;
margin-left:-411px;
}

img.logo{
margin-top:26px;
margin-left:22px;
border:0px;
}

div#logo{
height:67px;
width:761px;
margin-left:22px;
background:url(img/logo.gif) 0px 26px no-repeat;
}

div#menuWrapper{
width:761px;
height:23px;
margin-top:12px;
margin-left:22px;
/*background-color:#000066; finns bara här för att se vart "kanterna" möts */
}


/*::::::::KNAPPARNA I MENYN::::::::::::::*/


/*HEM*/
.hem{
width:58px;
height:23px;
display:block;
background:url(img/menu/start.gif) 0 0 no-repeat;
float:left;
margin-left:3px;
}
.hem:hover{
background:url(img/menu/start.gif) 0 -23px no-repeat;
}
.hemOppen{
width:58px;
height:23px;
display:block;
background:url(img/menu/start_open.gif) 0 0 no-repeat;
float:left;
margin-left:3px;
}
/*OM FÖRETAGET*/
.omForetaget{
width:108px;
height:23px;
display:block;
background:url(img/menu/om.gif) 0 0 no-repeat;
float:left;
margin-left:3px;
}
.omForetaget:hover{
background:url(img/menu/om.gif) 0 -23px no-repeat;
}
.omForetagetOppen{
width:108px;
height:23px;
display:block;
background:url(img/menu/om_two.gif) 0 0 no-repeat;
float:left;
margin-left:3px;
}
/*PRODUKTUTVECKLING*/
.produktutveckling{
width:143px;
height:23px;
display:block;
background:url(img/menu/produktutveckling.gif) 0 0 no-repeat;
float:left;
margin-left:3px;
}
.produktutveckling:hover{
background:url(img/menu/produktutveckling.gif) 0 -23px no-repeat;
}
.produktutvecklingOppen{
width:143px;
height:23px;
display:block;
background:url(img/menu/produktutveckling_open.gif) 0 0 no-repeat;
float:left;
margin-left:3px;
}
/*KOMPETENSER*/
.kompetenser{
width:104px;
height:23px;
display:block;
background:url(img/menu/kompetenser.gif) 0 0 no-repeat;
float:left;
margin-left:3px;
}
.kompetenser:hover{
background:url(img/menu/kompetenser.gif) 0 -23px no-repeat;
}
.kompetenserOppen{
width:104px;
height:23px;
display:block;
background:url(img/menu/kompetenser_open.gif) 0 0 no-repeat;
float:left;
margin-left:3px;
}
/*REFERENSER*/
.referenser{
width:90px;
height:23px;
display:block;
background:url(img/menu/referenser.gif) 0 0 no-repeat;
float:left;
margin-left:3px;
}
.referenser:hover{
background:url(img/menu/referenser.gif) 0 -23px no-repeat;
}
.referenserOppen{
width:90px;
height:23px;
display:block;
background:url(img/menu/referenser_open.gif) 0 0 no-repeat;
float:left;
margin-left:3px;
}
/*LEDIFA JOBB*/
.lediga_jobb{
width:95px;
height:23px;
display:block;
background:url(img/menu/lediga_jobb.gif) 0 0 no-repeat;
float:left;
margin-left:3px;
}
.lediga_jobb:hover{
background:url(img/menu/lediga_jobb.gif) 0 -23px no-repeat;
}
.lediga_jobbOppen{
width:95px;
height:23px;
display:block;
background:url(img/menu/lediga_jobb_open.gif) 0 0 no-repeat;
float:left;
margin-left:3px;
}
/*KONTAKTA OSS*/
.kontakta_oss{
width:105px;
height:23px;
display:block;
background:url(img/menu/kontakta_oss.gif) 0 0 no-repeat;
float:left;
margin-left:3px;
}
.kontakta_oss:hover{
background:url(img/menu/kontakta_oss.gif) 0 -23px no-repeat;
}
.kontakta_ossOppen{
width:105px;
height:23px;
display:block;
background:url(img/menu/kontakta_oss_open.gif) 0 0 no-repeat;
float:left;
margin-left:3px;
}

div#flaggor{
width:36px;
height:46px;
float:left;
}
/*:::::::::::: SLUT MENY OBJEKT::::::::::::::::*/

/*::::::::::FORMULÄR STARTSIDAN :::::::::*/

.inpStart{
width:105px;
max-width:105px;
height:15px;
max-height:19px;
color:#575550;
font-size:11px;
padding-left:4px;
padding-right:0px;
padding-top:3px;
border:0px;
background-color:transparent;
}
.dvForm{
background:url(img/bg/bg_inputStart.gif) 0 0 no-repeat;
width:115px;
max-width:115px;
height:19px;
margin-left:11px;
margin-top:4px;
float:left;
display:inline;
}
.btnFStart{
width:61px;
height:24px;
margin-right:12px;
margin-top:6px;
padding:0px;
float:right;
display:inline;
background:url(img/btn_skickaStart.gif) 0 0 no-repeat;
}
/*Slut formulär*/


/*::::::STARTSIDAN::::::::::*/
div#flash{
width:763px;
height:280px;
margin-top:20px;
margin-left:29px;
}

div#content{
width:767px;
height:auto;
margin-top:31px;
margin-left:29px;
}

div.leftStartCont{
width:570px;
height:auto;
float:left;
}

div.leftStart{
width:420px;
max-width:570px;
min-height:114px;
height:114px;
float:left;
padding-left:150px;
background:url(img/allan.jpg) 0 0 no-repeat;
margin-bottom:28px;
}

div.rightStart{
width:176px;
height:auto;
float:left;
margin-left:18px;
}

p.bigNews{
width:570px;
height:auto;
}

a.readMore{
font-size:11px;
color:#717171;
background:url(img/pil_readMore.gif) 0 1px no-repeat;
padding-left:18px;
text-decoration:none;
margin-top:5px;
}
a.readMore:hover{
color:#303030;
}
a.readLess{
font-size:11px;
color:#717171;
background:url(img/pil_readLess.gif) 0 1px no-repeat;
padding-left:18px;
text-decoration:none;
margin-top:5px;
}
a.readLess:hover{
color:#303030;
}

a.readMoreRight{
font-size:11px;
color:#717171;
background:url(img/pil_readMore.gif) 0 1px no-repeat;
padding-left:18px;
text-decoration:none;
margin-top:18px;
margin-left:15px;
}
a.readMoreRight:hover{
color:#303030;
}

a.readMorePuff{
font-size:11px;
color:#717171;
background:url(img/pil_readMore.gif) 0 1px no-repeat;
padding-left:18px;
text-decoration:none;
margin-top:-10px;
margin-right:16px;
font-weight:bold;
float:right;
}
a.readMorePuff:hover{
color:#303030;
}

div.marg{
height:6px;
width:100%;
}
div.customers{
width:176px;
height:132px;
background:url(img/customers_puff.gif) 0 0 no-repeat;
}

div.custInfo{
width:140px;
height:auto;
margin-left:15px;
margin-top:16px;
font-size:11px;
color:#555555;
line-height:16px;
margin-bottom:10px;
}

h5{
height:26px;
margin-left:15px;
color:#ffffff;
font-size:13px;
font-weight:bold;
line-height:26px;
}

div.map{
margin-top:10px;
width:176px;
height:178px;
background:url(img/map_puff.gif) 0 0 no-repeat;
}
div.mapInfo{
width:140px;
height:auto;
margin-left:15px;
margin-top:10px;
font-size:11px;
color:#555555;
line-height:16px;
margin-bottom:6px;
}


div.puffLeft{
width:275px;
height:173px;
background:url(img/bg/bg_startPuff.gif) 0 0 #ffffff no-repeat;
float:left;
}

div.puffRight{
width:275px;
height:173px;
background:url(img/bg/bg_startPuff.gif) 0 0 #ffffff no-repeat;
float:left;
margin-left:20px;
}

/*::::::::::::::::TEXTSIDA:::::::::::::::::::*/

div#textTop{
width:763px;
height:176px;
margin-left:29px;
margin-top:20px;
}

div#textCont{
width:435px;
height:auto;
margin-left:210px;
margin-top:30px;
}

/*:::SPECIALARE KOMPETENSER:::*/
p.ingress400{
font-size:12px;
font-weight:bold;
margin-left:5px;
margin-bottom:12px;
line-height:17px;
width:400px;
}
p.ingress330{
font-size:12px;
font-weight:bold;
margin-left:5px;
margin-bottom:12px;
line-height:17px;
width:330px;
}
p.ingress340{
font-size:12px;
font-weight:bold;
margin-left:5px;
margin-bottom:12px;
line-height:17px;
width:340px;
}
div#kompetenser{
width:764px;
min-height:500px;
height:auto;
margin-top:20px;
margin-left:30px;
padding:0px;
background:url(img/bg/bg_vd.jpg) 0 0 no-repeat;
}
div#projektledning{
width:764px;
min-height:500px;
height:auto;
margin-top:20px;
margin-left:30px;
padding:0px;
background:url(img/bg/bg_projektledning.jpg) 0 0 no-repeat;
}
div#industridesign{
width:764px;
min-height:500px;
height:auto;
margin-top:20px;
margin-left:30px;
padding:0px;
background:url(img/bg/bg_design.jpg) 0 0 no-repeat;
}
div#mekanik{
width:764px;
min-height:500px;
height:auto;
margin-top:20px;
margin-left:30px;
padding:0px;
background:url(img/bg/bg_mekanik.jpg) 0 0 no-repeat;
}
div#elektronik{
width:764px;
min-height:500px;
height:auto;
margin-top:20px;
margin-left:30px;
padding:0px;
background:url(img/bg/bg_elektronik.jpg) 0 0 no-repeat;
}
li{
line-height:20px;
}
div#visualisering{
width:764px;
min-height:500px;
height:auto;
margin-top:20px;
margin-left:30px;
padding:0px;
background:url(img/bg/bg_visualisering.jpg) 0 0 no-repeat;
}
div#tester{
width:764px;
min-height:500px;
height:auto;
margin-top:20px;
margin-left:30px;
padding:0px;
background:url(img/bg/bg_tester.jpg) 0 0 no-repeat;
}

div#mjukvaru{
width:764px;
min-height:500px;
height:auto;
margin-top:20px;
margin-left:30px;
padding:0px;
background:url(img/bg/bg_mjukvara.jpg) 0 0 no-repeat;
}
p.ingressMjukvaru{
font-size:12px;
font-weight:bold;
margin-left:5px;
margin-bottom:12px;
line-height:17px;
width:400px;
}
div#prototyp{
width:764px;
min-height:500px;
height:auto;
margin-top:20px;
margin-left:30px;
padding:0px;
background:url(img/bg/bg_prototyp2.jpg) 0 0 no-repeat;
}
div#administration{
width:764px;
min-height:500px;
height:auto;
margin-top:20px;
margin-left:30px;
padding:0px;
background:url(img/bg/bg_adminlogistik.jpg) 0 0 no-repeat;
}


div#textContKomp{
width:435px;
height:auto;
margin-top:210px;
float:left;
}
div#uMenuMarg{
width:30px;
height:30px;
float:left;
}
div#uMenu{
width:145px;
height:auto;
margin-top:215px;
margin-left:0px;
margin-right:35px;
float:left;
}
.kompLi{
margin:0px;
text-transform:uppercase;
width:145px;
max-width:145px;
padding-top:6px;
padding-bottom:6px;
padding-left:12px;
line-height:17px;
font-size:10px;
color:#8c8c8c;
border-top:1px solid #efefef;
display:block;
text-decoration:none;
background:url(img/uMenu_kvadrat.gif) 0 10px #ffffff no-repeat;
}
.kompLi a{
text-decoration:none;
}
.kompLi:hover{
text-decoration:underline;
background:url(img/uMenu_kvadrat.gif) 0 10px #fafafa no-repeat;
}
.kompLiAktiv{
margin:0px;
text-transform:uppercase;
width:145px;
max-width:145px;
padding-top:6px;
padding-bottom:6px;
padding-left:12px;
line-height:17px;
font-size:10px;
color:#8fb529;
border-top:1px solid #efefef;
display:block;
text-decoration:none;
background:url(img/uMenu_pil.gif) 0 9px #ffffff no-repeat;
}
/*:::SLUT SPECIALARE:::*/
div.dateTextCont{
width:400px;
height:auto;
margin-left:5px;
margin-bottom:12px;
}

p.ingress{
font-size:12px;
font-weight:bold;
margin-left:5px;
margin-bottom:12px;
line-height:17px;
}
p.ingressAdmin{
font-size:12px;
font-weight:bold;
margin-left:5px;
margin-bottom:12px;
line-height:17px;
width:350px;
}
p.text{
font-size:12px;
margin-left:5px;
margin-bottom:10px;
line-height:20px;
color:#2e2e2e;
}
p.text a{
font-size:12px;
margin-left:5px;
margin-bottom:10px;
line-height:20px;
color:#2e2e2e;
text-decoration:none;
background:url(img/uMenu_kvadrat.gif) 0 4px no-repeat;
padding-left:10px;
}
p.text a:hover{
font-size:12px;
margin-left:5px;
margin-bottom:10px;
line-height:20px;
color:#2e2e2e;
text-decoration:underline;
}
h5.textSida{
font-size:12px;
font-weight:bold;
color:#000000;
margin-left:5px;
margin-bottom:1px;
margin-top:20px;
}

/*::::::::::::::REFERENSSIDA ALLMÄNT:::::::::::::::*/
div#refContExp{
width:auto;
height:auto;
}

p.laddaPdf{
height:33px;
width:auto;
background:url(img/referenser/psd-icon.jpg) top left no-repeat;
padding-left:35px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#bfbfbf;
line-height:33px;
margin-bottom:40px;
}
p.laddaPdf a{
height:33px;
width:auto;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#bfbfbf;
line-height:33px;
margin-bottom:40px;
text-decoration:none;
}
p.laddaPdf a:hover{
height:33px;
width:auto;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#bfbfbf;
line-height:33px;
margin-bottom:40px;
text-decoration:underline;
}


p.refIngress{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#2b2b2b;
width:343px;
height:auto;
line-height:18px;
margin-top:16px;
margin-left:2px;
}
p.refText{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#2b2b2b;
width:410px;
height:auto;
line-height:20px;
margin-top:7px;
margin-left:2px;
}

h5.refTexten{
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
font-weight:bold;
color:#2b2b2b;
margin-top:13px;
margin-bottom:-7px;
margin-left:0px;
}

div.citat{
width:362px;
height:106px;
background:url(img/referenser/citat-bg.jpg) top left no-repeat;
margin-top:25px;
font-size:15px;
font-family: Arial, Helvetica, sans-serif;
color:#a3c508;
padding-top:22px;
padding-left:25px;
padding-right:35px;
line-height:20px;
}
div.citatet{
font-size:15px;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#a3c508;
margin-top:22px;
margin-left:14px;
width:340px;
float:left;
padding:0px;
}
p.kommentar{
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
color:#212121;
margin-top:15px;
margin-left:10px;
width:250px;
float:left;
}

div#flerRefWrapp{
width:760px;
height:180px;
background:url(img/referenser/fler_ref_rub.jpg) top left no-repeat;
margin-top:15px;
float:left;
}
div#flerRefCont{
width:726px;
height:117px;
margin-top:40px;
float:left;
}


div.refImgs{
width:242px;
height:117px;
background:url(img/referenser/refruta_bg1.gif) bottom left no-repeat;
margin-left:0px;
float:left;
cursor:pointer;

}
div.refImgOver{
width:242px;
height:117px;
background:url(img/referenser/refruta_bg2.gif) bottom left no-repeat;
margin-left:0px;
float:left;
}
div#leftArrow{
width:11px;
height:110px;
background:url(img/referenser/leftArrow.gif) top left no-repeat;
cursor:pointer;
float:left;
margin-top:40px;
}
div#rightArrow{
width:11px;
height:110px;
background:url(img/referenser/rightArrow.gif) top left no-repeat;
cursor:pointer;
float:left;
margin-top:40px;
}
div#refCont{
width:auto;
height:auto;
margin-left:20px;
}


/*::::::::::::::REFERENSSIDA TY-RAP:::::::::::::::*/

div#refWrappTyRap{
width:760px;
height:auto;
background:url(img/referenser/tyrapBg.jpg) top right #ffffff no-repeat;
margin-left:31px;
margin-top:40px;
}



/*::::::::::::::REFERENSSIDA XsDrive:::::::::::::::*/

div#refWrappecks{
width:760px;
height:auto;
background:url(img/referenser/xsdrive_bg.jpg) 390px 20px #ffffff no-repeat;
margin-left:31px;
margin-top:40px;
}

/*::::::::::::::REFERENSSIDA excount:::::::::::::::*/

div#refWrappAbb{
width:760px;
height:auto;
background:url(img/referenser/abb_bg.jpg) 390px 20px #ffffff no-repeat;
margin-left:31px;
margin-top:40px;
}

/*::::::::::::::REFERENSSIDA CTEK:::::::::::::::*/

div#refWrappCtek{
width:760px;
height:auto;
background:url(img/referenser/ctek.jpg) 300px 20px #ffffff no-repeat;
margin-left:31px;
margin-top:40px;
}
/*::::::::::::::REFERENSSIDA ADFLO:::::::::::::::*/

div#refWrappAdflo{
width:760px;
height:auto;
background:url(img/referenser/adflo.jpg) 430px 20px #ffffff no-repeat;
margin-left:31px;
margin-top:40px;
}
/*::::::::::::::REFERENSSIDA CB-2000 :::::::::::::::*/

div#refWrappCB2000{
width:760px;
height:auto;
background:url(img/referenser/CB-2000-bg.jpg) 380px 20px #ffffff no-repeat;
margin-left:31px;
margin-top:40px;
}
/*::::::::::::::REFERENSSIDA Tork:::::::::::::::*/

div#refWrappTork{
width:760px;
height:auto;
background:url(img/referenser/tork2.jpg) 390px 20px #ffffff no-repeat;
margin-left:31px;
margin-top:40px;
}
/*::::::::::::::REFERENSSIDA TorkNo2:::::::::::::::*/

div#refWrappTorkNo2{
width:760px;
height:auto;
background:url(img/referenser/torkNo2.jpg) 300px 15px #ffffff no-repeat;
margin-left:31px;
margin-top:40px;
}

/*::::::::::::::REFERENSSIDA 3M Speedglass:::::::::::::::*/
div#refWrapp3m{
width:760px;
height:auto;
background:url(img/referenser/3mspeedgalss.jpg) 390px 0px #ffffff no-repeat;
margin-left:31px;
margin-top:40px;
}

/*::::::::::::::REFERENSSIDA Performance:::::::::::::::*/
div#refWrappPerformance{
width:760px;
height:auto;
background:url(img/referenser/Performance.jpg) 390px 0px #ffffff no-repeat;
margin-left:31px;
margin-top:40px;
}
/*::::::::::::::REFERENSSIDA Patrull:::::::::::::::*/
div#refWrappPatrull{
width:760px;
height:auto;
background:url(img/referenser/Patrull.jpg) 390px 0px #ffffff no-repeat;
margin-left:31px;
margin-top:40px;
}



/*::::::::::::::::: KONTAKTA :::::::::::::::*/
div#kont_head{
width:763px;
height:328px;
margin-top:20px;
margin-left:29px;
}

div#kont_text{
width:435px;
height:auto;
margin-left:42px;
margin-top:20px;
}


/*::::::::::::::::: NYHETSBREV :::::::::::::::*/

a.nbBanner {
display: block;
float: left;
width: 760px;
height: 55px;
margin: 10px 0 0;
background: url(img/nb_banner.gif) 0 0 no-repeat;
}

div#textContNb{
width:395px;
height:auto;
margin-left:121px;
margin-top:30px;
}

div#nbList{
width:145px;
height:auto;
margin-top:30px;
margin-left:0;
margin-right:115px;
float:right;
}

#nbList h4, .nbForm h4 {
margin: 0 0 10px;
}

.nb {
background-image: url(img/link_arrow.gif);
color: #8fb529;
}

.nb:hover {
background-image: url(img/link_arrow.gif);
color: #8fb529;
}

.nbForm {
display:block;
width: 365px;
height: 184px;
padding: 10px 15px;
background: url(img/prenformbg.gif) 0 0 no-repeat;
}

.nbInput{
background: url(img/bg/bg_input_nb.gif) 0 0 no-repeat;
width:273px;
height:23px;
margin-top:4px;
display:block;
}

.nbForm input.inputTxt {
border: none;
background: none;
width: 263px;
padding: 5px;
font-size: 11px;
}


/*::::::::::::::::: FOOTER ::::::::::::::::::*/

div#footerMargin{
width:822px;
height:10px;
clear:both;
}

div#footer{
width:822px;
height:170px;
text-align:center;
margin-top:15px;
margin-bottom:25px;
margin-left:0px;
padding-bottom:25px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:9px;
color:#333537;
}
div#footer a{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:9px;
color:#545759;
text-decoration:none;
margin-top:15px;
}
div#footer a:hover{
color:#333537;
text-decoration:underline;
}


/*::::::::::::::::: sIFR :::::::::::::::::::*/

h1.start {
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-weight: bold;
	color:#a3c508;
	letter-spacing: -.05em;
	margin: 0;
	padding: 0;
	line-height: 1em;
}
h1.start {
	text-align: left;
	font-size: 22px;
	padding: 5px 0 5px 0;
	margin: 0 5px 0 5px;
}
h1.textS {
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-weight: bold;
	color:#212121;
	font-size: 20px;
	padding: 5px 0 5px 0;
	margin: 0 5px 0 5px;
}
h2.sit {
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-weight: bold;
	color:#212121;
	font-size: 16px;
	padding: 5px 0 5px 0;
	margin: 0 5px 0 5px;
}



h1.ref {
	font-family: Helvetica, Arial, Verdana, sans-serif;
	color:#f46201;
	font-size: 20px;
	padding: 10px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}


h1.refBig {
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-weight: bold;
	color:#999999;
	font-size: 26px;
	padding: 4px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
h1.refBigDubbel {
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-weight: bold;
	color:#999999;
	font-size: 29px;
	padding: 4px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}


h1.komp {
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size: 19px;
	padding: 7px 0 7px 0;
	margin: 5px 0px 0px 16px;
}