@charset "utf-8";
/* CSS Document */

a:focus, object:focus {
outline: none;
-moz-outline-style: none;
} 

h1,h2,h3,body,div,p,ul,img,form,dt,dd{
	margin:0px;
	padding:0px;
	border:0px;
}

img.bildbank{
	border:#FFFFFF 4px solid;
}
img.margRightDown{
	margin-right:10px;
	margin-bottom:10px;
}
/* **************** HTML MENU ************************** */

div.menuBg{
	font-size:11px;
	text-transform:uppercase;
	font-weight:bold;
	height:30px;
	width:980px;

	/*padding:10px;*/
	background-image:url(../img/menuBg.gif);
}
#menu ul .item{
	display:none;
}
#menu ul:hover .item{
	display:block;
	background:#3b3b3b;
	padding:3px;
	margin:0px;
}

#menu ul:hover .item a{
	color:#d5d5d5;
	text-decoration:none;
}

#menu ul:hover .item a:hover{color:#FFF;}
#menu{
	position:absolute;
	margin-left:260px;
}
.top { cursor: pointer; }
#menu ul{
	padding: 8px 0 7px 0; /*6px should equal top padding of "ul li a" below, 7px should equal bottom padding + bottom border of "ul li a" below*/
	margin: 0;
	text-align: left; 
	float:left;
	list-style:none;
}

.menuBg ul li{
	background-image:url(../img/menuIcon.gif);
	background-position:0px;
	background-repeat:no-repeat;
	padding-left:12px;
	margin-right:12px; 
	display: inline;
}
.menuBg ul li.active{
	border: solid 1px #606060;
	padding-right:2px;
}

.menuBg a{
	text-decoration:none;
}

.menuBg a:hover{
	text-decoration:none;
}
.bgStart{
	height:360px;
	background-image:url(../pics/bgStart2.jpg);
}
.bgViskan{
	height:140px;
	background-image:url(../pics/bgViskan.jpg);
}
.bgLysan{
	height:140px;
	background-image:url(../pics/bgLysan.jpg);
}
.bgEnan{
	height:140px;
	background-image:url(../pics/bgEnan.jpg);
}
.bgTidan{
	height:140px;
	background-image:url(../pics/bgTidan.jpg);
}
.bgAterforsaljare{
	height:140px;
	background-image:url(../pics/bgAterforsaljare.jpg);
}
.bgKatalog{
	height:140px;
	background-image:url(../pics/bgKatalog.jpg);
}
.bgForetaget{
	height:140px;
	background-image:url(../pics/bgForetaget.jpg);
}
.bgProduktion{
	height:140px;
	background-image:url(../pics/bgProduktion.jpg);
}
.bgMedia{
	height:140px;
	background-image:url(../pics/bgMedia.jpg);
}
.bgKontakt{
	height:140px;
	background-image:url(../pics/bgKontakt.jpg);
}
.bgPersonal{
	height:140px;
	background-image:url(../pics/bgPersonal.jpg);
}
.bgUpptack{
	height:100px;
}
.bgNyheter{
	height:140px;
	background-image:url(../pics/bgKatalog.jpg);
}

/* *********************************************************************************** */


span.error{
	font-size:9px;
	color:#FFFFFF;
	font-style:italic;
	/*border:#FFFFFF solid 1px;*/
	float:left;
	width:100%;
	margin-bottom:10px;
}
div.konsol{
	width:131px; 
	float:left; 
	margin-right:10px;
}
div.konsol p{
	margin-top:4px;
}
table.front{
	width:245px;
	border-collapse: collapse;
}
td{
	vertical-align:top;
	padding:4px;
	font-size:10px;
}
td.beslag{
	vertical-align:top;
	padding:2px;
	font-size:12px;
}
td.left{
	padding-left:20px;
}
tr.zebra_stripe {
  	background-color: #4a4a4a;
}

td.af{
	vertical-align:top;
	/*padding:4px;*/
	font-size:12px;
	padding-left:0px;
	padding-top:0px;
	padding-bottom:0px;
	padding-right:0px;
	margin-right:0px;
	/*border:solid 1px #FFFFFF;*/
}
td.afRight{
	vertical-align:top;
	/*padding:4px;*/
	font-size:12px;
	margin:0px;
	padding:0px;
	padding-right:0px;
	text-align: right;
	/*border:solid 1px #FFFFFF;*/
}
img.material{
	margin-right:6px; 
	margin-bottom:6px;
}

img.material2{
	margin-right:0px; 
	margin-bottom:5px;
}





h1{
	font-family: georgia,serif;
	font-weight:normal;
	font-size:20px;
	margin-bottom:8px;
	letter-spacing: 0.6pt;
	/*height:30px;*/
}

h2{
	font-family: georgia,serif;
	font-weight:normal;
	font-size:16px;
	margin-bottom:8px;	
	letter-spacing: 0.6pt;
}

h3{
	padding-bottom:2px;
	margin-bottom:8px;
	border-bottom: #535353 solid 1px;
	font-size:11px;
	font-weight:bold;
	/*height:20px;*/
	text-transform: uppercase;
}

h3.prod{
	padding-bottom:2px;
	margin-bottom:2px;
	margin-top:20px;
	border-bottom: #535353 solid 1px;
	font-size:11px;
	font-weight:bold;
	/*height:20px;*/
	text-transform: uppercase;
}

h3.af{
	padding-bottom:2px;
	margin-bottom:2px;
	border-bottom: #535353 solid 1px;
	font-size:11px;
	font-weight:bold;
	/*height:20px;*/
	text-transform: uppercase;
}
h3.noLine{
	padding-bottom:2px;
	margin-bottom:4px;
	border-bottom: 0px;
	font-size:11px;
	font-weight:bold;
	/*height:20px;*/
	text-transform: uppercase;
}
ul.files{
	list-style:none;
}
ul.files li{
	margin-bottom:6px;
}	

img.imgLink{
	border: #a5a5a5 solid 1px;
}

img.imgLink:hover{
	border: #ffffff solid 1px;
}

strong{
	font-weight:bold;
	color:#FFFFFF;
}
a{
	color:#d5d5d5;
	text-decoration:underline;
	/*text-decoration:none;*/
}
a:hover{
	color:#FFFFFF;
	text-decoration:underline;
}
h1 a, h2 a, h3 a{
	color:#d5d5d5;
	text-decoration:none;
}
h1 a:hover,h2 a:hover ,h3 a:hover{
	color:#FFFFFF;
	text-decoration:none;
}


a.file{
	color:#d5d5d5;
	text-decoration:none;
}
a.file:hover{
	color:#FFFFFF;
	text-decoration:underline;
}

/* -------------------------------- Ikoner för filer -------------------------------------- */

a[href $='.pdf'] { 
   padding-left: 20px;
   background: transparent url(../img/iconGif.gif) no-repeat 0px 1px;
}

a[href $='.eps'] { 
   padding-left: 20px;
   background: transparent url(../img/iconEps.gif) no-repeat 0px 1px;
}

a[href $='.jpg'] { 
   padding-left: 20px;
   background: transparent url(../img/iconImg.gif) no-repeat 0px 1px;
}

a[href $='.dwg'] { 
   padding-left: 20px;
   background: transparent url(../img/iconDwg2d.gif) no-repeat 0px 1px;
}

a[class~='3d'] { 
   padding-left: 20px;
   background: transparent url(../img/iconDwg3d.gif) no-repeat 0px 1px;
}

/* --------------------------------------------------------------------------------------- */

a.img{
   padding-left: 0px;
   background: none;
}

p{
	margin-bottom:10px;
}

p.indragStart{
	margin-bottom:0px;
}

p.indrag{
	margin-bottom:0px;
	/*text-indent:20px;*/
	margin-top:12px;
}
p.margins{
	margin-bottom:20px;
	margin-top:10px;
}

p.small{
font-style:italic;
font-size:10px;
}

p.email{
	font-size:11px;
}

body{
	font-family: "trebuchet MS",sans-serif;
	color:#d5d5d5;
	font-size: 12px;
	line-height: 1.4;
	
	background-color:#141414;
	background-image:url(../img/bg1.jpg);
	background-position:top center;
	background-repeat:no-repeat;
}

div.mainMenu{
	margin-bottom:20px;
}

div.centerContainer{
	margin: 0 auto;
	margin-bottom:20px;
	width:980px;
}

div.container{
	background-image:url(../img/contentBg.gif);
	background-repeat:repeat-y;
	background-color:#363636;
	float:left;
	width:980px;	
	margin-bottom:20px;
}
span.beslag{
margin-right:10px;
font-size:10px;
}

div.content{
	float: left;
	width: 960px;
	margin-left:0px;
	padding-left:20px;
	padding-right:20px;
	/*border:solid 1px #FFFFFF;*/
}

div.contentMargin{
	float: left;
	width: 940px;
	margin-left:0px;
	padding-left:20px;
	/*border:solid 1px #FFFFFF;*/
}



div.halfLeft{
	float:left;
	width:450px; 
}

div.halfRight{
	float:left;
	width:450px; 
	margin-left:40px;
}

div.halfRightMargin{
	float:left;
	width:400px; 
	margin-left:40px;
	margin-right:20px:
}

div.halfLeftBig{
overflow:hidden;
	float:left;
	width:490px; 
	margin-left:-20px;
}

div.halfRightSmall{
	float:left;
	width:450px; 
	margin-left:20px;
}

div.quarter{
	float:left;
	width:205px; 	
	margin-right:40px;
}

div.quarterRight{
	float:left;
	width:205px; 	
	margin-right:0px;
}


div.footer{
	height: 20px;
	width:980px;
	background-image:url(../img/footerBg.gif);
	float: left;
}

div.logoHeader{
	float:left;
	height: 80px;
	width: 980px;
}

img.logo{
	padding-top: 45px;
}

a{
   outline: none;
}


div.subContent{
	float:left;
	background-image:url(../img/subContentBg.gif);
	background-repeat:repeat-y;
}

div.leftMenu{
	float:left;
	width: 220px;
}

div.rightContent{
	float:left;
	width: 680px;
	margin-left:40px;
}

div.rightLeftContent{
	float:left;
	width: 415px;
}

div.rightRightContent{
	float:left;
	width: 245px;
	margin-left:20px;
}


input.myinputstyle {
	border: 1px solid #606060;
	font-family: "trebuchet MS",sans-serif;
	font-size: 12px;	
	background-color: #393939;
	font-style: normal;
	color: #d5d5d5;
	padding:2px;
	margin-bottom:4px;
}
input.myinputstyle:hover{
	border: 1px solid #6f6f6f;
}

input.myinputstyle:focus, input.myinputstyle.sffocus{
	border: 1px solid #ffffff;
}

input.myinputbutton {
	width:94px;
	height:25px;
	border: 1px solid #606060;
	font-family: "trebuchet MS",sans-serif;
	font-size: 12px;	
	background-color: #292929;
	font-style: normal;
	color: #d5d5d5;
	padding:2px;
	margin-bottom:4px;
	margin-top:4px;
}

input.myinputbutton:hover{
	border: 1px solid #6f6f6f;
	cursor:pointer;
	background-color: #393939;
	font-style: normal;
	color: #ffffff;
}





#tooltip {
	position: absolute;
	z-index: 3000;
	border: 1px solid #111;
	background-color: #292929;
	padding: 5px;
	opacity: 0.85;
}
#tooltip h3, #tooltip div { margin: 0; }



