body{
 	background : #000000 url('kuvat/lautoja.jpg');
	text-align: center;
	font: 12px arial;
}

#kaarin{
 	margin-top: 30px;
 	text-align: left;
	margin-left: auto;
	margin-right: auto;
	width: 1000px;
}

#logo{
	height: 160px;
	border: 1px solid #baba9e;
	background:url('kuvat/header.gif');
	color: white;
	margin-bottom: 10px;
}

#vasen{
	width: 200px;
	float: left;
}
#keski{
	width: 579px;
	float: left;
	margin-left: 10px;
}

#lataamo_keski{
	width: 800px;
	float: left;
	margin-left: 10px;
}

#oikea{
	width: 200px;
	float: right;
}

.box{
	border: 1px solid #baba9e;
	border-top: 0px;
	background-color: #fdfdfd;
}

.btop_left{
	height: 35px;
	background: #669900 url('kuvat/barrr.gif');
}

.btop_right{
	border: 1px solid #baba9e;
	background: #a2d730 url('kuvat/barrr.gif');
	height: 35px;
}

#vasen .box, #left .btop_left .btop_right{
	width: 198px;
}

#vasen .box, #left .btop_left .btop_right, #oikea .box, #oikea .btop_left .btop_right{
	width: 198px;
}

#keski .box, #keski .btop_left .btop_right{
	width: 577px; 
}

#keski .footer{
	height: 35px; 
	text-align: center; 
	background: #8ac113;
	width: 579px; 
}

.yla_padding{
	padding: 10px 0px 0px 5px;
	color: white;
}

.padding{
	padding: 4px;
}
#navi ul{
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#navi ul li{
	display: block; 
	height: 27px;
		font: 11px arial;
}

#navi ul li a{
	display: block;
	height: 19px;
	color: #000000;
	text-decoration: none;
	background-color: #ffffff;
	border-bottom: 1px solid #baba9e;
	padding-left: 3px;
	padding-top: 7px;
}

#navi ul li a:hover{
	color: #ffffff;
	background: #a2d730 url('kuvat/hoverrr.gif');
}

p{
	padding: 2px;
	
}

a { 
color: #729e0d; 
text-decoration: none ;
}

a:hover    { 
color: #333; 
text-decoration: underline ;
} 

h1 {
	font-size: 18px;
	color: #000;
	margin-bottom: 3px;
}

h4 {
	font-size: 14px;
	color: #000;
	margin-bottom: 3px;
}

h2 {
	font-size: 18px;
	letter-spacing: -0.05em;
	color: #000;
	font-weight: normal;
	text-decoration: none;
	margin-bottom: 10px;
	margin-top: 1px;
	border-bottom: 1px solid #ddd;

}

#kuvat {
padding: 2px;
border: 1px solid #eee;
background: #fff;
}

#kuvat:hover {
padding: 2px;
border: 1px solid #d9d9d9;
background: #fff;
}

#koodi {
	background: #f9f9f9;
	border: 1px solid #baba9e;
	border-left: 3px solid #baba9e;
	color: #444;
	margin-bottom: 12px;
	padding: 8px 10px;
}


/* Lomakkeet */

input, textarea, select{
border: 1px solid #f4f4f4;
font-style: normal;
color: #000;
padding: 4px;
background-color: #e8eedc;
}

input:hover, textarea:hover, select:hover{
border: 1px solid #f9f9f9;
font-style: normal;
color: #000;
padding: 4px;
background-color: #d7ebac;
}

fieldset {
	border: 1px solid #baba9e;
	}
	
#osiot ul{
	list-style-type: none;
	margin: 0;
	padding: 0;
	margin-left: -5px;
	width: 570px; 
}

#osiot ul li{
	display: block; 
}

#osiot ul li a{
	display: block;
	height: 40px;
	width: 100%;
	color: #444;
	border: 1px solid #baba9e;
	border-bottom: 0px;
	text-decoration: none;
	padding-left: 7px;
	padding-top: 7px;
}

#osiot ul li a:hover{
	color: #fff;
	background: #a2ce25 ;
}

.poll {
	text-align: right;
	padding: 60px 70px 0 0;
	
	}
	
.buttonit img{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
-moz-opacity: 0.7;
}

.buttonit:hover img{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
-moz-opacity: 1;
}

.buttonit img{
border: 1px solid #ccc;
}

.buttonit:hover img{
border: 1px solid navy;
}

.buttonit:hover{
color: red; 
}


.taulukko {
border: 1px solid #f3f3e7;
background: #fbfbf7;
}

/* Alla olevaa koodia on lainattu !*/
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: #d7ebac;
padding: 10px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0;
left: 60px; /*position where enlarged image should offset horizontally */

}

.roundedcornr_box {
   background: #edf3dd;
}
.roundedcornr_top div {
   background: url('img/roundedcornr_441272_tl.png') no-repeat top left;
}
.roundedcornr_top {
   background: url('img/roundedcornr_441272_tr.png') no-repeat top right;
}
.roundedcornr_bottom div {
   background: url('img/roundedcornr_441272_bl.png') no-repeat bottom left;
}
.roundedcornr_bottom {
   background: url('img/roundedcornr_441272_br.png') no-repeat bottom right;
}

.roundedcornr_top div, .roundedcornr_top, 
.roundedcornr_bottom div, .roundedcornr_bottom {
   width: 100%;
   height: 15px;
   font-size: 1px;
}
.roundedcornr_content_441272 { margin: 0 15px; font-size: 11px; line-height: 1.4em }