/*
STILMALL FÖR WWW.KMV.SE 2009

Simply Great Reklambyrå, Henrik Nilsson henrik@simplygreat.se

ToC:
	1. DEFAULTS
	2. STRUCTURE
	3. LINKS AND NAVIGATION
	4. LISTS
	5. TEXT
	6. IMAGES
	7. FORMS
	8. TABLES

Notes:
	Uses !important hack for min-height.
*/


/* --------------- 1. DEFAULTS --------------- */

* {margin: 0; padding: 0;}

body {font: 62.5% Lucida Sans Unicode, Lucida Grande, Lucida Sans, and Lucida, sans-serif; color: #777779; background: #FFFFFF; text-align:left;  padding-bottom: 50px;}							/* 62.5% sets 1em to 10px */
span {display: none;}														/* hides tag */


/* --------------- 2. STRUCTURE --------------- */

#wrapper {margin:0 auto; width: 1024px; background: url(../img/bg_wrapper.jpg) #FFF repeat-y top center;}
#top_blue_bar {margin:0 auto; width: 946px; height: 44px; background: url(../img/blue_bar_top.jpg) #FFF no-repeat top left;}
#top {margin: 0 auto; width: 946px; height:110px; border-top: 8px solid #FFF; border-bottom: 8px solid #FFF}
#logo_holder {float: left; width:275px; height:103px; background: url(../img/logokmv.gif) no-repeat 25% center;}
#navigation {float:left; width:671px; height:103px;}
#start #masthead {margin:0 auto; width: 946px; height:280px; background: url(../img/masthead_index.jpg) #FFF no-repeat top center; border-bottom: 8px solid #FFF;}
#kunder #masthead {margin:0 auto; width: 946px; height:280px; background: url(../img/masthead_kunder.jpg) #FFF no-repeat top center; border-bottom: 8px solid #FFF;}
#maskinpark #masthead {margin:0 auto; width: 946px; height:280px; background: url(../img/masthead_maskinpark.jpg) #FFF no-repeat top center; border-bottom: 8px solid #FFF;}
#kontakt #masthead {margin:0 auto; width: 946px; height:280px; background: url(../img/masthead_kontakt.jpg) #FFF no-repeat top center; border-bottom: 8px solid #FFF;}

#content {margin:0 auto; width: 946px; height: auto; border-bottom: 8px solid #FFF;}
#right_image_holder {float: right; width: 343px; margin-top: 8px; margin-right: 30px; border-left: 1px dashed #777779;}
#kontakt #right_image_holder {float: right; width: 253px; text-align: center; border: none; }
#pdf_holder {float: right; width: 305px; height: 71px; background: url(../img/pdf.jpg) #FFF no-repeat bottom right;}
#pdf_holder:hover {background: url(../img/pdf.jpg) #FFF no-repeat top right;}
#gallery, #gallery_kontakt {width: 886px; margin:0 auto; border-top: 1px dashed #acadae; margin-top: 30px; margin-bottom: 30px;}
#maskinpark #gallery, #gallery_kontakt {border: 0px; margin-top: 0px;} 
#gallery_kontakt {float: left; margin-left: 30px; width: 490px;}
#footer {clear: both; width: 1024px; margin: 0 auto; height: 70px; background: url(../img/bg_footer.jpg) #FFF no-repeat top center; }
#bottom_blue_bar {margin:0 auto; width:946px; height: 44px; background: url(../img/blue_bar_bottom.jpg) #FFF no-repeat top left;}
#separator {clear: both;}


/* --------------- 3. LINKS AND NAVIGATION --------------- */

ul#nav {list-style:none;text-align:left;position: relative; top: 45%; margin-left: 30px;}
ul#nav a {text-decoration: none;color: #777779;font-size: 1.4em;line-height: 1.4em;font-weight:normal; text-transform: uppercase;}
#nav li {float: left;  margin: 0 3em;}
#nav li:hover {border-bottom: 3px solid #0a4da0;}
#start #nav .start, #kunder #nav .kunder, #maskinpark #nav .maskinpark, #kontakt #nav .kontakt {border-bottom: 3px solid #0a4da0;}				/*-- highlights current page in navigation --*/
a:link, a:visited, a:active {color: #484747;border-style: none;}


/* --------------- 4. LISTS --------------- */

ul#tjanster {float:left;margin-left: 30px;margin-bottom:50px;padding:0;}
ul#tjanster li {font-size:1.2em;line-height: 1.4em;font-weight: normal;margin-bottom: 5px;margin-left: 15px;margin-right: 20px;}
ul#footer {width:800px; margin: 0 auto; list-style-type: none;}
ul#footer li {font-size: 1em; font-weight: normal; color: #FFF; line-height: 1.2em; text-align: right;}
ul#footer li span {text-align: left;}


/* --------------- 5. TEXT --------------- */

h1 {text-transform:uppercase; font-size: 2.2em; font-weight:bold; margin-top: 30px;margin-left: 30px; margin-right: 60px; margin-bottom: 10px;}
h2 {font-size: 1.8em; line-height: 1.4em; font-weight: normal; margin-left:30px; margin-right: 30px; margin-bottom: 20px; margin-right: 400px; }
#kunder h2 {margin-right: 400px;}
#maskinpark h2 {margin-right: 280px;}
#kontakt h2 {margin-right: 260px; border-bottom: 1px dashed #acadae; padding-bottom: 30px;}
h3 {font-size: 1.6em; font-weight: normal; margin-left: 30px; margin-right: 400px; padding-top:10px; padding-bottom: 10px; color: #0a4da0;}
#kontakt h3 {margin-right: 0px;}
h4 {font-size: 1.3em; font-weight: normal; padding-top:10px; padding-bottom: 0px; color: #0a4da0;}
p {font-size:1.2em; line-height: 1.4em; margin-bottom: 10px; margin-left: 30px; margin-right: 400px;}
#gallery p, #gallery_kontakt p {font-size: 1em; margin-left: 0;  margin-top: 10px; margin-right: 5px;}
#kontakt p {margin-right: 0px;}
.shadow  { position:relative; display:block; }
.shadow span { position:absolute; display:block; top:0px;  }
.shadow:before { display:block; padding:1px; content: attr(title); color:#d9dadb;  } 


/* --------------- 6. IMAGES --------------- */

img {border-style: none;}
#gallery img {border: 4px solid #adadab;}
#fotnavigering li a:hover {text-decoration: underline;}
.gallery_row {float: left; margin-bottom: 0px; margin-top: 20px;}
.gallery_row .last {margin-bottom: 20px;}
.gallery_col {float:left; width: 260px; margin-right: 48px;}
.last {margin-right: 0;}
#gallery_kontakt .gallery_row {float: left; margin-bottom: 10px; margin-top: 30px;}
#gallery_kontakt .gallery_col {float:left; width: 150px; margin-right: 10px;}

/* --------------- 7. FORMS --------------- */

#omslag_kontakt {float: right;width: 250px;height: 400px;background: url(../bilder/bg_kontakt.jpg) bottom right no-repeat #c1c1c0;border: 1px solid #dadada;margin-right: 30px;margin-top: 30px;}
#omslag_kontakt h1{font-size: 1.1em;margin:20px 20px 10px 20px;}
fieldset {border: 0px;padding-left: 20px;}
label {font-weight: bold; padding-bottom: 5px;}
input {width: 200px;margin-bottom:10px;}
input.submit {width: auto;}
#omslag_support {float: right;width: 250px;height: 400px;background: url(../bilder/bg_kontakt.jpg) bottom right no-repeat;border: 1px solid #dadada;margin-right: 30px;margin-top: 30px;}
#omslag_support h1{font-size: 1.1em;margin:20px 20px 10px 20px;}
fieldset {border: 0px;padding-left: 20px;}
label {font-weight: bold;padding-bottom: 5px;}
input {width: 200px; margin-bottom:10px;}
textarea {width: 200px;margin-bottom:10px;}
input.submit {width: auto;}


/* --------------- 8. TABLES --------------- */

table {margin: 0 auto; font-size: 1em; color: #FFF; font-weight: normal;}
table td a:link, a:visited, a:active {color: #FFF; text-decoration: none;}