@charset "UTF-8";
/* CSS Document */

html {
overflow-y:scroll; /* Firefox scrollbar fixi */
background:#000000 url(images/savutausta.jpg) top center no-repeat;
min-width:936px;
} 

body {
margin:0;
padding:0;
font-family: Arial, Helvetica, sans-serif;
font-size:14px;
color:#FFF;
}

	body.esiintyjat { background:url(images/kuva_esiintyjat.jpg) no-repeat center 774px; }

/*----------
   Layout
----------*/

#wrap {
width:936px;
margin:0 auto -25px auto;
position:relative;
}

	body.etusivu #wrap { background:url(images/kuva_etusivu.jpg) no-repeat right 774px;}
	body.liput #wrap { background:url(images/kuva_liput.jpg) no-repeat right 774px; }

h1 {
display:block;
width:100%;
margin:0;
padding:0;
text-indent:-9999px;
overflow:hidden;
background:url(images/banner.jpg) left top no-repeat;
width:936px;
height:426px;
position:absolute;
left:0;
z-index:1;
}

#flashbanner {
position:absolute;
width:308px;
height:320px;
top:11px;
left:307px;
z-index:20;
overflow:hidden;
}

#flashbanner * {
	cursor:crosshair;
}

#menuwrap {
padding:331px 0 0 0;
margin:0 0 0 144px;
}

#content {
position:relative;
margin-top:11px; 
z-index:3;
padding-left: 114px;
}

#content2 {
position:relative;
margin-top:30px; 
z-index:3;
padding-left: 150px;
}

#leftcol {
width:519px;
padding-right:9px;
border-right:solid 1px #FFF;
min-height:400px;
float:left;
position:relative;
z-index:3;
}

body.etusivu #leftcol, body.esiintyjat #leftcol, body.liput #leftcol { min-height:925px; }

#rightcol {
position:relative;
float:left;
width:231px;
height:374px;
background:url(images/oikea_palsta.png) no-repeat;
overflow:hidden;
position:relative;
z-index:3;
}

/*-----------
    Menu
-----------*/

.nav {
margin:0;
position:relative;
height:58px;
width:668px;
background:url(images/menu.jpg) left top no-repeat;
text-indent:-9999px;
overflow:hidden;
z-index:2;
}

	.nav li { display: inline; }
	
	.nav li a {
	display:block;
	height:58px;
	position:absolute;
	top:0;
	z-index: 10;
	overflow:hidden;
	}
	
	.nav li a:focus { outline:none; }
	
	.nav-etusivu, .nav-esiintyjat, .nav-liput, .nav-yhteistyokumppanit, .nav-yhteystiedot, .nav-pressi {
    position: absolute;
    top:0;
    height: 58px;
	}
	
	.nav .etusivu a, .nav-etusivu						{ width:95px; left:0;}
	.nav .esiintyjat a, .nav-esiintyjat					{ width:105px; left:95px;}
	.nav .liput a, .nav-liput							{ width:70px; left:200px;}
	.nav .yhteistyokumppanit a, .nav-yhteistyokumppanit	{ width:185px; left:270px;}
	.nav .yhteystiedot a, .nav-yhteystiedot				{ width:130px; left:455px;}
	.nav .pressi a, .nav-pressi							{ width:83px; left:585px;}
	
	.nav .etusivu a:hover, .nav-etusivu							{ background:url(images/menu.jpg) no-repeat 0 -58px; }
	.nav .esiintyjat a:hover, .nav-esiintyjat					{ background:url(images/menu.jpg) no-repeat -95px -58px; }
	.nav .liput a:hover, .nav-liput								{ background:url(images/menu.jpg) no-repeat -200px -58px; }
	.nav .yhteistyokumppanit a:hover, .nav-yhteistyokumppanit	{ background:url(images/menu.jpg) no-repeat -270px -58px; }
	.nav .yhteystiedot a:hover, .nav-yhteystiedot				{ background:url(images/menu.jpg) no-repeat -455px -58px; }
	.nav .pressi a:hover, .nav-pressi 							{ background:url(images/menu.jpg) no-repeat -585px -58px; }
	
	.current-etusivu .etusivu a						{ background:url(images/menu.jpg) no-repeat 0 -58px; }
	.current-esiintyjat .esiintyjat a					{ background:url(images/menu.jpg) no-repeat -95px -58px; }
	.current-liput .liput a								{ background:url(images/menu.jpg) no-repeat -200px -58px; }
	.current-yhteistyokumppanit .yhteistyokumppanit a	{ background:url(images/menu.jpg) no-repeat -270px -58px; }
	.current-yhteystiedot .yhteystiedot a				{ background:url(images/menu.jpg) no-repeat -455px -58px; }
	.current-pressi .pressi a 							{ background:url(images/menu.jpg) no-repeat -585px -58px; }


/*---------------
   Text & stuff
----------------*/

a:link, a:visited {text-decoration:none; color:#90c2c3; }
a:hover, a:active {text-decoration:underline; color:#eede89; }

h2 {
height:34px;
width:100%;
text-indent:-9999px;
overflow:hidden;
padding:0;
margin:14px 0 10px 0;
}

	h2.first { margin-top:0; }
	h2.tervetuloa { height: 51px; background:url(images/otsikko_tervetuloa.png) no-repeat; }
	h2.uutisia { height: 25px; background:url(images/otsikko_uutisia.png) no-repeat; }
	h2.kiitos { height: 25px; background:url(images/otsikko_kiitos.png) no-repeat; }
	h2.jonipakanen { height: 25px; background:url(images/otsikko_jonipakanen.png) no-repeat; }
	h2.tulitaide { height: 25px; background:url(images/otsikko_tulitaide.png) no-repeat; }
	h2.showtanssi { height: 25px; background:url(images/otsikko_showtanssi.png) no-repeat; }
	h2.laulaja { height: 25px; background:url(images/otsikko_laulaja.png) no-repeat; }
	h2.percussium { height: 25px; background:url(images/otsikko_percussium.png) no-repeat; }
	h2.tyoryhma { height: 25px; background:url(images/otsikko_tyoryhma.png) no-repeat; }
	h2.lehdistotiedote { background:url(images/otsikko_lehdistotiedote.png) no-repeat; }
	h2.pressikuvat { height: 25px; background:url(images/otsikko_pressikuvat.png) no-repeat; }
	h2.logo { background:url(images/otsikko_logo.png) no-repeat; }
	h2.yhteistyokumppanit { background:url(images/otsikko_yhteistyokumppanit.png) no-repeat; }
	h2.yhteystiedot { background:url(images/otsikko_yhteystiedot.png) no-repeat; }
	h2.liput { background:url(images/otsikko_liput.png) no-repeat; }
	h2.yrityslipunmyynti { height: 25px; background:url(images/otsikko_yrityslipunmyynti.png) no-repeat; }
	

p {
padding:0;
margin:0 0 21px 0;
line-height:16.8px;
}

p.note1 {
padding:0;
margin:0 0 21px 0;
line-height:16.8px;
font-family: Arial, Helvetica, sans-serif;
font-size:20px;
color:#f8564d;
font-weight: normal;
}

p.note2 {
padding:0;
margin:0 0 0 0;
line-height:16.8px;
font-family: Arial, Helvetica, sans-serif;
font-size:11px;
color:#fff;
font-weight: normal;
}

	p.email { margin-top:-21px; }

ul { line-height:16.8px; list-style-type: none;}

strong { font-weight:bold; }

em { font-style:normal; font-size:20px; }

#rightcol { text-indent:-9999px; }

	#rightcol ul { list-style:none; }

	#rightcol a {
	position:absolute;
	margin:0;
	display:block;
	text-indent:-9999px;
	}
	
	#rightcol #luelisaa {
	width:80px;
	bottom:164px;
	margin:0;
	left:52px;
	height:16px;
	background:url(images/oikea_palsta.png) -55px 127px no-repeat; /* IE fix */
	}
	
	#rightcol .lippufi {
	width:200px;
	bottom:0;
	left:15px;
	height:35px;
	overflow:hidden;
	}
	
	#rightcol .lippufi:focus { outline:none; }

	#rightcol .skortti {
	width:100px;
	bottom:0;
	left:15px;
	height:35px;
	}

#rightcol #lippufi:focus, #rightcol #luelisaa:focus { outline:none; }

ul.yhteistyokumppanit { list-style:none; width:99%; }
ul.yhteistyokumppanit li { margin:30px auto; padding:0; }
ul.yhteistyokumppanit img { display:block; margin:0 auto; border:none; }
ul.yhteistyokumppanit a:focus { outline:none; }


/*---------
  Images
---------*/

#pressikuvat {
list-style: none;
width:100%;
margin:0 0 33px 0;
padding:0;
}

	#pressikuvat li{
	width:49%;
	float:left;
	margin-bottom:15px;
	position:relative;
	}
	
	#pressikuvat img, div.logo img {
	border:solid 1px #FFF;
	float:left;
	vertical-align:bottom;
	}
	
	#pressikuvat div, div.logo div {
	position:absolute;
	left:100px;
	bottom:0;
	}
	
	#pressikuvat div.vaaka {
	position:absolute;
	left:150px;
	bottom:0;
	}	
	
	div.logo { position:relative; }
	div.logo div { left:300px; }
	
	body.pressi a:link, body.pressi a:visited {text-decoration:none; color:#90c2c3; }
	body.pressi a:hover, body.pressi a:active {text-decoration:underline; color:#eede89; }

body.liput #leftcol .lippufi {
width:176px;
overflow:hidden;
text-indent:-9999px;
height:103px;
background:url(images/logo_lippufi.png) no-repeat;
}

body.liput #leftcol .skortti {
width:176px;
overflow:hidden;
text-indent:-9999px;
height:103px;
margin-top: -100px;
margin-left: 250px;
background:url(images/skortti.png) no-repeat;
}

body.liput .lippufi a {
display:block;
width:100%;
height:100%;
}


body.etusivu #leftcol img {
border:solid 1px #FFF;
margin:15px auto;
}




#video {
width:480px;
height:270px;
border:solid 0px #FFF;
margin:15px 0;
}

#videoiso {
width:640px;
height:270px;
border:solid 0px #FFF;
margin:15px 0;
}

/*-----------
  Clearfix
-----------*/

#content:after, #pressikuvat:after, div.logo:after {
content: ".";
display: block;
height: 0;
line-height: 0;
clear: both;
visibility: hidden;
font-size: 0;
}