@media print
   		{ BODY {
		background-color: #FFFFFF; } }

.centered {  text-align: center}

.centered table {  margin: auto auto; padding: 0px;}

DIV#sivu {
		width: 800px;
		margin: 10 0 10 0px;
		padding: 0px;
		background-color: #999;
		z-index: 50;}

DIV#galleriasivu {
		width: 800px;
		height: 600px;
		margin: 10 0 10 0px;
		padding: 0px;
		background-image: url(kuvia/niitty.jpg);
		background-repeat: no-repeat;
		background-position: left top;
		background-color: #56585B;
		border: 1px solid #CCC;
		z-index: 51;}

@media print
   		{ div#sivu { border: 0px;
		background-color: #FFFFFF; } }


div#ylapalkki {
		height:100px; width:800px;
		margin:0px 0px 0px 0px;
		background-image: url(kuvia/BBylapalkkikoe1.gif);
		background-repeat: no-repeat; ;
		background-position: left top;
		background-color: #666;
		display: block;
		z-index: 100;}


div#ylapalkki2 {
		height:100px; width:800px;
		margin:0px 0px 0px 0px;
		background-image:   url(kuvia/BBylapalkkikoe2.gif);
		background-repeat: no-repeat; ;
		background-position: left top;
		background-color: #666;
		display: block;
		z-index: 10;}

div#ylapalkki3 {
		height:100px; width:800px;
		margin:0px 0px 0px 0px;
		image:   url(kuvia/BBylapalkkimediaprint.gif);}

@media print
   { div#ylapalkki3 { display: block; } }

@media screen
   { div#ylapalkki3 { display: none; } }

div#BBlogopieni {
		margin: 15 0 0 0px;
		padding: 0 0 0 15px;
		float:left;}

.linkit {
		font-family:  Verdana, Arial, Helvetica, sans-serif;
		font-size: 9px; font-weight: 600;
		color: #CCC; text-align: center;
		z-index: 105;
		}

.linkit A {
		margin: 0 0 0 0px;
		padding: 0px 0px 0px 0px;
		color: #CCC; text-align: center;
		TEXT-DECORATION: none;
		display: block;}

.linkit A:HOVER {
		color: #F90;
		TEXT-DECORATION: none}

div#vasenpalkki {
		width:160px;
		float:left;
		margin: 15 0 15 5px;
		z-index: 90;
		padding:5px 5px;
		text-align: left;}

div#alalinkit {
		margin: 0px 1px 4px 1px;
		padding: 5px 5px 5px 5px;
		border: 1px solid #CCC;
		display: block;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 10px; font-weight: 600;
		color: #CCC; text-align: left;
		z-index: 100;}

div#alalinkit A {
		color: #CCC;}

div#alalinkit A:HOVER {
		color: #333;}

@media print
   { div#vasenpalkki, div#alalinkit, div#linkkipalkki, div#ylapalkki2, div#ylapalkki, div#BBlogopieni, div#alapalkki { display: none; } }


div#sisalto {
		border-left: 1px solid #CCC;
		margin:15px 10px 10px 175px;
		padding:0 50 10 20px;
		text-align: left;}

@media print
   		{ div#sisalto { border: 0px;
   		margin:50px 20px 10px 125px;} }

p 		{font-family: Georgia, Times New Roman, Times, serif;
		font-size: 0.80em;
		color: #CCC; text-align: justify;
		margin-top: 0.5em; margin-bottom: 1.0em; line-height: 1.5em}

@media print
   		{ p { text-align: left;
		font-size: 1.00em;
		color: #333; } }

h1, h2, h3, h4, h5, h6 { page-break-after: avoid;
color: #333; }
p { widows: 2; orphans: 2; }

.ptext {font-family: Arial, Helvetica, sans-serif;
		font-size: 0.70em;
		padding: 5px 0px 5px 10px;
		text-align: left;
		color: #FFF;}

h1 {font-family: Georgia, Times New Roman, Times, serif;
		font-size: 1.25em;
		color: #FFF; font-weight: normal;
		margin-top: 0em; margin-bottom: 0.5em;}

@media print
   		{ h1 { font-size: 1.50em;
		color: #333; } }

h2 {font-family: Georgia, Times New Roman, Times, serif;
		font-size: 1.00em;
		color: #FFFFFF; font-weight: normal;
		margin-top: 0.1em; margin-bottom: 0.5em;
		line-height: 1.5em;
		text-align: left;}

@media print
   		{ h2 { font-size: 1.25em;
		color: #333; } }

h3 {font-family: Georgia, Times New Roman, Times, serif;
		font-size: 1.00em; font-weight: 600;
		color: #FFF;
		margin-top: 0.1em; margin-bottom: 0.5em;}

@media print
   		{ h3 { font-size: 1.25em;
		font-weight: 600;
		color: #333; } }

h4 {font-family: Georgia, Times New Roman, Times, serif;
		font-size: 0.90em; font-weight: normal;
		color: #FFF;
		margin-top: 0.1em; margin-bottom: 0.5em;}

@media print
   		{ h4 { font-size: 1.00em;
		font-weight: normal;
		color: #333; } }

h5 {font-family: Georgia, Times New Roman, Times, serif;
		font-size: 0.80em; font-weight: 600;
		color: #FFF;
		margin-top: 0.1em; margin-bottom: 0.5em;}

@media print
   		{ h5 { font-size: 0.90em;
		font-weight: 600;
		color: #333; } }

h6 {font-family: Georgia, Times New Roman, Times, serif;
		font-size: 0.70em; font-weight: 600;
		color: #CCC; text-align: left;
		margin-top: 0.1em; margin-bottom: 0.5em;}

@media print
   		{ h6 { font-size: 0.90em;
		font-weight: normal;
		color: #333; } }

p a:link  {  color: #069; text-decoration: none}
p a:visited  {  color: #069; text-decoration: none}
p a:hover  {  color: #C00; text-decoration: underline}
p a:active  {  color: #C00; text-decoration: underline}

ul, ol, dl { margin: 0.3em 0 0.7em 2em;
		font-family: Georgia, Times New Roman, Times, serif;
		font-size: 0.80em;
		color: #CCC;
		line-height: 1.5em;}

ol ul { font-size: 1em;
		line-height: 1.5em;}
ul ul { font-size: 1em;
		line-height: 1.5em;}

@media print
   		{ ul, ol, dl {
		font-size: 1.00em; margin: 0.3em 0 0.7em 1em;
		color: #333; } }

.kuvaoikea {
		float: right;
		margin: 5px 0px 5px 20px;
		border: 1px solid #FFF;}

.kuvavasen {
		float: left;
		margin: 5px 20px 5px 0px;
		border: 1px solid #FFF;}

.kuva {
		float: none;
		margin: 5px 0px 5px 0px;
		border: 1px solid #FFF;}

div#alapalkki {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 10px;
		text-align: left;
		border-top: 1px solid #CCC;
		color: #FFF;
		margin: 0px 0px 0px 0px;
		padding: 5px 60px 5px 10px;
		height:15px;
		z-index: 105;}