/* Tyylit */
body {
	font-family: trebuchet ms, Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin:0;
	width:100%;
}

html{
	width:100%;}

p{
	margin:10px 0;
}

a, a:link, a:visited, a:active{
	color: #007335;
	text-decoration: none;
}

.news_lohko b, .news_lohko strong{
	text-transform:uppercase;}

.news_lohko p{
	margin:0 0 0 0;}
	
.news_lohko2 b, .news_lohko2 strong{
	text-transform:uppercase;}

.news_lohko2 p{
	margin:10px 0;}	

/* Tällä pakotetaan editorin sisällön linkit oikean näköisiksi
   Eli yleensä sama tyyli kuin tuossa yllä a-elementille, mutta jokaisen perään !important */
.mceContentBody a,.mceContentBody a:link, .mceContentBody a:visited{
	color: #007335 !important;
	text-decoration: none !important;
}
.mceContentBody{
	background:transparent !important;
}



a.news, a.news:link, a.news:visited {
	color:#0c6c94;
	text-decoration: none;
}

td {
	font-family: trebuchet ms, Arial, Helvetica, sans-serif;
	font-size: 11px;

}
.login {
	font-family: trebuchet ms, Arial, Helvetica, sans-serif;
	font-size: 11px;

}

input, select, textarea {
	font-family: trebuchet ms, Arial, Helvetica, sans-serif;
	font-size: 10px;
}
.text{
	width:100%;
}

h1 {
	font-size: 20px;
	color: #373737;
	font-weight:normal;
	margin:0 0 10px 0;
}

h2 {
	font-size: 14px;
	color: #000000;
	margin:16px 0 4px 0;
}

h3 {
	font-size: 12px;
	color: #000000;
}

h4 {
	color: #458AD7;
}

h5 {
	color: #458AD7;
}

h6 {
	color: #458AD7;
}


.error_message{
	color:#ab0000;
	margin:10px 0 20px 0;
}
.success_message{
	color:#368b1c;
	margin:10px 0 20px 0;
}

/*RAKENNE*/

.uutiskuva{
	float:right;
	border:0px solid #ccc;
	padding:5px;
	margin:0 0 4px 20px;
	background-color:#dadada;
	font-size:10px;
	text-align:center;
	color:#242424;}
.uutiskuva p {
	margin:0;}


.sata{
	width:100%;
	height:100%;}
.satah{
	height:100%;}
.sataw{
	width:100%;}
#minheight{
	height:260px;}
#minwidth{
	width:auto !important;
	min-width:900px;
	width:900px;}
	
#tausta{
	background:#0ba13b url(../img/bg.gif) repeat-x bottom left;
	height:100%;
	
	width:auto !important;
	min-width:100%;
	width:100%;}
#taustakuva{
	background: url(../img/tausta.gif) no-repeat bottom left;
	width:100%;
	height:100%;
	}
	
.txt{
	width:450px;
	height:300px;}
	
#container{
	width:670px;}
	
.bread{
	font-family: arial;
	font-size:11px;
	height:26px;
	background: url(../img/gr.gif) repeat-x bottom left;
	}
	
.relative{
	position:relative;
	width:100%;
	height:100%;}
	
.minea{
	position:absolute;
	left:510px;
	bottom:38px;
	width:308px;
	height:370px;
	background: url(../img/minea.jpg) no-repeat top left;}
	
#oksat{
	position:absolute;
	top:0;
	left:0;
	z-index:100;
	background: url(../img/oksat.png) no-repeat top left;
	behavior: url(js/fix/iepngfix.htc);

	height:220px;
	width:100%;
	}
	
#ca{
	width:630px;
	padding:20px 0;}
	
.ylakuva{
	position:absolute;
	top:0;
	left:0;
	z-index:98;}
	
.ca_txt{
	position:absolute;
	top:230px;
	left:8px;
	z-index:99;}
	
#ca_txt{
	position:absolute;
	top:230px;
	left:8px;
	z-index:99;}
	
#content{
	background-color:#fff;}
	
.seisk{
	height:76px;}
.kuusk{
	height:66px;}
.kahdekst{
	height:18px;}
.kolmek{
	height:30px;}	
	
#txt_container{
	width:450px;
	margin-left:8px;}
	
a.viiva, a.viiva:link, a.viiva:visited, a.viiva:active{
	background: url(../img/link_bord.gif) repeat-x bottom left;
	font-size:11px;
	padding-bottom:2px;
}

	
#menutable{
	width:100%;}

.menu{
	background:url(../img/menu_bg.gif) repeat-x top left;
	height:30px;
	text-align:center;}
	
.menu_a{
	background-color:#fff;
	height:30px;
	text-align:center;}
.menu a, .menu a:link, .menu a:visited, .menu a:active{
	font-family: arial;
	color: #FFF;
	font-size:10px;
	text-transform:uppercase;
	font-weight:bold;
	text-decoration: none;
	display:block;
	padding:4px 6px;
}

.menu_a a, .menu_a a:link, .menu_a a:visited, .menu_a a:active{
	font-family: arial;
	color: #007335;
	font-weight:bold;
	font-size:10px;
	display:block;
	text-transform:uppercase;
	text-decoration: none;
	padding:4px 6px;
}	



/* Dropdownmenu */
.menuarea{
	position:absolute;
	display:none;
	width:180px;
	border:1px solid #c3c3c3;
	background-color:white;
	padding-bottom:5px;
}

#menutable .menutop_a{
	color:#6D3A78;
	padding:0 4px;
}
#menutable .menutop{
	color:#3c3c3c;
	padding:0 4px;
}

#menutable .menusub_a{
	color:#6D3A78;
	padding:0 4px;
	font-weight:bold;
	display:block;
}
#menutable .menusub{
	color:#3c3c3c;
	padding:0 4px;
	display:block;
}