#start_startbild 
{ 
    margin: 0em 0.54em 0em 0.54em; 
    width: 976px; 
    height: 318px; 
    background: transparent url(../images/adsum_startbild_jogu.jpg) no-repeat top left;    
}

#start_content
{
    background: #6f2a8e;
    margin: 0 0.52em 0 0.54em;
    padding: 0 0 2em 0;
    display:block;
    color: #d5a7e8;
    overflow: hidden;
}

#start_tjanster_meny { float: left; padding: 16px 36px; width: 616px; border-right: solid 1px #a77dba; }
#start_tjanster_meny p { position:absolute; margin: -20px 0 0 5px; color: #9a6ab0; font-size: 0.9em; }
#start_tjanster_meny a 
{ 
    font-size: 1.7em; font-weight: normal; color: #474646; 
    width: 200px; height: 110px; 
    display: block; 
    float: left;
    background: transparent url(../images/bg_startbtn.jpg) no-repeat top left;
    margin: 0 4px 4px 0;
}
#start_tjanster_meny a:hover 
{
    text-decoration: none;
    opacity:0.8;
    filter:alpha(opacity=80)
} 
#start_tjanster_meny a.on
{
    background: transparent url(../images/bg_startbtn_active.jpg) no-repeat top left;
    color: #fff;
}
#start_tjanster_meny a.on:hover 
{
    text-decoration: none;
    opacity:1;
    cursor: default;
} 

#start_tjanster_meny a span { display:block; margin: 0.7em 0.8em; }

#start_right { float:right; width: 280px; }
#aktuellt { margin: 16px 36px 16px 32px; }
#aktuellt h2 { color: #d5a7e8; font-size:1.3em; font-weight: bold; margin: 1em 0 0 0; }
#aktuellt h3 { color: #d5a7e8; font-size:12px; font-weight: bold; margin: 10px 0 0 0; }
#aktuellt a  
{
    color: #fff; display:block; text-align: right; margin: 8px 0px; padding: 0 16px 0 0;
    background: transparent url(../images/bg_start_link.gif) no-repeat right 1px;
}
#aktuellt p { font-size: 11px; }

.tjanst 
{
    position:absolute;
    margin: 0; 
    width: 976px; 
    height: 318px; 
    background: transparent url(../images/adsum_startbild_overlay.jpg) no-repeat top left;   
    display:none;       
}
.tjanst-info
{
    margin: 1.2em 4.5em 1.2em 5em;
    display:block;
    overflow: hidden;
}
.tjanst-beskrivning
{
    float: left;
    width: 580px;
}
.tjanst-beskrivning h1 { font-size: 22px; font-weight: bold; border: none; margin-bottom: 0.7em; }
.tjanst-beskrivning h1 span { font-size: 18px; font-weight: normal; color:#333; }
.tjanst-beskrivning p { font-size: 1.1em; font-weight: normal; color:#333; margin-bottom: 1em; }

.tjanst-kontakt
{
    float: right;
    width: 200px;    
}
.tjanst-kontakt p { font-size: 12px; margin: 0; color: #555; }
.tjanst-kontakt .kontakt
{
    margin: 1em 0;
    display:block;
    overflow: hidden;
}
.tjanst-kontakt .kontakt img { float: left; margin-right: 1em; }
.tjanst-kontakt .kontakt p { display: block; }
/*.tjanst-kontakt .kontakt a  
{
    background: transparent url(../images/bg_btn_kontakt.png) no-repeat top right;
    width: 134px; height: 30px;
    display: inline-block; color: #fff;
    text-align: center;
    margin-left: -4px; font-size: 12px; font-weight: bold;
}
.tjanst-kontakt .kontakt a span { display: block; margin: 7px 0 0 0; }
*/
.tjanst-kontakt h3 { font-size: 18px; font-weight: normal; color:#666; border: none; margin: 2em 0 0 0;  }
.close-overlay { position:absolute; width: 37px; height: 37px; top: 18px; right: 27px; cursor: pointer; }