* { 
  margin: 0; 
  padding: 0;
}


/*
--------------- BODY ---------------
*/

body {
	background:#000000;
/*	background:url(../images/pysty.gif);
	background-position: top;
	background-repeat: repeat-x; */

}

html {
	background:#000000;
}

/*
--------------- FONTIT ---------------
*/

.leipateksti {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 12px;
	color:#efefef;
}

a, a:visited {
	font-family: verdana, arial, helvetica, sans-serif;
}


a:hover {
	font-family: verdana, arial, helvetica, sans-serif;
	font-style: normal;
	color: #ffffff;
	text-decoration:none;
}

h1 {
	font-family: arial, verdana, helvetica, sans-serif;
	font-size: 24px;
	font-weight: bold; 
	color:#efefef;
	margin-bottom:24px;
	line-height:48px;

}

h2 {
	font-family: arial, verdana, helvetica, sans-serif;
	font-size: 24px;
	font-weight: bold; 
	color:#efefef;
	margin-bottom:0px;
	padding-bottom:24px;

}

h3 {
	font-family: arial, verdana, helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold; 
	color:#efefef;
	margin-bottom:24px;

}

h4 {
	font-family: arial, verdana, helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold; 
	color:#efefef;
	margin-bottom:12px;

}

/*
------------- KAPPALEET, LISTAT ------------- 
*/
 
p {
	margin-bottom:24px;
}


uli {
	list-style-position:inside;
	padding-bottom: 24px;
	margin-bottom: 24px;
}


uli li {
	padding-left: 3em;
	text-indent: -1em;
}

/*
--------------- ASETTELU ---------------
*/

#wrap {
	width:760px;
	margin:0px auto;
	background:url('../images/vaaka.gif') repeat-y left 50%;
	
}


/*
--------------- YL?PALKKI ---------------
*/

#yla {
	height:320px;
	background-image:url('yla3.png');
	background-position: center top;
	background-repeat: no-repeat
}


#osiot {
	position:relative;
	top:207px;
	right:12px;
	float:right;
	color: #efefef;
}


#osioa { height:33px; float:right; font-family: arial, verdana, helvetica, sans-serif; font-size: 13px; color:#ffffff; background-color: transparent; text-align: right; text-transform: none; letter-spacing: normal; padding-left:8px; padding-right:8px; padding-top:17px; }

#osioa a:link, #osioa a:visited, #osioa a:hover, #osio1 a:link, #osio1 a:visited, #osio1 a:hover, #osio2 a:link, #osio2 a:visited, #osio2 a:hover, #osio3 a:link, #osio3 a:visited, #osio3 a:hover
{
	color: #efefef;
	font-style: normal;
	color: #efefef;
	text-decoration:none;
	
}

#osio1 {
	height:33px;
	float: right;
	font-family: arial, verdana, helvetica, sans-serif;
	font-size: 13px;
	color:#FFFFFF;
	text-align: right;
	text-transform: none;
	letter-spacing: normal;
	padding-left:8px;
	padding-right:8px;
	padding-top:17px;
}

#osio2 {
	height:33px;
	float: right;
	font-family: arial, verdana, helvetica, sans-serif;
	font-size: 13px;
	color:#FFFFFF;
	text-align: right;
	text-transform: none;
	letter-spacing: normal;
	padding-left:8px;
	padding-right:8px;
	padding-top:17px;

}

#osio3 {
	height:33px;
	float: right;
	font-family: arial, verdana, helvetica, sans-serif;
	font-size: 13px;
	color:#FFFFFF;
	text-align: right;
	text-transform: none;
	letter-spacing: normal;
	padding-left:8px;
	padding-right:8px;
	padding-top:17px;
}

#osio4 {
	height:33px;
	float: right;
	font-family: arial, verdana, helvetica, sans-serif;
	font-size: 13px;
	color:#FFFFFF;
	text-align: right;
	text-transform: none;
	letter-spacing: normal;
	padding-left:240px;
	padding-right:8px;
	padding-top:17px;
}


#kieli { color: #ffffff; font-size: 13px; text-align: right; position: relative; top: 238px; width: 710px; height: 30px; margin-left: 6px; padding-top: 4px; padding-right: 36px; border-left-width: 1px; }
#kieli2 { color: #ffffff; }
/*
--------------- VALIKKOPALKKI ---------------
*/

#kielivalinta {
	width: 198px;
	height:39px;
	margin: 0px 0px 0px 6px;
	border-left: 1px solid #7F7F7F;
}


#nav
{
	float:left;
	width:200px;
	line-height: 0px;
	text-align:center;
}

#nav ul
{
	list-style:none;
}

#navcontainer ul
{
	list-style-type: none;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
}

#navcontainer li
{
}

#navcontainer a
{
	display: block;
	width: 198px;
	background: #242129 url('../images/valitaus.gif') repeat-y center 50%;
	border-top: 1px solid #7F7F7F;
	border-left: 1px solid #7F7F7F;
	line-height: 18px;
	vertical-align: middle;
	background-position-x:center; background-position-y:50%; margin-left:6px; margin-right:0px; margin-top:0px; margin-bottom:0px; background-image:url('../images/valitaus.gif'); background-repeat:repeat-y
}

#navcontainer a:link,
#navlist a:visited
{
	padding: 10px 0px 10px 0px;
	color: #efefef;
	text-decoration: none;
}

#navcontainer a:hover
{
	color: #ffffff;
	background:#242129;
}

#active a:link, #active a:visited, #active a:hover
{
	color: #ffffff;
	background:#242129;
}

#ylaviiva {
	width: 198px;
	height:1px;
	margin: 0px 0px 0px 6px;
	border-top: 1px solid #7F7F7F;
	border-left: 1px solid #7F7F7F;
	line-height: 1px;
	vertical-align: middle;
}

/*
--------------- SIS?LT?ALUE ---------------
*/

#main { float:right; padding: 36px 36px 12px; margin-right:36px; margin-bottom:24px; width:445px; background:#111111; border-left: 1px solid #7f7f7f; border-right: 1px solid #7f7f7f; border-bottom: 1px solid #7f7f7f; line-height:22px; min-height:302px; height:auto !important; height:302px; border-top-color: #7f7f7f; }

.vpalsta {
	float:left;
	width:130px;
	line-height: 24px;
}

.opalsta {
	float:right;
	width:430px;
	line-height: 24px;
}

.vaaka {
	clear:both;
}

.nopeat {

	padding-left:180px;
	padding-top:80px;
}



/*
--------------- VIERASKIRJA ---------------
*/


.t{ color: white; font-size: 12px; text-align: left; padding-left : 10px; padding-right : 10px;}
.t1-vasen{ background-color : #16181B; text-align : left; vertical-align: top; padding : 15px; margin-bottom : 20px; width : 200 px; height: 120px; color: #fff; font-family : Verdana; font-size: 12px; font-weight: bold; }
.t1-oikea{ background-color : #16181B; text-align : left; vertical-align: top; padding : 15px; height: 120px; color: white; margin-bottom : 20px; font-family : Verdana; font-size: 12px; font-weight: normal; }
.time{ color: #D18031; font-size: 10px; font-weight: normal; text-align: left;}
.vastaus{ color : #6b6b6b; padding-top : 5px; margin-top: 5px; font-size: 12px; text-align : left; line-height:16px;}
.t2-vasen{ background-color : #1A1C20; text-align : left; vertical-align: top; padding : 15px; margin-bottom : 20px; width : 200 px; height: 120px; color: white; font-family : Verdana; font-size: 12px; font-weight: bold; }
.t2-oikea{ background-color : #1A1C20; text-align : left; vertical-align: top; padding : 15px; height: 120px; color: white; margin-bottom : 20px; font-family : Verdana; font-size: 12px; font-weight: normal; }
.links{
	color: #2ABE2A;
	font-size: 12px;
	font-family : Verdana;
	}
.otsikko{
	width: 85%;
	background-color: #fbac43;
	background-repeat : no-repeat;
	margin-bottom: 30px;
	padding : 5px;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	vertical-align: top
}
.normal{
	width: 85%;
	text-align: left;
	vertical-align : top;
	font-size: 12px;
	color: #D18031;
}	
.lv{
	text-align: left;
	vertical-align : top;
	padding-left : 20px;
	font-size: 12px;
	color: #D18031;
}

.lv2{
	text-align: center;
	vertical-align : top;
	font-size: 16px;
	color: #D18031;
}

.lv3{
	text-align: left;
	vertical-align : top;
	font-size: 16px;
	color: #D18031;
	line-height:16px;
}

.www {
	color: #D18031;
	font-size: 12px;
	font-family : Verdana;
}




/*
--------------- AKILLES ---------------
*/

#footer {
	clear:both;
	width:760px;
	height:81px;
	background-image:url('../images/footer.jpg');
	background-position: center bottom;
	background-repeat: no-repeat

}