/*
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: #A10B0B;
    TEXT-DECORATION: none
}

A:visited {
    COLOR: #A10B0B;
    TEXT-DECORATION: none
}

A:active {
    COLOR: #A10B0B;
    TEXT-DECORATION: none
}

A:hover {
    COLOR: #700101;
    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: #DCDCDC
}

/*
Bakgrundsf?rg f?r menyn. Klasserna level0 och level1 m fl l?ngre ned p?verkar ocks? menyn.
*/
.color1 { background-color: #ccc; }

/*
Bakgrundsf?rg f?r veckodagar i kalendern.
*/
.color2 {
    BACKGROUND-COLOR: #ffffff
}

/*
F?r huvudet till rutan "Fler nyheter".
*/
.color3 {
    BACKGROUND-COLOR: #efe0e0;
	COLOR: #000
}

/*
F?r huvudet till rutan "Senaste resultaten".
*/
.color4 {
    BACKGROUND-COLOR: #d81c3f;
	COLOR: #ffffff
}

/*
F?r huvudet till rutan "V?lj lag eller serie".
*/
.color5 {
    BACKGROUND-COLOR: #d81c3f;
	COLOR: #ffffff	
}

/*
F?r huvudet till rutan "Sektioner".
*/
.color6 {
    BACKGROUND-COLOR: #d81c3f;
	COLOR: #ffffff
}

/*
F?r huvudet till rutan "Aktivitetskalender".
*/
.color7 {
    BACKGROUND-COLOR: #d81c3f;
	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: #d81c3f;
	COLOR: #ffffff
}

/*
F?r huvudet till rutan "Nyheter fr?n f?rbund".
*/
.color10 {
    BACKGROUND-COLOR: #d81c3f;
	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: #d81c3f;
	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{ layer-background-color:#CCCCCC; color:#000; background-color: #ccc; }
.clLevel0over { layer-background-color:#CCCCCC; font-weight:bold; color:#000; background-color: #eee; cursor:pointer; cursor:pointer; }
.clLevel0border{position:absolute; visibility:hidden; background-color:#ccc; 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{ layer-background-color:#C4CAB0; color:#000; background-color: #ccc; }
.clLevel1over { layer-background-color:#DDDBCE; color:#000; background-color: #eee; cursor:pointer; cursor:pointer; }
.clLevel1border{position:absolute; visibility:hidden; background-color:#ccc; layer-background-color:#d6d6d6}
