@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;
    }
    
    #contentarea {
        float            : left;
        width            : 960px;
        background-color : #ffc;
    }

    #leftsidebar {
        float            : left;
        width            : 210px;
        margin-left      : -715px;
        background-color : #ffc;
        font-size        : 0.9em;
    }
    
    #leftsidebar img { border:1px solid #333;}
    
    #leftsidebar p {
        font-size:.95em;
        margin: 0px 0px 0px 15px;
        width:180px;
        background-color:#ffc;
        color:#333;
        text-align:center;
    }
    
    #leftsidebar h2 {
        font-size:.95em;
        margin-top:6px;
        background-color:#ffc;
        color:#cc3c00;
        text-align:center;
    }

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

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

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

    #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 {font-size:.95em; 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.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; }

#formknapp {font-size:.75em; background-color:#ffc; color:#666;}
#formknapp a {text-decoration:none; color:#990; background:#ffc;}
#formknapp a:hover {text-decoration:none; background:#ffc; color:#cc3c00;}

p.kursiv span {font-style:italic;}
p.redtext span {color:#cc3c00;}
p.redsmall span {font-size:0.9em; color:#cc3c00;}
p.textbig span {font-size:1em;}

fieldset {padding:10px; border: 1px solid #ccc;}

legend {font-family: verdana, arial, sans-serif; font-size: 80%; font-weight: bold; color: #cc3c00; margin: 0; padding: 5px 0 5px;}

.label {font-family: verdana, arial, sans-serif; font-size: 70%; font-weight: normal; text-transform: uppercase; color:#999; margin:0px; padding: 5px 0 5px;}

input.textfield, textarea {font-family: verdana, arial, sans-serif; font-size: 100%; color: #333; background: #f9f9f9; width: 220px; border: 2px solid #ccc;}

textarea {height: 130px; float: left;}

input.textfield:focus, textarea:focus {color: #333; border: 2px solid #cc3c00;}

input.knappen {padding:3px; font-size: 100%;}

.info {font-family: verdana, arial, sans-serif; font-size: 100%; color: #cc3c00; margin-left: 10px;}

response, .true {color: #408000;}

.false {color: #cc3c00;}

}