@charset "utf-8";



/* Rytmikorjaamo / Rakenne / CSS Document */







/* Päärakenne */







body{



	margin: 0px;



	background-image:url(../images/body_bg.jpg);

	background-position: top center;

	background-repeat:repeat-y;

		background-color:#0e0101;



	font-family: Verdana, Arial, Helvetica, sans-serif;

	color: #958080;

	font-size: 12px;



	line-height: 1.4em;







}







body.index2{



	margin: 0px;



	background:url(../images/header_bg.jpg) top center;



	background-repeat:no-repeat;



	font-family: Verdana, Arial, Helvetica, sans-serif;



	font-size: 12px;



	line-height: 1.4em;







}









#mainWrapper {







	margin-left:auto;

	margin-right:auto;

	text-align:left;

	width: 995px;

	height: 100%;







}







#topLogo{



	width: 436px;

	height: 209px;

	margin-left: 59px;

	position: absolute;

	margin-top: 0px;







}





#rightSide{

	background:url(../images/rightside_border_02.png) repeat-y;

	width: 224px;

	min-height: 400px;

	position:absolute;

	margin-left: 766px;

	margin-top: 18px;



}



#leftSide{

	width: 216px;

	height: 200px;

	float: left;



}

.bannerArea2{

	width: 211px;

	float: right;



	





}

.bannerArea2.contentWrapper{

	width: 211px;

	background:url(../images/secNavi_bg.png);

	min-height: 300px;

	





}

.bannerArea2.content{

	width: 202px;

	margin-right: 5px;

	padding-bottom: 15px;

}

.bannerArea2.content p{

	margin: 0;



}





.bannerArea2.footer{

	width: 195px;

	height: 54px;

	background:url(../images/secNavi_footer.png);

	padding: 5px 0 0 17px;

	

}



.bannerArea2.footer.extranet{

	width: 214px;

	height: 54px;

	background:url(../images/secNavi_footer_extranet.png);

	padding: 5px 0 0 10px;

	

}



.bannerArea2.footer a{



	

}





#secNavi{

	width: 211px;

	float: right;



}



#secNavi ul{

	margin: 0;

	padding:0;

	list-style:none;



}



#secNavi ul li{

	height: 24px;

	width: 181px;

	background-image:url(../images/secNavi_btn_bg.png);

	margin-left: 0px;

	padding: 9px 0 0 30px;

	margin: 0;



}



#secNavi ul li a, #secNavi ul li a:visited{

		color: #b94518;

		color: #e4c6c6;



}

#secNavi ul li a:hover{

	color: #fff;

	color: #b94518;



}

#contentWrapper{



	width: 766px;

	margin-top: -10px;

	float:left;





}







/* Headerit eri sivuille */



#header {



	margin-top: 0px;

	height: 353px;

	width: 990px;

	background:url(../images/header_bg_savu.png) no-repeat;



}



#header.info {



	margin-top: 0px;

	height: 353px;

	width: 990px;

	background:url(../images/header_bg_ext.png) no-repeat;



}



#header.tilatjavuokraus {



	margin-top: 0px;

	height: 353px;

	width: 990px;

	background:url(../images/header_bg_inter.png) no-repeat;



}



#header.bakkari {



	margin-top: 0px;

	height: 353px;

	width: 990px;

	background:url(../images/header_bg_tiiliseina.png) no-repeat;



}



body.extranet #header {



	margin-top: 0px;

	height: 220px;

	width: 990px;

	background:url(../images/header_bg_extranet.jpg) no-repeat;



}







#mainNavi{



	height: 59px;

	width: 766px;

	margin: -35px 0px 0px 0px;

	background-image:url(../images/mainNavi_bg.png);

	float: left;

	z-index:100;





}





body.basic #mainNavi{



	height: 59px;

	width: 766px;

	margin: -35px 0px 0px 0px;

	background-image:url(../images/mainNavi_bg_02.png);

	float: left;





}



body.extranet #mainNavi{



	height: 49px;

	width: 746px;

	margin: 5px 0px 0px 0px;

	background-image:url(../images/mainNavi_bg_02_extranet.png);

	float: left;

	padding-top: 10px;

	padding-left: 20px;





}



body.extranet #mainNavi a, body.extranet #mainNavi a:visited{

	color:#fff;

	font-weight:bold;



}



body.extranet #mainNavi a:hover{

	color:#000;



}





#mainAnimation{



	width: 695px;

	height: 334px;

	float: right;

	z-index:-100;









}



body.extranet #mainAnimation{

	height: 210px;



}

















#footer{



	width: 774px;

	float: right;

	margin-top: -20px;

	height: 10px;





} 



body.extranet #footer{



	width: 1003px;

	float: right;

	height: 10px;





} 

#footer_logo{



	float:left;

	margin:100px 0px 0 70px;

}



body.basic #footer{





	width: 990px;

	float: right;

margin-top: -20px;

	height: 10px;





} 



#footer p{

font-size:9px;

width: 150px;

float: left;

padding-right: 5px;

margin-left:20px;

color:#666666;

letter-spacing: -0.02em;

line-height: 1.4em;

margin-top: 96px;







} 



#footerPic{





	width: 245px;



	height: 175px;



	background-image:url(../images/footer_pic_kitaristi.png);

	float: right;



} 



body #footerPic.tilatjavuokraus{





	width: 245px;

	height: 175px;

	background-image:url(../images/footer_pic_tarjoilijat.png);

	float: right;



} 



/* Navin rolloverit */







#rollover01 a{



	display: block; 



	height: 35px; 



	width: 147px; 



 	background:  url(../images/mainNavi_btn01.png) 0 0 no-repeat;

	margin-top: 1px;

		margin-left: 3px;



	border: 0;



	float:left;







}







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

background-color:#edae28;



}







#rollover01_on a{



	display: block; 

	height: 35px; 

	width: 147px; 

 	background: url(../images/mainNavi_btn01.png) 0 0 no-repeat;

	margin-top: 1px;

	margin-left: 3px;

	border: 0;

	float:left;

	background-position: 0 -35px;

	background-color:#edae28;

}











#rollover02 a{



	display: block; 



	height: 35px; 



	width: 180px; 



 	background: url(../images/mainNavi_btn02.png) 0 0 no-repeat;



	margin-top: 1px;



 	margin-left: 0px;



	border: 0;



	float:left;







}







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

background-color:#edae28;

}







#rollover02_on a{



	display: block; 



	height: 35px; 



	width: 180px; 



 	background: url(../images/mainNavi_btn02.png) 0 0 no-repeat;



	margin-top: 1px;



 	margin-left: 0px;



	border: 0;



	float:left;



	background-position: 0 -35px;

background-color:#edae28;





}







#rollover03 a{



	display: block; 



	height: 35px; 



	width: 87px; 



 	background: url(../images/mainNavi_btn03.png) 0 0 no-repeat;



	margin-top: 1px;



 	margin-left: 0px;



	border: 0;



	float:left;







}







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

background-color:#edae28;

}







#rollover03_on a{



	display: block; 



	height: 35px; 



	width: 87px; 



 	background: url(../images/mainNavi_btn03.png) 0 0 no-repeat;



 	margin-top: 1px;



 	margin-left: 0px;



	border: 0;



	float:left;



	background-position: 0 -35px;

background-color:#edae28;

}





#rollover04 a{



	display: block; 



	height: 35px; 



	width: 167px; 



 	background: url(../images/mainNavi_btn04.png) 0 0 no-repeat;



	margin-top: 1px;



 	margin-left: 0px;



	border: 0;



	float:left;







}







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

background-color:#edae28;



}







#rollover04_on a{



	display: block; 



	height: 35px; 



	width: 167px; 



 	background: url(../images/mainNavi_btn04.png) 0 0 no-repeat;



	margin-top: 1px;



 	margin-left: 0px;



	border: 0;



	float:left;



	background-position: 0 -35px;

background-color:#edae28;

}



#rollover05 a{



	display: block; 



	height: 35px; 



	width: 176px; 



 	background: url(../images/mainNavi_btn05.png) 0 0 no-repeat;



	margin-top: 1px;



 	margin-left: 0px;



	border: 0;



	float:left;







}







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

background-color:#edae28;

}







#rollover05_on a{



	display: block; 

	height: 35px; 

	width: 176px; 

 	background: url(../images/mainNavi_btn05.png) 0 0 no-repeat;

 	margin-top: 1px;

 	margin-left: 0px;

	border: 0;

	float:left;

	background-position: 0 -35px;

	background-color:#edae28;

}







#colRight td.sisamenu_otsikko{

height/*\**/:20px\9



}



#colRight{

	float: left;

	width: 320px;



}

#colLeft{

	float: left;

	width: 320px;



}



h2{



	font-size:14px;

	color:#f5d300;

	color: #eaa921;

	letter-spacing:0.03em;

	font-weight:bold;

	margin-bottom: 0;







}











#colRight a:hover{



	font-size: 10px;



	font-weight:bold;



	color: #117da4;

		color: #333333;



	text-decoration:underline;











}













a img{



	border: 0px;



}







/* haku-tyylit*/







#searchArea{



	width: 211px;

	height: 80px;

	background:url(../images/search_bg.png) no-repeat;

	float: right;

	margin-top: 0px;

	margin-left: 12px;







}



#searchArea.vuokrausjainfo{



	width: 211px;

	height: 80px;

	background:url(../images/search_bg_vuokrausjainfo.png) no-repeat;

	float: right;

	margin-top: 0px;

	margin-left: 12px;







}

#searchArea.info{



	width: 211px;

	height: 80px;

	background:url(../images/search_bg_tyhja_ruskea.png) no-repeat;

	float: right;

	margin-top: 0px;

	margin-left: 12px;







}



#searchArea.bakkari{



	width: 211px;

	height: 80px;

	background:url(../images/search_bg_tyhja.png) no-repeat;

	float: right;

	margin-top: 0px;

	margin-left: 12px;







}



#searchArea.extranet{



	width: 211px;

	height: 80px;

	background:url(../images/search_bg_extranet.png) no-repeat;

	float: right;

	margin-top: 0px;

	margin-left: 12px;







}



#searchBar{



	margin: 17px 0px 0px 70px;

	float:left;

	font-size: 8px;

	width: 100px;











}











#searchGo{



	float: left;



	margin: 18px 0px 0px 8px;







}







#searchGo a{



	color: #990000;



}





#searchGo2{

	width: 24px;

	height: 18px;

	float: right;

	margin: 40px 21px 0px 0px;





}





#searchBar2{

	width: 30px;

	height: 23px;

	float: left;

	margin: 42px 0px 0px 63px;

	border: 0px; 

	background: none;



}



.searchStyle{



	border: 0px; 



	font-size: 10px; 



	width: 130px; 



	color:#444444; 



	background:none;



	}







/* automaattiset tekstityylit*/







h1{



font-size: 22px;



font-family:Arial, Helvetica, sans-serif;



font-weight:100;



	color:#f5d300;



margin-top: 0.1em;



line-height: 1.2em;



}

























h3{



	font-family: Arial, Helvetica, sans-serif;



	color: #0d6889;



	color: #b94518;



	font-size: 12px;



	margin-top: 1em;







}















p{



	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 14px;

	color: #b4a6a6;

	line-height: 1.45em;

	text-align:left;

	letter-spacing: -0.02em;

	word-spacing: -0.05em;



}







.bannerArea{



	width: 216px;

	background: url(../images/banner_border02.png) repeat-y top right;



}



.bannerArea p{



margin-top: 0;

margin-bottom: 0;



}



.bannerArea.join{



	margin-bottom: 10px;

	width: 216px;

	height: 152px;

	background:url(../images/banner_liitylistalle_01.png);



}



.bannerArea.join p{

	font-size:9px;

	color: #fff;

	width: 180px;

	float: left;

	margin-left: 20px;

	line-height: 1.2em;

	



}





body.index #mainCol{

	width: 512px;

	float: left;

	min-height: 400px;

	padding: 10px 15px 15px 23px;

}



body.basic #mainCol{

	width: 647px;

	min-height: 320px;

	float: left;

	padding: 0px 45px 15px 73px;



}







body.basic #mainCol p{

	margin-bottom: 2em;



}



body.extranet #mainCol{

	width: 657px;

	float: left;

	min-height: 400px;

	padding: 10px 15px 15px 43px;

}



#extraNavi{

	height: 50px;

}





li{

	color:#b4a6a6;



}

#extraNavi ul{

	display:inline;

	

}



#extraNavi ul li{

		list-style: none;

		display: inline;

		padding-right: 5px;

		color:#666666;



	

}



#extraNavi ul li a{

	color: #eaa921;

	padding: 0.5em;

	text-decoration:none;

	font-size:12px;

	

}



#extraNavi ul li a:hover{

	background-color:#4f0101;

	color: #fff;

}







a, a:visited{

	color: #b94518;

	text-decoration:none;



}



a:hover{

	color: #fff;



}







hr {



	border: 0;



	width: 100%;



	background-color: #b8b8b8;



	height: 1px;



}







td{	



vertical-align: top;







}





a img.kuvituskuva:hover{



opacity:0.5;

filter:alpha(opacity=50);



	



}



p.linkkiOts{

	font-size: 9px;

	color: #c59901;

	font-weight:bold;

	margin-bottom: 0;}



.linkkiText{

	font-size: 9px;

	color:#b4a6a6;

	margin-top: 0;

	margin-bottom: 0;

	letter-spacing: -0.06em;

	line-height: 1.3em;

	padding-right: 10px;

}



.pvm{

	color: #f6d600;

		font-size:11px;



}

p span.bandname{

	font-size:10px;

	color: #ffffff;

	line-height: 1.2em;



}



th.desc{

	padding: 3px 3px 3px 13px;

	vertical-align:top;

}



th.desc2{

	padding: 3px 3px 3px 13px;

}



td.bandimage{

	height: 100px;

	padding-top: 10px;



}



td.bandimage img{

	width: 85px;

	padding: 0px 5px 20px 0px;



}



.bandtable{

	padding:0;

	margin:0 0 0px 0;

	width:202px;

	background-image:url(../images/banner_bg_02.png); 

	background-repeat: no-repeat; 

	background-color:#000000;

	min-height: 100px;



}





.alanavigaatio:hover{

	text-decoration:underline;

	color: #000;

	color: #edae28;

		

		

		}





.tablerow1, .tablerow2{

	background:#4d1803;

	padding:2px;

	padding-left: 10px;

	border-bottom:0px solid #0e0101;

	vertical-align: middle;

}



.tablerow2{

	background:#2a0808;

}



.tablerow1 h3{

	color: #fff;

	font-size:15px;

	font-weight: 600;

	text-transform: uppercase;

	margin: 0.3em;



}



.tablerow2 h3{

	color: #f7db1e;

	font-size:15px;

	font-weight: 600;

	text-transform: uppercase;

	margin-bottom:0;

	margin: 0.3em;



}



.tablerow2 h4{

	color: #f7db1e;

	font-size:11px;

	font-weight: 600;







}



.textbox{

	margin-left:14px;



}





.textbox p{

	font-size: 11px;

	color: #fff;

}

.ikonilinkki{

	margin: 5px 5px 0 0;



}



.ikonilinkki.first{

	margin-left: 18px;



}





.td_indent{

	padding: 10px 10px;



}







.td_indent.text{

	padding-right: 10px;

	padding-bottom: 15px;





}



.td_indent.text p{

 	line-height:1.3em;

	font-size:14px;

	padding-left: 5px;

	margin-top:0;



}





.boxheader{ /*header of 2nd table*/

cursor: hand;

cursor: pointer;

font: bold 14px Verdana;

margin: 10px 0;

}



.boxcontent{ /*content of 2nd table*/

	background:url(../images/taulukkotausta1.png) repeat-y;

}



#feed_nosto{

	width: 157px; 

	height: 267px; 

	padding: 60px 15px 10px 20px; 

	background: url(../images/feed_nosto.png); 

	margin: 32px 0 0 0px; color: #fff;

	font-family:Verdana, Arial, Helvetica, sans-serif;

	}



@media screen and (-webkit-min-device-pixel-ratio:0) {

#mainAnimation{height:325px;}

#mainNavi, body.basic #mainNavi{background-image:url(../images/mainNavi_bg_02_webkit.png);}



}



.shadow_dwn{

	background: url(../images/border_bandtable.png);

	width:630px; 

	height:7px;

}



td.lomakeotsikko{	

	color: #f7db1e;



}



hr {



	border: 0;

	width: 100%;

	background-color: #231e1d;

	height: 1px;

	margin-bottom: 17px;



}





.tn img{

	width: 130px;

	border: 4px solid #190000;

}



.feed_title{



	margin-top:9px;}



.feed_item_title a, .feed_item_title a:visited{

	font-family:Verdana, Arial, Helvetica, sans-serif;

	color:#c59901;

	font-size:9px;

	font-weight:bold;

	

}



.feed_item_description{

font-family:Verdana, Arial, Helvetica, sans-serif;

color: #b4a6a6;

font-size:9px;

line-height:1.3em;

letter-spacing:-0.06em;

}



a.infoteksti{

	font-size: 9px;

	

	

}

.twtr-widget p
{
	font-size:12px}