﻿/*** GENERELT ***/
body, html, table, td, img, form, h1, h2, h3, h4, h5, h6 {margin: 0; padding:0px;}
body, html { width:100%; border:0px; color:#000000; font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif;}ica, sans-serif;}
table, td { border:0px; border-collapse:collapse;}
a { color:#009b35; text-decoration:underline;}
a:hover { color:#009b35; text-decoration:none;}
img {border:0px;}
form {display:inline;}

.displaynone{display:none}
.clear{clear:both}
.floatleft{float:left}
.floatright{float:right}
.heightauto{height:auto}

/* Runde hjørner */
#container{position:relative; width:1001px; height:100%; margin: 30px 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{width:991px; float:left; font-family:Arial; background:#009c35; border-bottom:3px solid #143c94; margin-bottom:4px}


    #topmenu{float:left; width:874px; text-transform:uppercase;}
    #topmenu ul{ height:26px; margin:0px; padding:0px;}
    #topmenu ul li{ display:inline; float:left; padding:0px 12px;  color:#FFFFFF; font-size:11px; line-height:26px;}
    #topmenu ul li a {color:#FFFFFF; text-decoration:none;}
    #topmenu ul li a:hover {color:#143c94; text-decoration:none; font-weight:normal !important;}
    #topmenu ul li.L1_Active {background:#143c94; font-weight:normal;}
    #topmenu ul li.L1_Active a:hover {color:#009c35; text-decoration:none;}
    .L1_Active {font-weight:normal;}
    .L1 A {font-size:11px;}

    #login{width:50px; height:26px; line-height:26px; color:#fff; float:right; text-transform: uppercase}
    #login a {color:#FFFFFF;}
    #login a:hover {color:#143c94;}
    #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{float:left; width:301px; clear:both;}
    #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:#009b35; text-transform:uppercase; font-weight:bold}
    
    #leftmenu  {width:259px; float:left; clear:both;}
    #leftmenu ul {width:259px; margin:0px; padding:0px; margin-left:23px; margin-bottom:20px;}
    #leftmenu li.L2 { height:32px; list-style-type:none; color:#000000; font-size:12px; line-height:32px; text-transform:uppercase;  border-bottom:1px solid #d9d9d9;}
    #leftmenu li.L2 a { color:#000000; text-decoration:none;}
    #leftmenu li.L2 a:hover { color:#009c35;}
    #leftmenu li.L2_Active ul{width:auto;}
    #leftmenu li.L2_Active{height:auto; background:#009c35; color:#FFFFFF; text-transform:uppercase;}
    #leftmenu li.L2_Active a {color:#FFFFFF; text-decoration:none; line-height:32px; padding-left:10px;}
    #leftmenu li.L2_Active a:hover  { color:#143c94; font-weight:normal !important;}

    #leftmenu li.L3 { height:32px; background:#FFFFFF; list-style-type:none; color:#000000; font-size:11px; line-height:32px; text-transform:uppercase;  border-bottom:1px solid #d9d9d9;}
    #leftmenu li.L3 a { color:#000000; text-decoration:none; padding-left:20px;}
    #leftmenu li.L3 a:hover { color:#009c35;}
#leftmenu li.L3_Active ul{  border-top:1px solid #d9d9d9; padding-bottom:20px !important;}    
#leftmenu li.L3_Active{height:auto; list-style-type:none; background:#FFFFFF; color:#FFFFFF; text-transform:uppercase;  border-bottom:1px solid #d9d9d9;}
    #leftmenu li.L3_Active a {color:#009c35; text-decoration:none; padding-left:20px;}
    #leftmenu li.L3_Active a:hover  { color:#009c35; font-weight:normal !important;}

    #leftmenu li.L4 { height:16px; list-style-type:none; color:#000000; font-size:11px; line-height:16px; text-transform:uppercase;}
    #leftmenu li.L4 a { color:#000000; text-decoration:none; padding-left:30px;}
    #leftmenu li.L4 a:hover { color:#009c35;}
    #leftmenu li.L4_Active{height:16px; line-height:16px; list-style-type:none; color:#FFFFFF; text-transform:uppercase;}
    #leftmenu li.L4_Active a {color:#009c35; text-decoration:none; padding-left:30px;}
    #leftmenu li.L4_Active a:hover  { color:#009c35;}

#leftmenu li.L2_Active ul {margin:0px; padding:0px;}

.L2 a, .L2 a:hover, .L2_Active {font-size:12px; font-weight:normal;}
.L3 a, .L3 a:hover, .L3_Active {font-size:11px; font-weight:normal;}
.L4 a, .L4 a:hover, .L4_Active {font-size:10px; font-weight:normal;}

/*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-left:20px; margin-top:20px;}
    #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:180px; margin-right:25px; margin-bottom:3px; 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:#009b35}
        #textBox2 a{color:#0089a1; font-size:10px; margin-right:30px}
        #textBox2 a:hover{color:#fff}
#colorBox3{float:left; width:276px; height:15px; background:#009b35;}

/*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:0px; margin:0px;}
#textBox2 ul li{float:left; list-style-type:none}
#textBox2 ul li.topmenu2 a{float:left; color:#CCCCCC; 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{width:259px; ;height:100%; float:left; margin-top:20px; margin-left:23px; margin-right:22px;}
.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}

.box {margin-bottom:10px;}

/*Legend*/
#legendForside{width:380px; height:20px; float:left; margin-left:-3px}
#legend{width:580px; float:left; clear:both; 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:991px; padding:0px; float:left; margin:0px; min-height:225px; _min-height:245px}
#contentSub{width:991px; padding:0px; float:left; margin:0px; min-height:225px; _min-height:245px; margin-top:10px;}

#contentSubLeft {width:301px; float:left;}
#contentSubMain {width:689px; float:right;}

.subPageSize {border: 1px solid #A5A7A7; float: right; height:363px; width:687px;}
#paragraphsWide {width:666px; float:left; clear:both; margin-top:15px;}
#paragraphs {width:403px; float:left; clear:both; margin-top:15px;}
#subBoxes {width:278px; margin-left:23px; float:left; clear:both; margin-top:30px;}

   #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; background:#FFFFFF; float:right; height:auto; margin-right:23px; margin-top:33px;}
.newsBox{border:1px #009b35 solid; width:262px; float:left; padding-bottom:19px}
.newsBoxHeader{background-color:#009b35; 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:#009b35; font-weight:bold; text-decoration:none}

#footer { width:1001px; height:80px; margin-top:10px; font-size:11px; float:left; clear:both;}
#footertext1 {width:150px; margin-left:5px; float:left;}
#footertext2 {width:150px; padding-left:30px; border-left:1px solid #989c9b; float:left;}
#footertext3 {width:150px; padding-left:30px; border-left:1px solid #989c9b; float:left;}

.greentext{color:#009b35; font-weight:bold;}

.h1 {color:#143c94; font-size:26px; font-family: 'Ubuntu', sans-serif; line-height:26px; margin-bottom:8px;}
.h2 {color:#000000; font-size:20px; font-style:italic; font-weight:normal; font-family: 'Ubuntu', sans-serif; margin-bottom:4px;}
.h3 {color:#143c94; font-size:20px; font-weight:normal; font-family: 'Ubuntu', sans-serif;}

#content p {margin-top:10px; margin-bottom:10px;}

/*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}
