/******************************/
/* Författare MS Datakonsult  */
/* Copyright Michael Svensson */
/******************************/  

/* Kolla vad denna deklaration gör */
html 
{ 
  height: 100%; 
  margin-bottom: 0px; 
}


/* Om man inte anger annat gäller dessa formateringar för body  */
/* Bakgrundsfärg #ffffff = vit, radhöjd */

body 
{
   margin: 0; 
   padding: 0; 
   background-color: #3477CF;
   font-family: verdana, arial, Helvetica;
   font-size: 12px;
   line-height: 14px; 
}

* {margin:0; padding:0;}

/* Alla länkar ska inte ha några understrukningar - standardval */

a 
{
   color: #3477CF;
   text-decoration: none;
   font-weight: normal;
}

a:hover
{
    text-decoration: underline;
    color: #000000;
}

img
{
	border: solid;
	border-width: 2px;
	border-color: #3477CF; 
}

/* Divar - Får användas hur många gånger som helst på varje hemsida */
/* #namn i css-filen, anropas i html-koden med <div id="namn"> får endast användas en gång per hemsida */

#box 
{
	background: #3477CF;
	width: 776px;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
	padding-top: 23px;
	padding-bottom: 50px;
}

h1 
{
	font-family: Verdana, Helvetica, sans-serif;
	font-size:20px;
	font-weight:normal;
	margin-top:0px;
	margin-bottom:15px;
	color: #3477CF;
}

h2 
{
	font-family: Verdana, Helvetica, sans-serif;
	font-size:14px;
	font-weight:normal;
	margin-top:10px;
	margin-bottom:15px;
	color: #000000;
}

#innehall_index 
{
	padding:10px 25px 560px 25px;
}

#innehall_links 
{
	padding:10px 25px 230px 25px;
}

#innehall_kontakt 
{
	padding:10px 25px 10px 25px;
}

#innehall_bil1 
{
	padding:10px 25px 305px 25px;
}

#innehall_bil2 
{
	padding:10px 25px 245px 25px;
}

#innehall_bil3 
{
	padding:10px 25px 495px 25px;
}

#innehall_bil4 
{
	padding:10px 25px 485px 25px;
}

#innehall_bil5 
{
	padding:10px 25px 565px 25px;
}

#innehall_bil6 
{
	padding:10px 25px 405px 25px;
}

#innehall_bil7 
{
	padding:10px 25px 475px 25px;
}

#innehall_bil8 
{
	padding:10px 25px 415px 25px;
}

#innehall_bil9 
{
	padding:10px 25px 645px 25px;
}

#innehall_bil10 
{
	padding:10px 25px 405px 25px;
}

#innehall_bil11 
{
	padding:10px 25px 325px 25px;
}

#innehall_bil12
{
	padding:10px 25px 405px 25px;
}

#innehall_bil13 
{
	padding:10px 25px 335px 25px;
}

#innehall_bil14 
{
	padding:10px 25px 325px 25px;
}

#innehall_bil15
{
	padding:10px 25px 325px 25px;
}

#innehall_bil16
{
	padding:10px 25px 405px 25px;
}

#innehall_bil17
{
	padding:10px 25px 315px 25px;
}

#innehall_bil18
{
	padding:10px 25px 245px 25px;
}

#innehall_bil19
{
	padding:10px 25px 240px 25px;
}

#innehall_bil20
{
	padding:10px 25px 325px 25px;
}

#innehall_bil21
{
	padding:10px 25px 645px 25px;
}


.vanster-kol_index 
{
    float: left;
    width: 650px;
}

.vanster-kol_bilar
{
  float: left;
  width: 430px;
}

.hoger-kol_bilar
{
    float: left;
    width: 250px;
} 

#bakgrund-start 
{
	background-image: url(bilder/bakgrund-start.gif);
        background-repeat: no-repeat;
	width: 776px;
        height: 19px;
        margin:0px;
        padding: 0px; 
}


#boxContent 
{
	background-image: url(bilder/bakgrund-mitt.gif); /* 1px hög */
	background-repeat: repeat-y;
	padding: 0 8px 0 8px;
}

#bakgrund-slut 
{
	background-image: url(bilder/bakgrund-slut.gif);
	background-repeat: repeat-x;
	width: 776px;
	height: 5px;
}

.footertext
{
  padding-top: 1px;
}

/* Klasser - Får användas hur många gånger som helst! */

.logo 
{
   margin-top: 10px;
   margin-left: 20px;
   margin-right: 20px;
   margin-bottom: 10px;
   border-width: 0px;
}

.panorama
{
  height: 119px;
  width: 760px;
  border-width: 0px;
}



/* Meny - Box */

#meny 
{
	background-image: url(bilder/menybakgrund.gif);
	background-repeat: repeat-x;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

/* Osorterad lista i Meny-boxen ovan */

#meny ul 
{
	list-style: none;
	padding: 1px 0 4px 25px;
	margin: 0;
}

/* Visar hur listelementen ska visas i menyn */

#meny li 
{
    display: inline;
    padding-right: 55px;
}

/* LänkFormatering  för menyelement */

#meny li a 
{
	color: #ffffff;
}

/* länkar ska få svart färg på vit bakgrund när man håller musen över dem - gäller endast meny-länkarna */

#meny li a:hover 
{
    text-decoration: underline;
}

.clearfloat 
{
    /* this class should be placed on a div or break element and should be the 
       final element before the close of a container that should fully contain a float */
	clear:both;
/*    height:0;
    line-height: 0px;*/
}