body { margin: 0; padding: 0; font-family: Comic Sans MS, Tahoma, Verdana, Arial, sans-serif; font-size: 12pt; background: #ffffff url("hzcbg.jpg");}

div { margin: 0; padding: 0; -moz-border-radius: 7px;}

#logo { position: relative; float: none; top: 5px; left: 195px; }

#logo img { opacity: .7; filter: alpha(opacity=70); -moz-opacity: 0.70; background: none;}

/*** valikko ***/

#menupalkki { border: 2px solid #eeaaaa; opacity: .7; filter:  alpha(opacity=70); -moz-opacity: 0.70; }

#menupalkki { position: absolute; left: 10px; top: 85px; width: 695px; padding-top: 0; padding-bottom: 0; }
#menupalkki p { width: 100%; margin-left: 15px; margin-right: 0; margin-top: 0; margin-bottom: 0; padding: 0; }
#menupalkki p a { text-decoration: none; color: black; margin: 5px; padding: 0; }
#menupalkki a:hover { color: red; }

/*** sisältökehikot ***/

#teksti, #toiminta { border: 2px solid #cccccc; background: #f0f0f0; opacity: .7; filter:  alpha(opacity=70); -moz-opacity: 0.70; }

#arkisto { border: 2px solid #cccccc; background: #a0a0a0; opacity: .7; filter alpha(opacity=70); -moz-opacity: 0.70; }

#kuva { border: 2px solid #cccccc; }

#teksti, #arkisto { position: absolute; top: 120px; left: 10px; width: 495px; height: 550px; padding-top: 15px; padding-bottom: 15px; overflow: auto; }
#teksti a:link, #toiminta a:link { color: black }
#teksti a:visited, #toiminta a:visited { color: black }
#teksti a:hover, #toiminta a:hover { color: red }

/*** otsikot ***/

#zen_otsikko, #toiminta_otsikko { opacity: .6; filter: alpha(opacity=60); -moz-opacity: 0.60; }
#zen_otsikko { position: absolute; top: 10px; left: 10px; width: 450px; text-align: left; font-size: 22pt; margin: 0; padding: 0; }
#toiminta_otsikko { position: absolute; top: 60px; left: 579px; width: 200px; text-align: right; font-size: 100%; margin: 0; padding: 0; }

/*** oikealla olevat sisältökehikot ***/

#toiminta, #kuva { width: 200px; margin: 0; font-size: 9pt; }
#toiminta p, #kuva p { margin-left: 5px; margin-right: 5px; padding: 0; }
#toiminta { position: absolute; top: 120px;  left: 520px; padding-top: 5px; padding-bottom: 5px; height: 390px; }
#kuva { position: absolute; top: 535px;  left: 520px; padding-top: 0px; padding-bottom: 0px; height: 165px; }


/*** general misc ***/

.center { text-align: center; }
.hover { color: red }
img { border: 0; margin: 0; padding: 0; background: white;}
p { align: justify; margin-right: 15px; margin-left: 20px; }
blockquote {  font-style: italic; }
li { margin-left: 0px; }
h1, h2, h3, h4, h5, h6 { margin-left: 15px; margin-right: 25px; }
h1 { font-size: 14pt; text-align: center; margin-bottom: 20px; }
h2 { font-size: 12pt; }
h3 { font-size: 11pt; }
h4 { font-size: 10pt; font-style: italic;}
form { margin-left: 15px; }
form p { margin-left: 0; }
}

/*** printti ***/

@media print {

body { margin: 0; padding: 0; font-size: smaller; font-family: Comic Sans MS, Tahoma, Verdana, Arial, sans-serif; }
#mainmenu, #logo { display: none; }
img { border: 0; margin: 0; padding: 0; }
p { align: justify; }