body, html {
	height:1200px;
	margin: 0px;
	padding: 0px;
	background-color: #11111; 
	background-image: url('kuvat/tausta.png');	
	text-align: left;
	font-family:arial;
	font-size:15px;
	
}


.runko {
width : 900px;
margin-left :16%;
margin-right : auto;
height : 1000px;
background: #black;
/* background:white url('logot/tausta2.jpg');Sno-repeat left top;   */
}
 
 
.layout {
	margin-top: -1px;/*sivun  etäisyys sivun yläreunasta */
	margin-left: auto;
	margin-right: auto;
	width: 900px;/* second-level lists */
	height: auto; 
	background-color: transparent;
	margin-bottom: 20px;
	text-align: left;
	padding: 0px;
	position: relative;
}


 
.layout2 {
	margin-top: 300px;/*sivun  etäisyys sivun yläreunasta */
	margin-left: auto;
	margin-right: auto;
	width: 900px;/* second-level lists */
	height: auto; 
	background-color: transparent;
	margin-bottom: 20px;
	text-align: left;
	font-size:14px;
	padding: 0px;
	position: relative;
}
.ImageLogo
{
text-indent: 25px; 
 font-style: oblique; 
 color: navy; 
 font-weight: bold; 
 font-family: arial; 
 font-size: 28px; 
 background-image:url('logot/22.jpg'); 
 
/* border-radius:1em; */		/* pyöreät kulmat kuviin */
 background-repeat: no-repeat; 
 background-color: white; 
 height:75px;/* menun kuvan tilan korkeuden muuttaminen */
 padding-top: 32px;
 padding-bottom: 22px;
 
 }

.ImageLogo2
{
text-indent: 25px; 
 font-style: oblique; 
 color: navy; 
 font-weight: bold; 
 font-family: arial; 
 font-size: 28px; 
 /* background-image:url('logot/logokuva.jpg'); */
 
/* border-radius:1em; */		/* pyöreät kulmat kuviin */
 background-repeat: no-repeat; 
 background-color: white; 
 height:180px;/* menun kuvan tilan korkeuden muuttaminen */
 padding-top: 12px;
 padding-bottom: 22px;
 margin-left:-25px; 
margin-right:0px;  
 }
 
 
 
 
.header2{	
	position:relative;/* lisäys */
	height:100px;/* korkeus */
	padding:0px;	
	background-image: url('logot/liukuma.jpg') no-repeat left top;
	top:-0px;/* etäisyys kehyksestä */
}


.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/koe.gif') no-repeat left top;
	height:25px;		/*korkeus*/
}



h3{	/* Otsikon style */
	margin-top:0x;/* lisäys */
	color: black;
	font-size:16px;
	margin-bottom:10px;
		
}

#left{ /* palsta jako*/
width:540px; 
min-height:500px; 

margin-left:-2px; 
margin-right:45px;  

 
} 

#right{ /* palsta jako*/

width:320px; 
min-height:auto; 
float:right;
margin-right: 7px;
margin-left:14px;
 padding-top: 0px;
 line-height: 0.60;
} 


#left2{ 
width:300px; 
min-height:500px; 
margin-left:100px; 
margin-right:0px;  
background:;
} 

#right2{ 

width:110px; 
min-height:400px; 
float:right;
margin-right:-0px;
margin-left:5px; 
} 


#left3{ /* palsta jako*/
width:400px; 
min-height:auto; 
float:left;
margin-left:22px; 
margin-right:145px;  
 padding-top: 60px;
 
} 

#right3{ /* palsta jako*/

width:400px; 
min-height:auto; 
float:right;
margin-right: -407px;
margin-left:854px;
 padding-top:-0px;
 line-height: 0.60;
} 


#left41{ /* palsta jako*/
width:445px; 
min-height:200px; 
float:left;
margin-left:5px; 
margin-right:400px;  
 margin-top:-460px;
 font-size:10.5px; 
font-weight: bold;
 line-height: 1.60;
} 
#left4{ /* palsta jako*/
width:445px; 
min-height:600px; 
float:left;
margin-left:5px; 
margin-right:400px;  
 margin-top:-800px;
 font-size:10.5px; 
font-weight: bold;
 line-height: 1.60;
} 

#right4{ /* palsta jako*/

width:445px; 
min-height:800px; 
float:right;
margin-right: 0px;
margin-left:50;
 margin-top: 15px;
font-weight: bold;
font-size:10.5px;	
 line-height: 1.60;
} 

.alapalkki?{
	margin:0;/* lisäys */
	padding:0;
	background: url('kuvat/alapalkki.png') no-repeat left top;
	height:33px;
	position:relative;
	top:-7px;	
}

div.alapalkki{
	/*margin:0; lisäys*/ 
	padding:0;
	background-color: #4169E1;
	height:7px;
	position:relative;
	top:-0px;	
}

.ylapalkki2{/* lisäys */
	margin:0;
	padding:0;
	background: url('kuvat/koe2.png') no-repeat left top;
	height:8px;		
}


.links a {
text-decoration : none;
}

.links a:hover{
text-decoration : underline;
}


.links a:hover{
text-decoration : underline;
}



}
.lappu{
	color:#415968;/* lisäys */
	font-weight:bold;
	font-size:15px;
	display:block;
	padding-top:2px;
}


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



/* pyöreät kulmat kuviin */
/* 
#boxA {					
  border-radius:1em;
}
#boxB {
  border-radius:1em 3em;
}
#boxC {
  border-width:thick thin;
  border-radius:1.5em;
}*/





.cbox_m {
	width: 420px;
	min-height:150px;
	height:auto;
	border: 1px solid #c4d0d5;
	border-radius:0.4em;
	margin-left :-2%;
	margin-right: -30px;
	padding-left: 12px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-top: -5px;
	font-family:arial;
	font-size:13px;
    line-height: 1.60;
}


.cbox_wrap_m_right {
	float: right;
	margin-right; :-2%;
	padding-bottom: 22px;
}



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

.cbox1_m {
	width: 276px;
	min-height:100px;
	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:14px;

}


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

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

/*LAATIKKO ILMAN Kuvan määrityksiä*/




.cbox11_m {
	width: 306px;
	min-height:50px;
	height:auto;
	border: 1px solid #c4d0d5;
	border-radius:0.4em;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-top: 7px;
	font-family:arial;
	font-size:14px;

}



 
.cbox12_m  a {
text-decoration : none;
}

.cbox12_m   a:hover{
text-decoration : underline;
}
 
.cbox12_m {
	width: 276px;
	min-height:100px;
	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:14px;

}


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

.cbox12_wrap_m_left {
	float: left;
	padding-bottom: 12px;
}
 
 
.cbox2_m img {/*yksittainen boxi*/
	width : 0%;/* kuvan leveys kehyksessä*/
	padding-left: auto;
	padding-left: auto;
	padding-bottom:12px ;
	padding-top: -72px;
	float: right;
}

.cbox2_m {
	width: 502px;
	min-height:45px;
	height:auto;
	border: 1px solid #c4d0d5;
	border-radius:0.4em;
	padding-left: 40px;
	padding-right: 15px;
	padding-bottom: 10px;
	padding-top: 14px;
	font-family:arial;
	font-size:14px;

}

.cbox2_m  a small {
color : #7a7a7a;
margin-left : .5em;
}

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

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

.cbox21_m {
	width: 475px;
	min-height:40px;
	height:auto;
	border: 1px solid #c4d0d5;
	border-radius:0.4em;
	padding-left: 40px;
	padding-right: 42px;
	padding-bottom: 10px;
	padding-top: 9px;
	font-family:arial;
	font-size:14px;
	

}



.cbox21_m  a small {
color : #7a7a7a;
margin-left : .5em;
}
.cbox21_m  {
text-align : left;

}
.cbox21_wrap_m_right {
	float: right;
	padding-bottom: 22px;
}

.cbox21_wrap_m_left {
	float: left;
	padding-bottom: 22px;
	
}

 
.cbox22_m img {/*yksittainen boxi*/
	width : 0%;/* kuvan leveys kehyksessä*/
	padding-left: auto;
	padding-left: auto;
	padding-bottom:12px ;
	padding-top: -72px;
	float: right;
}
.cbox22_m  {
text-align : left;
margin-right : 1.0em;

}

.cbox22_m  a {
text-decoration : none;

}

.cbox22_m  a small {
color : #7a7a7a;
margin-left : 0.1em;
margin-right : -4.0em;
}

.cbox22_m   a:hover{
text-decoration : underline;
}

.cbox22_m {
	
	width: 305px;
	min-height:100;
	height:auto;
	border: 1px solid #c4d0d5;
	border-radius:0.4em;
	padding-left: 28px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-top: 14px;
	line-height: 0.75;
	font-family:Calibri;
	font-size:14px;
	text-align: left;/*teksti laatikon oikeasta reunasta*/
	padding-left: 18px;/*teksti laatikon oikeasta reunasta*/
}


.cbox22_wrap_m_right {
	float: right;
	padding-bottom: 22px;
}

.cbox22_wrap_m_left {
	float: left;
	padding-bottom: 22px;
	
	
}



.cbox23_m {
	width: 815px;
	min-height:40px;
	height:auto;
	border: 1px solid #c4d0d5;
	border-radius:1em;
	padding-left: 40px;
	padding-right: 42px;
	padding-bottom: 10px;
	padding-top: 9px;
	font-family:arial;
	font-size:14px;
	

}



.cbox23_m  a small {
color : #7a7a7a;
margin-left : .5em;
}
.cbox23_m  {
text-align : left;

}
.cbox23_wrap_m_right {
	float: right;
	padding-bottom: 22px;
}

.cbox23_wrap_m_left {
	float: left;
	padding-bottom: 22px;
	
}



	 div.float {
            display : block;
            float : left;
			height : 25px;
			font-weight : normal;
            width : 900px;/* navipalkin taustan leveys */
			/*background-color: none;/* navipalkin taustan väri */
			/*background: url('logot/ylinpalkki3.jpg') no-repeat left top;/*  Viiva navipalkissa */
			padding-left : 6px;
            padding-right : 6px;
			padding-bottom: -10px;
			
         }
 
		
         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 : 30px;/* menuvalikoiden etäisyys toisistaan */
            position : relative;
         }
		 
         ul li a {
        
				
		height : 0.8em;/* navipalkin linkkien etäisyys toisistaan korkeusero */
		display : block;
		color :  black;
		font-size:13px;
		font-weight : bold;
		text-decoration : none;
		background-color :none;
		border : 1px solid #c4d0d5;
		border-radius:0.3em;
		padding : 0 0.0em;/* menuvalikoiden etäisyys toisistaan */
		display : inline;
		padding-left: 10px;/* menuvalikoiden etäisyys vasemmalta */
				
         }
		 
		 
		 

         ul li ul {/* menualivalikko */
            
			border :  solid 01px;/* menualivalikoiden reunan paksuus */
            border-radius:0.4em;
			width :193px;
			display : none;
            margin : 4px;/* menualivalikoiden etäisyys ylävalikosta */
            position : absolute;
			padding-left : 5px;
            padding-right : 5px;
			padding-bottom: 22px;
			background-color: white;		
			
         }
        
		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 : 33pt; 
         }
		 
         ul li ul li {
            display : inline;
			
         }
 
                ul li ul li a {
            width : 11em;/* 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 2.0em;/* menuvalikoiden etäisyys toisistaan */
			display : block;
           	padding : -3px;/* pudotusvalikon linkkien etäisyys toisistaan */
			
			
			
         }
         div.endfloat {
            clear : both;
         }