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


/* Tyylit */


body {
text-align: center; 
background-color: #0a334d;										 
font-family: Arial, Helvetica, sans-serif;
color: #152222;
font-size: 12px;
width: 100%;
height: 100%;
margin: 0;
padding: 0;
background-image: url(../img/top-bg.jpg);
background-repeat: repeat-x;
background-position: top;
line-height: 16px;
}

#body-tausta	{
width: 100%;
height: 945px;
background-image: url(../img/top.jpg);
background-position: top center; 
background-repeat: no-repeat;
}

#body-tausta-ala	{
width: 100%;
height: 945px;
background-image: url(../img/top-ala.jpg);
background-position: top center; 
background-repeat: no-repeat;
} 

#body-page		{
position: relative;
top: 60px;
text-align: left;
width: 956px;
height:auto;
margin: 0 auto;
}

#logo	{
position: absolute;
display:block;
top: 8px;
left: 32px;
width: 250px;
height: 56px;
} 

#search	{
position: relative;
top: 0px;
left: 735px;
width: 205px;
height: 26px;
float:left;
}

#menu	{
position:relative;
top: 74px;
width: 956px;
height: 47px;
float:left;
line-height:47px;
padding-bottom: 74px;
z-index: 3;
}


a.menu-1:link, a.menu-0:hover, a.menu-1:visited	{
	font-family: inherit;
	color:white;
	text-decoration:none;
	font-size: 14px;
	text-transform:small-caps;
	font-weight:500;
	background-image: url(../img/menu/tausta.jpg);
	background-position: top; 
	background-repeat: repeat-x;
	display: block;
	float:left;
	padding: 0 12px 0 12px;
	height: 47px;

	
}

a.menu-0	{
	font-family: inherit;
	color:white;
	text-decoration:none;
	font-size: 14px;
	text-transform:small-caps;
	font-weight:500;
	display: block;
	float:left;
	padding: 0 12px 0 12px;
	height: 47px;

}

#content	{
position: relative;
top: 8px;
width: 956px;
height: 341px;
float:left;
/* background-image: url(../img/main.jpg);
background-position: top left; 
background-repeat: repeat-x; */
z-index: 0;
}

#content-ala	{
position: relative;
top: 8px;
width: 956px;
min-height: 20px;
height: 100%;
float:left;
}

#content1	{
position: relative;
left: 482px;
top: 76px;
width: 457px;
height: 100%;
}

#content2	{
position: relative;
left: 27px;
top: 15px;
width: 900px;
height: 100%;
margin-bottom: 30px;
}

#main-content	{
width: 956px;
height: 100%;
float:left;
background-color:white;
}

#main-content1	{
position: relative;
left: 27px;
width: 900px;
height: 100%;
float:left;
}

#bottom{
width: 956px;
height: 97px;
float:left;
}

p{
	margin:10px 0;
	font-family: inherit;
}


.copyright{
	margin:23px 0 0 27px;
	font-family: inherit;
	color: white;
	text-decoration:none;
}

a {
	font-family: inherit;
	color:#152222;
	text-decoration:none;
	font-weight: bold;
}

/* 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: inherit !important;
	color: inherit !important;
	text-decoration: inherit !important;
	font-size: inherit;
}
.mceContentBody{
	background:transparent !important;
	text-align: left !important;
	height:auto !important;
}





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

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

}

input, select, textarea, form {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.text{
	width:100%;
}

h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-style: normal;
	font-weight: 500;
	letter-spacing: -0.5px;
	line-height: 1.3em;
	color: #383838;
	padding-bottom: 6px;

}


h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 17px;
	font-style: normal;
	font-weight: 500;
	text-transform: none;
	letter-spacing: -0.5px;
	line-height: 1.3em;
	color: #383838;
	padding-bottom:6px;
}

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

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:2px solid #313131;
	background-color:#3e3e3e;
	z-index:5;
	line-height:30px;
}


#menu .menusub_a{
	color:white;
	padding:0 4px;
	display:block;
	background-image: url(../img/menu/tausta.jpg);
	background-position: top; 
	background-repeat: repeat-x;
	text-decoration:none;
	z-index:5;
}
#menu .menusub{
	color: white;
	padding:0 4px;
	display:block;
	background-image: url(../img/menu/sub-bg.jpg);
	background-position: top; 
	background-repeat: repeat-x;
	text-decoration:none;
	z-index:5;

}