html,body,table { font-family: georgia, calibri, verdana, sans-serif; font-size:12px; }

img { padding:0; margin:0; }
body { padding:0; margin:0px; overflow-y:scroll; text-align:center; }
div#container { width:720px; margin-left:auto; margin-right:auto; }
div#menu { background-color:#494847; color:#FFF; height:30px; text-transform:uppercase; }
div#menu ul { list-style-type:none; margin:0; padding:0;  }
div#menu ul li { list-style-type:none; float:left; padding-left:20px; font-size:14px; margin-top:8px;}
div#menu a:link, div#menu a:visited { color:#FFF; text-decoration:none; }
div#menu a:hover { color:#f39b40; }
div.col1 { width:50%; float:left; text-align:justify; }
div.col1 .content { padding-left:0%; padding-right:5%; }
div.col2 { width:50%; float:left; text-align:left;}
div.col2 h4 { padding:0; margin:0; font-size:130%; background-color:#494847; color:#FFF; padding:4px;  }
div.col2 .content { padding-left:5%; margin-left:4px; padding-right:0%;  }
div.col2 h4 { padding:0; margin:0; margin-left:-4px; font-size:130%; background-color:#494847; color:#FFF; padding:4px; margin-bottom: 5px; }
div.col2 h4:before { content: '\00bb\00a0'; }
div.col2 ul { margin:0; padding:0; margin-left:20px; margin-top:1px;  }
div.col1 ul { margin:0; padding:0; margin-left:20px; margin-top:1px;  }
div.col2 ul li { list-style-type:square; list-style-image: url("http://www.nuortaeijateta.fi/img/bulletpoint.jpg"); margin-bottom:5px; }


div#footer { border-top:1px solid black; text-align:center; margin-top:10px; font-size:80%; padding-bottom:100px; }
div#footer ul { list-style-type:none; margin:0; padding:0;  }
div#footer ul li { list-style-type:none; float:left; padding-left:30px; }
p.email { text-align:left; }
small { font-size:90%; }
div.col { width:100%; }
div.col .content { width:100%; text-align:left; }
div.col1 .content table { border: 1px solid #494847; }
div.col1 .content table td { border: 1px solid #494847; text-align:left; }
div.col1 .content table tr.header { background-color:#494847; color:#FFF; }

div.hideuseless h4 { display:none; }
div.hideuseless ul { list-style-type:none; margin:0px; padding:0px;}
div.hideuseless ul li { list-style-type:none; margin:0px; padding:0px;}

a:link, a:visited { color:#eb5f44; }
a:hover { color:#f39b40; }
form {
background-image: url('tausta.gif');
background-repeat: no-repeat;
background-position: top right;
}

form.kerroitsesta{ background-image:none;}
form.kerroitsesta table.info { border:0px; }
form.kerroitsesta table.info td { border:0px; }
form.kerroitsesta input { padding:2px; }
form.kerroitsesta checkbox { width:15px; height:15px;}
form.kerroitsesta tr.error input { background-color:orange; border:1px solid red; }
form.kerroitsesta textarea.error { background-color:orange; border:1px solid red; }
form.kerroitsesta select.error { background-color:orange; border:1px solid red; }
div.error { border:1px solid orange; background-color:white;padding:5px; font-size:110%; font-weight:bold; }
div.message { font-weight:bold; font-size:110%;}
input
{
background: #d3d3d3;
}
textarea {
background: #d3d3d3;
}
div.col1 h1 {
padding:0; margin:0;
text-align: left;

}
div.col1 {
min-height:200px;


}
div.col2{
min-height:200px;

}
div.col1 h5{
   font-size: 25px;
        margin: 0px;
        margin-bottom: 5px;
   }

div#content { margin-top:20px; }