/*********************************************

               Av Anders Bäckman

				 _..-------++._
			 _.-'/ |      _||  \"--._
	   __.--'`._/_\j_____/_||___\    `----.
  _.--'_____    |          \     _____    /
_j    /,---.\   |        =o |   /,---.\   |_
[__]==// .-. \\==`===========/==// .-. \\=[__]
 `-._|\ `-' /|___\_________/___|\ `-' /|_.'
	   `---'                     `---'

*********************************************/


/**** Generellt ****/

html {
height: 100.01%;
}

.kurragomma {
display: none;
}

.clear {
clear: both;
}


/**** Layout ****/

body {
background: url(tapetgradient.gif) repeat-x #878787;
margin: 0;
font: 10px "Lucida Grande", "Lucida Sans",  Arial, Tahoma, Helvetica, sans-serif;
color: black;
}

#container {
width: 780px;
margin: 0 auto;
text-align: justify;
background: url(bakgrund.gif) repeat-y left bottom;
}

#sidhuvud {
margin: 10px auto 0;
width: 780px;
height: 37px;
background-image: url(sidhuvud.png) !important;
background-image: none;
}

#sidfot {
width: 780px;
height: 37px;
margin: auto;
background-image: url(sidfot.png) !important;
background-image: none;
}

#huvudbild {
width: 660px;
height: 364px;
margin-top: -4px;
margin-left: 3px;
background-image: url(huvudbild.png) !important;
background-image: none;
}

#huvudbild_smal {
width: 660px;
height: 152px;
margin-top: -4px;
margin-left: 3px;
background-image: url(huvudbild_smal.png) !important;
background-image: none;
}

#huvudbild a, #huvudbild_smal a {
position: relative;
display: block;
margin-left: 15px;
height: 50px;
width: 50px;
}

img {
border: 1px solid #555555;
margin-left: -25px;
}

#innehall {
padding-bottom: 40px;
padding-left: 29px;
}

#meny {
float: right;
width: 68px;
}

#content {
padding-left: 40px;
padding-right: 40px;
padding-bottom: 10px;
float: left;
width: 580px;
}

#content img {
margin-left: -18px;
}


/**** Typsnitt ****/

a:link, a:visited {
font-weight: bold;
color: #019ec5;
text-decoration: none;
}

a:hover {
font-weight: bold;
color: #003d5c;
text-decoration: none;
}

p {
margin-top: 15px;
line-height: 18px;
}

strong {
font-size: 10px;
}

h1 {
text-transform: uppercase;
font-size: 26px;
font-weight: normal;
color: red;
padding: 0;
margin: 0 0 10px 0;
}

h2 {
font-size: 16px;
font-weight: normal;
text-transform: uppercase;
color: #000;
padding: 0;
margin: 0 0 10px 0;
}


/**** Formular ****/

#formular {
margin-top: 20px;
}

.formular {
background: #f6f6f6;
border: 1px solid #555555;
font: 10px "Lucida Grande", "Lucida Sans",  Arial, Tahoma, Helvetica, sans-serif;
}

.skicka {
border: 1px solid #555555;
font: 10px "Lucida Grande", "Lucida Sans",  Arial, Tahoma, Helvetica, sans-serif;
cursor: pointer;
}

.form {
margin-bottom: 6px;
}


/**** Navigation ****/

#meny a {
text-decoration: none;
display: block;
}


/* Hem */

div.outer01 {
position: static;
left: 0px;
top: 92px;
width: 46px;
height: 90px;
background-image: url(navhem.jpg);
background-repeat: no-repeat;
background-position: left center;
}

div.outer01 a {
overflow: hidden;
position: static;
left: 0px;
top: 92px;
width: 46px;
height: 90px;
background-image: url(navhem.jpg);
background-repeat: no-repeat;
background-position: right center;
}

div.outer01 a:hover,div#hem div.outer01 a {
background-image: none;
}


/* Om bilen */

div.outer02 {
position: static;
left: 0px;
top: 92px;
width: 46px;
height: 90px;
background-image: url(navombilen.jpg);
background-repeat: no-repeat;
background-position: left center;
}

div.outer02 a {
overflow:hidden;
position: static;
left: 0px;
top: 92px;
width: 46px;
height: 90px;
background-image: url(navombilen.jpg);
background-repeat: no-repeat;
background-position: right center;
}

div.outer02 a:hover, div#ombilen div.outer02 a {
background-image: none;
}


/* Bygget */

div.outer03 {
position: static;
left: 0px;
top: 92px;
width: 46px;
height: 90px;
background-image: url(navbygget.jpg);
background-repeat: no-repeat;
background-position: left center;
}

div.outer03 a {
overflow: hidden;
position: static;
left: 0px;
top: 162px;
width: 46px;
height: 90px;
background-image: url(navbygget.jpg);
background-repeat: no-repeat;
background-position: right center;
}

div.outer03 a:hover, div#bygget div.outer03 a {
background-image: none;
}


/* Galleri */

div.outer04 {
position: static;
left: 0px;
top: 92px;
width: 46px;
height: 90px;
background-image: url(navgalleri.jpg);
background-repeat: no-repeat;
background-position: left center;
}

div.outer04 a {
overflow: hidden;
position: static;
left: 0px;
top: 226px;
width: 46px;
height: 90px;
background-image: url(navgalleri.jpg);
background-repeat: no-repeat;
background-position: right center;
}

div.outer04 a:hover, div#galleri div.outer04 a {
background-image: none;
}


/* Kontakt */

div.outer05 {
position: static;
left: 0px;
top: 92px;
width: 46px;
height: 90px;
background-image: url(navkontakt.jpg);
background-repeat: no-repeat;
background-position: left center;
}

div.outer05 a {
overflow: hidden;
position: static;
left: 0px;
top: 307px;
width: 46px;
height: 90px;
background-image: url(navkontakt.jpg);
background-repeat: no-repeat;
background-position: right center;
}

div.outer05 a:hover, div#kontakt div.outer05 a {
background-image: none;
}


/**** Galleri ****/

.bildtagg {
position: absolute;
z-index: 1;
margin-top: 462px;
margin-left: -18px;
width: 609px;
border-top: 1px solid #000;
color: #fff;
text-align: right;
padding: 2px 7px 3px 5px;
background-image: url(bildtagg.png) !important; 
background-image: none;
}

#galleri_bilder {
margin-top: 20px;
margin-left: -12px;
width: 614px;
border: 1px solid #555555;
background: #000;
}

.galleri_1, .galleri_2, .galleri_3, .galleri_4, .galleri_5, .galleri_6, .galleri_7, .galleri_8  {
display: block;
background: #000;
width: 614px;
height: 25px;
border-bottom: 1px solid #000;
}

.galleri_1:hover, .galleri_2:hover, .galleri_3:hover, .galleri_4:hover, .galleri_5:hover, .galleri_6:hover, .galleri_7:hover, .galleri_8:hover {
background-position: top;
}

.galleri_1 {
background: url(galleri_1_t.jpg);
background-position: bottom;
}

.galleri_2 {
background: url(galleri_2_t.jpg);
background-position: bottom;
}

.galleri_3 {
background: url(galleri_3_t.jpg);
background-position: bottom;
}

.galleri_4 {
background: url(galleri_4_t.jpg);
background-position: bottom;
}

.galleri_5 {
background: url(galleri_5_t.jpg);
background-position: bottom;
}

.galleri_6 {
background: url(galleri_6_t.jpg);
background-position: bottom;
}

.galleri_7 {
background: url(galleri_7_t.jpg);
background-position: bottom;
}

.galleri_8 {
background: url(galleri_8_t.jpg);
background-position: bottom;
}