/*
Det här är standard-stilmallen för Klubben Online X.

Vissa färger förekommer som standard på flera ställen. Smidigt är att vid ändring av en färg använda
din texteditors ersätt-funktion.

Följande delar är HTML-element som berör i stort sett allt på din sida.

Känner du dig osäker så låter du dessa vara, färger m m ändrar du längre ner.
*/
BODY {
    FONT-SIZE: 10px;
    FONT-FAMILY: verdana, arial, geneva, sans-serif
}
TD {
    FONT-SIZE: 10px;
    FONT-FAMILY: verdana, arial, geneva, sans-serif
}


/*
Dessa tre rör hur formulär-element ska se ut på din sida.

Vi rekommenderar att du inte ändrar dessa.
*/
INPUT  { font-size: 10px; font-family: verdana, arial, geneva, sans-serif; background-color: #dcdcdc }
SELECT  { font-size: 10px; font-family: verdana, arial, geneva, sans-serif; background-color: #dcdcdc }
TEXTAREA  { font-size: 10px; font-family: verdana, arial, geneva, sans-serif; background-color: #dcdcdc }


/*
A betyder anchor och här anger du hur länkarna på din sida ska se ut och uppträda.
*/
A  { font-size: 10px; text-decoration: none;  }

A:link  { color: black; text-decoration: none;  }

A:visited  { color: #909090; text-decoration: none;  }

A:active  { color: black; text-decoration: none; }

A:hover  { color: black; font-weight: bold; }


/*
Här styr du över hur nyheter och statiska sidor ska se ut.
*/
.rubrik {
    FONT-SIZE: 14px;
    FONT-FAMILY: verdana, arial, geneva, sans-serif;
    FONT-WEIGHT: bold;
}
.ingress {
    FONT-SIZE: 10px;
    FONT-FAMILY: verdana, arial, geneva, sans-serif
}
.bildtext {
    FONT-SIZE: 10px;
    COLOR: #808080;
    FONT-FAMILY: verdana, arial, geneva, sans-serif
}


/*
Det här blocket ger vita länkar och vit text åt vissa element, oftast behöver du inte ändra något här.
*/
.ffffff {
    COLOR: #ffffff
}
A.ffffff {
    COLOR: #ffffff;
    TEXT-DECORATION: none
}
A.ffffff:link {
    COLOR: #ffffff;
    TEXT-DECORATION: none
}
A.ffffff:visited {
    COLOR: #ffffff;
    TEXT-DECORATION: none
}
A.ffffff:active {
    COLOR: #ffffff;
    TEXT-DECORATION: none
}
A.ffffff:hover {
    COLOR: #ffffff;
    TEXT-DECORATION: none
}



/*
Nedan följer det som antagligen är mest intressant för dig.
Här kan du påverka flertalet enskilda element på din sida.
*/

/*
Detta är bakgrundsfärgen som syns till höger om din sida.
*/
.color0   { background-color: #fff }

/*
Bakgrundsfärg för menyn. Klasserna level0 och level1 m fl längre ned påverkar också menyn.
*/
.color1     { color: #ffffff; background-color: #c00 }

/*
Bakgrundsfärg för veckodagar i kalendern.
*/
.color2   { background-color: #fff }

/*
För huvudet till rutan "Fler nyheter/Tabeller".
*/
.color3     { color: #666666; background-color: #ccc }

/*
För huvudet till rutan "Senaste resultaten".
*/
.color4  { color: #ffffff; background-color: #c00 }

/*
För huvudet till rutan "Välj lag eller serie".
*/
.color5  { color: #ffffff; background-color: #c00 }

/*
För huvudet till rutan "Sektioner".
*/
.color6  { color: #ffffff; background-color: #c00 }

/*
För huvudet till rutan "Aktivitetskalender".
*/
.color7  { color: #ffffff; background-color: #c00 }

/*
För tabellen där dina medlemmar visas.
*/
.color8  { color: #ffffff; background-color: #c00 }

/*
För huvudet till rutan "Nyheter från distrikt".
*/
.color9  { color: #ffffff; background-color: #c00 }

/*
För huvudet till rutan "Nyheter från förbund".
*/
.color10  { color: #ffffff; background-color: #c00 }

/*
Tabellbakgrund, reserv. Sätts lämpligtvis till samma som ovan.
*/
.color11 { color: #ffffff; background-color: #c00 }

/*
Används för till huvudet på alla smårutor t ex "Partners n3sport "
*/
.color12   { color: #ffffff; background-color: #c00 }

/*
För menyns funktionalitet, ändras på egen risk!
*/
.clCMEvent{position:absolute; width:99%; height:99%; clip:rect(0,100%,100%,0); left:0; top:0; visibility:visible}
.clCMAbs{position:absolute; visibility:hidden; left:0; top:0}
.clBar{position:absolute; width:10; height:10; visibility:hidden}


/*
Här sätter du typsnitt och färg m m på menyns grundnivå. Använd med fördel din texteditors ersätt-funktion vid färgändring. Var försiktig.
*/
.clLevel0, .clLevel0over { font-size: 10px; font-family: verdana, arial, geneva, sans-serif; background-color: #DCDCDC; padding: 1px; position: absolute }
.clLevel0{background-color:#DCDCDC; layer-background-color:#DCDCDC; color:#000000;}
.clLevel0over  { color: black; font-weight: bold; background-color: #DCDCDC; cursor: hand; layer-background-color: Black }
.clLevel0border{position:absolute; visibility:hidden; background-color:#DCDCDC; layer-background-color:Black}


/*
Typsnitt och färg för undermenyer. Var försiktig.
*/
.clLevel1, .clLevel1over{ font-size: 10px; font-family: verdana, arial, geneva, sans-serif; background-color: #DCDCDC; padding: 1px; position: absolute }
.clLevel1{background-color:#DCDCDC; layer-background-color:#DCDCDC; color:#000000;}
.clLevel1over { color: black; font-weight: bold; background-color: #DCDCDC; cursor: hand; layer-background-color: Black }
.clLevel1border { background-color: #DCDCDC; visibility: hidden; position: absolute; layer-background-color: Black }