/***************************************************
  
  Copyright:
  Fryksdalens Bil
  http://www.fryksdalensbil.com
  info@fryksdalensbil.com
  
  Author:
  Katharina Andersson
  http://www.kamedia.se
  katharina@kamedia.se

  Date: 2008/12/06
  
***************************************************/

* {
border: 0;
margin: 0;
padding: 0}

body {
border-top: 10px solid #518CB8;
color: #000;
font: normal 0.75em/1.5em Arial, Helvetica, sans-serif;
margin: 0 0 20px 0;
overflow: -moz-scrollbars-vertical;
word-spacing: 0.05em}

#container {
background: #fff url(../images/background-content.png) 0px 106px repeat-y;
margin: 0 auto;
margin-top: 30px;
width: 972px}

#header {
background: #fff url(../images/background-header.png) 0px 45px no-repeat;
height: 60px}

#logo {
float: left;
margin: 0 0 0 25px}
#languages {
margin: 0 0 0 850px;
padding: 20px 0 0 0}

#menu {
background: transparent url(../images/background-menu.png) top left repeat-y;
height: 36px;
margin: 0}
	#menu ul {
	background: transparent url(../images/menu.png) 0px 4px no-repeat;
	height: 32px;
	list-style: none;
	margin: 0 0 0 20px;
	padding: 4px 0 0 15px;
	width: 923px}
	#menu li {
	float: left;
	margin: 0 12px 0 0}
		.hem {
		width: 33px}
		.oss {
		width: 51px}
		.forsaljning {
		width: 101px}
		.salu {
		width: 97px}
		.verkstad {
		width: 64px}
		.service {
		width: 86px}
		.webbshop {
		width: 72px}
		.vagbeskrivning {
		width: 105px}
		.kontakt {
		width: 88px}

#content  {
background: transparent url(../images/background-content.png) top left repeat-y;
min-height: 320px}

/** HEM **/
#content-hem {
float: left;
margin: 0 0 0 21px;
min-height: 350px}
	#rotator {
	height: 350px;
	width: 525px}
	#rotator img {
	border: 0px;
	display: none;
	height: 350px;
	overflow: hidden;
	position: absolute}
#content-hem2 {
background: #DDDCDC url(../images/background-content-right.png) top left repeat-x;
float: right;
margin: 0 21px 0 0;
min-height: 350px;
width: 400px}
	#content-hem2 h1 {
	font: bold 22px Arial, Helvetica, sans-serif;
	margin: 12px 0 0 20px}
	#content-hem2 h2 {
	font: normal 16px Arial, Helvetica, sans-serif;
	font-style: italic;
	margin: 0 0 15px 20px}
	#content-hem2 h3 {
	font-size: 100%;
	font-weight: bold;
	margin: 0 0 0 20px}
	#content-hem2 p {
	margin: 0 20px 8px 20px}
	
/** ERBJUDANDE PA STARTSIDA **/
#line {
background-color: #518CB8;
min-height: 35px;
margin: 0 21px 0 21px}
	#line p {
	color: #fff;
	font-size: 100%;
	font-weight: bold;
	margin: 5px 20px 0 15px;
	padding: 7px 0 0 0}
	#line p a {
	color: #fff;
	text-decoration: underline}

/** OM OSS, BILFÖRSÄLJNING, BILAR TILL SALU, VERKSTAD, BOKA SERVICE, WEBBSHOP, KONTAKTA OSS **/
#content-oss {
float: left;
margin: 5px 0 0 35px;
min-height: 400px;
width: 650px}
#content-oss2 {
float: right;
margin: 15px 21px 0 0;
min-height: 400px;
width: 200px}
	#content-oss2 p {
	padding: 0 0 10px 0}
#content-oss3 {
margin: 0 0 0 15px;
min-height: 400px;
width: 930px}

/** BILAR TILL SALU **/
#content-salu {
float: left;
margin: 5px 0 0 35px;
min-height: 400px;
width: 700px}
	#content-salu h1 {
	padding: 0 0 0 10px}
#content-salu2 {
float: right;
margin: 15px 21px 0 0;
min-height: 400px;
width: 200px}
	#content-salu2 p {
	padding: 0 0 10px 0}

iframe {
border: 0px;
min-height: 400px;
width: 920px}
	
#handelsbanken {
background-color: #eee;
margin: 0 0 10px 0;
padding: 15px 10px 10px 10px;
width: 500px}
	
/** Vägbeskrivning **/
#vagbeskrivning {
height: 485px;
min-height: 485px}
	#vagbeskrivning-left {
	float: left;
	height: 485px;
	margin: 10px 0 0 30px;
	min-height: 485px}
	#vagbeskrivning-right {
	float: right;
	height: 485px;
	margin: 10px 30px 0 0;
	min-height: 485px;
	width: 580px}
	
/** Kontakta oss **/
.personal {
height: 150px;
padding: 0 20px 10px 0}
.personal2 {
padding: 0 0 5px 0;
vertical-align: bottom}
		
#footer {
background: transparent url(../images/background-footer.png) 0px 40px no-repeat;
height: 65px}
	#footer ul {
	list-style: none;
	margin: 10px 0 0 100px}
	#footer li {
	float: left;
	margin: 0 30px 0 0}
	#footer li.small {
	margin: 10px 30px 0 0}
	#footer li.small2 {
	margin: 10px 0 0 0}

#base {
background: transparent url(../images/background-base.png) top left no-repeat;
height: 12px}

#production {
background-color: #fff;
padding: 0 20px 10px 0;
text-align: right}
	#production p {
	color: #ccc;
	font-size: 85%}
	#production a {
	color: #ccc;
	text-decoration: none}
	#production a:hover {
	color: #888;
	text-decoration: underline}
	
h1 {
font: bold 160%/150% "Arial Narrow", Arial, Helvetica, sans-serif;
margin: 0 0 15px 0}
h2 {
margin: 0 0 10px 0}
h3 {
font-size: 100%;
font-weight: bold}
h4 {
margin: 0 0 5px 0}
p {
margin: 0 0 10px 0}
a {
color: #375C77;
text-decoration: underline}
a:hover {
color: #000;
text-decoration: underline}

br.clear {
line-height: 0em}

td {
padding: 0 20px 5px 0;
vertical-align: top}
input, textarea {
border: 1px solid #ccc}