/*
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
}
SELECT {
    FONT-SIZE: 10px;
    FONT-FAMILY: verdana, arial, geneva, sans-serif
}
TEXTAREA {
    FONT-SIZE: 10px;
    FONT-FAMILY: verdana, arial, geneva, sans-serif
}


/*
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: #A2BF93;
    TEXT-DECORATION: none
}

A:visited {
    COLOR: #A2BF93;
    TEXT-DECORATION: none
}

A:active {
    COLOR: #A2BF93;
    TEXT-DECORATION: none
}

A:hover {
    COLOR: #A2BF93;
    TEXT-DECORATION: underline
}


/*
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: #CCCCCC
}

/*
Bakgrundsfärg för menyn. Klasserna level0 och level1 m fl längre ned påverkar också menyn.
*/
.color1 {
    BACKGROUND-COLOR: #A2BF93
}

/*
Bakgrundsfärg för veckodagar i kalendern.
*/
.color2 {
    BACKGROUND-COLOR: #ffffff
}

/*
För huvudet till rutan "Fler nyheter".
*/
.color3 {
    BACKGROUND-COLOR: #BC0000;
	COLOR: #FFFFFF
}

/*
För huvudet till rutan "Senaste resultaten".
*/
.color4 {
    BACKGROUND-COLOR: #BC0000;
	COLOR: #FFFFFF
}

/*
För huvudet till rutan "Välj lag eller serie".
*/
.color5 {
    BACKGROUND-COLOR: #BC0000;
	COLOR: #FFFFFF	
}

/*
För huvudet till rutan "Sektioner".
*/
.color6 {
    BACKGROUND-COLOR: #BC0000;
	COLOR: #FFFFFF
}

/*
För huvudet till rutan "Aktivitetskalender".
*/
.color7 {
    BACKGROUND-COLOR: #BC0000;
	COLOR: #FFFFFF	
}

/*
För tabellen där dina medlemmar visas.
*/
.color8 {
    BACKGROUND-COLOR: #EFE0E0
}

/*
För huvudet till rutan "Nyheter från distrikt".
*/
.color9 {
    BACKGROUND-COLOR: #BC0000;
	COLOR: #FFFFFF
}

/*
För huvudet till rutan "Nyheter från förbund".
*/
.color10 {
    BACKGROUND-COLOR: #BC0000;
	COLOR: #FFFFFF	
}

/*
Tabellbakgrund, reserv. Sätts lämpligtvis till samma som ovan.
*/
.color11 {
    BACKGROUND-COLOR: #000000;
	COLOR: #FFFFFF
}

/*
Används för till huvudet på alla smårutor t ex "Partners n3sport "
*/
.color12 {
    BACKGROUND-COLOR: #901919;
	COLOR: #FFFFFF	
}

/*
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{position:absolute; padding:1px; font-family:verdana, arial, geneva, sans-serif; font-size:10px;}
.clLevel0{background-color:#A2BF93; layer-background-color:#A2BF93; color:#004D1D;}
.clLevel0over {background-color:#eeeeee; layer-background-color:#CCCCCC; font-weight:bold; color:#004D1D; cursor:pointer; cursor:hand; }
.clLevel0border{position:absolute; visibility:hidden; background-color:#004D1D; layer-background-color:#CCCCCC}


/*
Typsnitt och färg för undermenyer. Var försiktig.
*/
.clLevel1, .clLevel1over{position:absolute; width:180; padding:2px; font-family:verdana, arial, geneva, sans-serif; font-size:10px;}
.clLevel1{background-color:#A2BF93; layer-background-color:#A2BF93; color:#004D1D;}
.clLevel1over {background-color:#eeeeee; layer-background-color:#DDDBCE; color:#004D1D; cursor:pointer; cursor:hand; }
.clLevel1border{position:absolute; visibility:hidden; background-color:#004D1D; layer-background-color:#ffffff}
