@CHARSET "ISO-8859-1";
@import "../content.css";
@import "../shared.css";
@import "../forms.css";

body{
	background-image:url(../../images/hv/taustakuvat/bg_mustavalko.jpg);
	background-position:top center;
	background-repeat:no-repeat;
}

table td {
    font-size: 12px;
}

div.hv_container {
	width:900px;
	margin-left:-450px;
	left:50%;
	position:absolute;
	top:340px;
}

div.hv_topMenu {
	top:249px;
	height:42px;
	width:854px;
	margin-left:-427px;
	left:50%;
	position:absolute;
	text-align:center;
	vertical-align:middle;
	padding-top:2px;
}

div.hv_topMenu img {
	vertical-align:middle;
}



div.breadcrumbs{
	padding: 10px 20px 0 30px;
	font-size: 0.9em;
	margin-bottom:-10px;
}

div.breadcrumbs a,
div.breadcrumbs a:link,
div.breadcrumbs a:visited{
	color: #000;	
}



div.hv_pageSegment{
	width: 900px;
    /* IE fix */
    *width: 910px;
    _width: 910px;
	/*margin-left: auto;
	margin-right: auto;*/
}

div.stack_pageSegment div.stack_wrapper{
	background: #ffffff url(../../images/stack/layShadows.png) repeat-y;
	padding: 0 10px;
}

div.stack_pageSegment div.padder{
	padding: 0;
	text-align: left;
}

#stack_pageHeader div.stack_wrapper{
	font-size: 0;
	line-height: 0;
}

#stack_pageHeader div.stack_content{
	padding: 2px;
}

div.stack_header{
	background: url(../../images/stack/layShadowTop.png) no-repeat left bottom;
	height: 4px;
	line-height: 4px;
	overflow: hidden;	
}

div.stack_footer{
	background: url(../../images/stack/layShadowBot.png) no-repeat left top;
	height: 4px;
	line-height: 4px;
	overflow: hidden;
}

#stack_pageContent div.stack_wrapper div.stack_content{
	background: #ffffff url(../../images/stack/contentBg.png) no-repeat left top;
}

#stack_pageFooter div.stack_content{
	background: #f2f2f2;
	padding: 10px;
	text-align: center;
}

div.stack_lftCol{
	float: left;
}

div.stack_rgtCol{
	float: left;
}

#stack_mainMenu ul.zfse_navList li{
	background-image: none;
}

/**
 * Main menu
 */
#stack_mainMenu{
	float:right;
	line-height:18px;
	margin-top:7px;
	text-transform: uppercase;
	overflow:hidden;
	font-size: 0.9em;
}

#stack_mainMenu ul, #stack_mainMenu ul li{
	display: block;
	margin: 0;
	padding: 0;
}

#stack_mainMenu ul{
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	list-style: none;
}

#stack_mainMenu ul li{
	float: left;
	margin-right: 20px;
}

#stack_mainMenu ul li a, 
#stack_mainMenu ul li a:link{
	color: #4c4c4c;
	text-decoration:none;
	font-size: 1.1em;
}

#stack_mainMenu ul li a:visited{
	color: #545454;
	text-decoration:none;	
}

#stack_mainMenu ul li a:hover, 
#stack_mainMenu li a:visited:hover{
	color: #777;
	text-decoration:none;	
}

#stack_mainMenu ul li a.zfse_navSelectedOpen,
#stack_mainMenu ul li a.zfse_navSelectedOpen:link,
#stack_mainMenu ul li a.zfse_navSelectedOpen:visited,
#stack_mainMenu li a.zfse_navOpen,
#stack_mainMenu li a.zfse_navOpen:link,
#stack_mainMenu li a.zfse_navOpen:visited{
	color: #910000;
}

/**
 * Misc
 */
div.clearer{
	clear: both;
	font-size: 0px;
	line-height: 0px;
	height: 0px;
}





div.hv_leftcont {
	width:640px;
	float:left;
	margin:10px 5px 10px 10px;
}

div.hv_leftcontfooter {
	width:640px;
	float:left;
	margin:-10px 5px 10px 10px;
}

div.hv_leftcontCont {
	width:230px;
	float:left;
	margin:10px 5px 10px 10px;
}

div.hv_kommuunicont {
	width:100%;
	float:left;
	margin:10px 10px 10px 10px;
	background-color:#FFF;
	padding:10px;
}

div.hv_rightcont {
	width:230px;
	height:200px;
	float:left;
	margin:10px 10px 10px 5px;
    /* IE fix */
    *margin-right: 0;    
}

div.hv_rightcontCont {
	width:640px;
	height:200px;
	float:left;
	margin:10px 10px 10px 5px;
}



div.hv_banneri {
	margin-bottom:10px;
    width: 640px;
    height: 365px;
    overflow: hidden;    
}

div.hv_basicbox {
	padding:8px;
	background-color:#FFF;
	margin-bottom:10px;
    
}

div.hv_basicbox h1 {
    
}

div.hv_headercont {
	height:17px;
	padding-left:15px;
	display:block;
	overflow:hidden;
	vertical-align:middle;
	vertical-align:top;
	position:relative;
	display:block;
	margin-bottom:10px;
}

div.hv_header {
	height:20px;
	margin-top:-10px;
	top:50%;
	position:absolute;
	display:block;
}

div.hv_alapalkki {
	width:696px;
	margin-left:-468px;
	margin-top:-17px;
	left:50%;
	background-image:url(images/alapalkki.png);
	position:absolute;
	height:68px;
}

img.logo {
	margin:10px;
}

div#submenu {
	top:302px;
	position:absolute;
	width:760px;
	height:24px;
	margin-left:-380px;
	left:50%;
	background-color:#FFF;
	text-align:center;
	vertical-align:middle;
}

div#submenu img {
	vertical-align:middle;
}

div.hv_leftcontContent {
	width:640px;
	float:left;
	margin:10px 5px 10px 10px;
}

div.hv_leftcontContent .hv_headercont {
    *width: 624px;
}

div.hv_rightcontContent {
	width:230px;
	height:200px;
	float:left;    
	margin:10px 10px 10px 5px;
}

div.hv_rightcontContent.content {
   height: auto;
   *float: right;
   *margin-right: 0;
   *width: 230px;
}


div.hv_footer {
	background: #FFF url(../../images/hv/footer_stars.png) no-repeat left top;
	height: 41px;
	padding:0px;
	/* background-color:#FFF; */
	margin-bottom:10px;
}

div.hv_footer .users_loginInfo {
	background: white;
}

div.hv_footer .users_loginInfo .users_logout {
	padding: 12px 6px;
	display: inline-block;
}

img.footer_firstlogo {
	margin-left:80px;
	margin-right:10px;
	margin-top:5px;
	margin-bottom:2px;
}

img.footer_logo {
	margin-left:10px;
	margin-right:10px;
	margin-top:5px;
	margin-bottom:2px;
}