﻿/*--- COMMON ELEMENTS ---*/

body 
{
    background:#c1bec1 url('img/bg.jpg') no-repeat top center;
    font-family:Arial, Sans-Serif;
    padding:0;
    margin:0;
    font-size:12px;
    line-height:1.8em;
    color:#555555;
}

body.print
{
    background:none;
}

h1
{
    font-family:Georgia, Serif;
    font-size:20px;
    color:#ffffff;
    font-weight:normal;
    margin:0;
    line-height:1.8em;
}

h2
{
    font-size:14px;
    margin-top:0;
    color:#888888;
}

h3
{
    font-size:14px;
    margin:0 0 0.5em 0;
}

a
{
    color:#006598;
    text-decoration:none;
}

a:visited, a:hover
{
    color:#003955;
}

p
{
    margin:0 0 0.5em 0;
}

img
{
    border:none;
}

.errorBox
{
    margin:0 70px;
    font-weight:bold;
    color:#990000;
}

.info
{
    color:#009900;
}


/*--- MASTER PAGE ---*/

#menuOuter
{
    background:transparent url('img/menu-bg.png') repeat-x top center;
    width:100%;
    position:absolute;
    z-index:5;
    top:15px;
}

#menuInner
{
    position:relative;
    background:transparent url('img/menu-fake.png') no-repeat top left;
    height:93px;
    width:940px;
    margin:0 auto 0;
}

#contentOuter
{
    width:100%;
    position:relative;
    padding-top:85px;
}

#contentInner
{
    position:relative;
    margin:0 auto 0;
    width:940px;
    background:transparent url('img/container-bg.png') repeat-y top center;
}


#footerOuter
{
    background:transparent url('img/footer-bg.png') repeat-x top center;
    width:100%;
    position:relative;
    float:left;
}

#footerLeft
{
    border:1px solid green;
    height:83px;
    margin: 0 940px 0 0;
}

#footerInner
{
    background:transparent url('img/footer-full.png') no-repeat top left;
    height:85px;
    width:940px;
    margin:0 auto 0;
}


.menuItem
{
    height:35px;
    width:124px;
    position:absolute;
    top:25px;
}

.menuItemA
{
    height:35px;
    width:124px;
    position:absolute;
}

#menuProducts { left:80px; }
a#menuAProducts { background:transparent url('img/menu-products.png') no-repeat center center; }
a#menuAProducts:hover { background-image:url('img/menu-products-active.png'); }

#menuPrices { left:240px; top:26px }
a#menuAPrices { background:transparent url('img/menu-prices.png') no-repeat center center; }
a#menuAPrices:hover { background-image:url('img/menu-prices-active.png'); }

#menuAbout { left:570px; }
a#menuAAbout { background:transparent url('img/menu-about.png') no-repeat center center; }
a#menuAAbout:hover { background-image:url('img/menu-about-active.png'); }

#menuContact { left:730px; }
a#menuAContact { background:transparent url('img/menu-contact.png') no-repeat center center; }
a#menuAContact:hover { background-image:url('img/menu-contact-active.png'); }

#menuHome
{
    height:85px;
    width:90px;
    position:absolute;
    top:0px;
    left:425px;
}

#menuAHome
{
    height:85px;
    width:90px;
    position:absolute;
}

a.btn, input.btn
{
    display:block;
    width:180px;
    height:42px;
    background:transparent url('img/btn-generic.png') no-repeat top center;
    color:#ffffff;
    font-weight:bold;
    text-decoration:none;
    text-align:center;
    padding-top:0px;
    border:none;
    margin:0;
    cursor:pointer;
}

a.btn:hover, input.btn:hover
{
    background-image:url('img/btn-generic-active.png');
}

#preloader
{
    background-image:url('img/menu-contact-active.png');
    background-image:url('img/menu-about-active.png');
    background-image:url('img/menu-prices-active.png');
    background-image:url('img/menu-products-active.png');
}


/*--- FRONT PAGE ---*/

h1.frontHeader
{
    font-size:36px;
    color:#777777;
}


.contentFrontTop
{
    background:transparent url('img/container-bg-top-front.png') no-repeat top center;
    height:42px;
}

.contentFront
{
    padding:30px 305px;
    text-align:justify;
}

.contentFront h1
{
    margin-bottom:1em;
}

.contentFront p
{
    margin-bottom:2em;
}

a#btnHome { background-image:url('img/btn-read-more.png'); margin:0 auto 0; }
a#btnHome:hover { background-image:url('img/btn-read-more-active.png'); }

#homeLeft
{
    position:absolute;
    top:240px;
    left:120px;
}

#homeRight
{
    position:absolute;
    top:240px;
    right:60px;
}



/*--- CONTENT PAGES ---*/

.contentPageTop
{
    background:transparent url('img/container-bg-top.png') no-repeat top center;
    height:72px;
    text-align:center;
    padding-top:18px;
    line-height:1.8em;
}

.contentPage
{
    overflow:auto;
}

.contentLeft
{
    float:left;
    margin:35px 35px 35px 70px;
    width:362px;
    text-align:justify;
}

.contentRight
{
    float:right;
    margin:35px 70px 35px 35px;
    width:362px;
    text-align:justify;
}

.note
{
    background:transparent url('img/note-bg.png') no-repeat top center;
    padding:30px;
    height:267px;
}

.note h2
{
    color:#ffffff;
    font-family:Arial, Sans-Serif;
    font-size:14px;
    text-align:center;
}

.note p
{
    margin-top:2em;
    color:#ffffff;
}



/*--- PRISFÖRFRÅGAN ---*/

.pricesTable td
{
    vertical-align:top;
}
.pricesTable td.col1
{
    font-weight:bold;
}


table.priceInnerTable td
{
    margin:0px;
    vertical-align:middle;
}

.priceInnerTable td.col1
{
    width:50px;
    font-weight:normal;
}
.priceInnerTable td.col3
{
    width:70px;
    padding-left:10px;
}

.pricesText
{
    width:204px;
}

input.inputContact
{
    width:280px;
    color:#555555;
}

.helptext
{
    font-size:10px;
}


/*--- Kontakt ---*/

.map
{
    text-align:center;
}



/*--- PRODUKTER ---*/

.productMenu
{
    margin:20px 0 0 70px;
    padding-right:0px;
    width:160px;
    float:left;
}

.productMenu h2
{
    border-bottom:1px dashed #dddddd;
    padding-bottom:5px;
    margin-bottom:0px;
}    

.productMenu ul
{
    margin:0;
    padding:0;
}

.productMenu ul li
{
    list-style-type:none;
    padding:5px 0;
    border-bottom:1px dashed #dddddd;
}

.productMenu ul li.selected
{
    background-color:#eeeeee;
}

.productList, .productListEmpty
{
    width:595px;
    background-color:#eeeeee;
    float:left;
    padding:20px;
    min-height:500px;
}

.productListEmpty
{
    background-color:#ffffff;
}

.productItem
{
    background-color:#ffffff;
    padding:10px;
    margin:5px 0;
    overflow:auto;
}

.productName
{
    font-size:14px;
    font-weight:bold;
}

.productLeft
{
    float:left;
    margin-right:20px;
    width:80px;
}

.productMain
{
    float:left;
    width:395px;
}

.productRight
{
    float:right;
    margin-left:20px;
    width:60px;
    text-align:center;
}
    
    
    
.printImg
{
    margin-right:20px;
}    
