@media print
{
    #top #main-nav #mittFriskhus #breadcrumbs #footer
    {
        display: none;
        visibility: hidden;
    }
}

@media screen
{
    body
    {
        background: #519645 url(images/ny_mainbg.jpg) repeat-x; /* main_bg2.jpg */
        margin: 20px 0 0 0;
        font-family: Arial, Helvetica, sans-serif;
        font-weight: normal;
    }
    textarea
    {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 13px;
    }

    /* Diverse standardklasser background: url(images/bg.gif) repeat-x;    */
    .clr
    {
        clear: both;
    }

    .no-cap
    {
        text-transform: lowercase;
    }

    #ingress
    {
        color: #666;
        font-weight: bold;
        margin-bottom: 15px;
    }

    .tipiksler
    {
        font-size: 10px;
        padding: 3px;
    }

    .failure
    {
        color: Red;
        font-weight: bold;
    }

    .success
    {
        color: Green;
        font-weight: bold;
    }

    img
    {
        /* border-style: none; */
    }

    .left
    {
        float: left;
        margin: 0 20px 0 0;
    }

    a:focus
    {
        outline: none;
    }

    p.dato2
    {
        font-size: 12px;
        padding: 20px 0 0 0;
        color: #666;
    }

    div.bilde
    {
        float: right;
        margin: 0 0 15px 15px;
        width: 160px;
    }

    select.mittfriskhus
    {
        padding: 5 0 0 5;
    }

    a:link, a:visited
    {
        color: #549746;
        text-decoration: none;
    }
    a:hover, a:active
    {
        text-decoration: underline;
    }


    /* Link med pil */
    a.greenLink
    {
        color: #549746;
        text-decoration: none;
        background: url(images/main_link-arrow.jpg) no-repeat right;
        padding: 0 10px 0 0;
    }

    a.greenLinkInvert
    {
        color: #549746;
        text-decoration: none;
        background: url(images/main_link-arrow_invert.jpg) no-repeat left;
        padding: 0 0 0 10px;
        margin: 10px 0 0 0;
        font-size: 11px;
    }

    a.greenLink:hover, a.greenLinkInvert:hover
    {
        color: #61b25a;
        text-decoration: underline;
    }

    .nyhetslink
    {
        color: #000;
        text-decoration: none;
        font-weight: normal;
    }

    .nyhetslink:hover
    {
        text-decoration: underline;
    }

    /* Overordnede designelementer */
    #container
    {
        margin: 0 auto;
        width: 950px;
    }

    #footer
    {
        padding: 5px 0 10px 0;
        text-align: center;
        width: 950px;
        margin: 0 auto;
        border-top: 30px solid #fff;
    }

    #footer p
    {
        font-size: 11px;
        color: #a0d284;
    }

    #footer a
    {
        color: #a0d284;
        text-decoration: none;
    }

    #footer a:hover
    {
        text-decoration: underline;
        color: #a0d284; /*#235520;*/
    }

    #top
    {
        height: 100px;
        background: url(images/nytopp.png) no-repeat;
    }

    .logo
    {
        float: left;
        width: 500px;
        height: 90px;
        text-indent: -9999px;
        overflow: hidden;
        margin: 5px;
    }

    a.online-booking
    {
        margin: 1px 0 0 0;
        float: right;
        width: 199px;
        height: 34px;
        background: url(images/onlinebooking.jpg) no-repeat;
        text-indent: -9999px;
        overflow: hidden;
    }

    a.online-booking:hover
    {
        background-position: -198px 0;
    }

    /*CSSklasser til bli medlem- og nyhetsbrev-knapp:*/

    a.signup
    {
        margin: 10px 0 0 0;
        float: right;
        width: 282px;
        height: 64px;
        background: url("images/front_signup.jpg") no-repeat;
        text-indent: -9999px;
        overflow: hidden;
    }

    a.signup:hover
    {
        background-position: 0 -64px;
    }

    a.newsletter
    {
        margin: 10px 0 -12px 0;
        float: right;
        width: 282px;
        height: 35px;
        background: url("images/front_newsletter.jpg") no-repeat;
        text-indent: -9999px;
        overflow: hidden;
    }

    a.newsletter:hover
    {
        background-position: 0 -35px;
    }





    #signup
    {
        display: block;
    }


    #mittFriskhus
    {
        float: right;
        width: 199px;
        height: 100px;
        background: url(images/main-topbox_bg.jpg) no-repeat;
    }

    #mittFriskhus span
    {
        display: block;
        font-size: 14px;
        color: #fff;
        margin: 8px 0 0 6px;
        font-weight: normal;
    }

    /* Formatering av produktgrupper */

    #produktgrupper
    {
        margin: 25px 0 0 0;
    }

    #produktgrupper ul li
    {
        float: left;
        margin: 0;
        padding: 0;
    }

    #produktgrupper ul li a
    {
        width: 250px;
        display: block;
        color: #666;
        font-size: 24px;
        background: url("images/prod_btnbg.jpg") no-repeat left bottom;
        padding: 30px 10px 18px 20px;
        text-decoration: none;
        line-height: 130%;
    }
    #produktgrupper ul li a:hover
    {
        background: url("images/prod_btnbg_o.jpg") no-repeat left bottom;
    }




    /* Formatering av hovedmeny */
    #main-nav
    {
        margin: 1px 0 0 0;
        background: url(images/main-nav_bg.jpg) repeat-x;
        width: 751px;
        float: left;
    }

    #main-nav ul
    {
        margin: 0;
        padding: 0 0 0 2px;
        height: 34px;
    }

    #main-nav li
    {
        float: left;
        margin: 2px 1px 0 0;
    }

    #main-nav li a
    {
        color: #666;
        display: block;
        text-decoration: none;
        font-size: 14px;
        padding: 8px 10px 8px 10px;
    }

    #main-nav li a:hover
    {
        color: #fff;
        display: block;
        background: url(images/main-nav_bg-hover2.jpg) repeat-x;
    }

    #main-nav li .active
    {
        color: #fff;
        display: block;
        background: url(images/main-nav_bg-hover2.jpg) repeat-x;
    }

    /* Wrapper for innholdet */
    #main
    {
        margin: 1px 0 0 0;
        padding: 0 0 20px 0;
        background: #fff;
    }

    /* @group Typografi */

    h1
    {
        padding: 0;
        margin: 0 0 8px 0;
        font-size: 32px;
        color: #666;
        font-weight: normal;
        line-height: 1.2em;
    }

    h1.green
    {
        font-size: 26px;
        color: #549746;
        margin: 0 0 10px 0;
        font-weight: normal;
    }

    h2
    {
        font-weight: normal;
        font-size: 24px;
        line-height: 1.2em;
        color: #666;
        margin: 0 0 12px 0;
        padding: 0;
    }

    h3
    {
        font-size: 14px;
        line-height: 16px;
        font-weight: bold;
        color: #adadad;
        margin: 5px 0 10px 0;
    }


    p
    {
        font-size: 12px;
        color: #000;
    }

    .bold
    {
        font-weight: bold;
    }
    /* @end */

    /* @group Forside */

    #banner-wrapper
    {
        background: url(images/front_banner-topshadow.jpg) repeat-x;
        padding: 24px 6px 6px 6px;
    }

    #banner
    {
        background: #ccc;
        width: 938px;
        height: 250px;
        overflow: hidden;
    }

    #content-front-wrapper
    {
        background: url(images/front_banner-bottomshadow.jpg) top center no-repeat;
        margin: 0 0 0 0;
        padding: 30px 10px 10px 30px;
        display: block;
    }

    .sectionbox
    {
        width: 280px;
        height: 320px;
        float: left;
        background: url(images/front-sectionbox_bg2.jpg) no-repeat bottom right;
        margin: 0 10px 0 0;
        padding: 0 10px 0 0;
    }

    img.sectionboximg
    {
        margin: 0 0 4px 0;
    }

    a.sectionboxGen
    {
        background: url(images/front_sectionbox-h1.jpg) repeat-x;
        height: 21px;
        display: block;
        padding: 7px 0 0 10px;
        color: #fff;
        font-size: 16px;
        text-transform: uppercase;
        margin: 0 0 1px 0;
    }

    a.sectionboxGen:hover
    {
        color: #efefef;
    }

    .sectionbox a
    {
        text-decoration: none;
    }

    ul.sectionboxList
    {
        padding: 0 0 0 15px;
        margin: 10px 10px 0 10px;
    }

    p.sectionboxList a
    {
        padding: 0;
    }

    .sectionboxList a
    {
        text-decoration: none;
        display: block;
        font-size: 14px;
        color: #000;
        padding: 4px 0 4px 3px;
    }

    .sectionboxList a:hover
    {
        background: #efefef;
    }

    .sectionbox p
    {
        padding: 3px 4px 2px 4px;
        font-size: 12px;
        line-height: 14px;
    }

    a.sectionboxlink
    {
        font-size: 14px;
        text-decoration: none;
        padding: 7px 2px 2px 3px;
        color: #549746;
        display: block;
    }

    a.sectionboxlink:hover
    {
        color: #00783c;
        text-decoration: underline;
    }

    #newsbox
    {
        margin: 0 0 0 10px;
        float: left;
        width: 280px;
    }

    #newsbox h1
    {
        color: #666;
        font-size: 16px;
        line-height: 16px;
        text-transform: uppercase;
        font-weight: normal;
        padding: 5px 0 5px 0;
        margin: 0 0 7px 0;
        border-bottom: 1px dotted #666;
        border-top: 1px dotted #666;
    }

    #newsbox a:link, #newsbox a:visited
    {
        display: block;
        font-size: 16px;
        line-height: 1.2em;
        margin: 0;
    }

    #newsbox h3
    {
        font-size: 12px;
        margin: 0 0 4px 0;
    }

    #newsbox span.dato
    {
        color: #666;
        font-size: 11px;
    }

    #newsbox li
    {
        border-bottom: 1px solid #d2d2d2;
        margin: 0 0 8px 0;
        padding: 0 0 3px 0;
    }

    #newsbox li a
    {
        text-decoration: none;
        display: block;
        font-size: 18px; /*color: #4d8e47;*/
        color: #000;
    }

    #newsbox li a:hover
    {
        /*color: #61b25a;*/
        color: #549746;
    }

    * html newsbox li a
    {
        /* hoverfix for IE */
        width: 280px;
    }

    #newsarchive-wrapper
    {
        text-align: right;
    }

    #horizontal-container
    {
        width: 890px;
        height: 200px;
        margin: 30px 0 0 0;
        padding: 40px 30px 20px 30px;
        background: url(images/front-introduction_bg.jpg) repeat-x;
    }

    #introduction-text
    {
        width: 620px;
        float: left;
        line-height: 15px;
    }


    #secondarybanner-front
    {
        width: 250px;
        height: 100px;
        float: right;
    }

    /* @end */


    /* @group Undersider */

    #content-wrapper
    {
        margin: 0;
    }

    #breadcrumbs
    {
        padding: 15px 0 15px 16px;
    }

    #breadcrumbs a
    {
        color: #c1c1c1;
        text-decoration: none;
        font-size: 12px;
    }

    #breadcrumbs p
    {
        color: #c1c1c1;
        text-decoration: none;
        font-size: 12px;
    }

    #breadcrumbs a:hover
    {
        color: #549746;
    }

    #header
    {
        display: block;
        padding: 0 6px 20px 6px;
    }

    #subbanner
    {
        width: 938px;
        height: 175px;
        overflow: hidden;
        padding: 0 6px 6px 6px;
        margin: -20px 0 2px 0;
    }




    /*  Formatering av innvalgsbokser under Helse og medisin */
    a.sectionboxFysio, a.sectionboxBht, a.sectionboxErnaring
    {
        height: 21px;
        display: block;
        padding: 7px 0 0 10px;
        color: #fff;
        font-size: 16px;
        text-transform: uppercase;
        margin: 0 0 1px 0;
    }

    a.sectionboxFysio:hover, a.sectionboxBht:hover, a.sectionboxErnaring:hover
    {
        color: #efefef;
    }
    a.sectionboxFysio
    {
        background: url(images/helse_sectionbox_fysio.jpg) repeat-x;
    }
    a.sectionboxBht
    {
        background: url(images/helse_sectionbox_bht.jpg) repeat-x;
    }
    a.sectionboxErnaring
    {
        background: url(images/helse_sectionbox_ernaring.jpg) repeat-x;
    }




    /* @group Sekundær navigasjon */

    #submenu
    {
        width: 200px;
        float: left;
        margin: 5px 40px 0 20px;
        display: inline;
    }

    #submenu ul
    {
        margin: 0 0 15px 0;
    }

    #backbutton-sub
    {
        margin: 0 0 0 4px;
    }

    /* Sekundærmeny grønn /generell) */

    ul.generell
    {
        list-style: none;
        margin: 0;
        padding: 0;
    }

    .generell li
    {
        margin: 0 0 2px 0;
        padding: 0;
    }

    .generell a
    {
        text-decoration: none;
        display: block;
        font-size: 12px;
        color: #549746;
        padding: 4px 0 4px 3px;
    }

    .generell li a:hover
    {
        color: #00783c;
        background: #efefef;
    }

    .generell a.active
    {
        text-decoration: none;
        vertical-align: middle;
        display: block;
        font-size: 12px;
        color: #fff;
        background: url(images/submenu_active.jpg) repeat-x;
    }

    .generell li a.active:hover
    {
        color: #efefef;
        background: url(images/submenu_active.jpg) repeat-x;
    }



    /* Sekundærmeny blå (Fysioterapi) */
    ul.fysio
    {
        list-style: none;
        padding: 0;
        margin: 0;
    }
    .fysio li
    {
        padding: 0;
        margin: 0 0 2px 0;
    }

    .fysio a
    {
        text-decoration: none;
        display: block;
        font-size: 12px;
        color: #2b67a4;
        padding: 4px 0 4px 3px;
    }

    .fysio li a:hover
    {
        color: #18416d;
        background: #efefef;
    }

    .fysio a.active
    {
        text-decoration: none;
        display: block;
        font-size: 12px;
        color: #fff;
        background: url(images/submenu-fysio_active.jpg) repeat-x;
    }

    .fysio li a.active:hover
    {
        color: #efefef;
        background: url(images/submenu-fysio_active.jpg) repeat-x;
    }

    /* Sekundærmeny rød (bht) */
    ul.bht
    {
        list-style: none;
        margin: 0;
        padding: 0;
    }
    .bht li
    {
        margin: 0 0 2px 0;
    }

    .bht a
    {
        text-decoration: none;
        display: block;
        font-size: 12px;
        color: #9f0007;
        padding: 4px 0 4px 3px;
    }

    .bht li a:hover
    {
        color: #730005;
        background: #efefef;
    }

    .bht a.active
    {
        text-decoration: none;
        display: block;
        font-size: 12px;
        color: #fff;
        background: url(images/submenu-bht_active.jpg) repeat-x;
    }

    .bht li a.active:hover
    {
        color: #efefef;
        background: url(images/submenu-bht_active.jpg) repeat-x;
    }

    /* Sekundærmeny gul (ernæring) */
    ul.ernaring
    {
        list-style: none;
        margin: 0;
        padding: 0;
    }
    .ernaring li
    {
        margin: 0 0 2px 0;
    }

    .ernaring a
    {
        text-decoration: none;
        display: block;
        font-size: 12px;
        color: #f97b0c;
        padding: 4px 0 4px 3px;
    }

    .ernaring li a:hover
    {
        color: #b75804;
        background: #efefef;
    }

    .ernaring a.active
    {
        text-decoration: none;
        display: block;
        font-size: 12px;
        color: #fff;
        background: url(images/submenu-ernaring_active.jpg) repeat-x;
    }

    .ernaring li a.active:hover
    {
        color: #efefef;
        background: url(images/submenu-ernaring_active.jpg) repeat-x;
    }


    ul.submenu-sec
    {
        padding: 0;
        margin: 0;
    }

    .submenu-sec li a
    {
        padding: 2px 0 0 20px;
        color: #666;
        font-size: 12px;
    }

    .submenu-sec li a:hover
    {
        color: #222;
        background: none;
    }
    
    div.l4 
    {
        margin-left: 20px;
    }
    div.l5
    {
        margin-left: 20px;
    }

    h1.submenu
    {
        color: #666;
        font-size: 12px;
        text-transform: uppercase;
        font-weight: normal;
        padding: 6px 0 6px 0;
        margin: 0 0 5px 0;
        border-bottom: 1px dotted #666;
        border-top: 1px dotted #666;
    }

    /* @end */

    #content
    {
        float: left;
        width: 490px;
        line-height: 15px;
        font-size: 12px;
        min-height: 350px;
        height: auto !important;
        height: 350px;
    }
    #contentwide
    {
        float: left;
        width: 650px;
        line-height: 15px;
        font-size: 12px;
        min-height: 350px;
        height: auto !important;
        height: 350px;
    }


    /* Mitt Friskhus */
    #smallbanner
    {
        width: 650px;
        height: 175px;
        overflow: hidden;
        background: #ccc;
    }

    #smallbanner-bottom
    {
        margin: 1px 0 0 0;
        width: 650px;
        height: 30px;
        background: url(images/mittsenter_banner-bottom.jpg) no-repeat;
    }

    #senter-newsbox
    {
        margin: 25px 0 0 0;
    }

    #senter-newsbox li
    {
        margin: 0 0 20px 0;
        padding: 17px 0 0 17px;
        background: url(images/mittsenter_newscase_bg2.jpg) top left no-repeat;
    }

    h4 a:link, h4 a:visited
    {
        text-decoration: none;
        font-size: 18px; /*color: #4d8e47;*/
        color: #000;
    }

    .listimg
    {
        float: left;
        margin: 0 15px 15px 0;
    }

    #senter-newsbox h4
    {
        font-size: 16px;
        margin: 0 0 4px 0;
        background: none;
        font-weight: normal;
    }

    #senter-newsbox a p
    {
        font-size: 12px;
        color: #000;
        background: none;
    }

    #senter-newsbox .readon a p
    {
        font-size: 12px;
        text-align: right;
    }

    .dato
    {
        color: #666 !important;
        font-size: 11px;
        margin: 0 5px 0 0;
    }

    #senter-newsbox li a:hover
    {
        /*color: #61b25a;*/
        color: #549746;
    }

    * html senter-newsbox li a
    {
        /* hoverfix for IE */
        width: 280px;
    }



    /*LISTEVISING AV PRODUKTER */
    #produkter ul
    {
        padding: 0;
        margin: 0;
        list-style: none;
    }

    #produkter li
    {
        margin: 0 0 30px -10px;
        padding: 19px 0 0 19px;
        background: url(images/mittsenter_newscase_bg2.jpg) top left no-repeat;
        display: block;
        clear: both;
    }

    #produkter h4
    {
        margin: 0 0 6px 0;
        background: none;
        font-size: 16px;
        color: #000;
        font-weight: normal;
    }

    #produkter p
    {
        font-size: 12px;
        line-height: 14px;
        color: #000;
        background: none;
    }

    /* Merking av vanskelighetsgrad på timer */
    a.catBlue, a.catRed, a.catGreen, a.catViolet
    {
        width: 5px;
        height: 90px;
        margin: 0 1px 0 0;
        float: left;
        text-indent: -9999px;
        overflow: hidden;
    }

    a.catBlue
    {
        background: blue;
    }
    a.catRed
    {
        background: red;
    }
    a.catGreen
    {
        background: green;
    }
    a.catViolet
    {
        background: violet;
    }
    /* Farger til vanskelighetsgrad */
    .klasse1, .klasse2, .klasse3, .klasse4, .klasse5
    {
        border: solid 1px #539646;
        height: 12px;
        width: 11px;
    }
    .klasse1
    {
        background: #ffe700; /* gul */
    }
    .klasse2
    {
        background: #078b3c; /* grønn */
    }
    .klasse3
    {
        background: #006394; /* blå */
    }
    .klasse4
    {
        background: #da2028; /* rød */
    }
    .klasse5
    {
        background: #c000c0; /* lilla */
    }




    /*TITTEL FANER */
    div.titleGenerell
    {
        background: url(images/sectiontitle_generell_bg.jpg) repeat-x;
        height: 34px;
        font-size: 28px;
        font-weight: normal;
        color: #fff;
        padding: 7px 0 0 10px;
    }

    div.titleBht
    {
        background: url(images/sectiontitle_bht_bg.jpg) repeat-x;
        height: 34px;
        font-size: 28px;
        font-weight: normal;
        color: #fff;
        padding: 7px 0 0 10px;
    }

    div.titleFysio
    {
        background: url(images/sectiontitle_fysio_bg.jpg) repeat-x;
        height: 34px;
        font-size: 28px;
        font-weight: normal;
        color: #fff;
        padding: 7px 0 0 10px;
    }

    div.titleErnaring
    {
        background: url(images/sectiontitle_ernaring_bg.jpg) repeat-x;
        height: 34px;
        font-size: 28px;
        font-weight: normal;
        color: #fff;
        padding: 7px 0 0 10px;
    }
    /* @end */


    a.selected:link, a.selected:visited
    {
        color: #000;
    }
    ul.nyheter
    {
        list-style-type: none;
        padding: 0;
        margin: 0;
        width: 490px;
    }

    /* Farger til vanskelighetsgrad */
    .farge1
    {
        border-left: solid 5px #ffe700 !important; /* gul */
        padding: 0 0 0 1px;
        background: #fff;
    }
    .farge2
    {
        border-left: solid 5px #078b3c !important; /* grønn */
        padding: 0 0 0 1px;
        background: #fff;
    }
    .farge3
    {
        border-left: solid 5px #006394 !important; /* blå */
        padding: 0 0 0 1px;
        background: #fff;
    }
    .farge4
    {
        border-left: solid 5px #da2028 !important; /* rød */
        padding: 0 0 0 1px;
        background: #fff;
    }
    .farge5
    {
        border-left: solid 5px #c000c0 !important; /* lilla */
        padding: 0 0 0 1px;
        background: #fff;
    }

    .klasse1, .klasse2, .klasse3, .klasse4, .klasse5
    {
        border: solid 1px #539646;
        height: 12px;
        width: 11px;
        float: left;
        margin: 0 5px 3px 0;
    }
    .klasse1
    {
        background: #ffe700; /* gul */
    }
    .klasse2
    {
        background: #078b3c; /* grønn */
    }
    .klasse3
    {
        background: #006394; /* blå */
    }
    .klasse4
    {
        background: #da2028; /* rød */
    }
    .klasse5
    {
        background: #c000c0; /* lilla */
    }
    .avdelingsliste
    {
        font-size: 12px;
        line-height: 16px;
    }

    thumb
    {
        margin: 1px;
        padding: 1px;
        background-color: #fff;
        border: 10px solid red;
    }

    #mittFriskhus
    {
        float: right;
        width: 189px;
        height: 90px;
        padding: 10px 0 0 10px;
        background: url("images/main-topbox_bg.jpg") no-repeat;
    }

    #mittFriskhus h1
    {
        font-size: 16px;
        color: #fff;
        margin: 4px 0 0 0;
    }

    #mittFriskhus p
    {
        font-size: 12px;
        color: #fff;
    }
    .booking{
        margin-top: 6px;
        font-size: 18px;
    }
     .booking select{
        font-size: 16px;
    }

}