@media screen {

    body {
        font: 0.8em verdana, arial, helvetica, sans-serif;
        background-color:#ccc;
    }

    * {margin:0px; padding:0px;}

    h1 { font-size : 1.5em; margin-top : 0; }
    h2 { font-size : 1.2em; }
    h3 { font-size : 1.1em; }
    h4 { font-size : 1.0em; }
    h5 { font-size : 0.9em; }
    h1, h2, h3, h4, h5 { font-family : Georgia, serif; color : #5079a3; }

    img { border : 0; }
    form { margin : 0; }

    a       { color : #cc000c; text-decoration : none; }
    a:hover { color : #5079a3; text-decoration : none; }

    #mainwrapper {
        width            : 813px;
        margin-left      : auto;
        margin-right     : auto;
        background-color : #fff8b7;
        border           : 6px solid #fff;
    }

    #header {
        background       : url(../img/vandring_nux.jpg) no-repeat;
        width            : 813px;
        background-color : #fff8b7;
        height           : 140px;
    }

    #header img { display : none; }
    
    #nav {
        margin-top     : -15px;
        margin-bottom  : 20px;
        font-size      : 0.9em;
    }

    #nav ul {
        margin      : 1px;
        margin-left : 7px;
        padding     : 4px 0;
        text-align  : left;
    }

    #nav li {
        list-style      : none;
        padding         : 0;
        margin          : 0;
        display         : inline;
    }

    #nav a {
        background      : #ccc;
        color           : #cc000c;
        text-decoration : none;
        padding         : 4px 8px;
        text-align      : center;
        border          : 1px solid #c3c3c3;
        border-bottom   : 1px solid #cbd8c6;
        margin          : 0 3px;
    }

    #nav a:hover {
        color           : #cc000c;
        background      : #ffffa0;
        border-bottom   : 1px solid #c3c3c3;
        text-decoration : none;
    }

    #nav li.active a {
        color         : #cc000c;
        border-bottom : 1px solid #c3c3c3;
        background    : #ffffa0;
    }

    #linje {
        border-top : 6px solid #ccc;
        padding    : 10px;
    }
    
    #contentarea {
        float            : left;
        width            : 813px;
        background-color : #fff8b7;
    }

    #leftsidebar .box {
        float            : left;
        padding          : 3px;
        border           : 1px solid #fff8b7;
        width            : 138px;
        margin-left      : -636px;
        background-color : #fff8b7;
        font-size        : 0.9em;
    }

    #leftsidebar .aktiv {
        float            : left;
        padding          : 3px;
        border           : 1px solid #ccc;
        width            : 140px;
        margin-left      : -636px;
        background-color : #ffffa0;
        font-size        : 0.9em;
    }

    #leftsidebar a.external {
        background   : url(../img/pil.gif) no-repeat 0% 0;
        padding-left : 20px;
    }

    #leftsidebar a.external:hover {
        background   : url(../img/pil.gif) no-repeat 0% -46px;
        padding-left : 20px;
    }
    
    #box0 {
        margin-top        : 65px;
    }

    #box1 {
        margin-top        : 90px;
    }

    #box2 {
        margin-top        : 125px;
    }


    #box3 {
        margin-top        : 150px;
    }

    #box4 {
        margin-top        : 185px;
    }

    #box5 {
        margin-top        : 210px;
    }


    #content {
        float            : left;
        width            : 383px;
        padding          : 10px;
        line-height      : 1.4em;
        margin-left      : 160px;
        margin-top       : 20px;
        display          : inline;
        background-color : #fff8b7;
    }

    #content p a.external {background: url(../img/nyttfonster.gif) no-repeat 100% 0; padding-right: 20px;}
    #content p a.external:hover {background: url(../img/nyttfonster.gif) no-repeat 100% -100px; padding-right: 20px;}

    #rightsidebar {
        float            : left;
        margin-left      : 0px;
        padding          : 10px;
        width            : 230px;
        background-color : #fff8b7;
        font-size        : 0.9em;
    }
    
    #rightsidebar img { border : 0; margin-bottom:10px; }

    #rightsidebar a.external {
        background   : url(../img/nyttfonster.gif) no-repeat 100% 0;
        padding-right : 20px;
    }

    #rightsidebar a.external:hover {
        background   : url(../img/nyttfonster.gif) no-repeat 100% -100px;
        padding-right : 20px;
    }

    #footer {
        margin-top       : 10px;
        width            : 813px;
        padding          : 8px 0;
        font-size        : .75em;
        border-top       : 1px solid #c3c3c3;
        background-color : #fff8b7;
    }

    #webbkarta {
        margin-top       : -10px;
        margin-left      : 535px;
        width            : 100px;
        background-color : #fff8b7;
    }

    #webbkarta a {
        text-decoration : none;
        color           : #666;
    }

    #webbkarta a:hover {
        text-decoration : none;
        color           : #cc000c;
    }

    #webbkarta a.external {
        background   : url(../img/nav.gif) no-repeat 0% 0;
        padding-left : 25px;
    }

    #webbkarta a.external:hover {
        background   : url(../img/nav.gif) no-repeat 0% -49px;
        padding-left : 25px;
    }

    #mail {
        margin-top       : -12px;
        margin-left      : 645px;
        width            : 125px;
        background-color : #fff8b7;
    }

    #mail a {
        text-decoration : none;
        color           : #666;
    }

    #mail a:hover {
        text-decoration : none;
        color           : #cc000c;
    }

    #mail a.external {
        background   : url(../img/mail.gif) no-repeat 0% 0;
        padding-left : 25px;
    }

    #mail a.external:hover {
        background   : url(../img/mail.gif) no-repeat 0% -49px;
        padding-left : 25px;
    }


    p.fet span {font-weight:bold;}
    
    p.small span {font-size:0.75em;}
    
    .redfet span {color:#cc000c; font-weight:bold;}

    .clearthis { clear:both; height:0; line-height:0; }

}