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

html {
	font-family: Verdana, Geneva, sans-serif;
	margin: 0px;
	padding: 0px;
	background-color: #7f7f7f;
}
body {
	margin: 0px;
	padding: 0px;
}
p {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 0.8em;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #12100c; /* musta */
	text-decoration: none;
	/* paddingit tänne tarvittaessa */
	padding: 0px 40px 10px 20px;
	text-align: left;
}
.pieni {
}

.pieni p {
	font-size: 0.6em;
}
h1 {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 1.2em;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #12100c; /* musta */
	text-decoration: none;
	letter-spacing: 1px;	
	/* marginit ja paddingit tänne tarvittaessa */
	padding: 20px 30px 0px 20px;
}
h2 {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 1em;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #12100c; /* musta */
	text-decoration: none;
	/* marginit ja paddingit tänne tarvittaessa */
	padding: 10px 30px 0px 20px;
}
h3 {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 0.9em;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #12100c; /* musta */
	text-decoration: none;
	/* marginit ja paddingit tänne tarvittaessa */
	padding: 5px 30px 0px 20px;
}
a {
	color: #12100c; /* musta */
	text-decoration: underline;
	font-size: 1.0em;
	list-style-type: none;
}
a:hover {
	color: #920c1d; /* punainen */
	text-decoration: none;
}
ul {
	margin: 0px;
	padding: 0px;
}
li {
	list-style-type: disc;
	font-size: 0.8em;
	/*padding: 0px 10px 10px 20px;*/
	margin-left: 40px;
}
/*=====================*/
/* Perus div-elementit */
/*=====================*/
#koonti {
	text-align: center;
	width: 100%;
}
#kehys {
	width: 980px;
	/*border: 3px double #12100c; /* musta */
	border: 1px solid #12100c;
	border-bottom: none;
	margin: 0px auto;
	text-align: left;
	overflow: hidden;
	position: relative;
	/* background-color: #cac9c7; /* vaalea harmaa */
	background-color: #e8e5e3; /* melkein valk. */
}
#paabanneri {
	height: 150px;
	width: 980px;
	position: relative;
	clear: both;
	background-image: url(kuvat/banneri.jpg);
	background-repeat: no-repeat;
}
#banneri { /*banneri ilman taustakuvaa */
	height: 150px;
	width: 980px;
	position: relative;
	clear: both;
	background-color: #5f4c4b;	
}
#logo {
	width: 101px;
	height: 140px;
	position: absolute;
	background-image: url(kuvat/VPK_logo.png);
	background-repeat: no-repeat;
	z-index: 100;
	left: 850px;
	top: 60px;
	margin: 0px;
	padding: 0px;
}
#soittokunnan_logo {
	width: 140px;
	height: 126px;
	position: absolute;
	background-image: url(kuvat/soittokunnan_logo.gif);
	background-repeat: no-repeat;
	z-index: 100;
	left: 800px;
	top: 12px;
	margin: 0px;
	padding: 0px;
}
#brankkarit_logo {
	width: 130px;
	height: 150px;
	position: absolute;
	background-image: url(kuvat/brankkarit_logo.jpg);
	background-repeat: no-repeat;
	z-index: 100;
	left: 820px;
	top: 50px;
	margin: 0px;
	padding: 0px;
}
#alatunniste {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 0.8em;
	font-style: italic;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
	text-align: center;
	width: 980px;
	line-height: 45px;
	margin: 0px auto;
	/*border-left: 3px double #12100c; /* musta */
	/*border-right: 3px double #12100c; /* musta */
	/*border-bottom: 3px double #12100c; /* musta */
	border-left: 1px solid #12100c; /* musta */
	border-right: 1px solid #12100c; /* musta */
	border-bottom: 1px solid #12100c; /* musta */
	position: relative;
	clear: both;
	background-color: #cac9c7; /* vaalea harmaa */
	background-image: url(kuvat/harmaa_gradienttitausta.jpg);
	background-repeat: repeat-x;	/*background-color: #e2e0dc; /* viela vaaleempi harmaa */
}
/*=========*/
/* Ylanavi */
/*=========*/
/* ei käytetä mihinkään */
.ylanavi {
	width: 800px;
	height: 20px;
	width: 100%;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 0.8em;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
	text-align: right;
	/*border-bottom: 3px double #000;*/
	float: left;
	position: relative;
	padding: 0px;
	margin: 0px;
	overflow: hidden;
}
.ylanavi a {
	text-decoration: none;
}
/*===================*/
/* Lisanavi alhaalla */
/*===================*/
.lisanavi {
	height: 20px;
	width: 980px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 0.8em;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
	text-align: right;
	/*border-bottom: 3px double #000;*/
	clear: both;
	position: relative;
	padding: 0px;
	overflow: hidden;
	margin: 0px auto;
}
.lisanavi a {
	text-decoration: none;
}
/*=============*/
/* Sisalto-div */
/*=============*/
.sisalto {
	width: 100%; 
	position: relative;
	margin: 0px;
	padding: 0px;
	border: none;
}
/*=======================*/
/* Navigointi vasemmalla */
/*=======================*/
.navi_vas {
	float: left;
	width: 180px;
	position: relative;
	text-align: left;
	overflow: hidden;
	padding: 0px 0px 100px 0px;
	margin: 0px;
	border: none;
	margin-top: 10px;
	/*background-color: #12100c; /* musta */
}
.navi_vas ul {
	margin: 0px;
	padding: 0px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 1.1em;
}
.navi_vas li {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	margin-bottom: 5px;
}
.navi_vas li a {
	width: 160px;
	padding: 5px 0px 5px 10px;
	text-decoration: none;
	display: block;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 1.1em;
	font-style: normal;
	line-height: 30px;
	font-weight: normal;
	font-variant: normal; 
	border: 1px ridge #12100c; /* musta */
	border-left: none;
	color: #12100c; /* musta */
	background-color: #9b9b9b;
}
.navi_vas li a.open {
	color: #12100c; /* musta */
	background-color: #e8e5e3; /* melkein valk. */
}
.navi_vas li a:link {
}
.navi_vas li a:visited {
}
.navi_vas li a:hover {
	color: #12100c; /* musta */
	background-color: #e8e5e3; /* melkein valk. */
}
.navi_vas li a:active {
	color: #12100c; /* musta */
	background-color: #e8e5e3; /* melkein valk. */
}
/*=========*/
/* Alanavi */
/*=========*/
ul .alanavi {
	margin: 0px;
	padding: 0px;
	width: 180px;
	border: none;
}
ul .alanavi li {
	margin: 0px;
	padding: 0px;
	display: block;
	list-style-type: square; /* ei näy ????*/
}
ul .alanavi li a {
	width: 140px;
	font-weight: normal;
	text-decoration: none;
	display: block;
	padding: 3px 0px 3px 30px;
	margin-top: 1px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 1em;
	font-style: normal;
	line-height: 20px;
	font-variant: normal;
	text-transform: none;
	color: #12100c; /* musta */
	background-color: #afafaf;
	border: 1px ridge #12100c; /* musta */
	border-left: none;
}
ul .alanavi li a.open {
	list-style-type: square; /* ei näy ????*/
	background-color: #e8e5e3; /* melkein valk. */
}
ul .alanavi li a:link {
}
ul .alanavi li a:visited {
}
ul .alanavi li a:hover {
	background-color: #e8e5e3; /* melkein valk. */
}
ul .alanavi li a:active {
	background-color: #e8e5e3; /* melkein valk. */
}
/*======================*/
/* Soittokunnan alanavi */
/*======================*/
ul .sk_alanavi {
	margin: 0px;
	padding: 0px;
	width: 180px;
	border: none;
}
ul .sk_alanavi li {
	margin: 0px;
	padding: 0px;
	display: block;
}
ul .sk_alanavi li a {
	width: 115px;
	font-weight: normal;
	text-decoration: none;
	display: block;
	padding: 3px 0px 3px 55px;
	margin-top: 1px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 0.8em;
	font-style: normal;
	line-height: 13px;
	font-variant: normal;
	text-transform: none;
	color: #12100c; /* musta */
	background-color: #afafaf;
	border: 1px ridge #12100c; /* musta */
	border-left: none;
}
/*============================*/
/* Sisalto-osan div-elementit */
/*============================*/
/* ei tarvita muualla kuin Kalusto-sivulla */
.palsta_kesk {
	float: left;
	width: 400px;
	position: relative;
	/*margin: 0px;*/
	border: none;
	/*width: 385px; /* leveys 400px - 15px marginaali vasemmalla */
	/*margin: 0px 0px 20px 195px;*/
}
/* ei tarvita muualla kuin Kalusto-sivulla*/
.palsta_oik {
	width: 400px;
	position: relative;
	float: right;
	/*margin: 0px;*/
	border: none;
	/*width: 385px; /* leveys 400px - 15px marginaali vasemmalla */
	/*margin: 0px 0px 20px 15px;*/
}
.palsta_kesk_oik {
	width: 800px;
	position: relative;
	border: none;
	float: right;
}
.yhteys {
	width: 100%;
	float: left;
}

.yhttieto {
	width: 450px;
	float: right;
	position: relative;
	padding: 0px 150px 10px 0px;
}
.tapahtumalista {
	margin-bottom: 20px;
}
.tapahtumalista ul {
	margin-bottom: 10px;
}
.tapahtumalista ul li {
	font-size: 0.9em;
	list-style-type: disc;
	list-style-position: inside;
	font-weight: bold;
}
.tapahtumalista ul li ul li{
	font-size: 0.8em;
	list-style-type: none;
	font-weight: normal;
}
.tapahtumalista li a {
	list-style-type: none;
}
.sivukartta {
	margin-bottom: 20px;
}
.sivukartta ul {
	margin-bottom: 5px;
}
.sivukartta ul li {
	font-size: 0.9em;
	list-style-type: disc;
	list-style-position: inside;
	margin-top: 5px;
}
.sivukartta ul li ul li{
	font-size: 0.8em;
	list-style-type: none;
	font-weight: normal;
	margin-top: 5px;
}
.sivukartta ul li ul li ul li {
	font-size: 1.0em;
	list-style-type: none;
	font-weight: normal;
	margin-top: 5px;
}
.sivukartta li a {
	list-style-type: none;
}


/*===========*/
/* Murupolku */
/*===========*/
#murupolku {
	float: left;
	position: relative;
	width: 480px;
	color: #62615f; /* harmaa */
	padding-left: 20px;
	padding-top: 5px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 0.7em;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
}
#murupolku a {
	text-decoration: none;
	color: #62615f; /* harmaa */
}
#murupolku a.open {
	text-decoration: underline;	
}
#murupolku a:link {
}
#murupolku a:visited {
}
#murupolku a:hover {
	color: #920c1d; /* punainen */
	text-decoration: none;	
}
#murupolku a:active {
}
/*=========================*/
/* Soittokunta englanniksi */
/*=========================*/
#kieli {
	float: right;
	position: relative;
	width: 200px;
	color: #12100c; /* musta */
	padding-right: 20px;
	padding-top: 5px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 0.7em;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
}
#kieli a {
	text-decoration: none;
	color: #12100c; /* musta */
}
#kieli a.open {
	text-decoration: underline;	
}
#kieli a:link {
}
#kieli a:visited {
}
#kieli a:hover {
	color: #920c1d; /* punainen */
	text-decoration: none;	
}
#kieli a:active {
}
/*==================*/
/* Kuvien muotoilut */
/*==================*/
.kuva_oik {
	float: right;
	margin: 10px 20px 10px 10px;	
	border: 1px solid #12100c; /* musta */
}
.kuva_vas {
	float: left;
	margin: 10px 10px 10px 20px;
	border: 1px solid #12100c; /* musta */
}
.kuva_oik2 {
	float: right;
	margin: 10px 20px 10px 10px;
	border: none;	
}
.kuva_vas2 {
	float: left;
	margin: 10px 10px 10px 20px;
	border: none;
}
.kuva_vas3 {
	float: left;
	margin: 10px 30px 20px 20px;
	border: 1px solid #12100c; /* musta */
}
.kuva_oik_linkki {
	float: right;
	margin: -50px 266px 0px 0px;	
	border: none;
}
/* Soittokunnan isot kuvat keskella sivua */
.kuva_kesk {
	float: left;
	margin: 10px 100px 20px 100px;	
	border: none;
	border: 1px solid #12100c; /* musta */
}
/*==========================================*/
/* Kiinteisto-sivun kuvalinkkien maarittely */
/*==========================================*/
.kuvalinkit {
	width: 500px; /* säädä tätä, jos kuvia tulee lisää tai poistuu */ 
	float: left;
	margin: 20px 0px 20px 20px;
}
.kuvalinkit p {
	padding: 0px 40px 10px 0px;
}
/*====================*/
/* VPK:n talon linkki */
/*====================*/
#vpktalo_linkki{
	padding: 0px;
	margin: 0px;
	width: 220px;
	text-align: left;
	overflow: hidden;
	border: none;
	float: left;
}
#vpktalo_linkki ul {
	margin:0px;
	padding: 20px 0px;
	border: none;
}
#vpktalo_linkki li {
	margin: 0px;
	width: 200px;
	height: 150px;
	list-style-type: none;
	background-image: url(kuvat/vpktalonappiylos.jpg);
	background-repeat: no-repeat;
	border: none;
}
#vpktalo_linkki li a {
	width: 200px;
	height: 150px;
	text-decoration: none;
	display: block;
	margin: 0px;
	/*padding: 20px 0px 10px 15px;*/
	padding: 0px;
	border: none;
}
#vpktalo_linkki li a:active {
	background-image: url(kuvat/vpktalonappialas.jpg);
	background-repeat: no-repeat;
	margin: 0px;
	/*padding: 20px 0px 10px 15px;*/
	padding: 0px;
	border: none;
}
/*====================*/
/* Paviljonkin linkki */
/*====================*/
#paviljonki_linkki{
	padding: 0px;
	margin: 0px;
	width: 220px;
	text-align: left;
	overflow: hidden;
	border: none;
	float: left;
}
#paviljonki_linkki ul {
	margin:0px;
	padding: 20px 0px;
	border: none;
}
#paviljonki_linkki li {
	margin: 0px;
	width: 200px;
	height: 150px;
	list-style-type: none;
	
	background-image: url(kuvat/paviljonkinappiylos.jpg);
	background-repeat: no-repeat;
	border: none;
}
#paviljonki_linkki li a {
	width: 200px;
	height: 150px;
	text-decoration: none;
	display: block;
	margin: 0px;
	/*padding: 20px 0px 10px 15px;*/
	padding: 0px;
	border: none;
}
#paviljonki_linkki li a:active {
	background-image: url(kuvat/paviljonkinappialas.jpg);
	background-repeat: no-repeat;
	margin: 0px;
	/*padding: 20px 0px 10px 15px;*/
	padding: 0px;
	border: none;
}
/*===========================*/
/* Paloaseman tilojen linkki */
/*===========================*/
#paloasematilat_linkki{
	padding: 0px;
	margin: 0px;
	width: 220px;
	text-align: left;
	overflow: hidden;
	border: none;
	float: left;
}
#paloasematilat_linkki ul {
	margin:0px;
	padding: 20px 0px;
	border: none;
}
#paloasematilat_linkki li {
	margin: 0px;
	width: 200px;
	height: 150px;
	list-style-type: none;
	background-image: url(kuvat/paloasematilanappiylos.jpg);
	background-repeat: no-repeat;
	border: none;
}
#paloasematilat_linkki li a {
	width: 200px;
	height: 150px;
	text-decoration: none;
	display: block;
	margin: 0px;
	/*padding: 20px 0px 10px 15px;*/
	padding: 0px;
	border: none;
}
#paloasematilat_linkki li a:active {
	background-image: url(kuvat/paloasematilanappalasi.jpg);
	background-repeat: no-repeat;
	margin: 0px;
	/*padding: 20px 0px 10px 15px;*/
	padding: 0px;
	border: none;
}
/**********/
/* Lomake */
/**********/
#lomake {
	width: 600px;
	margin: 0px;
	padding: 0px;
	text-align: left;
	
}
.lomakerivi {
	width: 600px;
	margin: 0px;
	padding: 5px 0px 5px 0px;
	clear: both;
	text-align: left;
}
.lomakerivi_vas {
	width: 200px;
	float: left;
	text-align: left;
	margin: 0px;
	padding: 0px;
	vertical-align: top;
}
.lomakerivi_oik {
	width: 400px;
	float: right;
	text-align: left;
	margin: 0px;
	padding: 0px;
	vertical-align: bottom;
}
.lomakerivi_vas p {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 0.8em;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #12100c; /* musta */
	text-decoration: none;
	text-align: left;
	margin: 0px;
	padding: 0px 10px 0px 20px;
}
.lomakerivi_vas h3 {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 0.6em;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #12100c; /* musta */
	text-decoration: none;
	text-align: left;
	margin: 0px;
	padding: 10px 10px 0px 20px;
}
.lomakerivi_vas h4 {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 0.6em;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #12100c; /* musta */
	text-decoration: none;
	text-align: left;
	margin: 0px;
	padding: 0px 10px 0px 20px;
}
.jemmarivi {
	width: 600px;
	margin: 0px;
	padding: 5px 0px 5px 0px;
	clear: both;
	text-align: left;
	display: none;
}
.jemmarivi_vas {
	width: 200px;
	float: left;
	text-align: left;
	margin: 0px;
	padding: 0px;
	vertical-align: top;
	display: none;
}
.jemmarivi_oik {
	width: 400px;
	float: right;
	text-align: left;
	margin: 0px;
	padding: 0px;
	vertical-align: bottom;
	display: none;
}
.pun {
	color: #920e1d;
}
/*==============================================*/
/* palsta_kesk_oik sisalla toistuu tarvittava */
/* maara varaus-diveja ja lisatietoryhma-diveja  */
/*==============================================*/
.varaus {
	/* width: 50%; */
	width: 35%; /* suurenna tätä jos kuvia tulee lisää, pavilj. poistettu 2019-02-20 */
	clear: both;
	position: relative;
	margin: 0px;
	padding: 0px;
}
.lisatietoryhma {
	clear: both;
	width: 100%;
	position: relative;
}
/*=======================================================*/
/* lisatietoryhman sisalle mahtuu x kpl lisatieto-diveja */
/*=======================================================*/
.lisatieto {
	width: 100px;
	position: relative;
	margin: -15px 0px 10px 20px; 
	float: left;
}
.lisatieto a {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 0.8em;
}