@charset "utf-8"; 
/* styles for the page structure */

body {
background:#ffffff ; 
}

#page-container {
	margin:0 auto; 
	width:960px; 
	border:none; 
	border-top:0; 
	background: #FFFFFF;
}

#content-container{
	width: 960px; 
	margin: 0 0px 0px 0px;
}

.clear { /* generic container (i.e. div) for floating buttons */
    overflow: hidden;
    width: 100%;
	margin: 0;
	padding: 0;
	line-height: 0px;
}


#content {clear:both; background:#ffffff; width:100%; height:auto; }
#header-image { float: left; margin-bottom: 10px; height: 74px;}
#header-content-inner-right{ float:right;height:50px; width:300px;}
#header-content-inner-left{ float:left;height:30px; width:400px; padding-left:20px;}

.submenu {width:730px; height:20px; float:left; margin: 0 0 10px 0;}
.submenua {width:730px; height:40px; float:left; margin: 0 0 10px 0;}
.bottom {width:720px; height:20px; float:left; margin: 0 0 10px 0;}


/* Start main content columns ------------------------------- */


.four-col-half {width:200px;  float:left; border-right:1px solid #e0e2e6; padding-right:10px; }/* first content column (3 columns) */
.four-col-half2 {width:200px;  float:left; margin-left: 10px; border-right:1px solid #e0e2e6; padding-left:5px; padding-right:10px; }/* second content columns(3 columns) */
.four-col-half3 {
	width:400px;
	float:left;
	margin-bottom: 1.3em;
	border-right:1px solid #e0e2e6;
}/* use it if you want the content be in column, instead of 2 ( 2 columns example) */
.four-col-half4 {
	width:inherit;
	float:left;
	margin-bottom: 20px;
	border-right:0px solid #e0e2e6;
}/* 1 iso sarake */

.four-col-half5 {width:350px;  float:left; margin-left: 10px; border-right:1px solid #e0e2e6; padding-left:5px; padding-right:10px; }/* second content 2 saraketta. vasen loota. ei kuvaa */
.four-col-half6 {width:340px;  float:left; margin-left: 10px; border-right:0px solid #e0e2e6; padding-left:5px; padding-right:10px; }/* second content 2 saraketta. vasen loota. ei kuvaa */
.four-col-half7 {width:430px; float:left; margin-bottom: 20px; border-right:1px solid #e0e2e6;  }/* 2 saraketta. Kapea kuva oikealla -> "four-col-split-right" */

.four-col-split-left { margin: 0 0 0 0; width:768px; float:left; background:none; }
.four-col-split-right {margin:0 0 0 10px; width:300px; float:right; background:none;}/* small image column, use it for 3 columns example */
.four-col-split-right2 {margin:0 0 0 10px; width:340px; float:right; background:none;} /* use it if you want place for a bigger image (2 columns example) */
.four-col-split-left_etusivu { margin: 0 0 0 0; width:668px; float:left; background:none; } /* yhteinen etusivu */
.four-col-half_etusivu {width:300px; float:left; margin-bottom: 20px;   }  /* yhteinen etusivu */
.four-col-split-left_etusivu3 { margin: 0 0 0 0; width:960px; float:left; background:none; } /* yhteinen etusivu */
.four-col-half_etusivu3 {width:600px; float:left; margin-bottom: 20px;   }  /* yhteinen etusivu */
/* End main content columns------------------------------- */


/* Start misc grid elements --------------------------- */

.wrapper {margin:0 0 0 10px; background:none; clear:both; }
.left-menuUUSI {width:180px; height: 100%; margin-right:10px; margin-bottom:5px;float:left; border-right:1px solid #e0e2e6; background:none; } /* Valikko ilman taustaa */

.left-menu {width:180px; height: 100%; margin-right:10px; margin-bottom:5px;float:left; background-image:url(../images/blue_box_line.gif); background-repeat:repeat-x; border:1px solid #115191; } /* Valikko taustalla */

.left-menu_etusivu {width:270px; height: 100%; margin-left:10px; margin-right:10px; margin-bottom:5px;float:left; background:none; }  /* yhteinen etusivu */

#footer {clear:both; width:100%; height:180px; background:#ffffff; border-top:2px solid #df5a21; }
#footer-content{ margin: 10px 4px 0 10px;}
#footer-content-inner-left{float:left;width:200px;}
#footer-content-inner-right{ padding-top:5px; float:right; width:720px;}


#header {
	display:block; 
	width:100%; 
	height:120px; 
	background:#ffffff; 
	overflow:hidden; 
	border-bottom: 2px solid #005696; 
}

#subheader {
	clear:both; 
	display:block;  
	height:10px; 
	background:#ffffff; 
	border-bottom:10px solid #fff;
	padding: 5px 10px 0 10px;7	
	overflow:hidden; 
}


.kuvakehyksilla {border:1px; color:#000000} /* kehystetty kuva */



/* End misc grid elements --------------------------- */