﻿body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #AFAFAF;
	link: Black;
	vlink: Black;
	alink: White
}

p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #000000;
}

td {
	font-family: Verdana;
	font-size: 13px;
	background-repeat: yes;
	color: #000000;
	left: auto;
}

li {
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; color: black;
}

H1 {
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 48px; color: white;
}

H2 {
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 30px; color:  White;
}
H6 {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 30px; 
	color:  black;
	margin: 0px;
	padding: 0px;
}

A:Link {
	color: #808080;
}

A:Visited {
	color: #808080;
}

A:Active {
	color: #808080;
}

img.knappval { 
   	width: 800px; 
  	height: 1px; 
}

body { 
	background-image: url("Bakgrund/Pattern.png");
	background-repeat: repeat-x; 
	background-attachment: fixed; 
} 


#bilder {
	width: 400px;
	height: 115px; \\lollar och haxxar från tidigare edvard\\

}

.mitten {
	paddin-left: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 13px; 
	color: black;
	text-decoration: none;

}

#förstabild {
	z-index: 0;
	display: block;
	position: relative;
	height:474px;
	width:631px;
	background-image: url("förstasidan/2011-02-21.png");
}
#smalltumb{
display: block;
	position: relative;
	text-align: left;
	padding: 5px;
	bottom: 0px;
	top: -120px;
	right: 0px;
	left: 220px;
	height:150px;
	width:200px;
	margin-bottom: -150px;
	background-image: url("förstasidan/rambild.png");
	background-repeat: no-repeat;
	

}


#leveransklara {
	position: absolute;
    	bottom:0;
    	right:0;
	z-index: 1;
	width:230px;
	height: 200px;

}

#leveransklara:hover {
	background-image: url("förstasidan/leveransklara.png");
	background-repeat: no-repeat;
	background-position: bottom 0px right 0px;

}

#leveransklara a {  
	display:block;  
	width:100%;  
	height:100%;  
	text-decoration:none;  

}  

a.spec { 
	display: block;
	color: #a9a993;
	font-size: 0px;
	text-decoration: none;
	text-transform: capitalize;
	
} 

#right {
	padding-right: 5px;
	float: right;
	text-align: right;

}


#center {
	width: 540px;
	text-align: center;

}


#left {
	padding-left: 5px;
	float: left;
	text-align: left;

}

#holder {
	width: 640px;
	height: auto;
	margin: 10px;


}

#holdervert {
	width: 640px;
	height: 150px;
	
}

#holderleft {
	float: left;
	width: 349px;
	height: 122px;
	margin-bottom: 10px;

}

#holderright {
	float: right;
	width: 349px;
	height: 122px;
	margin-bottom: 10px;


}

#bildover {
	color: #FFF;
	display: block;
	text-decoration: none;
	width: 150px;
	height: 150px;
	text-align: left;
	background-image: url("holders/inactive.png"); 
	background-repeat: no repeat;

}


#overlay {
	color: #FFF;
	display: block;
	text-decoration: none;
	width: 150px;
	height: 150px;
	text-align: left;
	background-image: url("holders/overlay.png"); 
	background-repeat: no repeat;

}

#bildover:hover {
	background-image: url("holders/active.png"); 
	color: #000;

}

#bildover2 {
	color: #FFF;
	display: block;
	text-decoration: none;
	float: right;
	width: 150px;
	height: 150px;
	text-align: left;
	background-image: url("holders/inactive2.png"); 
	background-repeat: no repeat;

}

#bildover2:hover {
	background-image: url("holders/active2.png"); 
	color: #000;

}

#bildtext {
	padding-top: 7px;
	padding-bottom:127px;
	text-align: center;
	color: #FFF;
	font-size: 15px;
	text-transform: capitalize;
	font-weight: bold;

}

#bildtext:hover {
	color: #000;

}



#h1 {
	float: left;
	width: 150px;
	height: 150px;
	background-color: #FFF;
	margin: 5px;
	background-repeat: no-repeat;
	background-image: url("holders/katalog.png");
	cursor: pointer;

}

#h2 {
	float: left;
	width: 150px;
	height: 150px;
	background-color: #FFF;
	margin: 5px;
	background-repeat: no-repeat;
	background-image: url("holders/challenge.png");
	cursor: pointer;

}

#h3 {
	float: left;
	width: 150px;
	height: 150px;
	background-color: #FFF;
	margin: 5px;
	background-repeat: no-repeat;
	background-image: url("holders/leveransklara.png");
	cursor: pointer;

}

#h4 {
	float: left;
	width: 150px;
	height: 150px;
	background-color: #FFF;
	margin: 5px;
	background-repeat: no-repeat;
	background-image: url("holders/prislistor.png");
	cursor: pointer;

}

#h5 {
	float: left;
	width: 150px;
	height: 150px;
	background-color: #FFF;
	margin: 5px;
	background-repeat: no-repeat;
	background-image: url("holders/galleri.png");
	cursor: pointer;

}

#h6 {
	float: left;
	width: 150px;
	height: 150px;
	background-color: #FFF;
	margin: 5px;
	background-repeat: no-repeat;
	background-image: url("holders/rohloff.png");
	cursor: pointer;

}

#h7 {
	float: left;
	width: 150px;
	height: 150px;
	background-color: #FFF;
	margin: 5px;
	background-repeat: no-repeat;
	background-image: url("holders/sram.png");
	cursor: pointer;

}

#h8 {
	float: left;
	width: 150px;
	height: 150px;
	background-color: #FFF;
	margin: 5px;
	background-repeat: no-repeat;
	background-image: url("holders/teknik.png");
	cursor: pointer;


}

#h9 {
	float: left;
	width: 150px;
	height: 150px;
	background-color: #FFF;
	margin: 5px;
	background-repeat: no-repeat;
	background-image: url("holders/logistik.png");
	cursor: pointer;

}

#h10 {
	float: left;
	width: 150px;
	height: 150px;
	background-color: #FFF;
	margin: 5px;
	background-repeat: no-repeat;
	background-image: url("holders/finans.PNG");
	cursor: pointer;

}

#h11 {
	float: left;
	width: 150px;
	height: 150px;
	background-color: #FFF;
	margin: 5px;
	background-repeat: no-repeat;
	background-image: url("holders/kontakt.png");
	cursor: pointer;

}

#h12 {
	float: left;
	width: 150px;
	height: 150px;
	background-color: #FFF;
	margin: 5px;
	background-repeat: no-repeat;
	background-image: url("holders/omoss.png");
	cursor: pointer;


}

#h13 {
	float: left;
	width: 150px;
	height: 150px;
	background-color: #FFF;
	margin: 5px;
	background-repeat: no-repeat;
	background-image: url("holders/detaljbilder.png");
	cursor: pointer;

}

#h14 {
	float: left;
	width: 150px;
	height: 150px;
	background-color: #FFF;
	margin: 5px;
	background-repeat: no-repeat;
	background-image: url("holders/sprngskisser.png");
	cursor: pointer;

}

#h15 {
	float: left;
	width: 150px;
	height: 150px;
	background-color: #FFF;
	margin: 5px;
	background-repeat: no-repeat;
	background-image: url("holders/cinstruktioner.png");
	cursor: pointer;

}

#h16 {
	float: left;
	width: 150px;
	height: 150px;
	background-color: #FFF;
	margin: 5px;
	background-repeat: no-repeat;
	background-image: url("holders/tips.png");
	cursor: pointer;

}

#h17 {
	float: left;
	width: 150px;
	height: 150px;
	background-color: #FFF;
	margin: 5px;
	background-repeat: no-repeat;
	background-image: url("holders/ddinstruktioner.png");
	cursor: pointer;

}

#h18 {
	float: left;
	width: 150px;
	height: 150px;
	background-color: #FFF;
	margin: 5px;
	background-repeat: no-repeat;
	background-image: url("holders/dckdm.png");
	cursor: pointer;

}

#h19 {
	float: left;
	width: 150px;
	height: 150px;
	background-color: #FFF;
	margin: 5px;
	background-repeat: no-repeat;
	background-image: url("holders/rohloff.png");
	cursor: pointer;

}

#h20 {
	float: left;
	width: 150px;
	height: 150px;
	background-color: #FFF;
	margin: 5px;
	background-repeat: no-repeat;
	background-image: url("holders/iden.png");
	cursor: pointer;


}

#h21 {
	float: left;
	width: 150px;
	height: 150px;
	background-color: #FFF;
	margin: 5px;
	background-repeat: no-repeat;
	background-image: url("holders/skipparatten.png");
	cursor: pointer;


}


#h22 {
	float: left;
	width: 150px;
	height: 150px;
	background-color: #FFF;
	margin: 5px;
	background-repeat: no-repeat;
	background-image: url("holders/faq.png");
	cursor: pointer;


}

#h23 {
	float: left;
	width: 150px;
	height: 150px;
	background-color: #FFF;
	margin: 5px;
	background-repeat: no-repeat;
	background-image: url("holders/.png");
	cursor: pointer;


}

