/* Tyylit */
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin:0;
	color:#4e4d4d;
	background-color:#c7cd25;
}

p{
	margin:10px 0;
}

a, a:link, a:visited, a:active{
	font-family: arial;
	color: #dd7203;
	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: #dd7203 !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: 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: 18px;
	color: #6ead1e;
	font-weight:normal;
	text-transform:uppercase;
}

h2 {
	font-size: 14px;
	color: #000000;
}

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

h3.etu{
margin:0;
padding:0;
		text-align:left;
		font-size:13px;
		color:#fff;
		font-weight:normal;
	
}

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

#tausta{
	background:#c7cd25 url(../img/bg.jpg) repeat-x top left;
	width:100%;
	height:100%;
}

#container{
	width:890px;
	margin:0 auto;
}

#top{
	width:100%;
	height:103px;

}

#logo{
	width:351px;
}

.yla_yhteystiedot{

	color:#fff;
	font-size:11px;
}

#ylabanneri{
	width:100%;
	height:180px;
	background:transparent url(../img/ylakuva.jpg) no-repeat bottom left;
	
}

.banneripaikka_top{
	/*background:transparent url(../img/banner_top.gif) no-repeat top left;*/
position:absolute; top:20px; right:20px; width:300px; height:140px;
text-align:center;
/*overflow:hidden;*/
z-index:1;
}

.ylavali{
	width:100%;
	height:8px;
	background:transparent url(../img/yla_dot.gif) repeat-x bottom left;
}

#valikko{
	width:100%;
	height:36px;
		background:#35630b url(../img/menu_bg.gif) repeat-x top left;
}

#vali{
	width:100%;
	height:21px;
		background:#35630b url(../img/vali.jpg) no-repeat top left;
}

#sidebar{
	width:195px;
}


.yht_top{
	width:100%;
	height:14px;
		background: url(../img/yht_tyo_top.png) no-repeat bottom left;
}

.yhteistyossa{
	width:100%;
		background: url(../img/yht_tyo_bg.gif) repeat-y top left;
		text-align:center;
}

.yhteistyossa_title{
	width:100%;
	height:32px;
		background: #346c00 url(../img/green_bg.gif) no-repeat top left;
		text-align:left;
		font-size:13px;
		color:#fff;
		font-weight:normal;
		padding:0 10px 0 20px;
}

h3.etu{
margin:0;
padding:0;
		text-align:left;
		font-size:13px;
		color:#fff;
		font-weight:normal;
	
}

.yht_bottom{
	width:100%;
	height:22px;
		background: url(../img/yht_tyo_bottom.gif) no-repeat top left;
}

.laatikko{
	width:216px;
}

.green_title{
	width:100%;
	height:32px;
		background: #569814 url(../img/green_b_bg.gif) no-repeat top left;
		text-align:left;
		font-size:13px;
		color:#fff;
		font-weight:normal;
		padding:0 10px 0 20px;
}

.oran_title{
	width:100%;
	height:32px;
		background: #ff9003 url(../img/oran_bg.gif) no-repeat top left;
		text-align:left;
		font-size:13px;
		color:#fff;
		font-weight:normal;
		padding:0 10px 0 20px;
}

.box_bottom{
	width:100%;
	height:24px;
		background: url(../img/box_bottom_bg.gif) no-repeat top left;
}
.box_top{
	width:100%;
	height:14px;
		background: url(../img/box_top.gif) no-repeat top left;
}

.box{
	width:100%;
	padding:16px;
		background: url(../img/box_bg.gif) repeat-y top left;
}

a.lappu, a.lappu:link, a.lappu:active, a.lappu:hover, a.lappu:visited{
	width:100%;
	padding:1px 16px 0 18px;
		background: url(../img/bull1.gif) no-repeat top left;
		font-weight:normal;
		color:#000;
}


div.hr {
  height: 1px;
  background: #fff url(../img/hr.gif) repeat-x left top ;
}
div.hr hr {
  display: none;
}

#ca{
	width:679px;


}

.ca_top{
	width:100%;
	height:26px;
		background: url(../img/box_wide.gif) no-repeat bottom left;
}

.ca_mid{
	width:100%;
		background: url(../img/box_bg_wide.gif) repeat-y top left;
	
		padding:0px 30px;
}


.ca_bottom{
	width:100%;
	height:27px;
		background: url(../img/box_bottom_wide.gif) no-repeat top left;
}



/* Dropdownmenu */
.menuarea{
	position:absolute;
	top:319px;
	display:none;
	width:180px;
	border:1px solid #9bae76;
	background-color:#dae4cc;
	padding:20px;
	z-index: 1000;
}

.menu_a{
	background: url(../img/menu_a.gif) repeat-x top left;
	heigth:100%;
	
}

#menutable .menutop_a{
	color:#FFF;
	padding:0 14px;
	
	
}
#menutable .menutop{
	color:#FFF;
	padding:0 14px;
}

#menutable .menusub_a{
	color:#3c3c3c;
	padding:4px;
	font-weight:bold;
		border-bottom:1px solid #ccc;
	display:block;
}
#menutable .menusub{
	color:#3c3c3c;
	padding:4px;
	border-bottom:1px solid #ccc;
	display:block;
}

a.month_link, a.month_link:visited, a.month_link:active, a.month_link:link {
	margin-right: 15px;
}

/* TABIT */

.tab-button:link, .tab-button:active, .tab-button:visited{
	border:1px solid #c3c3c3;
	border-bottom:1px solid #c3c3c3;
	background-color:#eeeeee;
	padding:3px 7px;
	color:#555555;
	text-decoration:none;
	line-height:16px;
	margin-right:3px;
	margin-bottom:-1px;
	margin-top:4px;
	position:relative;
	float:left;
}
.tab-button-a:link, .tab-button-a:active, .tab-button-a:visited{
	border:1px solid #c3c3c3;
	border-bottom:0px solid #ffffff;
	background-color:#ffffff;
	padding:5px 7px 1px 7px;
	color:#000000;
	text-decoration:none;
	line-height:20px;
	margin-right:3px;
	position:relative;
	bottom:-1px;
	float:left;
}
div.tab-content{
	clear:both;
	border:1px solid #c3c3c3;
	padding:10px;
	margin-bottom:10px;
	width: 95%;
}

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