/* CSS Document */


/* ..................................... */
/* Body 							 */
/* ..................................... */

body{
	font-family:Helvetica, Arial, sans-serif;
	margin:0px;
	padding:0px;
	margin-top:50px;
	font-size:11px;
	line-height:13px;
	color:#000000;	
	}
img {
	border:none;
	padding:0px;
	}
a.opacity, img.opacity {
	opacity:1;
	filter:alpha(opacity=100);
}
a.opacity:hover, img.opacity:hover, a.opacity:hover img{
	opacity:0.8;
	filter:alpha(opacity=85);
}
a.opacity2, img.opacity2 {
	opacity:0.5;
	filter:alpha(opacity=50);
}
a.opacity2:hover, img.opacity2:hover{
	opacity:1;
	filter:alpha(opacity=100);
}		
p{ margin:10px 0px 10px 0px; padding:0px;}

/* ..................................... */
/*  Navigering						 */
/* ..................................... */	
ul#nav{
	margin:0px 0px 0px 53px;
	padding:0px;
	width:550px;
	}
ul#nav li {
	margin-top:5px;
	float:left;
	list-style:none;
	padding-right:20px;
	}
ul#subnav{
	height:50px;
	margin:0px;
	padding:0px;
	margin-top:8px;
	}
ul#subnav li {
	margin-top:5px;
	float:left;
	list-style:none;
	padding-right:15px;
	}
/* ..................................... */
/*  Fonts						 */
/* ..................................... */	

@font-face {
	font-family: 'MyriadProBlack';
	src: url('../fonts/MyriadPro-Black.eot');
	src: local('Myriad Pro Black'), local('MyriadPro-Black'), url('../fonts/MyriadPro-Black.ttf') format('truetype');
}

@font-face {
	font-family: 'MyriadProRegular';
	src: url('../fonts/MyriadPro-Regular.eot');
	src: local('Myriad Pro Regular'), local('MyriadPro-Regular'), url('../fonts/MyriadPro-Regular.ttf') format('truetype');
}

h1 { font-family:"MyriadProBlack", Helvetica, Arial, sans-serif}
h2{ font-family:"MyriadProRegular", Helvetica, Arial, sans-serif}
#search input{ font-family:"MyriadProBlack", Helvetica}
a.produkter{ font-family:"MyriadProBlack", Helvetica, sans-serif}
#nav{ font-family:"MyriadProRegular", Helvetica, Arial, sans-serif}
#subnav{ font-family:"MyriadProBlack", Helvetica, Arial, sans-serif}

/* ..................................... */
/* Struktur							 */
/* ..................................... */	

#container {
	position: relative;
	margin:0 auto;
	width:1040px;
	background:url(../pict/profil/bg.jpg) no-repeat;
	}
#container_middle {
	position: relative;
	margin:0 auto;
	width:1040px;
	background:url(../pict/profil/bg_middle.jpg) repeat-y;
	}
#container_bottom {
	position: relative;
	margin:0 auto;
	height:50px;
	width:1040px;
	background:url(../pict/profil/bg_bottom.jpg) no-repeat;
	}
#search {
	position: absolute;
	margin:0px;
	padding:0px;
	width:200px;	
	top:85px;
	left:850px;
	}
#search input.box {
	border:none;
	padding:0px;
	margin:0px;
	padding-left:10px;
	padding-top:5px;
	padding-bottom:5px;
	background:url(../pict/profil/search.gif) center left no-repeat;
	width:80px;
	height:15px;
	vertical-align:top;
	}	
#search input.knapp {
	border:none;
	width:40px;
	height:25px;
	background:url(../pict/profil/ok.gif) center left no-repeat;	}	
#top {
	position: relative;
	margin:0px auto;
	width:580px;
	height:22px;
	background:url(../pict/profil/vit_top.gif) no-repeat right;
	}
#wrap {
	position: relative;
	margin:0px auto;
	width:580px;
	background:url(../pict/profil/vit_middle.jpg)  repeat-y right;
	}
#content {
	position: relative;
	margin:0px auto;
	left:-3px  !important;
	left:0px;
	width:440px;
	}	
#bottom{
	position: relative;
	margin:0px auto;
	margin-bottom:70px;
	width:580px;
	height:19px;
	background:url(../pict/profil/vit_bottom.jpg) no-repeat right;
	}
#menu {	
	color:#FFFFFF;
	width:550px;
	height:120px;
	position:relative;
	margin:0px auto;
	top:85px;
	font-size:13px;
	font-weight:bold;
	}
#submenu {	
	color:#000000;
	width:500px;
	text-transform:uppercase;
	font-size:11px;
	font-weight:bold;
		}
#supersubmenu{
	float:right;
	height:50px;
	margin-top:-46px;
	width:240px;
	text-align:right;
	word-spacing:7px;
	line-height:15px;
	}

/* ..................................... */
/* Design						         */
/* ..................................... */
	
#line{
	position:relative;
	clear:both;
	height:15px;
	width:475px;
	margin:7px 0px 30px -35px;
	padding:0px;	
	padding-right:73px;
	background:#cccccc;
	line-height:16px;
	color:#FFFFFF;
	font-size:11px;
	font-weight:bold;}
#line span{	float:right;}
#line div{	width:119px; float:left}
#logo{
	position:absolute;
	width:230px;
	height:100px;
	left:0;
	top:33px;
	text-align:right;
	}
#adress{
	position:absolute;
	width:222px;
	height:200px;
	top:150px;
	left:0px;
	color:#FFFFFF;
	text-align:right;
	font-size:10px;
	font-weight:100;
	}
#nyheter{
	position:absolute;
	width:110px;
	height:70px;
	top:71px;
	left:535px;
	padding:0px;
	padding-top:12px;
	padding-left:12px;
	font-size:11px;
	background:url(../pict/profil/nyhet.gif) no-repeat;
	z-index:10;
	}
#katalog{
	position:absolute;
	width:173px;
	height:117px;
	top:130px;
	left:458px;
	font-size:11px;
	padding-left:20px;
	padding-top:16px;
	background:url(../pict/profil/katalog.gif) no-repeat;
	}
#infastning{
	position:absolute;
	width:130px;
	height:118px;
	top:270px;
	left:538px;
	font-size:11px;
	padding-left:15px;
	padding-top:15px;
	background:url(../pict/profil/infastning.gif) no-repeat;
	z-index:20;
	}
#infastning.blue{
	background:url(../pict/profil/infastning_blue.gif) no-repeat;	
	}
#inspektion{
	position:absolute;
	width:130px;
	height:118px;
	top:270px;
	left:492px;
	font-size:11px;
	padding-left:10px;
	padding-top:10px;
	background:url(../pict/profil/inspektion.gif) no-repeat;
	z-index:20;
	}
#inspektion.bubbla{
	width:200px;
	top:420px;
	left:465px;
	padding-left:45px;
	background:url(../pict/profil/inspektion2.gif) no-repeat;
	}
#turbo_blue{
	position:absolute;
	width:130px;
	height:118px;
	top:214px;
	left:566px;
	font-size:11px;
	padding-left:12px;
	padding-top:10px;
	background:url(../pict/profil/turbo.gif) no-repeat;
	z-index:20;
	}
#turbospan{
	position:absolute;
	width:130px;
	height:118px;
	top:490px;
	left:465px;
	font-size:11px;
	padding-left:45px;
	padding-top:10px;
	background:url(../pict/profil/turbo_span.gif) no-repeat;
	z-index:20;
	}
#turbotrall{
	position:absolute;
	width:130px;
	height:118px;
	top:1150px;
	left:465px;
	font-size:11px;
	padding-left:45px;
	padding-top:10px;
	background:url(../pict/profil/turbo_trall.gif) no-repeat;
	z-index:20;
	}
#jetting_folder{
	position:absolute;
	width:130px;
	height:118px;
	top:250px;
	left:540px;
	font-size:11px;
	padding-left:12px;
	padding-top:10px;
	background:url(../pict/profil/jetting_folder.gif) no-repeat;
	z-index:20;
	}
#jetting2{
	position:absolute;
	width:130px;
	height:118px;
	top:430px;
	left:465px;
	font-size:11px;
	padding-left:45px;
	padding-top:10px;
	background:url(../pict/profil/jetting2.gif) no-repeat;
	z-index:20;
	}
#ankarmassa{
	position:absolute;
	width:130px;
	height:118px;
	top:950px;
	left:465px;
	font-size:11px;
	padding-left:45px;
	padding-top:15px;
	background:url(../pict/profil/jetting2.gif) no-repeat;
	z-index:20;
	}
#korrosivitet{
	position:absolute;
	width:100px;
	height:118px;
	top:260px;
	left:550px;
	font-size:11px;
	padding-left:14px;
	padding-top:10px;
	background:url(../pict/profil/korrosivitet.gif) no-repeat;
	z-index:20;
	}
.kontakt{ clear:both;
}
.kontakt img{
	float:left;
	margin-right:25px;
	margin-bottom:20px;
	}
.right{
	float:right;
	text-align:right;
	margin-top:0px;
	}
.back{
	float:right;
	margin-top:15px;
	text-align:right;

	}
.tilltopp{
	float:right;
	text-align:right;
	margin-top:0px;
	}
a.margin{
	position:relative;
	top:5px;
	}

/* ..................................... */
/* Text							         */
/* ..................................... */

h1.underrubrik{
	font-size:30px;
	margin:0px;
	padding-top:17px;
	line-height:28px;
	}
h1, h1.rubrik{
	font-size:30px;
	margin:0px;
	padding-top:10px;
	line-height:28px;
	}
h2{
	font-size:18px;
	margin-top:0px;
	margin-bottom:2px;
	line-height:17px;
	}
h3{ font-size: 12px;
	color:#333333;
	margin-top:0px;
   	margin-bottom: 5px !important;
	margin-bottom:10px;
	line-height:12px;
	}
.vit{ color:#FFFFFF;}
.asterix{ 
	color: #cc0000;
	font-size:10px;
	font-style:italic;}
.ten{ font-size: 10px;}
.em{ font-size: 10px; text-transform:lowercase; font-weight:100;}
.heigh{ margin:20px 0px 20px 0px;}
.r{
	position:relative;
	font-size:6px;
	vertical-align:text-top;
	top:-2px;
	}
	     
/* ..................................... */
/* Länkar 								 */
/* ..................................... */	 

a {
	color: #999999;
	text-decoration:none;
	outline:none;
	}
a:hover {
	color: #000000;
	text-decoration:none;
	outline:none;
	}
h1 a, .skruv a {
	color: #000000;
	}
h1 a:hover, .skruv a:hover {
	color: #666666;
	}
	

#menu a {
	color: #FFFFFF;
	text-decoration:none;
	outline:none;
	}
#menu a:hover {
	color: #d1bb17;
	text-decoration:none;
	}
a.menyover{
	color:#d1bb17;
	}
#menu a.menyover{
	color:#d1bb17
	}
#submenu a.menyover, #supersubmenu a.menyover {
	color:#993333;
	}	
a:hover.red{color: #cc6633;}
a:hover.gul{color: #a19023;}
a:hover.blue{color: #336699;}

a.produkter{
	font-size:12px;
	font-weight:bold;
	}
		     
/* ..................................... */
/* Skruvar							 */
/* ..................................... */	 

.skruv {
	margin:0px 0px 20px 0px;
	clear:both;
	line-height:17px;
	width:440px;
	}
.skruv img.left{
	position:relative;
	float:left;
	margin-left:-5px;
	margin-right:25px;
	margin-bottom:20px;
	margin-top:2px;
	}
.skruv img.left2{
	position:relative;
	float:left;
	margin-left:-5px;
	margin-right:25px;
	margin-bottom:20px;
	margin-top:0px;
	}
.sida{
	float:right;
	text-align:right;
	margin-left:20px;
	margin-bottom:15px;
	}
.sida2{
	float:right;
	text-align:right;
	margin-left:20px;
	margin-bottom:25px;
	}
.clear{
	clear:both;
		}