@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            : 550px;
        height           : 20px;
        background-color : #ffc;
        color            : #999;
        margin-left      : 0px;
        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 {
        float            : left;
        width            : 180px;
        margin-left      : -945px;
        margin-top       : 170px;
        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            : 730px;
        padding          : 10px;
        line-height      : 1.4em;
        margin-left      : 195px;
        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;}

    #kalendarium {float:left; width:715px; margin-left:0px; display:inline; background-color:#ffc;}

    table.tabell1 {border-spacing: 0px; background: #ffc; border: 0.2em solid #cc3c00; width: 715px;}
    table.tabell1 th {font-size:.8em; text-align: left; font-weight: bold; padding: 0.1em 0.5em; border: 0px;}
    table.tabell1 td {font-size:.8em; text-align: left; border: 0px; padding: 0.1em 0.5em;}
    table.tabell1 td a {font-size:1.0em; font-weight:bold; color:#990;}
    table.tabell1 td a:hover {text-decoration:none; color:#cc3c00;}
    table.tabell1 tr.varannan {background-color: #fff8b7;}


    #datum {float:left; width:80px; margin-left:0px; display:inline; background-color:#ffc;}
    #tid {float:left; width:70px; margin-left:0px; display:inline; background-color:#ffc;}
    #kurs {float:left; width:220px; margin-left:0px; display:inline; background-color:#ffc;}
    #plats {float:left; width:150px; margin-left:0px; display:inline; background-color:#ffc;}
    #pris {float:left; width:60px; margin-left:0px; display:inline; background-color:#ffc;}
    #boka {float:left; width:100px; margin-left:0px; display:inline; background-color:#ffc;}

    #rightsidebar {
        float            : left;
        margin-left      : 0px;
        padding          : 0px;
        width            : 5px;
        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;
    }
    
    

    td.fet span {font-weight:bold;}
    td.rabatt span {font-weight:bold; color:#cc3c00;}
    td.struken span {text-decoration: line-through; color:#cc3c00;}
    p.fet span {font-weight:bold;}
    p.redtext span {color:#cc3c00;}

    p.fet span {font-weight:bold;}

    p.small span {font-size:0.75em;}

    .redfet span {color:#cc000c; font-weight:bold;}
    
    table.tabell1 td span {font-weight:bold;}
    
    .clearthis { clear:both; height:0; line-height:0; }

}