/* 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.png) top repeat #c7ced1;
text-align: center; 										 
font-family: Calibri, Arial, sans-serif;
color: #4c4c4c;
font-size: 12px;
width: 100%;
margin: 0;

}

#body-bg	{
top: 0px;
left: 0px;
width: 100%;
height: 100%;
background: url(../img/bg.png) top repeat;
}

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

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

#menu	{
width: 1104px;
height: 37px;
float:left;
line-height:37px;
}

#top	{
position: relative;
left: 110px;
width: 898px;
height: 303px;
float:left;
}

#top-content	{
position: absolute;
top: 189px;
left: 0px;
width: 255px;
height: 68px;
text-align:center;
float:left;
z-index: 10;
background-color:#2469ab;
filter:alpha(opacity=90);
opacity: 0.9;
-moz-opacity:0.9;


}

#nosto-autot	{
width: 1104px;
height: 109px;
float:left;
background: url(../img/autot.png) top center no-repeat;
}



.menu-1	{
	font-family: Calibri, Arial;
	color:white;
	text-decoration:none;
	font-size: 12px;
	text-transform:uppercase;
	font-weight:500;
	display: block;
	background-color:#d62932;
	float:left;
	
}

.menu-0	{
	font-family: Calibri, Arial;
	color:#202020;
	text-decoration:none;
	font-size: 12px;
	text-transform:uppercase;
	font-weight:500;
	display: block;
	float:left;
}

#main-content	{
padding-top: 33px;
width: 1104px;
height: auto;
min-height: 100px;
float:left;
background: url(../img/main-top.png) top center no-repeat;
}

#main-content-ala	{
width: 1104px;
height: auto;
min-height: 100px;
float:left;
background: url(../img/main-bg.png) top repeat-y;
}

#content0	{
position:relative;
left: 122px;
width: 594px;
min-height: 100px;
height: auto;
float:left;
}

#content1	{
position: relative;
left: 122px;
width: 290px;
min-height: 100px;
height: auto;
float:left;
}

#content2	{
position: relative;
left: 166px;
width: 304px;
min-height: 100px;
height: auto;
float:left;

}

#content3	{
position: relative;
left: 196px;
width: 195px;
min-height: 100px;
height: auto;
float:left;
}


#footer{
width: 1104px;
height: 111px;
float:left;
background: url(../img/footer.png) top center repeat-y;

}

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


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


.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:#0c59a2;
	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: 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: Calibri, Arial, sans-serif;
	font-size: 20px;
	font-style: normal;
	font-weight: 500;
	text-transform: uppercase;
	letter-spacing: -0.5px;
	line-height: 1.3em;
	color: #0c59a2;
	padding: 0px 0 6px 0px;

}


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

h3 {
	font-family: Calibri, Arial, sans-serif;
	font-size: 14px;
	color: #0c59a2;
	padding: 0px 0 6px 0;
}

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:150px;
	border:1px solid white;
	background-color:#d62932;
	z-index:5;
	line-height:23px;
}


#menu .menusub_a{
	color:#202020;
	background-color:white;
	padding:0 4px;
	display:block;
	text-decoration:none;
	border:1px solid white;
	
	
	
}
#menu .menusub{
	color: white;
	padding:0 4px;
	display:block;
	text-decoration:none;
	border:1px solid white;
	
	

}