﻿body, h1, h2, h3, h4, h5, h6, p, a, a:link, a:visited, a:active, a:hover, div, form, input, table, tr, td, th {
	padding: 0;
    margin: 0;
	text-align: left;
}

body, p, div, input, textarea, table, td, th, a:link, a:visited, a:active, a:hover {
	font-family: 'Lucida Grande', 'Lucida Sans Unicode', Verdana;
	line-height: 16px;
	font-size: 11px;
	color: #000000;
}

body {
    background: #000000 url('images/body_bg.png') repeat-x;
    text-align: center;
}

table {
    border-collapse: collapse;
}

td {
	vertical-align: top;
}

img a, a img, img, input[type=text], input[type=password], input[type=file], select, textarea  {
    border: 0;
}

img, img a, a img {
    border: 0;
    outline: none;
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
/* End hide from IE-mac */

h1, h1 a:link, h1 a:active, h1 a:visited {
    font-size: 20px;
    margin: 2px 0 5px 0;
}

    h1.forsideh1 {
        margin: 0;
    }

h2, h2 a {
    font-size: 14px;
    font-weight: bold;
    margin: 5px 0 5px 0;
}

h3 {
    font-size: 11px;
    font-weight: bold;
    margin: 5px 0 5px 0;
}

h1, h1 a:link, h1 a:active, h1 a:visited, h2, h3, h4, h5, h6 {
	/* font-family: 'Trebuchet MS', Tahoma, Verdana; */
	font-weight: normal;
	text-transform: uppercase;
	line-height: 1.3em;
	color: #000000;
}

a:link, a:active, a:visited {
    color: #FF0000;
    text-decoration: none;
    outline: none;
}

    a:hover {
        text-decoration: underline;
    }
    
#loginframe {
    width: 300px;
    height: 150px;
    margin: 100px auto;
}

    #loginframe input {
        font-size: 14px;
        padding: 5px;
        margin: 4px 0 4px 0;
    }
    
    #loginframe label {
        display: block;
        font-size: 14px;
        margin: 10px 0 5px 0;
        color: #888888;
        text-transform: uppercase;
    }
    
    #loginframe input.field {
        width: 300px;
    }
    
/* #### LAYOUT #### */

#construct {
    width: 950px;
    height: 739px;
    /* margin: 111px auto 0 auto; Originalmargin levert av Merete. Alt for mye på topp */
    margin: 20px auto 0 auto;
    background: transparent  url('images/construct_bg.png') no-repeat;
    position: relative;
}

    #home {
        position: absolute;
        top: 37px;
        left: 102px;
        width: 160px;
        height: 70px;
        
    }
    
        #home a:link, #home a:active, #home a:visited, #home a:hover {
            display: block;
            width: 160px;
            height: 70px;
        }
        
    #menu {
        position: absolute;
        width: 638px;
        top: 63px;
        left: 280px;
    }
    
        #menu a:link, #menu a:active, #menu a:visited {
            font-size: 11px;
            text-transform: uppercase;
            color: #000000;
            margin-right: 15px;
        }
        
        #menu a:hover, #menu a.selected {
            text-decoration: none;
            color: #FF0000;
        }
        
        #menu.fademylinks a:link, #menu.fademylinks a:active, #menu.fademylinks a:visited {
            color: #BBBBBB;
        }
        
        #menu.fademylinks a.intranettselected:link, #menu.fademylinks a.intranettselected:active, #menu.fademylinks a.intranettselected:visited {
            color: #FF0000;
            font-weight: bold;
            text-decoration: underline;
        }
        
    #content {
        position: absolute;
        top: 122px;
        left: 56px;
        width: 839px;
        height: 558px;
        overflow: hidden;
    }
    
        #content.intranett {
            overflow: visible;
        }
        
    #tag {
        position: absolute;
        bottom: 10px;
        right: 35px;
        width: 300px;
        height: 16px;
        text-align: right;
    }
        
    .standardpanel {
        width: 839px;
        height: 558px;
        position: relative;
    }
    
    .panel_left, .panel_right {
        float: left;
        overflow: hidden;
        height: 558px;
        padding: 0;
    }
    
    .panel_left {
        width: 510px;
    }
    
    .panel_right {
        width: 329px;
    }
    
        .panel_right_padding {
            width: 285px;
            height: 479px;
            padding: 79px 22px 0 22px;
        }
        
        
    
    /* ################################ FORSIDE ################################ */
    
    .forside {
            background: transparent url('images/bg_forside.jpg') no-repeat;
        }
    
    #forside_banner, #forside_nyheter, #forside_kampanje {
        overflow: hidden;
    }

    #forside_banner {
        width: 839px;
        height: 383px;
        position: absolute;
        top: 0;
        left: 0;
    }
    
    #forside_nyheter {
        width: 337px;
        height: 155px;
        position: absolute;
        bottom: 0;
        left: 215px;
        padding: 10px 20px 10px 20px;
    }
    
        #forside_nyheter div {
            color: #444444;
            font-size: 10px;
            line-height: 13px;
            margin-bottom: 7px;
        }
    
        #forside_nyheter h1, #forside_nyheter h1 a:link, #forside_nyheter h1 a:active, #forside_nyheter h1 a:visited {
            font-size: 12px;
            color: #444444;
        }
        
        #forside_nyheter h1 a:hover {
            color: #FF0000;
            text-decoration: none;
        }
        
        a.lesmer:link, a.lesmer:active, a.lesmer:visited {
            display: inline;
            width: 60px;
            padding-left: 12px;
            margin-left: 5px;
            background: transparent url('images/arrow_red.png') no-repeat 0 50%;
            color: #ebebea;
        }
        
        a.lesmer:hover {
            background: transparent url('images/arrow_grey.png') no-repeat 0 50%;
            color: #FF0000;
            text-decoration: none;
        }
    
    #forside_kampanje {
        width: 247px;
        height: 175px;
        position: absolute;
        bottom: 0;
        right: 0;
    }
    
    #forside_bigbitekort a:link, #forside_bigbitekort a:active, #forside_bigbitekort a:visited, #forside_bigbitekort a:hover {
        width: 150px;
        text-decoration: none;
        height: 110px;
        position: absolute;
        bottom: 125px;
        left: 14px;
    }
    
    /* ################################ TAB MENY ################################ */
    
    .meny_outside {
        background: transparent url('images/bg_meny.jpg') no-repeat;
    }
    
    .meny_inside {
        background: transparent url('images/bg_meny2.jpg') no-repeat;
    }
    
    .meny_submeny {
        width: 200px;
        height: 260px;
        position: absolute;
        top: 0px;
        left: 0px;
        padding: 112px 0 0 30px;
    }
    
        .subs { background: transparent url('images/bg_meny_submenu_subs.jpg') no-repeat; }
        .toast { background: transparent url('images/bg_meny_submenu_toast.jpg') no-repeat; }
        .salat { background: transparent url('images/bg_meny_submenu_salat.jpg') no-repeat; }
        .drikke { background: transparent url('images/bg_meny_submenu_drikke.jpg') no-repeat; }
        .wraps { background: transparent url('images/bg_meny_submenu_wraps.jpg') no-repeat; }
    
        .meny_submeny a {
            display: block;
            width: 200px;
            height: 28px;
            margin: 3px 0 0 0;
        }
        
    .meny_produkter {
        width: 189px;
        height: 116px;
        position: absolute;
        bottom: 0;
        left: 117px;
    }
    
        .meny_produkter a:link, .meny_produkter a:active, .meny_produkter a:visited {
            color: #737171;
            text-transform: uppercase;
            display: block;
            background: transparent url('images/arrow_grey.png') no-repeat;
            background-position: 0 50%;
            padding: 2px 0 2px 15px;
            font-weight: bold;
        }
        
            .meny_produkter a:hover, .meny_produkter a.selected {
                color: #FF0000;
                text-transform: uppercase;
                display: block;
                background: transparent url('images/arrow_red.png') no-repeat;
                background-position: 0 50%;
                padding: 2px 0 2px 15px;
                font-weight: bold;
                text-decoration: none;
            }
            
    .meny_tillegg {
        width: 531px;
        height: 119px;
        position: absolute;
        right: 0;
        bottom: 0;
    }
    
        .meny_tillegg span {
            display: block;
            float: left;
            width: 130px;
            height: 17px;
            margin: 1px 2px 1px 2px;
            text-indent: 5px;
        }
        
    .meny_bilde {
        width: 650px;
        height: 390px;
        position: absolute;
        top: 0;
        right: 0;
    }

    /* ################################ TAB KONTAKT ################################ */
    
    .kontaktindex { background: transparent url('images/bg_kontakt.jpg') no-repeat; }
    .adm { background: transparent url('images/bg_kontakt_adm.jpg') no-repeat; }
    .hovedkontor { background: transparent url('images/bg_kontakt_hovedkontor.jpg') no-repeat; }
    .regionfranchisetaker { background: transparent url('images/bg_kontakt_regionfranchisetaker.jpg') no-repeat; }
    .regnskap { background: transparent url('images/bg_kontakt_regnskap.jpg') no-repeat; }
    .distribusjonen { background: transparent url('images/bg_kontakt_distribusjon.jpg') no-repeat; }
    
    .kontakt_submenu {
        position: absolute;
        width: 200px;
        top: 112px;
        left: 30px;
    }
    
        .kontakt_submenu a {
            display: block;
            width: 200px;
            height: 28px;
            margin: 3px 0 0 0;
        }
        
    .kontakt_content {
        width: 555px;
        height: 450px;
        position: absolute;
        bottom: 15px;
        right: 0;
    }
    
    /* ################################ TAB AVDELING ################################ */
    
    .avdelinger_right {
        position: relative;
        background: transparent url('/App_Themes/Standard/images/bg_avdelinger_full.jpg') no-repeat 100% 0;
    }
    
    .avdelingerbg { background: transparent url('/App_Themes/Standard/images/bg_avdelinger_bottom.jpg') no-repeat 100% 100%; }
    .avdelinger_cleanbg { background: transparent url('/App_Themes/Standard/images/bg_avdelinger_top.png') no-repeat 100% 0; }
    
    /* STEDSLISTE */
    
    .stedsliste {
        width: 146px;
        height: 170px;
        overflow: hidden;
        position: absolute;
        left: 0;
        top: 66px;
    }
    
    .stedsliste a:link, .stedsliste a:active, .stedsliste a:visited {
        background: transparent url('images/arrow_grey.png') no-repeat 0 50%;
        color: #222222;
        padding: 0 0 0 10px;
        margin: 1px 0 1px 20px;
        display: block;
        width: 142px;
        height: 16px;
    }
    
    .stedsliste a:hover, .stedsliste a.selected {
        background: transparent url('images/arrow_red.png') no-repeat 0 50%;
        text-decoration: none;
        color: #FF0000;
    }
        
    /* AVDELINGSLISTE */
        
    .avdelingsliste {
        width: 180px;
        height: 170px;
        
        overflow: hidden;
        position: absolute;
        right: 0;
        top: 66px;
    }
    
    .avdelingsliste a:link, .avdelingsliste a:active, .avdelingsliste a:visited {
        background: transparent url('images/arrow_grey.png') no-repeat 0 50%;
        color: #222222;
        padding: 0 0 0 10px;
        margin: 1px 0 1px 20px;
        display: block;
        width: 142px;
        height: 16px;
    }
    
    .avdelingsliste a:hover, .avdelingsliste a.selected {
        background: transparent url('images/arrow_red.png') no-repeat 0 50%;
        text-decoration: none;
        color: #FF0000;
    }
        
    /* AVDELINGSINFO */
            
    #avdeling_info {
        width: 309px;
        height: 294px;
        position: absolute;
        margin: 0 10px 0 10px;
        bottom: 0;
        right: 0;
    }
    
    #avdeling_info h1 {
        font-size: 14px;
        margin: auto auto 5px auto;
        font-weight: bold;
    }

    .avdelingsbilde {
        width: 296px;
        height: 182px;
        margin: 10px auto 5px 0;
    }
        
    /* SCROLLERS */
    
    #stedsliste_scroller_up, #stedsliste_scroller_down, #avdelingsliste_scroller_up, #avdelingsliste_scroller_down {
        width: 40px;
        height: 8px;
        position: absolute;
        cursor: pointer;
    }
    
    #stedsliste_scroller_up, #stedsliste_scroller_down {
        left: 2px;
    }
    
    #avdelingsliste_scroller_up, #avdelingsliste_scroller_down {
        left: 150px;
    }
        
    #stedsliste_scroller_up {
        background: transparent url('images/scroller_up.png') no-repeat;
        top: 57px;
    }
    
        #stedsliste_scroller_up:hover { background: transparent url('images/scroller_up_hover.png') no-repeat; }
        
    #stedsliste_scroller_down {
        background: transparent url('images/scroller_down.png') no-repeat;
        top: 238px;
    }
    
        #stedsliste_scroller_down:hover { background: transparent url('images/scroller_down_hover.png') no-repeat; }
        
    #avdelingsliste_scroller_up {
        background: transparent url('images/scroller_up.png') no-repeat;
        top: 57px;
    }
        
        #avdelingsliste_scroller_up:hover { background: transparent url('images/scroller_up_hover.png') no-repeat; }
            
    #avdelingsliste_scroller_down {
        background: transparent url('images/scroller_down.png') no-repeat;
        top: 238px;
    }
        
        #avdelingsliste_scroller_down:hover { background: transparent url('images/scroller_down_hover.png') no-repeat; }
    
    /* ################################ TAB FILM ################################ */
    
    #film {
        width: 839px;
        height: 558px;
        background: transparent url('images/bg_film.jpg') no-repeat;
        position: relative;
    }
    
        #film_content {
            width: 239px;
            height: 198px;
            text-align: center;
            position: absolute;
            top: 298px;
            left: 391px;
            z-index: 0;
        }
        
    /* ################################ BIG BITE KORT ################################ */
    
    #bigbitekort {
        width: 839px;
        height: 558px;
        background: transparent url('images/bg_bigbitekort.jpg') no-repeat;
        position: relative;
    }
    
        #bigbitekort_content {
            width: 330px;
            height: 250px;
            text-align: center;
            position: absolute;
            top: 254px;
            left: 443px;
            z-index: 0;
        }
        
    /* ################################ TAB STILLING ################################ */
    
    .stillinger_right {
        position: relative;
        background: transparent url('/App_Themes/Standard/images/bg_stillinger_liste.jpg') no-repeat 100% 0;
    }
    
    .stillingsliste {
        width: 330px;
        height: 170px;
        overflow: hidden;
        float: left;
    }
    
    .stillingsliste a:link, .stillingsliste a:active, .stillingsliste a:visited {
        background: transparent url('images/arrow_grey.png') no-repeat 0 50%;
        color: #222222;
        padding: 0 0 0 10px;
        margin: 1px 0 1px 20px;
        display: block;
        width: 300px;
        height: 16px;
    }
    
    .stillingsliste a:hover, .stillingsliste a.selected {
        background: transparent url('images/arrow_red.png') no-repeat 0 50%;
        text-decoration: none;
        color: #FF0000;
    }
    
    /* STILLINGSBESKRIVELSE */
    
    .stilling {
        width: 100%;
        height: 100%;
        background: transparent url('images/bg_stilling.jpg') no-repeat;
        position: relative;
    }
    
    .generell {
        background-image: url('images/bg_stilling_generell.jpg');
    }
    
        .stillingsbeskrivelse, .stillingsbeskrivelse2 {
            position: absolute;
            overflow: hidden;
            line-height: 12px;
        }
    
        .stillingsbeskrivelse {
            width: 276px;
            height: 230px;
            top: 136px;
            left: 113px;
            padding: 10px;
        }  
        
        .stillingsbeskrivelse2 {
            width: 150px;
            height: 60px;
            top: 390px;
            left: 260px;
            font-size: 10px;
        }     
        
        #soknadsskjema {
            width: 305px;
            height: 488px;
            padding: 70px 0 0 25px;
            position: absolute;
            top: 0;
            right: 0;
        }
            
            #soknadsskjema label {
                display: block;
            }
            
            #soknadsskjema input, #soknadsskjema textarea {
                width: 256px;
                margin: 1px 0 10px 0;
                padding: 2px;
            } 
    
    /* ################################### INTRANETT ####################################### */
    
    .intranettmenu a:link, .intranettmenu a:active, .intranettmenu a:visited {
        background: transparent url('images/arrow_grey.png') no-repeat 0 5px;
        color: #222222;
        display: block;
        padding: 0 0 0 13px;
        margin: 1px;
        width: 100px;
        line-height: 17px;
        
    }
    
        .intranettmenu a:hover, .intranettmenu a.l1selected, .intranettmenu a.l2selected {
            background: transparent url('images/arrow_red.png') no-repeat 0 5px;
            text-decoration: none;
            color: #FF0000;
        }
        
        .intranettmenu a.l1selected {
            background: transparent url('images/arrow_down.png') no-repeat 0 5px;
        }
        
    .intranettmenu a.l2:link, .intranettmenu a.l2:active, .intranettmenu a.l2:visited {
        margin: 1px 0 1px 20px;
    }
    
/* KONKURRANSE */    
.panel_right_konkurranse {
    width: 305px;
    height: 542px;
    padding: 16px 8px 0 16px;
}    
div.konkurranse_kodeboks
{
    background:url(images/bg_kode.gif) no-repeat;
    width:290px;
    height:118px;
    margin-bottom:5px;
} 
div.konkurranse_kodeboks div
{
    float: left;
    padding:22px 0 0 21px;
    color:#f9b14d;
    text-align:center;
    width:32px;
    font-size:14px;
}  
div.konkurranse_kodeboks input
{
    border:2px solid #5f5c5c;
    text-align:center;
    font-size:30px;
    margin:2px 0 0 0;
}
.txt_strek
{
    border-bottom:solid 1px #666 !important;
}

 