﻿/* Page */

body
{
    background-color: #FFFFFF;
    color: #000000;
    font-family: Verdana, Arial, Sans-Serif;
    font-size: 0.7em;
    margin: 0px;
}

a
{
    color: #000000;
    text-decoration: none;
}

a:hover
{
    text-decoration: underline;
}

p
{
    margin: 10px 0 5px 0;
}

img
{
    border: none;
}

#main
{
    width: 100%;
    text-align: center;
    margin-top: 20px;
}

#bottom
{
    margin-top: 25px;
    margin-bottom: 5px;
}

#center
{
    text-align: left;
    margin: 0 auto;
    width: 930px;
}

#middle
{
    margin-top: 25px;
    width: 901px;
}

#menu, #middle, #bottom, #foot
{
    margin-right: 14px;
    margin-left: 15px;
}

.clearall
{
    clear: both;
    height: -1px; /* IE6 fix */
    overflow: hidden;
    font-size: 0px;
}

.pngalpha
{
    /* IE6 PNG alpha support */
    behavior: url("Scripts/iepngfix.htc");
}

/* Menu */

#menu
{
    height: 20px;
}


#menu ul
{
    list-style-type: none;    
    text-transform: uppercase;
    margin: 0;
    padding: 0;
}

#menu ul li
{
    float: left;    
    background-image: url("../../Images/Menu/menu_sep.gif");
    background-position: left center;
    background-repeat: no-repeat;
}

#menu ul li.first
{
    background-image: none;
}

#menu ul li.first a
{
    margin-left: 0px;
}

#menu ul li a
{
    margin-left: 12px;
    height: 16px;
    display: block;
    background-repeat: no-repeat;
    background-position: left center;
    text-align: right;
    font-size: 0px;
    color: #ffffff;
}

/* Menu objects */

#menu a.hem
{
    background-image: url("../../Images/Menu/menu_hem.gif");
    width: 41px;
}

#menu a.produkter
{
    background-image: url("../../Images/Menu/menu_produkter.gif");
    width: 96px;
}

#menu a.kunder
{
    background-image: url("../../Images/Menu/menu_kunder.gif");
    width: 68px;
}

#menu a.support
{
    background-image: url("../../Images/Menu/menu_support.gif");
    width: 77px;
}

#menu a.kontakt
{
    background-image: url("../../Images/Menu/menu_kontakt.gif");
    width: 73px; /* 63+10 */
}

/* Left menu */

#leftmenuinner
{
    width: 160px;
}

#leftmenuheader
{
    height: 20px;
}

#leftmenuitems
{
    height: 450px;
    background-color: #abc683;
    background-image: url("Images/leftmenu_boxes.gif");
    background-position: left bottom;
    background-repeat: no-repeat;
    margin-bottom: 40px;
}

#leftmenuitems ul
{
    margin: 0;
    padding: 20px 0 0 20px;
    list-style-type: none;
}

#leftmenuitems ul li
{
    margin-bottom: 10px;
}

#leftmenuitems ul li.selected
{
    font-weight: bold;
}

#leftmenuitems ul li,
#leftmenuitems ul li a
{
    color: #ffffff;
}

#leftmenuheader h1#productmenuheader
{
    cursor: pointer;
}

/* Head image */

#mainimageshadow
{
    width: 930px;
    height: 280px;
    background-image: url("../../Images/Main/main_shadow.gif");
    background-repeat: no-repeat;
    background-position: center center;
}

#mainimageshadow .mainimage
{
    width: 916px;
    height: 265px;
    background-image: url("../../Images/Main/main_road.jpg");
    background-repeat: no-repeat;
    background-position: bottom right;
}

#mainimageshadow .mainimage img
{
    margin-top: 178px;
    margin-left: 685px;
}

/* Content */

p.smalltext
{
    font-size: 0.9em;
    color: #777777;
}

p.smalltext a
{
    color: #777777;
}

#leftmenu
{
    float: left;
    width: 160px;
    padding-right: 50px;
}

#rightcontentwide
{
    width: 691px;
    float: right;
}

#leftcontent
{
    float: left;
    width: 460px;
    padding-right: 90px;
}

#leftcontentinner
{
    width: 460px;
}

#rightcontent
{
    float: right;
    width: 351px;
}

#leftcontent ul
{
    margin: 10px 0 10px 20px;
    padding: 0;
    list-style-position: inside;
}

#rightcontent ul.productlist
{
    list-style-type: none;
    margin: 0;
    padding: 0;
}

#rightcontent ul.productlist li
{
    margin-bottom: 12px;
    padding: 8px;
    border: 1px solid #CCCCCC;
}

#rightcontent ul.productlist li a
{
    background-image: url("../../Images/Products/bullet_product.gif");
    background-position: left center;
    background-repeat: no-repeat;
    display: block;
}

#rightcontent ul.productlist li a img
{
    margin: 2px 0 0 40px;
}

#rightcontent ul.customerlist
{
    list-style-type: none;
    list-style-position: outside;
    margin: 0;
    padding: 0;
}

#rightcontent ul.customerlist li
{
    border: 1px solid #CCCCCC;
    margin-bottom: 15px;
    padding: 10px;
}

div.readmore
{
    margin: 15px 0 0 0;
    text-align: left;
    background-image: url("../../Images/Products/bullet_product_small.gif");
}

span.readmore, a.readmore
{
    display: block;
    width: 100px;
    height: 21px;
    margin-left: 30px;
    background-image: url("../../GenHeader.aspx?text=L%C3%A4s%20mer");
}

ul.numbering
{
    list-style-type: decimal;
    list-style-position: inside;
    padding: 0;
    margin: 10px 0 10px 20px;
}

ul.numbering li
{
    margin: 5px 0;
}

.videoframe
{
    margin: 20px 0;
}

/* Product table */

table.producttable
{
    border: solid 1px #f8991d;
    border-collapse: collapse;
    margin-top: 21px;
    margin-left: 1px;
}

table.producttable tr td
{
    
    border: inset 1px #f8991d;
    padding: 8px;
    
    font-size: 11px;
}

table.producttable tr td.title
{
    width: 300px;
}

table.producttable tr td.check
{
    text-align: left;
    font-size: 0px;
    color: #ffffff;
    
    width: 200px;
    background-image: url("../../Images/Products/bullet_checked.gif");
    background-position: center center;
    background-repeat: no-repeat;
}

/* Footer */

#foot
{
    /* margin-top: 5px; */
    margin-bottom: 25px;
    font-size: 0.8em;
}

#foot, #foot a
{
    color: #AAAAAA;
    font-weight: bold;
}

#rightcontentwide #foot
{
    margin-left: 0px;
    margin-right: 0px;
}

#bottomline, .widecontentline
{
    height: 1px;
    overflow: hidden;
    background-image: url("../../Images/Main/line_bottom.png");
    background-repeat: repeat-y;
}

#bottomline
{
    width: 751px;
    background-position: left center;
}

.widecontentline
{
    width: 691px;
    background-position: right center;
    margin-bottom: 25px;
    margin-top: 25px !important;
}

#widerightbottomline
{
    margin-bottom: 5px;
}

/* Columns */

.leftcolumn
{
    float: left;
}

.rightcolumn
{
    float: right;
}

#leftcontent .leftcolumn
{
    width: 210px;
}

#leftcontent .rightcolumn
{
    width: 250px;
    margin-top: 5px;
}

#rightcontentwide .leftcolumn
{
    width: 325px;
    padding-right: 41px;
}

#rightcontentwide .leftcolumn p
{
    width: 325px;
}

#rightcontentwide .rightcolumn
{
    width: 325px;
}


/* Page space */

.spacer5, .spacer10, .spacer20, .spacer30
{
    overflow: hidden;
}

.spacer5
{
    height: 5px;
}

.spacer10
{
    height: 10px;
}

.spacer20
{
    height: 20px;
}

.spacer30
{
    height: 30px;
}

/* Headers */

#leftcontent h1, #leftcontent h2, #bottom h1, 
#leftmenuheader h1, #rightcontentwide h1,
#rightcontentwide h2, #rightcontentwide h1, .readmore,
#rightcontent h2.genericboxheader
{
    background-repeat: no-repeat;
    background-position: left center;
    font-size: 0px;
    color: #FFFFFF;
    text-align: right;
}

#leftmenuheader h1.genericboxheader,
#leftmenuheader h2.genericboxheader
{
    width: 110px;
}

#rightcontentwide h1.productheader,
#rightcontentwide h2.productheader
{
    width: 300px;
    height: 28px;
    margin: 0;
}

#rightblockbox h2
{
    background-repeat: no-repeat;
    background-position: left center;
    font-size: 0px;
    color: #abc683;
    text-align: right;
    height: 10px;
    width: 250px;
    margin: 0;
}

h1.genericboxheader,
h2.genericboxheader
{
    margin-left: 10px;
    height: 20px;
    width: 250px;
    float: left;
}

h2.paragraph
{
    height: 10px;
    width: 150px;
}


#rightcontent ul.customerlist li h3
{
    margin: 0;
    font-family: Verdana, Arial, Sans-Serif;
    font-size: 1.1em;
    font-weight: bold;
}

/* News */

#newsheader
{
    height: 20px;
}

#newsblock
{
    width: 880px;
    height: 118px;
    background-color: #abc683;
    background-image: url("Images/news_boxes.gif");
    background-position: right top;
    background-repeat: no-repeat;
}

.newsitem
{
    float: left;
    width: 160px;
    height: 90px;
    overflow: hidden;
    color: #FFFFFF;
    margin: 15px 10px 0 20px;
}

.newsitem h2
{
    font-family: Verdana, Arial, Sans-Serif;
    font-size: 1.0em;
    font-weight: bold;
    margin: 0;
}

.newsitem p
{
    margin: 0;
}

/* Info table */

.contacttable
{
    margin: 10px 0 5px 0;
}

.tableleft
{
    float: left;
    font-weight: bold;
    width: 70px;
}

.tableright
{
    padding-left: 70px;
    margin-bottom: 5px;
}


/* Blocks */

.boxblock
{

}

.boxblock div
{
    width: 20px;
    height: 20px;
    float: left;
}

.lightgreenbox
{
    background-color: #cdddb4;
}

.darkgreenbox
{
    background-color: #b7ce95;
}

.orangebox
{
    background-color: #f8991d;
}

.graybox
{
    background-color: #192b33;
}

/* Right green box */

#rightblockbox
{
    float: right;
    width: 340px;
    height: 340px;
    background-color: #abc683;
    background-image: url("Images/column_boxes.gif");
    background-position: left bottom;
    background-repeat: no-repeat;
    margin-bottom: 20px;
    color: #ffffff;
}

#rightblockinner
{
    margin: 15px;
}

#rightblockinner a
{
    color: #ffffff;
}

#rightblockinner ul
{
    margin: 10px 0 10px 10px;
    list-style-position: inside;
}

/* RSS */

.rsslist
{
    list-style-type: none;
    /*padding: 0 6px 0 15px;*/
    padding: 0 2px 0 0;
    margin: 0;
    list-style-position: outside;
}

.rssentry
{
    /*padding: 0;
    margin: 0;*/
    /*padding: 3px 0;*/
    margin: 0;
    padding: 5px 4px 5px 14px;
    background-image: url('../../Images/Main/rssdot.gif');
    background-repeat: no-repeat;
    background-position: left top;
}