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




/* Tyylit */
body {
text-align: center;		 
font-family: Calibri, Arial, Helvetica, sans-serif;
color: #3f3f3f;
font-size: 12px;
width: 100%;
height:100%;
line-height: 16px;
background: url(../img/bg-viiva.jpg) bottom repeat-y  #080705;
}

#body-tausta	{
position: relative;
top: 0px;
left: 0px;
width: 100%;
height: 1100px;
background: url(../img/bg.jpg) top no-repeat;
padding: 0 0 0 0;
}

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

#menu	{
position: relative;
top: 0px;
left: 50px;
width: 497px;
height: 76px;
float:left;
}

#menu a.menu-1	{
font-family: Arial, sans-serif;
color:#9c1b3c;
text-decoration:none;
font-size: 12px;
font-weight:bold;
display: block;
width: auto;
float:left;
padding: 0 5px 0px 7px;
}

#menu a.menu-0 {
font-family: Arial, sans-serif;
color:#000000;
text-decoration:none;
font-size: 12px;
font-weight:bold;
display: block;
width: auto;
float:left;
padding: 0 5px 0px 7px;
}

a.menu-ala-1	{
font-family: Arial, sans-serif;
color:#9c1b3c;
text-decoration:none;
font-size: 11px;
font-weight:none;
float:left;
}

a.menu-ala-0 {
font-family: Arial, sans-serif;
color:#000000;
text-decoration:none;
font-size: 11px;
font-weight:none;
float:left;
}


#box-area{
position: relative;
top: 0px;
left:0px;
width: 956px;
height: auto;
float:left;
z-index: 100;
padding: 0 0 70px 0;

}


#box1 {
position: relative;
top: 71px;
left:0px;
width: 274px;
height: auto;
float:left;
}

#box1-top {
width: 274px;
height: 158px;
background: url(../img/box1-top.jpg) top;

}

#box1-content {
width: 206px;
height: 242px;
padding: 0 34px 0 34px;
background: url(../img/box1-bg.jpg) top;
}

#box2 {
position: relative;
top: 71px;
left:0px;
width: 272px;
height: auto;
float:left;
overflow:hidden;
}

#box2-top {
width: 272px;
height: 158px;
background: url(../img/box2-top.jpg) top;
}

#box2-content {
width: 212px;
height: 222px;
float:left;
padding: 0 30px 20px 30px;
background: url(../img/box2-bg.jpg) top;
}

#calender {
width: 12px;
height: 36px;
float:left;
padding: 0 10px 0 10px;
background: url(../img/calender.jpg) bottom left no-repeat;
overflow:hidden;
text-align:center;
margin: 0 18px 0 0;
}

#box3 {
position: relative;
top: 159px;
left:0px;
width: 410px;
height: auto;
float:left;
}

#box3-top {
width: 410px;
height: 97px;
background: url(../img/box3-top.jpg) top;
}

#box3-content {
width: 348px;
height: 182px;
float:left;
padding: 32px 30px 0 32px;
background: url(../img/box3-bg.jpg) top;
}

#content-area{
position: relative;
top: 65px;
left:0px;
width: 956px;
height: auto;
float:left;
z-index: 100;
}

#image {
position: relative;
top: 0px;
left:0px;
width: 281px;
height: 410px;
float:left;
}

#content {
position: relative;
top: 0px;
left:0px;
width: 587px;
height: auto;
min-height: 355px;
float:left;
padding: 17px 44px 19px 33px;
background: url(../img/content-bg.png) repeat-y left;
}

#footer {
position: relative;
top: 280px;
left:0px;
width: 956px;
height: auto;
float:left;
color: #fffefe;
padding: 0px 0px 30px 0px;
}


#footer p {
	color: #fffefe;
	padding: 10px 0px 0px 0px;
	font-size: 11px;
	letter-spacing: 0px;
}

#footer a{
	color: #fffefe;
}


p{
	padding:5px 0 5px 0;

}

a {
	font-family: inherit;
	color: #b13c1a;
	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: inherit !important;
	color: #b13c1a !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:#b13c1a;
	text-decoration: none;
}

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

}
.login {
	font-family: Arial;
	font-size: 12px;
	letter-spacing: 0px;

}

input, select, textarea, form {
	font-family: inherit;
	font-size: inherit;
	letter-spacing: 0px;
}
.text{
	width:100%;
}

h1 {
	font-family: Georgia, Arial, sans-serif;
	font-size: 18px;
	font-style: normal;
	font-weight: normal;
	color: #000;
	padding: 0px 0px 5px 0px;
	line-height:18px;
	letter-spacing: 0px;
}

h2 {
font-family: Georgia, Arial, sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: normal;
	color: #000;
	padding: 5px 0px 5px 0px;
	line-height:16px;
	letter-spacing: 0px;
}

h3 {
	 font-family:  Georgia, Arial, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: normal;
	color: #000;
	padding: 5px 0px 5px 0px
	letter-spacing: 0px;
}

h4 {
font-family: Arial sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: normal;
	color: ##9c1b3c;
	padding: 0px 0px 10px 0px;
}

h5 {
	color: #458AD7;
}

h6 {
	color: #458AD7;
}


.error_message{
	color:#ab0000;
	margin:10px 0 20px 0;
}
.success_message{
	color:#368b1c;
	margin:10px 0 20px 0;
}