body { 
	background-color: #011641;
	width: 100%;
	height: 100%;
	margin : 0;
 	font-size : 15px; 
 	line-height : 28px;
	font-family: 'PT Serif', 'Georgia', 'Times New Roman', serif;	
	letter-spacing : normal;
 	text-align : left;
 }

 ul.menu {list-style: none;}

.vaakaimg { border: 1px solid #cacaca; padding: 4px; max-width:100%; }
.img { border: 1px solid #cacaca; padding: 4px; }

#tekstiosuus {
	background-color: #dbdbdb;
	padding-left: 10%;
	padding-right: 10%;
	padding-top: 5%;
	padding-bottom: 5%;
	z-index: 1;
	min-height: 600px;
	min-width: 750px;
}

#sivu { float: left; width: 200px;}
#text {  margin-left:300px; }




#menu {
	height: 305px;
	width: 100%;
	top: 0px;
	background-color: #ffffff;
	color : #111111;
	text-decoration : none;
 	border-bottom: 0px;
	font-family: 'PT Serif', 'Georgia', 'Times New Roman', serif;	
	font-size: 30px;
	letter-spacing: 2px;
	background-image:url(kurat_ot.jpg);
    	background-repeat: no-repeat;
	color: #ffffff;
	background-position: top center;


}

#linkkirivi {
	background-color: #011641;
	width: 100%;
	height: 50px;
	margin-top:237px;
	background-image:url(kurat_ot1.jpg);
    	background-repeat: no-repeat;
	background-position: top center;
}



.kuva {   padding: 10px; border: 1px #acacac solid; }


a:link.menu1,a:visited.menu1,a:active.menu1, a:hover.menu1 {
	color : #ffffff;
	text-decoration : none;
 	border-bottom: 0px;
 	font-size :10px; 
	line-height : 22px;
	letter-spacing: 1px;
	font-family: 'PT Serif', 'Georgia', 'Times New Roman', serif;	
	padding: 0 10px;
	margin-top: 0px;
	text-decoration: underline;

    }



nav {
	display: block;
	width: auto;
	margin: 10px auto;
	text-align: center;
}

nav ul {
	list-style: none;
}

nav li {
	display: inline-block;
}





nav a:link.menu,a:visited.menu,a:active.menu {
	display: inline-block;
	color : #ffffff;
	text-decoration : none;
 	border-bottom: 0px;
 	font-size :14px; 
	line-height : 22px;
	letter-spacing: 1px;
	font-family: 'PT Serif', 'Georgia', 'Times New Roman', serif;	
	padding: 0 10px;
	font-weight: 500;
	margin-top: 0px;
	border-bottom: 0px solid #ffffff;


    }

nav a:hover.menu {
	color : #ffffff;
	text-decoration : none;
 	border-bottom: 0px;
	font-family: 'PT Serif', 'Georgia', 'Times New Roman', serif;	
	background-color: #203c74;

   }

nav select {
	display: none;
	width: 250px;
	position: absolute;
	margin-top: 4px;
 	font-size : 15px; 
	font-family: 'PT Serif', 'Georgia', 'Times New Roman', serif;	
	color : #ffffff;
	padding-left:10px;
	font-weight: bold;
	borde: 1px #ffffff solid;
	background-color: #011641;


    }





@media (max-width: 1100px) {
      nav ul     { display: none; }
      nav select { display: inline-block; margin-left: 0px;}



}
	


@media (max-width: 1200px) {


nav a:link.menu,a:visited.menu,a:active.menu {
	display: inline-block;
 	font-size :14px; 
	line-height : 24px;
	padding: 0 10px; }



#koko {
	width: 100%;
	height: 100%;
	left:0;top:0;
	min-height: auto !important; 
	min-width: 100%;
	min-height: 100%;
	background-color: #ffffff;

}


#koko1 {
	width: 100%;
	height: 100%;
	left:0;top:0;
	min-height: auto !important; 
	min-width: 100%;
	min-height: 100%;

}



}



a:link,a:visited,a:active {
	color : #2455be;
	text-decoration : underline;
	border-bottom: 0px;

}



a:hover {

	color : #2a2a2a;
	text-decoration : underline; 
}


h1 { 
	font-family: 'PT Serif', 'Georgia', 'Times New Roman', serif;	
	font-size : 29px;
 	line-height : 30px;
	font-weight: normal;
 	letter-spacing : 2px;
	color : #011641; 
	padding-bottom: 1px;

}
 


h2 {
	font-family: 'PT Serif', 'Georgia', 'Times New Roman', serif;
 	font-size : 20px;
 	line-height : 22px;
	color : #011641; 
 	letter-spacing : 1px;
	padding-top: 25px;
	font-weight: normal;

}


#alamenu {
	background-color: #011641;
	left: 0;
	position: left bottom;
	bottom: 0;
	height: 100%;
	width: 100%;
	font-family: 'PT Serif', 'Georgia', 'Times New Roman', serif;	
	font-size: 14px;
 	letter-spacing : 1px;
	color: #ffffff;
}

.alamenusis {
	padding-top: -10px;
 	line-height : 19px;
	margin-left: 30%;
	margin-right: 30%;
   	margin-top: 0px;
	align:top;

}


a:link.ala,a:visited.ala,a:active.ala {
	color : #ffffff;
	text-decoration : underline;
	border-bottom: 0px;

}



a:hover.ala {
       color : #80c6d5;
	text-decoration : none; 
}