﻿/*** GENERELT ***/
body{font-size:62,5%}/*10px*/
form, *{margin:0px; padding:0px; text-align:left}
img{border:none}
.displaynone{display:none}
.clear{clear:both}
.floatleft{float:left}
.floatright{float:right}
.heightauto{height:auto}
ul{padding-left:20px}

/* Runde hjørner */
#container{position:relative; width:1001px; height:100%; margin: 3px auto 0px auto}
#space{padding:1px 4px; border-right:1px #a5a7a7 solid; border-left:1px #a5a7a7 solid; float:left;}

.b1, .b2, .b3, .b4{display:block; overflow:hidden; height:1px;}
.b1 {background:#a5a7a7; margin: 0 5px;}
.b2, .b3, .b4 {background:#fff; border-style:solid; border-color:#a5a7a7}
.b2 {margin:0 3px; border-width:0 2px;}
.b3 {margin:0 2px; border-width:0 1px;}
.b4 {margin:0 1px; border-width:0 1px;}

/*Toparea*/
#toparea{padding:6px; width:979px; float:left; font-family:Arial; background-color:#7a7d7d; background-image:url(/Files/system/TopmenuBg.gif); background-repeat:repeat-y; margin-bottom:4px}
    #topmenu{float:left; width:874px; text-transform: uppercase; padding-left:8px}
    #topmenu ul{padding-left:0px}
    #topmenu ul li{display:inline; float:left; padding:0px 8px}
    #topmenu ul li a.L1_Active:hover{color:#000; text-decoration:none}
    #login{width:75px; color:#fff; float:right; text-transform: uppercase}
    #login a{color:#fff}
    #topgraphic{float:left; width:989px; height:302px; border:1px #a5a7a7 solid}
    .rightsize{width:989px; height:302px;}

    #subgraphic img#caption{float:right; width:683px; height:363px; border:1px #a5a7a7 solid}    
    #subgraphic #caption{width:683px; height:363px; float:left}

/*Undersider*/
#iconarea{float:right; width:684px; height:23px; margin-top:5px}
    #sitemap{float:right; padding-left:10px}
    #print{float:right; padding-left:10px}
    #sendtofreind{float:right}

/*Underside:Produkter, Inspiration*/
#leftarea{float:left; width:301px}
    #toplogo{margin-top:13px; float:left; width:301px}
    #leftmenuTop{float:left; color:#fff; height:18px; padding:4px 0px 0px 10px; margin:0px 0px 12px 42px; _margin:0px 0px 14px 21px; width:231px; background-image:url(/Files/system/leftmenuHeaderBg.gif); background-repeat:repeat-y; background-color:#a1bd2c; text-transform:uppercase; font-weight:bold}
    #leftmenu{float:left; width:242px; margin-left:42px; _margin-left:21px}
     
    /*XSLT leftmenu*/
    #leftmenu ul{padding-left:0px}
    #leftmenu ul li{list-style-type:none;}
    #leftmenu ul li a.L2, #leftmenu ul li a.L2_Active{height:16px; padding-left:8px; text-transform:uppercase; font-size:10px; text-decoration:none; padding-top:4px; width:234px; display:block}
    #leftmenu ul li a.L3, #leftmenu ul li a.L3_Active, #leftmenu ul li a.L3_Active:hover{text-transform:uppercase; padding:3px 0px 3px 20px; height:12px; display:block}
    #leftmenu ul li a.L4, #leftmenu ul li a.L4_Active, #leftmenu ul li a.L4_Active:hover{padding:2px 0px 2px 34px; height:12px; display:block}
    #leftmenu ul li a.L1_Active:hover, #leftmenu ul li a.L2_Active:hover, #leftmenu ul li a.L3_Active:hover, #leftmenu ul li a.L4_Active:hover{color:#274092}

/*Underside:Nyheder;Nyhedsbrev*/
#newsmenu{float:left; width:242px; margin-left:42px; _margin-left:21px; border-top:1px #e0e0e0 solid; min-height:200px}
#newsmenu a{margin-left:10px; font-weight:normal; font-size:0.9em}

a.newsYear{color:#828282}
a.newsYear:hover{color:#2a3f92; text-decoration:underline}
#newsletterArea{float:right; width:263px; margin:0px 20px 0px 0px; _margin:0px 0px 0px 0px}
    #newsletterBox1{float:left; width:263px; background-image:url(/Files/system/newsletterboxBg.gif); background-repeat:repeat-y; padding:18px 10px 0px 15px}
    #newsletterBox1 *{color:#fff}
    #newsletterBox1 .h2{font-weight:bolder}
    #newsletterSubmit{float:right; margin-right:28px; margin-bottom:0px; cursor:pointer}    
    #newsletterBox2{float:left; width:238px; background-image:url(/Files/system/newsletterbox2Bg.gif); background-repeat:repeat-x; margin-top:3px; background-position:top; padding:10px 10px 0px 15px}
    #newsletterBox2 a{color:#283c92; margin-left:-12px}
    #newsletterBox1 input, #newsletterBox2 input{border:1px #e0e0e0 solid; width:190px; margin-right:25px; color:#000; font-size:10px; padding:2px 0px}
    #NewsletterReceiptNameFieldText{float:left; margin-bottom:10px}
    #NewsletterReceiptNameFieldTextTextbox{float:right; margin-bottom:10px}    
    #NewsletterReceiptEmailFieldText{float:left; margin-top:5px; margin-bottom:10px}
    #NewsletterReceiptEmailFieldTextTextbox{float:right; margin-bottom:10px}    
    
/*Billedtekst/farver bokse*/    
    #colorBox1{float:left; width:15px}
        #textBox1{background-color:#dbdcdc; float:left; height:15px; color:#686868; padding-left:5px; padding-right:55px; font-size:10px}
    #colorBox2{float:left; width:15px}
        #textBox2{width:230px; float:left; height:15px; color:#fff; padding-left:55px; background-color:#a1bd2c}
        #textBox2 a{color:#0089a1; font-size:10px; margin-right:30px}
        #textBox2 a:hover{color:#fff}
    #colorBox3{float:left; margin-left:250px; width:26px; height:15px; background-image:url(/files/system/textbox3Bg.gif); background-repeat:repeat-y}

/*Talmenu*/
#imagetitleForside{float:right; width:990px; border-right:1px #62842e solid}
a.linkcolor1, a.linkcolor2, a.linkcolor3, a.linkcolor4, a.linkcolor5, a.linkcolor6{color:#fff}

#textBox2 ul{padding-left:0px}
#textBox2 ul li{float:left; list-style-type:none}
        #textBox2 ul li.topmenu2 a{float:left; color:#294090; text-decoration:none; font-weight:normal}
        #textBox2 ul li.topmenu2 a:hover, #textBox2 ul li.topmenu2Active a:hover{color:#fff; text-decoration:none}                
        #textBox2 ul li.topmenu2Active a{color:#fff; text-decoration:none; font-weight:normal}
        
/*Referencer*/
#referencer{height:100%; float:left; margin-top:5px}
.newsBoxRef{float:left; width:241px; border:1px #eceeed solid; margin:12px 24px 0px 46px; _margin:20px 12px 0px 23px}
.newsHeaderRef{color:#777; height:18px; padding:4px 0px 0px 10px; width:231px; background-image:url(/Files/system/RefboxBg.gif); background-repeat:repeat-y; text-transform:uppercase; font-weight:bold}
.newstextRef{padding:5px; font-size:10px; line-height:13px;}/* color:#aeaeae*/
.newstextRef a{color:#283c92}
.oversigtsbilledeRef img{border-bottom:1px #bdbec0 solid}

/*Legend*/
#legendForside{width:380px; height:20px; float:left; margin-left:-3px}
#legend{width:380px; float:left; padding-left:300px; margin:22px 0px 0px 3px}
.Legend{color:#294090; font-weight:bold; text-transform:lowercase; text-transform:capitalize}

/*Content*/
#content{width:344px; padding:0px; float:left; margin:15px 37px 0px 0px; min-height:225px; _min-height:245px}
#contentFront{width:990px; padding:0px; float:left; margin:0px; min-height:225px; _min-height:245px}
#contentSub{width:990px; padding:0px; float:left; margin:0px; min-height:225px; _min-height:245px}
   #setup{float:left; width:990px}
   #setupClean{width:690px; float:left; padding-left:305px}
       /*Faktabokse*/
       #faktabox{float:left; width:244px; margin:-10px 20px 0px 40px; _margin:0px 20px}
       .newsBoxFakta{float:left; width:241px; border:1px #eceeed solid; margin:0px}
       /*paragraph setup*/
       #contentBox{float:left; width:365px; margin:0px 20px 0px 0px}
       #contentBoxWide{float:left; width:670px; margin:0px 20px 0px 0px; _margin:0px}   
       #contentFaktaboxWide{float:left; width:665px; margin:0px 20px 0px 0px; _margin:0px} 
       /*6 smaa billeder*/
       #imageArea{float:right; width:270px; margin:12px 5px 0px 0px}
       #oneThree img,#fourSix img{padding:5px}
   

/*Nyheder*/
.tekst{float:left; width:233px; _width:230px; font-size:10px; padding-bottom:5px}
.tekst h2.h2{color:#636363}
.tekst ul{padding-left:20px}
#newsFrame{width:264px; position:absolute; top:263px; left:707px; background-color:#fff; float:left; height:auto}
.newsBox{border:1px #a1bd2c solid; width:262px; float:left; padding-bottom:19px}
.newsBoxHeader{background-color:#a1bd2c; color:#fff; height:20px; padding:4px 0px 0px 8px; width:254px; _width:256px; float:left; text-transform:uppercase; font-weight:bold; font-family:Arial}
.newsItem{width:244px; float:left; border-bottom:1px #898c8c dotted; height:auto; margin-left:7px; _margin-left:5px; padding:8px 0px}
    .newsImage{padding:0px 10px 0px 0px; float:left; width:60px}
    .newsImage a img{height:41px}
    .newsBoxInner{float:left; width:174px; _width:164px}
         .newstext{padding:0px; /*color:#bcc2bf*/ color: #555;}
         .newsHeader a, .newsHeader a:hover{color:#a1bd2c; font-weight:bold; text-decoration:none}

#footer{padding:7px; margin:10px 0px 0px 0px; width:977px; float:left; font-family:Arial; background-color:#7a7d7d; height:10px}
#footer small, #footer a{color:#fff; font-size:10px; width:977px; font-weight:normal; text-decoration:none; font-family:Arial}
#footer small{display:inline-block; text-align:center;}

.greentext{color:#a1bd2c; font-weight:bold}

/*MEDIEDB - billedbank*/
#category{width:170px}
#searchword{width:165px}
.lightcolor{color:#999}
.pad{padding:5px}
.thumblarge{float:left; width:350px; padding-right:10px}
.element{float:left; width:300px}
.MediaDBSearchCategory{width:170px; padding:1px}