html {
	height: 100%;
	padding-bottom: 0.1%;
}
html, body{
	font: .9em Arial, Arial, Helvetica, sans-serif;
	color: #000;
}
body#normal {background: #fff;}


img {border: 0;}

a img {border: 0;}


h1,h2,h3,h4,h5,h6 {padding: 10px 0 5px 0; margin-bottom:10px;}
h1 {font: normal 2.5em Arial, Verdana,sans-serif; color: #ccc; line-height: 24px; padding-bottom: 8px;}
h2 {font: bold 2em Arial, sans-serif; letter-spacing: -1px; line-height: 18px; color: #111;}
h3 {font: normal 1.8em Arial, sans-serif; line-height: 20px; }
h4 {font: bold 1.4em Arial, sans-serif; line-height: 14px;}
h5 {font: bold 1.2em Arial, sans-serif; line-height: 13px;}
h6 {font: bold Arial, sans-serif; line-height: 12px;}
.contentheading-uutisvirta {font: normal 2.5em Arial, Verdana,sans-serif; color: #ccc; line-height: 28px; padding-bottom: 8px; padding-top:30px}
.contentheading {font: normal 2.5em Arial, Verdana,sans-serif; color: #ccc; line-height: 28px; padding-bottom: 8px; padding-top: 0px;}


td{font-size: 1em;}
th{font-size: 1em;}

a {color: #666; text-decoration: none;}
a:hover {color: #333; text-decoration: underline;}
a.image, a.image:hover  {border:0;}
a.mainlevel {font: normal 1.1em sans-serif; line-height: 15px;  padding:5px; display:block; text-transform: uppercase; border-bottom:1px solid #fff; }
a.mainlevel:hover  {background-color:#ccc; text-decoration:none;}

a.mainlevel-latest {font: normal 1.1em sans-serif; line-height: 15px; background-color: #ccc; padding:5px; display:block; border-bottom:1px solid #D3D3D3; }
a.mainlevel-latest:hover  {background-color:#fff; text-decoration:none; border-bottom:1px solid #333;}


li{list-style: none;line-height: normal;}
#main ul {clear: both; padding: 6px 20px 0px;}

fieldset {
	width: 470px;
	padding: 5px;
	border: 1px solid #ccc;
}

#head {
background-image:url(../images/ylabanneri.jpg);
	height: 116px;

background-repeat: no-repeat;
        background-color: #fff;
	border-top: 1px solid #fff;
	color:#000000;
	
}
#head .center {padding: 0;}
#head .left {font: normal 4.5em Arial, sans-serif; padding-left: 1px; line-height: 50px;}
#head .right {width: 150px;}
#head .search {padding-top: 15px;}
#head form {float: right; padding: 0; margin: 0;}

.topMenu {
	clear: both;
	background-image:url(../images/black-grad.gif);
	background-repeat: repeat-x;
	color: #FFF;
	border-top:1px solid #FFF;
	text-align:right;
	height: 20px;
	}
.topMenu ul {	width: 700px; margin-left: 25px;}

.topMenu li {float: right; margin-left: 30px;margin-top: 5px;}
.topMenu a {color: #fff; font: normal 1.0em Arial, sans-serif; text-decoration: underline; font-weight:normal; } 

/* newsflash */
#newsflash {
	background: #000 repeat-x;
	background-image:url(../images/black-grad.gif);
	background-repeat: repeat-x;
	color: #FFF;
	border-top:1px solid #FFF;
	text-align:left;	
}


#main {background: #FFF url(../images/tausta.jpg) repeat-x; padding: 10px; 0;line-height: 25px;}
.mid li,.mainright li,.mainleft li {list-style: disc;}
#main p {padding: 3px 0 4px;}



.componentheading, .componentheading-uutisvirta {
	font: normal 2.2em Arial,sans-serif;
	padding-bottom: 6px;
}
.sectiontableentry1,.sectiontableentry2 {padding: 5px;}

.sectiontableheader {margin: 15px;}

tr.sectiontableentry1 {
padding: 50px;
}

table.contentpaneopen, table.contentpaneopen-uutisvirta {margin-right: 16px;}

table.contenpaneopen-uutisvirta p  {background-color: #ccc;}

.mosimage_caption {font-style: italic;}

.contenttoc {
	padding: 10px;
	text-align: left;
}
.contentpaneopen img, .contentpaneopen-uutisvirta img {
	border: 1px solid #CCC;
	margin: 10px;
        margin-left: 0px;
        margin-top: 0px;
	padding:3px;
	background:#FFF;
}
.buttonheading img {border: none; margin: 0;}

#footer {
	background: #FFF url(../images/main.jpg) repeat-x;
	color: #333;
	
	padding:20px;
}
#footer a {color: #333;}


.left form {padding-bottom: 10px;}
form a {display: inline;}


.center {width: 1050px; margin-left: 5px; overflow: hidden;}
.clearer {clear: both; font-size: 0;}
.left {float: left;}
.right {float: right; padding-left:10px;line-height: normal;}
.pollstableborder td { padding-bottom: 15px; }
.small {color: #333;}
.createdate {padding-bottom: 6px; color: #999;}
input {
	border: 1px solid #ccc;
	background-image:url(../images/main.jpg);
	background-repeat:repeat-x;
	padding: 3px;
}
/*
.col2 .mainleft,.col2 .mainright {width: 670px; float: left; padding-left: 25px; border-right: 1px dotted #CCC; border-left: 1px dotted #CCC; line-height: normal;}
*/

.col2 .mainleft,.col2 .mainright {width: 670px; float: left; padding-left: 25px; border-right: 1px dotted #CCC; border-left: 1px dotted #CCC; line-height: normal;}
.col2 .mainright {float: left;}


.col3 .left,.col3 .right,.col2 .left,.col2 .right {width: 160px;}
.col3 .mid {float: left; width: 54%; margin: 0 2%;}
* {
	padding: 0px;
	margin: 0px;
}

a.latestnews-latest {font: normal 1.1em sans-serif; line-height: 15px; padding:5px; display:block; border-bottom:1px solid #D3D3D3; }
a.latestnews-latest:hover  {background-color:#ccc; text-decoration:none; border-bottom:1px solid #333;}

a.readon-uutisvirta {
font: normal 1.4em Arial, sans-serif; 
text-decoration: underline;
width: 200px;
background-image:url(images/M_images/arrow.png);


}

.calendar {
color: #888888;
font: 0.8em; 
line-height: 12px;
}

.calendar p {
border: 1px solid #888888;

margin-top: 3px;
text-indent: 3px;
}

.advert2 {
float: right;
 width:170px;
overflow: hidden; 

}

.mainokset {
position:absolute;
 top:150px;
 left:790px;
 width:200px;
overflow: hidden; 

}

.advert {
float: left;
margin-left: 5px;
width: 160px;
line-height: 15px;


}


.clear {clear: both;} 
.left {float: left;}