/* Misc */

a img {
	border: 0;
}

.Clear {
	clear: both;
}


.Hidden {
	display: none;	
}




/* rakenne */



html,body{
	margin:0;
	padding:0;
	height:100%;
	width: 100%;
	text-align:center;
	background: #555555;
}

#outer{
	
	position:relative;
	
}
html>body #outer{
	min-height:100%
}




#page {
	width: 940px;
	margin-left: auto;
	margin-right: auto;
	padding: 0px;	
}



#content {
	
	width: 940px;
	min-height:384px;
	padding-bottom:5px;		
	text-align:left;
}


#footer{
	height:130px;
	background:#000000;
	position:fixed;
	bottom:0;left:0;
	z-index:999;
	width:100%;
	text-align: center;
}

#clearfooter{/* to clear footer*/
	height:130px;
	clear:both;
}


/* ie only styles below */
/* mac hide \*/
* html, * html body{
	overflow:hidden;
	height:100%;
}

* html #outer {height:100%;overflow:auto}
* html #footer{
	clear:both;
	margin-top:-130px;
	margin-right:17px;	
	position:relative;
	width:auto;
}
/* end hide */




#header {
	
	height:340px;	
	background: #595959 url(kuvat/header.jpg) no-repeat center top;
	text-align:left;	
}



#col001 {
	width:660px;	 
	float:left;
	text-align:left;	
	height:100%;
	min-height:400px;	
}

.margins_col001 {	
	padding:25px 40px 0 50px;
	margin-bottom:20px;
}

#col002 {
	width:240px;	 
	float:left;
	text-align:left;
	height:100%;
	min-height:400px;
}

.margins_col002 {	
	padding:25px 0 25px 0;
}


#info_footer {
	background: #000;
	height: 200px;
	text-align: center;	
	color: #fff;	
}

#info_footer_content {

	width:840px; 
	margin: auto;
	margin-top: 0px;
	padding-left:0px;
}

#footer_col001 {
	width:500px;	 
	float:left;
	text-align:left;
	padding-top:20px;	
}

#footer_col002 {
	width:340px;	 
	float:left;
	text-align:right;
	padding-top:20px;		
}	



#footer_content {

	width:100%; 
	height: 55px;
	margin: auto;
	margin-top: 5px;
	padding-left:0px;
	text-align:center;
}



#header_navi {
	width:635px;
	float:left;
	height:340px;
			
}

#navi {
		 
	text-align:left;
	padding:298px 0 0 50px;
	
}

#header_kuva {
	width:305px;
	float:left;
	height:340px;
	padding:0;		
}


.topic {
	background-color:#bbbbbb;
}


/* Typography */

body {
	font: 12px arial, helvetica, sans-serif, 'MS Trebucket', verdana, arial;	
	line-height: 18px;
	color: #000;
}


a:link, a:visited {
	color: #ffffff;
	text-decoration: underline;
}

a:hover, a:active {
	color: #ffffff;
	text-decoration:none;
}



h1,h2,h3,h4,h5 {
	font-family: sans-serif, 'MS Trebucket', arial, helvetica, verdana, arial;
}


h1 {
	font-size: 18px;
	line-height: 20px;
	font-weight: normal;		
}

h2 {
	font-size: 18px;
	line-height: 1;
	font-weight: normal;
	padding-bottom: 5px;
	margin:0 0 0 0;
}

h2.artistit {
	font-family:Arial, Helvetica, sans-serif; 
	font-size:18px;
	line-height:22px;
	margin-bottom:15px;
	margin-top:10px;
}

h3 {
	font-size: 16px;
	line-height: 1px;
	font-weight: normal;
	padding-top: 0px;
	
}

h4 {
	font-size: 16px;
	line-height: 1;
	font-weight: normal;
	padding-bottom: 5px;
	margin:0 0 0 0;
}

h1,h2,h3,h4,h5 {
	color: #000;
}


hr {
	color: #000;
	background-color: #000;
	height: 1px;
		
	border:0;
	margin-bottom:10px;
}

.kumppanit {
	margin-right:5px;
	
}


.otsikot {	
	margin-top:10px;
}




.yellow {
	font-size: 12px;
	margin: 0;
	color: #ffa13c;
	padding:0px;
}



.pieni {
	font-size: 10px;
	
}


.harmaa {
	font-size: 12px;
	color: #b9b9b9;
	margin:3px;
}

.harmaa a:link, a:visited {
	color: #b9b9b9;
	text-decoration: none;
}

.harmaa a:hover, a:active {
	color: #b9b9b9;
	text-decoration: underline;
}

.musta {
	font-size: 12px;
	color: #b9b9b9;
	margin:3px;
}

.musta a:link, a:visited {
	color: #b9b9b9;
	text-decoration: none;
}

.musta a:hover, a:active {
	color: #b9b9b9;
	text-decoration: underline;
}

.copy {
	font-size: 10px;
	margin: 0;
	color: #b9b9b9;
	padding:0px;
	line-height: 14px;
}

.copy a:link, a:visited {
	color: #b9b9b9;
	text-decoration: none;
}

.copy a:hover, a:active {
	color: #b9b9b9;
	text-decoration: underline;
}

.artistit {
	font-size: 20px;
	line-height: 20px;
	padding-bottom:10px;
	
}
.artistitTopic {
	font-size: 20px;
	
}

.pressPhoto {
	float:left;
	margin-right:20px;
	margin-bottom:20px;
}


/* Navigation */


#Navigation {
	list-style: none;
	padding: 0px;
	margin: 0px;
}
	
	#Navigation li {
		list-style: none;
		float: left;
	
	}
		#Navigation li a {
			display: block;
			height: 30px;
			background-repeat: no-repeat;
			outline: none;
		}
			#Navigation li a span {
				display: none;
			}
		#Navigation li a:hover, #Navigation li a.Selected {
			background-position: left bottom;	
		}
		
		#Navigation li.etusivu a { background-image: url(kuvat/navi/etusivu.gif); width: 78px; }
		#Navigation li.artistit a { background-image: url(kuvat/navi/artistit.gif); width: 91px; }
		#Navigation li.aikataulu a { background-image: url(kuvat/navi/aikataulu.gif); width: 109px; }
		#Navigation li.info a { background-image: url(kuvat/navi/info.gif); width: 58px; }
		#Navigation li.in_english a { background-image: url(kuvat/navi/in_english.gif); width: 99px; }
		#Navigation li.toihin a { background-image: url(kuvat/navi/toihin.gif); width: 99px; }