@media screen {

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

    * {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 : #f30; }

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

    a       { color : #005b99; text-decoration : none; }
    a:hover { color : #f30; text-decoration : none; }

    #space {width:100%; height:90px;}

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

    #header img { display : none; }
    
    
    #nav {
        margin-top     : -15px;
        margin-bottom  : 40px;
        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      : #fcd116;
        color           : #005b99;
        text-decoration : none;
        padding         : 4px 8px;
        text-align      : center;
        border          : 1px solid #f30;
        border-bottom   : 1px solid #f30;
        margin          : 0 3px;
    }

    #nav a:hover {
        color           : #f30;
        background      : #fff;
        border-bottom   : 1px solid #f30;
        text-decoration : none;
    }

    #nav li.active a {
        color         : #f30;
        border-bottom : 1px solid #fcd116;
        border-left   : 1px solid #fcd116;
        border-right  : 1px solid #fcd116;
        border-top    : 1px solid #fcd116;
        background    : #fff;
    }
    
    #nav li.space1 {
        margin-left   : 17px;
    }
    
    #linje {
        border-top : 6px solid #f30;
        padding    : 10px;
    }
    
    #contentarea {
        float            : left;
        width            : 960px;
        background-color : #fff;
        color            : #333;
    }

    #leftsidebar .rubrik {
        float            : left;
        padding          : 10px;
        width            : 175px;
        margin-left      : -730px;
        background-color : #fff;
        font-size        : 0.85em;
    }

    #leftsidebar .box {
        float            : left;
        padding          : 2px;
        border           : 1px solid #ddd;
        border-left      : 3px solid #d00c33;
        width            : 175px;
        margin-left      : -730px;
        background-color : #fff;
        font-size        : 0.85em;
    }

    #leftsidebar .aktiv {
        float            : left;
        padding          : 2px;
        border           : 1px solid #fff;
        border-left      : 6px solid #d00c33;
        width            : 175px;
        margin-left      : -730px;
        background-color : #fff;
        font-size        : 0.85em;
    }

    #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        : 46px;
    }

    #box1 {
        margin-top        : 75px;
    }

    #box2 {
        margin-top        : 100px;
    }

    #box3 {
        margin-top        : 125px;
    }

    #box4 {
        margin-top        : 150px;
    }

    #box5 {
        margin-top        : 175px;
    }

    #box6 {
        margin-top        : 200px;
    }

    #box7 {
        margin-top        : 225px;
    }

    #box8 {
        margin-top        : 250px;
    }

    #content {
        float            : left;
        width            : 509px;
        padding-right    : 10px;
        line-height      : 1.4em;
        margin-left      : 210px;
        display          : inline;
        background-color : #fff;
        border-right     : 1px solid #eee;
    }
    
    #content p img { border:1px solid #333;}

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

    #nyheter {
        float            : left;
        width            : 500px;
        margin-left      : 0px;
        font-size        : 0.8em;
        background-color : #fff;
    }
    
    #bild1 {
        float            : left;
        width            : 160px;
        margin-left      : 0px;
        background-color : #fff;
    }

    #bild2 {
        float            : left;
        width            : 160px;
        margin-left      : 10px;
        background-color : #fff;
    }
    
    #bild3 {
        float            : left;
        width            : 150px;
        margin-left      : 10px;
        background-color : #fff;
    }
    
    #bildtext {
        float            : left;
        width            : 509px;
        font-size        : 0.75em;
        text-align       : center;
        font-weight      : bold;
        background-color : #fff;
    }

    #rightsidebar {
        float            : left;
        margin-left      : 15px;
        padding          : 0px;
        width            : 215px;
        background-color : #fff;
        font-size        : 0.9em;
    }
    
    #rightsidebar p img { border:1px solid #333;}

    #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 : #ddd;
    }
    
    #webbkarta {
        margin-top       : -10px;
        margin-left      : 737px;
        width            : 100px;
        background-color : #ddd;
    }
    
    #webbkarta a {
        text-decoration : none;
        color           : #f30;
    }

    #webbkarta a:hover {
        text-decoration : none;
        color           : #333;
    }
    
    #webbkarta a.external {
        background   : url(../img/nav.gif) no-repeat 0% 0;
        padding-left : 20px;
    }

    #webbkarta a.external:hover {
        background   : url(../img/nav.gif) no-repeat 0% -49px;
        padding-left : 20px;
    }
    
    #mail {
        margin-top       : -12px;
        margin-left      : 830px;
        width            : 125px;
        background-color : #ddd;
    }
    
    #mail a {
        text-decoration : none;
        color           : #f30;
    }

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

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

    #mail a.external:hover {
        background   : url(../img/mail.gif) no-repeat 0% -49px;
        padding-left : 20px;
    }
    
    #fotnot {
        width            : 960px;
        margin-left      : auto;
        margin-right     : auto;
        background-color : #cdcdcd;
        text-align       : right;
    }
    
    p img { border:1px solid #333;}

    p { font-size : 0.7em; }

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

}