@import "galleria.css";

body {
background-color: #567727;
margin: 0px 0px 0px 16px;
padding: 0px;
min-width: 750px;
font: Arial, Helvetica, sans-serif;
}

#banner, #content {
background-color: #e8e7a6;
}

#container {
background-color: #91be59;
max-width: 1010px;
}

#menubar {
padding: 220px 0px 50px 0px;
background-image: url(/images/domain_logo.png);
background-repeat: no-repeat;
width: 210px;
background-color: #91be59;
height: 100%;
float: left;
}

#menubar ul {
padding: 0px;
margin: 0px;
color: #1a551a;
list-style-type: none;
}

#menubar ul li {
text-align: right;
padding: 10px 54px 10px 25px;
}

#menubar ul li a {
color: #1a551a;
font-family: "Georgia";
font-size: 15px;
font-weight: bold;
font-style: italic;
text-decoration: none;
}

#menubar ul li a:hover {
text-decoration: underline;
}

#menubar>ul:after {
content: url(/images/spacer.png);
}

#banner { 
position: relative;
background-color: #e8e7a6;
height: 164px;
background-image: url(/images/banneri_main.png);
background-repeat: no-repeat;
}

#banner .teksti {
text-align: right;
vertical-align: top;
font-family: "Georgia";
font-size: 15px;
font-style: italic;
font-weight: bold;
padding: 15px 10px 0px 0px;
margin: 0px 15px 0px 315px;
color: #1a551a;
}

#banner .otsikko {
position: absolute;
top: 85px;
left: 300px;
text-align: left;
vertical-align: bottom;
color: #1a551a;
font-size: 30pt;
font-family: Georgia;
font-style: italic;
font-weight: lighter;
}

#content {
margin-left: 210px;
max-width: 800px;
}

#text {
padding: 60px 15px 30px 50px;
border-right-color: #567727;
border-right-style: solid;
border-right-width: 15px;
}

.esite {
background-color: white;
border: solid #567727;
border-bottom-width: 3px;
border-left-width: 4px;
border-right-style: none;
border-top-width: 5px;
position: relative;
left: 15px;
padding: 21px 10px 13px 36px;
margin: 10px 0px 32px 0px;
}

.esite .teksti {
vertical-align: top;
padding-left: 7px;
}

.esite .toimenpiteet {
padding-top: 20px;
}

.kortti {
background-color: #f9f891;
border: 5px solid #4c641e;
margin: 10px 15px 10px 15px;
display: inline-block;
float: left;
}

.kortti th {
padding: 10px 26px 33px 26px;
}

.kortti th img {
border: 4px solid #4c641e;
}

#footer {
clear: both;
}

#menubar ul li:hover ul, #menubar ul li.over ul {
display: inline;
z-index: 100;
}

#menubar ul ul {
display: none;
position: absolute;
left: auto;
top: auto;
margin-left: 15px;
/* Droppis loppuu */
border: 4px solid #567727;
padding: 0px;
}

#menubar ul ul li {
background-color: #91be59;
width: 170px;
text-align: left;
padding: 1px 3px 1px 3px;
}

#menubar ul ul li a {
text-decoration: none;
font-weight: normal;
font-style: normal;
}

.tiedote {
background-color: white;
margin: 0px 45px 20px 0px;
border: 4px solid #567727;
}

.tiedote h1 {
text-align: center;
}

.tiedote .tiedote_teksti {
padding: 0px 10px 5px 10px;
border-bottom: 1px dashed black;
}

.tiedote .tiedote_kirjoittaja, .tiedote .tiedote_aika {
text-align: right;
}

#text a {
color: darkgreen;
font-weight: bold;
}

.palsta {
float:	left;
width:	45%;
padding: 0px 10px 0px 20px;
}

/*** Opetukset ***/
#opetukset dt {
font-size: 1.5em;
}

#opetukset dd {
margin-bottom: 10px;
}