/*RESET*/

body, td, input, button, textarea, select, ul, li { font-family: Verdana, Arial, Sans-Serif; 	font-size:11px; line-height: 16px; 	} 	 a img { 	border: none; 	} 	 .clear {clear: both; float:none; } ul, li {list-style:none;}.right { float:right; } .left { float:left; } a:link { 	text-decoration: none; 	color: #555; } a:visited { 	text-decoration: none; 	color: #555; } #main a:hover { text-decoration: none; color: #ED3F26; } ul, li {margin:0;padding:0;} a.blue {color: #3fa0c0; text-decoration: underline; }
body {background:#CACACA url(../images/bg-index.png) repeat-x top; color:#555;} .container {width:815px;margin:auto;overflow:hidden;}

/*HEADER*/
#header, .headerright {height:87px; background: url(../images/header.png) no-repeat;position:relative;} .headerright, .headerleft {position:absolute;right:0;width:206px;height:87px;background-position:right;}
#header_verkstad, #header_nyhetsbrev {display:block;width:110px;height:38px;background: url(../images/sprites.png) no-repeat -2px -112px;} #header_verkstad {background-position:-2px -72px;margin:10px 0 0 0;} #header a:hover {opacity:0.8;} .headerleft {height:87px; left:0; right:auto;width:300px;}
a:link.special, a:visited.special { color:#FFF; } a:hover.special { color: #ED3F26; }

/* FOOTER */
#footer {width:600px;height:108px;padding:5px 0 0 215px; background: url(../images/footer.jpg) no-repeat;margin: 10px 0 5px 0;overflow:hidden;color:#FFF;} #footer div {float:left; width:120px;margin: 10px 10px 0 0;font-size:10px;} #footer p {margin: 5px 0 0 0;}
#footer h6 {margin:0;font-size:14px;} #footer a {color:#FFF;display:block;} #footer a:hover {color:#ED3F26;}

/* MENU */
#menu_container {position:relative;width:815px; height:39px; margin:3px 0; padding:0; font-family: Verdana, Arial, sans-serif;z-index:100; } #menu_container a:visited, #menu_container a:active {color:#FFF;}
ul#menu  { padding:0; margin: 0; list-style:none; height:37px; width:812px; display:block;background:url(../images/menu_sprites.png) right top; overflow:hidden;}
#menu li {list-style: none; float:left;}
#menu li a {background:url(../images/menu_sprites.png) right top; height:27px; display:block; padding:8px 9px 0 9px;position:relative;} #menu li a span {background: url(../images/sprites.png);text-indent:-1000px;overflow:hidden;display:block;}
#menu li a:hover, #menu li a.hover {background:url(../images/menu_sprites.png) right -39px; }
#menu #left, #menu  #right { width:6px; height: 39px; padding:0; float:right; background: #FFF url(../images/menu_sprites.png) no-repeat bottom right; } #menu #left { float:left; clear:none; background: url(../images/menu_sprites.png) no-repeat top left; }
#menu #hem span {background-position: -18px -268px;width:30px;} #menu #volvo span {background-position: -18px -299px;width:44px;} #menu #renault span {background-position: -18px -331px;width:57px;} #menu #begagnade span {background-position: -18px -365px;width:70px;} #menu #transport span {background-position: -18px -399px;width:95px;} #menu #husbilar span {background-position: -18px -462px;width:60px;} #menu #verkstad span {background-position: -18px -433px;width:65px;} #menu #omoss span {background-position: -18px -492px;width:53px;} #menu #kontaktaoss span {background-position: -18px -527px;width:61px;}  #menu #tjanster span {background-position: -459px -527px;width:59px;} #menu #blogg span {background-position: -459px -491px;width:40px;}

ul.submenu { display:none; top:33px; position:absolute; height:auto; width:143px; background: url(../images/menu_submenu_bg.png) bottom left no-repeat; margin:0; padding:0 20px 25px 20px; }
ul.submenu li { list-style: none; text-align: left; margin:0; padding:0; z-index:100; cursor: pointer; } ul.submenu a { float:none; display:block; padding:8px 3px 8px 10px; color:#FFF; font-size:11px; font-weight:normal; } ul.submenu li a:hover {background-color: #111; cursor:pointer; color:#3FA0C0; } 
ul.submenu a.header, ul.submenu a.header2 { color:#999;opacity:1; background: #292929; cursor:default;border-bottom: solid 1px #333; border-top: solid 1px #333; padding-left: 20px; background: url(../images/sprites.png) -155px -393px no-repeat;} ul.submenu a.header2 {margin-top: 10px;} ul.submenu li a.header2:hover, ul.submenu li a.header:hover {background-color: #292929; color: #999;}

/*GENERELLA*/
.borderTop4px {border-top:solid 4px #3FA0C0;} .borderTop2px {border-top:solid 2px #3FA0C0;} .borderTopOrange {border-top:solid 2px #ED3F26;} .borderTopGrey {border-top:solid 1px #EEE;}
.borderRight {border-right: solid 1px #EEE;}
h1, h2, h3, h4, h5 {color:#3FA0C0;text-transform:uppercase;font-size:22px;margin:0 0 5px 0;font-weight:normal;z-index:1;line-height:1.3;} h4 {font-weight:bold;margin:0 0 2px 0;} h2 {text-transform:none;font-weight: 100; font-size: 16px;margin:22px 0 0 0;}
h1 {font-size:30px;text-transform:none;line-height:1.1;} h5 {text-transform:none;font-size: 14px;} p + h5 {margin-top:15px;}
#main .col123 .broschyr, #main .col123 .prislista, #main .col123 .info {display:block;padding:5px 5px 5px 31px;margin:0;background: url(../images/sprites.png) no-repeat -20px -582px;list-style:none;} #main .col123 .prislista {background-position: -22px -626px;padding-left:32px;} #main .col123 .info {background-position: -22px -668px;padding-left:34px;} .broschyr a, .prislista a, .info a {color:#3FA0C0;font-weight:bold;text-transform:uppercase;} .broschyr a span, .prislista a span, .info a span {font-weight:normal; color:#555;display: block;text-transform:none;} .broschyr a {}
a.active {color:#3FA0C0;} #loader {height:40px;width:126px;font-size:11px;margin:auto;padding:15px 10px 0 10px;} #loader p {margin:0;padding:0;text-align:center;}
.marginbottom {padding-bottom:10px;}
.personal h6, .saljare h6 {font-size:12px;display: block;padding:0 0 0 20px; margin:10px 0 0 0; background: url(../images/sprites.png) -16px -47px;color:#555;font-weight:bold;}
.loader_gif {position:absolute; left: 200px; top:150px; text-align: center;} .loader_gif img {clear:both;}

/*MAIN*/
#main {background: url(../images/bg-frame-bg.png) repeat-y top right; width:765px;padding:15px 25px;position:relative;} #main_top, #main_bottom {background:url(../images/bg-frame-bg.png) no-repeat left top;height:11px;line-height:1px;} #main_bottom {background-position: left bottom;}
.col_index {width:184px;height:310px;position:relative;overflow:hidden;} ul.menu {background: #F0F0F0 url(../images/ul_bg.png) no-repeat bottom;padding:0 10px 10px 10px;margin:0;}
ul.menu a {display:block; padding:10px 0; background:url(../images/menu_hr.png) repeat-x bottom;font-weight:bold;font-size:10px;line-height:1.4;} ul.menu a span {display:block;margin:2px 0 0 0;color:#626262;font-weight:normal;} ul.menu h3 {display:block;height:25px;} .menu_index {height:187px;margin:0 0 5px 0;} 
.wrapper_index {position:absolute;bottom:0;width:183px;} ul.newsonly {height:304px;} div.newsonly {height: 341px;}

/*GREYBOX */
.greybox4, .greybox3 {position:relative;float:left;width:183px;padding:0 0 4px 0;margin:0 10px 0 0;background: url(../images/ul_bg.png) repeat-x; -moz-border-radius-bottomleft:7px; -moz-border-radius-bottomright:7px;text-align:center;} .greybox3 {width:248px;} .greybox4 img, .greybox3 img {margin:auto;}
.greybox4 a.more, .greybox3 a.more{display:block;position:absolute;bottom:0;left:0;margin:0;width:165px;height:20px;background: url(../images/menu_hr.png) top repeat-x;padding:10px 8px 0 8px;text-align:right;text-transform:uppercase; font-weight:bold;color:#3FA0C0;line-height:1;} .greybox3 a.more {width:232px;} .greybox4 p, .greybox3 p {margin:0;padding:0 8px 33px 8px;text-align:left;} .greybox4 h4, .greybox3 h4 {padding:0 8px;text-align:left;} .greybox3 a.double1, .greybox3 a.double2 {width:106px;border-right:solid 1px #FFF;text-align:left;padding-left:10px;} .greybox3 a.double2 {right:0;left:125px;border-right:none;border-left:solid 1px #CBCBCB;} .greybox4 a, .greybox3 a {color:#3FA0C0;} 

/*WHITEBOX*/
.whitebox {width:365px;position:relative;margin:20px 0 0 0; float:left; padding:0 15px 0 0; border-right:solid 1px #EEE;} .whitebox img {float:left;margin-bottom:40px;} .whitebox h5	 {line-height: 1.2;margin:0 0 5px 0;} .whitebox p {margin:0;} .whitebox div {width:242px;position:relative;bottom:0;float:left;} p + .whitebox {margin-top:0;}
.whitebox a {display:block; margin: 7px 0 0 0; color:#3FA0C0;}
.col123 .whitebox {width:255px;padding: 0 10px 0 0; margin: 15px 15px 15px 0;} .col123 .whitebox div {width:auto;} .col123 .whitebox img {margin:0 0 5px 0;}
.col123  p + .whitebox {margin-top:15px;}
.col123 div.saljare {width:465px;border:none;} .col123 div.saljare a {margin:0;} .col123 .saljare img {float:left; margin-right:12px;} .col123 .saljare div {width:290px;} .saljare .personal {margin-top:0;}
.models + .saljare {margin-top:0;}

/* INDEX */
.col123 {width:569px;color:#555; border-right:solid 1px #eee;position:relative;} .col123 h1 {padding:10px 0 0 0;} .index p{font-size:11px; line-height: 1.4; margin:5px 10px 10px 0;} #main .col123 ul.oppettider {padding:0 0 0 30px;background: url(../images/sprites.png) -13px -4px no-repeat;height:40px;list-style: none;} #main .col123 ul.oppettider li {float:left;margin:0 15px 0 0;list-style: none;} ul.oppettider h6 {margin:0;padding:0;font-size:12px;} ul.telefon {padding:15px 0 0 15px;;width:163px;float:left;height:80px;} ul.telefon li {margin:0 0 10px 0;} ul.telefon h6 {padding:0 0 5px 20px; margin:0; background: url(../images/sprites.png) -16px -46px;font-size:12px;}
.col123 table, .col123 tbody {padding:0;margin:0;} .col123 ul {margin: 7px 0 0 0; } #main .col123 ul li {list-style-position: outside; list-style-type: square; margin-left: 15px;}

/*MINI SLIDER*/
#mini_slider {margin:11px 0 0 0;height:59px;padding:0;position:relative;} #mini_slider img {position:absolute;width:183px; height:55px;}

/*SLIDER*/
#slider_container {position:relative;float:left;}
#slider, #noslider {z-index:1;width:569px;height:304px;overflow:hidden;float:left;} #prev, #next {float:left;display:block;width:28px;height:36px;background: url(../images/sprites.png) no-repeat -13px -223px;cursor:pointer;} #next {background-position: -129px -223px;} #nav a{background: url(../images/sprites.png) -24px -223px; float:left;height:36px;background: url(../images/sprites.png) no-repeat -102px -223px;padding:0 10px;line-height:26px;}
div#controller {position:absolute; z-index:1000;left:285px; top:304px; margin-left:-50px;color:#999;} #nav a.activeSlide {color:#3FA0C0;} .col123 div#controller {top:320px;}
#slider_omoss {overflow:hidden;}


/*SUBPAGE*/
.col_menu {width:170px; margin:0 20px 0 0;} .col_menu a, .models a {text-transform:uppercase;font-size:11px;line-height:1.3;} .col_menu a span, .models a span {text-transform:none; margin:0;font-size:10px;line-height:1.4;} .col_menu ul {margin-bottom:20px;padding-bottom:3px;}

/* MODELS */
.models {padding:0 0 10px 0;margin:0 0 20px 0;border-bottom:solid 1px #CBCBCB;} .models img {float:right;} #main .col123 .models li {float:left;margin:0 20px 0 0;height:30px;} .top {padding-bottom:25px;}
.models a {margin:0;padding:0;height:40px;}

/* BUSINESS LEASE */
.twocols {padding:20px 0 0 0;margin:20px 0 0 0;} .twocols li {width:250px;float:left;margin:0 25px 40px 0;overflow:hidden;} .twocols p {margin:0 0 15px 0;} .twocols p.price, .col123 p.price {display:inline;margin:10px 0 0 0;padding: 10px 10px 7px 10px; background: url("../images/ul_bg.png") repeat-x center;position:relative; color:#ED3F26;} .twocols span, .col123 p.price span  {font-size:20px;font-weight:bold;margin:0 3px 0 0;} .col123 p.price { display:block; float: left; } 
.fineprint {font-size:10px; color:#999;line-height:1.5;border-top:solid 1px #EEE;padding:10px 0 0 0;} .twocols ul {overflow:hidden;}
#main .twocols .products li {margin: 0 25px 40px 0;overflow:hidden;}

/* TJÄNSTER */
#main .tjanster_cols {margin:10px 0 20px 0; padding: 7px 0; border-bottom:solid 1px #EEE;} #main .col123 .tjanster_cols li {margin:0;padding:0;list-style:none;} #main .tjanster_cols img {float:left;margin-top:3px;} #main .tjanster_cols span {font-size: 12px; line-height: 1.8; display:block;}
.kalkylator {float:left; margin: 0 0 20px 0;}
.volvokort_flash {position:relative;width:557px;} .volvokort_flash object {margin-left:-17px;}

/* OM OSS */
.omoss img {margin-top:26px;} .omoss img + h2 {margin-top:10px;} .omoss ul.menu {margin-top:15px;} .miljopolicy li {margin:10px 0 0 0;list-style-type: disc;list-style-position: inside;} .omoss #slider_nocontrols img, .omoss #slider img {margin:0;} .omoss div#controller {top:280px;} .omoss #slider {margin-bottom: 10px;}
.omoss h6 {font-size:12px;margin:5px 0 2px 0;} .kontakt .container {width:300px;} .kontakt {border-top: solid 1px #3FA0C0;margin:20px 0 0 0;} .kontakt img {margin-top:0;} .kontakt h2 {margin-top:10px;} .omoss .telefon, .verkstad .telefon {float:left;width:100px;padding:0 0 0 25px;background: url(../images/sprites.png) no-repeat -11px -39px;} .verkstad .adress {float:left;width:120px;padding:0 0 0 28px;background: url(../images/sprites.png) no-repeat -23px -714px;} .verkstad div.oppettider {float:left;width:100px;padding:0 0 0 28px;background: url(../images/sprites.png) no-repeat -23px -808px;} .omoss img.left {margin-right:15px;} .kontakt h2 {margin-bottom:5px;} .omoss h3 {margin-top:20px;} .verkstad {margin-bottom:20px;} .verkstad div {width:160px;}

/* FILELIST */
#filelist ul, #filelist li { list-style: none; overflow: hidden; list-style-type: none; padding: 0; margin: 5px 0; }
#main .col123 #filelist li { padding:0; list-style-type: none; margin: 5px 0; }
#filelist img, #filelist a {display: block; float: left; line-height: 15px; }
#filelist a { background: url(../images/file_icon.png) left no-repeat; padding-left: 27px; }
#filelist a span {display: block; clear: both; color: #999; }

/* KONTAKTA OSS */
.personal {position:relative;margin:12px 0 8px 0;width:275px;height:81px;float:left;} .personal img {margin:0 15px 0 0;} .personal div {position:absolute; left: 70px;bottom:0;}
.personal a {display:inline;}
.last {margin-right:0; border-right:none;}

a.davidhede {display:block; height:20px; line-height:20px; background: url(../images/logo_dhcmp.png) no-repeat; padding-left: 28px; margin:auto; font-size:9px; color: #777; float:right; }