﻿.puff { margin-bottom: 20px; clear: both; }

.relative { position: relative; }

.genericPuff img { margin-bottom: 5px; }

.blivandeElevGraphic1 .relative { padding-top: 2px; }

.blueBox
{

    margin-bottom: 12px;

}

.blueBox span.top
{
    width: 215px;
    height: 10px;
    display: block;
    background: transparent url(/images/graphics/blueBoxTop.gif) no-repeat 0 0; 
}


.blueBox .content
{
    width: 186px;
    background: transparent url(/images/graphics/blueBoxTiling.gif) repeat-y 0 0; 
    padding: 10px 16px 10px 10px;
    font-size: 2em;
    font-family: Times new Roman, Serif;
    text-align: center;
    color: #35679A;
}

.blueBox span.bottom
{
    width: 215px;
    height: 22px;
    display: block;
    background: transparent url(/images/graphics/blueBoxBottom.gif) no-repeat 0 0; 
}

.blueBox a:link, .blueBox a:visited
{
    color: #35679A;
}

.blueBox a:hover, .blueBox a:active
{
    color: #35679A;
    text-decoration: underline;
}

.blueBox img
{
    border: 1px solid #b1770b;
    margin-bottom: 9px;
}

.blueBox p
{
    font-size: 20px;
    padding: 0 5px;
}


/* Default list */

ul.defaultList
{
    margin: 0!important;
    padding: 0!important;   
}


ul.defaultList h3
{
    font-family: Verdana, Arial;
    font-size: 14px;
    color: #336699;
    font-weight: bold;
}

ul.defaultList li
{
    margin: 0!important;
    list-style: none;
    border-bottom: 1px solid #f1f1f1;
    padding: 8px 10px 16px 10px;
}

ul.defaultList.nyhetslista .textContentEm12 { margin-bottom: -12px; }


/* Read more link */ 
a.readMoreLinkNews:link, a.readMoreLinkNews:visited, a.readMoreLinkReportage:link, a.readMoreLinkReportage:visited
{
    font-size: 1.2em;
    color: #f5a700;
    margin-bottom: 1px;
    border-bottom: 1px dotted #f5a700;
}

    /* Hover */
    a.readMoreLinkNews:hover,
    a.readMoreLinkNews:active,
    a.readMoreLinkNews:focus,
    a.readMoreLinkReportage:hover, 
    a.readMoreLinkReportage:active,
    a.readMoreLinkReportage:focus
    { color: #525252; border-bottom: 1px dotted #525252; }
    
a.readMoreLinkReportage { font-size: 1.1em!important; }


/* Change year */

.changeYear
{
    padding: 1px 0 20px 0;
    border-bottom: 1px solid #f1f1f1;
}


.changeYear a:link, .changeYear a:visited { color: #336699; }

    /* Hover and selected */
    .changeYear a.selected,
    .changeYear a:hover,
    .changeYear a:focus,
    .changeYear a:active   { color: #f5a700; }
    
    
/* Link list */ 


.linkList, .imgBox, .newsListBlivandeElev, .genericPuff
{
    border-left: 1px solid #c0c6c7;
    border-right: 1px solid #c0c6c7;
    background: #fff;
}

.genericPuff { padding: 8px 10px 16px; overflow: hidden; }

.genericPuff p { line-height: 150%; font-size: 1.1em; }

.imgBox
{
    padding: 10px;
}

.imgBox img
{
    max-width: 180px;
    margin-bottom: 6px;
}

.contactLink {
    background: url(/Templates/Public/Images/kontaktSymbol.gif) 0 5px no-repeat;
    padding:0 0 0 27px;
    margin-bottom: 2px;
}

.linkList li
{
    list-style: none;
    padding: 10px;
    border-bottom: 1px solid #ededed;
}

.linkList li.last { border-bottom: none; }

.linkList li span
{
    font-size: 1.1em;
    color: #3e3e3e;
    display: block;
    padding-bottom: 5px;
}

.linkList a
{
    font-size: 1.2em;
}

.linkList a:link, .linkList a:visited, .imgBox a:link, .imgBox a:visited
{
    color: #f5a700;
}

.linkList a:hover, .linkList a:active, .linkList a:focus, .imgBox a:hover, .imgBox a:active, .imgBox a:focus
{
    color: #525252;
}



h3.palmbladet
{
    width: 205px;
    height: 32px;
    background: #fff url(/Templates/Public/Images/graphic_sprite.png) no-repeat -217px -194px;
    text-indent: -9999px;
}

.program
{
    width: 673px;
    height: 433px;
    background: transparent url(/Templates/Public/Images/programLeftColumn.png) no-repeat 0 0;
    position: relative;
    display: none;
}

.programInfo
{
    width: 235px;
    height: 379px;
    position: absolute;
    bottom: 0;   
    left: 0;
   background: url(/Templates/Public/Images/programBg.png) no-repeat;
   padding: 34px 18px 0 18px;
   line-height: 180%!important;
}

.programInfo p { margin-top: 16px; }

.programInfo p { font-size: 1.1em; }

.reportageInfo
{
    width: 279px;
    height: 107px;
    position: absolute;
    bottom: 0px;   
    left: 270px;
   background: url(/Templates/Public/Images/reportageBg.png) no-repeat;
   padding: 9px 17px 10px 17px;
   line-height: 185%!important;

}

.reportageInfo p
{
    font-size: 1.1em;
    height: 55px;
    display: block;
    overflow: hidden;
}

.reportageInfo a { color: #fff!important; border-color: #fff!important; }

.reportageInfo a:hover { color: #525252!important; border-color: #525252!important; }

.programChangeView 
{  
    position: absolute;
    left: 0;
    bottom: 0;
    padding: 0 0 0 21px; 
    height: 29px;   
}

.programChangeView a
{
    display: block;
    float: left;
    width: 25px;
    height: 26px;
    background: url("/Templates/Public/Images/graphic_sprite.png") no-repeat -411px -152px;
    line-height: 26px;
    text-align: center;
    margin: 0 3px 0 0;
    color: #fff;
    font-size: 1.3em;
    cursor: pointer;
       
}

.programChangeView a:hover, .programChangeView a.selected
{
    background: url("/Templates/Public/Images/graphic_sprite.png") no-repeat -372px -152px;
    color: #f5a700;
}

.programChangeView span { float: left; margin: 2px 14px 0 0; }


