/*Page Blocks*/
html, body{text-align: center; background-color: white; margin:0px; padding:0px;}
div#pagehead{}
.menu1{height: 15px; line-height: 15px;}
.menu2{height: 15px;  line-height: 15px; text-align: left;}
.menubox{margin: 0 auto; text-align: left; width: 794px; left: 0px; display: block; position:relative; }
div#cumbtrail{}
div#container{margin: 0 auto; width: 794px; text-align: left;}
#text{position: relative; left: 135px; float:left; width: 137px;display: inline; padding: 0;}
#photogallery{position: relative; width: 125px; float: right; 
margin-right: -135px; display: inline;}
#photogallery img{border: 0px; border-top: 3px solid white;}

div#content-etusivu{margin:0px; margin-left:272px;position:relative; text-align: left; min-height: 405px; padding:0px; padding-bottom: 20px;}
div#content-main{position:relative;  width: 524px;display: block; margin-left:125px; text-align: left; min-height: 405px; padding: 10px 10px; border-right: 125px solid white; padding-bottom: 20px; }
/* for Internet Explorer */
/*\*/
* html #content-etusivu {height: 405px;}
* html #content-main {height: 405px; width: 544px; display:inline-block;  padding-right: 0px;}
* html #photogallery{width: 125px; margin-left: 10px;}
/**/
div#footer{clear: both; height: 50px;}
/*Blocks end*/

/*Colors*/
#container{background-color: white; color: black;}
#content{background-color: white; }
#pagehead, #footer{background-color: #e7c78a;}

a, a:visited {color: blue;}
/*Menu 1*/

#menu1_std, #menu1_lapsi, #menu1_piper, #menu1_museo, #menu1_ohjelmaa,#menu1_seura{text-align: left;background-color: #eeeeee;}


#menu1_std a:hover, a.menubg_std{background-color: #FF6633;  }
#menu1_lapsi a:hover, a.menubg_lapsi{background-color: #FF6633; }
#menu1_museo a:hover, a.menubg_museo {background-color: #FF6633; min-height:17px;}
#menu1_piper a:hover, a.menubg_piper{background-color: #FF6633; }
#menu1_ohjelmaa a:hover, a.menubg_ohjelmaa{background-color: #FF6633;;}
#menu1_seura a:hover, a.menubg_seura{background-color: #FF6633;}
/*Menu 1 end*/

/*Menu 2*/

a#co_bl{color: black;}

#menubg_std{background-color: #FF6633; }
#menubg_lapsi{background-color: #FF6633; }
#menubg_museo{background-color: #FF6633; }
#menubg_piper{background-color: #FF6633; }
#menubg_ohjelmaa{background-color: #FF6633;}
#menubg_seura{background-color: #FF6633;}

#menubg_std a:hover{color:black}
#menubg_lapsi a:hover{color:black}
#menubg_museo a:hover{color:black}
#menubg_piper a:hover{color:black}
#menubg_ohjelmaa a:hover{color:black}
#menubg_seura a:hover{color:black}

.lang{position: relative; width: 100px; float:right; }
.lang img, .lang a{border: 0; vertical-align:middle;}
.lang img{margin-left: 10px;}

.menu_flags{position: relative; width:70px; float:right; margin-right: -5px; }
.menu_flags img, .menu_flags a{border: 0; vertical-align:middle;}
.menu_flags img{margin-left: 2px;}

/*Menu 2 end*/

.content{margin:0; padding:0;}

/*Pagehead*/
#pagehead img{margin:0px; padding:0px;}

/*Fonts*/
body{font: 13px arial; }

h1 {font: normal 20px Verdana; margin-top: 5px; color: #336699;}
h2 {font: bold 12px verdana; margin-top: 5px;}

#menu1_std a,#menu1_lapsi a, #menu1_piper a, #menu1_museo a, #menu1_ohjelmaa a,#menu1_seura a{font: 12px verdana;color: black; text-decoration: none;padding: 2px 5px; z-index: -10;}

.menu2 a{font: 12px verdana; color: white; text-decoration:none; padding: 0 5px; z-index: -10; }

.foto_ohj h2{margin-bottom: 3px; padding-bottom: 0;}
.foto_ohj p{margin-top:0; margin-bottom: 15px;}
.floatleft {font: italic 9px arial}
.floatleft a{font: 12px arial; color:black;}
/*Fonts end*/

/*frontpage pics*/
#content-etusivu table{}
#content-etusivu img{border: 0px; padding:0; margin:0;}
#content-etusivu table td{padding:0px;}
/*startpage pics end*/
.clear{clear: both; margin:0;}
.foto_ohj{padding: 10px; border: 1px solid black; margin-top:10px; margin-right: 10px;}
.floatleft{float: left; margin-right: 5px; margin-bottom: 5px;}

#tdfix{width: 136px; height: 136px;}

.lapsille{background: #fff url(/uploads/jk/eu/jkeuTm4uWvEBGYiA8UhiWA/img10.jpg) no-repeat; width: 136px; height: 136px;}
.lapsille:hover{background: #fff url(/uploads/5b/-R/5b-RCI5ciKbdSqxtfKsVOw/img10o.jpg)} 
.lapsille a{ width: 136px; height: 136px; font: 9px arial; color: black; text-decoration:none; line-height: 150%;}

.ryhmille{background: #fff url(/uploads/i1/g4/i1g4bNGpUv3heF7Ti8dt7A/img9.jpg) no-repeat; width: 136px; height: 136px; }
.ryhmille:hover {background: #fff url(/uploads/Qn/61/Qn61QtDd2E7rpOyrCa3MOQ/img9o.jpg)} 
.ryhmille a{ width: 136px; height: 136px; font: 10px arial; color: black; text-decoration:none; line-height: 150%;}
/*frontpage pics end*/

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.thumbnail{
position: relative;
z-index: 50;
}
.thumbnail p{margin: 3px 0 2px 5px; width: 300px;}
}
.thumbnail:hover{
background-color: transparent;
z-index: 50;
}


.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: white;
padding: 4px;
border: 1px solid black;
visibility: hidden;
right: 135px;
top: -135px;
color: black;
text-decoration: none;
font: italic 9px arial;
}
* html .thumbnail span{width: 300px; min-width: 300px; z-index: 50;}

.thumbnail span img{ /*CSS for enlarged image*/
border: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
z-index: 50;
/*position where enlarged image should offset horizontally */
}
* html .thumbnail:hover span{top:0px; z-index: 50;}