body {
	background: top left #013770 url(kuvat/layout/bg.jpg) repeat-x;
	font-family: verdana;
	font-size: 12px;
	color: #000;
	margin: 0;
	padding: 0;
}

a:link, a:visited { color: #000000; }
a:hover, a:active { color: #558026; }
#wrapper {
	display: block;
	width:750px;
	margin: 61px auto 0px auto;
	text-align: left;
	padding: 0px;
}
#header {
	background: top left url(kuvat/layout/top-2.jpg) no-repeat;
	display: block;
	width: 750px;
	height: 119px;	
	padding: 0;
	margin: 0;
}
#kieli {
	display: block;
	height: 34px;
	width: 110px;
	margin: 0px 0px 0px 600px;	
	padding: 80px 0px 0px 0px;
}

#kielivalikko {
	float:				left;
	display: 			block;
	width:				110px;
	height:				34px;
    margin:				0px 0px 0px 0px;
	padding:			0;
    position:			relative;
}

#kielivalikko li {
	display: 			block;
	margin:				0;
	padding:			0;
	list-style:			none;
    position:			absolute;
	top:				0;
}
#kielivalikko li a { display: block; height: 34px; }

#fin { left: 0; display: block; margin: 0; padding: 0; width: 53px; height: 34px;}
#viro { left: 53px; display: block; margin: 0; padding: 0;  width: 53px; height: 34px;}

#fin a { background: top left transparent url(kuvat/layout/lippu-fi.jpg) no-repeat; }
#viro a { background: top left transparent url(kuvat/layout/lippu-viro.jpg) no-repeat; }

#fin a:hover { background: top left transparent url(kuvat/layout/lippu-fi.jpg) no-repeat; } 
#viro a:hover { background: top left transparent url(kuvat/layout/lippu-viro.jpg) no-repeat; }


/* ----------------------- VALIKKO ----------------------- */
#valikko {
	display: block;
	width: 738px;
	height: 46px;
	background: #FFF top left url(kuvat/layout/menu-bg.jpg) no-repeat;
	margin: -1px 6px 0px 6px;	
	padding: 0px 0px 0px 0px;
}

#valikko-ul {
	float:				right;
	display: 			block;
	width:				415px;
	height:				76px;
    margin:				0px 0px 0px 0px;
	padding:			0;
    position:			relative;
}

#valikko-ul li {
	display: 			block;
	margin:				0;
	padding:			0;
	list-style:			none;
    position:			absolute;
	top:				0;
}
#valikko-ul li a { display: block; height: 35px; }

#btn-etusivu { left: 0; display: block; margin: 0; padding: 0; width: 81px; height: 35px;}
#btn-hallitus { left: 81px; display: block; margin: 0; padding: 0;  width: 106px; height: 35px;}
#btn-tapahtumat { left: 187px; display: block; margin: 0; padding: 0;  width: 101px; height: 35px;}
#btn-linkit { left: 288px; display: block; margin: 0; padding: 0;  width: 86px; height: 35px;}

#btn-etusivu a { background: top left transparent url(kuvat/layout/etusivu-off.jpg) no-repeat; }
#btn-hallitus a { background: top left transparent url(kuvat/layout/hallitus-off.jpg) no-repeat; }
#btn-tapahtumat a { background: top left transparent url(kuvat/layout/tapahtumat-off.jpg) no-repeat; }
#btn-linkit a { background: top left transparent url(kuvat/layout/linkit-off.jpg) no-repeat; }

#btn-etusivu a:hover { background: top left transparent url(kuvat/layout/etusivu-on.jpg) no-repeat; } 
#btn-hallitus a:hover { background: top left transparent url(kuvat/layout/hallitus-on.jpg) no-repeat; }
#btn-tapahtumat a:hover { background: top left transparent url(kuvat/layout/tapahtumat-on.jpg) no-repeat; }
#btn-linkit a:hover { background: top left transparent url(kuvat/layout/linkit-on.jpg) no-repeat; }

#main {
	display: block;
	margin: 0px 6px 0px 6px;
	width:738px;
	background: #FFF;
	padding: 0px 0px 10px 0px;
}

#content {
	display: block;
	background: #FFF;
	margin: 0px 40px 30px 70px;
	_margin: 0px 40px 30px 30px;
	padding: 10px 0px 0px 0px;
	_padding: 0px 0px 0px 0px;
}
#main-text {
	display: block;
	width: 325px;
	padding:0;
	margin: 0px 40px 0px 0px;	
}
#footer {
	background: top left url(kuvat/layout/footer.gif) no-repeat;
	display: block;
	height: 31px;
	width: 750px;
	margin: 0px;
	padding: 0;
}
#clear { clear: both; }
#design { display: block; width: 730px; margin: 5px; text-align: right; font-size: 10px; color: #CCC; }
#design a:link, #design a:visited { color: #CCC; }
#design a:hover, #design a:active { color: #FFF; }
hr {
	width: 600px;
	color: #1f5da2;
	margin: 20px auto 10px auto;
}
.vasen { float: left; }
.oikea { float: right; }
img { padding: 10px 30px 0px 10px; }
.pieni { font-size: 10px; }
h4 { font-size: 12px; font-weight: bold; margin: 10px 0px 0px 0px; padding: 0; }
p{ padding: 10px 0px 0px 0px; _padding: 0px 0px 0px 0px; line-height: 1.5em; }
ul { padding: 10px 0px 0px 13px; margin: 10px 0px 0px 0px; }
ul li { padding: 0; margin: 0px 0px 5px 0px; }
a:link, a:visited { color: #000; text-decoration: underline; }
a:hover, a:active { color: #013771; text-decoration: underline; } 
#vihrea {
	color: green;
	font-weight: bold;	
}
.punainen {
	color: red;
	font-weight: bold;	
}
.linkit-taulu { width: 550px; padding: 0; margin: 0; border-collapse: collapse; }
.linkit-taulu td {padding: 5px; }
.taulu-otsikko { color: white; font-weight: bold; background: top left url(kuvat/layout/tr-bg.jpg) repeat-x; }
.rivi1 { background: #ECF2FF; }
.rivi0 { background: #efefef; }

/* LOGIN
------------------------------*/
#login {
	border: 1px solid #1f5da2;
	background: #7bbafe;
	margin: 20px 0px 20px 0px;
	padding: 10px;
}
form, fieldset {
	margin: 0;
	padding: 0;
}
	
input, textarea, select {
	margin: 5px;
	padding: 1px;
	font-size: 100%;
	font-family: inherit;
}

/* editori */
#editori {
	width: 550px;	
}
.submitbtn {
	width: 60px;	
}