@charset "windows-1252";
/* CSS Document */

* { margin: 0; padding: 0;}

body { height:100%; background-color:#575664; }
* html #container { height: 400px; }

h1 { padding-bottom: 1em; color: #999999; font-size:14px; text-decoration:none; }
h2 { padding-bottom: 1em; color:#666666; font-size:11px; text-decoration:none; }
h3 { color:#666666; font-size:11px; text-decoration:none; }

span.italic { font-style:italic; }

div#container {
	margin: auto;
	background-repeat:repeat-y;
	background-position:center;
	width:1009px;
	min-height:400px;
}

div#content a:link { color:#000099; text-decoration:none; }    /* unvisited link */
div#content a:visited { color:#000099; text-decoration:none; }  /* visited link */
div#content a:hover { color:#000099; }   /* mouse over link */
div#content a:active { color:#000099; text-decoration:none; }  /* selected link */
div#content p { padding-bottom:1em; }
div#content img { border:none; }

div#content {
background-image:url(../img/harmaa_flo.jpg);
float:left;
width:720px;
margin: auto;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#333333;
padding:10px 120px 50px 140px;
}


/* ETUSIVU */


div#content div.vasen_palsta img { margin-top:50px; }
div#content div.vasen_palsta {
float:left;
width:360px;
height:300px;
padding-top:20px;
padding-left:10px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#333333;
}
div#content div.oikea_palsta {
float:right;
width:280px;
margin-top:15px;
margin-right:40px;
}

/*  KELTAINEN BOKSI */

div#content div.oikea_palsta div.boksi_keltainen_container {    
width:280px;
background-image:url(../img/boksit/neula_keltainen_gradient.jpg);
background-repeat:repeat-y;
background-position:center;
margin-left:30px;
}
div#content div.oikea_palsta div.boksi_keltainen_container div.boksi_keltainen_content {   
padding:55px 25px 10px 25px;
width: 230px;
}
div#content div.oikea_palsta div.boksi_keltainen_yla { 
background-image:url(../img/boksit/neula_keltainen_yla_2.jpg);
background-repeat:no-repeat;
background-position:center top;
width:280px;
clear:both;
}
div#content div.oikea_palsta div.boksi_keltainen_ala { 
background-image:url(../img/boksit/neula_keltainen_ala.jpg);
background-repeat:no-repeat;
background-position:center top;
width:280px;
height:15px;
clear:both;
}

/* PUNAINEN BOKSI */

div#content div.oikea_palsta div.boksi_punainen_container {  
width:280px;
background-image:url(../img/boksit/neula_punainen_gradient.jpg);
background-repeat:repeat-y;
background-position:center;
margin-left:30px;
}
div#content div.oikea_palsta div.boksi_punainen_container div.boksi_punainen_content {
padding:55px 25px 10px 25px;
width: 230px;
}
div#content div.oikea_palsta div.boksi_punainen_yla { 
background-image:url(../img/boksit/neula_punainen_yla_2.jpg);
background-repeat:no-repeat;
background-position:center top;
width:280px;
clear:both;
}
div#content div.oikea_palsta div.boksi_punainen_ala { 
background-image:url(../img/boksit/neula_punainen_ala.jpg);
background-repeat:no-repeat;
background-position:center top;
width:280px;
height:15px;
clear:both;
}

/* TAPAHTUMAT */

div#content div#tapahtumat_vasen {
float: left;
width: 530px;
padding:20px 0px 75px 10px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#333333;
}

.activate { font-weight: bold; }
.deactivate { font-weight: normal; }
div#content div#tapahtumat_linkit a { float: left; margin-bottom: 40px; }
#tapahtumalista_linkki { margin-bottom:65px; }

#konsertit_linkki {}


div#content div#tapahtumat_linkit {
margin-top:50px;
float:right;
width:120px;
background-image:url(img/reuna.gif);
background-repeat:no-repeat;
background-position:left;
padding-left:40px;
}

div#content div#tapahtumat_vasen div#tilanvuokraus { display:none; }

div#content div#tapahtumat_vasen div#taidekasvatus { display:none; }
div#content div#tapahtumat_vasen div#taidekasvatus div.pieniKuva { margin: 0em 1em 1em 2em; }

div#content div#tapahtumat_vasen div#opastukset img{ float: left; margin:1em 0em 2em 1em; }
div#content div#tapahtumat_vasen div#opastukset { display:none; }

div#content div#tapahtumat_vasen div#konsertit img{ float: left; margin:1em 0em 2em 1em; }
div#content div#tapahtumat_vasen div#konsertit { display: none; width:530px; }


div#content div#tapahtumat_vasen div#tilaisuudet img{ float: left; margin:1em 0em 2em 1em; }
div#content div#tapahtumat_vasen div#tilaisuudet { display: none; }

div#content div#tapahtumat_vasen div#tyopajat { display:none; }

.kuva {   /* kuvatekstit */
font-family:Verdana, Arial, Helvetica, sans-serif; 
font-size:10px; 
text-align:left; 
padding:15px 25px; 
width:180px;  
}

.kuva img { vertical-align: top; }
.oikea { float:right; clear:right;}
.vasen { float:left; clear:left; }

/* Tapahtumalista */

div#content div#tapahtumat_vasen div#tapahtumalista div#tapahtumalista_container {margin-top:15px; border:thin solid #d7d7d7;}

div#content div#tapahtumat_vasen div#tapahtumalista div#tapahtumalista_container div.tumma { background-color:#f2f2f2; }
div#content div#tapahtumat_vasen div#tapahtumalista div#tapahtumalista_container div.vaalea { background-color:#FFFFFF; }


.kuvalinkki {
height:45px;

width:45px;
float:left;
clear:left;
margin-bottom:40px;
margin-right:10px;
cursor:hand;
/*background-color:#FFFFFF;*/
}


div#content div#tapahtumat_vasen div#tapahtumalista div#tapahtumalista_container div.lista_tyopajat {
background-image:url(../img/ikonit/tyopajat.jpg);
background-position:left;
background-repeat:no-repeat;
height:85px;
padding: 10px 10px 10px 10px;
background-position:5px 5px;
}

div#content div#tapahtumat_vasen div#tapahtumalista div#tapahtumalista_container div.lista_opastukset {
background-image:url(../img/ikonit/opastukset.jpg);
background-position:left;
background-repeat:no-repeat;
height:85px;
padding: 10px 10px 10px 10px;
background-position:5px 5px;
}

div#content div#tapahtumat_vasen div#tapahtumalista div#tapahtumalista_container div.lista_muut {
background-image:url(../img/ikonit/muut.jpg);
background-position:left;
background-repeat:no-repeat;
height:85px;
padding: 10px 10px 10px 10px;
background-position:5px 5px;
}

div#content div#tapahtumat_vasen div#tapahtumalista div#tapahtumalista_container div.lista_konsertit {
background-image:url(../img/ikonit/konsertit.jpg);
background-position:left;
background-repeat:no-repeat;
height:85px;
padding: 10px 10px 10px 10px;
background-position:5px 5px;
}





/*   NÄYTTELYT */

div#content div#palsta_taidemuseo {
background-image:url(../img/vanhoja/lonnmuseo_uus.jpg);
background-position:left top;
background-repeat:no-repeat;
padding:170px 10px 25px 10px;
float:left;
width:205px;
line-height:135%;
}
div#content div#palsta_pihastudio {
background-image:url(../img/vanhoja/pihatalo_uus.jpg);
background-position:left top;
background-repeat:no-repeat;
padding:170px 10px 25px 10px;
float:left;
width:205px;
margin-left:17px;
line-height:135%;
}
div#content div#palsta_kolmaskerros {
background-image:url(../img/vanhoja/teresia_uus.jpg);
background-position:left top;
background-repeat:no-repeat;
padding:170px 10px 25px 10px;
float:right;
width:205px;
line-height:135%;
}


/* HISTORIA */

div#content div.kuvat img { float: right; padding: 20px 10px 20px 10px;  }

div#content div#historiikki {
width:500px;
float:left;
padding:20px 0px 75px 10px;
}

/* TAITEILIJALLE */

div#content div#taiteilijalle_vasen img {
padding-bottom:15px;
}

div#content div#taiteilijalle_vasen {
width:45%;
float:left;
padding:20px 0px 75px 10px;
}

div#content div#taiteilijalle_oikea img { padding-bottom:15px; margin-left:-10px; }
div#content div#taiteilijalle_oikea {
width:45%;
float:right;
margin-top:50px;
padding-right:10px;
}


/* INFO */

div#content div#info_vasen { width:550px; float:left; }

div#content div#info_vasen div#aukioloajat_linkki { }
div#content div#info_vasen div#aukioloajat img { float:right; clear:right; margin:-50px 10px 70px 40px; }
div#content div#info_vasen div#aukioloajat { 
display:none; 
float:left; 
padding:25px 0px 50px 25px;
}

div#content div#info_vasen div#yhteystiedot img { float:right; margin:25px 0 50px 35px; }
div#content div#info_vasen div#yhteystiedot { 
display:none; 
float:left; 
padding:25px 0px 50px 25px;
}


div#content div#info_oikea a { float: left; clear:both; margin: 25px 10px 25px 0px; text-decoration:none; }
div#content div#info_oikea {
margin-top:25px;
float:right;
width:110px;
height:275px;
background-image:url(../img/reuna.gif);
background-repeat:no-repeat;
background-position:left;
padding-left:40px;
}

div#content div#info_vasen div.ajat {
margin-left:1em;
padding-bottom:1em;
margin-top:-1em;
}

div#content div#info_vasen div#hallitus img { clear:left; }
div#content div#info_vasen div#hallitus { 
display:none; 
float:left; 
padding:25px 0px 50px 25px; 
}

div#content div#info_vasen div#hallitus div.hallitus_kuvatekstit { width:480px; padding:10px 0px 15px 15px; }

.kuvatxt_vasen { float:left; clear:left; width:50% }
.kuvatxt_oikea { float:right; clear:right; width:50%; }
.kuvatxt_keski { width:100%; padding: 100px 0px 50px 0px; }
.sisennys { padding-left:1em; }


/* MUSEOKAUPPA & JULKAISUT */

div#content div#museokauppa_vasen img { margin:1em 0em 2em 2em; }
div#content div#museokauppa_vasen {
width:600px;
padding:20px 0px 75px 10px;
float:left;
}
/*div#content div#julkaisut_vasen img { margin:1em 0em 2em 2em; }*/

div#content div#julkaisut_vasen {
width:500px;
padding:20px 0px 75px 10px;
float:left;
}

div#content div.julkaisut_linkki { padding: 1em 0px 0px 2em; }

div#content div#julkaisut_oikea { float:right; margin-top:25px; width:200px; }
div#content div#julkaisut_oikea img { float:right; clear:right; margin: 50px 0px 0px 0px; }



/* TAPAHTUMA INFO */

div#content div#tapahtuma_container {
width:318px;
margin:25px 0 25px 20px;
background-image:url(../img/boksit/tapahtuma/bg_1px.jpg);
background-repeat:repeat-y;
background-position:center;
float:left;
}
div#content div#tapahtuma_container div#tapahtuma_content { 
width:268px;
padding:25px 25px 10px 25px;
background-image:url(../img/boksit/tapahtuma/bg_yla.jpg);
background-repeat:no-repeat;
background-position:center top;
float:left;
}
div#content div#tapahtuma_container div#tapahtuma_pohja {
width:318px;
background-image:url(../img/boksit/tapahtuma/bg_pohja.jpg);
background-repeat:no-repeat;
background-position:center bottom;
height:10px;
float:left;
}

div#content div#tapahtuma_container div#tapahtuma_content span.otsikko { font-weight: bold; color:#666666; font-size:14px; }
div#content div#tapahtuma_container div#tapahtuma_content span.paivamaara { font-weight:normal; color:#999999; font-size:10px; }

div#content div#tapahtuma_kuvat_container {
background-color:#f1f1f1;
width:280px;
margin:25px 25px 15px 0;
float:right;
padding:15px;
}

div#content div#tapahtuma_kuvat_container img {  }

/* FOOTER  */

div#footer {
margin:auto;
background-image:url(img/footer_harmaa_swe.gif);
background-repeat:no-repeat;
height:41px;
width:1009px;
clear:both;
}