﻿@charset "utf-8";
/*
Detta är huvudstilmallen för hela CMS-Group (style.css)
Det finns även en stilmall som bara gäller för Internet explorer (style_ie.css)
*/

/* HTML element */
body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.69em;
	margin:0;
	color:#666666;
}
a {
	text-decoration:none;
	color:#e0961a;
}
a:hover {
	text-decoration:underline;
}
h1, h2, h3, h4 {
	font-size:1.45em;
	font-weight:bold;
	margin-top:20px;
	margin-bottom:8px;
}
h4 span {
	font-size:0.75em;
}
p {
	line-height:17px;
	margin-top:5px;/*	font-size:1.09em; */
}
ul {
	list-style:none;
	margin:0;
	padding:0;
}
ul a {
	color:#666666;
}
img {
	border:none;
}
/* Övergripande klasser */
.content {
	width:966px;
	margin:0 auto;
}
.clear {
	clear:both;
}
.read_more {
	background:url(bilder/sublist_bg_arrow.jpg) right top no-repeat;
	padding-right:15px;
}
.pdflink {
	background:url(bilder/pdf_ikon.jpg) left top no-repeat;
	padding-left:20px;
}
.ny_bil_wrapper .pdflink {
	font-size:1.09em;
	font-weight:bold;
}
.green {
	background:url(bilder/sublist_bg_arrow_green.jpg) right top no-repeat;
	color:#6aa71a;
}
.horisontell_avdelare_smal {
	height:1px;
	width:255px;
	margin:25px 0px 25px -12px;
	background:url(bilder/horisontell_avdelare_smal.jpg) top left;
	clear:both;
}
.horisontell_avdelare_large {
	height:1px;
	width:451px;
	margin:25px 0px 25px -12px;
	background:url(bilder/horisontell_avdelare_large.jpg) top left;
	clear:both;
}
.horisontell_avdelare_opac {
	height:1px;
	width:451px;
	margin:25px 0px 25px -12px;
	background:url(bilder/horisontell_avdelare_opac.jpg) top left;
	clear:both;
}
.knapp, .knappleft {
	background:url(/bilder/knapp.jpg) top left no-repeat;
	height:24px;
	width:146px;
	float:right;
	text-align:center;
	padding-top:5px;
	font-size:1.09em;
	margin-bottom:20px;
	margin-left:10px;
}
.knapp a, .knappleft a {
	color:#434343;
}
.knappleft {
	float:left;
	margin-left:0;
	margin-right:4px;
}
.knapp_stor {
	background:url(/bilder/knapp_stor.jpg);
	width:245px;
	height:36px;
	font-size:1.45em;
	font-weight:bold;
	padding-top:17px;
	text-align:center;
	margin-bottom:10px;
}
.knapp_stor a {
	color:#666;
}
.colorize { /* Gör texten gul */
	color:#faa635;
}
.colorize2 { /* Gör texten röd */
	color:#F00;
}
.miljoklass {
	color:#67c863;
	font-weight:bold;
}
.familjeklass {
	color:#ffc104;
	font-weight:bold;
}
.sportklass {
	color:#5c74ce;
	font-weight:bold;
}

/* Top */
.top {
 height:128px;
 background:url(bilder/top_bg.jpg) repeat-x top left;
 color:#b3b3b3;
}
.header {
	height:24px;
	font-size:0.82em;
	padding-top:12px;
}
.slogan {
	text-transform:uppercase;
}
.header_contact {
	float:right;
	margin-left:26px;
}
.header_tel {
	color:#FFF;
}
.header_avdelare {
	letter-spacing:13px;
	color:#303030;
}
.navigation {
	height:86px;
}
.navigation img {
	border:0;
	float:left;
	margin-right:40px;
}
.navigation a {
	color:#b3b3b3;
}
.navigation a:hover {
	color:#fff;
	border-bottom:1px dotted #e0961a;
	text-decoration:none;
}
.menu_item {
	float:left;
	font-size:1.45em;
	height:66px;
	width:125px;
	background:url(bilder/meny_avdelare.jpg) top left no-repeat;
	padding:20px 0px 0px 9px;
}
.menu_item a.current {
	color:#fff;
	border-bottom:1px dotted #e0961a;
}
.menu_item p {
	font-size:0.56em;
	margin:0px;
	margin-top:3px;
}
.om_oss {
	float:right;
	width:100px;
}
/* Stortavla */
.stortavla {
	background:url(bilder/stortavla_bg.jpg) repeat-x top left;
	height:320px;
}
#stortavla_val img {
	background:url(bilder/stortavla_not_current.jpg);
}
#stortavla_val img.current {
	background:url(bilder/stortavla_current.jpg);
}
#stortavla_bild {
	width:966px;
	height:258px;
	position:relative;
	overflow:hidden;
	clear:both;
}
#stortavla_bild div {
	float:left;
	display:block;
	width:966px;
}
#stortavla_bild .items {
	width:20000em;
	position:absolute;
	clear:both;
	margin:0;
	padding:0;
}
.stortavla_right_arrow {
	width:28px;
	height:27px;
	background:url(bilder/stortavla_right_arrow.jpg);
	cursor:pointer;
	margin:0 5px;
}
.stortavla_left_arrow {
	background:url(bilder/stortavla_left_arrow.jpg);
	cursor:pointer;
	margin:0 5px;
}
/* Breadcrumbs */
.breadcrumbs {
	font-size:1.09em;
	color:#c0c0c0;
	margin-left:11px;
	margin-top:0px;
}
.breadcrumbs a {
	color:#c0c0c0;
	text-transform:lowercase;
}
.breadcrumbs a:hover {
	text-decoration:underline;
}
/* Listnavigering i vänstermenyn */
.listwrapper {
	border-bottom:1px solid #cccccc;
}
.mainlist {
	text-transform:uppercase;
	border-bottom:1px solid #cccccc;
}
.mainlist li {
	border-top:1px solid #cccccc;
	padding:15px 0px 15px 11px;
	cursor:pointer;
	background:url(bilder/mainlist_bg.jpg) no-repeat;
	background-position:right;
}
.mainlist li:hover {
	background:url(bilder/mainlist_bg_hover.jpg) no-repeat right;
}
.mainlist li.show {
	background:url(bilder/mainlist_bg.jpg) no-repeat right;
}
.mainlist li.current {
	background:url(bilder/mainlist_bg_arrow.jpg) no-repeat right 18px;
	cursor:default;
}
.sublist {
	font-weight:normal;
	text-transform:none;
	display:none;
	margin-bottom:10px;
	margin-top:-8px;
}
.sublist a:hover {
	text-decoration:underline;
}
.sublist li {
	padding:0px 0px 12px 19px;
	margin-left:11px;
	border:none;
	background:url(bilder/sublist_bg.jpg) left top no-repeat;
	font-weight:normal;
	cursor:default;
}
.sublist li:hover {
	background:url(bilder/sublist_bg_hover.jpg) left top no-repeat;
}
.sublist li.active {
	background:url(bilder/sublist_bg_arrow.jpg) left top no-repeat;
}
.linklist {
	margin-top:70px;
	border-bottom:1px solid #cccccc;
	margin-bottom:20px;
}
.linklist li {
	border-top:1px solid #cccccc;
	padding:15px 0px 15px 11px;
}
.show {
	display:block;
	font-weight:bold;
}
li.show:hover, li.current.show:hover {
	background:url(bilder/mainlist_bg_hover.jpg) no-repeat right 18px;
}
li.show.current:hover {
	background:url(bilder/mainlist_bg_arrow.jpg) no-repeat right 18px;
}
li.show a {
	color:#444;
	border-bottom:1px dotted #e0961a;
}
/* Vänster sidebar */
.leftbar {
	min-height:605px;
	width:207px;
	float:left;
	margin-right:24px;
	margin-top:15px;
	font-size:1.09em;
}
/* Huvudinnehåll */
.middlebar {
	width:451px;
	float:left;
	margin-top:15px;
	margin-left:6px;
}
.puff_bild_left {
	float:left;
	margin-right:13px;
}
.puff_bild_right {
	float:right;
	margin-left:5px;
}
/* Höger sidebar */
.rightbar {
	width:234px;
	float:right;
	margin-top:15px;
	padding-left:12px;
	padding-right:9px;
}
.ingress {
	font-weight:bold;
	font-size:1.09em;
}
.textlist li {
	padding:0px 0px 5px 19px;
	margin-left:25px;
	background:url(bilder/sublist_bg_arrow.jpg) left top no-repeat;
}
.textlist a {
	color:#e0961a;
}
.header_on_top {
	margin-bottom:-15px;
}
.header_above_tight {
	margin-bottom:0px;
}
/* Post-it */
.postit {
	border:1px solid #e0bb3e;
	background-color:#fffcd7;
	text-align:center;
	padding:15px;
	margin-bottom:40px;
	margin-top:30px;
	cursor:pointer;
}
.postit h1 {
	font-size:3.55em;
	font-weight:normal;
	color:#0c0c0c;
	margin:0;
}
.postit p {
	font-size:1.64em;
	margin:5px 0 10px 0;
}
.postit span {
	color:#de951a;
	font-size:1.3em;
}
.pleft {
}
/* Botten */
.bottom {
	height:464px;
	background:url(bilder/botten_bg.jpg);
	margin-top:25px;
}
.bottom_bar {
	height:92px;
	text-align:right;
}
.bottom_bar_text {
	float:right;
	font-size:1.64em;
	color:#a8a8a8;
	margin-right:5px;
	margin-top:30px;
}
.bottom_stamp {
	background:url(bilder/botten_stamp.jpg) top left no-repeat;
	height:54px;
	width:186px;
	float:right;
	margin:15px 0px 0px 23px;
	text-align:center;
	color:#FFF;
	font-size:1.63em;
	font-weight:bold;
	padding-top:10px;
	text-shadow: 0em 0.05em 0.15em #000;
}
.bottom_stamp span {
	text-transform:uppercase;
	font-size:0.68em;
	font-weight:normal;
	text-shadow:none;
	line-height:1.7em;
}
.bottom_stamp a {
	color:#fff;
}
.bottom_stamp a:hover {
	text-decoration:none;
}
.bottom_nav_box {
	float:left;
	height:160px;
	width:209px;
	margin:42px 0 0 0;
	padding-left:29px;
	font-size:1.09em;
}
.bottom_nav_box h4 {
	padding-bottom:8px;
	margin:0 0 15px 0;
	font-weight:normal;
	color:#FFF;
	border-bottom:1px solid #444444;
	font-size:1em;
}
.bottom_nav_box h4 a {
	color:#FFF;
}
.bottom_nav_box h4 a:hover {
	color:#FFF;
}
.bottom_nav_box a {
	color:#999999;
}
.bottom_nav_box a:hover {
	color:#e0961a;
}
.bottom_nav_box li {
	margin-bottom:5px;
}
.footer {
	margin-top:50px;
	height:92px;
	text-align:center;
	font-size:1.64em;
	line-height:27px;
}
.footer a {
	color:#545454;
}
.footer span {
	font-size:0.56em;
	line-height:35px;
	color:#545454;
}

/* Overlays */
.overlay { 
    display:none; 
    z-index:10000; 
    background-color:#fff; 
    border:3px solid #e0961a;
	padding:10px;
} 
 
.overlay .close { 
    background-image:url(/bilder/close_overlay.png);
    position:absolute; 
    right:-15px; 
    top:-22px; 
    cursor:pointer; 
    height:41px; 
    width:41px; 
}
.serviceBokningWrapper, .prisforfraganWrapper {
	overflow:hidden;
}
.serviceBokningWrapper {
    width:920px;  
	height:380px;
}
.prisforfraganWrapper {
    width:400px;
}
.byggFordWrapper {
	height:650px;
	width:637px;
	overflow:auto;
}
.bokaProvkorningWrapper {
	height:380px;
	width:760px;
	overflow:hidden;
	margin-left:-7px;
}
.kartaWrapper {
	width:550px;
	height:407px;	
}
#serviceIframe, 
#prisforfraganIframe, 
#serviceBokningFordRenaultIframe, 
#byggFordIframe, 
#bokaProvkorningIframe {
	display:none;
}
.begbilarframe {
	border:none;
	width:737px;
	overflow:hidden;
	height:800px;
	float:left;
	_height:1100px;
}
/* Formulär */
.inputtip { 
    background-color:#000; 
    border:1px solid #e0961a; 
    padding:10px 15px; 
    max-width:160px; 
    display:none; 
    color:#fff; 
    text-align:left; 
    font-size:1.09em; 
 
    /* outline radius for mozilla/firefox only */ 
    -moz-box-shadow:0 0 10px #000; 
    -webkit-box-shadow:0 0 10px #000; 
}
#contact-wrapper {
	width:410px;
}
#contact-wrapper div {
	margin-bottom:5px;
}
#contact-wrapper label {
	display:block;
	float:none;
	font-size:1.09em;
	color:#999;
}
form#contactform input, form#contactform textarea {
	border-color:#ccc;
	border-style:solid;
	border-width:1px;
	padding:3px;
	font-size:1.09em;
	color:#666;
}
form#contactform input:focus, form#contactform textarea:focus{
	border-color:#ffd795;
	background-color:#fffcd7;
}
form#contactform textarea {
	font-family:Arial, Helvetica, sans-serif;
	width:275px;
	height:120px;
}
#contact-wrapper label.error {
	color:#e0961a;
	font-size:1.09em;
	font-weight:normal;
}
#contact-wrapper .required.error {
	background-color:#fffcd7;
}
.smaller_input {
	width:150px;
}
#contact-wrapper div.checkboxar {
	font-size:1.09em;
	color:#999;
	margin-bottom:15px;
}
#contact-wrapper div.bottenmarginal {
	margin-bottom:20px;
}
#contact-wrapper .checkboxar > input {
	border:none;
}
form#contactform .knapp_skicka, form#contactform .knapp_skicka:focus  {
	border:none;
	background-color:#fff;
}	
