body, html {
	margin:0px;
	padding:0px;
	text-align:center;
	
	color:#101010;
	font-size:12px;
	font-family: Arial, sans-serif;

	background-color: black;
	background-image: url(Images/tausta_pattern2.gif);
	background-position: top center;
	background-repeat: repeat; 
	background-attachment: fixed;
}

table,p,div {
	font-size:12px;
	font-family: Arial, sans-serif;
}
p{ line-height: 180%; }

input,textarea,select {
	font-size:11px;
	font-family: Arial, sans-serif;
}

div#main {
	width:920px;
	margin:20px auto 20px auto;
	position:relative;
	padding:0px;
	text-align:center;
}

div#outercontent {
	position:relative;
	background-color:white;
	margin:0px;
	padding:0px;
}
div#content {
	text-align:left;
	padding:15px 15px 30px 15px;
	
}

div#pageheader {
	height:140px;
	margin:0px;
	padding:0px;
}

div#pagefooter {
	margin:0px;
	padding:0px;
	height:40px;
	background-image: url(Images/tausta_alapalkki_06.gif);
	background-position: top center;
	background-repeat: no-repeat;
}

div#mainmenu {
	position:relative;
	z-index:500;
	margin:0px;
	padding:0px;
	color:#fff;
	height:40px;
	background-color: black;
	background-image: url(Images/tausta_paavalikko_02.gif);
	background-position: top center;
	background-repeat: no-repeat;
}

div#submenu_project,div#submenu_hr,div#submenu_quality,div#submenu_custom {
	position:relative;
	z-index:300;
	margin:0px;
	padding:0px;
	color:#fff;
	height:40px;
	background-color: black;
	background-position: top center;
	background-repeat: no-repeat;
}
div#submenu_project { background-image: url(Images/tausta_project_valikko_03.gif); }
div#submenu_hr { background-image: url(Images/tausta_hr_valikko_03.gif); }
div#submenu_quality { background-image: url(Images/tausta_quality_valikko_03.gif); }
div#submenu_custom { background-image: url(Images/tausta_custom_valikko_03.gif); }

div#submenu_c {
	text-align:left;
	padding:12px 0px 0px 30px;
	font-size:13px;
}
div#submenu_project a:link,div#submenu_project a:active,div#submenu_project a:visited,div#submenu_hr a:link,div#submenu_hr a:active,div#submenu_hr a:visited,div#submenu_quality a:link,div#submenu_quality a:active,div#submenu_quality a:visited,div#submenu_custom a:link,div#submenu_custom a:active,div#submenu_custom a:visited 
	{ color:white; text-decoration:none;padding:11px 20px 11px 20px;}
div#submenu_project a:hover,div#submenu_hr a:hover,div#submenu_quality a:hover,div#submenu_custom a:hover { color:black; /*color:#eaae2c;*/ text-decoration:none; }








div#mainmenu_c {
	position:relative;
	text-align:left;
	padding:12px 0px 0px 30px;
	font-size:13px;
}
div#mainmenu_lang {
	position:absolute;
	right:0px;
	z-index:505;
	padding-top:12px;
	/* padding:12px 0px 0px 0px; */
}
div#mainmenu a:link,div#mainmenu a:active,div#mainmenu a:visited { color:white; text-decoration:none;/* margin-top:12px; */ padding:11px 20px 11px 20px;}
div#mainmenu a:hover { color:#eaae2c; text-decoration:none; padding:11px 20px 11px 20px;}

div#mainmenu .main_submenu a:link,div#mainmenu .main_submenu a:active,div#mainmenu .main_submenu a:visited { display:block; width:110px; color:white; text-decoration:none; padding:8px 15px 8px 25px; margin:0px;}
div#mainmenu .main_submenu a:hover { width:110px; color:#eaae2c; text-decoration:none;padding:8px 15px 8px 25px; margin:0px; background-color:#404040; }

div#pagefooter_c {
	margin:0px;
	padding:0px;
	color:#fff;
	text-align:left;
	padding:13px 0px 0px 50px;
	font-size:13px;
}


.h1 { font-size: 23px; margin-top:15px;margin-bottom:15px; }
.h2 { font-size: 18px; margin-top:8px;margin-bottom:8px; }


/* Project router background classes for frontpage */
.td_project,.td_hr, .td_quality, .td_custom {height:202px; cursor:pointer;}
.td_project { width: 226px; background: transparent url(Images/router_banneri_06.gif) no-repeat top left; }
.td_hr { width: 227px;  background: transparent url(Images/router_banneri_08.gif) no-repeat top left; }
.td_quality { width: 227px; background: transparent url(Images/router_banneri_10.gif) no-repeat top left; }
.td_custom { width: 213px; background: transparent url(Images/router_banneri_12.gif) no-repeat top left; }
.routerbox { line-height: 180%; font-size:11px; padding:75px 25px 0px 15px; }


input.btn_tiny						{ background: #00a2cd;border: 0px; color: #ffffff; padding: 1px 8px 1px 8px; font-size: 11px; cursor:pointer;}
input.btn_tinyred					{ background: #F7181D;border: 0px; color: #ffffff; padding: 1px 8px 1px 8px; font-size: 11px; cursor:pointer;}
/* atleast .btn isnt input only class. It is also used with linkbtn when creating <a>-buttons */
.btn								{ background: #00a2cd;border: 0px; color: #ffffff; padding: 4px 10px 4px 10px; font-size: 14px; cursor:pointer;}
input.btn_disabled					{ background: #d2d2d2;border: 0px; color: #ffffff; padding: 4px 10px 4px 10px; font-size: 14px; cursor:pointer;}
input.btn_tiny_disabled				{ background: #d2d2d2;border: 0px; color: #ffffff; padding: 1px 8px 1px 8px; font-size: 11px; cursor:pointer;}

.modal_canvas,.modal_canvas_ie6		{ width: 100%; background-color: black; opacity: .5; z-index: 1005; visibility:hidden; }
.modal_canvas						{ position: fixed; top: 0px; left: 0px; height: 100%;}

.modal_container,.modal_container_ie6{ visibility:hidden; z-index:1006; background-color:#EBEEF0; margin:0px; padding:10px; width:250px; height:130px; }
.modal_container					{ position:fixed; }
.modal_container_ie6				{ position:absolute; }

.modal_bgcontent					{ position:relative; margin:0px; padding:10px; background: #FFF no-repeat 0% 100%; }
.modal_confirm, .modal_alert		{ height:84px; margin:0px; padding:0px; padding-right:50px; }
.modal_confirm						{ background: transparent url(/images/icon_confirm.gif) no-repeat 100% 0%; }
.modal_alert						{ text-align:left; background: transparent url(/images/icon_alert.gif) no-repeat 100% 0%; }
.modal_buttons						{ position:relative; bottom:0px; right:0px; text-align:right; height:26px; }
.modal_link							{ position:absolute; bottom:52px; right:10px; text-align:right;	}