body { background-color: #5D91AD; background-image: url(img/tausta.gif); background-repeat: repeat-x; }

div#intro { 
	margin: 0px; 
	height: 215px; 
	width: 788px; 
	background-image: url(img/intro.jpg); 
	background-repeat: no-repeat;
}

div#leipis {
	width: 778px;
	margin-top: -1px;
	background-image: url(img/leipis.gif);
	background-image: repeat-y;
}

dl, dt, dd, ul, li {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#menu {
	padding-left: 14px;
	width: 183px;
}

dl#menu {
	width: 183px;
}

dl#menu dt {
	cursor: pointer;
	width: 184px;
	height: 40px;
	letter-spacing: 1pt;
	text-align: center;
	font-style: bold;
	font-weight: bold;
	font-family: Arial;
	font-size: 11px;
	color: #2F5E94;
	border-width: 0px 0px 1px 0px;
	border-style: solid; 
	border-color: #97AFC7;
}

dl#menu dd {
	background: #B7CFE5;
}

dl#menu li {
	font-style: bold;
	font-weight: bold;
	line-height: 28px;
	color: #2F5E94;
	font-family: Arial;
	font-size: 10px;
	text-align: center;
	background: #B7CFE5;
	height: 30px;
	width: 184px;
}
dl#menu li a, dl#menu dt a {
	display: block;

	color: #2F5E94;
	background-image: none;
	text-decoration: none;

	border: 0px none;
	height: 100%
}


dl#menu dt a:link {
	border: none;
	background-repeat: no-repeat;
	color: #2F5E94;
	background-position: 172px;

	// background-image: url(img/nuoli.gif);
}

dl#menu dt a:visited, dl#menu dt a:link {
	color: #2F5E94;	
	background-image: url(img/valikko_akt.gif);
	background-repeat: repeat-x;
	background-color: #FFFFFF;
	
	border: none;
}

dl#menu dt a:active {
	background-image: url(img/valikko_akt.gif);
	background-repeat: repeat-x;
	background: #045293; border: none; 
	color: white; background-position: 172px;
}

dl#menu dt a:hover {
	background: #045293;
	border: none;
	background-repeat: no-repeat;
	background-position: 172px;
	color: white;
}

div#valikko_akt {
	padding-top: 14px;
	padding-bottom: 14px;

	width: 184px;
	letter-spacing: 1pt;
	text-align: center;
	font-style: bold;
	font-weight: bold;
	font-family: Arial;
	font-size: 11px;
	border: none;
	background-repeat: no-repeat;
	color: #2F5E94;	

	background-image: url(img/valikko_alas.gif);
	background-repeat: repeat-x;
	background-color: #E1F1FE;

}


/* ALAVALIKKO KIINNI */
dl#menu dt.smenuB a:hover, dl#menu dt.smenuB a:active { background-color: #045293; background-image: url(img/nuoli.gif); background-repeat: no-repeat; color: white; }

/* ALAVALIKKO AUKI */
dl#menu dt.smenuUp a:link, dl#menu dt.smenuUp a:visited { background-color: #045293; background-image: url(img/nuoli.gif); background-repeat: no-repeat; color: white; }

dl#menu li a:hover {
	background: #5F92BD;
	color: white;
}


div#outro {
	background-image: url(img/outro.gif);
	background-repeat: no-repeat;
	height: 70px;
}

div#leipis {
}

div#eng {
	padding-left: 75px;
	margin-top: 20px;
}

a img { border: none; } 

div#sisalto { 
	padding-left: 35px;
	padding-top: 25px;
	width: 500px;
}

h1 {
	font-style: bold;
	font-weight: bold;
	line-height: 11px;
	color: #023E71;
	font-family: Arial;
	font-size: 11px;
	text-align: left;
	letter-spacing: 0.7px;
	padding-bottom: 0px;
	padding-top: 0px;
}

h2 {
	font-style: italic;
	font-weight: normal;
	line-height: 32px;
	color: #023E71;
	font-family: Georgia;
	font-size: 26px;
	letter-spacing: 0.7px;
	padding-bottom: 0px;
	padding-top: 0px;
}

h3 {
	font-style: italic;
	font-weight: normal;
	line-height: 18px;
	color: #023E71;
	font-family: Georgia;
	font-size: 18px;
	padding-bottom: 0px;
	padding-top: 18px;
	margin: 0px;
}

h4 {
	font-weight: normal;
	line-height: 18px;
	color: #000000;
	font-family: Arial;
	font-size: 15px;
	padding-bottom: 0px;
	padding-top: 0px;
	margin-bottom: 0px;
}


p {
	font-style: normal;
	font-weight: normal;
	color: #525456;
	font-family: Arial;
	font-size: 11px;
	line-height: 18px;
	text-align: left;
	margin-bottom: 8px;
	margin-top: 8px;
	margin-right: 25px;
}

img.k { border-width: 0px; margin-top: 10px; }

.leipis { 
	font-style: normal;
	font-weight: normal;
	color: #76797C;
	font-size: 12px;
	line-height: 16px;
	text-align: left;
	letter-spacing: 0.7px;
	margin-right: 10px;
}

div#mainostalo { 
	font-family: Arial, Helvetica; 
	font-size: 8px; 
	color: #B3BAC4; 
	font-style: normal; 
	text-align: right;
	letter-spacing: 1.0pt;
	padding-top: 47px;
	padding-right: 40px; 
}

#mainostalo a:visited { color: #B3BAC4; text-decoration: none; }
#mainostalo a:hover { color: #B3BAC4; text-decoration: underline; }
#mainostalo a:link { color: #B3BAC4; text-decoration: none; }
#mainostalo a:active { color: #B3BAC4; text-decoration: none; }

.etusivu {
	font-style: normal;
	font-weight: normal;
	color: #76797C;
	font-family: Arial;
	font-size: 12px;
	line-height: 16px;
	text-align: left;
	margin-right: 25px;
	width: 420px;
	padding-left: 15px;
	padding-top: 10px;
}

div#linkki {
	cursor: pointer;
	width: 184px;
	height: 40px;
	letter-spacing: 1pt;
	text-align: center;
	font-style: bold;
	font-weight: bold;
	font-family: Arial;
	font-size: 11px;
	color: #2F5E94;
	border-width: 0px 0px 1px 0px;
	border-style: solid; 
	border-color: #97AFC7;
	background: #DEEBF7;
}

div#linkki a  {
	color: #2F5E94;
	text-decoration: none;
	display: block;
	border: 0px none;
	height: 100%

}

div#linkki a:hover {
	background: #045293;
	color: white;
	height: 39px;
	width: 184px;
	border: none;
}

div#linkki a:hover {
	background: #045293;
	color: white;
}


.otsikko {
	font-style: italic;
	font-weight: normal;
	line-height: 32px;
	color: #023E71;
	font-family: Georgia;
	font-size: 25px;
	text-align: center;
	letter-spacing: 0.7px;
	padding-bottom: 0px;
	padding-top: 0px;
}

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

table#varaosat {

	font-weight: normal;
	color: #525456;
	font-family: Arial;
	font-size: 11px;
	line-height: 18px;
	text-align: left;

	}

#varaosat td {
padding-left: 8px;
}

#varaosat td#sininen {

background-color: #E1F1FE;

}