@charset "utf-8";
/* CSS Document */

body{
	background-color:				#000000;
	margin:							0;
	font-family:					Arial, Helvetica, sans-serif;
	font-size:						12px;
}

#page{
	position:						absolute;
	top:							0;
	left:							50%;
	width:							1033px;
	margin-left:					-516px; /* half of the width */
}

#topbanner{
	background-color:				#666666;
	color:							#FFFFFF;
	height:							206px;
}

a{
	color:							#000000;
	text-decoration:				underline;
}


/* =========================================================================================================
Main menu */
#menu_main{
	background-color:				#343434;
	background-image:				url(../images/backgrounds/mainmenu.png);
	background-repeat:				repeat-x;
	color:							#FFFFFF;
	height:							53px;
	font-size:						18px;
}

.mainmenu_td{
	padding-left:					31px;
	padding-right: 					31px;
	white-space:					nowrap;
}

.mainmenu_td a{
	color:							#FFFFFF;
	text-decoration:				none;
}

a.mainmenu:hover{
	color:							#999999;
	text-decoration:				none;
}

a.mainmenu_0_selected{
	color:							#999999;
}
	
a.mainmenu_1_selected{
	color:							#039a4b;
}
	
a.mainmenu_2_selected{
	color:							#f17a14;
}
	
.mainmenu_td_selected{
	padding-left:					31px;
	padding-right: 					31px;
	white-space:					nowrap;
}

.mainmenu_td_selected a{
	text-decoration:				none;
}

.mainmenu_languagebar{
	width:							100%;
	text-align:						right;
	padding-right:					43px;
}
/* =========================================================================================================
Sub menu */
#menu_sub_0{
	background-color:				#7c7c7c;
	color:							#FFFFFF;
	height:							28px;
	padding-left:					250px;		
	font-size:						14px;
}

#menu_sub_0 a{
	color:							#FFFFFF;
	text-decoration:				none;
}

#menu_sub_1{
	background-color:				#039a4b;
	color:							#FFFFFF;
	height:							28px;
	padding-left:					250px;		
	font-size:						14px;
}

#menu_sub_1 a{
	color:							#FFFFFF;
	text-decoration:				none;
}

#menu_sub_1 a:hover{
	color:							#000000;
}

#menu_sub_2{
	background-color:				#f17a14;
	color:							#FFFFFF;
	height:							28px;
	padding-left:					250px;		
	font-size:						14px;
}

#menu_sub_2 a{
	color:							#FFFFFF;
	text-decoration:				none;
}

#menu_sub_2 a:hover{
	color:							#000000;
}

.submenu_selected{
	color:							#000000;
}

/* =========================================================================================================
Content */
#pagecontent{
	position:						relative;
	z-index:						1;
	background-color:				#ebebeb;
}

#pagebackground{
	z-index:						2;
	position:						absolute;
	background-repeat:				no-repeat;
	top:							0px;
	right:							0px;
}
	
.pageheader{
	z-index:						3;
	margin-left:					30px;
	margin-right:					30px;
	margin-top:						10px;
	font-size:						24px;
	font-weight:					bold;
}

.pagetext{
	z-index:						3;
	margin-left:					30px;
	margin-right:					50px;
	min-height:						200px;
}

.manuals_header{
	background-color:				#f18f34;
	font-size:						12px;
	font-weight:					bold;
	color:							#FFFFFF;
	height:							20px;
	vertical-align:					middle;
	padding-left:					10px;
}

.manualsdropper{
	font-size:						11px;
	width:							80%;
	height:							75px;
	border:							thin solid #f18f34;
}

.manualsbutton{
	width:							80%;
	border-left:					thin solid #f18f34;
	border-right:					thin solid #f18f34;
	border-bottom:					thin solid #f18f34;
}

#manualtable td{
	text-align:						center;
}

/* =========================================================================================================
News */
#news{
	width:							188px;
	background-color:				#cbcbcb;
	background-image:				url(../images/backgrounds/news.png);
	background-repeat:				no-repeat;
	padding-bottom:					10px;		
}

.news_header{
	margin-left:					14px;
	margin-top:						10px;
	text-transform:					uppercase;
	font-size:						16px;
	font-weight:					bold;
	color:							#383838;
}

.news_date{
	margin-left:					14px;
	font-size:						11px;
	color:							#383838;
}

.news_content{
	margin-left:					14px;
	margin-right:					16px;
	font-size:						11px;
	color:							#383838;
}

/* =========================================================================================================
Contactbanner */
#contact{
	background-color:				#000000;
	background-image:				url(../images/backgrounds/footer.png);
	background-repeat:				repeat-x;
	color:							#FFFFFF;
	height:							75px;
	font-size:						10px;
	padding-top:					5px;
}

#contact a{
	color:							#ffffff;
	text-decoration:				none;
}

/* =========================================================================================================
Lomakkeet */
.error_strings {
	color:							#FF0000;
	font-weight:					bold;
}

.submitbutton {
	border-left:					0px solid #ffffff;
	border-right:					0px solid #ffffff;
	border-top:						0px solid #ffffff;
	border-bottom:					0px solid #ffffff;
	background-color:				#8AB03C;
	padding-top:					3px;
	padding-left:					3px;
	padding-right:					3px;
	padding-bottom:					3px;
	color:							#ffffff;
	font-weight:					bold;
}

/* =========================================================================================================
Yläbannerin liukuvat kuvat */
#topbanner_pics {
	height:							206px;
	width:							1033px;
	padding:						0px;
	margin:							0px;
	overflow:						hidden;
} 

#topbanner_pics img {  
	padding:						0px;
	background-color:				#000000;
	width:							1033px;
	height:							206px;
	top:							0px;
	left:							0px;
}