body  {
	margin: 0;
	padding: 5px 135px;
	font-family: georgia;
	font-size: 12px;
	background: #F0F0F0;
}
h1 { color: gray; }
h2 { color: gray; }
h3 { color: gray; }
div#galleria iframe {
border-left: 1px solid white;
border-right: 1px solid white;
border-top: 1px solid white;
border-bottom: 1px solid white;
}
div#linkki { 
background: white; 
}
div#linkki li { 
list-style: none;
width: 800px; 
height: 15px;
}
div#linkki table.linkki{ 
border-left: 0px solid #32373C;
border-right: 0px solid #32373C;
border-top: 0px solid #32373C;
border-bottom: 0px solid #32373C;
background: white;
color: white;
}
div#linkki table.linkki tr { 
width: 800px; 
background: white;
color: white;
}
div#linkki table.linkki tr  td{ 
background: white;
color: white;
}
div#linkki td a{ 
float: left;
margin-left: 10px;
margin-top: 5px;

background: white; 
border-left: 0px solid #32373C;
border-right: 0px solid #32373C;
border-top: 0px solid #32373C;
border-bottom: 0px solid #32373C;
}
div#linkki td a img{ 
background: white; 
border-left: 0px solid #32373C;
border-right: 0px solid #32373C;
border-top: 0px solid #32373C;
border-bottom: 0px solid #32373C;
}

div#body { 
width: 1100px; 
background: white; 
border-left: 1px solid #32373C;
border-right: 0px solid #32373C;
}
div#header { 
background: #FFFFFF; padding: 0px; }
div#header h1 { color: black; font-size: 20px; }

html>div#header logo img { 
border-top: 0px solid #F0F0F0;
border-left: 0px solid #32373C;
border-bottom: 1px solid white;
background: white;
color: white; 
height: 87px;
width: 199px;
}
html>div#header slogani img { 
border-top: 0px solid #32373C;
border-left: 1px solid #32373C;
border-bottom: 0px solid #32373C;
border-bottom-style: dashed;
background: white;
color: white; 
height: 88px;
width: 900px;
}
div#nav ul li img{ 
border-top: 12px solid white;
border-left: 12px solid white;
border-bottom: 12px solid white;
border-right: 12px solid white;
background: #32373C; 
width: 180px;
height: 90px; 
padding: 0; 
}

div#nav { float: left; background: #ffffff; width: 190px; margin: 0; padding: 0; }
div#nav ul {
	margin-top: 5px;
	margin-left: 5px;
	padding: 0;
	list-style: none;
	border-bottom: 1px solid white;
}
div#nav ul li {
	margin: 0; padding: 0;
	list-style: none;

}
div#nav ul li a {
	font-family:Arial;
	font-weight: bold;
	border-left: 1px solid white;
	border-top: 1px solid white;
	border-bottom: 1px solid white;
	border-right: 1px solid white;/*#32373C;*/
	color: black;
	display: block;
	padding: 12px 0px 2px 15px;
	background: #FFFFFF url(pics/tausta2.png) /*left top*/ 0px 0px no-repeat;;
	text-decoration: none;
}
div#nav ul li a:hover {
	font-family:Arial;
	font-weight: bold;
	border-left: 1px solid white;
	border-top: 1px solid white;
	border-bottom: 1px solid white;
	border-right: 1px solid white;/*#32373C;*/
	color: gray;
	display: block;
	padding: 12px 0px 2px 15px;
	background: #FFFFFF url(pics/taustaactive.png) /*left top*/ 0px 0px no-repeat;;
	text-decoration: none;
}
div#nav ul li a:active {
	font-family:Arial; 
	background: white;
}

div#content {
	font-family:Arial;
	border-right: 1px solid #32373C;
	border-left: 1px solid #32373C;
	border-top: 1px solid #32373C;
	border-bottom: 1px solid #32373C;
	float: right;
	width: 800px;
	margin: 0; padding: 10px 20px;
	background: white;
}
div#content img.leftanssi { float: right;}
div#content img.rightlogo { float: right;}
div#content img.right { float: right; border-right: 2px solid gray; border-top: 2px solid gray; margin-left: 15px;}
div#content img.left { float: left; border-right: 2px solid gray; border-top: 2px solid gray; margin-right: 15px;}
div#content img.textpics {
width: 650px;
height: 900px;
float: left;
margin-left: 10px; 
margin-right: 170px; 
background: white;
color: gray;
border-top: 1px solid gray;
border-right: 2px solid gray;
border-left: 1px solid gray;
border-bottom: 2px solid gray;
 }

div#footer {
	border-right: 1px solid black;
	border-bottom: 2px solid #32373C;
	clear: both;
	background: #CCCC66;
	padding: 10px;
	text-align: center;
}
div#footer a { 
	color: black;
	text-decoration: none;
}
div#footer a:active { 
	color: #32373C;
	text-decoration: underlined;
}

blockquote {
	font-style: italic;
	color: gray;
}
div#lomake input{
background: white;
color: gray;
border-top: 1px solid white;
border-right: 1px solid white;
border-left: 1px solid white ;
border-bottom: 1px solid black;
border-bottom-style: dashed;
}
div#lomake input.buttoni{
background: white;
color: gray;
border-top: 1px solid black;
border-right: 1px solid black;
border-left: 1px solid black;
border-bottom: 1px solid black;
}
div#lomake select{
background: white;
color: gray;
border-top: 1px solid black;
border-right: 1px solid black;
border-left: 1px solid black;
border-bottom: 1px solid black;
}

div#buttoni input.buttoni{
color: red;
background: none;
border-top: none;
border-right: none;
border-left: none;
border-bottom: none;
}
div#linkkisia li {
	margin-bottom: 10px;
	list-style: none; 
	}
div#linkkisia a {
	font-family:Arial;
	font-weight: bold;
	border-top: 1px solid #32373C;
	border-bottom: 1px solid #32373C;
	border-right: 1px solid #32373C;
	border-left: 1px solid #32373C;	
	color: black;
	background: #CCCC66;
	text-decoration: none;
}
div#linkkisia a:hover {
	font-family:Arial;
	font-weight: bold;
	border-top: 1px solid #32373C;
	border-bottom: 1px solid #32373C;
	border-right: 1px solid #32373C;
	border-left: 1px solid #32373C;
	border-style: dashed;	
	color: #32373C;
	background: #F0F0F0;
	text-decoration: none;
}
div#indeksi table.indeksi {
border-top: 1px solid black;
border-right: 1px solid black;
border-left: 1px solid black;
border-bottom: 1px solid black;
background: #F0F0F0;
}

div#indeksi table tr td{
border-right: 0px solid black;
border-left: 0px solid black;
border-bottom: 0px solid black;
border-bottom-style: dashed;
background: #CCCC66;
}
