@import url(css.telcon.common.css);

body 
{
    background: url('/img/telcon/front/bgBody.jpg') no-repeat top center;
    }

#frise 
{
    height: 202px;
    overflow: hidden;
    padding-top: 22px
    }
    
#contentAreaColLeft
{
    
    }
    
#contentAreaColMid
{
    }
    
#contentAreaColRight
{
    }
    
#contentAreaBottom 
{
    width: 900px;
    float: left;
    overflow: hidden
    }
    
#splatButterfly 
{
    position: absolute;
    width: 34px;
    height: 31px;
    top: 303px;
    left: 920px;
    background: url('/img/telcon/front/butterfly.png') no-repeat !important;
    background: url('/img/tom.gif') no-repeat;
    }
    
#splatTrekantNr1, #splatTrekantNr2 
{
    position: absolute;
    width: 83px;
    height: 84px;
    top: 310px
    }
    
#splatTrekantNr1 
{
    left: 242px;
    background: url('/img/telcon/front/splatTrekantNr1.png') no-repeat !important;
    background: url('/img/tom.gif') no-repeat;
    }
    
#splatTrekantNr2 
{
    left: 842px;
    background: url('/img/telcon/front/splatTrekantNr2.png') no-repeat !important;
    background: url('/img/tom.gif') no-repeat;
    }
    
    
/* classes */
/***********/
.contentColDefault 
{
    width: 282px;
    margin-right: 18px;
    float: left;
    }
    
/* SE4 content */
/***************/
.smallSpot 
{
    width: 282px;
    height: 81px;
    overflow: hidden;
    margin: 0 18px 15px 0;
    float: left
    }
    
h2.fontSceneStd 
{
    padding-left: 20px;
    font-size: 16px
    }
    
.boxPadding 
{
    margin-left: 6px;
    padding-top: 15px
    }
    
.greenTop 
{
    width: 270px;
    height: 29px;
    color: #fff;
    font-size: 16px;
    background: url('/img/telcon/front/bgGreenTop.jpg') no-repeat;
    }
    
.greenBottom 
{
    width: 240px;
    height: 260px;
    background: url('/img/telcon/front/bgGreenBottom.jpg') no-repeat top center;
    padding: 15px
    }
    
.orangeTop, .redTop 
{
    width: 270px;
    height: 29px;
    color: #fff;
    font-size: 16px;
    }
    
.orangeBottom, .redBottom 
{
    width: 240px;
    height: 88px;
    padding: 15px;
    margin-bottom: 14px
    }
    
.orangeTop 
{
    background: url('/img/telcon/front/bgOrangeTop.jpg') no-repeat;
    }
    
.orangeBottom 
{
    background: url('/img/telcon/front/bgOrangeBottom.jpg') no-repeat top center;
    }
    
.redTop 
{
    background: url('/img/telcon/front/bgRedTop.jpg') no-repeat;
    }
    
.redBottom 
{
    background: url('/img/telcon/front/bgRedBottom.jpg') no-repeat top center;
    }
    
ul#topmenu li 
{
    background: url('/img/telcon/common/topmenu_r0.gif') no-repeat;
    }
    
ul#topmenu li:hover, ul#topmenu li.active
{
    background: url('/img/telcon/common/topmenu_r1.jpg') no-repeat;
    }
    
ul#topmenu li.menuDetKanVi
{
    width: 102px;
    background-position: 0 0;
    }
    
ul#topmenu li.menuDetKanVi:hover
{
    background-position: 0 0;
    }
    
ul#topmenu li.menuMineMuligheder
{
    width: 112px;
    background-position: -121px 0px;
    }
    
ul#topmenu li.menuLoesninger
{
    width: 97px;
    background-position: -252px 0px;
    }
    
ul#topmenu li.menuOmTelcon
{
    width: 106px;
    background-position: -367px 0px;
    }
    
ul#topmenu li.menuKontakt
{
    width: 88px;
    background-position: -492px 0px;
    }
    
ul#topmenu li.menuSearch 
{
    width: 44px;
    background-position: -580px 0px;
    }
    
/* Bubble pop-up */
.trigger 
{
    height: 46px;
    }

.bubbleInfo 
{
    position: relative
    }

.popup 
{
        position: absolute;
        z-index: 50;
        opacity: 0;
        display: none;
        -moz-opacity: 0;
        filter: alpha(opacity=0);
        width: 120px;
        /*height: 90px;*/
        height: 140px;
        overflow: hidden;
        background: url('/img/telcon/front/bgPopup.png') no-repeat !important;
        background: url('/img/tom.gif') no-repeat;
        color: #fff;
        padding: 15px 15px 15px 15px
}

#popup1 
{
    left: -24px;
    }
    
#popup2 
{
    left: 92px
    }
    
#popup3
{
    left: 208px
    }
    
#popup4 
{
    left: 319px
    }
    
#popup5 
{
    left: 426px
    }