body, html {
	height:1200px;
	margin: 0px;
	padding: 0px;
	background-color: #cccccc; 
	background-image: url('kuvat/tausta.png');	
	text-align: left;
	font-family:arial;
	font-size:15px;
	
}
 
.layout {
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
	width: 900px;/* second-level lists */
	background-color: transparent;
	margin-bottom: 20px;
	text-align: left;
	padding: 0px;
	position: relative;
}

.whitestripe{
	position:relative;
	height:0px;
	padding-top:2px;
	padding-left:3px;
	padding-right:3px;	
	background-color: white;
	top:-0px;
}

.whitelinks{
	position:relative;
	height:36px;
	padding-top:1px;
	padding-bottom:1px;
	padding-left:3px;
	padding-right:3px;	
	background: url('logot/ylinpalkki.gif') no-repeat left top;/* navipalkin taustaväri */
	top:-1px;/* navipalkin sijainti yla ala suunta */
}


.whitelinks2{
	position:relative;
	height:36px;
	padding-top:1px;
	padding-bottom:1px;
	padding-left:3px;
	padding-right:3px;	
	background: url('logot/ylinpalkki2.jpg') no-repeat left top;/* navipalkin taustaväri */
	top:-1px;/* navipalkin sijainti yla ala suunta */
}

.whitelinks3{
	position:relative;
	height:36px;
	padding-top:1px;
	padding-bottom:1px;
	padding-left:3px;
	padding-right:3px;	
	background: url('logot/ylinpalkki3.jpg') no-repeat left top;/* navipalkin taustaväri */
	top:-1px;/* navipalkin sijainti yla ala suunta */
}

.whitelinks4{
	position:relative;
	height:36px;
	padding-top:1px;
	padding-bottom:1px;
	padding-left:3px;
	padding-right:3px;	
	background: url('logot/ylinpalkki4.jpg') no-repeat left top;/* navipalkin taustaväri */
	top:-1px;/* navipalkin sijainti yla ala suunta */
}

.whitelinks5{
	position:relative;
	height:36px;
	padding-top:1px;
	padding-bottom:1px;
	padding-left:3px;
	padding-right:3px;	
	background: url('logot/ylinpalkki5.jpg') no-repeat left top;/* navipalkin taustaväri */
	top:-1px;/* navipalkin sijainti yla ala suunta */
}

.whitelinks7{
	position:relative;
	height:36px;
	padding-top:1px;
	padding-bottom:1px;
	padding-left:3px;
	padding-right:3px;	
	background: url('logot/ylinpalkki7.jpg') no-repeat left top;/* navipalkin taustaväri */
	top:-1px;/* navipalkin sijainti yla ala suunta */
}

.whitelinks8{
	position:relative;
	height:36px;
	padding-top:1px;
	padding-bottom:1px;
	padding-left:3px;
	padding-right:3px;	
	background: url('logot/ylinpalkki8.jpg') no-repeat left top;/* navipalkin taustaväri */
	top:-1px;/* navipalkin sijainti yla ala suunta */
}

.whitelinks9{
	position:relative;
	height:36px;
	padding-top:1px;
	padding-bottom:1px;
	padding-left:3px;
	padding-right:3px;	
	background: url('logot/ylinpalkki9.jpg') no-repeat left top;/* navipalkin taustaväri */
	top:-1px;/* navipalkin sijainti yla ala suunta */
}

.whitelinks10{
	position:relative;
	height:36px;
	padding-top:1px;
	padding-bottom:1px;
	padding-left:3px;
	padding-right:3px;	
	background: url('logot/ylinpalkki10.jpg') no-repeat left top;/* navipalkin taustaväri */
	top:-1px;/* navipalkin sijainti yla ala suunta */
}

.whitelinks11{
	position:relative;
	height:36px;
	padding-top:1px;
	padding-bottom:1px;
	padding-left:3px;
	padding-right:3px;	
	background: url('logot/ylinpalkki11.jpg') no-repeat left top;/* navipalkin taustaväri */
	top:-1px;/* navipalkin sijainti yla ala suunta */
}

div.menu{	
	background:transparent;/* navipalkin väri */
	padding:5px;/* tekstin keskitys */
	float:left;
	
}

div.menuact{
	position:relative;
	z-index:3;
	background:white url('logot/kulma.gif') no-repeat left top;
	padding:10px;/* Palkin tekstien leveys */
	padding-bottom:3px;/* Palkin taustan korkeus */
	float:left;
}

a.menu{
	margin: 0px;
	padding: 0px;
	font-size: 14px;/* tekstin koko navipalkissa */
	font-weight: bold;
	color:white;	
	text-decoration:none;
}

a.menuact{
	color: black;
	font-size: 14px;/* tekstin koko aktiivisessa navipalkissa */
	font-weight: bold;
	text-decoration:none;
}


.text{
	position:relative;
	padding:11px;
	background-color: white;/* taustan väri kehyksessä */
	top:-1px;/* taustan leveys kehyksessä*/
	text-align:left;
}




.ylapalkki{
	margin:0;/* lisäys *//*palkki logon yläpuolella*/
	padding:0;
	background: url('logot/ylinpalkki.gif') no-repeat left top;
	height:25px;		/*korkeus*/
}



h3{	/* Otsikon style */
	margin-top:0x;/* lisäys */
	color:#4169E1;
	font-size:18px;
	margin-bottom:10px;
		
}


#runko7 {
width : 400px;
margin-left :5%;
margin-right : auto;
min-height:0px;
font-size:14px;
margin-top:5px;

}
#left{ 
width:500px; 
min-height:250px; 
margin-left:0px; 
margin-right:55px;  
background:; 
} 

#left2{ 
width:500px; 
min-height:250px; 
margin-left:62px; 
margin-right:55px;  
background:; 
} 

#right{ 
background:; 
width:320px; 
min-height:400px; 
float:right;
margin-right:-0px;
margin-left:17px; 
} 

#piilota {
visibility: hidden; 
}

 
 
 
.cboxa_m img {
	width : 65%;/* kuvan leveys kehyksessä*/
	padding-right: 30px;
	padding-left: 0px;
	padding-bottom: 25px;
	float: right;
}

.cboxa_m {
	width: 276px;
	height:auto;
	min-height:160px;
	border: 1px solid #c4d0d5;
	border-radius:0.5em;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-top: 7px;
	font-family:arial;
	font-size:13px;

}


.cboxa_wrap_m_right {
	float: right;
	padding-bottom: 12px;
}

.cboxa_wrap_m_left {
	float: left;
	padding-bottom: 12px;
}

 
.cboxb_m img {
	width : 85%;/* kuvan leveys kehyksessä*/
	padding-right: 10px;
	padding-left: 0px;
	padding-bottom: 10px;
	float: right;
}

.cboxb_m {
	width: 276px;
	height:auto;
	min-height:310px;
	border: 1px solid #c4d0d5;
	border-radius:1em;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-top: 7px;
	font-family:arial;
	font-size:13px;

}


.cboxb_wrap_m_right {
	float: right;
	padding-bottom: 12px;
}

.cboxb_wrap_m_left {
	float: left;
	padding-bottom: 12px;
}
 



 
.cbox2_m img {
	width : 30%;/* kuvan leveys kehyksessä*/
	padding-left: 0px;
	padding-left: 10px;
	padding-bottom: 25px;
	float: right;
}

.cbox2_m {
	width: 276px;
	height:auto;
	border: 1px solid #c4d0d5;
	border-radius:0.5em;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-top: 1px;
	font-family:arial;
	font-size:13px;

}


.cbox2_wrap_m_right {
	float: right;
	padding-bottom: 12px;
}

.cbox2_wrap_m_left {
	float: left;
	padding-bottom: 12px;
}

.cbox3_m img {
	width :25%;/* kuvan leveys kehyksessä*/
	padding-left: 0px;
	padding-left: 10px;
	padding-bottom: 25px;
	float: right;
}

.cbox3_m {
	width: 276px;
	height:auto;
	border: 1px solid #c4d0d5;
	border-radius:1em;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-top: 7px;
	font-family:arial;
	font-size:13px;

}


.cbox3_wrap_m_right {
	float: right;
	padding-bottom: 12px;
}

.cbox3_wrap_m_left {
	float: left;
	padding-bottom: 12px;
} 

 
.cbox5_m img {/*tupla  boxi*/
	/* kuvan leveys kehyksessä*/
	width: 0%;
	padding-right: 3px;
	padding-left: 
	padding-bottom: 25px;
	float: right;
}


.cbox5_m {
	width: 380px;
	min-height:16px;
	height: auto;
	border: 1px solid #c4d0d5;
	border-radius:1em;
	padding-left: 37px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-top: 7px;
	font-family:arial;
	font-size:13px;

}


.cbox5_wrap_m_right {
	float: right;
	padding-bottom: 12px;
}

	 div.float {
            display : block;
            float : left;
			height : 15px;
			font-weight : normal;
            width : 852px;/* navipalkin taustan leveys */
			/*background-color: none;/* navipalkin taustan väri */
			background: url('logot/ylinpalkki3.gif') no-repeat left top;/*  Viiva navipalkissa */
			padding-left : 20px;
            padding-right : 28px;
			padding-bottom: 9px;
			
         }
 
		
         ul {
            cursor : default;
            display : block;
            float : left;
            margin : 0px;
            padding : 0px;
            position : relative;
            z-index : 2;
			font-size:10px;
         }
         ul li {
            
			background: # 485e49;
			display : inline;
            list-style-type : none;
            margin : 0px;
            padding : 12px;/* menuvalikoiden etäisyys toisistaan */
            position : relative;
         }
		 
         ul li a {
        
				
		height : 0.8em;/* navipalkin linkkien etäisyys toisistaan */
		display : block;
		color :  white;
		font-size:14px;
		font-weight : bold;
		text-decoration : none;
		background-color :none;
		border : 0px solid black;
		
		display : inline;
		
         }
	

         ul li ul {/* menualivalikko */
            
			border :  solid 0px;/* menualivalikoiden reunan paksuus */
            color :  white;
			display : none;
            margin : 11px;/* menualivalikoiden etäisyys ylävalikosta */
            position : absolute;
			padding-left : 5px;
            padding-right : 5px;
			padding-bottom: 2px;
			background-color: #4169E1;
         }
         ul li:hover > a {/* menualivalikoiden fontin styla kun hiiri on päällä */
           
		   color : black;
		/* menbackground-color :#4169E1;   ei käytössä   */
         }
          ul li:hover > ul {
           
			display : block;
            float : left;
           
          left : 0px;
            top : 12pt; 
         }
		 
         ul li ul li {
            display : inline;
			
         }
 
         ul li ul li a {
            width : 10em;/* pudotuspalkin kehysten leveys */
			font-weight : bold;
		    text-decoration : none;
			font-size:13px;/* fontin koko pudotusvslikko */
			border :  solid 00px;/* pudotusvalikon linkin kehys */
            display : none;
            float : none;
            padding : 0 1.0em;
			display : block;
           
			
			
         }
         div.endfloat {
            clear : both;
         }