/* CSS Document */
/* Skapad av Sofia Gustafsson*/

/*Grundlagret där de andra lagren finns*/
#layerBase {
z-index:1;
width:700px;
height:850px;
border-style:ridge;
border-color:#990000;
border-width:4px;
vertical-align:middle;
text-align:center;
margin:0 auto;
background-color:#000000;
}

/* Lagret i huvudet som innehåller Rödtjut-banner*/
#layerHead {
z-index:2;
text-align:center;
background-color:#000000;
width:650px;
height:150px;
}

/* Lagret som innehåller de (röda knapparna) nu, headerrad, under Rödtjut-banner*/
#layerTop{
z-index:3;
text-align:center;
background-color:#000000;
width:700px;
height:30px;
border-style:solid;
border-color:#990000;
border-width:1px;
vertical-align:bottom;
display:inline;
}

/*Det vänstra lagret som innehåller bla FAIK-bandy, resor, medlem mm*/
#layerLeft{
background-color:#000000;
z-index:5;
/*border-style:solid;
border-color:#990000;
border-width:1px;*/
float:left;
width:147px;
height:850px;
}

/*Det mittersta lagret som innehåller knapplagren*/
#layerBody{
z-index:4;
background-color:#000000;
width:404px;
height:750px;
border-style:solid;
border-color:#990000;
border-width:1px;
float:left;

}

/*Lager för första sidan - scrollbart*/
#layerFirst{
z-index:7;
	background-color:#000000;
	width:398px;
	height:750px;
	margin:0 auto;
	overflow:auto;
	visibility:visible;
	scrollbar-base-color:#E6E6FA;
	scrollbar-arrow-color:#990000;
	scrollbar-shadow-color:#990000;
	scrollbar-3dlight-color:#990000;
	position:absolute;

}

/*Lager för Nyheter som är scrollbart*/
#layerNews{
	z-index:7;
	background-color:#000000;
	width:398px;
	height:750px;
	margin:0 auto;
	overflow:auto;
	visibility:hidden;
	scrollbar-base-color:#E6E6FA;
	scrollbar-arrow-color:#990000;
	scrollbar-shadow-color:#990000;
	scrollbar-3dlight-color:#990000;
	position:absolute;
	
}

/*Lager för Gästbok*/
#layerBook{
z-index:8;
background-color:#000000;
width:398px;
margin:0 auto;
height:750px;
visibility:hidden;
position:absolute;
}


/*Lager för Styrelsen*/
#layerBoard{
z-index:9;
background-color:#000000;
width:398px;
height:750px;
margin:0 auto;
overflow:auto;
visibility:hidden;
scrollbar-base-color:#E6E6FA;
scrollbar-arrow-color:#990000;
scrollbar-shadow-color:#990000;
scrollbar-3dlight-color:#990000;
position:absolute;
}

/*Lager för Fotogalleri*/
#layerPhoto{
z-index:10;
background-color:#000000;
width:398px;
height:750px;
margin:0 auto;
overflow:auto;
visibility:hidden;
scrollbar-base-color:#E6E6FA;
scrollbar-arrow-color:#990000;
scrollbar-shadow-color:#990000;
scrollbar-3dlight-color:#990000;
position:absolute;
}

/*Lager för Pågående match*/
#layerMatch{
z-index:11;
background-color:#000000;
width:398px;
height:750px;
margin:0 auto;
overflow:auto;
visibility:hidden;
scrollbar-base-color:#E6E6FA;
scrollbar-arrow-color:#990000;
scrollbar-shadow-color:#990000;
scrollbar-3dlight-color:#990000;
position:absolute;
}

/*Lager för Ramsor*/
#layerSong{
z-index:12;
background-color:#000000;
width:398px;
height:750px;
margin:0 auto;
overflow:auto;
visibility:hidden;
scrollbar-base-color:#E6E6FA;
scrollbar-arrow-color:#990000;
scrollbar-shadow-color:#990000;
scrollbar-3dlight-color:#990000;
position:absolute;
}

/*Lager för Reseberättelser*/
#layerTravel{
z-index:13;
background-color:#000000;
width:398px;
height:750px;
margin:0 auto;
overflow:auto;
visibility:hidden;
scrollbar-base-color:#E6E6FA;
scrollbar-arrow-color:#990000;
scrollbar-shadow-color:#990000;
scrollbar-3dlight-color:#990000;

}


/*Det högra lagret som innehåller bla andra supporterklubbar*/
#layerRight{
z-index:6;
background-color:#000000;
/*border-style:solid;
border-color:#990000;
border-width:1px;*/
float:right;
width:147px;
height:850px;
}

/*Det nedre lagret som innehåller info om sidan*/
#layerButtom{
z-index:14;
background-color:#000000;
width:300px;
height:100px;
margin-top:20px;
}

/*#layerButtomRight{
z-index:15;
background-color:#000000;
float:right;
width:147px;
height:100px;

}

#layerButtomLeft{
background-color:#000000;
z-index:14;
float:left;
width:147px;
height:100px;

}*/

#layerButtomMiddle{
background-color:#000000;
width:300px;
height:100px;
}

/*All grundtext, den löpande, ej rubriker*/
.text{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#CCCCCC;
}

/*Text i diven Ramsor*/
.ramsText{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#CCCCCC;
}

/*Den största rubriktexten*/
h1{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:22px;
color:#CCCCCC;
font-weight:bold;
margin-bottom:-12px;
}

/*Den näst största rubriktexten*/
h2{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:16px;
color:#990000;
margin-bottom:-8px;
font-weight:bold;
}

/*Den nästnäst största rubriktexten*/
h3{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
color:#CCCCCC;
font-weight:bold;
margin-bottom:-1px;
}

/*Obesökta länkar*/
a:link{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#00FFFF;
}

/*Besökta länkar*/
a:visited{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#FFFF00;
}

/*MouseOver-effekt på länkar*/
a:hover, a:active{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#FF0000;
}

hr { 
border: thin solid #990000; 
}

/*Klass för Rödtopplistan*/
.list{
border: 4px ridge #AAAAAA;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#000000;
margin-left:60px;
margin-right:60px;
background-color:#FFFFFF;
}

/*Klass för headers, bakgrundsbild + text*/
.headers{
background-image:url(Images/header.gif);
height:30px;
width:147px;
text-align:center;
vertical-align:baseline;
font-size:13px;
color:#CC0000;
font-weight:bold;
font:Verdana, Arial, Helvetica, sans-serif;

}