/* Tyylit */
body {
	font-family: Calibri, Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin:0;
	color: #212121;
	line-height: 130%;
}

#wrapper {
	background:#004585 url(../img/bg3.jpg) repeat-x top left;
}

#footer {
	padding-top: 10px;
	height: 30px;
	background: url(../img/footer_line.gif) repeat-x top left;
	color: #747474;
}

.margin-div {
	margin: 5px 10px 5px 10px;
}

.small_link {
	font-size: 11px;
}

p{
	font-size: 12px;
	margin:10px 0;
	line-height: 130%;
}

a, a:link, a:visited, a:active{
	font-family: Calibri, arial;
	color: #006bb7;
	text-decoration: underline;
}

/* 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: #006bb7 !important;
	text-decoration: underline !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;
	line-height: 130%;
}
.login {
	font-family: Calibri, Arial, Helvetica, sans-serif;

}

input, select, textarea {
	font-family: Calibri, Arial, Helvetica, sans-serif;
}
.text{
	width:100%;
}

img {
	border: 0px;
}

h1 {
	font-size: 22px;
	color: #006bb7;
	font-weight: bold;
	line-height: 18px;
}


h2 {
	font-size: 18px;
	color: #2b2b2b;
	font-weight: bold;
	line-height: 21px;
}

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

h4 {
	color: #006bb7;
	text-transform:uppercase;
	font-size: 14px;
}

h5 {
	color: #000000;
}

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

#bg_table{
	width: 100%;
	height: 100%;
	background:#004585 url(../img/bg3.jpg) repeat-x top left;
}

#main_table{
	height: 100%;
	width: 979px;
	background-color: #ffffff;
}

#top_table{
	width: 979px;
	height: 136px;
	background:#0067b1 url(../img/header_bg2.jpg) no-repeat top left;
}

#menu_table{
	background:#fff url(../img/menu_bg.jpg) repeat-x top left;
	height: 52px;
	width: 979px;
}

.up_links,
.up_links a,
.up_links a:link, .up_links a:visited, .up_links a:active
{
	color: #989898;
	text-decoration: none;
}

 a.menu_selected, a.menu_selected:link, a.menu_selected:visited, a.menu_selected:active{
	color: #006bb7;
	text-decoration: none;
	font-size: 14px;
	font-family:'cronos', calibri, arial, sans-serif;
	text-transform: uppercase; 
	font-weight: normal;
}
 a.menu_, a.menu_:link, a.menu_:visited, a.menu_:active{
	color: #000000;
	text-decoration: none;
	font-size: 14px;
	font-family: calibri, arial, sans-serif;
	text-transform: uppercase; 
	font-weight: normal;
}
.fp_nosto{
	padding-right: 35px;
}

.bg_line{
	background: url(../img/nosto_dot.gif) repeat-x bottom left;
	padding-bottom: 10px;
}

.tietokulma {
	padding: 10px;
	border: 1px solid #dfdfdf;
	background-color: #fefefe;
	color: #666666;
}