﻿* { 
margin : 0;
padding : 0;
} 
body {
	background : #ccc url(../bilder/bg.jpg) top center repeat-y;
	color : #555;
	font-family: Arial, "Trebuchet MS", Helvetica, Tahoma, sans-serif;
	font-size: 80%;
} 


			/*WRAP*/
#wrap { 
width : 770px;
margin-left : auto;
margin-right : auto;
padding : 0;
color : #555;
background : transparent url(../bilder/wrap_bg.jpg) repeat-x;
} 



			/*BANNER*/
#masthead {
	height : 120px;
	margin-bottom : 0;
	margin-right: 0px;
	padding-top: 0;
	padding-bottom: 0;
	padding-left: 0;
	position: relative;
} 

#wrap #masthead #header {
	position: absolute;
	left: 0px;
	bottom: 0px;
	padding-left: 2px;
	padding-bottom: 2px;
}



			/*MAIN CONTAINER*/
#container {
	width : 770px;
	margin-left : auto;
	margin-right : auto;
	margin-top : 5px;
	padding : 0;
	line-height : 1.8em;
} 

		   /*MAIN CONTENT*/
#content {
	border-right : 1px solid #eee;
	width: 500px;
	height: auto;
} 
#krittekst {
	padding-right: 10px;
}


#wrap #container #content {
	padding-left: 15px;
}
.spacer {
	clear: left;
}


				/*SIDEBAR*/
#sidebar { 
float : right;
width : 200px;
margin-top : 0;
padding-top: 1em;
	padding-right: 1em;
	padding-bottom: 1em;
	padding-left: 20px;
} 
#wrap #container #sidebar #nyheten a{
	color: #CC0000;
	font-style: italic;
}


#sentrum {
	width: 200px;
	float: right;
	padding-top: 1em;
	padding-right: 1em;
	padding-bottom: 1em;
	padding-left: 20px;
	height: 650px;
	border-right-width: 1px;
	border-right-style: dotted;
	border-right-color: #AAAAAA;
	}

#leftsidebar {
	width: 200px;
	float: left;
	padding-top: 1em;
	padding-right: 1em;
	padding-bottom: 1em;
	padding-left: 20px;
	border-right-width: 1px;
	border-right-style: dotted;
	border-right-color: #AAAAAA;
	height: 650px;
	}


				/*FOOTER*/
#footer { 
clear : both;
height : 50px;
padding : 0;
margin-bottom : 0;
margin-top : 40px;
text-align : center;
border-top : 5px solid #E80202;
color : #fff;
background : #000;
} 


				/*TYPOGRAPHY*/
h1 { 
float : left;
margin : 0;
padding : 50px 0 20px 25px;
font : 150% "Trebuchet MS", Helvetica, Arial, Tahoma, sans-serif;
letter-spacing : 5px;
color : #fff;
} 
h2 {
	float : right;
	margin : 0;
	padding : 25px 20px 20px 0;
	letter-spacing : 3px;
	color : #E80202;
	font-family: "Trebuchet MS", Helvetica, Arial, Tahoma, sans-serif;
	font-size: 110%;
} 
h3 {
	margin : 0;
	padding : 20px 0 20px 0;
	border-bottom : 1px solid #aaa;
	text-transform : uppercase;
	letter-spacing : 3px;
	color : #E80202;
	font-family: "Trebuchet MS", Helvetica, Arial, Tahoma, sans-serif;
	font-size: 170%;
}
h4 {
	margin : 0;
	padding : 20px 0 20px 0;
	border-bottom : 1px solid #aaa;
	text-transform : none;
	letter-spacing : 3px;
	color : #E80202;
	font-family: "Trebuchet MS", Helvetica, Arial, Tahoma, sans-serif;
	font-size: 170%;
}
h5 {
	color: #E80202;
	font-size: 16px;
	font-weight: normal;
}
h6 {
	color: #ED0000;
	font-size: 24px;
	padding-top: 0px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	text-align: center;
}
#wrap #container #content h6 {
	font-size: 9px;
	text-align: left;
}



blockquote {
	font-weight : bold;
	font-style : italic;
	color : #923005;
	margin-left: 20px;
	margin-right: 20px;
	font-size: 1.2em;
} 
			/*LINKS*/
a:link, a:visited { 
color : #E80202;
background : inherit;
text-decoration : underline;
} 
a:hover { 
color :  #636363;
background : inherit;
text-decoration : none;
} 
a img {
border: 0;
} 
			/*IMAGES*/

#wrap #container a {
	color: #000000;	
}

#wrap #container .tekstboks {
	height: 160px;
	width: 100%;
	clear: left;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #aaa;
}

		/* PRODUKTER */
#wrap #container #content .tekstboks .tekst {
	padding-left: 25%;
	width: 75%;
	height: auto;
}
#wrap #container #content .tekstboks #pumpekanne {
	position: absolute;
	padding-left: 10px;
}
#wrap #container #content .tekstboks #preventotralle {
	position: absolute;
	width: auto;
	padding-top: 10px;
	position: absolute;
}
#wrap #container #content .tekstboks #beredskapstralle {
	position: absolute;
	padding-top: 10px;
	padding-left: 10px;
}
#wrap #container #content .tekstboks #aut_slokk {
	position: absolute;
	width: 90px;
	height: 44px;
	padding-top: 35px;
}
#wrap #container #content .tekstboks #impreg {
	position: absolute;
	padding-top: 30px;
	padding-left: 20px;
}
#wrap #container #content .tekstboks #aerosol {
	position: absolute;
	width: 80px;
	padding-left: 20px;
	padding-top: 10px;
}
#wrap #container #content .tekstboks #ryggtank {
	margin-top: 35px;
	margin-left: 10px;
	position: absolute;
}
#wrap #container #content .tekstboks #tilhenger {
	position: absolute;
	margin-top: 40px;
	margin-left: 10px;
	width: 102px;
	height: 76px;
}
#wrap #container #content .tekstboks #tilhenger2 {
	position: absolute;
	margin-top: 25px;
	margin-left: 0px;
	width: 102px;
	height: 76px;
}

#wrap #container #content .tekstboks #injektor {
	position: absolute;
	margin-top: 25px;
	margin-left: 0px;
	width: 102px;
	height: 76px;
}



#wrap #container #content blockquote {
	padding: 10px;
}
#wrap #container #content ul {
	margin-left: 10px;
}

#sidebar ul li {
	padding-bottom:5px;
}

#wrap #container #content .bildetekst {
	float: left;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 0px;
}
#wrap #container #content .bildetekst p {
	padding-left: 25px;
}
#wrap #container #content .bildetekst_hoyre {
	float: right;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 5px;
}
#mediacontainer {
	padding-left: 8px;
}
#mediacontainer  .media {
	width: 45%;
	float: left;
	margin-right: 20px;
	border-bottom-style: solid;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-right-color: #AAAAAA;
	border-bottom-color: #AAAAAA;
	height: 150px;
}

#wrap #container #content #litenmeny {
	position:relative;
	display:block;
	height:10px;
	font-size:14px;
	font-weight:bold;
	font-family:Arial, Verdana, Helvitica, sans-serif;
	text-decoration: none;
	padding-bottom: 15px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #AAAAAA;
}
#wrap #container #content #litenmeny ul {
	margin:0px;
	padding:0;
	list-style-type:none;
	width:auto;
}
#wrap #container #content #litenmeny ul li {
	display:block;
	float:left;
	margin-top: 0;
	margin-right: 1px;
	margin-bottom: 0;
	margin-left: 0;
	padding-left: 10px;
	color: #000000;
}
#wrap #container #content #litenmeny ul li a {
	float:left;
	height:19px;
	}
#wrap #container #content #litenmeny ul li a.aktivert, #wrap #container #content #litenmeny ul li a.aktivert:hover{
	color:#D40000;
	text-decoration: none;
}
#wrap #container #content #litenmeny ul li a:hover {
	color: #636363;
	text-decoration: underline;
}
#halsaliste {
	margin-left: 40px;
}
#halsaliste li {
	margin-top: 20px;
}


.fltleft {
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}
.fltright {
	float: right;
}
.underline {
	text-decoration: underline;
}
