@charset "UTF-8";
/* CSS Document */

/* reset.css */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin:0;
	padding:0;
	border:0;
	font-size:100%;
	vertical-align:baseline;
}

body {line-height:1.5;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}


/* typography.css */
body {font-size: 95%; font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; color:#000;}
h1, h2, h3, h4, h5, h6 {font-weight:normal;color:#000;}
h1 {font-size:3em;margin-bottom:0.75em; color:#000;}
h2 {font-family: 'EB Garamond', "Times New Roman", Times, serif;  font-size:42px; margin-bottom:12px; color: #000;}
h3 {font-family: 'EB Garamond', "Times New Roman", Times, serif; font-size:1.9em;margin-bottom:6px; line-height:1.2; color:#f90;}
h4 {font-family: 'EB Garamond', "Times New Roman", Times, serif; font-size:1.4em;line-height:1.2;margin-bottom:1em;color:#000;}
h5 {font-size:1em;font-weight:bold;margin-bottom:1.5em;}
h6 {font-size:1em;font-weight:bold;}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;}

@media screen {
body {text-align: center; background-image:url(images/back.jpg); background-repeat: no-repeat; background-position: right top; background-attachment: fixed; border-top: 35px solid #f90;}
}

@media print {
body {text-align: center;}
}

hr {border: 1px solid #c00;}

a {color: #000;}

#container {margin: 0 auto; width: 800px; text-align: left;}

#top {margin-top: 15px; height: 150px; text-align:center;}


@media screen {
#navi {}
#navi ul {list-style: none; font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 13px;}
#navi ul li {display: inline; background: #c00; padding: 8px; margin-right: 25px; border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px;}
#navi ul li.vika {margin-right: 0;}
#navi ul li a {text-decoration: none;}
#navi ul li a:link, #navi ul li a:visited {color: #fff;}
#navi ul li a:hover {color: #000;}
}

@media print {
#navi {display: none;}
}

#box {}

#valko{
background: #fff; padding: 10px; 
border-top-left-radius: 1em;
border-top-right-radius: 1em;
-moz-border-radius-topleft: 1em;
-moz-border-radius-topright: 1em;
-webkit-border-top-right-radius: 1em;
-webkit-border-top-left-radius: 1em;
border: 2px solid #f90;}

@media screen {
#lounas {font-size: 90%;}
}

@media print {
#lounas {font-size: 70%; line-height: 100%;}
#lounas h3, #lounas h4 {color: #000;}
}

#yhteys {float: right; width: 300px;}

@media screen {
#nauha2 {background: #c00; width: 100%; height: 33px; margin-top: 20px;}
#nauha {width: 100%; height: 33px; margin-top: 20px;}

#nauha p {padding: 8px; color: #000; font-size: 85%;}
#nauha a {color: #000;}
#nauha2 p {padding: 8px; color: #fff;}
#nauha2 a {color: #fff;}

#slide {width: 800px; margin: 0 auto;}
ul#panel {list-style: none; margin:0; padding:0;}
ul#panel li {margin:0; padding:0;}
}

@media print {
#slide, #nauha, #nauha2 {display: none;}
}