/* navigointipalkin asetuksia */
ul#menu li {
display: inline; /* vaakatasoon painikkeet */n-right: 7px;
}

ul#menu li a{
align: center;
background-color: #33331a;
padding: 10px 20px;
text-decoration: none;
color: whitesmoke;
border-radius: 8px; 
box-shadow: 3px 3px 15px yellow;
overflow-y: hidden;
}
ul#menu li a:hover {
color: white;
background-color: black;
}


	 
	 
	 
	 #kehikko  
	 {
	 padding-top: 35px;
	 width: 800px;
	 height: 300px;
	 background-color: #aaaa55;
	 
	 box-align: center;
	 border-radius: 15px;
	 float: center;
	 margin-left: 350px;
	 box-shadow: 3px 3px 25px yellow;
	 overflow-y: hidden;
	 }
	 
	 #kehikko3 {
	 width: 330px;
	 height: auto;
	 background-color: #aaaa55;
	 padding: 25px;
	 border: solid 2px;
	 border-radius: 15px;
	 float: left;
	 margin-left: 35px;
	 margin-bottom: 100px;
	 box-shadow: 3px 3px 25px yellow;
	 overflow-y: hidden;
	 }
	 
	 #kehikko4 {
	 width: 500px;
	 height: auto;
	 background-color: #aaaa55;
	 padding: 25px;
	 border: solid 2px;
	 border-radius: 15px;
	 float: left;
	 margin-left: 35px;
	 margin-bottom: 100px;
	 box-shadow: 3px 3px 25px yellow;
	 overflow-y: hidden;
	 }
	 
	 #kehikko5  
	 {
	 width: 800px;
	 height: 450px;
	 background-color: #aaaa55;
	 box-align: right;
	 
	 border-radius: 15px;
	 float: right;
	 margin-right: 35px;
	 box-shadow: 3px 3px 25px yellow;
	 overflow-y: hidden;
	 }
	 
	 #kehikko6
	 {
	 width: auto;
	 height: auto;
	 background-color: #aaaa55;
	 padding: 25px;
	 border: solid 2px;
	 border-radius: 15px;
	 float: left;
	 margin-left: 35px;
	 margin-bottom: 100px;
	 box-shadow: 3px 3px 25px yellow;
	 overflow-y: hidden;
	 }
	
	#kehikko7  
	 {
	 width: 450px;
	 height: auto;
	 background-color: #aaaa55;
	 padding: 25px;
	 box-align: right;
	 border-radius: 15px;
	 float: right;
	 margin-right: 35px;
	 box-shadow: 3px 3px 25px yellow;
	 overflow-y: hidden;
	 }

body {
     background-color: black;
     
     }

h1 {
   font-family: "Times New Roman", Times, serif;
   color: #33331a;
   font-size: 40px;
   }

#yksi {color: blue;}