html { height: 101%; }
body
{
   /* background-color: #E0E0E0;*/
    background-color: #fff;
    margin: 0px;
    color: #333;
    font-size: 11px;
    font-family: arial;
}




/*--------------------GENERAL----------------------------*/

img
{
    border: none;
}

a
{
    color: #467492;
    text-decoration: none;
}


/*--------------------TYPO------------------------------*/

h1
{
    padding: 0px;
    font-size: 24px;
    font-family: arial;
    font-weight: normal;
    color: #3a3c3b; /*    color: #467492;*/
    margin: 0px 0px 15px 0px;
}
h2
{
    padding: 0px;
    margin: 0px;
    color: #3a3c3b;
    font-size: 12px;
    font-family: arial;
    font-weight: bold;
}
h3
{
    padding: 0px;
    margin: 0px;
    color: #3a3c3b;
    font-size: 11px;
    font-family: arial;
    font-weight: bold;
}
h4
{
    color: #7D97A8;
    font-family: arial;
    font-size: 11px;
    font-weight: normal;
    margin: 0 0 5px;
    padding: 0;
}
.ingress
{
    font-size: 14px;
    font-weight: bold;
    line-height: 16px;
    padding: 0px;
    margin: 0px 0px 0px 0px;
}
.graybarleft
{
    width: 201px;
    height: 26px;
    background-image: url(/images/graphic/vkg/leftleftheaderback.gif);
    background-repeat: no-repeat;
    padding: 4px 0px 0px 4px;
}
.graybarmiddle
{
    width: 376px;
    height: 26px;
    background-image: url(/images/graphic/vkg/leftmiddleheaderback.gif);
    background-repeat: no-repeat;
    padding: 4px 0px 0px 4px;
}
.graybarright
{
    width: 260px;
    height: 26px;
    background-image: url(/images/graphic/vkg/rightheaderback.gif);
    background-repeat: no-repeat;
    padding: 4px 0px 0px 4px;
}
.graybarleft h2, .graybarmiddle h2, .graybarright h2
{
    font-size: 13px;
    color: #333;
    padding: 0px;
    margin: 0px;
}
.bluebarleft
{
    width: 201px;
    height: 26px;
    background-image: url(/images/graphic/vkg/blueleftheaderback.gif);
    background-repeat: no-repeat;
    padding: 4px 0px 0px 4px;
}
.bluebarleft h2
{
    font-size: 13px;
    color: #fff;
    font-weight: normal;
    padding: 0px;
    margin: 0px;
}

/*--------------------SITESTRUCTURE---------------------*/

#siteposition
{
    margin: 0px auto;
    width: 890px;
}

@media screen
{
    #sitewrapper
    {
        width: 880px;
        padding: 0px 9px;
        float: left;
        background-color: #fff;
        border: solid 1px #f0f0f0;
    }
}

@media print
{
    #sitewrapper
    {
        width: 880px;
        padding: 0px 9px;
        float: left;
        background-color: #fff;
    }
}

/*--------------------TOP/NAV---------------------------*/

@media screen
{
    #topholder
    {
        width: 880px;
        margin: 0px 0px 20px 0px;
        float: left;
    }
}

@media print
{
    #topholder
    {
        display:none;
    }
}

#topimageholder, .StaticTop
{
    height: 135px;
    width: 880px;
    float: left;
    margin: 0px 0px 5px 0px;
}

.StaticTop
{
    background-image: url(/images/graphic/noflash_back.jpg);
    background-repeat: no-repeat;
}
.SitesNav
{
    background-image: url(/images/graphic/sites_nav_back.jpg);
    background-position: right center;
    background-repeat: no-repeat;
    height: 30px;
    margin: 0 0 0 310px;
    position: absolute;
    width: 570px;
}
.SitesNav a
{
    color: #fff;
    margin: 5px 19px;
    float: left;
    font-size: 12px;
}
.SitesNav a:hover
{
    text-decoration: underline;
}


.LogoHolder
{
    width: 140px;
    height: 90px;
    cursor: pointer;
    background-color: Red;
    position: absolute;
    margin: 10px 0px 0px 10px;
}
.TopSearch
{
    width: 880px;
    margin: 100px 0px 0px 0px;
    text-align: right;
    font-size: 16px;
    color: #fff;
    position: absolute;
}
.TopSearch img
{
    vertical-align: middle;
}
.TopSearch input
{
    height: 17px;
    margin: 4px 0 0 4px;
    width: 148px;
}
#topnavigation
{
    float: left;
    color: #4691B7;
    width: 851px;
    margin: 0px;
    height: 23px;
    padding: 1px 15px;
    background-image: url(/images/graphic/vkg/topnavback.gif);
    background-repeat: no-repeat;
}




/*-----------------MAINCONTENTAREA --------------------*/

#mainareaholder
{
    float: left;
    width: 880px;
    padding: 0px 0px 20px 0px;
}
#leftarea
{
    /*width: 586px;*/
    width:595px;
    float: left;
    margin: 0px 9px 0px 0px;
}
#widecontentstart
{
    width: 546px;
    float: left;
    padding: 20px;
    font-size: 18px;
    height: 211px;
}
/*#widecontent
{
    width: 566px;
    padding: 0px 10px 20px 10px;
    float: left;
    min-height:325px;
    font-size:11px;
}*/

#widecontent
{
    width:596px;
    padding: 0px 0px 20px 0px;
    float: left;
    /*min-height: 325px;*/
    font-size: 12px;
    overflow:hidden;
    margin:9px 0px 0px 0px;
}

@media screen
{
    .leftcolum
    {
        width: 201px;
        float: left;
    }
}

@media print
{
    .leftcolum
    {
        display:none;
    }
}

@media screen
{
    #middlecolum
    {
        width: 376px;
        float: right;
    }
}

@media print
{
    #middlecolum
    {
        display:none;
    }
}

@media print
{
    #breadcrumb
    {
        display:none;
    }
}


@media screen
{
    #rightarea
    {
        width: 265px;
        /*width: 285px;*/
        float: right;
    }
}

@media print
{
    #rightarea
    {
        display:none;
    }
}

#widecontent ul
{
    margin:2px 0px 5px 0px;
    padding:0px;
}

#widecontent ul li
{
    margin:1px 0px 0px 35px;

}
/*------LEFTCOLUMCONTENTS-------*/

.leftcolumholder
{
    width: 182px;
    float: left;
}
.leftcolumtop, .leftcolumtop_white
{
    width: 201px;
    float: left;
    height: 10px;
    background-image: url(/images/graphic/vkg/leftcolumtop.gif);
    background-repeat: no-repeat;
}
.leftcolumcontent, .leftcolumcontent_white
{
    width: 191px;
    padding: 0px 9px;
    float: left;
    background-image: url(/images/graphic/vkg/leftcolumcontent.gif);
    background-repeat: repeat-y;
}
.leftcolumbottom, .leftcolumbottom_white
{
    width: 201px;
    float: left;
    height: 12px;
    background-image: url(/images/graphic/vkg/leftcolumbottom.gif);
    background-repeat: no-repeat;
}
.leftcolumtop_white
{
    background-image: url(/images/graphic/leftcolumtop_white.gif);
}
.leftcolumbottom_white
{
    background-image: url(/images/graphic/leftcolumbottom_white.gif);
}
.leftcolumcontent_white
{
    background-image: url(/images/graphic/leftcolumcontent_white.gif);
}

.presspuff
{
    width: 182px;
    float: left;
    margin: 0px 0px 20px 0px;
}
.presspuff span
{
    color: #CCC;
    font-size: 10px;
    display: block;
}
.presspuff a
{
    display: block;
}
.contactpuff
{
    width: 183px;
    float: left;
    height: 235px;
    background-image: url(/images/graphic/vkg/contactback.gif);
    background-repeat: no-repeat;
    font-size: 13px;
    padding: 9px;
}

.LcLink
{
    padding: 4px 0px;
    display: block;
    width: 182px;
}
.linkSep
{
    width: 180px;
    display: block;
    border-bottom: solid 1px #ddd;
    margin: 0px;
    padding: 0px;
    height: 1px;
}
.LcLink img
{
    /*border:solid 1px #ddd;*/
    vertical-align: middle;
    margin: 0px 6px 0px 0px;
}

/*------MIDDLECOLUMCONTENTS-------*/

.latestepuff
{
    width: 367px;
    float: left;
    border-bottom: solid 1px #E0E0E0;
    margin: 0px 0px 20px 0px;
    padding: 4px 0px;
}
.latestepuff span
{
    color: #CCC;
    font-size: 10px;
    display: block;
}
.latestepuff a
{
    display: block;
}



/*-------------------- RIGHTCOLUM--------------------*/

.bigrightpuff
{
    width: 286px;
    float: left;
}
.bigrightpuff a
{
    float: left;
    display: block;
    margin: 0px 0px 15px 0px;
    color: #333333;
    width: 254px;
}
.bigrightpuff span
{
    color: #467492;
}

.bigrightpufftop
{
    background-image: url(/images/graphic/vkg/bigrightpufftop265.gif);
    background-repeat: no-repeat;
    width: 265px;
    float: left;
    height: 7px;
}
.bigrightpuffcontent
{
    background-image: url(/images/graphic/vkg/bigrightpuffcontent265.gif);
    background-repeat: no-repeat;
    background-color: #f2f2f2;
    border-left: solid 1px #e0e0e0;
    border-right: solid 1px #e0e0e0;
    width: 233px;
    padding: 0px 15px;
    float: left;
}
.bigrightpuffcontent2
{
    background-image: url(/images/graphic/vkg/bigrightpuffcontent265.gif);
    background-repeat: no-repeat;
    background-color: #f2f2f2;
    border-left: solid 1px #e0e0e0;
    border-right: solid 1px #e0e0e0;
    width: 233px;
    padding: 0px 15px;
    float: left;
   
    overflow:visible;
}
.bigrightpuffbottom
{
    background-image: url(/images/graphic/vkg/bigrightpuffbottom265.gif);
    background-repeat: no-repeat;
    width: 265px;
    float: left;
    height: 7px;
}
.AllRefLink
{
    font-size:12px;
}
.AllRefLink:hover
{
    font-style:italic;
}
/*.smallrightpuff, .smallrightpuffvillavarme, .smallrightpuffenergi, .smallrightpuffinstallation
{
    height: 80px;
    font-size: 12px;
    padding: 5px 15px;
    float: left;
    width: 256px;
    margin: 10px 0px 0px 0px;
}
.smallrightpuff
{
    background-image: url(/images/graphic/vkg/SilverpuffBack265.jpg);
    background-repeat: no-repeat;
    padding: 10px 10px 0px 10px;
    width: 245px;
    font-size: 11px;
}*/

.smallrightpuff
{
    background-image: url(/images/graphic/vkg/SilverpuffBack265.jpg);
    background-repeat: no-repeat;
    background-position:bottom;
    width: 245px;
    font-size: 11px;
    height: 100px;
    float: left;
    padding:0px 10px;
  
}
.smallrightpuff_text
{
    margin:15px 0px 0px 0px;

}


.smallrightpuffinstallation
{
    background-image: url(/images/graphic/installation/aopuffbackInstallation.jpg) !important;
}

.smallrightpuffvillavarme
{
    background-image: url(/images/graphic/villlavarme/aopuffbackVilla.jpg);

}
.smallrightpuffenergi
{
    background-image: url(/images/graphic/energi/aopuffbackEnergi.jpg);
}
.AoPuffText
{
    width: 200px;
}

.smallrightpuff h3, .smallrightpuffvillavarme h3, .smallrightpuffenergi h3, .smallrightpuffinstallation h3
{
    color: #3a3c3b;
    padding: 0px;
    margin: 0px 0px 5px 0px;
    font-size: 18px;
}
.bigrightpuff h3
{
    color: #3A3C3B;
    padding: 0px;
    margin: 0px 0px 10px 0px;
    font-size: 18px;
}
.smallrightpuff a
{
    display: block;
}

/*.customerservice
{
    height: 99px;
    font-size: 12px;
    padding: 5px 15px;
    color: #fff;
    float: left;
    width: 256px;
    margin: 15px 0px 0px 0px;
    background-image: url(/images/graphic/vkg/custserviceback265.gif);
    background-repeat: no-repeat;
}*/

.customerservice
{
    height: 100px;
    font-size: 12px;
    padding: 0px 15px;
    color: #fff;
    float: left;
    width: 235px;
    background-image: url(/images/graphic/custserviceback92.gif);
    background-repeat: no-repeat;
    background-position:bottom;
}

.CustLinks a
{
    color: #8FADBF;
    font-family: "Arial narrow" ,Arial;
    font-size: 23px;
    padding:0px 10px;
}

.CustLinks a:hover
{
    color: #fff;
    font-family: "Arial narrow" ,Arial;
}
.CustLinks
{
    float: left;
    text-align: center;
    width: 240px;
}
.custpriv
{
    margin: 0px;
}
.customerservice h3
{
    color: #fff;
    padding: 0px;
    margin: 15px 0px;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: bold;
}
.LogoPuff
{
    margin:8px 0px 0px 0px;
}

/*------------------------FOOTER---------------------*/

@media screen
{
    #footer
    {
        width: 900px;
        float: left;
        font-size: 10px;
        padding: 9px 0px 0px 0px;
        border-top: solid 10px #999;
    }
}

@media print
{
    #footer
    {
        width: 900px;
        float: left;
        font-size: 10px;
        padding: 9px 0px 0px 0px;
        border-top: solid 1px black;
    }
}
.FooterInfo
{
    width:500px;
    float:left;
  }
.PoweredBy
{
    width:300px;
    float:right;
    text-align:right;
 
 }
/*-------------------------SIDMALLAR-------------------------*/


.TextImgRight
{
    margin: 10px 0px 10px 10px; /*width: 270px;*/
    float: right;
}

.TextImgLeft
{
    margin: 10px 10px 10px 0px; /* width: 270px;*/
    float: left;
}
.TextImgCenter
{
    margin: 10px 0px;
    text-align: center;
}

/*--------------- TABELLER -------------------------------------*/

.tablestyle1
{
    width: 100%;
    margin: 10px 0px;
}
.darkrow2:hover, .lightrow:hover
{
    background-color: #43718f;
    color: #fff;
}

.tablestyle1 tr:hover a
{
    color: #fff;
}

.tablestyle1 tr:hover th a
{
    color: #333;
}

.tablestyle1 td
{
    padding: 4px 0px;
    border-bottom: solid 1px #efefef;
}
.darkrow
{
    background-color: #efefef;
}
.darkrow2
{
    background-color: #efefef;
    cursor: pointer;
}
.lightrow
{
    background-color: #fff;
    cursor: pointer;
}
.tablestyle1 thead
{
    cursor: crosshair;
}
.tablestyle1 th
{
    text-align: left;
    cursor: default;
    color: #333;
    padding: 6px 0px;
}

.tablestyle1 th a
{
    color: #333;
}

.gridHeader
{
    border: none;
}
.gridItem
{
    border: none;
}

.DynTable
{
    width: 560px; /*border:solid 1px #ddd;*/
    padding: 5px;
}
.DynTable th
{
    background-color: #DFDFDF;
    border: 1px solid #FFFFFF;
    padding: 4px;
    text-align: left;
}


.DynTable tr
{
}


.DynTable td
{
    padding: 4px;
    font-size:11px;
}



/*------------------PRESS LISTNING ------------------*/
.PressListYearSort
{
    background-color: #F1F1F1;
    border: 1px solid #DDDDDD;
    color: #234358;
    padding: 2px 4px;
}
.PressListYearSort a
{
    font-weight: bold;
    margin: 0px 4px;
    color: #55809c;
}
.PressListYearSort span
{
    margin: 0px 0px 0px 4px;
}
.PressYebtnAct
{
    font-size: 12px;
}
.PressListYearSort a:hover
{
    text-decoration: underline;
    color: #000;
}
.PressListYearSort
{
    padding: 2px 4px;
    border: solid 1px #ddd;
    background-color: #f1f1f1;
}

.PressListHolder
{
    padding: 10px 0px 20px 0px;
    float: left;
    margin: 0px 0px 20px 0px;
}
.PressListItem
{
    border-bottom: 1px solid #DDDDDD;
    padding: 0px 0px 8px 0px;
    margin: 5px 0;
    float: left;
    width: 100%;
}
.PressListItemText span
{
    display: block;
    float: left;
    font-weight: bold;
    margin: 0;
    padding: 0 0 4px;
    font-size: 12px;
    width: 594px;
}
.PressListItemText
{
    padding: 0px;
}
.PressTime
{
    color: #000000;
    float: left;
    font-size: 10px;
    text-align: left;
    width: 400px;
}
.PressTimeTop
{
    font-size: 10px;
    color: #000;
    margin: 10px 0px 10px 0px;
}
.PressViewPdf
{
    font-size: 10px;
    padding: 0px;
    text-align: right;
    width: 585px;
}
.PressViewPdf a
{
    margin: 0px 2px;
}
.PressViewPdf a:hover
{
    color: #000;
}
.PressViewPdf img
{
    vertical-align: middle;
}

.PressViewPdfSmall
{
    font-size: 10px;
    position: absolute;
    margin: 0px;
    padding: 2px 5px;
    text-align: right;
    width: 546px;
}
.PressViewPdfSmall a
{
    margin: 0px 2px;
}

.PressViewPdfSmall img
{
    vertical-align: middle;
}

.PressReleaseHolder
{
    padding: 0px 0px 20px 0px;
    border-bottom: solid 1px #ddd;
    margin: 0px 0px 10px 0px;
}

/*--------------- PERSONLISTS -----------------*/
.Contacts
{
    width: 566px;
    float: left;
    margin: 6px 0px;
}
.ContactsImg
{
    width: 70px;
    float: left;
    margin: 0px 4px 0px 0px;
    border: solid 1px #DFDFDF;
}


.ContactsText
{
    width: 485px;
    float: right;
    line-height: 16px;
}

.ContactsText a:hover
{
    text-decoration: underline;
}
.ContactsText b
{
    font-size: 11px;
}

/*------------------SEARCH RESULT LIST ------------------*/

.SearchReslistHolder
{
    padding: 10px 0px 20px 0px;
    margin: 10px 0px 20px 0px;
    float: left;
}
.SearchReslistItem
{
    width: 100%;
    border-bottom: solid 1px #d1d1d1;
    padding: 6px 0px 0px 0px;
    float: left;
}

.SearchReslistItemText {
float:left;
padding:0 0 10px;
width:435px;
}
.SearchReslistItemText b
{
    font-size: 14px;
}
.SearchReslistItemTime
{
    font-size: 10px;
    margin: 4px 0px 0px 0px;
    color: #000;
}
.SearchReslistItemLink
{
    font-size: 10px;
    padding: 2px 5px;
    text-align: right;
    float: right;
    width: 150px;
}

.treeview img
{
    margin: 0px 8px 0px 0px;
}

.treeview a
{
    color: #0B1D4A;
}
.treeview a:hover
{
    color: #646f8b;
    font-style: italic;
}


.StockAlpha
{
    filter: alpha(opacity=40);
    -moz-opacity: 0.4;
    opacity: 0.4;
    width: 400px;
    height: 400px;
    position: absolute;
    background-color: Red;
    margin: 40px 0px 0px 0px;
}



#stockiframe
{
    z-index: 1;
    width: 200px;
    background-color: Red;
    height: 200px;
    position: absolute;
    filter: alpha(opacity=40);
    -moz-opacity: 0.4;
    opacity: 0.4;
    background-color: Transparent;
}


/*--------------CALENDAR STYLE--------------*/

.CalendarItem
{
    border-bottom: 1px dashed #DDDDDD;
    float: left;
    margin: 4px 0;
    padding: 0 0 6px;
    width: 546px;
}
.CalIcon
{
    width: 70px;
    height: 75px;
    float: left;
    background-image: url(/images/icons/calendar_icon_back.jpg);
    background-repeat: no-repeat;
}
.CalItemIconMonth
{
    color: #FFFFFF;
    font-size: 10px;
    margin: 4px 0 0 7px;
    text-align: center;
    width: 49px;
}
.CalItemIconDate
{
    color: #467492;
    font-size: 30px;
    font-weight: bold;
    margin: 6px 0 0 7px;
    text-align: center;
    width: 48px;
}
.CalItemInfo
{
    float: right;
    margin: 5px 0 0;
    width: 470px;
}
.CalItemInfoWide
{
    float: left;
    margin: 5px 0 0;
    width: 470px;
}
.CalItemInfo span, .CalendarItem span
{
    display: block;
    padding: 0px;
    font-size: 12px;
    font-weight: bold;
    margin: 0px;
}

/*--------------------- TWO COLUM LAYOUT -----------------*/

.TwoColumLayout
{
    width: 595px;
    float: left;
}

.TCL_left
{
    float: left;
    width: 275px;
}

.TCL_right
{
    float: right;
    width: 275px;
}

/*-------------ART TOOLS TEXTFORMATATION - ------------------------------*/
.energiochdrift_color
{
	color:#4c7543;
}

.installation_color
{
	color:#646464;
}

.villavarme_color
{
	color:#877d73;
}

.vkg_color
{
	color:#467492;
}
.blue
{
    color: #467492;
}
.red
{
    color: #dc002e;
}
.lightgray
{
    color: #d8e0e5;
}
.darkgray
{
    color: #757477;
}

.smaller
{
    font-size: 11px;
}
.normal
{
    font-size: 12px;
}
.bigger
{
    font-size: 13px;
}
.biggest
{
    font-size: 14px;
}
.ContactPerson
{
    margin-right: 10px;
    margin-top: 3px; /* width: 270px;*/
    float: left;
}
.ContactPersonInfo
{
    float: right;
        width:274px;
}
.ContactPersonInfoWide
{
    float: right;
        width:365px;
}

.ContactPerson img
{
    padding:4px;
    border:solid 1px #ddd;
    width:70px;
    height:90px;

}
.solidLine, .dashedLine
{
    width:100%;
    border-bottom:solid 1px #828282;
    padding:15px 0px 0px 0px;
    float:left;
    margin:0px 0px 15px 0px;
    
    
    }
.dashedLine
{
    border-bottom:dashed 1px #828282;
 
 }
/*-------------ARTICLE TEMPLATES-------------*/

.contentholder
{
    margin: 0px 0px 10px 0px;
    float: left;
}
.TempLeftCol
{
    width: 200px;
    float: left;
    margin:0px 10px 0px 0px;
    overflow:hidden;
}

.TempLeftColNarrow
{
    width: 150px;
    float: left;
    margin:0px 10px 0px 0px;
    padding-left:25px;
    padding-right:25px;
}

.TempLeftCol img, .TempLeftColNarrow img
{
    margin:0px 0px 10px 0px;
    
}

.TempRightCol
{
    width: 373px;
    margin: 0px 0px 0px 10px;
    float: right;
}



.locationLinks
{
float: left; 
width: 200px;
}

.locationLinks a
{
    font-size:14px;
    width:200px;
    border-bottom:solid 1px #f2f2f2;
    padding:10px 0px;
    display:block;
    float:left;
}
.locationLinks a:hover
{
    border-bottom:solid 1px #ddd;
}
.LocationTopInfo
{
    font-size:12px;
 
 }
 
 .imageText
 {
     width:135px;
     height:60px;
     overflow: hidden;
 }