/* Tyylit */
body {
	font-family: Calibri, Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin:0;
	color: 707070;
}

p{
	margin:10px 0;
}

a, a:link, a:visited, a:active{
	font-family: Calibri;
	color: #0072b2;
	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 !important;
	color: #0072b2 !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: Calibri, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

input, select, textarea {
	font-family: Calibri, Arial, Helvetica, sans-serif;
	font-size: 10px;
}
.text{
	width:100%;
}

h1 {
	font-size: 18px;
	color: #2e3192;
	font-style: italic;
}

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;
}

/* Dropdownmenu */
.menuarea{
	position:absolute;
	display:none;
	width:180px;
	background:url(../img/bg_submenu.png);
	margin-left:-1px;
}
.menuarea ul{
	margin:0;
	padding:0;
}
.menuarea ul li{
	list-style-type:none;
}
#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;
}
*/
a.menu:link, a.menu:active, a.menu:visited,
a.menu_a:link, a.menu_a:active, a.menu_a:visited{
	display:block;
	line-height:25px !important;
	padding-left:10px !important;
}
a.menu_a:link, a.menu_a:active, a.menu_a:visited{
	font-weight:bold;
	background-color:#0f53a4;
}
a.menu:hover, a.menu_a:hover{
	background-color:#0f53a4;
	color:white;
}

#main {
	width: 100%;
}
#main_left {
	background-image: url('../img/bg_left.jpg');
	background-repeat: repeat-x;
	width: 50%; 
	height: 225px;
}
#main_right {
	background-image: url('../img/bg_right.jpg');
	background-repeat: repeat-x;
	width: 50%; 
	height: 225px;
}

#main_center {
	width: 1291px;
	height: 225px;
	background-image: url('../img/bg_main.jpg');
	background-repeat: no-repeat;
}

#paikkakunnat{
	font-family: Calibri, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #bdd9e9; 
}

#middle_part{
	width: 1291px;
}
#middle_left {
	width: 50%; 
}
#middle_right {
	background-image: url('../img/bg_middle_right.jpg');
	background-repeat: repeat-x;
	width: 50%; 
}
#content_part{
	width: 1291px;
	padding-top: 25px;
}

#valiviiva {
	width: 1px;
	height: 400px;
	background-image: url('../img/etusivu_valiviiva.gif');
	background-repeat: repeat-y;
}

#down_left {
	background-image: url('../img/bg_down_left.jpg');
	background-repeat: repeat-x;
	width: 50%; 
	height: 85px;
}
#down_right {
	background-image: url('../img/bg_down_right.jpg');
	background-repeat: repeat-x;
	width: 50%; 
	height: 85px;
}

#down_part{
	width: 1291px;
	height: 85px;
	color: #bdd3e5;
}

#down_part a{
	color: #bdd3e5;
}

#menu{
	color: #fff;
	height: 41px;
}
#menu_selected{
	color: #fff;
	height: 41px;
	background-color: #ffa125;
}
/*
.padded{
	padding-left: 8px;
	padding-right: 8px;
}
*/
#menu a, #menu_selected  a{
	color: #fff;
	display:block;
	line-height:41px;
	padding:0 8px;
}


.vali_gr{
	background:transparent url(../img/gr2light.gif) repeat-y top center;
	width:53px;
}
#valikko2{
	width:177px;
}
#menutable2{
	width:100%;
	height:auto;
}

#logo-holder{
	margin-left:190px;
	margin-right:50px;
	text-align:center;
}
#toimialue{
	background:url(../img/ssm_jakelu.gif) left no-repeat;
	margin-left:710px;
	line-height:20px;
	margin-top:10px;
	padding-left:200px;
}
#logininfo{
	margin-left:740px;
	color:#ffffff;
}
#logininfo a{
	color:#ffffff;
}

div.errorMessage, div.successMessage{
	font-size:12px;
	font-family:arial;
	padding:5px;
	margin:10px 0 20px 0;
}
div.errorMessage{
	color:#ab0000;
	border:1px solid #fcb2c9;
	background-color:#fedfe9;
}
div.successMessage{
	color:#0a6900;
	border:1px solid #abc2ac;
	background-color:#fffeb8;
}