/* screen */

@import "reset.css";

body {
	font: 1em helvetica, arial, sans-serif;
	color: #000;
	background: #414141 url(/img/page_bg.png) repeat-x top left;


			
}

#container {
	position: relative;
	width: 986px;
	margin: 0 auto;
}

#sidecol {
	float: left;
}

/* Header */

#header {
	position: relative;
	width: 979px;
	padding: 0 3px;
	background: url(/img/header_shadow.png) repeat-y top left;
}

#logo {
	position: relative;
	width: 979px;
	height: 95px;
}

#logo a {
	position: absolute;
	top: 16px;
	right: 43px;
	width: 130px;
	height: 57px;
	text-indent: -999em;
}

#utblasPartOne {
	position: absolute;
	top: 0;
	left: -55px;
	width: 267px;
	height: 95px;
	background: url(/img/utblas_part1.png) no-repeat top left;
}

#utblasPartTwo {
	position: absolute;
	top: 95px;
	left: -54px;
	width: 126px;
	height: 78px;
	background: url(/img/utblas_part2.png) no-repeat top left;
}

/* Navigation */

#navigation {
	width: 985px;
	margin-bottom: 2px;
	background: url(/img/navigation_bg.png) no-repeat top left;
}

#primary {
	position: relative;
	left: 8px;
	float: left;
	width: 785px;
	height: 37px;
}

#primary ul {
	display: block;
	float: left;
	width: 814px;
	height: 34px;
	padding-left: 40px;
	background: url(/img/nav_bg.png) repeat-x top left;
}

#primary ul li {
	float: left;
	display: block;
	height: 34px;
	background: url(/img/nav_item_bg.png) no-repeat top right;
	line-height: 34px;
	font-size: .7em;
	text-transform: uppercase;
}

#primary ul li.last { background-image: none; }

#primary ul li a {
	display: block;
	padding: 0 22px 0 20px;
	color: #464646;
	text-decoration: none;
}

#primary ul li.active a {
	color: #d62c1f;
	background: url(/img/nav_item_on_bg.png) no-repeat top right;
}

#secondary {
	position: relative;
	left: -8px;
	float: right;
	width: 115px;
	height: 37px;
	background: url(/img/nav_bg.png) repeat-x top left;
}

#secondary ul {
	margin-top: 8px;
}

#secondary li {
	display: block;
	float: left;
	font-size: .65em;
	text-transform: uppercase;
}

#secondary li a {
	display: block;
	float: left;
	height: 19px;
	padding: 0 9px 0 7px;
	background: url(/img/nav_item2_bg.gif) no-repeat top right;
	color: #464646;
	line-height: 19px;
	text-decoration: none;
}

#secondary ul li.active a {
	color: #d62c1f;
}

#secondary li.last a { background-image: none; }

#subnav ul {}

#subnav li {
	display: block;
	/*line-height: 2em;*/
	padding: 0.45em 0;
	/*margin: 0.7em 0;*/
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: -.05em;
}

#subnav li a {
	color: #000000;
	font-size: .96em;
	text-decoration: none;
}

#subnav li.active a {
	color: #d62c1f;
}

/* second level */

#subnav li ul li {
	font-size: .9em;
	line-height: 1.3em;
	padding: 0 0 0 10px;
	background: url(/img/nav_lvl2_bg.gif) no-repeat 0 0;
}

#subnav li ul li.last {
	background: url(/img/nav_lvl2_last_bg.gif) no-repeat 0 0;
}

#subnav li.active li a {
	color: #8d8d8d;
	text-decoration: none;
}

#subnav li.active li.active a {
	color: #d62c1f;
}

/* third level */

#subnav li ul li ul {
	font-size: .9em;
}

#subnav li ul li ul li {
	background: url(/img/nav_lvl3_bg.gif) no-repeat center left;
}

#subnav li ul li ul li.last {
	background: url(/img/nav_lvl3_last_bg.gif) no-repeat 0 0;
}

#subnav li.active li.active li a {
	color: #bebebe;
	text-decoration: none;	
}

#subnav li.active li.active li.active a {
	color: #d62c1f;
}

/* Boxes */

.blackBox {
	width: 485px;
	float: left;
}

.blackBox .top {
	width: 498px;
	height: 7px;
	background: url(/img/box_black_top_bo.png) no-repeat top left;
}

.blackBox .middle {
	width: 498px;
	height: 286px;
	background: url(/img/box_black_middle_bo.png) repeat-y top left;
}

.blackBox .middle h2, .bigBox #thecar h2 {
	color: #2a2a2a;
	font-size: 1.4em;
	font-weight: bold;
}

.blackBox .middle p {
	color: #2a2a2a;
	font-size: .7em;
	text-transform: uppercase;
}

.blackBox .bottom {
	width: 498px;
	height: 7px;
	background: url(/img/box_black_bottom_bo.png) no-repeat top left;
}

#boxErbjudande {
	width: 485px;
	margin-left: 3px;
	padding: 0px 0px 0 4px;
	position: relative;
}

#ticker {
	width: 485px;
	margin-left: 7px;
	padding: 0px 0px 0 0px;
	position: absolute;
	z-index: 9;
	top: 395px;
	left: 7;
	height: 15px;
}

#regnrsokningen {
	width: 110px;
	margin-left: 215px;
	padding: 3px 0px 0 0px;
	position: absolute;
	z-index: 99;
	height: 48px;
}

.bigBox {
	width: 481px;
	height: 299px;
	float: left;
	margin-left: 19px;
	background: url(/img/box_big_bg_bo.png) no-repeat top left;
}

.bigBox h1 {
	color: #2a2a2a;
	font-size: 2.3em;
	font-weight: bold;
}

.bigBox  p {
	width: 250px;
	color: #2a2a2a;
	margin-left: 9px;
	font-size: .7em;
	text-transform: uppercase;
}

#theCar {
	position: relative;
	z-index: 2;
	width: 467px;
	height: 286px;
	margin: 7px 0 0 7px;
	padding: 0px 0 0 0px;
	background: url(/img/box_bg_the_car_bo.jpg) no-repeat top left;
}

#theCarImage {
	position: absolute;
	z-index: 1;
	top: 8px;
	right: 0;
	width: 407px;
	height: 282px;
	background: url(/img/the_car.png) no-repeat top left;
}

.spBox {
	width: 649px;
	float: left;
	margin-top: 4px;
}

.spBox2 {
	width: 331px;
	margin-left: 5px;
	float: left;
	margin-top: 4px;
}

.middleBox {
	margin: 4px 7px 0 7px;
}

.spBox .top {
	position: relative;
	width: 649px;
	height: 47px;
	background: url(/img/box_top_bo.png) repeat-y top left;
}

.spBox2 .top2 {
	position: relative;
	width: 331px;
	height: 47px;
	background: url(/img/box_top2_bo.png) repeat-y top left;
}

.spBox .middle {
	width: 631px;
	padding: 0px 0 0 15px;
	background: url(/img/box_middle_bo.png) repeat-y top left;
}

.spBox2 .middle2 {
	width: 331px;
	height: 231px;
	padding: 0px 0 0 15px;
	background: url(/img/box_middle2_bo.png) repeat-y top left;
}

.spBox .middle ol{
	color: #c8c8c8;
	text-transform: uppercase;
	font-size: 1em;
}

.spBox .bottom {
	width: 649px;
	height: 11px;
	background: url(/img/box_bottom_bo.png) repeat-y top left;
}

.spBox2 .bottom2 {
	width: 331px;
	height: 11px;
	background: url(/img/box_bottom2_bo.png) repeat-y top left;
}

.spBox .top h2 {
	position: absolute;
	top: 17px;
	left: 15px;
	display: block;
	width: 595px;
	height: 20px;
	color: #d62c1f;
	font-size: 1.2em;
	text-transform: uppercase;
	font-weight: bold;
	background: url(/img/box_header.png) repeat-x top left;
}


.spBox2 .top2 h2 {
	position: absolute;
	top: 17px;
	left: 15px;
	display: block;
	width: 277px;
	height: 20px;
	color: #d62c1f;
	font-size: 1.2em;
	text-transform: uppercase;
	font-weight: bold;
	background: url(/img/box_header.png) repeat-x top left;
}

#boxAvgassystem {
	width: 280px;
	height: 120px;
	margin-left: 7px;
	padding: 130px 0 0 30px;
	background: url(/img/box_bg_avgassystem.jpg) no-repeat top left;
}

#boxEffektbox {
	width: 280px;
	height: 120px;
	margin-left: 7px;
	padding: 130px 0 0 30px;
	background: url(/img/box_bg_effektbox.jpg) no-repeat top left;
}

#boxLuftfilter {
	width: 280px;
	height: 120px;
	margin-left: 7px;
	padding: 130px 0 0 30px;
	background: url(/img/box_bg_luftfilter.jpg) no-repeat top left;
}

.blackNarrowBox {
	width: 214px;
}

.blackNarrowBox .top {
	width: 214px;
	height: 7px;
	background: url(/img/box_narrow_top_bo.png) no-repeat top left;
}

.blackNarrowBox .middle {
	width: 214px;
	background: url(/img/box_narrow_middle_bo.png) repeat-y top left;
}

.blackNarrowBox .bottom {
	width: 214px;
	height: 7px;
	background: url(/img/box_narrow_bottom_bo.png) no-repeat top left;
}

.bnInner1 {
	width: 199px;
	background: #ffffff url(/img/box_narrow_inner1_bo.jpg) no-repeat top left;
	margin-left: 7px;
}

.bnInner2 {
	width: 179px;
	padding: 14px 10px;
	background: url(/img/box_narrow_inner2_bo.jpg) no-repeat bottom left;
}

.bnInner3 {
	width: 199px;
	background: #ffffff url(/img/box_narrow_inner3_bo.jpg) no-repeat top left;
	margin-left: 7px;
}

.contentBox, .imageSetBox {
	float: left;
	width: 770px;
	height: 587px;
	background: url(/img/content_bg.png) no-repeat top left;
}

.contentBox .contentBoxInner {
	width: 476px;
	height: 543px;
	margin: 7px 0 0 7px;
	padding: 5px 140px 25px 140px;
	background: #dddddd url(/img/content_inner_bg_bo.jpg) no-repeat top left;
	/*background-attachment: fixed;*/
	overflow: auto;
}

.imageSetBox .contentBoxInner {
	width: 666px;
	height: 543px;
	margin: 7px 0 0 7px;
	padding: 5px 45px 25px 45px;
	background: url(/img/content_inner_bg.jpg) no-repeat top left;
}

/* Footer */

#footer, #footer_edit {
	font-size: .7em;
	color: #666;
	margin-top: 15px;
	text-transform: uppercase;
}

#footer span, #footer_edit span {
	color: #4f4f4f;
	font-weight: bold;
}

#footer ul, #footer_edit ul {
	float: right;
}

#footer li, #footer_edit li {
	display: block;
	float: left;
	padding: 0 20px 0 9px;
	background: url(/img/footer_bg.gif) repeat-y top left;
}

#footer li.first, #footer_edit li.first {
	background-image: none;
	padding-left: 0;
}

#footer ul ul, #footer_edit ul ul {
	float: none;
	margin-bottom: 4px;
}

#footer li li, #footer_edit li li {
	padding: 0;
	background-image: none;
}

#footer li li a, #footer_edit li li a { text-indent: -999em; margin-right: 4px; }

#flagNorway { display: block; width: 23px; height: 14px; background: url(/img/flag_norway.gif) no-repeat top left; }
#flagFinland { display: block; width: 23px; height: 14px; background: url(/img/flag_finland.gif) no-repeat top left; }
#flagGermany { display: block; width: 23px; height: 14px; background: url(/img/flag_germany.gif) no-repeat top left; }
#flagFrance { display: block; width: 23px; height: 14px; background: url(/img/flag_france.gif) no-repeat top left; }
#flagGreece { display: block; width: 23px; height: 14px; background: url(/img/flag_greece.gif) no-repeat top left; }
#flagSweden { display: block; width: 23px; height: 14px; background: url(/img/flag_sweden.gif) no-repeat top left; }
#flagSwedenDisabled { display: block; width: 23px; height: 14px; background: url(/img/flag_sweden_disabled.gif) no-repeat top left; }
#flagSwitzerland { display: block; width: 16px; height: 14px; background: url(/img/flag_switzerland.gif) no-repeat top left; }
#flagUSA { display: block; width: 23px; height: 14px; background: url(/img/flag_usa.gif) no-repeat top left; }
#flagUK { display: block; width: 20px; height: 14px; background: url(/img/flag_uk.gif) no-repeat top left; }
#flagUKdisabled { display: block; width: 20px; height: 14px; background: url(/img/flag_uk_disabled.gif) no-repeat top left; }

/* Text */

a {
	color: #000000;
}

.contentBox h1, .imageSetBox h1 {
	font-size: 2.4em;
	font-weight: bold;
	color: #000000;
	margin-top: .5em;
	margin-bottom: .2em;
}

.imageSetBox h1 {
	margin-left: 8px;
}

.contentBox h2 {
	font-size: .7em;
	color: #777777;
	font-weight: bold;
}

#sidecol p,
#sidecol_edit p,
.contentBox p {
	font-size: .7em;
	color: #444444;
}

.contentBox p {
	margin-bottom: 1.0em;
	color: #444444;
}

.contentBox ul  {
	font-size: .7em;
	color: #444444;
	list-style: disc outside;
	margin: .3em 0;
}

.contentBox ul, .contentBox ol  {
	font-size: .7em;
	color: #444444;
	margin: .3em 0;
}

.contentBox ul li, .contentBox ol li {
	margin-bottom: .8em;
}

.contentBox ul  {
	list-style: disc outside;
}

.contentBox ol  {
	list-style: decimal outside;
}

.contentBox img {
	display: block;
}

.contentBox img.icon {
	display: inline;
	margin: 0;
}

.imageSetBox img {
	float: left;
	border: 8px solid #222;
	margin: 8px;
}

#sidecol h2,
#sidecol_edit h2 {
	font-size: 1.1em;
	color: #b7b7b7;
}

/* Forms */

input.text {
	border: 0;
	width: 100px;
	padding: 3px;
	color: #555;
	font:.95em Arial, Helvetica, Verdana, sans-serif;
}

/* Misc */

.clear { clear: both; }