

/* Tyylit */
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin:0;
	color:#bbb;
	background-color:#000;
}

p{
	margin:10px 0;
}

a, a:link, a:visited, a:active{
	font-family: arial;
	color: #ff8400;
	text-decoration: none;
}

/* 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: arial !important;
	color: #ab0000 !important;
	text-decoration: none !important;
}
.mceContentBody{
	background-image:none;
}



a.news, a.news:link, a.news:visited {
	color:#0c6c94;
	text-decoration: none;
}

td {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;

}
.login {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;

}

input, select, textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
}

.text{
	width:100%;
}

h1 {
	font-size: 16px;
	color: #fff;
	font-weight:normal;
}

h2 {
	font-size: 11px;
	color: #ff8400;
}

h3 {
	font-size: 11px;
	color: #ff8400;
	font-weight:normal;
	padding:0;
	margin:0;
}

h4 {
	font-size: 11px;
	color: #fff;
	font-weight:normal;
		padding:0;
	margin:0;
}

h5 {
	color: #ff8400;
}

h6 {
	color: #ff8400;
}

.alaviiva, a.alaviiva, a.alaviiva:link, a.alaviiva:visited, a.alaviiva:active{
color:#fff;

	border-bottom:1px solid #404040;
	padding-right:2px;}



/*Sivun rakenne*/
#rekka {
	width:799px;
	height:249px;
	background:url(../img/rekka.jpg) no-repeat;
	color:#fff;
	font-size:10px;
}

#menu_top{
	width:799px;
	height:78px;
	background:url(../img/top.jpg) no-repeat;}
#footer{
	width:799px;}

#content{
	height:auto!important;
	min-height:278px;
	height:278px;
	background:#000 url(../img/grey.jpg) no-repeat;
	padding:0 0 10px 0;}
#content_front{
	height:auto!important;
	min-height:278px;
	height:278px;
/*	background:#000 url(../img/front_grey.jpg) no-repeat;*/
	background:#000 url(../img/bg_front.gif) left top repeat-x;
	padding:0 0 10px 0;}

.menu_vali{
	width:2px;
	height:55px;
	background:#000 url(../img/menu/vali.jpg) no-repeat;}
#menutable{
	height:100%;
}

.navi1 span  {



             display: none;

}









ul.navi1{list-style:none;

padding:0;

		margin:0;





}





ul.navi1 li a{

display: block;

margin:0px;

padding:0px;

padding-left:0px;

overflow:hidden;




}





li#kuva1 a, li#kuva1 a:link {

background:url(../img/etusivu2.jpg)  0px 0px no-repeat;
 width:147px;

 height:85px;
}



li#kuva1 a:hover {

background:url(../img/etusivu2.jpg)  0px -85px no-repeat;

 width:147px;

 height:85px;
 cursor: default;}

 li#kuva2 a, li#kuva2 a:link {

background:url(../img/etusivu3.jpg)  0px 0px no-repeat;
 width:147px;

 height:85px;
}



li#kuva2 a:hover {

background:url(../img/etusivu3.jpg)  0px -85px no-repeat;

 width:147px;

 height:85px;
 cursor: default;}

a.paamenu, a.paamenu:link, a.paamenu:active, a.paamenu:visited {background:url(../img/menu/menu.gif) no-repeat 13px 11px;
 color:#bbb;}

a.paamenu:hover {background:url(../img/menu/menu_a.gif) no-repeat 13px 11px;
color:#ff8400;}







