@charset "utf-8";
/* ProvinssiRock 2009 / Rakenne / CSS Document */

body{
	margin: 0px;
	background:url(../images/body_bg.jpg) center top no-repeat;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	overflow-x: hidden;
	
}



#indexlinkArea{
	height: 60px;
	width: 200px;
	float: left;
	margin: 30px 0 0 50px;

}

.indexlLink{
	height: 60px;
	width: 200px;
	border: 0px;

}

#secNavi {

	height: 13px;
	background: #000000;
	padding-bottom: 8px;
	padding-top: 3px;

	
}

#secNavi_content{

	width: 911px;
	margin: auto;
	text-align: right;
	color: #333333;

}

#secNavi a{

	color: #666666;
	font-size:10px;
	font-weight: bold;
	text-decoration:none;
	margin-top: 0px;
}

#secNavi a:hover{

	color: #fff;
	text-decoration:none;


}



#mainWrapper {

	width:911px;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
	overflow:hidden;
	height: 100%;

}

#index_mainWrapper {

	width:931px;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
	overflow:hidden;
	height: 100%;

}

#header {

	height: 100px;

}

#logo_top{
	height: 100px;
	width: 277px;
	float: left;

}
#mainNavi {


	width: 570px;
	float: right;
	clear:right;
	
}


.index #mainNavi {


	width: 580px;
	float: right;
	clear:right;
	
}

#mainSearch {

	height: 42px;	
	width: 161px;
	float: right;
	background:url(../images/haku_bg.gif) 0px 10px;
	background-repeat:no-repeat;
	margin: 3px 10px 0px 0px;
	
	
}


.index #mainSearch {

	height: 42px;	
	width: 161px;
	float: right;
	background:url(../images/haku_bg.gif) 0px 10px;
	background-repeat:no-repeat;
	margin: 3px 20px 0px 0px;
	
	
}
#contentWrapper {

	width:911px;
	text-align:left; 
	height: 100%;

}


.index #contentWrapper {

	width:931px;
	text-align:left; 
	height: 100%;

}
#col_footer {

	width:911px;
	height: 35px;
	float: left;
	background: url(../images/col_footer_bg.jpg);
}

#col_footer_content {

	width:614px;
	text-align:left; 
	float: left;
	border-top: 1px solid #c7c7c7;
	font-size: 10px;
	color: gray;
	float: right;
	margin-right: 20px;
}

#index_extraNavi {

	width:285px;
	height:213px;
	float: left;
	text-align:left; 
	background: #fff;
	margin-top: 17em;
	margin-left: 0.0em;
	float: left;
	background:url(../images/extraNavi_bg.png);
	behavior: url(iepngfix.htc);

}


.index #index_mainCol {

	width:584px;
	height: 410px;
	float: right;
	text-align:left; 
	background: #fff;
	padding: 6px;
	margin-right: 10px;


}

#innerPage_mainCol1{

	width:299px;
	height: 100%;
	text-align:left; 
	float: left;
	margin: 0px 0px 0px 0px;

	
	
	
	}

#innerPage_mainCol{
	width:911px;
	height: 100%;
	min-height: 380px;
	text-align:left; 
	float: left;
	background: #fff;
	margin-top: 0px;
	padding: 0px;
	background-image:url(../images/content_bg.jpg);



	

}



.innerpage_col1{
	width: 277px;
	float: left;
	min-height: 155px;
	margin: 0px;
	margin-bottom: 60px;
	height: 100%;

	

}

.innerpage_col1_extranet{
	width: 347px;
	float: left;
	min-height: 155px;
	margin: 0px;
	height: 100%;
	margin-left: 30px;
	padding-top: 15px;
	

}

#innerpage_col1_content{
	width: 249px;
	float: left;
	margin: 0px;
	margin-left: 15px;



}
.innerpage_col2{
	width: 425px;
	float: left;
	margin-top: 15px;
	margin-left: 5px;
	margin-bottom: 60px;
	height: 100%;
	font-size: 12px;
		


}

.innerpage_col2_extranet{
	width: 475px;
	float: left;
	margin-top: 15px;
	margin-left: 5px;
	margin-bottom: 15px;
	height: 100%;
	font-size: 12px;
		


}



.innerpage_col3{
	width: 610px;
	float: left;
	margin-top: 15px;
	margin-left: 5px;
	height: 100%;
	font-size: 12px;
		


}

.notice_col{
	width: 185px;
	height: 100%;
	float: left;
	margin-top: 10px;
	margin-left: 12px;
	
}
#footer{
	clear: left;
	height: 65px;
	margin-top: 1em;
	text-align: center;
	background:url(../images/footer_bg.png) repeat-x;
	bottom: 0;
	right: 0;
	left: 0;
	position: absolute;
	color: #fff;
	text-align: left;
	

	}
	

body > #footer{


	height: 65px;
	bottom: 0;
	right: 0;
	left: 0; 
	position:fixed;
	color: #000;

} 
	
#footer_content {

	width:931px; 
	height: 40px;
	margin: auto;
	background-color:#cccccc;
	margin-top: 25px;
}



div.mainBox{
	width: 575px;
	height: 300px;
	float: left;
	margin: 5px;

}

.index #bandBox{
width: 414px;
	float: left;
	height: 290px;
	background-color: #fff;

}

.index #newsBox{
	width: 127px;
	height: 220px;
	float: left;
	background-color:#000000;
	padding: 50px 10px 20px 23px;
	background:url(../images/newsBox_bg.jpg);
	font-size:9px;


}

.index .newsBox_content{
	width: 140px;
	height: 140px;
	margin-left: 0px;
	padding-top: 10px;


}

.newsBox_content{
	width: 142px;
	margin-left: 12px;
	padding-top: 10px;

}

.newsBox_content h2{
	display: none;

}

.index #newsBox p{

	color: #bfbfbf;
	margin-bottom: 10px;

}

.index #newsBox a{

	color: #be5514;
	text-decoration: none;

}

.index #newsBox a:hover{

	color: #fff;
	text-decoration: underline;

}

#index_bottom{
	width: 911px;
	float: left;
	padding: 1em 1em 0em 0em;
	
	

}
#bannerArea{
	width: 278px;
	height: 112px;
	float: left;
	padding: 3px;
	border: 1px solid #918984;

}

#bannerArea a img{
	padding: 3px;
	float: left;

}

#bannerArea_text{
	height: 300px;
	width: 550px;
	float: left;
	margin-left: 37px;
	color: #000000;
	padding-bottom: 3em;


}

#bannerArea_text p{
	font-size: 12px;


}


div.box{
	width: 282px;
	height: 87px;
	float: left;
	margin: 0px;
	margin-top: 7px;
	background:url(../images/etusivunosto_forum_bg.gif); 
	padding-right: 1px;
}

div.box_en{
	width: 282px;
	height: 87px;
	float: left;
	margin: 0px;
	margin-top: 7px;
	background:url(../images/etusivunosto_forum_bg_en.jpg); 
	padding-right: 1px;
}

.box1{
	width: 282px;
	height: 87px;
	float: left;
	margin: 5px;
	margin-top: 7px;
	background-color:#000000;
	margin-top: -13px;
}

h1{

	font-size: 26px;
	color: #A70303;
	letter-spacing: -0.15em;
	font-weight:200;
	margin-bottom: 0.5em;



}

h2{

	font-size: 20px;
	color: #da1b1d;
	font-weight:200;
	letter-spacing: -0.04em;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
}


h3{
	color: #aa3609;
	font-size: 14px;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
}

h4{
	color: #000;
	font-size: 12px;
	margin-bottom: 0px;
}

p{
	color: #333333;
	margin-top: 0.5em;
	margin-bottom: 0.5em;

}

.style17
{	color: #FFFFFF;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
}

.style2
{	color: #000000;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
}

.style3
{	color: #000000;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
}

.style1
{	color: #FFFFFF;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
}

.style12
{	color: #000000;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
}


.aikataulu td{	
	border: 1px solid white;
	text-align:center; 
	font: Verdana, Arial, Helvetica, sans-serif;
}

.aikataulut1{	
	color: #002200;
	font-weight:bold;
	font-style:italic;
	text-align:center;
}

.aikataulut2{	
	color: #002200;
	font-weight:bold;
	font-style:italic;
	text-align:center;
	width: 100%;
}



#searchBar{
	width: 105px;
	float: left;
	margin: 15px 0px 0px 4px;
	border: 0px;

}

#searchGo{
	width: 40px;
	height: 40px;
	float: right;
	margin: 4px 0px 0px 0px;
}

#joinGo{
	width: 33px;
	height: 20px;
	float: left;
	margin: 22px 0px 0px 10px;
}


#joinGo2{
margin: -18px 0px 0px 100px; 
float: left;
}



.searchInput{
	border: 0px;
	width: 104px;
	font-size: 10px;
}

.searchInput2{
	border: 0px;
	width: 86px;
	font-size: 10px;
}

/*Navin rolloverit */

#rollover01 a{
	display: block; 
	height: 55px; 
	width: 107px; 
 	background:  url(../images/mainNavi_btn01.gif) 0 0 no-repeat;
 	margin-top: 0px;
 	margin-left: 15px;
	border: 0;
	float:left;

}

#rollover01 a:hover {background-position: 0 -55px;
}

#rollover01_on a{
	display: block; 
	height: 55px; 
	width: 107px; 
 	background:  url(../images/mainNavi_btn01_on.gif) 0 0 no-repeat;
 	margin-top: 0px;
 	margin-left: 15px;
	border: 0;
	float:left;

}


#rollover02 a{
	display: block; 
	height: 55px; 
	width: 98px; 
 	background:  url(../images/mainNavi_btn02.gif) 0 0 no-repeat;
 	margin-top: 0px;
 	margin-left: 15px;
	border: 0;
	float:left;

}

#rollover02 a:hover {background-position: 0 -55px;
}

#rollover02_on a{
	display: block; 
	height: 55px; 
	width: 98px; 
 	background:  url(../images/mainNavi_btn02_on.gif) 0 0 no-repeat;
 	margin-top: 0px;
 	margin-left: 15px;
	border: 0;
	float:left;

}

#rollover03 a{
	display: block; 
	height: 55px; 
	width: 55px; 
 	background:  url(../images/mainNavi_btn03.gif) 0 0 no-repeat;
 	margin-top: 0px;
 	margin-left: 15px;
	border: 0;
	float:left;

}

#rollover03 a:hover {background-position: 0 -55px;
}

#rollover03_on a{
	display: block; 
	height: 55px; 
	width: 55px; 
 	background:  url(../images/mainNavi_btn03_on.gif) 0 0 no-repeat;
 	margin-top: 0px;
 	margin-left: 15px;
	border: 0;
	float:left;

}

#rollover04 a{
	display: block; 
	height: 55px; 
	width: 67px; 
 	background:  url(../images/mainNavi_btn04.gif) 0 0 no-repeat;
 	margin-top: 0px;
 	margin-left: 15px;
	border: 0;
	float:left;

}

#rollover04 a:hover {background-position: 0 -55px;
}

#rollover04_on a{
	display: block; 
	height: 55px; 
	width: 67px; 
 	background:  url(../images/mainNavi_btn04_on.gif) 0 0 no-repeat;
 	margin-top: 0px;
 	margin-left: 15px;
	border: 0;
	float:left;

}

#rollover05 a{
	display: block; 
	height: 55px; 
	width: 120px; 
 	background:  url(../images/mainNavi_btn05.gif) 0 0 no-repeat;
 	margin-top: 0px;
 	margin-left: 15px;
	border: 0;
	float:left;

}

#rollover05 a:hover {background-position: 0 -55px;
}

#rollover05_on a{
	display: block; 
	height: 55px; 
	width: 120px; 
 	background:  url(../images/mainNavi_btn05_on.gif) 0 0 no-repeat;
 	margin-top: 0px;
 	margin-left: 15px;
	border: 0;
	float:left;

}


/*etusivu tekstinostot*/


#rollover06 a{
	display: block; 
	height: 29px; 
	width: 240px; 
 	background:  url(../images/extraNavi_btn01.gif) 0 0 no-repeat;
 	margin-top: 25px;
 	margin-left: 30px;
	border: 0;
	float:left;

}

#rollover06 a:hover {background-position: 0 -30px;
}

#rollover07 a{
	display: block; 
	height: 25px; 
	width: 240px; 
 	background:  url(../images/extraNavi_btn02.gif) 0 0 no-repeat;
 	margin-top: 5px;
 	margin-left: 30px;
	border: 0;
	float:left;

}

#rollover07 a:hover {background-position: 0 -30px;
}

#rollover08 a{
	display: block; 
	height: 25px; 
	width: 240px; 
 	background:  url(../images/extraNavi_btn03.gif) 0 0 no-repeat;
 	margin-top: 14px;
 	margin-left: 30px;
	border: 0;
	float:left;

}

#rollover08 a:hover {background-position: 0 -30px;
}


#rollover09 a{
	display: block; 
	height: 25px; 
	width: 240px; 
 	background:  url(../images/extraNavi_btn04.gif) 0 0 no-repeat;
 	margin-top: 14px;
 	margin-left: 30px;
	border: 0;
	float:left;

}

#rollover09 a:hover {background-position: 0 -30px;
}



#innerPage_logo{
	margin: 0px;
	position: absolute;
}



#container{
	 height: 100%; 
	 margin-top: 0px;
	 margin-left: 0px; 
	 width: 911px; 
}


	
	
		

/* Sisämenun tyylit*/

.bulletlistMenu{
width: 212px; /*width of menu*/
margin-left: 16px;
}

.bulletlistMenu .headerbar{
font: bold 0.90em Verdana, Arial;
color: white;
background: black repeat-x center left;
margin-bottom: 4px; /*bottom spacing between header and rest of content*/
text-transform: uppercase;
padding: 5px 0 4px 10px; /*header text is indented 10px*/
}

.headerbar a, .headerbar a:visited{
color: white;
text-decoration:none;
}

.headerbar a:hover{
color: #666;
text-decoration:underline;
}


.bulletlistMenu ul{
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 8px; /*pohjavälistys ul:ien välillä*/
}

.bulletlistMenu ul li{
padding-bottom: 0px; /*menu li:n välistys toisistaan*/
}

.bulletlistMenu ul li a, bulletlistMenu ul li a:visited{
color: #000;
background: url(../images/pointer.gif) no-repeat center left;
display: block;
padding: 0.40em 0;
padding-left: 19px; /*teksti vasemmalta, ei bullet*/
text-decoration: none;
font-weight: bold;
border-bottom: 1px solid #dadada;
font-size: 12px;
}


.bulletlistMenu ul li a:hover{ /*hover state CSS*/
color: #A70303;
background-color: #fff;
}


sisamenu_oikea{
	width: 152px;
		background-image:url(../images/sisamenu_oikea_bg.png);
	background-repeat:no-repeat;
	padding: 52px 0px 10px 40px;
	font-size: 10px;

}

#sisamenu_oikea_header{
	width: 160px;
	height:46px;
	background-image:url(../images/sisamenu_oikea_header.jpg);
	background-repeat:no-repeat;
	margin-left: 22px;
}

#sisamenu_oikea_content{
	width: 160px;
	background-image:url(../images/sisamenu_oikea_content.jpg);
	background-repeat:no-repeat;
	margin-left: 22px;
	padding-bottom: 16px;
	min-height: 180px;
	background-color: #090909;
}

#sisamenu_oikea_footer{
	width: 182px;
	height:105px;
	background-image:url(../images/sisamenu_oikea_joinlist_bg.png);
	background-repeat:no-repeat;
}


.newsBox_content ul{
	list-style-type: none;
	margin: 0;
	padding: 0;
	padding-left: 20px;
	padding-top: 2px;
	list-style: url(../images/pointer2.gif);
	font-size: 11px

}

.newsBox_content ul li{
	color: #bfbfbf;
	padding-bottom: 0.8em;
}

.newsBox_content ul li a{
	color: #be5514;
	font-weight:900;
	text-decoration:none;


}

/*.bulletlistMenu ul li a, bulletlistMenu ul li a:visited{
color: #000;
display: block;
padding: 0.40em 0;

text-decoration: none;
font-weight: bold;
border-bottom: 1px solid #dadada;
font-size: 12px;
} */


.newsBox_content  ul li a:hover{
	text-decoration: underline;

}

hr{
	border: 0;
  	width: 100%;
	color: #c5c5c5;
	background-color: #c5c5c5;
	height: 1px;
	margin-top: 0.2em;
	margin-bottom: 0.3em


}

.infoteksti{
	color: #c5c5c5;
	font-size:10px;
	margin-bottom: 0.00em;

}


/* Production info */

#proInfo{
	margin: 0px;
	background:url(../images/proInfo_body_bg.jpg) center top no-repeat;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	overflow-x: hidden;
	
}

#proInfo #mainNavi {

	height: 25px;
	margin-top: 105px;
	width: 450px;
	float: right;
	clear:right;
	letter-spacing: -1px;
	word-spacing: -3px;
	
}


#proInfo #mainNavi a{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 15px;
	color:#000;
	text-decoration:none;
	font-weight:bold;

	
}

#proInfo #mainNavi a:hover{

	color:#fff;
	text-decoration:none;
	font-weight:bold;
	
}


#proInfo #header {

	height: 185px;

}

#proInfo #contentHeader{
	height: 35px;
}

#proInfo #container{
	 height: 100%; 
	 margin-top: 0px;
	 margin-left: 0px; 
	 width: 911px; 
}

#proInfo .innerpage_col1{
	width: 325px;
	float: left;
	min-height: 155px;
	margin: 0px;
	margin-top: 15px;
	padding: 20px 20px 20px 20px;

}


#proInfo .innerpage_col2{
	width: 325px;
	float: left;
	margin-top: 15px;
	margin-bottom: 15px;
	height: 100%;
	font-size: 12px;
		

}

#proInfo #indexlinkArea{
	height: 100px;
	width: 200px;
	float: left;
	margin: 30px 0 0 50px;

}

#proInfo .indexlLink{
	height: 100px;
	width: 200px;
	border: 0px;

}

#proInfo .bulletlistMenu{
width: 300px; /*width of menu*/
margin-left: 16px;
}

#proInfo .bulletlistMenu .headerbar{
font: bold 0.90em Trebuchet MS;
color: white;
background: black url(media/titlebar.png) repeat-x center left;
margin-bottom: 4px; /*bottom spacing between header and rest of content*/
text-transform: uppercase;
padding: 5px 0 4px 10px; /*header text is indented 10px*/
}

#proInfo .headerbar a, .headerbar a:visited{
color: white;
text-decoration:none;
}

#proInfo .headerbar a:hover{
color: #666;
text-decoration:underline;
}


#proInfo .bulletlistMenu ul{
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 8px; /*pohjavälistys ul:ien välillä*/
}

#proInfo .bulletlistMenu ul li{
padding-bottom: 0px; /*menu li:n välistys toisistaan*/
}

#proInfo .bulletlistMenu ul li a, bulletlistMenu ul li a:visited{
color: #000;
background: url(../images/pointer.gif) no-repeat center left;
display: block;
padding: 0.40em 0;
padding-left: 19px; /*teksti vasemmalta, ei bullet*/
text-decoration: none;
font-weight: bold;
border-bottom: 1px solid #dadada;
font-size: 12px;
}


#proInfo .bulletlistMenu ul li a:hover{ /*hover state CSS*/
color: #A70303;
background-color: #ccc;
}


p a, p a:visited{
	color: #A70303;


}

p a:hover{
	color: #000;
	text-decoration:underline;


}

p a:active{
	color: #fff;


}



.forumBanner{
	margin-top: 20px;
	width: 281px;
}

.forumBanner iframe{
border:none;
}

#emailBar{
	width: 98px;
	height: 8px;
	float: left;
	margin: 24px 0 0 130px;
}

#liityBanner{
	width: 150px;
	margin-top: 68px;
	margin-left: 40px;
	float: left;

}

a img{
	border: none;

}

.bandsTable td{
	padding: 5px 0px 5px 0px;
	vertical-align:top;

}


.bandsTable td p{
	margin-bottom: 1.5em;

}
.bandsTable td p, .bandsTable td h3 {

	margin-top: 0em;
	padding-left: 10px;
}


.etusivu_nosto2{


}



.solu1{
background: #2e2e2e;
height: 8px;
padding: 1px 4px 1px 4px;
}

.solu2{
height: 8px;
padding: 1px 4px 1px 4px;
}

.solu1 a{
color: #bfbfbf;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:9px;
text-decoration:none;

}

.solu1 a:hover{
color: #fff;

}

.solu2 a{
color: #bfbfbf;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:9px;
text-decoration:none;

}

.solu2 a:hover{
color: #fff;

}

.index_clubProvinssi{
	margin: 22px 0 0 35px; 
	float: left;

}

.head{
	background:#000000;
	text-align: center;
	/*background: #ff00ff*/

}

.head h1{
		color: #FFFFFF;
		font-size:1.2em;
		letter-spacing: 0.1em;
	
}