/* CSS Document */

/* VÄRIT MÄÄRITELLÄÄN EKANA */

body 
{
	background: #b9b5b6;
}

div.navi
{
	background: #5964BF;
}
div.otsikko, div.footer
{
	background: #8C91BF;
}
div.vasen, div.oikea
{
	background: #A5A8BF;
}

div.content
{
	background: #DEDEEA;
}



/* LOPUT */
div.login
{
	background: transparent;
	padding: 0px;
	border-width: 0px;
	font-size:12px;
	height:100%;
	width:100%
	color: #000000;
	text-align: center;
	vertical-align: middle;
	margin: auto;
}

form
{
	border-style: dotted;
	border-color: #000000;
	border-width: 1px;
	padding: 5px;
}

div.login form input
{
	background-color: transparent;
	border-width: 1;
	font-family:Arial;
	font-size:12px;
}

body 
{
	margin: 0px;
	padding: 0px;
	color: #000000;
	font-family:Arial;
	font-size: 12px
}

html
{ 
	overflow-y: scroll; 
}

div.sivupohja
{
	background-color: transparent;
	border-style: solid;
	border-color: #3A3A3A;
	border-width: 2px;
	margin: 0px auto;
	padding: 0px;
	width:850px;
}

div.banneri
{
	margin: 0px ;
	padding: 0px;
	height: 100%;
}

div.banneri img
{
	margin: 0px ;
	padding: 0px;
	height: 206px;
	width: 850px;
}

div.keskiosa
{
	height:560px;
}
div.keski
{
	background: transparent;
	margin: 0px auto;
	padding: 0px;
	border-width: 0px;
	height:100%;
	width:680px;
	float:left;
}

div.vasen
{
	margin: 0px auto;
	padding: 0px;
	border-style: solid;
	border-color: #3A3A3A;
	border-width: 0px 2px 0px 0px;
	float: left;
	width: 8px;
	height: 100%;
}

div.oikea
{
	margin: 0px auto;
	padding: 0px;
	border-style: solid;
	border-color: #3A3A3A;
	border-width: 0px 0px 0px 2px;
	float: left;
	width: 158px;
	height: 100%;
}

#sukoka,#die50besten, #sukoka img,#die50besten img
{
	margin: 5px 0px 5px 0px;
	padding: 0px;
	border-width: 0px;
	background: transparent;
	text-align:center;
	text-decoration: none;
}

#oeswnext,#oeswhome,#oeswnext img,#oeswhome img
{
	margin: 0px auto;
	padding: 0px;
	border-width: 0px;
	background: transparent;
	text-align:center;
	text-decoration: none;
}

#oeswlinks
{
	margin: 0px auto;
	padding: 0px 0 0px 0px;
	border-width: 0px;
	background: transparent;
	text-align:center;
	font-weight:bold;
	text-decoration: none;
}

#oeswlinks a
{
	text-decoration: none;
	margin: 0px;
	padding: 0px;
	font-size:11px;
	color: #000000;
	
}


div.content
{
	border-width: 0px;
	margin: 0px;
	padding: 0px;
	width:100%;
	height:100%;
	overflow: auto;
}

div.otsikko
{
	margin: 0px;
	padding: 0px;
	border-style: solid;
	border-color: #3A3A3A;
	border-width: 0px 0px 2px 0px;
	height:20px;
	width:100%;
	text-align:center;
	vertical-align:middle;
	line-height: 20px;
}

div.footer
{
	margin: 0px auto;
	padding: 0px;
	border-style: solid;
	border-color: #3A3A3A;
	border-width: 2px 0px 0px 0px;
	width:100%;
	float:left;
	text-align:center;
	vertical-align:middle;
	line-height: 20px;
}



div.vasen
{
	margin: 0px auto;
	padding: 0px;
	border-style: solid;
	border-color: #3A3A3A;
	border-width: 0px 2px 0px 0px;
	float: left;
	width: 8px;
	height: 100%;
}

div.oikea
{
	margin: 0px auto;
	padding: 0px;
	border-style: solid;
	border-color: #3A3A3A;
	border-width: 0px 0px 0px 2px;
	float: left;
	width: 158px;
	height: 100%;
}

div.navi
{
	border-style: solid;
	border-color: #3A3A3A;
	border-width: 2px 0px 2px 0px;
	padding: 3px 0px 5px 0px;
}

div.navi ul
{
	margin: 0px;
	padding: 0px;
	border-width:	0px;
	text-align: center;
}

div.navi ul  li 
{
	margin: 0px;
	padding: 0px;
	border-width:	0px;
	background: transparent;
	display: block;
	float: left;
	list-style-type: none;
	width: 10.5%;
}

div.navi ul  li a
 {
 	margin: 0px;
	padding: 0px;
	border-width:	0px;
	text-decoration: none;
	vertical-align:middle;
	font-size: 13px;
	color: #000000;
}

div.navi ul  li a:hover
 {
	
	color: #ededed;
}

div.lang
{
	width:5.5%;
	float:left;
	text-align: center;
}

div.lang  a
{
 	margin: 0px;
	padding: 0px;
	border-width:0px;
	text-decoration: none;
	color: #000000;
}

div.lang  a img
{
 	border-style: solid;
	border-color: #3A3A3A;
	border-width: 1px;
}

div.adminnavi
{
	background: #ac5565;
	margin: 0px auto;
	padding: 0px 0 0px 10px;
	border-width: 0px;
	height:100%;
	width:148px;
	float:left;
	font-size:12px;
}

div.adminnavi hr
{
	border-style: solid;
	border-color: #3A3A3A;
	border-width: 2px;
	color: #D0CCE5;
	width:100%;
	background-color: transparent;
	height: 5px;
	line-height: 5px;
}

div.adminnavi ul
{
	background: transparent;
	margin: 0px;
	padding: 0px;
}

div.adminnavi ul li 
{
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

div.adminnavi ul li a
 {
	margin: 0px;
	padding: 0px;
	text-decoration: none;
	vertical-align:left;
	line-height: 20px;
	font-size: 12px;
	color: #000000;
}

table.sukupuu
{
	border-width: 0px 0px 0px 0px;
	border-spacing: 2px;
	border-style: none none none none;
	margin: 0px 0px 0px 0px;
	width:600px;
	font-size:12px;
}

td.isa
 {
	border-width: 2px 2px 2px 2px;
	border-color: #0000FF;
	background-color: #D3D3FF;
	padding: 3px 3px 3px 3px;
	width:180px;
	border-style: solid solid solid solid;
}

td.ema
 {
	border-width: 2px 2px 2px 2px;
	border-color: #FF0000;
	background-color: #FFD3D3;
	padding: 3px 3px 3px 3px;
	width:180px;
	border-style: solid solid solid solid;
}

table.sukupuu textarea
{
	margin: 0px 0px 0px 0px;
	width:180px;
	font-family:Arial;
	font-size:12px;
	background-color: white;
}

div.cpohja
{
	background: transparent;
	margin: 2% 0 0 3%;
	width:94%;
	vertical-align:bottom;
	clip: auto;
}
div.cpohja hr
{
	border-style: solid;
	border-color: #3A3A3A;
	border-width: 2px;
	color: #D0CCE5;
	width:100%;
	background-color: #D0CCE5;
	height: 5px;
	line-height: 5px;
}

div.csivuotsikko
{
	font-family:Arial;
	height:25px;
	font-weight:bold;
	line-height: 25px;
	height:15px;
	font-size:14px;
	float:left;
	width:60%;
}
div.cpaivyri
{
	font-family:Arial;
	height:25px;
	line-height: 25px;
	font-size:9px;
	float:left;
	text-align:right;
	width:40%;
	vertical-align:bottom;
}

.cotsikko
{
	font-family:Arial;
	float:none;
	width:600px;
	margin: 5px 0px 8px 0px;
	font-weight:bold;
	line-height:15px;
	font-size:13px;
}
.cteksti
{
	font-family:Arial;
	margin: 0 0 0 5%;
	width:95%;
	font-size:12px;
}
div.cteksti a
{
	color: #000000;
}

div.ctekstifloat
{
	margin: 0px ;
	width:70%;
	font-size:12px;
	float:left;
}
div.ctekstifloat a
{
	color: #000000;
}

.ctekstiotsikko
{
	margin: 5px 0px 5px 2.5%;
	width:97.5%;
	font-weight:bold;
	font-size:12px;
}
div.ctekstipieni
{
	font-size:9px;
	margin: 0px 0px 0px 0px;

}

div.clista
{
	font-size:11px;
	text-decoration: none;
}

div.clista a
{
	text-decoration: none;
	color: #000000;
}

a.ckuvakeski
{
	text-decoration: none;
	border-width:none;
}

a.ckuvakeski img
{
	border-style: solid;
	border-color: #3A3A3A;
	border-width: 2px;
	display: block;
    margin-left: auto;
    margin-right: auto;
}

a.ckuvavasen
{
	width: 150px;
	text-decoration: none;
	border-width:none;
}
a.ckuvavasen img
{
	border-style: solid;
	border-color: #3A3A3A;
	border-width: 2px;
	margin: 0px 10px 0px 0px;
	float:left;
}

img.ckuvavasen
{
	border-style: solid;
	border-color: #3A3A3A;
	border-width: 2px;
	margin: 0px 10px 0px 0px;
	float:left;
}

ul.linkit 
{
	list-style-type: none;
	margin: 0px 0px 0px 20px;
	padding: 0px;
}

ul.linkit  li 
{
	list-style-type: none;
	margin: 0px 0px 5px 0px;
	padding: 0px;
}

ul.linkit  li a
 {
	margin: 0px;
	padding: 0px;
	vertical-align:left;
	line-height: 20px;
	font-size: 12px;
	color: #000000;
}

.punainen
{
	color: #FF0000;
}

.sininen
{
	color: #0000FF;
}

.vierus
{
	float:left;
}

div.floatfix
{
	line-height: 0px;
	clear:both;
}