/* Ilona Mäkinen 2008-02-22 */

body
{
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 0.7em;
	color: black;
	background-color: #C1CC90;

}

h1
{
	font-size: 125%;
	text-decoration: underline;
}

h2
{
	font-size: 115%;
	text-decoration: underline;
}

h3
{
	font-size: 100%;
	text-decoration: underline;
}

hr.u
{
	width: 80%;
}

div
{
       float: left;
	background-color: white;
}

#ala2
{
	text-align: right; 
	clear: both;
	float: right;
	margin-top: 1em;
	background-color: #C1CC90;
	width: 100%;
	border: 1px solid red;
/*	max-width: 400px; */
}

#varit
{
        float: right;
        margin-right: 0.5em;
        margin-top: 0.2em;
}

#sivukuva
{
        float: right;
}

#otsikko2
{
	border: 1px solid black;
}

#kaikki2
{
/*	max-width: 900px;
	margin: 0 auto;*/
	background-color: transparent;
}

#linkit2
{
	float: right;
	/* width: 170px; */
	width: 20%;
	max-width: 300px;
	border: 1px solid black;
	margin-top: 1em;
	margin-left: 1em;
	margin-bottom: 1em;
	padding: 1.7em;
}

#teksti2
{
    	/*min-height: 400px; */
	border: 1px solid black;
	width: 90%;
	max-width: 800px;
	padding: 1.7em;
	margin-right: 1em;
	margin-top: 1em;
	margin-bottom: 1em;

}

#porot2
{
	border: 1px solid black;
	background-color: #C1CC90;
	padding: 10px;

}

#ilokuva
{
        margin-right: 0.7em;
        margin-top: 1.7em;
}

table
{
        width: 98%;
        margin-left: auto;
        margin-right: auto;
}

#porot
{
        border: 1px solid black;
}

td
{
        background-color: white;
        border: 1px solid black;
}

#ala
{
        text-align: right;
        padding-right: 0.5em;
        color: black;
        border-width: 0em;
}

#teksti
{
        padding: 1.7em;
        vertical-align: top;
        border-top: 1px solid black;
        border-right: 1px solid black;
        width: 80%;
}

#linkit
{
        border-left: 1px solid black;
        border-top: 1px solid black;
        width: 20%;
        padding-left: 1.7em;
        padding-right: 1.7em;
}

#porotd
{
        border-width: 1px;
        text-align: center;
}

.viek
{
	border-width: 0px;
}

.muu
{
	width: auto;
	text-align: left;
	margin-left: 5px;
	background-color: #888888;
	border: 1px solid black;
}
.muu th
{
	 border: 1px solid black; 
}

.muu td
{
	color: #000000;
}

a:link, a:active
{
        color: black;
}

a:visited
{
        color: #808080;
}

a:hover
{
        color: #000000;
        text-decoration: none;
}

a:link.o, a:active.o
{
        color: black;
}

a:visited.o
{
        color: black;
}

a:hover.o
{
        color: black;
        background-color: transparent;
}

a:link.v, a:active.v, a:visited.v, a:hover.v
{
        background-color: transparent;
}

li
{
        padding-top: 0.2em;
        margin-left: -1.7em;
}

.dkm
{
        margin-left: 0em;
}

p.vieks
{
	border-bottom: 1px solid black;
	padding: 5px;
	margin-top: 3px;
	padding-bottom: 15px;
}

span.viev
{
	font-style: italic;
	color: #808080;
	border-top: 1px dotted #808080;
}

span.viev:before { content: "Ilo vastaa: " }

img
{
        border: 1px solid black;
}

.nobo
{
        border-width: 0px;
}

input, select, textarea
{
	background-color: white;
}