body {
	font-family: Calibri, Lucida sans unicode, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #5f5f5f;
	margin:0;
	text-align: left;
	background:#000 url('../img/bg.jpg') no-repeat center top;
}

/**************************************
* 			Typografia				  *
**************************************/

p{
	margin:10px 0;
}

a, a:link, a:visited, a:active{
	color: #007d02;
	font-weight:bold;
	text-decoration: none;
}
a.menu{
	font-size: 12px;
	color: #5f5f5f;
	font-weight:normal;
}
a.menu_valittu{
	font-size: 12px;
	color: #5f5f5f;
	font-weight:bold;
}
span.ots{
	font-size:15px;
	color:#fff;
}	
span.footer_text{
	font-size:12px;
	color:#d5d7d5;
}
span.uutisnosto_title {
	font-size: 20px;
	color: #fff;
}
span.uutisjohdanto{
	color:#000;
}
span.black{
	color:#000;	
}
span.green{
	color: #007d02;
	font-weight:bold;	
}
/* 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{
	font-family: Calibri, Lucida sans unicode, Arial, Helvetica, sans-serif !important;
	color: #007d02 !important;
	text-decoration: none !important;
}
.mceContentBody{
	background:transparent !important;
}

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

td {

}
.login {
	font-size: 11px;
}

input, select, textarea {
	font-size: 11px;
}
.text{
	width:100%;
}

h1 {
	font-size: 20px;
	color: #222222;
}

h2 {
	font-size: 18px;
	color: #007d02;
}

h3 {
	font-size: 14px;
	color: #222222;
}

h4 {
	color: #222222;
}

h5 {
	color: #222222;
}

h6 {
	color: #222222;
}


/**************************************
* 			Sivun rakenne 			  *
**************************************/

#page_wrapper{
	width:1068px;
	margin:0 auto;
	text-align: center;
}
div.content_wrapper{
	width:960px;
	margin:0 auto;
	text-align: left;	
}
#header{
	width:960px;
	height: 154px;
	float:left;
	text-align: left;
}
#logo{
	float:left;
	margin-top:38px;
	margin-left:9px;	
}
#content_leftside{
	float: left;
	width: 212px;
	margin-left: 0px;
}
#content_bg{
	background:url('../img/content_bg.png') repeat-y;
}
#content_center{
	float: left;
	width: 493px;
	margin-left: 22px;
}
div.content_center_bg{
	float: left;
	width: 491px;
	background-color:#f7f7f7;
	margin-bottom:20px;
	border-left: 1px solid #e4e4e4;
	border-right: 1px solid #e4e4e4;
	border-bottom: 4px solid #cacaca;	
}
div.content_center_padding{
	padding:14px 22px;
}
#content_kuva{
	float: left;
	position:relative;
	width: 493px;
	height: 350px;
}
#content_rightside{
	float: right;
	width: 212px;
}
#menu{
	float: left;
	width: 210px;
}
div.menu_bg{
	width:210px;
	height:28px;
	float:left;
	border-bottom:1px solid #e4e4e4;
}
div.menu_valittu_bg{
	width:210px;
	height:28px;
	float:left;
	background-color:#fff;
	border-bottom:1px solid #e4e4e4;	
}
img.menu_arrow{
	padding-top:7px;	
}
#footer{
	clear: both;
	height: 60px;
	margin-top: 0px;
}
#footer_padding{
	padding:0px 15px 0px 15px;	
}
/**************************************
* 			Bannerit 			  *
**************************************/
div.ots_green{
	width:197px;
	height:26px;
	float:left;
	padding:14px 0px 0px 15px;
	background:url('../img/ots_bg_green.jpg') no-repeat;
	border-bottom: 4px solid #217d07;
}
div.ots_dark{
	width:221px;
	height:26px;
	float:left;
	padding:14px 0px 0px 15px;
	background:url('../img/ots_bg_dark.jpg') no-repeat;
}
div.banner_bg{
	width:176px;
	float:left;
	margin-bottom:20px;
	padding:17px;
	background-color:#f7f7f7;
	border-left: 1px solid #e4e4e4;
	border-right: 1px solid #e4e4e4;
	border-bottom: 4px solid #cacaca;
}
div.ots_dark_big{
	width:488px;
	height:28px;
	float:left;
	padding:12px 0px 0px 15px;
	background:url('../img/ots_bg_dark_big.jpg') no-repeat;
}
/**************************************
* 			Etusivun uutiset 			  *
**************************************/
#uusin_uutinen_bg{
	width:493px;
	height:96px;
	padding-top:257px;
	position:absolute;
	float:left;
	/*background:url('../img/fp_ajankohtaista_pic.jpg') no-repeat;	
*/}
#uutisnosto_bg{
	width:493px;
	height:93px;
	position:absolute;
	z-index:7;
	margin:0 auto;
	float:left;
	background:url('../img/uutisnosto_bg.png');	
}
/**************************************
* 			Sarjataulukko 			  *
**************************************/
td.leag_static{
	height:21px;
	border-top: 1px solid #e4e4e4;
}
/**************************************
* 			Uutisrevolveri 			  *
**************************************/

.sitenews_revolver_topic{
	display:block;
	position:absolute;
	height:100%;
	
}

/**************************************
* 			Virheilmoitukset		  *
**************************************/

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

/**************************************
* 			Dropdown menu 			  *
**************************************/

.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;
}