﻿body
{
    background: #FFFFFF url(images/bg.gif);
    padding: 0;
    margin: 0;
    height: 100%;
}
form
{
    padding: 0;
    margin: 0;
    height: 100%;
}
html
{
    height: 100%;
}
body, input, textarea, select, .normaltekst
{
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 12px !important;
    line-height: 150% !important;
}

table
{
    border-collapse: collapse;
}

.clearfix:after
{
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix
{
    display: inline-block;
}
/* Hide from IE Mac \*/
.clearfix
{
    display: block;
}
/* End hide from IE Mac */

img, a img
{
    border: 0;
}

a:link, a:visited, a:active
{
    color: #004785;
    text-decoration: none;
}

/* #### LAYOUT #### */

#top
{
    float: left;
    position: relative;
    height: 91px;
    width: 1000px;
    font-family: Trebuchet MS;
    background: #FFFFFF url(images/top.png);
}
#homeLink
{
    position: absolute;
    width: 200px;
    height: 90px;
    text-indent: -9999px;
    overflow: hidden;
}
#construct
{
    width: 1000px;
    margin: 0 auto;
    background-color: #e7ecdc; /*  min-height: 800px;     height: auto !important;*/
    height: 100%;
    bottom: 0;
}
#construct2
{
    background-color: #e7ecdc;
    float: left;
}
#mainContent
{
    float: left;
    width: 1000px;
    min-height: 560px;
    height: auto !important;
    height: 560px;
}
#footer
{
    height: 20px;
    color: #949974;
    width: 990px;
    padding: 5px 0 5px 5px;
    margin: 0;
    float: left;
    vertical-align: middle;
}

#footerRight
{
    float: right;
}
#footerRight a
{
    color: #949974;
    text-decoration: none;
}
#increo
{
    color: #6ca9b3 !important;
    text-decoration: none;
}
#increo:hover, #footerRight a:hover
{
    text-decoration: underline;
}
#menu
{
    position: absolute;
    top: 32px;
    left: 210px; /*margin-left: 150px;*/
}

#menu a
{
    text-transform: uppercase;
    text-decoration: none;
    display: block;
    float: left;
    font-weight: bold;
    font-size: 13px;
    padding: 8px 11px 0 17px;
    background: url(images/menu_dot.gif) no-repeat 0 11px;
}
#menu a:hover
{
    color: #61a2ae;
}
#menu a.selected
{
    color: #61a2ae;
}
#menu span
{
    width: 3px;
    min-height: 32px;
    float: left;
    padding-right: 9px;
    background: url(images/seperator.gif) no-repeat left top;
}

.l2
{
    float: left;
    width: 229px;
    margin-top: 10px;
    list-style: none;
}
.l2 li, .l2 ul
{
    margin: 0;
    padding: 0;
    list-style: none;
}
.l2 a:link, .l2 a:visited
{
    display: block;
    color: #004785;
    padding: 7px 0 2px 27px;
    margin: 0 0 0 0px;
    width: 202px;
    height: 21px;
    background: url(images/menuBg.png) no-repeat left center;
    text-decoration: none;
}
.l2 a:hover
{
    /*ackground-color: #c7d1af;*/
    background: url(images/menuBgSelected.png) no-repeat left center;
    color: #ffffff;
}
.l2 a.selected
{
    /*background-color: #c7d1af;
    background-image: none;
    color: #000000;*/
    background: url(images/menuBgSelected.png) no-repeat left center;
    color: #ffffff;
}
.l2 span.selected
{
    /*padding-right: 12px;
    background: url(images/menu_selected.gif) no-repeat right center;*/
}
.l3
{
    width: 153px;
    margin: 0 0 0 23px;
    background: none;
    font-size: 11px;
}
.l3 a:link, .l3 a:visited
{
    display: block;
    color: #004785;
    padding: 5px 0 2px 14px;
    width: 192px;
    background: #f1f4ea url(images/menuL3dot.gif) no-repeat 5px center;
}
.l3 a:hover
{
    color: #333333;
    background: #ffffff url(images/menuL3dotSelected.gif) no-repeat 5px center;
}
.l3 a.selected
{
    color: #333333;
    background: #ffffff url(images/menuL3dotSelected.gif) no-repeat 5px center;
}
.l4
{
    width: 160px;
}
.l4 a:link, .l4 a:visited
{
    display: block;
    color: #004785;
    padding: 2px 0 2px 24px;
    width: 182px;
    background: #f1f4ea url(images/menuL3dot.gif) no-repeat 15px center;
}
.l4 a:hover
{
    color: #333333;
    background: #ffffff url(images/menuL3dotSelected.gif) no-repeat 15px center;
}
.l4 a.selected
{
    color: #333333;
    background: #ffffff url(images/menuL3dotSelected.gif) no-repeat 15px center;
}



.l5
{
    width: 150px;
}
.l5 a:link, .l5 a:visited
{
    display: block;
    color: #004785;
    padding: 2px 0 2px 34px;
    width: 172px;
    min-height: 21px;
    background: #f1f4ea url(images/menuL3dot.gif) no-repeat 25px center;
}
.l5 a:hover
{
    color: #333333;
    background: #ffffff url(images/menuL3dotSelected.gif) no-repeat 25px center;
}
.l5 a.selected
{
    color: #333333;
    background: #ffffff url(images/menuL3dotSelected.gif) no-repeat 25px center;
}



#login a
{
    padding-left: 10px;
    text-decoration: none;
    font-size: 11px;
    background: url(images/login.gif) no-repeat 0 3px;
}
#login span
{
    padding-right: 15px;
}
#search
{
    position: absolute;
    top: 40px;
    left: 813px;
    width: 175px;
    font-size: 8px;
}
.searchInput
{
    width: 127px;
    border: 0;
    height: 11px;
    float: left;
    margin-top: 2px;
    background: none;
}
#ctl00_btnSearch
{
    float: left;
    width: 45px;
    height: 15px;
    margin-top: 1px;
    display: block;
    text-indent: -9999px;
    overflow: hidden;
}
#centerFrontpage
{
    float: left;
    position: absolute;
    height: 550px;
    background-color: #e7ecdc;
}
#belowFlash
{
    position: relative;
    min-height: 210px;
    height: auto !important;
    height: 210px;
    background: url(images/bg_bottom.jpg) repeat-x top left;
}

#frontpageBox1
{
    position: absolute;
    left: 6px;
    top: 12px;
    width: 246px;
    height: 195px;
    font-family: Arial;
    color: #333333;
    background: #d9e0c9 url(images/box_header.jpg) no-repeat 0 0;
}
.boxFooter
{
    position: absolute;
    top: 197px;
    display: block;
    height: 10px;
    width: 246px;
    background: url(images/box_footer_1.jpg) no-repeat 0 0;
}
#frontpageBox1 a
{
    text-decoration: none;
    font-size: 14px;
}
h1.boxHeader
{
    padding: 0px 0 0px 15px;
    margin: 5px 0 0 9px;
    color: #ffffff;
    font-family: Trebuchet MS;
    display: block;
    height: 24px;
    font-weight: lighter;
    font-size: 18px;
    background: url(images/box_dot.gif) no-repeat 0 3px;
}
div.boxContent
{
    border-left: 1px solid #d4dcc2;
    border-right: 1px solid #d4dcc2;
    padding: 5px;
    height: 83px;
    font-size: 11px;
    line-height: 1.3em;
    background-color: #d9e0c9; /*border: 1px solid red;*/
}
#frontpageBox2
{
    position: absolute;
    left: 258px;
    top: 12px;
    width: 239px;
    height: 199px;
    font-family: Arial;
    color: #333333;
    background: #d9e0c9 url(images/box_header2.jpg) no-repeat 0 0;
}
.boxFooter2
{
    position: absolute;
    top: 197px;
    display: block;
    height: 10px;
    width: 246px;
    background: url(images/box_footer_2.jpg) no-repeat 0 0;
}
#frontpageBox2 a
{
    text-decoration: none;
    font-size: 14px;
}
#frontpageBox3
{
    position: absolute;
    left: 503px;
    top: 12px;
    width: 239px;
    height: 200px;
    font-family: Arial;
    color: #333333;
    background: #d9e0c9 url(images/box_header2.jpg) no-repeat 0 0;
}
#frontpageBox3 a
{
    text-decoration: none;
    font-size: 14px;
}
#frontpageBox4
{
    position: absolute;
    left: 748px;
    top: 12px;
    width: 246px;
    height: 200px;
    font-family: Arial;
    color: #333333;
    background: #d9e0c9 url(images/box_header.jpg) no-repeat 0 0;
}
#frontpageBox4 a
{
    text-decoration: none;
    font-size: 14px;
}
.newsFront h3, .newsletter h3
{
    padding: 2px 0;
    margin: 0;
    color: #124d85;
    font-size: 14px;
    font-weight: lighter;
    font-family: Arial;
}
.newsFront p
{
    padding: 2px 0;
    margin: 0;
}

/* ### STANDARD MAL ###*/

#standardTop
{
    float: left;
    position: relative;
    width: 1000px;
    height: 59px;
    background: url(images/standard_top.jpg) no-repeat top left;
}
#standardTop h1
{
    position: absolute;
    top: 17px;
    left: 5px;
    color: #ced44f;
    padding: 5px;
    margin: 0;
    font-family: Trebuchet MS;
    font-weight: normal;
    font-size: 24px;
}
#standardFullBG
{
    float: left;
    width: 1000px;
    min-height: 500px; /*position: relative;*/
    height: auto !important;
    height: 500px;
    background: url(images/standard_bg.jpg) repeat-x top left;
}
#standardFull
{
    float: left;
    width: 996px;
    margin: 6px 0 0 0;
    min-height: 500px;
    height: auto !important;
    height: 500px;
}
#standardLeft
{
    float: left;
    width: 229px;
    min-height: 500px;
    height: auto !important;
    height: 500px;
}
#standardRight
{
    float: left;
    position: relative;
    width: 739px;
    min-height: 500px;
    height: auto !important;
    margin: 0 0 6px 0;
    padding-left: 20px;
    height: 500px; /*padding-left: 20px;*/
    border-left: 1px solid #c7d1af;
}
h1.standardTitle
{
    position: absolute;
    margin: 0;
    padding: 0;
    top: 32px;
    left: 0;
    font-family: Arial;
    font-weight: normal;
    color: #666666;
    font-size: 24px;
    padding-left: 20px;
    line-height: 1.0em;
    width: 550px;
}
#venn
{
    margin: 0;
    padding: 0;
    float: left;
    width: 22px;
    height: 22px;
    text-indent: -9999px;
    overflow: hidden;
    background: url(images/tipsEnVenn.png) no-repeat;
}
#skriver
{
    margin: 0;
    padding: 0;
    float: left;
    width: 22px;
    height: 22px;
    text-indent: -9999px;
    overflow: hidden;
    background: url(images/skrivUt.png) no-repeat;
}
#VSseperator
{
    margin: 0 7px;
    float: left;
}
#vennogskriver
{
    position: absolute;
    top: 33px;
    left: 701px;
    width: 60px;
    height: 25px; /*border: 1px solid red;*/
}
#standardTitle
{
    width: auto;
    min-height: 78px;
    padding-left: 0;
    border-bottom: 1px solid #c7d1af;
}
#breadCrumb
{
    position: absolute;
    padding-left: 20px;
    top: 0;
    left: 0px;
    font-size: 11px;
}
#standardText
{
    /*width: 100%;*/ /* 550px; */
    padding-bottom: 14px;
    padding-top: 10px;
}
img.standardBilde
{
    padding: 14px 0;
}
#horizontalLine
{
    width: 988px;
    height: 1px;
    float: left;
    margin-left: 6px;
    border-bottom: 1px solid #c7d1af;
}
/* #### BreadCrumb #### */
#BChome
{
    color: #004785;
    text-decoration: none;
    margin-bottom: 10px;
}
img.BCseperator
{
    margin: 5px 5px -2px 5px;
}
#breadCrumb a
{
    text-decoration: none;
}
#breadCrumb a:hover
{
    text-decoration: underline;
}
.BClastElement
{
    color: #004785;
}

/* #### CATEGORY #### */

.category .product_image
{
    width: 150px;
    height: 150px;
    float: left;
    text-align: center;
}

.category .product_image h3
{
    margin: auto;
}

.category .product_text
{
    width: 300px;
    float: left;
    margin-right: 15px;
}

.product_title
{
    text-decoration: none;
    margin: 0;
    padding: 0 0 0 7px;
    color: #004785;
}
.product_title:hover
{
}

.category .product_text .ingress
{
    height: 80px;
    overflow: hidden;
}

.product_price
{
    font-family: Trebuchet MS;
    color: #61a2ae;
    font-size: 14px;
}
#webshopFront1
{
    float: left;
    width: 1000px;
    height: 292px;
    position: relative;
}
#flash
{
    position: absolute;
    top: 0;
    left: 6px;
    width: 497px;
    height: 280px;
}
#products2
{
    position: absolute;
    left: 509px;
    /*float: left;*/
    width: 255px;
    height: 280px;
}
.product2Box
{
    float:left;
    width: 255px;
    height: 131px;
    padding: 0 0 6px 0;
    margin-bottom: 6px;
    background-color: #ffffff;
}
.product2BoxImage
{
    text-align: center;
    /*padding: 5px;*/
    width: 255px;
    height: 98px;
    overflow: hidden;
}
.product2BoxImage a
{
    text-align: center;
    width: 255px;
    float: left;
}
.product2BoxImage td
{
    height: 78px; 
    vertical-align: middle;
}
.product2BoxContent
{
    height: 29px;
    padding-top: 10px;
    background: url(images/kampanjeWebshopTop.png) no-repeat 0px 10px;
}
.product2BoxContent h1
{
    padding: 5px 0 0px 15px;
    margin: 0px 0 0 9px;
    color: #ffffff;
    font-family: Trebuchet MS;
    display: block;
    height: 24px;
    font-weight: lighter;
    font-size: 18px;
    background: url(images/box_dot.gif) no-repeat 0 10px;
}
#productsCategories
{
    float: left;
    width: 988px;
    min-height: 200px; /* 194  */
    height: auto !important;
    height: 200px;
    padding: 0 6px;
}
.categoryInList
{
    display: block;
    height: 99px;
    width: 197px;
    background: url(images/produktKategori_bg.png) no-repeat top left;
}
.categoryInList td
{
    padding-bottom: 6px;
}
a.categoryItemLink
{
    font-family: Trebuchet MS;
    color: #124d85;
    font-size: 15px;
    margin: 0;
    padding: 0;
    width: 135px;
    text-decoration: none;
    z-index: 2;
}
#products4
{
    position: absolute;
    top: 286px;
    left: 0;
    width: 758px;
    height: 194px;
}
.product4Box
{
    margin: 0 0 0 6px;
    float: left;
    width: 373px;
    height: 195px;
    position: relative;
    background: url(images/kampanjeWebshop.png) no-repeat top left;
}
.product4BoxTop
{
    height: 40px;
    width: 373px;
}
.product4BoxTop h1
{
    padding: 15px 0 0px 15px;
    margin: 0px 0 0 9px;
    color: #ffffff;
    font-family: Trebuchet MS;
    display: block;
    height: 24px;
    font-weight: lighter;
    font-size: 18px;
    background: url(images/box_dot.gif) no-repeat 0 20px;
}
.product4BoxContent
{
    float: left;
    width: 187px;
    font-size: 11px;
    padding: 3px 3px 3px 6px;
    color: #333333;
    line-height: 1.2em;
}
.product4BoxContent h3
{
    font-weight: lighter;
    color: #124d85;
    font-size: 14px;
    margin: 5px 0;
}
.product4BoxContent span
{
    font-family: Trebuchet MS;
    color: #61a2ae;
    font-size: 14px;
    margin: 10px 3px;
}
.product4BoxImage
{
    text-align: center;
    float: left;
}
.product4BoxImage a
{
    text-align: center;
    width: 170px;
    float: left;
}
.product4BoxImage td
{
    height: 142px; 
    vertical-align: middle;
}
.product4BoxImage
{
    height: 142px;
    float: left;
    width: 170px;
    margin: 5px 0 0 5px;
    text-align: center;
    vertical-align: middle;
    border: 1px solid #c5cfac;
    background-color: #ffffff;
}
.product4BoxImage td
{
    height: 142px; 
    vertical-align: middle;
    /*border: 1px solid red;*/
}
#webshopText
{
    /*width: 100%;     float: left;     width: 739px;     padding: 0 0 14px 0;*/
}
#imagesVideo
{
    float: left;
    width: 739px;
    position: relative;
    /*min-height: 250px;*/
    border-bottom: 1px solid #ced6b8;
    margin-bottom: 10px;
}
.belowImages
{
    /*border: 1px solid red;*/
    float: left;
}
.buyButtom
{
    margin: 10px 0;
}
#productImages
{
    float: left;
    width: 500px;
    /*border: 1px solid blue;*/
}
#imagesRight
{
    /*border: 1px solid green;*/
    float: left;
    /*position: absolute;
    top: 0;
    left: 515px;*/
    padding: 15px 0 15px 15px;
    width: 210px;
    min-height: 150px;
    height: auto !important;
    height: 150px;
}
#imagesVideoRight div
{
    float: left;
}
.imgFrame
{
    padding: 0 5px 5px 0;
    width: 100px;
    min-height: 80px;
    float: left;
}
#tips
{
    width: 100%;
    margin: 10px 0 0 0;
    border-bottom: 1px solid #c7d1af;
    /*min-height: 170px;
    height: auto !important;*/
    height: 175px;
    text-align: center;
}
td.tips
{
    padding: 2px;
}
.headLine
{
    width: 100%;
    font-weight: normal;
    padding: 10px;
    font-size: 18px;
    display: block;
    color: #333333;
    background: url(images/categoryHeader.png) no-repeat left;
}
.productsDataTable
{
    width: 100%;
}
.productCategoryItem
{
    width: 172px;
    height: 239px;
    background: url(images/productBg.png) no-repeat top center;
}
.productCategoryItemInside a
{
    color: #ffffff;
}
.productCategoryItemInside h1
{
    padding: 0px 0 0px 10px;
    margin: 5px 0 0 13px;
    color: #ffffff;
    font-family: Trebuchet MS;
    display: block;
    height: 24px;
    font-weight: lighter;
    text-align: left;
    font-size: 18px;
    background: url(images/box_dot.gif) no-repeat 0 3px;
}
.productCategoryItemImage
{
    height: 130px;
    width: 170px;
    background: #ffffff;
    vertical-align: middle;
    overflow: hidden;
}
.productCategoryItemImage td
{
    height: 130px;
    width: 170px;
    text-align: center;
    overflow: hidden;
    vertical-align: middle;
}
.productCategoryItemText
{
    font-size: 11px;
    line-height: 1.2em;
    text-align: left;
    color: #333333;
    padding: 10px;
}
.productImageBox
{
    border: 1px solid #ced6b8;
    background: #ffffff;
    width: 145px;
    height: 108px;
    overflow: hidden;
    padding: 0;
    margin: 0;
}
.productTitle
{
    text-decoration: none;
    margin: 0;
/*    padding: 0 0 0 10px;*/
    font-family: Trebuchet MS;
    color: #004785;
    font-size: 14px;
    text-transform: uppercase;
}
.productIngress
{
    font-size: 11px;
    line-height: 1.2em;
    text-align: left;
    color: #333333;
    padding: 3px 10px;
    margin: 0;
}
.productPrice
{
    font-family: Trebuchet MS;
    color: #61a2ae;
    font-size: 14px;
    margin: 10px;
}
.productPrice span
{
    vertical-align: top;
    padding-top: 5px;
}
.categoryListLink
{
    padding: 1px 0 5px 5px;
    text-decoration: none;
}
#productLeftColum
{
    width: 337px;
    float: left;
    padding-right: 20px;
}
.productPriceInProduct
{
    height: 20px;
    padding: 0 4px 6px 0;
}
.productHeadLine
{
    font-size: 18px;
    color: #333333;
    font-weight: lighter;
    padding: 0 0 10px 0;
    margin: 0;
}
.productDescription
{
    font-size: 11px;
    color: #333333;
}
#productRightColum
{
    width: 357px;
    float: right;
    padding-left: 10px;
}
.ui-tabs .ui-tabs-hide
{
    display: none;
}
.relatedProducts
{
    border-top: 1px solid #ccd5b6;
    padding-top: 10px;
}
.relatedProducts ul
{
    list-style: none;
    margin: 0;
    padding: 0;
}
.relatedProducts li
{
    padding: 5px 0;
}
.relatedProducts a
{
    padding-left: 15px;   
    background: url(images/menu_dot.gif) no-repeat center left;
    text-decoration: none;
}
.relatedProducts a:hover
{
    text-decoration: underline;
}
.newsImage
{
    padding: 10px 10px 5px 0;
}
.productFrontOuter
{
    padding: 5px;
    position: relative;
    float: left;
    width: 210px;
    height: 70px;
}
.productFrontOuterImage
{
    position: absolute;
}
.productFrontOuterImage img
{
    border: 3px solid #d2dac0;
}
.productFrontOuterText
{
    position: absolute;
    left: 81px;
}

.newsletter
{
    float: left;
    padding: 3px 3px 3px 3px;
    background: url(images/newsletterInput.png) no-repeat 0px 22px;
}
.newsletter h3, .productFrontOuterText h3
{
    padding: 0;
    margin: 0;
    color: #124d85;
    font-size: 14px;
    font-weight: lighter;
    font-family: Arial;
}
.newsletterForm
{
    border: 0;
    float: left;
    height: 12px;
    padding: 0 0 0 3px;
    margin-top: 5px;
    font-size: 10px;
    width: 160px;
    background: none;
    font-size: 11px !important;
    /*border: 1px solid red;*/
}
.newsletterBtn
{
    float: left;
    padding: 2px 0 0 10px;
    border: 1px solid red;
}
.cartBox
{
    float: left;
    width: 600px; 
    margin: auto;
}
.cartTable
{
    float: left;
}
.cartHeadLine
{
    font-size: 18px;
    color: #333333;
    font-weight: lighter;
    padding: 0 0 3px 0;
    margin: 0 0 10px 0;
    border-bottom: 1px solid #cad3b3;
}
#cartRight
{
    float: left;
    position: relative;
    width: 739px;
    min-height: 500px;
    height: auto !important;
    margin: 0 0 6px 0;
    padding-left: 20px;
    height: 500px; /*padding-left: 20px;*/
    border-left: 1px solid #c7d1af;
}

