html  { 
background-color : #fff; 
background-image : url("kuvat/tausta.png"); 
background-repeat : repeat-x; 
} 


 .error  { 
color : #FF0000; 
} 


 .display  { 
display : none; 
} 

 body  { 
height : 50px; 
background-image : url("kuvat/violettitausta.gif"); 
background-color : white; 
} 


.head  { 
height : 200px; 
width : 800px; 
margin-left : auto; 
margin-right : auto; 
} 


.logo  { 
margin-left : 100px; 
padding : 55px 0px 50px 0px; 
width : 175px; 
} 


 form  { 
width : 400px; 
padding-top : 20px; 
margin-left : auto; 
margin-right : auto; 
color : #000; 
font-family : "Arial"; 
} 


 h1  { 
color : #6600cc; 
text-align : center; 
font-family : "Arial"; 
font-size : 2em; 
} 




h1.palautekiitos{ 
width : 400px;
margin-left : auto; 
margin-right : auto; 
background-color : #fff; 
color : #000; 
text-align : center; 
font-family : "Arial"; 
font-size : 1,5em; 
} 

 h2  { 
float : right; 
width : 370px; 
padding-top : 30px; 
color : #96c; 
text-align : center; 
font-family : "Arial"; 
} 


 h5  { 
width : 400px; 
padding : 50px 0 0 200px; 
text-align : center; 
font-family : "Arial"; 
color : red; 
} 


 p  { 
width : 800px; 
margin-left : auto; 
margin-right : auto; 
font-family : "Arial"; 
font-size : 1em; 
padding : 0; 
} 

div.yhteystiedot  { 
background-image : url("kuvat/kehykset83.png"); 
background-repeat : no-repeat; 
width : 800px; 
margin-left : auto; 
margin-right : auto; 
text-align : center; 
color: #000;
font-family : "Arial"; 
font-size : 1,3em; 
padding-top : 45px; 
padding-bottom : 80px; 
} 




 p.yhteystiedot  { 
width : 400px; 
margin-left : auto; 
margin-right : auto; 
text-align : left; 
color: #000;
font-family : "Arial"; 
font-size : 1em; 
padding-top : 30px; 
} 


 .kielet  { 
width : 800px; 
padding-top : 0; 
margin-left : auto; 
margin-right : auto; 
font-family : "Arial"; 
font-size : 1em; 
} 


 .conte  { 
height : 800px; 
background-image : url("kuvat/bg_conte_2.png"); 
overflow : visible; 
background-repeat : repeat-x; 
} 




 .valikkotaso  { 
padding-top : 5px; 
text-align : center; 
height : 50px; 
background-image : url("kuvat/menu_bg.jpg"); 
overflow : visible; 
background-repeat : repeat-x; 
} 




 .kehys800  { 
width : 800px; 
margin-left : auto; 
margin-right : auto; 
padding : 75px 0 0 0; 
text-align : left; 
background-image : url("kuvat/kehykset800.jpg"); 
height : 400px; 
background-repeat : no-repeat; 
background-position : center; 
} 


 .kehys900  { 
width : 937px; 
margin-left : auto; 
margin-right : auto; 
text-align : left; 
background-image : url("kuvat/kehykset937.png"); 
height : 475px; 
background-repeat : no-repeat; 
} 



 .taulunalle  { 
width : 800px; 
margin-left : auto; 
margin-right : auto; 
} 


 .kukka1  { 
float : left; 
width : 350px; 
padding-top : 100px; 
padding-left : 75px; 
} 



 .kukka2  { 
float : left; 
width : 300px; 
padding-top : 60px; 
padding-left : 120px; 
} 


 .kukka3  { 
float : left; 
width : 350px; 
padding-top : 70px; 
padding-left : 100px; 
} 



 .teksti  { 
float : right; 
color : #ffffff; 
width : 360px; 
padding : 10px 25px 0 0; 
} 





 .teksti2  { 
width : 725px; 
} 


 

 ul  { 
width : 800px; 
margin-top : 10px; 
margin-left : auto; 
margin-right : auto; 
font-size : 17px; 
list-style-type : none; 
overflow : hidden; 
text-decoration : none; 
text-transform : uppercase; 
} 





 li  { 
margin-left : 25px; 
float : left; 
} 



 a:link, a:visited  { 
display : block; 

font-weight : bold; 
color : #336; 
font-family : "Arial"; 
text-align : center; 
padding : 4px; 
text-decoration : none; 
text-transform : uppercase; 
} 



 a:hover, a:active  { 
text-decoration : underline; 
font-style : italic; 
} 



 .ietusivu  { 
width : 750px; 
margin-left : auto; 
margin-right : auto; 
} 



 .etusivu  { 
width : 725px; 
padding-left : 20px; 
} 


 .kielipalkki  { 
width : 200px; 
} 

 ul.kielivalikko  { 
margin-top : -75px;
margin-left : 550px;  
width : 200px; 

} 


 .lippu  { 
color : #000; 

} 



 li.kielivalikko  { 
color : #000; 
width : 50px; 

}




 @media only screen and (min-device-width:320px) and (max-device-width:480px)  { 

 html  { 
background-color : #fff; 
background-image : none; 
background-repeat : repeat-x; 
color : #000; 
font-size : 2em; 
} 



 body  { 
height : 100%; 
margin-left : auto; 
margin-right : auto; 
background-color : white; 
background-image : none; 
} 


 .lippu  { 
width : 65px; 
} 


 ul.kielivalikko  { 
margin-top : 5px;
width : 250px; 
color : #000; 



} 

 li.kielivalikko  { 
color : #000; 
width : 100px; 

} 
 .head  { 

height : 90%; 
background-image : none; 
background-repeat : repeat-x; 
background-position : top; 
} 



 .logo  { 
width : 90%; 
margin-left : auto; 
margin-right : auto; 
margin-bottom : 30px; 
text-align : left; 
} 


 .valikkotaso  { 
margin-bottom : 425px; 
margin-top : 80px; 
background-image : none; 
width : 95%;
font-size : 2em;  
} 




 h1  { 
color : #000;
width : 99%; 
margin-top: 250px; 
font-size : 2em; 
} 



 h2  { 
color : #000; 
width : 99%; 
margin-top: 250px;
margin-bottom: 40px;
font-size : 1.5em; 
} 



 h5  { 
width : 95%; 
color : #000; 
} 



 p  { 
width : 99%; 
color : #000; 
font-size : 2em; 
} 

div.yhteystiedot  { 
background-image : none; 

width : 99%px; 
margin-left : auto; 
margin-right : auto; 
text-align : center; 
color: #000;
font-family : "Arial"; 
font-size : 1,3em; 
padding-top : 45px; 
padding-bottom : 80px; 
} 

 p.yhteystiedot{ 
width : 99%; 
color : #000; 
font-size : 2em; 
}   

 .kielet  { 
color : #000; 
width : 99%; 
font-size : 2em; 
} 



 .conte  { 
color : #000; 
width : 99%; 
background-image : none; 
} 


 .menu  { 
color : #000; 
width : 99%; 
font-size : 2em; 
} 



 .kehys800  { 
 color : #000;
width : 99%; 
background-image : none;  
} 



 .kehys900  { 
color : #000; 
width : 99%; 
background-image : none; 
} 



 .taulunalle  {
width : 100%; 
color : #000; 
} 


 .kukka  { 
visibility : hidden; 
} 
 .kukka1  { 
    display: none;
} 

 .kukka2  { 
    display: none;
} 

 .kukka3  { 
    display: none;
} 


 .teksti  { 
color : #000; 
width : 97%; 
} 





 ul  { 
color : #000; 
width : 100%; 
} 

 ul.valikko  { 
color : #000; 
width : 99%; 
font-size : 30px; 
} 


 li  { 
 color : #000; 
width : 99%; 
font-size : 2em; 
} 


 a:link, a:visited  { 
 color : #000; 
} 



 a:hover, a:active  { 
color : #000; 
} 


 form  { 
width : 95%; 
margin-top : 225px;
margin-left : auto; 
margin-right : auto; 
color : #000; 
font-family : "Arial"; 
font-size : 1.5em; 
} 

 input, textarea { 
width : 95%; 
margin-left : auto; 
margin-right : auto; 
color : #000; 
font-family : "Arial"; 
font-size : 1.5em; 
} 

 .etusivu  { 
color : #000; 
width : 99%; 
font-size : 1.3em; 
}

 }