/* CSS Document */

/*
____________________
Yhteisvastuu 2005
____________________
*/

/* nollataan kaikki valmiit marginaalit */

img{border: 0px;}

/*
_______________________SIVUNMAARITYKSET
*/

h3{
	color: #E30E33;
}

#palautelomake textarea{width: 100%; height: 100px;}
#palautelomake table{width: 350px;}
#palautelomake input{float: right;}

.error{color: #A00000; border: 2px dashed #A00000;}
body{
	color:#595959;
	background-color: #ffffff;
	margin: 0px;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 11px;
	line-height: 19px;
}

a:link, a:visited {
   color : #7f7f7f;
   text-decoration : underline;
}

a:active, a:hover {
   color : #ff0000;
   text-decoration : underline;
}


table {
	border-collapse: collapse;
}
h4 {
	margin: 0;
	padding: 0;
	font-weight: bold;
	margin-bottom: 6px;
}

/*
_______________________PERUSTYYLIT
*/

#toptbl{
	background-image: url(images/etutop_bg.jpg);
	width:100%;
	border:0px;
	padding:0px;
	margin:0px;
	height: 95px;
	border-bottom: 1px solid black;
}

#toptbl2{
	background-image: url(images/etutop_bg.jpg);
	width:100%;
	border:0px;
	padding:0px;
	margin:0px;
	height: 95px;
}

td.filler{
	width: 50%;
	height: 95px;
}

table.nextprev{
	clear:both;

}

td.next{
	margin-left: 5px;
	text-align: right;
}
td.prev{
	margin-right: 5px;
}


#toptbl td, #toptbl2 td{
	border:0px;	padding:0px; margin:0px;
}

img.textimg{
	vertical-align: bottom;
	border: 0px; padding: 0px; margin: 0px;
}


.OsioOtsikko {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	font-variant: small-caps;
	color: #666666;
	line-height: 19px;
	letter-spacing: 1px;

}

.uutisnostoOtsikko {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 19px;
	font-weight: normal;
	color: #E30E33;
	line-height: 19px;
	padding-bottom: 8px;
	padding-top: 8px;



}

.uutisnostoKuva{
	float: left;
	border: 1px solid #666666;
	margin-top: 5px;
	margin-right: 19px;
	margin-bottom: 19px;






}

.uutisnostoLeipa {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 19px;
	font-weight: normal;
	padding-bottom: 8px;

}
.blockUutisnosto {
	width: 513px;
	padding-left: 19px;
}
.uutisnostoPaivays {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	font-variant: normal;
	letter-spacing: 1px;
	text-align: left;
	line-height: 19px;
	color: #A0A0A0;
}
.nostoLaatikko {
	background-color: #FFFFFF;
	height: 152px;
	width: 228px;
	border: 1px solid #000000;
	padding: 4px;

}
.nostoSisaLaatikko {
	background-color: #999999;
	height: 144px;
	width: 220px;
	padding: 15px;

}
.nostoLaatikkoOtsikko {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: bolder;
	font-variant: small-caps;
	color: #FFFFFF;
	letter-spacing: 1px;
}
.menuPulldown {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	color: #333333;
	background-color: #FFFFFF;
	border: 1px solid;



}
.paanaviOff {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #FFFFFF;
}

.Ylalinkit {
	height: 19px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666666;
	line-height: 19px;
	text-decoration: none;
}

.Ylalinkit a, .Ylalinkit a:link, .Ylalinkit a:visited{
	text-decoration: none;
}

.LootaOtsikko {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	padding-bottom: 8px;

}
.LootaTeksti {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	line-height: 19px;

}
.Katkoviiva {
	width: 100%;
	border-bottom: 1px dashed #E30E33;
	color: #FFFFFF;
	height: 0px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-left-width: 0px;
	clear: both;
	margin-bottom: 8px;


}

td.erotin{
	background-image: url(images/dotline3x3_vert.gif);
	width: 1px;
	padding: 0px;
	margin: 0px;
}

td.sivulaatikko{
	padding-right: 10px;
	vertical-align: top;	
}
td.sl2{
	width: 200px;
}
td.sisalto{
	
	padding-left: 10px;
	vertical-align: top;	
}

.Rajaviiva {
	width: 100%;
	border-bottom: 1px solid #999999;
	color: #FFFFFF;
	height: 0px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-left-width: 0px;
	clear: both;
	margin-bottom: 8px;

}

.LootaSisalto {
	background-color: #7f7f7f;
	overflow: auto;
	height: auto;
	width: 228px;
	margin: 0px;
	padding: 10px;
	background-image: url(images/pattern1.gif);
}

html>body .LootaSisalto {
  width:208px;
} 

.LootaYlareuna {
	background-color: #F20017;
	height: 8px;
	width: 228px;
}
.LootaSisalto2 {
	background-color: #7f7f7f;
	overflow: auto;
	width: 228px;
	margin: 0px;
	padding: 10px;
	background-image: url(images/pattern2.jpg);

}

html>body .LootaSisalto2 {
  width:208px;
} 

.LootaOtsikko2 {

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #333333;
	padding-bottom: 8px;
}
.footer {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #999999;
	text-align: right;
}
a.jatkuu {
	color: #FF0000;
	text-decoration: none;
}
a.partneriLinkki {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666666;
	text-decoration: none;
	line-height: 19px;

}

a.partneriLinkki:hover {
	color: #E30E33;
	text-decoration: none;
}

.partnerit {
	font-size: 10px;
	color: #666666;
	background-color: #FFFFFF;
	padding: 8px 10px;
	width: 208px;
	line-height: 19px;
	text-align: center;
	border: 1px solid #999999;
  	voice-family: "\"}\""; 
  	voice-family:inherit;
  	width: 228px;

}

html>body .partnerit {
  width:208px;
} 
.LootaKuva {
	float: left;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-top: 5px;
	clear: both;
	height: 95px;
	width: 85px;
	display: block;
}
.LootaTeksti2 {


	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	line-height: 19px;
}
.LootaKauppa {
	background-color: #EBECE8;
	padding: 8px;
	width: 228px;
	background-image: url(images/piks/pattern2.jpg);

}

/* DOKKARI */
.dokkari h1 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 24px;
	font-weight: normal;
	color: #E30E33;
	line-height: 19px;
	padding-bottom: 8px;
	padding-top: 8px;
}

.dokkari div, .dokkari td{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 19px;
	font-weight: normal;
	padding-bottom: 8px;
}

/* DOKKARI */



.uutisOtsikko {

	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 24px;
	font-weight: normal;
	color: #E30E33;
	line-height: 19px;
	padding-bottom: 8px;
	padding-top: 8px;
}


.uutisLeipa, .uutisLeipa td{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 19px;
	font-weight: normal;
	padding-bottom: 8px;
}

p {
	margin-bottom: 19px;
}

img.UutisKuvaVasen {
	float: left;
	border: 1px solid #666666;
	margin-top: 0px;
	margin-bottom: 3px;
	margin-left: 0px;
	margin-right: 19px;
}


img.UutisKuvaOikea {
	float: right;
	border: 1px solid #666666;
	margin-top: 0px;
	margin-bottom: 3px;
	margin-left: 19px;
	margin-right: 0px;
}

.uutisKuva {
	float: right;
	border: 1px solid #666666;
	margin-top: 5px;
	margin-bottom: 19px;
	margin-left: 19px;

}
.uutisAnfang {
	font-size: 38px;
	font-weight: bold;
	float: left;
	line-height: 36px;
	padding-top: 0px;
	padding-right: 2px;
	padding-bottom: 0px;
	padding-left: 0px;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #828282;

}
.uutis1sana {
	font-weight: bold;
	font-variant: small-caps;
}
a.sivulinkki, a.sivulinkki:visited{
	color: #FFFFFF;
	text-decoration: none;
}
a.sivulinkki:hover{
	color: #ddcccc;
	text-decoration: none;
}

a.sivulinkki_akt, a.sivulinkki_akt:visited, a.sivulinkki_akt:hover {
	color: #ddcccc;
	text-decoration: none;
}


ul.sivumenu {
	margin-left: 0px;
	color: #FFFFFF;
	padding-right: 19px;
	padding-bottom: 8px;
	padding-left: 19px;
}

li.sivunavi {
	margin-left: 0px;
	list-style-type: square;
	list-style-position: outside;
	list-style-image: url(images/sivunavi_luoti.gif);
}

li.sivunavi ul li{
	margin-left: -15px;
	list-style-type: square;
	list-style-position: outside;
}

#tilauslomake input{
	width: 30px;
	font-size: 9px;
}

#tilauslomake td{
	padding-left: 10px;
}

#tilauslomake input.data{
	width: 200px;
	font-size: 9px;
}

#tilauslomake input#btnAction{
	width: 100px;
	font-size: 9px;
}
#tilauslomake input.btnAction{
	width: 200px;
	font-size: 9px;
}

#tilauslomake.tark td{
	padding-right: 20px; 
}

div.nextprev{
	clear:both;
	width: 100%;
}

div.nextprev div.next{
	margin: 0; padding: 0; border: 0;
	width: 50%;
	text-align: right;
	float: right;
	margin-left: -10px; 
	margin-right: 10px;
}
div.nextprev div.prev{
	width: 50%;
	margin: 0; padding: 0; border: 0;
	margin-left: 10px; 
	margin-right: -10px;
	float: left;
}

div.nextprev div.next a, div.nextprev div.prev a{
	display: block;
	width: 100%;
}