/* p e r u s a s e t u k s e t */
body { background:url(img/bg.png) 50% 0 repeat-x; color:#000; text-align:center; font:normal 90% Verdana, Arial, Helvetica, Geneva, sans-serif; margin:0;}
img { border:0;}
/* h1, h2 tausta background:#ffd305 #8698a3; */
h1 { color:#ff7400; font-weight:bold; font-size: 1.2em; margin:0; padding-top: 6px;}
h2 { color:#ff7400; font-weight:bold; font-size:1em; margin:0; padding-top:4px; border-bottom:#ff7400 1px solid; }
h3 { color:#ff7400; padding-bottom:2px; border-bottom:#ccc 1px solid; font-size: 1em; font-weight: bold; letter-spacing:.2em; clear:both;}
a:link, a:visited, a:active { background-color:inherit; text-decoration: none; color:#ff7400;}
a:hover { background-color:inherit; text-decoration: underline; color:#ccc;}
form ul { list-style:none; margin-left:75px; padding:1px;}
strong {  text-decoration: none; color:#ffd305; font-weight:normal;}
.button { text-align:center; padding:10px 0;}
.spacer { height:2px; clear:both;}

/* y l ä t u n n i s t e */

/*#header 
{ width:930px; height:255px; margin:auto; background:url(img/headernew.png) 0 50% no-repeat;} */

#head1
{ width:930px; height:49px; margin:auto; background:url(img/head1.png) 0 50% no-repeat;}

#head5 input
{ margin:14px 0 0 25px; padding-left:5px; text-align: left; float:left;  border: 1px solid #ff0000; }

/* #head5 #etsi
{ margin-left:40px; padding-left:80px; text-align: left; float:left;  } */

#head2
{ width:930px; height:50px; margin:auto; background:url(img/head2.png) 0 50% no-repeat;}
#head3
{ width:930px; height:50px; margin:auto; background:url(img/head3.png) 0 50% no-repeat;}
#head4
{ width:930px; height:50px; margin:auto; background:url(img/head4.png) 0 50% no-repeat;}
#head5
{ width:930px; height:60px; margin:auto; background:url(img/head5.png) 0 50% no-repeat;}

/* Sisältö ja menuasetukset */
#main
{ width:930px; margin:auto; clear: both; background:url(img/taulutaus.png) 50% 0 repeat-y #fff; }

* html body #main
{ width:930px;}

#content 
{ padding-top:12px; float:left; width: 44%; font-size:.85em; text-align:left;}

#content p
{ line-height:1.15em; word-spacing:.2em; text-align:left;}

#content ul 
{ list-style:none; margin-left:30px; padding:1px; text-align:left;}

#content ul li
{ padding-left:6px; padding-right:6px; background: #ffd305; color:#000; text-align:left;}

#content ol
{ margin-left:22px; text-align:left;}

#content #img
{ margin:25px 25px 15px 15px; float:right; width:140px; text-align:center; font-size:.9em;}	

#content a:link, #content a:visited, #content a:active { background-color:inherit; text-decoration: underline; color:#ff7400;}
#content a:hover { background-color:inherit; text-decoration: underline; color:#ccc;}

* html body #content ol
{ margin-left:60px; text-align:left;}

/*valikon asetukset*/

#valikko 
{ float:left; margin:0 35px 0 16px; width:198px; text-align:left;}

#valikko h1
{ background:url(img/menu.png) 50% 0 no-repeat #8698a3; color:#fff; font-weight:600; font-size:1.0em; line-height:21px; margin-top:4px; margin:0; padding-left:10px; text-align:left;}

#valikko h2
{ background:#8698a3; color:#fff; font-weight:600; font-size:1.1em; line-height:10px; margin:0; padding-left:10px; text-align:left;}

#valikko ul 
{ margin:0; padding:0; text-align:left;}

#valikko li 
{ border-bottom:1px solid #cdc; display:block; border-top:0px solid #fff; list-style: none; text-align:left;}

#valikko li a, #valikko li a:link, #valikko li a:visited 
{ background:#5b707c; color: #ccc; display:block; padding:4px 2px 4px 10px; text-decoration: none; font-size:.85em; text-align:left;}

#valikko li .active
{ background:#ff7400; color: #000; display:block; text-align:left;}

#valikko li a:hover
{ background:#ffd305; color: #000; display:block; text-align:left;}

#valikko .off, #valikko .off a
{ background:#ffd305; color: #666; padding:0 2px; text-align:center; line-height:2.0em; font-size:8pt;}

/* oikea palsta */
#right 
{ float:right; margin:0 14px 0 0; width:198px; text-align:right;}

#right h1
{ background:url(img/tiedote.png) 50% 0 no-repeat #8698a3; color:#fff; font-weight:600; font-size:1.0em; line-height:20px; margin-top:4px; margin:0; padding-right:10px; text-align:right;}

#right h2
{ background:url(img/tiedote.png) 50% 0 no-repeat #8698a3; color:#fff; font-weight:600; font-size:1.0em; line-height:20px; margin:0; padding-right:10px; text-align:right;}

#right p
{ background: #8f9fab; color:#000; font-weight:400; font-size:0.75em; margin:0; padding-right:10px; text-align:right;}

#right a, #right a:link, #right a:visited 
{ background:#8f9fab; color: #fff; padding:0 0 0 0; text-decoration: none; font-size:1.1em; text-align:left;}

#right a:hover
{ background:#8f9fab; color: #ccc; text-align:right;}

#right .off, #right .off a
{ background:#8f9fab; color: #666; padding:0 2px; text-align:center; line-height:1.6em; font-size:10pt;}


/* Lisäasetukset mm. referenssit */
.gallery
{ width:430px; margin:10px 0 10px 15px; text-align:left;}

.thumb .img
{ display: inline; border:1px solid #777; width:120px; height:90px;}

.kuvaus
{ width:250px; margin:2px; margin-top: 16px; padding-bottom: 6px; float:right; text-align:justify; font-size:.9em; word-spacing:.4em; }

.oikpal
{ width:300px; margin:2px; margin-top:0; padding-bottom: 6px; float:right; text-align:justify; font-size:.9em; word-spacing:-.25em; }

.pkuva
{ width:120px; margin:0 10px 10px 0; float:left; text-align:center; font-size:.9em;}	

.noreq_inputbox { border: 1px solid #999999; background-color: #EDEDED; margin-bottom: 0px; margin-left: 0px; color: #333333; }

.req_inputbox { border: 1px solid #999999; background: transparent url(./img/back.gif); background-color: #EDEDED; margin-bottom: 0px; margin-left: 0px; color: #333333; }

/* tuntikalenteri */

.ohjaaja
{ width:120px; margin:0; float:right; text-align:justify; font-size:.9em; word-spacing:.1em; }

.tunti
{ width:220px; margin:0; float:left; text-align:left; font-size:.9em;}	

.aika
{ width:80px; margin:0; float:left; text-align:left; font-size:.9em;}	

/* ie fix */
* html body .kuvaus
{ margin:5px 8px 0 0;}

/* Alatunniste asetukset*/
#footer 
{ width:930px; height:30px; background:url(img/alataus2.png) 50% 0 no-repeat #8698a3; color:#333; font-size:.75em; 
  margin:0 auto; padding-top:8px; text-align:center; clear:both;}

* #footer 
{ width:930px; height:30px; background:url(img/alataus2.png) 50% 0 no-repeat #8698a3; color:#333; font-size:.75em; 
  margin:0 auto; padding-top:8px; text-align:center; clear:both;}

/*#footer h1
 { background:url(img/alataulutaus2.png) 50% 0 repeat-y #fff; color:#333; width:931px; margin:0 0 0 0; padding-top:0; padding-bottom: 1px; font-size: 1.2em; line-height:12px; text-align:center; float:left;}*/
 
#footer a:link,#footer a:visited,#footer a:active
{ background:#dfdfdf; text-decoration: none; color:#333;}

#footer a:hover
{ background:#dfdfdf; text-decoration: none; color:#ccc;}

/* sivunloppu */

#alareuna
{ width:930px; height:12px; background:url(img/alareuna.png) 50% 0 no-repeat #8698a3; color:#333; font-size:.75em; 
  margin:0 auto; padding-top:0; text-align:center; clear:both;}

* #alareuna
{ width:930px; height:12px; background:url(img/alareuna.png) 50% 0 no-repeat #8698a3; color:#333; font-size:.75em; 
  margin:0 auto; padding-top:0; text-align:center; clear:both;}

/* g a l l e r i a  a s e t u k s e t */

#thumbBox{ /*Outermost DIV for thumbnail viewer*/
position: absolute; 
left: 0;
top: 0;
width: auto;
padding: 10px;
padding-bottom: 0;
background: white;
visibility: hidden;
z-index: 10;
/* cursor: hand; */
cursor: pointer;
border: 1px solid #3F3F3F;
}

#thumbBox .footerbar{ /*Footer DIV of thumbbox that contains "close" link */
font: bold 12px arial;
letter-spacing: 2px;
line-height: 1.2em;
color: #3F3F3F;
padding: 2px 0px 4px;
text-align: center;
}

#thumbBox #thumbImage{ /*DIV within thumbbox that holds the enlarged image */
}

#thumbLoading{ /*DIV for showing "loading" status while thumbbox is being generated*/
position: absolute;
visibility: hidden;
border: 1px solid black;
background-color: #EFEFEF;
padding: 5px;
z-index: 5;
}

.kuvatekstissa {
position: relative; 
width: 200px;
/* height: 120px;*/
margin: 4px;
}


.kuvat {
position: relative; 
width: 120px;
height: 120px;
margin: 4px;
}