* { padding: 0; margin: 0; }

body {
 font-family: Verdana, Arial, sans-serif;
 font-size: 13px;
 background:#EfEff0;
}

p {
 padding: 9px;
}

#wrapper { 
 margin: 0 auto;
 width: 800px;
}

#content { 
 float: left;
 color: #000000;
 background: #FFFFFF;
 width: 800px;
 display: inline;
 vertical-align:top;
}

.maintable { 
 color: #000000;
 background: #FFFFFF;
 width: 800px;
 vertical-align:top;
}

#header {
 width: 800px;
 float: left;
 height: 191px;
 background:url(basics/header.gif) no-repeat;
}

#footer { 
 width: 800px;
 height: 25px;
 clear: both;
 background: #5c6f7c;
 font-family:arial;
 font-size:11px;
 color:#FFFFFF;
 text-align:center;
 vertical-align:middle;
 line-height:25px;
}



#navigation {
 float: left;
 width: 800px;
 height: 43px;
 background: #EE3124;
}


.menu{
	border:none;
	border:0px;
	margin:0px;
	padding:0px;
	font-family:verdana,arial,sans-serif;
	font-size:12px;
	font-weight:bold;
	color:8e8e8e;
	}
.menu ul{
	background:url(menupics/menu-bg.gif) top left repeat-x;
	height:43px;
	list-style:none;
	margin:0;
	padding:0;
	}
	.menu li{
		float:left;
		padding:0px 8px 0px 25px;
		}
	.menu li a{
		color:#FFFFFF;
		display:block;
		font-weight:bold;
		line-height:43px;
		padding:0px 25px;
		text-align:center;
		text-decoration:none;
		}
		.menu li a:hover{
			color:#000000;
			text-decoration:none;
			}
	.menu li ul{
		background:#919195;
		border-left:1px solid #5C6F7C;
		border-right:1px solid #5C6F7C;
		border-bottom:1px solid #5C6F7C;
		display:none;
		height:auto;
		filter:alpha(opacity=95);
		opacity:0.95;
		position:absolute;
		width:160px;
		z-index:200;
		/*top:1em;
		/*left:0;*/
		}
	.menu li:hover ul{
		display:block;
		}
	.menu li li {
		display:block;
		float:none;
		padding:0px;
		width:160px;
		}
	.menu li ul a{
		display:block;
		font-size:11px;
		font-style:normal;
		padding:0px 5px 0px 10px;
		text-align:left;
		line-height:20px;
		}
		.menu li ul a:hover{
			background:#919195;
			color:#000000;
			opacity:1.0;
			filter:alpha(opacity=100);
			}
	.menu p{
		clear:left;
		}	
	.menu #current{
		background:url(menupics/current-bg.gif) top left repeat-x;
		color:#ffffff;
		}

p.peruskeskitetty{
 line-height:13px;
 font-family: Verdana, Arial, sans-serif;
 font-size: 13px;
 color:#000000;
 text-align:center;
 }

p.perusvasentasaus{
 line-height:13px;
 font-family: Verdana, Arial, sans-serif;
 font-size: 13px;
 color:#000000;
 text-align:left;

}
p.perusoikeatasaus{
 line-height:13px;
 font-family: Verdana, Arial, sans-serif;
 font-size: 13px;
 color:#000000;
 text-align:right;

}
p.valiotsikko{
 line-height:15px;
 font-family: Verdana, Arial, sans-serif;
 font-size: 15px;
 color:#000000;
 text-align:center;
 font-weight:bold;
}
p.suuriotsikko{
 line-height:17px;
 font-family: Verdana, Arial, sans-serif;
 font-size: 17px;
 color:#000000;
 text-align:center;
 font-weight:bold;
}
p.pikkuteksti{
 line-height:11px;
 font-family: Verdana, Arial, sans-serif;
 font-size: 11px;
 color:#000000;
 text-align:left;
}
p.pikkuteksti2{
 line-height:11px;
 font-family: Verdana, Arial, sans-serif;
 font-size: 11px;
 color:#000000;
 text-align:center;
}

ul.perus{
	list-style-image: url(basics/nappi.gif);
	vertical-align:middle;
}


li.perus{
	margin-left:50px;
	padding:0;
	font-family: Verdana, Arial, sans-serif;
	font-size: 13px;
	text-align:left;
	color:#000000;
}



A:link{color:#EE3124; text-decoration:none;}
A:visited{color:#EE3124; text-decoration:none;}
A:active{color:#EE3124; text-decoration:none;}
A:hover{color:#F0736A; text-decoration:none;}

A:link IMG { border: 0px; }
A:visited IMG { border: 0px;}
A:active IMG { border: 0px; }

input, textarea {
font-family: Verdana, Arial;
font-size:10px;
margin:0;
padding:1.8px;
background-color:#FFFFFF;
border:1px solid #5c6f7c;
line-height:12px;
}
 
fieldset{
border: 1px solid #5c6f7c;
position: relative;
margin: 0 0 1em 0;
background-color:#efeff0;
vertical-align:top;

}

input:focus, input:hover,textarea:focus, textarea:hover{
border: 1px solid #5c6f7c;
}

label {
margin:2px;
}
 
input.input1  {
width:220px;
height:12px;
}

input.input2  {
width:30px;
height:12px;
}


.button2 {
margin:0 0 0 0;
background-color:#EE2F6D;
color:#FFFFFF;
font-size:13px;
font-weight:bold;
width:130px;
}

.button3 {
margin:0 0 0 0;
background-color:#EE2F6D;
color:#FFFFFF;
font-size:13px;
font-weight:bold;
width:150px;
}

.button {
font-family: Verdana, Arial;
margin:0 0 0 0;
background:#b1b3b6;
color:#FFFFFF;
font-size:13px;
font-weight:bold;
width:150px;
}

.pieni {
font-family: Verdana, Arial;
font-size:10px;
color:#EE2F6D;
}

p.laatikkoteksti{
 font-family: Verdana, Arial, sans-serif;
 font-size: 13px;
 color:#000000;
 text-align:left;

}

.pallorivi {
background-image:url('basics/pallo.gif');
background-repeat: repeat-y;
}

.pallorivix {
background-image:url('basics/pallo.gif');
background-repeat: repeat-x;
}

.lomaketeksti {
font-family: Verdana, Arial;
font-size:10px;
color:#5c6f7c;
font-weight:bold;
text-align:right;
padding:5px;
}

.lomaketeksti2 {
font-family: Verdana, Arial;
font-size:10px;
color:#5c6f7c;
font-weight:bold;
text-align:center;
padding:5px;
}

.lomaketeksti3 {
font-family: Verdana, Arial;
font-size:10px;
color:#5c6f7c;
font-weight:bold;
text-align:left;
padding:1px 0 1px 0;
}

legend {
font-family: Verdana, Arial;
margin:0 0 0 20px;
font-size:12px;
font-weight:bold;
color:#5c6f7c;
}