@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;
	
	
}