body { margin:0; padding:0; background-color:#f6ee05; }
div#logo { position:absolute; top:15px; left:15px; z-index:100; }

div.navdiv {
font-size:16px;
background-color: #32312e;
position:relative;
top:40px;
left:365px;
width:50%;
background-image: url('../images/_navslide.png');
background-repeat: repeat-x;
background-color:#fff;
border: 2px solid #000;
line-height:32px;
/*padding-left:30px;*/
z-index:10;
font-family: "Arial Black", Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:16px;
width:86%;
left:50px;
box-shadow: 0px 4px 8px 0px #444;
}

ul.nav { padding-left:320px; }

.nav { list-style:none; margin-left:0; margin-bottom:0; padding-left:0; }
.nav a, .nav a:link, .nav a:active, .nav a:visited { color:#000; text-decoration:none; }
.nav a:hover { color: #000; text-decoration:underline; }
.nav a.act { color: #000; text-decoration:underline; }

.nav > li,
.nav > li > a {
display: inline-block;
*display: inline;
zoom: 1;
}

.inline-items { margin-top:0; }
.inline-items li { margin-left:0; padding-left:0px; padding-right:8px; float:left; }
.inline-items li a { margin-left:10px; }

div#container { border:2px solid #000; background-color:#fff; position:relative; left:50px; top:54px; padding-top:52px; width:86%; box-shadow: 0px 4px 8px 0px #444; }
div#content { padding:10px; font-family: Verdana, Arial, sans-serif; font-size: 0.875em; line-height: 1.225em; }

h1 {
font-size: 1.275em;
color: #3E4C60;
padding-bottom: 6px;
}

h2 {
font-size: 1.1em;
color: #3E4C60;
padding-top: 4px;
}

img.kuvitus_right {
float: right;
padding: 2px;
border: 2px solid #3E4C60;
margin: 6px 0px 10px 20px;
height: auto; 
width: auto; 
max-width: 100%; 
max-height: 100%;
}

a:link, a:active { color: #31517D; text-decoration: none; }

a:visited { color: #41618D; text-decoration: none; }

a:hover { color: #000; text-decoration: underline; }

div.boksi {
overflow: hidden;
background-color: #F1F0E8;
padding: 15px;
margin-bottom: 15px;
height: 100%;
}

div.boksi span.etusivukuva {
float: right;
text-align: center;
clear: both;
}

span.etusivukuva img {
padding: 2px;
border: 2px solid #3E4C60;
margin: 0px 0px 10px 20px;
height: auto; 
width: auto; 
max-width: 100%; 
max-height: 100%;
}

#content ul { line-height: 1.4em; padding-left:26px; }

div#yhteystiedot { font-size:85%; color:#444; border-top:1px solid #f36f21; padding-top:16px; padding-bottom:10px; height:160px; }

.clearfix:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

/* IE-mac \*/
* html .clearfix {height: 1%;}
/* End IE-mac */

@media (max-width:918px) {
div#container { padding-top:18px; }
}

@media print {
body { width:100%; margin:0; padding:0; background-color:#fff; }
div.navdiv { display:none; }
ul.nav { display:none; }
h1, h2 { color:#000; }
div#logo { display:none; }
div#container { width:100%; margin:0; padding:0; border:none; box-shadow:none; left:0px; top:0px; }
div#content { width:100%; margin:0; padding:0; }
div.boksi { background-color:#fff; }
a, a:link, a:active, a:visited, a:hover { color:#000; text-decoration:underline; }
div#yhteystiedot { border:none; }
div#yhteystiedot img { display:none; }
}