html, body
{
color:#333; 
background:#f0f8ff;
font:small "Trebuchet MS", Arial, Helvetica, sans-serif;
margin:0;
padding:0; 
}

body
{
padding:3em 0;
}

#kehys
{
width:90%;
max-width:55em;
color:inherit;
background:#fff;
margin:0 auto;
padding:1em 3%;
border:1px solid #b0c4de;
-moz-border-radius:20px;
-webkit-border-radius:20px;
}

#header
{
overflow:hidden;
height:64px;
padding:1.5em 0 1em;
border-bottom:1px solid #b0c4de;
}

h1
{
margin:0;
}

#logo
{
float:left;
border:none;
}

#haku
{
float:right;
position:relative;
height:64px;
}

#haku>div
{
position:absolute;
right:0;
bottom:0;
white-space:nowrap;
}

#haku>div>div
{
font:bold x-small Verdana, Arial, Helvetica, sans-serif;
padding-bottom:0.3ex;
}

input[type='text']:focus
{
color:inherit;
background:#f0f8ff;
}

a:link
{
color:#36648B;
background:transparent;
}

a:visited
{
color:#777;
background:transparent;
}

a:hover
{
color:#f87217;
background:transparent;
text-decoration:none;
}

a:active
{
color:#f00;
background:transparent;
}

#palstat
{
overflow:hidden;
padding:2em 0;
}

#kategoriat
{
float:left;
width:63%;
padding:1em 2% 1em 0;
border-right:1px solid #b0c4de;
}

#kategoriat a
{
text-decoration:none;
border-bottom:1px dotted;
font-weight:bold;
}

#kategoriat a:hover
{
border-bottom-color:transparent;
}

.linkki1
{
float:left;
clear:left;
min-height:82px;
width:48%;
padding:1%;
text-align:right;
}

.linkki1 img
{
float:right;
margin-left:10px;
border:1px solid #555;
}

.linkki2
{
float:left;
min-height:82px;
width:48%;
padding:1%;
}

.linkki2 img
{
float:left;
margin-right:10px;
border:1px solid #555;
}

#kunnat, #ajankohtaista
{
float:left;
width:30%;
padding:1em 0 1em 3%;
border-left:1px solid #b0c4de;
position:relative;
left:-1px;
}

#ajankohtaista
{
padding-top:0;
line-height:1.5em;
}

#ajankohtaista h2
{
border-top:1px solid #b0c4de;
padding-top:1em;
}

#ajankohtaista p
{
display:list-item;
list-style-image:url(/kuvat/nuoli.png);
margin:1em 0 0 1em;
}

#ajankohtaista ul
{
margin:0 0 0 1em;
padding:0;
list-style: disc inside;
}

#ajankohtaista p+ul
{
margin-top:0;
}

#ajankohtaista li
{
margin:0;
padding:0;
}

h2
{
font-size:120%;
font-weight:normal;
margin:0;
}

#kunnat ul
{
float:left;
width:49.5%;
margin:0.5em 0;
padding:0;
list-style:none;
}

#kunnat li
{
margin:0.4em 0;
}

#kunnat a
{
text-decoration:none;
border-bottom:1px dotted;
}

#kunnat a:hover
{
border-bottom-color:transparent;
}

#footer
{
clear:both;
padding:0.7em 0;
border-bottom:1px solid #b0c4de;
border-top:1px solid #b0c4de;
text-align:center;
color:inherit;
background:#f8f8ff;
}

#logot
{
padding:2em 0;
text-align:center;
}

#logot img
{
margin:0 10px;
vertical-align:top;
}

@media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0) {

#kehys
{
border:none;
background:url(/kuvat/etusivu-tausta.svg);
}

}