@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-weight:inherit;font-style:inherit;font-size:100%;font-family: Arial, Helvetica, sans-serif; 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: 85%; font-family: Helvetica, Arial, sans-serif; letter-spacing: 0.044em;}
h1, h2, h3, h4, h5, h6 {font-weight:normal;color:#fff;}
h1 {font-size:3em;line-height:1;margin-bottom:0.5em;}
h2 {font-size:2em;margin-bottom:0.75em;}
h3 {font-size:1.5em;line-height:1;margin-bottom:1em;}
h4 {font-size:1.2em;line-height:1.25;margin-bottom:1.25em;}
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;}
p {margin:0 0 1.5em; color:#fff;}

a {color: #fff;}

/*site */

@media screen {
body {
	background-color: rgb(22,92,163);
	background-image:url(images/tausta_pilvet.jpg);
	background-position: top center;
	background-attachment:fixed;
	background-repeat:no-repeat;
}

#container {width: 800px; margin: 0 auto;}

#top{
	background-color: rgb(170,202,92); 
	width:150px; height:150px; 
	background-image:url(images/top_corner.gif); 
	background-position: bottom center; 
	background-repeat:no-repeat;
}

#top img {position: relative; top: 15px; left: 15px;}

#tasa {height: 12px;}

#navi {font-size: 14px; color: rgb(170,202,92); width: 150px; float: left;}
#navi ul {list-style: none; margin-left: 30px;}
#navi ul li a {color: rgb(170,202,92); text-decoration:none;}
#navi ul li a:hover {color:#fff;}

#navi img {margin-top: 12px;}

#content {margin-left: 180px;}

#right {float:right; width: 180px; margin: 10px; border: 1px dotted #fff; padding: 10px; text-align: right;}
.printlogo {display: none;}
hr {border: 1px dotted #fff; }

.cushycms {color: #fff;}

.row {color:#fff;}

/* fix for mozilla's center-position-changes-when-scrollbar-appears behaviour */
html {
	overflow:-moz-scrollbars-vertical;
}


#footer {clear: both; margin-top: 12px;}

}


@media print {
#top {display: none;}
#navi {display: none;}
#footer {display: none;}
#right {display: none;}
#lounas p {font-size: 11px; line-height: 120%; margin-bottom: 0.5em;}
#lounas h3 {font-size: 13px; margin-top:30px; font-weight: bold;}
.printlogo {float: right;}
hr {display: none;}
}