﻿body {
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 12px;
    color: #666;
    padding: 0;
    margin: 0;
}

#logo {
    position: relative;
    top: 20px;
    left: 40px;
}

img {border: 0;}

a:link, a:visited {
    color: #004684;
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

#wrapper {
    width: 950px;
    margin: 0 auto;
}

#header {
    height: 180px;
    height: 120px;
    background: url("../images/topbanner.gif") no-repeat;
    background: url("../images/header.jpg") no-repeat;
}

#top_menu {
    height: 23px;
    padding-top: 2px;
    margin-bottom: 40px;
    background: url("../images/topmenu.jpg") no-repeat;
}

#top_menu a:link, #top_menu a:visited {
    color: #fff;
    font-size: 11px;
    /*font-family: "Gill Sans MT", Arial, Verdana, Helvetica, Sans-Serif;*/
    font-family: Arial, Verdana, Helvetica, Sans-Serif;
}

#content {
    width: 950px;
}

#left_menu {
    width: 200px;
    float: left;
}

#main {
    width: 705px;
    float: left;
    /*border-left: 1px dotted #dddddd;*/
    border-left: 1px dotted #ddd;
    /*background: #eee;*/
    padding-left: 20px;
    padding-right: 20px;
}

#footer {
    clear: both;
    padding: 40px 0 10px 0;
    font-style: italic;
    font-size: 10px;
    text-align: center;
    /*background: #f5f5f5;*/
    
}

#left_main {
    float: left;
    width: 510px;
    border-right: 1px dotted #ddd;
    /*background: #f5f5f5;*/
    padding-right: 18px;
}

#right_main {
    float: left;
    width: 155px;
    /*background: #ddd;*/
    /*margin-left: 10px;*/
    padding-left: 20px;
}

.line-separator 
{
    /*border-top: 1px #ddd dotted;*/
    padding: 3px 0;
}

.center { text-align: center; }
.float-left { float: left; padding: 0 10px 5px 0; }
.float-right { float: right; }

/* ####################################### */
.newsContainer {
    width: 100%;
    padding-top: 10px;
    clear: both;
    width: 500px;
}

.newsContainer .newsImage {
    float: left;
    width: 170px;
}

.newsContainer .newsContent {
    float: left;
    width: 320px;
    padding-right: 10px;
}

.newsContainer .newsHeader {
    /*font-weight: bold;*/
    font-size: 14px;
    padding-bottom: 8px;
    font-style: italic;
}

.news-separator {
    clear: both;
    padding-bottom: 15px;
    margin-top: 15px;
    border-bottom: 1px dotted #dddddd;
}

/* HS bilder */
.highslide-gallery h5 {
    border-bottom: 1px solid #ddd;
    background: #c50415;
    margin-top: 10px;
    padding: 3px;
    background: #fff url("../images/referanse_year_bg2.jpg") repeat-x;
}

.hs_bilder {
    float: left;
    text-align: center;
    padding: 10px;
    width: 145px;
    border: 1px dotted #ddd;
    margin-right: 13px;
    background: #f9f9f9;
}

.hs_bilder:hover {
    background: #f5f5f5;
    border: 1px #ddd solid;
}

.hs_thumb {
    height: 80px;
    padding: 5px;
}

.separator {
    clear: both;
    /*border-bottom: 1px dotted #ddd;*/
    padding-top: 20px;
}

/* ##################### PAGE ###################################*/

.page-wrapper {
    width: 705px;
}

.page-wrapper .mainbar {
    width: 528px;
    float: left;
}

.page-wrapper .sidebar {
    float:left;
    padding-left: 20px;
    width: 155px;
    border-left: 1px dotted #ddd;
}

/* ################### REFERANSER ################################### */

.referanse-container {
   width: 725px;
 }
 
.referanse-container .referanse-content {
    width: 500px;
    float: left;
}

.referanse-container .referanse-content .specification 
{
    padding-bottom: 20px;
}

.referanse-container .referanse-content .specification h3 {
    /*padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid #ddd;*/
}

.referanse-container .referanse-content .images {
    background: #f5f5f5;
    border: 1px solid #ddd;
    margin: 20px 0;
    /*padding: 10px 0;*/
}

.referanse-container .referanse-content .images img {
    padding: 5px;
    margin: 5px;
    background: #fff;
    border: 1px solid #ddd;
}

.referanse-container .referanse-content .back {
    /*background: url("../images/back.jpg") no-repeat;
    height: 30px;
    padding: 5px 0 0 40px;*/
    padding-top: 20px;
}

.referanse-container .download  {
    display: none;
    width: 190px;
    float:right;
    padding: 5px;
    border: 1px dotted #ddd;
}

.referanse-container .download .h4 {
}

/* ###################### PRODUKT ##################################### */

.produkt_header {
	font-size: 14px;
	/*background: #f5f5f5;*/
	padding: 2px 5px;
	/*text-align: center;*/
	/*border: 1px dotted #dddddd;*/
	/*color: #a39278;
	font-weight: bold;*/
	display: none;
}

.produkter .produkt {
	float: left;
	text-align: center;
	padding: 20px 23px 0px 0;
	/*border: 1px solid #dddddd;*/
}

.produkter .produkt .produkt_bilde  {
	height: 92px;
	width: 210px;
	border: 1px dotted #dddddd;
}

.produkter .produkt .produkt_tittel {
	padding-bottom: 10px;
}

.produkter .produkt {
	font-size: 13px;
	/*background: #f5f5f5;*/
	/*border-bottom: 1px solid #f5f5f5;*/
}

.product-container {
    width: 709px;
    
}

.product-container .product-content {
    width: 528px;
    float: left;
    
}

.product-container .product-content .image {
    /*text-align: center;*/
    padding-bottom: 20px;
}

.product-container .product-content .specification {
    border: 1px dotted #ddd;
    padding: 20px 5px;
}

.product-container .product-content .header {
    font-size: 14px;
    font-weight: bold;
    background: #f5f5f5;
    padding: 5px;
}

.product-container .download .header {
    font-size: 14px;
    font-weight: bold;
    background: #f5f5f5;
    padding: 5px;
}

.product-container .download {
    float:left;
    margin-left: 20px;
    width: 155px;
    border: 1px dotted #ddd;
}

.product-container .download .content {
    padding: 10px;
}

.product-container .download .content .back {
    padding: 10px 0 10px 5px;
    margin-top: 20px;
    border-top: 1px dotted #ddd;
    background: #f5f5f5;
}

.product-container .title {
    font-size: 12px;
    font-weight: bold;
}

#gallery-area {
    width: 527px;
    height: 420px;
    margin: 0 auto;
    border: 1px dotted #ddd;
}

.produktinfo2 {
	/*background: #f5f5f5;*/
	/*border-bottom: 1px #ddd dotted;*/
	padding: 0px 10px 20px 10px;
	margin-bottom: 20px;
}

.medarbeider_separator {
	border-top: #dddddd dotted 1px;
	padding: 2px 0;
}

.bold {
    font-weight: bold;
}



/* ################# brosjyre #################### */

.brosjyre-container 
{
    float: left;
    width: 200px;
    padding-right: 30px;
    text-align: center;
}

.brosjyre-container .image {

}

.brosjyre-container .title {
}

.brosjyre-container .download {
}

.brosjyre-container .order {
}

.brosjyrer-separator {
	/*border-top: #dddddd dotted 1px;'*/
	clear: both;
	padding-bottom: 40px;
}

/*######### varemerke ############## */
.varemerke {
    width: 700px;
    padding-bottom: 10px;
}

.varemerke .tekst {
    float: left;
    width: 480px;
    padding-right: 20px;
}

.varemerke .bilde {
    float: left;
    width: 200px;
}

.varemerke.separator 
{
    width: 700px;
    border-top: 1px dotted #ddd;
    clear: both;
}

.highslide-controls {
    /*display: none;*/
}

.referanser-separator {
    clear: both;
    /*border-bottom: 1px dotted #ddd;*/
    padding-top: 2px;
}
