/*
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 {
    BACKGROUND-COLOR: #000000;
    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: #385D7F;
    TEXT-DECORATION: none
}

A:visited {
    COLOR: #385D7F;
    TEXT-DECORATION: none
}

A:active {
    COLOR: #385D7F;
    TEXT-DECORATION: none
}

A:hover {
    COLOR: #5E7C97;
    TEXT-DECORATION: underline
}


/*
Här styr du över hur nyheter och statiska sidor ska se ut.
*/
.rubrik {
    BACKGROUND-COLOR: #000000;
    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.#CBD0D4
*/
.color0 {
    BACKGROUND-COLOR: #000000
}

/*
Bakgrundsfärg för menyn. Klasserna level0 och level1 m fl längre ned påverkar också menyn.#C9DAE9
*/
.color1 {
    BACKGROUND-COLOR: #000000
}

/*
Bakgrundsfärg för veckodagar i kalendern.
*/
.color2 {
    BACKGROUND-COLOR: #ffffff
}

/*
För huvudet till rutan "Fler nyheter".#5080AC
*/
.color3 {
    BACKGROUND-COLOR: #000000;
	COLOR: #FFFFFF
}

/*
För huvudet till rutan "Senaste resultaten".#5080AC
*/
.color4 {
    BACKGROUND-COLOR: #000000;
	COLOR: #FFFFFF
}

/*
För huvudet till rutan "Välj lag eller serie".#5080AC
*/
.color5 {
    BACKGROUND-COLOR: #000000;
	COLOR: #FFFFFF	
}

/*
För huvudet till rutan "Sektioner".#5080AC
*/
.color6 {
    BACKGROUND-COLOR: #000000;
	COLOR: #FFFFFF
}

/*
För huvudet till rutan "Aktivitetskalender".#5080AC
*/
.color7 {
    BACKGROUND-COLOR: #000000;
	COLOR: #FFFFFF	
}

/*
För tabellen där dina medlemmar visas.#5080AC
*/
.color8 {
    BACKGROUND-COLOR: #000000;
}

/*
För huvudet till rutan "Nyheter från distrikt".#5080AC
*/
.color9 {
    BACKGROUND-COLOR: #000000;
	COLOR: #FFFFFF
}

/*
För huvudet till rutan "Nyheter från förbund".#5080AC
*/
.color10 {
    BACKGROUND-COLOR: #000000;
	COLOR: #FFFFFF	
}

/*
Tabellbakgrund, reserv. Sätts lämpligtvis till samma som ovan.#5080AC
*/
.color11 {
    BACKGROUND-COLOR: #000000;
	COLOR: #FFFFFF
}

/*
Används för till huvudet på alla smårutor t ex "Partners n3sport "
*/
.color12 {
    BACKGROUND-COLOR: #326492;
	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:#C9DAE9; layer-background-color:#C9DAE9; color:#2A5175;}
.clLevel0over {background-color:#2A5175; layer-background-color:#2A5175; font-weight:bold; color:#FFFFFF; cursor:pointer; cursor:hand; }
.clLevel0border{position:absolute; visibility:hidden; background-color:#BAC7D3; layer-background-color:#BAC7D3}
*/
.clLevel0, .clLevel0over{position:absolute; padding:1px; font-family:verdana, arial, geneva, sans-serif; font-size:10px;}
.clLevel0{background-color:#000000; layer-background-color:#000000; color:#bbbbbb;}
.clLevel0over {background-color:#444444; layer-background-color:#4444444; font-weight:bold; color:#ffffff; cursor:pointer; cursor:hand; }
.clLevel0border{position:absolute; visibility:hidden; background-color:#000000; layer-background-color:#000000}


/*
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:#C9DAE9; layer-background-color:#C9DAE9; color:#2A5175;}
.clLevel1over {background-color:#2A5175; layer-background-color:#2A5175; color:#FFFFFF; cursor:pointer; cursor:hand; }
.clLevel1border{position:absolute; visibility:hidden; background-color:#BAC7D3; layer-background-color:#BAC7D3}
*/
.clLevel1, .clLevel1over{position:absolute; width:180; padding:2px; font-family:verdana, arial, geneva, sans-serif; font-size:10px;}
.clLevel1{background-color:#000000; layer-background-color:#000000; color:#bbbbbb;}
.clLevel1over {background-color:#444444; layer-background-color:#444444; color:#ffffff; cursor:pointer; cursor:hand; }
.clLevel1border{position:absolute; visibility:hidden; background-color:#000000; layer-background-color:#000000}