/* tyyli.css */
/* Seisomapaikan sivujen tyylitiedosto */

body {
	display: block;
	font-family: arial, sans-serif;
	padding: 0;
	margin: 0;
	border: none;
	text-align: left;
	font-size: 12pt;
	color: rgb(15,15,25);
	background-color: #E7BA1D;
	
	padding-left: 25px;
	padding-right: 25px;
	
	background-image: url('kaupunki.jpg');
	background-repeat: no-repeat;
	background-position: top right;
	
}

img{
	border: none;
	padding: 0;
	margin: 0;
}

.koomikko{
	display: block;
	position: absolute;
	left: 10px;
	top: 0px;

	width: 248px;
	height: 100%;
	max-height: 730px;
	
	background-image: url('koomikko_eikasi.gif');
	background-repeat: no-repeat;
	background-position: top left;
	
	z-index: 1;	
}

html>body>.koomikko{ /* käytetään muualla kuin ie:ssä */
	position: fixed;
}

.koomikko_kasi{
	display: block;
	position: absolute;
	left: 258px;
	top: 0px;

	width: 166px;
	height: 147px;
	
	background-image: url('koomikko_kasi.gif');
	background-repeat: no-repeat;
	background-position: top left;
	
	z-index: 1;	
}

html>body>.koomikko_kasi{ /* käytetään muualla kuin ie:ssä */
	position: fixed;
}

.esiintyjat{
	display: block;
	position: absolute;
	text-align: right;
	right: 150px;
	top: 110px;
	width: 50%;
	height: auto;
	padding: 0;
	background-color: transparent;

	z-index: 9;
}

.esiintyjat a{
	padding: 0px;
	margin: 0px;	
}

.ala{
	display: block;	
	width: 100%;
	height: 13px;
	margin: 0px;	
	padding: 0px;	
	background-color: transparent;

	z-index: 3;
}

.ala p{
	text-align: right;
	font-size: 7pt;
	padding-top: 4px;
	padding-right: 0px;
	margin-right: 150px;
	margin-bottom: 15px;
}

.navigaatio{	
	display: block;
	position: absolute;
	left: 70px;
	top: 200px;
	width: 160px;
	height: 225px;
	padding: 0;
	padding-top: 16px;
	background-color: transparent;

	z-index: 9;
}

html>body>.navigaatio{ /* käytetään muualla kuin ie:ssä */
	position: fixed;
}

.kupla_yla{
	display: block;
	background-image: url('kupla_yla.gif');
	background-repeat: no-repeat;
	background-position: top left;
	width: 158px;
	height: 27px;
	}

.kupla_ala{
	display: block;
	background-image: url('kupla_ala.gif');
	background-repeat: no-repeat;
	background-position: top left;
	width: 158px;
	height: 27px;
	}

.navigaatio a{
	text-transform: uppercase;
	letter-spacing: 0.2em;
	text-decoration: none;
	text-align: left;
	font-size: 9pt;
	padding-left: 29px;
	
	line-height: 20px;
	
	color: black;
	background-color: transparent;
	
	display: block;
	background-image: url('kupla_a.gif');
	background-repeat: no-repeat;
	background-position: top left;
	width: 158px;
	height: 24px;
	
}

html>body>.navigaatio a{ /* käytetään muualla kuin ie:ssä */
	padding-top: 0px;
}

.navigaatio a:hover{
	color: white;
	background: none;
	background-color: transparent;
	
	background-image: url('kupla_a_hover.gif');
	background-repeat: no-repeat;
	background-position: bottom left;
	
}

.sisus{
	display: block;
	padding: 0px;
	padding-bottom: 25px;
	margin: 0px;
	background-color: white;
	color: black;
	margin-left: 250px;
	margin-right: 150px;
	margin-top: 170px;
	
	background-image: url('tausta.gif');
	background-repeat: no-repeat;
	background-position: bottom right;
		
	border: solid 3px black;
	
	z-index: 10;	
}

.sisus h1{
	
	margin: 6px;
	padding-top: 16px;
	padding-left: 20px;
	padding-right: 50px;
	font-size: 14pt;
	text-transform: uppercase;
	letter-spacing: 0.19em;
		
	width: 75%;
		
	background-image: url('h1_mikki.gif');
	background-repeat: no-repeat;
	background-position: bottom left;
	
}

.sisus h2{
	margin: 0;
	padding: 10px;
	padding-left: 22px;
	padding-bottom: 0px;
	margin-bottom: 2px;
	font-size: 12pt;
	font-variant: small-caps;
	letter-spacing: 0.07em;
	
	background-image: url('tahti_oranssi.gif');
	background-repeat: no-repeat;
	background-position: bottom left;
}

.sisus h3{
	margin: 0;
	padding: 8px;
	padding-left: 22px;
	padding-bottom: 6px;
	font-size: 12pt;
	font-variant: small-caps;
	color: #6BA81C;
	letter-spacing: 0.06em;
}

.sisus p{
	margin: 0;
	padding: 6px;
	padding-left: 22px;
	font-size: 10pt;	
	font-variant: normal;
	letter-spacing: 0.02em;
	line-height: 20px;
	
}

.sisus a{
	text-decoration: underline;
	color: black;
	
}

.sisus a:hover{
	color: #EECA40; 
}

.sisus ul{
	list-style-image: url('h1_mikki.gif')
}

.sisus li{
	margin: 0;
	padding: 8px;
	padding-left: 2px;
	padding-bottom: 0px;
	margin-bottom: 2px;
	font-size: 12pt;
	font-variant: small-caps;
	letter-spacing: 0.07em;	
}

.sisus form{
	margin: 24px;
	border: solid 2px #EECA40;
	background-color: white;
	}

.ilmoitus{
	margin: 24px;
	border: solid 3px #EECA40;
	background-color: white;
}

.ilmoitus p{
	padding-right: 10px;	
	}

.klubi{
	margin: 16px;
	width: auto;
	
	background-image: url('klubitiili.jpg');
	background-repeat: no-repeat;
	background-position: top left;
	
}

.klubi h2{

}

td.esitys{
	font-size: 10pt;
	padding-left: 15pt;
}
.varattavissa{
	color: green;
}
.ei_varattavissa{
	color: red;
}
.loppuunmyyty{
	color: red;
}
.pieni{
	font-size: 10pt;
}