/* 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 {
background: url(../img/top-bg.jpg) top repeat-x #f1f3f4;
text-align: center; 										 
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
color: #666666;
font-size: 12px;
width: 100%;
height: 100%;
margin: 0;

}

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

#body-page		{
position: relative;
top: 315px;
text-align: left;
width: 814px;
margin: 0 auto;
} 


#menu	{
width: 814px;
height: 49px;
float:left;
line-height:49px;
}


.menu-1	{
	font-family: Cambria;
	color:#010101;
	text-decoration:none;
	font-size: 12px;
	text-transform:uppercase;
	font-weight:600;
	display: block;
	float:left;

	
}

.menu-0	{
	font-family: Cambria;
	color:#010101;
	text-decoration:none;
	font-size: 12px;
	text-transform:uppercase;
	font-weight:500;
	display: block;
	float:left;

	
}


#main-content	{
margin-top: 33px;
width: 814px;
height: 100%;
min-height: 100px;
float:left;
background-color: #f1f3f4;
}

#main-content-ala	{
margin-top: 33px;
width: 526px;
height: 100%;
min-height: 100px;
float:left;
background-color: #f1f3f4;
}

#content0	{
margin-top: 33px;
width: 814px;
min-height: 200px;
height: 100%;
float:left;
}

#content1	{
margin-top: 33px;
width: 238px;
min-height: 200px;
height: 100%;
float:left;
}

#content2	{
margin-top: 33px;
padding-left: 50px;
width: 238px;
min-height: 200px;
height: 100%;
float:left;
background: url(../img/viiva-bg.gif) left repeat-y;
}

#content3	{
margin-top: 33px;
padding-left: 50px;
width: 238px;
min-height: 200px;
height: 100%;
float:left;
background: url(../img/viiva-bg.gif) left repeat-y;
}


#footer{
width: 814px;
height: auto;
float:left;
background-color: #f1f3f4;

}

#footer-content{
width: 814px;
height: auto;
float:left;
}


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


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

.padding-left-bottom{
padding: 0 0 12px 12px;
}

a {
	font-family: inherit;
	color:#4599cd;
	text-decoration:none;
	padding-left: 5px;
}

/* 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: Calibri, Arial;
	font-size: 12px;
}

.text{
	width:100%;
}

h1 {
	font-family: Cambria, Arial, sans-serif;
	font-size: 20px;
	font-style: normal;
	font-weight: 500;
	text-transform: uppercase;
	letter-spacing: -0.5px;
	line-height: 1.3em;
	color: #010101;
	padding: 10px 0 6px 0px;

}


h2 {
	font-family: Cambria, Arial, sans-serif;
	font-size: 18px;
	font-style: normal;
	font-weight: 500;
	text-transform: smallcaps;
	letter-spacing: -0.5px;
	line-height: 1.3em;
	color: #010101;
	padding: 10px 0 6px 0px;
}

h3 {
	font-size: 14px;
	color: #010101;
	padding: 10px 0 6px 0px;
}

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

}