body
{
    background: #e6d9c5; /* = 230 217 197 */
    font-family: Calibri;
}
#Header
{
    width: 1000px;
    height: 90px;
    background-color: #fff1db; /* = 255 241 219 */
    border: 3px groove white;
}
#Headerleft
{
    width: 420px;
    float: left;
    padding: 10px;
    text-align: center;
}
#Headerleft a
{
    color: Red;
    text-decoration: none;
}
#Headerright
{
    width: 380px;
    float: left;
    padding: 5px 5px 5px 5px;
    text-align: center ;
    margin-top: 10px;
    border: 3px groove white;
}
#Loginheader
{
    width: 140px;
    height:62px;
    float: left;
    padding: 5px 5px 5px 5px;
    text-align: center;
    margin-top: 10px;
    border: 3px groove white;

    
}
#Menupane
{
    border: 3px groove white;
    width: 1000px;
    min-width: 1000px;
    height: 30px;
    clear: both;
    font-size: 12px;
    padding: 0px 0px 5px 0px;
    background-color: #fff1db;
}
#Wherepane
{
    border: 3px groove white;
    text-align: left;
    padding: 5px 0px 10px 0px;
    height: 20px;
    width: 1000px;
    min-width: 1000px;
    clear: both;
    z-index: 15;
    font-size: 16px;
    background-color: #fff1db;
}
#Mainpane
{
    border: 3px groove white;
    width: 1000px;
    height: 645px;
    clear: both;
    overflow: auto;
    background-color: #fff1db;
}

#Footer
{
    border: 3px groove white;
    width: 1000px;
    height: 25px;
    clear: both;
    background-color: #fff1db;
}
#Standard
{
    width: 650px;
    padding: 10px 5px 5px 5px;
    text-align: left;
}

#Wide
{
    width: 950px;
    text-align: left;
}
#Wide table td
{
    padding-top: 0px;
    padding-right: 5px;
    padding-bottom: 5px; /*  padding-left: 5px;*/
    vertical-align: top; /* text-align: left;*/
}
#Full
{
    width: 975px; /* margin-left: 5px;*/
    text-align: left;
}
#Full table
{
    font-size: 16px;
    border-collapse: collapse;
}
#Full table td
{
    padding-top: 5px;
    padding-right: 5px;
    padding-bottom: 5px;
    padding-left: 0px;
    vertical-align: top; /*text-align: left; */ /*Denna gör override på align=center i item template på HFLList  - det var inte meningen */ /*border: 1px solid black;*/
}
#Full table th
{
    padding-top: 5px;
    padding-right: 5px;
    padding-bottom: 5px;
    padding-left: 0px;
    vertical-align: top; /* text-align: center;*/ /*border: 1px solid black;*/
    font-weight: bold;
}

#Menu
{
    z-index: 10;
    position: absolute;
    margin: 5px 0px 0px -30px; /* Flytta menyn till mitt i ramen */
}
/* HUVUDMENYN */
#Menu ul
{
    list-style-type: none; /* Tag bort bullets */
    width: 1000px;
    margin-top: 5px;
}
#Menu ul li /* Varje element i huvudmenyn */
{
    float: left; /* Lägg huvudmenyn horisontellt */
    text-align: center;
    font-weight: bold;
    font-family: Arial;
    font-size: 12px;
    width: 90px;
    height: 23px; /*annars färgändras menyn till sin egen höjd + undermenyns */
}
#Menu ul li:hover /* När cursorn pekar på ett huvudmenyelement */
{
    /* Ändra färg på valt meny-item */
    background: #ffe07a;
    color: #cc3300;
}
#Menu ul li:hover ul
{
    display: block; /* Visa undermenyn ...*/
    background: #ffe07a;
}
#Menu ul li:hover ul li ul
{
    display: none; /*...men dölj nivå3 */
}
#Menu ul li:hover ul li ul li ul
{
    display: none; /* ... och nivå 4 */
}
#Menu ul li a
{
    /* Tag bort länk-formatering */
    text-decoration: none;
    color: Black;
}
#Menu ul li a:hover
{
    /* Länken ligger ovanpå item! Om man inte ändrar länken också funkar inte färgändringen */
    background: #ffe07a;
    color: #cc3300;
}

/*NIVÅ 2 */
#Menu ul li ul /*Bakgrund för nivå 2 */
{
    display: none; /* Dölj undermenyn tills cursorn är över det överordnade elementet */
    position: relative; /* Flytta upp undermenyerna så att det inte blir någon lucka */
    top: 2px;
    width: 170px; /* Sätt en fast bredd på undermenyn - viktigt! - annars ärvs huvudmenyns bredd */
    background: #ffe07a;
    border: solid 1px Black;
    text-align: left; /* Annars ärver undermenyn huvudmenyns align center */
    margin-left: 0px;
}
#Menu ul li ul li /* Element i nivå 2 */
{
    float: none; /* Lägg undermenyerna vertikalt */
    background: #ffe07a;
    white-space: nowrap; /* Annars bryts raderna vid 160px */
    font-weight: normal;
    font-size: 14px;
    text-align: left; /* Annars ärver detta item huvudmenyns align center trots att överordnade ul har align left - mysko! */
    margin-left: -35px; /* Annars får man en massa extra marginal */
    width: 170px; /* Annars ärvs huvudmenyns bredd  */ /*line-height:20px;*/ /* Om överordnade menyns radavstånd är ok behövs inte denna */
}

#Menu ul li ul li:hover ul
{
    display: block; /* Visa nivå3-menyn */
}

#Menu ul li ul li a
{
    width: 170px; /*Annars överensstämmer inte färgändringen för text och länk */
}

/* NIVÅ 3 */
#Menu ul li ul li ul
{
    display: none; /* Dölj nivå3-menyn tills cursorn är över det överordnade elementet */
    left: 10px; /* Flytta nivå3-menyn så att man ser mer av nivå2-menyn när nivå3 är öppen */
}
#Menu ul li ul li ul li:hover ul
{
    display: block; /* Visa nivå4-menyn */
}

/* NIVÅ 4 */


h1
{
    font-size: 32px;
    font-weight: bold;
    text-align: left;
}
h2
{
    font-size: 24px;
    font-weight: bold;
}
h3
{
    font-size: 20px;
    font-weight: bold;
}

p, table, li
{
    font-size: 18px;
}
p
{
    text-align: left;
}

th
{
    text-align: left;
    padding: 0px 3px 0px 3px;
}
td
{
    padding: 0px 3px 0px 3px;
}

iframe
{
    width: 980px;
    height: 640px;
}
image
{
    border: 0px;
}

.Centerpanel /* Används bara på Default.aspx */
{
    float: left;
    width: 460px;
    height: 640px;
    border-right: 3px groove white;
    border-left: 3px groove white;
}
.Sidepanel /* Används bara på Default.aspx */
{
    float: left;
    width: 250px;
    height: 640px;
    margin-left: 0px;
}
.Indexitem
{
    width: 125px;
    height: 150px;
    float: left;
    text-align: center;
    border: solid 1px blue;
    margin: 5px 5px 5px 5px;
}
.Aktuellitem
{
    border: 2px solid #e6001a;
    padding: 5px;
    margin: 5px;
    text-align: center;
}
.Aktuellitem p
{
    text-align: center;
}
/*.SFlogga
{
    width: 100px;
    font-size: 12px;
    text-align: center;
    padding-top: 10px;
}*/


.Standardbutton
{
    width: 75px;
}

.Kursiv
{
    font-style: italic;
}
.Mediumtext
{
    font-size: 14px;
}
.Smalltext
{
    font-size: 12px;
}
.Center
{
    text-align: center;
}
.Middle
{
    vertical-align: middle;
}
.Kategori
{
    font-size: 20px;
    text-decoration: underline;
    text-align: left;
}
.Logostyle
{
    color: #e6001a; /* = 230 0 26 */
    font-family: 'Arial Rounded MT Bold' , Helvetica, Sans-Serif;
    font-size: 36px;
    font-weight: bold;
    line-height: 45px;
    margin-top: 0px;
    margin-bottom: 0px;
}

.Direct /*div för länkar från Sponsorer.aspx */
{
    outline: #dddddd outset 4px;
    float: left;
    width: 275px;
    height: 225px;
    padding: 10px;
    font-size: 14px;
    margin: 10px;
    text-align: center;
}
.Direct p
{
    text-align: center;
}
.leftlink /*för bildvisningssidor*/
{
    width: 60px;
    float: left;
    position: relative;
    top: 200px;
}
.rightlink /*för bildvisningssidor*/
{
    width: 60px;
    float: left;
    padding-left: 10px;
    position: relative;
    top: 200px;
}
.imagesection /*för bildvisningssidor*/
{
    width: 800px;
    float: left;
}