/* 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: Verdana, Arial, Helvetica;
color: #000;
font-size: 13px;
width: 100%;
height:auto;
line-height: 25px;
background: #C4C4C4;
}

#body-page		{
position: relative;
top: 60px;
left: 0px;
text-align: left;
margin: 0 auto;
width: 805px;
height: 600px;
background: url(../img/footer.gif) bottom left no-repeat #fff;
}

#body-page-tuotteet		{
position: relative;
top: 60px;
left: 0px;
text-align: left;
margin: 0 auto;
width: 805px;
height: 600px;
background: url(../img/footer-tuotteet.gif) bottom left no-repeat #fff;
}

#body-page-full		{
position: relative;
top: 60px;
left: 0px;
text-align: left;
margin: 0 auto;
width: 805px;
height: auto;
min-height: 600px;
background: url(../img/footer-full.gif) bottom left no-repeat #fff;
overflow:auto;
padding: 0 0 50px 0;
}

#logo	{
width: 765px;
height:115px;
background: #ffffff;
padding: 0 0px 0 40px;
font-size: 10px;
color: #c4c4c4;
}

#logo a{
color: #c4c4c4;	
}



#menu	{
position: relative;
top: 0px;
left:0px;
width: 765px;
height:auto;
min-height: 30px;
line-height: 30px;
background: url(../img/menu/bg.gif) left no-repeat;
z-index:10;
padding: 0 0px 0 40px;
float:left;
}

#menu a.menu-1	{
font-family: Verdana, Arial, sans-serif;
color:#fff;
text-decoration:none;
font-weight: bold;
font-size: 14px;
display: block;
width: auto;
float:left;
margin: 0 25px 0 0;
z-index:10;
}

#menu a.menu-1:hover {
color:#fff;
}

#menu a.menu-0 {
font-family: Verdana, Arial, sans-serif;
color:#000000;
text-decoration:none;
font-weight: bold;
font-size: 14px;
display: block;
width: auto;
float:left;
margin: 0 25px 0 0;
z-index:10;
}

#menu a.menu-0:hover {
color:#fff;
}

#content-area{
position: relative;
top: 0px;
left:0px;
width: 475px;
height: 279px;
padding: 28px 290px 0 40px;
float:left;
}

#content-area-ala{
position: relative;
top: 0px;
left:0px;
width: 475px;
height: 388px;
padding: 28px 290px 0 40px;
float:left;
}

#content-area-bamboo{
position: relative;
top: 0px;
left:0px;
width: 475px;
height: auto;
padding: 28px 0px 20px 40px;
background: #fff;
float:left;
}

#content-area-full{
position: relative;
top: 0px;
left:0px;
width: 725px;
height: auto;
padding: 28px 40px 20px 40px;
float:left;
background: #fff;
}

#content-area-full div{
	line-height:120%;
}

#right {
position: absolute;
top: 87px;
right:0px;
width: 290px;
height: 515px;
z-index:1;
}

#right-bamboo {
position: relative;
top: 0px;
left:0px;
width: 290px;
height: auto;
z-index:1;
float:right;
background: #fff;
padding: 0 0 20px 0;
}

#ajankohtaista{
position: relative;
top: 0px;
left:0px;
width: 130px;
height: 109px;
float:left;
padding: 0px 30px 0px 40px;
font-size: 10px;
color: #000;
line-height: 14px;	
}

#tiedotteet{
position: relative;
top: 0px;
left:0px;
width: 370px;
height: 109px;
float:left;
padding: 0px 0px 0px 0;
font-size: 10px;
color: #000;
line-height: 14px;	
}


p.ajankohtaista{
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;							
	padding:5px 0 5px 0;
	line-height: 14px;
}


p{
	padding:5px 0 5px 0;
}

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

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

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

}

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

h1 {
	font-family: Verdana, Arial, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	color: #000;
	padding: 0px 0px 5px 0px;
}

h2 {
	font-family: Verdana, Arial, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: normal;
	color: #000;
	padding: 0px 0px 5px 0px;
}

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

h4 {
	font-family: Verdana, Arial, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: normal;
	color: #000;
	padding: 0px 0px 5px 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;
}


/* Dropdownmenu */
.menuarea{
	position:absolute;
	top: 30px;
	display:none;
	width:auto;
	z-index:10;
	background-color:#C4C4C4;
	padding:0px 15px 5px 15px;
}


#menutable .menusub_a{
	color:#fff;
	padding:10px 10px 10px 20px;
	font-weight:none;
	line-height:12px;
	display:block;
	background-color:#C4C4C4;
	z-index:10;
	font-size: 12px;
}
#menutable .menusub{
	color:#000;
	padding:10px 10px 10px 20px;
	display:block;
	line-height:12px;
	background-color:#C4C4C4;
	z-index:10;
	font-size: 12px;
}

#menutable .menusub:hover{
color: #fff;
}