@media screen {

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

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

    h1 { font-size : 1.25em; margin-top : 0; }
    h2 { font-size : 1.1em; }
    h3 { font-size : 1.0em; }
    h4 { font-size : 0.9em; }
    h5 { font-size : 0.85em; }
    h1, h2, h3, h4, h5 { font-family : Georgia, serif; color : #cc3c00; }

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

    a       { color : #990; text-decoration : none; }
    a:hover { color : #cc3c00; text-decoration : none; }

    #mainwrapper {
        width            : 960px;
        margin-left      : auto;
        margin-right     : auto;
        background-color : #ffc;
    }

    #header {
        background       : url(../img/blad.jpg) no-repeat;
        width            : 960px;
        background-color : #ebbc39;
        color            : #ccc;
        height           : 150px;
    }

    #header img { display : none; }

    #logotypetext {
        margin-left:720px;
        margin-top:-130px;
        width:222px;
        height:50px;
        background-color:#ebbc39;
    }

    #logotypetext img { border:0px;}

    #slogantext {
        margin-left:95px;
        margin-top:20px;
        width:515px;
        height:20px;
        background-color:#ebbc39;
    }

    #nav {
        margin-top     : -52px;
        margin-bottom  : 20px;
        font-size      : 0.9em;
        font-weight    : bold;
    }

    #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      : #cc3c00;
        color           : #ebbc39;
        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           : #333;
        background      : #ebbc39;
        border-bottom   : 1px solid #c3c3c3;
        text-decoration : none;
    }

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

    #linje1 {
        border-top : 40px solid #cc3c00;
        padding    : 10px;
    }

    #linje2 {
        border-top : 6px solid #ccc;
        margin-top : -11px;
        padding    : 10px;
    }
    
    #navback {
        width            : 505px;
        height           : 20px;
        background-color : #ffc;
        color            : #999;
        margin-left      : -10px;
        margin-top       : -25px;
        font-size        : 0.7em;
        padding-top      : 2px;
    }
    
    #navback a {
        text-decoration  : none;
        color            : #666;
        border-bottom    : 1px solid #666;
        padding          : .01em 0;
        position         : relative;
        z-index          : 1;
        background       : #ffc;
    }
    
    #navback a:hover {
        text-decoration  : none;
        background       : #ebbc39;
        color            : #cc3c00;
        border-bottom    : 1px solid #cc3c00;
    }


    #contentarea {
        float            : left;
        width            : 960px;
        background-color : #ffc;
    }
    
    #leftsidebar .rubrik {
        float            : left;
        padding          : 3px;
        border           : 1px solid #ccc;
        text-align       : center;
        width            : 195px;
        margin-left      : -710px;
        background-color : #ddd;
        font-size        : 0.9em;
    }

    #leftsidebar .box {
        float            : left;
        padding          : 3px;
        border           : 1px solid #ccc;
        width            : 195px;
        margin-left      : -710px;
        background-color : #ffc;
        font-size        : 0.80em;
    }

    #leftsidebar .aktiv {
        float            : left;
        padding          : 3px;
        border           : 1px solid #ccc;
        width            : 195px;
        margin-left      : -710px;
        background-color : #fff8b7;
        font-size        : 0.80em;
    }
    
    #leftsidebar a.external {
        background   : url(../img/pil5.gif) no-repeat 0% 0;
        padding-left : 20px;
    }

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

    #box1 {
        margin-top        : 110px;
    }
    
    #box2 {
        margin-top        : 135px;
    }


    #box3 {
        margin-top        : 160px;
    }
    
    #box4 {
        margin-top        : 185px;
    }
    
    #box5 {
        margin-top        : 210px;
    }
    
    #box6 {
        margin-top        : 235px;
    }
    
    #box7 {
        margin-top        : 260px;
    }

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

    #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;}

    #listcontainer1 {font-size:.9em; line-height:1.5; color: #333;}

    #listcontainer1 ul {margin:0; padding:0;}

    #listcontainer1 li {list-style-type:none; margin:0; padding:0;}
    
    #listcontainer2 {font-size:.85em; line-height:1.5; color: #333;}
    
    #listcontainer2 ul {margin:0; padding:0;}
    
    #listcontainer2 li {list-style-type:none; margin:0; padding:0;}
    
    #rightsidebar {
        float            : left;
        margin-left      : 0px;
        padding          : 0px;
        width            : 245px;
        background-color : #ffc;
        font-size        : 0.9em;
    }
    
    #rightsidebar h2 {margin-left:0px; background-color:#ffc; color:#cc3c00; border-left: 1px solid #cc3c00;}

    #rightsidebar p {margin-left:0px; width:220px; background-color:#ffc; color:#333; border-left: 1px solid #cc3c00;}

    #rightsidebar p a {text-decoration:none; color:#990; background:#ffc;}

    #rightsidebar p a:hover {text-decoration:none; background:#ffc; color:#cc3c00;}

    #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            : 960px;
        padding          : 8px 0;
        font-size        : .75em;
        border-top       : 1px solid #c3c3c3;
        background-color : #ebbc39;
    }

    #footer a {
        text-decoration : underline;
        color:#333;
        background:#ebbc39;
    }

    #footer a:hover {
        text-decoration:none;
        background:#ebbc39;
        color:#cc000c;
    }

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

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

    #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      : 730px;
        width            : 125px;
        background-color : #ebbc39;
    }

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

    #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.kursiv span {font-style:italic; font-size:0.9em;}

    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; }

}