/* Reset all default styles */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {list-style: none}
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,q:before, q:after {	content: "";}
blockquote, q {quotes: "" "";}
/* End reset all styles */

/* Creative Circumvention */
.mir { letter-spacing : -1000em; }
/* Just for Opera, but hide from MacIE */
/*\*/html>body .mir { letter-spacing : normal; text-indent : -999em; overflow : hidden;}
/* End of hack */

/* Standard elements */
html{
	font-family:Verdana, arial, sans-serif;
}
body{
	margin:3px;
	line-height:130%;
	font-size:0.8em;
}
a{
	color:#FBCA0A;
}
p{
	padding:0 17px 5px 10px;
}

dl{
	padding:0 17px 21px 10px;
	color:#FBCA0B;
	font-style:italic;
}
#contactfooter dt{
	float:left;
	width:29.7%;
}
#contactfooter dd {
	float:left;
	width:70.3%;
}

#contactinfo{
	text-align:right;
	font-size:0.8em;
	line-height:1.2em;
	color:#fff;
	background:url(../images/loftbg.png);
	height:138px;
	margin-top:-2px;
	padding:2px 6px;
}
#contactinfo a{
	font-style:italic;
}

/* Layout */

/* Navgation */
#navigation a{
	display:block;
	width:142px;
	height:35px;
}
#design{background:url(../images/menu.png) no-repeat}
#skiltsystem{background:url(../images/menu.png) no-repeat 0 -35px}
#sikkerhet{background:url(../images/menu.png) no-repeat 0 -70px}
#miljo{background:url(../images/menu.png) no-repeat 0 -105px}
//#design:hover{background-position:-142px 0}
#skiltsystem:hover{background-position:-142px -35px}
//#sikkerhet:hover{background-position:-142px -70px}
//#miljo:hover{background-position:-142px -105px}


/* Layout */
#main{
	margin:0 auto;
	overflow: hidden; 
	background: url(../images/faux_left.png) repeat-y;
}

#headline{
	position:relative;
	overflow:hidden;
	padding-bottom:25px;
}
.line{
	overflow:hidden;
	position:relative;
	padding-bottom:25px;
}

.box-1, .box-2, .box-3, .box-4, .box-5 {float:left; }
#headline .box-1{
width:142px;
margin-left:284px;
position:relative;
left:40%;
background: url(../images/faux_right.png) repeat-y;
padding-bottom: 32767px;
margin-bottom: -32767px;
border-top:30px solid #7d7d80
}
#headline .box-2{
width:284px;
margin-left:-426px;
border-top:30px solid #7d7d80
}
#headline .box-3{
padding-right:1%;
width:39%;
margin-left:-142px;
background:#242429;
color:#FBCA0B;
padding-bottom: 32767px;
margin-bottom: -32767px;
border-top:30px solid #7d7d80
}

.line .box-1{
width:40%;
margin-left:284px;
background:#242429;
color:#fff;
padding-bottom: 32767px;
margin-bottom: -32767px;
}
.line .box-2{
width:284px;
margin-left:-284px;
position:relative;
left:-40%;
}
.line .box-3{
width:142px;
background: url(../images/faux_right.png) repeat-y;
padding-bottom: 32767px;
margin-bottom: -32767px;
}
#bottomline .box-1{
width:40%;
margin-left:284px;
height:35px;
background:#7d7d80;
}
#bottomline .box-2{
width:284px;
margin-left:-284px;
position:relative;
left:-40%;
height:35px;
background:#7d7d80;
}
#bottomline .box-3{
width:142px;
height:35px;
background:#7d7d80;
}

.box-4{
width:142px;
}
.box-5{
width:142px;
}
#headline .box-3 ul{
	padding:10px 17px 10px 10px;
}

.h2section h2{
	font-size:0.9em;
	display:block;
	//color:#ddcc00;
	color:#FBCA0A;
	width:130px;
	padding:1px 6px;
	float:left;
	height:142px;
}
.h2section p, .h2section ul{
	margin-left: 142px;	
	padding:0 17px 5px 10px;
}
#header{
	font-size:;
	width:15px; 
	height:284px; 
	margin-left:-15px;
	float:left;
	background:url(../images/LOGO_design_banner.gif) no-repeat;
}
#tilbyr{
	padding-top:2em;	
}