/* GLOBAL RESET */
html,body,p,div,img,h1,h2,h3,h4,form,table,td,tr {
  margin:0;  
  padding:0;  
  border:0;  
  border-collapse:separate;  
  border-spacing:0;
}


/* Tyylit */
body {
text-align: center; 
background-image: url(../img/body-height.jpg); 
background-position: center;
background-color: white;										 
font-family: Calibri, Arial, Helvetica, sans-serif;
color: #646464;
font-size: 12px;
width: 100%;
height: 100%;
margin: 0;
}

#body-bg	{
width: 100%;
height: 800px;
position: absolute;
left: 0px;
background-image: url(../img/bg-body.jpg);
background-position: top; 
overflow: auto;
} 


#body-page		{
text-align: left;
width: 954px;
position: relative;
height: auto;
margin: 0 auto;
background-image: url(../img/ver-bg-def.gif);
background-position: left; 
background-repeat: repeat-y;
overflow: auto;
} 

#body-page-oikpalk		{
text-align: left;
width: 954px;
position: relative;
height: auto;
margin: 0 auto;
background-image: url(../img/ver-bg.gif);
background-position: left; 
background-repeat: repeat-y;
overflow: auto;
} 


#top	{
width: 954px;
height:146px;
float:left;
}

#left-menu	{
position: relative;
left:36px;
width: 191px;
padding-right: 36px;
height:auto;
float:left;
}

td.menu-1-1	{
width: 180px;
height: 24px;
background-image: url(../img/menu/menu-1.gif);
background-position: left; 
}

td.menu-1-0	{
width: 180px;
height: 24px;
background-image: url(../img/menu/menu-0.gif);
background-position: left; 
}  

#main-image	{
width: 450px;
height:320px;
float:left;
}

#r-top-content	{
width: 226px;
height:320px;
float:left;
clear: right;
background-image: url(../img/r-bg.gif);
background-position: right; 
background-repeat: repeat-y;
border-bottom: 1px;
border-color: #e5e5e5;
border-style: solid;
}

#r-top-content a {
	font-family: inherit;
	font-size: inherit;
	color: #646464;
	text-decoration: none;
	display: block;
	line-height: 18px;
}

#main-content-left-space	{
width: 227px;
height: 100px;
float:left;
}

#main-content	{
width: 450px;
height: 100%;
min-height: 350px;
float:left;

}

#r-content	{
width: 226px;
height:auto;
float:left;
background-image: url(../img/r-bg.gif);
background-position: right; 
background-repeat: repeat-y;

}


a, a:link, a:visited, a:active{
	font-family: inherit;
	font-size: inherit;
	color: #009edb;
	text-decoration: underline;
}

p {
margin-top: 10px;
line-height: 1.4em;
}

/* 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:transparent !important;
	text-align: left !important;
	height:auto !important;
}



a.news, a.news:link, a.news:visited {
	color:#0c6c94;
	text-decoration: none;
}

td {
	font-family: inherit;
	font-size: inherit;

}
.login {
	font-family: inherit;
	font-size: inherit;

}

input, select, textarea {
	font-family: inherit;
	font-size: 0.9em;
}
.text{
	width:100%;
}

h1 {
	font-size: 1.8em;
	font-family: inherit;
	color: #3a3a3a;
}

h2 {
	font-size: 1.4em;
	font-family: inherit;
	color: #3a3a3a;
}

h3 {
	font-size: 12px;
	font-family: inherit;
	color: #3a3a3a;
}

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