
body {background:#767676; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:18px;}
a {color:#000;}
a:hover {color:#990000;}
a:active {color:#cc0000;}
.inner, .outer, 
.wrapper .inner {width:900px; position:relative;}
.wrapper 	{background-image:url('../img/defaultBackground.png'); background-repeat:repeat-x;}
#header 	{background-color:#333333; height:144px; background-position:center top;}
#banner 	{background-color:#b0b0b0; height:225px; background-position:0px -144px;}
#body 		{background-color:#c5c5c5; background-image:url('../img/content.png');}
#footer 	{background-color:#767676; background-image:url('../img/footer.png');}

#body {padding:6px 0 8px;}
#body .inner {width:890px; background:url('../img/contentCols.gif') repeat-y top center transparent;}
#banner .inner {height:225px;}

/* schyssta */
 
 #banner .inner,
 #nyheter #banner .inner,
#firstpage #banner .inner {background:url('../img/bannerTwoBlueCars.png') top right no-repeat;}
#bokabil #banner .inner {background:url('../img/bannerTwoGrayCars.png') top right no-repeat;}
 #villkor #banner .inner,
#bilar #banner .inner {background:url('../img/bannerBlackCarGrayWall.png') top right no-repeat;}
 #kontakt #banner .inner,
#om #banner .inner {background:url('../img/bannerCurvedRoad.png') top right no-repeat;}
#prislistaLokal #banner .inner {background:url('../img/bannerFastCar.png') top right no-repeat;}
#prislistaWeekend #banner .inner {background:url('../img/bannerSmallBus.png') top right no-repeat;}

#jobb #banner .inner {background:url('../img/bannerJob.png') top right no-repeat;}
#forsakring #banner .inner {background:url('../img/bannerTwoGrayVolvo.png') top right no-repeat;}




.col {display:inline;}
#leftCol  {width:190px; margin-right:7px;}
#mainCol  {width:508px; margin:0 0px 0 0; padding:0;}
#rightCol {width:178px; margin-left:7px;}

em {font-weight:inherit; font-style:italic;}
#footer p {color:white; padding:3px 5px 0;}
#footer a {color:white;}
#footer a:hover {color:#e1c862;}
#footer .inner div {display:inline; width:50%; padding:9px 0 18px;}

.yellow {color:#e1c862}
.col .spacer {height:4px; background:#c5c5c5; clear:both;}
.important {font-weight:bold;}
.underline {text-decoration:underline;}

#banner #puff {position:absolute; margin:27px 0 0 11px;}

h1 {position:absolute; margin:3px 0 0;}

ul#menu1 {display:inline; position:absolute; margin-top:100px; background:url('../img/topMenu.png') top right no-repeat; padding-right:2px; height:44px;}
ul#menu1 li {display:inline !important;}
ul#menu1 a {
	line-height: 44px;
	height:44px;
	display:block;
	font-family:Arial Black, Arial, Helvetica, sans-serif;
	letter-spacing:.6px;
	color:white;
	text-decoration:none;
	text-transform:uppercase;
	text-align:center;
	padding:0 17px;
	background:url('../img/topMenu.png') top left no-repeat;
}
ul#menu1 a.active,
ul#menu1 a:hover {color:#e1c862; background:url('../img/topMenuHover.png') top left no-repeat;}
ul#menu1 a.active {text-decoration:underline;}

ul#menu2 {position:absolute; margin:41px 0 0 662px;} /* 630px med login och registrera */
ul#menu2 li {}
ul#menu2 a {
	background:url('../img/menu2.png') 30px 8px no-repeat;
	font-size:13px;
	text-transform:uppercase;
	text-decoration:none;
	color:white;
	padding:4px 0 4px 50px;
	font-weight:bold;
}
ul#menu2 a:hover {text-decoration:underline; background:url('../img/menu2Hover.png') 30px 8px no-repeat;}

#book a {
	background:url('../img/book.png') 0px 0px no-repeat; 
	position:absolute; 
	margin:100px 0 0 714px; 
	height:44px; 
	width:184px;
	line-height:44px;
	font-family:Arial Black, Arial, Helvetica, sans-serif;
	color:white;
	text-transform:uppercase;
	text-align:center;
	text-decoration:none;
}
#book a.active,
#book a:hover {background-position:0px -44px; color:#e1c862;}
#book a.active,
#book a:active {text-decoration:underline; border:none;}

#leftCol ul.box-list {margin:8px 7px;}
ul#puffar li {margin:0 0 8px; border:1px solid #333; background-color:#fff; text-align:center;}
ul#puffar img 	{margin-top:8px; border:1px solid black;}
ul#puffar p 	{margin-bottom:4px; font-weight:bold;}
ul#puffar h3 {
	letter-spacing:.8px; 
	font-family:Arial Black, Arial, Helvetica, sans-serif; 
	color:white; 
	font-weight:bold; 
	text-transform:uppercase; 
	background-image:url('../img/defaultBackground.png'); 
	background-repeat:repeat-x; 
	background-position:0px -369px; 
	line-height:23px;
}

#mainCol h2 {font-size:18px; font-weight:bold; line-height:36px; color:#4c3736; margin:0 14px;}
#mainCol h3 {font-size:14px; font-weight:bold; line-height:28px; color:#4c3736;}
#mainCol h4 {font-weight:bold;}
#mainCol p 	{margin-bottom:9px;}
#mainCol p.sender {font-style:italic;}
#mainCol p.sender:before {content: "// ";}
#mainCol ul.box-list {margin:0 9px;}
#mainCol ul#posts li {border-top:1px solid #4c3736; padding:4px 5px 6px;}

#mainCol ul#cars {margin-bottom:9px;}
#mainCol ul#cars li {border-top:1px solid #4c3736; padding:9px 0 9px 5px;}
#mainCol ul#cars li.last {border-bottom:none;}

#mainCol ul#info {margin:9px 0 9px 9px; float:left; display:inline;}

#mainCol ul#info li {background:white; width:157px; margin-right:9px; height:200px;}
#mainCol ul#info li {width:157px; margin-right:9px}
#mainCol ul#info li.last {margin-right:0;}
#mainCol ul#info h3,
#mainCol ul#info p {padding:0 7px;}

.formContainer, 
.textContainer, 
.tableContainer {margin:0 9px 15px; padding:9px 5px 0; border-top:1px solid #4c3736;}


.table {width:100%;}
.table th {font-weight:bold;}
.table td, 
.table th {padding:1px 3px 1px 0; border-bottom:1px solid #999; text-transform:uppercase; font-size:11px;}
.table p {margin:0 !important; text-transform:none;}

.form td {padding:4px 3px 4px 0;}
.form input, 
.form select, 
.form textarea {border:1px solid #999; font-size:11px;}
.form textarea,
.form input {padding:2px;}
.form span {color:red;}

ul#menu3 {margin:2px;}
ul#menu3 h3 {
	background-image:url('../img/defaultBackground.png'); 
	background-repeat:repeat-x; 
	background-position:0px -392px; 
	line-height:35px;
	font-weight:bold; 
	font-family:Arial Black, Arial, Helvetica, sans-serif;
	font-size:16px;
	text-transform:uppercase;
	letter-spacing:0;
	padding:0 12px;
}
ul#menu3 li li {line-height:35px; margin:2px 0 0;}
ul#menu3 li li a {
	background-image:url('../img/defaultBackground.png'); 
	background-repeat:repeat-x; 
	background-position:0px -427px;
	display:block;
	padding:0 12px; 
	color:#000000; 
	font-weight:bold; 
	text-decoration:none;
}
ul#menu3 li li a.active,
ul#menu3 li li a:hover {text-decoration:underline; background-position:0px -462px;}

ul#ext {margin:2px;}
ul#ext li {background:white; margin:0 0 2px; padding:4px 0;}
ul#ext a {color:#333333; text-decoration:none;}
ul#ext a:hover {text-decoration:underline;}
