/* Tyylit */
body {
	font-family: calibri, Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin:0;
	color:#373737;
}

p{
	margin:10px 0;
}

a, a:link, a:visited, a:active{
	font-family: calibri, arial;
	color: #ab0000;
	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: calibri, arial !important;
	color: #ab0000 !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: calibri, Arial, Helvetica, sans-serif;
	font-size: 12px;

}
.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: 21px;
	color: #343434;
	
}

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

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

#bg{
	background:#fff url(../img/bg_yla.jpg) repeat-x top center;
	margin:0;
	padding:0;
	height:100%;
	width:100%;
	
}

#bg2{
	
	margin:0;
	padding:0;
	height:100%;
	width:100%;
	background:url(../img/bg_ala.jpg) repeat-x bottom center;
	
}

#container{
	width:1024px;
	background: url(../img/johdot.jpg) no-repeat 43px 0px;
	/*background:url(../img/johdot.jpg) no-repeat 43px 0px;*/
	height:100%;
	table-layout:fixed;
	
}

.min_h{
	height:100% !important; min-height:300px; height:300px;
	
}
#sis_bg{
	height:100% !important; min-height:1000px; height:1000px;
	background:url(../img/bg2.jpg) no-repeat center 240px;
	
}

#valikko{
	height:52px;
	width:938px;
}

#logo{
	height:188px;
	width:938px;
}

#vali{
	height:32px;
	width:938px;
}

#tuoterivi{
	height:124px;
	
}

#footer1{
	background:url(../img/alavarjo.jpg) no-repeat 0px 0px;
	height:189px;
	width:938px;
}

#footer_copy{
	height:54px;
	width:938px;
	color:#bbeaf6;
}

#footer_copy td{

	color:#bbeaf6;
	
}

#footer1 td{

	color:#fff;
}

#footer1 td h3{
	font-size:18px;
	color:#fff;
	margin:0;
	padding:0;
}

.vasen, .oikea{
	width:43px;
}

.kolmek{
	width:43px;
}
.menu_vali{
	width:20px;
	background:url(../img/vali.gif) no-repeat center top;
	
}

a.menu, a.menu:link, a.menu:visited, a.menu:active{
	font-family: arial;
	color: #fff;
	font-size:11px;
	text-decoration: none;
	padding:0 0 2px 0;
	text-transform:uppercase;
	font-weight:normal;
	
	height:100%;
}

a.menu_a, a.menu_a:link, a.menu_a:visited, a.menu_a:active{
	font-family: arial;
	color: #fff;
	font-size:11px;
	text-decoration: none;
	padding:0 0 2px 0;
	font-weight:normal;
	border-bottom:2px solid #e21a08;
	text-transform:uppercase;
	
	height:100%;
}




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