* {
	/* Koko dokumentille yhteiset. */
	font-family: "Courier New";
	
}

body {
	/* Tämä fiksaa IE5&6 -bugin, jolla saadaan sijoitettua
   	pääikkuna keskelle ruutua; (käytetään hyväksi text-align-bugia) */
	
	text-align: center; 
			 	
	/* Tämä fiksaa Netscape 6 bugin. Tuo vierityspalkit, mikäli ikkunan
	kokoa pienennetään */
	min-width: 830px;
	font-size: 0.9em;
	margin-top: 20px;
	margin-bottom: 30px;
	background-image: url(newimages/ison8.jpg);
	background-repeat: no-repeat;
	background-color: #000000;
	

}


#paikkamakkara {
	margin-right: 4px;
	margin-top: 2px;

	width: 106px;
	height: 85px;
	position: fixed;
	background-image: url(newimages/makkara2.gif);
}

#navigation {
	width: 235px;
	float: left;
	padding-top: 36px;
	padding-bottom: 0px;
}

#navigation li {
	padding-left: 20px;
	padding-right: 20px;
}

#navigation img {
	padding-top: 50px;
	padding-left: 63px;
}




#navigation a, #navigation a:link, #navigation a:visited {
	display: block; 
	width: 215px;
	height: 25px;
	margin-left: 20px;
	margin-bottom: 0px;
	line-height: 25px;
	text-decoration: none;
	font-weight: bold;
	font-family: "Arial";
	font-size: 16px;
	text-indent: 32px;
	color: yellow;
	background: url(newimages/linkkinappi9.gif) no-repeat left top;
}

#navigation a:hover {
	color: #FFFFFF;
}


#undernavigation {
	width: 235px;
	float: left;
	margin-left: 20px;
	margin-top: 20px;
}

#undernavigation img {

/* Tämä on se jukitsu "ruorissa" kuva (ainakin alunperin) */
	padding-top: 30px;
	margin-left: 43px;

/*	padding-left: 20px;
	padding-right: 20px;*/
}

#undernavigation .mobile {

	padding-top: 0px;
	margin-left: 0px;

/*	padding-left: 20px;
	padding-right: 20px;*/
}


/*#undernavigation a, #undernavigation a:link, #undernavigation a:visited {
	border:2px; 
	border-thickness: 2px; 
	border-color: #000000; 
	border-style: solid;
	background-color: #000000;
	color: white;
	background: #000000;
	font-weight: bold;
	text-decoration: none;
}*/

#undernavigation .viikkokuva {
	border:2px; 
	border-width: 2px; 
	border-color: #000000; 
	border-style: solid;
	display: block; 
/*	width: 205px;*/
/*	height: 152px; */
	padding: 0px;
	margin: 0px;
}

#undernavigation .face {
	border:0px; 
	border-style: none;
	display: block; 
/*	width: 205px;*/
/*	height: 152px; */
	padding-left: 0px;
	margin: 0px;
}


#undernavigation .kuvateksti {
	font-size: 13px;
	font-weight: bold;
	color: #000000;
	margin: 0px;
	padding: 0px;
}


#wrapper {
	width: 905px;
	position: relative;
	border: #333333 solid 4px; 
	margin: 0 auto;
	text-align: left;
	background: #ffff00 url(newimages/ylanurkka.jpg) no-repeat left top; /* omaa */	

}


#introwrapper {
	width: 640px;
	position: relative;
	margin: 0 auto;
	text-align: left;
	background-color: #000000;

}


#branding {
	clear: left;
	background-color: red;
	width: 905px;
	height: 89px;
	border-bottom: #333333 solid 4px;
	background: url(newimages/Uppertourist093.jpg) no-repeat left top; /* omaa */	

}



.muutotsikot {
	margin-top: 25px;
	text-indent: 40px;
}



.nimikorostus {
	font-size: large;
	font-weight: bold;

}

.kokous {
	color: red;

}


p {color: black;}

/* Varsinainen sivun sisältö on kahdessa boksissa, joista ulommainen on tämä contentbox */
#contentbox {
	width: 650px;
	float: right;
}


#content {
	float: right; /* En tehnyt IE6 testiä */
/*	padding: 0px; */
	padding-right: 20px;
	margin-bottom: 30px;
	width: 610px;
/*	border: solid black 4px; */
	background: url(newimages/selostusbgrepeat.jpg) repeat-y; /* "leipätekstin toistuva tausta" */

}

#content .white{
	float: right; /* En tehnyt IE6 testiä */
/*	padding: 0px; */
	padding-right: 20px;
	margin-bottom: 30px;
	width: 610px;
/*	border: solid black 4px; */
	background: url(newimages/selostusbgrepeatwhite.jpg) repeat-y; /* "leipätekstin toistuva tausta" */

}




/* leipätekstin otsikon taustakuvan (eli kaarilaatikon yläreunan) ominaisuudet */
#content h2 { 
	margin-top: 0px;
	padding-top: 70px;
	margin-bottom: 0px;
	background: url(newimages/selostusbgtop.jpg) no-repeat left top; 
}


#content .whitetop h2{ 
	margin-top: 0px;
	padding-top: 70px;
	margin-bottom: 10px;
	background: url(newimages/selostusbgtopwhite.jpg) no-repeat left top; 
}


#content h2, p {
	padding-right: 30px;
	padding-left: 20px;
}

#content p:first-letter {
	font-size: large;
	color: black;
	font-weight:bold;
}

#content .kuva {
	padding: 0px;
	padding-left: 20px;
	padding-right: 20px;
	float:left;
}

#content .kuvateksti {
	clear: left;
	font-weight: bold;
	padding-bottom: 20px;
	padding-left: 20px;
	margin-bottom: 0px; /* negatiivinen arvo hajoitti IE 6.0:n*/
	background: url(newimages/selostusbgbottom.jpg) no-repeat left bottom;
}


#content .kuvatekstiwhite {
	clear: left;
	font-weight: bold;
	padding-bottom: 20px;
	padding-left: 20px;
	margin-bottom: 0px; /* negatiivinen arvo hajoitti IE 6.0:n*/
	background: url(newimages/selostusbgbottom.jpg) no-repeat left bottom;
}




/*#content a, #content a:link, #content a:visited {
	color: black;
	font-weight: bold;
	font-color: white;
	text-decoration: underline;
Poistettu (rotator)
}*/

/*#content a:hover {
	color: #444444;
	text-decoration: underline;
Poistettu (rotator)
}*/

#keikkavarausflash {
/*	border: solid 1px #000; */
	width: 580px;
	height: 375px;
	float: left;
	margin-left: 7px;
	margin-right: 5px;
	margin-top: 0px;
}

#keikkakalenteriflash {
/*	border: solid 1px #000; */
	width: 580px;
	height: 375px;
	float: right;
	margin-right: 24px;
	margin-top: 0px;
}


#introflash p {
	color: #FFFFFF
}



#footer {
	text-transform: uppercase;
	clear: both;
	line-height: 1.5em;
	background-color: #ff0000;
	margin-bottom: 0px;
	padding-bottom: 0px;
}

#footer p {
	font-size: 18px;
	font-weight: bold;
	color: #BB0000;
	margin: 0;
	padding: 0;
}

/* Alue pienelle läpinäkyvälle PNG-pinssille. IE:lle tämä on korvattu myöhemmin pikku
trikillä, jonka vain IE6 (-) lukee. */


#transparentPinssi {
	position: absolute;
	padding: 0;
	left: 805px;
	top: -35px;
	width: 120px;
	height: 120px;
	background-image: url(newimages/pinssi2.png);
}

#jukeburning {
	position: absolute;
	padding: 0;
	left: 0px;
	top: 0px;
	width: 270px;
	height: 90px;
}

#heimotex {
	position: relative;
	padding: 0;
	left: 15px;
	top: 0px;
	width: 550px;
	height: 386px;
}



/* Vasemman reunan png-testailu */
#transparentJukitsupallo {
	position: absolute;
	padding-top: 0;
	left: -170px;
	top:  10px;
	width: 136px;
	height: 107px;
	background: url(newimages/pallojukitsu.png) no-repeat;
}

#transparentJukitsupallo p {
	margin-top: 130px;
	margin-left: 6px;
	color: white;
	font-weight: bold;
	text-align: left;
	padding: 0;
}


/* (167) Explo(r/d)erin versiot 6 ja alle lukevat tähti html:n sisäisen 
tavaran. Muut selaimet ohittavat tämän. PNG:t vaihdetaan GIFfeiksi IE:lle. */

* html #transparentPinssi {
	position: absolute;
	padding: 0;
	left: 805px;
	top: -35px;
	width: 120px;
	height: 120px;
	background-image: url(newimages/pikkupinssi.gif);
}

img.pinssi {
	position: absolute;
	padding: 0;
	left: -70px;
	top: -85px;
}

/* Pollin kuville oma tyyli, ettei palkit hajoa*/
#poll img{
	padding-top: 0px;
	margin-left: 0px;
}

#poll {	
	width: 201px;
	border: 2px dotted black;
	background-color: #ffff66;
	display: block;
	margin-left: 0px;
	margin-top: 20px;
	padding-left: 10px;
	margin-bottom: 0px;
}

#poll .kysymys {
	font-weight: bold;
	/*text-align: center;*/
}

#poll .submit input {
	color: #FFFF00;
	background: #FF0000;
	border: 2px outset #7F0000;
	text-transform: uppercase;
	font-weight:bold;
	margin-left: 20%;
	padding-left: 10px;
	padding-top: 3px;
	padding-bottom: 3px;
	/* Jos nämä ovat päällä sivusto näyttää erilaiselta operalla
	padding-right: 10%;
	padding-left: 10%;*/
}

#poll p {
	margin: 0px;
	padding-left: 10px;
}

/*  Nämä lisäykset liittyvät vieraskirjaan */

#content form {
	padding-right: 30px;
	padding-left: 20px;
}
#content .vk_aika {
  font-style: italic;
  font-weight: normal;
  margin-top: 1em; 
  margin-bottom: 1.8em; 

  text-align: right;
  font-size: small;
}

#content .vk_aika:first-letter{
	font-size: small;
	color: black;
	font-weight:normal;
}

#content .submit input {
	color: #FFFF00;
	background: #FF0000;
	border: 2px outset #7F0000;
	text-transform: uppercase;
	font-weight:bold;
}


#content .viestikuva {
	width: 66px;
	height: 45px;
	position: absolute;
	background-image: url(newimages/makkara.gif);
}

#content .viestikuva2 {
	width: 66px;
	height: 64px;
	position: absolute;
	background-image: url(newimages/kaffe.gif);
}

#content .viestikuva3 {
	width: 60px;
	height: 60px;
	position: absolute;
	background-image: url(newimages/tahti.gif);
}

#content .viestikuva4 {
	width: 66px;
	height: 64px;
	position: absolute;
	background-image: url(newimages/glogi.gif);
}

#content .vk_viesti_boksi {
  margin-top: 1em;
  margin-left: 2em;
  margin-right: 2em;
  border: 2px solid black;
  overflow : auto;
}

#content .vk_viesti_boksi .p {
/*	font-size: normal; */
	color: black;
	font-weight:normal;
}

#content .vk_lahettaja .p {
    text-decoration: none;
	font-size: large;
	color: black;
	font-weight:bold;

}

#content textarea {
  font-weight: normal;
  font-size: small;
}