/*8:41 26.2.2009*/

* {
margin:0px;
padding-top:0px;
padding-bottom:0px;
padding-left:0px;
padding-right:0px;
}

/*PERUS HTML-ELEMENTIT*/
html {
background:transparent url(http://www.helsinki.fi/fi/materiaalipankki/kuvat/taustat/bg_html.png) repeat-x;
background-color: #E0E0E0;
}

.otsikko	{
background: none;
border: 0;
font: normal 1.0em/1.4em Verdana, Tahoma, Arial, Georgia, sans-serif;
letter-spacing:0.1em;
background-color:#efefef;
font-weight:bold;
}

.alaotsikko	{
background: none;
border: 0;
font: normal 1.0em/1.4em Verdana, Tahoma, Arial, Georgia, sans-serif;
letter-spacing:0.1em;
font-weight:bold;
width: 220px;
}

textarea.cms_navi_ala	{
width: 165px;
font: normal 1.0em/1.2em Verdana, Tahoma, Arial, Georgia, sans-serif;
overflow: hidden;
background: none;
border: 0;
}

.cms_generic	{
font: normal 1.0em/1.2em Verdana, Tahoma, Arial, Georgia, sans-serif;
background: none;
border: 1px solid #dae7f6;
}
a.cms_generic {
border: 0px solid transparent;
}

body {
margin: 0;
padding: 0;
font: normal 0.8em/1.4em Verdana, Tahoma, Arial, Georgia, sans-serif;
color: #333333;
text-align: center;
}
h1 {
background:transparent url(../../imgs/kk/header_bg_short.png) repeat-y left top;
font: normal 1.0em/1.4em Verdana, Tahoma, Arial, Georgia, sans-serif;
letter-spacing:0.1em;
width:220px;
padding-left:20px;
background-color:#efefef;
margin-bottom:10px;
font-weight:bold;
}
h1.links {
background:transparent url(../../imgs/kk/header_bg_short.png) repeat-y left top;
font: normal 1.0em/1.4em Verdana, Tahoma, Arial, Georgia, sans-serif;
letter-spacing:0.1em;
width:120px;
padding-left:20px;
background-color:#efefef;
margin-bottom:10px;
font-weight:bold;
}
h1.longer {
background:transparent url(../../imgs/kk/header_bg_short.png) repeat-y left top;
font: normal 1.0em/1.4em Verdana, Tahoma, Arial, Georgia, sans-serif;
letter-spacing:0.1em;
width:320px;
padding-left:20px;
background-color:#efefef;
margin-bottom:10px;
font-weight:bold;
}

h2 {
font: normal 0.9em/1.2em Verdana, Tahoma, Arial, Georgia, sans-serif;
letter-spacing:0.1em;
margin-top:10px;
margin-bottom:10px;
margin-left:5px;
font-weight:bold;
}
h2.form {
font: normal 0.9em/1.2em Verdana, Tahoma, Arial, Georgia, sans-serif;
letter-spacing:0.1em;
margin-top:10px;
margin-bottom:5px;
margin-left:0px;
font-weight:bold;
}
h3 {
font: normal 0.85em/1.0em Verdana, Tahoma, Arial, Georgia, sans-serif;
letter-spacing:0.1em;
margin-bottom:5px;
margin-left:5px;
font-weight:bold;
}
img {
border:0px;
}
ul {
margin-left:20px;
margin-bottom:10px;
margin-top:5px;
list-style-position:outside;
}
ol {
margin-left:25px;
margin-bottom:10px;
list-style-position:outside;
}
td {
border:1px solid #CCCCCC;
}
p {
font: normal 1.0em/1.4em Verdana, Tahoma, Arial, Georgia, sans-serif;
letter-spacing:0.0em;
margin:10px 10px 10px 5px;
}
p.lead {
padding-top:10px;
font-style:italic;
}
p.imginfo {
margin-top: -2px;
font: italic 0.9em/1.1em Verdana, Tahoma, Arial, Georgia, sans-serif;
color:#999999;
letter-spacing:0em;
}
a, a:visited {
text-decoration: none;
color:#333333;
}
div #navigation_block a {
text-decoration: none;
color:#333333;
border-bottom: 0px dotted #000099;
}
div #left_column a {
color:#000099;
text-decoration: none;
/*margin-left:10px;*/
}
div #left_column a.link-local {
color:#000099;
text-decoration: none;
margin-left:5px;
}
div #left_column a.link-external {
color:#000099;
text-decoration: none;
margin-left:5px;
}
div #right_column a {
color:#000099;
text-decoration: none;
}
*.notice_member{
text-decoration: none;
color:#33FF33;
border-bottom: 0px;
}
div #left_column a:hover {
text-decoration: none;
color:#000099;
border-bottom: 1px dotted #000099;
}
div #right_column a:hover {
text-decoration: none;
color:#000099;
border-bottom: 1px dotted #000099;
}

select {
font: normal 1.0em/1.4em Verdana, Tahoma, Arial, Georgia, sans-serif;
letter-spacing:0.0em;
}
input{
font: normal 0.9em/1.4em Verdana, Tahoma, Arial, Georgia, sans-serif;
letter-spacing:0.0em;
}

/*OMAT DIV-ELEMENTIT*/
/*pääelementti, jonka sisällä on kaikki muu, keskittää */
#container {
position:relative;
margin: 0 auto;
padding-bottom:70px;
width: 900px;
border: none;
text-align: left;
}
/*harmaa palkki sivun ylälaidassa*/
#grey_block_top {
background-color:#CCCCCC;
position:absolute;
top:0px;
left:21px;
width:200px;
height:20px;
}
/*ylälaidan apulinkit*/
#language_links {
position:absolute;
top:0px;
left:230px;
}
#help_links {
position:absolute;
top:0px;
left:450px;
width:320px;
text-align:right;
}
/*harmaareunainen kehys, valkoisella pohjalla, pääsisält?&hibar;¿½ */
#main {
background:transparent url(http://www.helsinki.fi/fi/materiaalipankki/kuvat/taustat/style_b.png) no-repeat center top;
background-color:#FFFFFF;
position:relative;
top:20px;
left:0px;
width:770px;
border:1px solid #CCCCCC;
padding-bottom:0px;
/*overflow:auto; - ei k?ytet? google chromella on oma teoriansa kk:n sivun main-elementin n?kyvyydest?..(IL040908)*/
overflow:hidden;
}
/*navigaatiopalkki kokonaisuudessaan*/
#navigation_block {
position:relative;
margin-bottom: 75px;
top:0px;
left:20px;
width:200px;
}


/*navien kanavaelementtien yhteiset määrittelyt*/
#nav_bar1, #nav_bar2, #nav_bar3, #nav_bar4, #nav_bar5, #nav_bar6, #nav_bar7 {
position: relative;
top: 0px;
left: 0px;
width: 200px;
padding-bottom:10px;
}
/*tästä alkavat navin kanavaelementtien elemettikohtaiset määrittelyt*/
#nav_bar1 {
background:transparent url(http://www.helsinki.fi/fi/materiaalipankki/kuvat/taustat_navigaatio/nav1.png) no-repeat left 5px;
padding-bottom:20px;

}
#nav_bar2 {
background:transparent url(http://www.helsinki.fi/fi/materiaalipankki/kuvat/taustat_navigaatio/nav2.png) no-repeat left 5px;

}
#nav_bar3 {
background:transparent url(http://www.helsinki.fi/fi/materiaalipankki/kuvat/taustat_navigaatio/nav3.png) no-repeat left 5px;

}
#nav_bar4 {
background:transparent url(http://www.helsinki.fi/fi/materiaalipankki/kuvat/taustat_navigaatio/nav4.png) no-repeat left 5px;

}
#nav_bar5 {
background:transparent url(http://www.helsinki.fi/fi/materiaalipankki/kuvat/taustat_navigaatio/nav5.png) no-repeat left 5px;

}
#nav_bar6 {
background:transparent url(http://www.helsinki.fi/fi/materiaalipankki/kuvat/taustat_navigaatio/nav6.png) no-repeat left 5px;
}
#nav_bar7 {
background:transparent url(http://www.helsinki.fi/fi/materiaalipankki/kuvat/bulletit/nav7_grey.png) no-repeat left 5px;
}
#nav_contact {
background:transparent url(http://www.helsinki.fi/fi/materiaalipankki/kuvat/taustat_navigaatio/nav_contact_img.png) no-repeat left 5px;
margin-top:0px;
padding-bottom:10px;
margin-bottom:20px;
}

/*navissa oleva kanavan esittelyteksti, näkyy vain etusivulla*/
#nav_text {
position: relative;
left:30px;
width: 160px;
padding:10px 10px 10px 0px;
}
/*päivämääräelementti, näkyy vain etusivulla ja kanavien etusivuilla*/
#date {
position:absolute;
left:600px;
top:100px;
}
/*navin jälkeen vasen palsta, yksipalstaisilla sivuilla erikeen määritelty*/
#left_column {
position:relative;
top:120px;
float:right;
width:265px;
border-right:1px solid #CCCCCC;
padding-bottom:10px;
margin-bottom:120px;
margin-right:-1px;
overflow:hidden;
}
/*oikea palsta, ei näytetä yksipalstaisilla sivuilla*/
#right_column {
position:relative;
top:120px;
float:right;
width:265px;
border-left:1px solid #CCCCCC;
padding-bottom:10px;
margin-right:10px;
margin-bottom:120px;
overflow:hidden;
}
/*kalenterielementti*/
#calendar {
position:relative;
top:0px;
left:20px;
width:200px;
}
/*kalenterin piilottaminen etusivulta - alku*/
div #right_column #calendar {
background:transparent url(http://www.helsinki.fi/fi/materiaalipankki/kuvat/Kansalliskirjasto_etusivun_kuvapaikka/kansalliskirjastossa_tapahtuu.jpg) no-repeat;
height:177px;
width:265px;
left:5px;
overflow:visible;
top:-5px;
}
div #right_column #calendar select, div #right_column #calendar table, div #right_column #calendar div h3 {
display:none;
}
/*kalenterin piilottaminen etusivulta - loppu*/
div #calendar table td a:hover {
text-decoration: none;
color:#333333;
border-bottom: 1px dotted #000099;

}
/*kalenterielementin otsikko*/
#calendar div h3 {
font: normal 0.8em/1.0em Verdana, Tahoma, Arial, Georgia, sans-serif;
letter-spacing:0.1em;
margin-bottom:5px;
margin-left:0px;
font-weight:bold;
}
/*kuvituselementti sivun alalaidassa, näytetään vain etusivulla*/
#pic_block {
position:relative;
float:right;
width:530px;
height:100px;
margin-top:0px;
padding-top:5px;
overflow:hidden;
border-top:1px solid #CCCCCC;
clear:right;
padding-bottom:50px;
}
#pic_block img
{
margin: 0 auto;
display:block;
}
/*kuvitustekstielementti, vain etusivulla*/
#pic_text_block {
position:relative;
float:right;
width:540px;
padding-bottom:10px;
text-align:center;
font-style:italic;
color:#999999;
clear:right;
}
/*yliopiston sivuille vievät linkit, vain etusivulla*/
#HY_links {
position:relative;
float:right;
width:500px;
height:35px;
clear:right;
bottom:15px;
}
/*etusivun alalaidan yhteystiedot, vain etusivulla */
#contact1 {
float:left;
position:relative;
width:250px;
margin-top:25px;
margin-right:25px;
}
#contact2 {
float:left;
position:relative;
width:250px;
margin-top:25px;
margin-right:25px;
}
#contact3 {
float:left;
position:relative;
width:250px;
margin-top:25px;
margin-right:25px;
}
/*bannerit, näille vaan varataan paikat, koodi tulee ulkoa */
#banner1 {
background-image:url(http://www.helsinki.fi/fi/materiaalipankki/kuvat/taustat/hakubanneri.png);
position:absolute;
top:20px;
left:780px;
width:110px;
height:170px;
border-style:solid;
border-width:1px;
border-color:#CCCCCC;
}
#banner2 {
position:absolute;
left:780px;
top:290px;
}
#banner2 img  {
margin-top:-30px;
position:relative;
display:block;
}
#banner2 a {
position:relative;
display:block;
}

#sitemap_link {
position:absolute;
bottom:5px;
top:auto;
left:5px;
}
/*kirjaston logoelementti, vain etusivulla*/
#logo {
position:absolute;
top:480px;
left:780px;
}
/*LUOKKAM?&hibar;¿½?&hibar;¿½RITTELYT, jos ei kommentoitu vastaa yllä olevia samannimisiä elementtejä */
.language_links {
font: normal 0.8em/2.1em Verdana, Tahoma, Arial, Georgia, sans-serif;
letter-spacing:0.2em;
}
.help_links {
text-align:right;
font: normal 0.8em/1.8em Verdana, Tahoma, Arial, Georgia, sans-serif;
letter-spacing:0.15em;
}
.bigger_help {
font-size:1.2em;
text-decoration:none;
color:red;
}
.biggest_help {
font-size:1.5em;
text-decoration:none;
color:red;
}
/*navissa oleva otsikko/kanavan nimi*/
.nav_header {
text-indent:30px;
color:#333333;
font: normal 0.9em/1.8em Verdana, Tahoma, Arial, Georgia, sans-serif;
letter-spacing:0.01em;
border:0px;
}
.nav_text {
text-indent:0px;
font: normal 1.0em/1.4em Verdana, Tahoma, Arial, Georgia, sans-serif;
letter-spacing:0em;
}
/*valittuna oleva navin kohta */
.nav_selected {
text-indent:30px;
font: normal 0.9em/1.8em Verdana, Tahoma, Arial, Georgia, sans-serif;
letter-spacing:0.01em;
font-weight:bold;
}
/*valittuna oleva kanavien etusivutason alemmalla tasolla oleva navin kohta */
.nav_selected_sub {
text-indent:0px;
font: normal 0.9em/1.8em Verdana, Tahoma, Arial, Georgia, sans-serif;
/*letter-spacing:0.1em;*/
font-weight:bold;
}
/*navi_bullets määrittää asiakokonaisuus-listatyylin, navi_sublist määrittää alakohta-listatyylin*/
.navi_bullets1 {
list-style-image:url(http://www.helsinki.fi/fi/materiaalipankki/kuvat/taustat_navigaatio/bullet01.png);
margin-left:30px;
margin-top:0px;
margin-bottom:5px;
line-height:1.5em;
font-weight:normal;
}
.navi_sublist1 {
list-style-image:url(http://www.helsinki.fi/fi/materiaalipankki/kuvat/taustat_navigaatio/bullet01_2.png);
margin-left:10px;
margin-top:0px;
margin-bottom:0px;
line-height:1.3em;
font-weight:normal;
}
.navi_bullets2 {
list-style-image:url(http://www.helsinki.fi/fi/materiaalipankki/kuvat/taustat_navigaatio/bullet02.png);
margin-left:30px;
margin-top:0px;
margin-bottom:10px;
line-height:1.5em;
font-weight:normal;
}
.navi_sublist2 {
list-style-image:url(http://www.helsinki.fi/fi/materiaalipankki/kuvat/taustat_navigaatio/bullet02_2.png);
margin-left:10px;
margin-top:0px;
margin-bottom:0px;
line-height:1.3em;
font-weight:normal;
}
.navi_bullets3 {
list-style-image:url(http://www.helsinki.fi/fi/materiaalipankki/kuvat/taustat_navigaatio/bullet03.png);
margin-left:30px;
margin-top:0px;
margin-bottom:10px;
line-height:1.5em;
font-weight:normal;
}
.navi_sublist3 {
list-style-image:url(http://www.helsinki.fi/fi/materiaalipankki/kuvat/taustat_navigaatio/bullet03_2.png);
margin-left:10px;
margin-top:0px;
margin-bottom:0px;
line-height:1.3em;
font-weight:normal;
}
.navi_bullets4 {
list-style-image:url(http://www.helsinki.fi/fi/materiaalipankki/kuvat/taustat_navigaatio/bullet04.png);
margin-left:30px;
margin-top:0px;
margin-bottom:10px;
line-height:1.5em;
font-weight:normal;
}
.navi_sublist4 {
list-style-image:url(http://www.helsinki.fi/fi/materiaalipankki/kuvat/taustat_navigaatio/bullet04_2.png);
margin-left:10px;
margin-top:0px;
margin-bottom:0px;
line-height:1.3em;
font-weight:normal;
}
.navi_bullets5 {
list-style-image:url(http://www.helsinki.fi/fi/materiaalipankki/kuvat/taustat_navigaatio/bullet05.png);
margin-left:30px;
margin-top:0px;
margin-bottom:10px;
line-height:1.5em;
font-weight:normal;
}
.navi_sublist5 {
list-style-image:url(http://www.helsinki.fi/fi/materiaalipankki/kuvat/taustat_navigaatio/bullet05_2.png);
margin-left:10px;
margin-top:0px;
margin-bottom:0px;
line-height:1.3em;
font-weight:normal;
}
.navi_bullets6 {
list-style-image:url(http://www.helsinki.fi/fi/materiaalipankki/kuvat/taustat_navigaatio/bullet06.png);
margin-left:30px;
margin-top:0px;
margin-bottom:10px;
line-height:1.5em;
font-weight:normal;
}
.navi_sublist6 {
list-style-image:url(http://www.helsinki.fi/fi/materiaalipankki/kuvat/taustat_navigaatio/bullet06_2.png);
margin-left:10px;
margin-top:0px;
margin-bottom:0px;
line-height:1.3em;
font-weight:normal;
}
.navi_bullets7 {
list-style-image:url(http://www.helsinki.fi/fi/materiaalipankki/kuvat/bulletit/bullet_grey.png);
margin-left:30px;
margin-top:0px;
margin-bottom:10px;
line-height:1.5em;
font-weight:normal;
}
.navi_sublist7 {
list-style-image:url(http://www.helsinki.fi/fi/materiaalipankki/kuvat/bulletit/bullet07_2_grey.png);
margin-left:10px;
margin-top:0px;
margin-bottom:0px;
line-height:1.3em;
font-weight:normal;
}
.navi_sublist8 {
list-style-image:url(../../imgs/kk/bullet07_3.png);
margin-left:10px;
margin-top:0px;
margin-bottom:0px;
line-height:1.3em;
font-weight:normal;
}
.date {
text-indent:10px;
font: italic 0.9em/1.4em Verdana, Tahoma, Arial, Georgia, sans-serif;
color:#999999;
letter-spacing:0em;
}
/*uutiset ja ajankohtaiset otsikot varustettuna sinisellä nuolella */
.notice {
margin-right:10px;
text-indent:0px;
font: normal 1.0em/1.2em Verdana, Tahoma, Arial, Georgia, sans-serif;
letter-spacing:0em;
list-style-image:url(http://www.helsinki.fi/fi/materiaalipankki/kuvat/kk_muut/arrow.png);
list-style-position:outside;
}
/*tietoa julkaistusta datasta, tyypillisesti julkaisupvm */
.notice_info {
text-indent:0px;
font: italic 0.85em/1.2em Verdana, Tahoma, Arial, Georgia, sans-serif;
color:#999999;
letter-spacing:0em;
list-style-type:none;
margin-top:0px;
margin-left:0px;
}
/*oikean palstan vastaavat otsikot*/
.notice_right {
margin-left:20px;
margin-right:10px;
text-indent:0px;
font: normal 1.0em/1.2em Verdana, Tahoma, Arial, Georgia, sans-serif;
letter-spacing:0em;
list-style-image:url(http://www.helsinki.fi/fi/materiaalipankki/kuvat/kk_muut/arrow.png);
list-style-position:outside;
}
.contact {
text-indent:0px;
font: normal 0.9em/1.2em Verdana, Tahoma, Arial, Georgia, sans-serif;
color:#999999;
letter-spacing:0.2em;
}
/*kanavilla olevien oikeiden palstojen linkkilistojen tyyli*/
.linklist {
list-style-image:url(http://www.helsinki.fi/fi/materiaalipankki/kuvat/taustat_navigaatio/bullet_common.png);
list-style-position:outside;
}
/*alla olevat koskevat annereita */
.searchbanner {
font: normal 0.9em/1.2em Verdana, Tahoma, Arial, Georgia, sans-serif;
color:#000000;
letter-spacing:0em;
margin-top:49px;
margin-left:5px;
}
select.searchbanner {
font: normal 1.0em/1.2em Verdana, Tahoma, Arial, Georgia, sans-serif;
width:100px;
margin-top:3px;
margin-left:0px;
}
input.searchbanner {
font: normal 1.0em/1.2em Verdana, Tahoma, Arial, Georgia, sans-serif;
width:60px;
margin-top:3px;
margin-left:5px;
}
a.searchbanner {
font: normal 1.0em/1.2em Verdana, Tahoma, Arial, Georgia, sans-serif;
color:#000099;
width:100px;
margin-top:5px;
margin-left:0px;
}
input.button {
background: #FFFFFF url(http://www.helsinki.fi/fi/materiaalipankki/kuvat/kk_muut/arrow_grey.png) no-repeat center top;
font: normal 0.9em/1.2em Verdana, Tahoma, Arial, Georgia, sans-serif;
color:#999999;
letter-spacing:0em;
width:30px;
margin-top:0px;
margin-left:0px;
}
a.searchbanner {
font: normal 1.0em/1.2em Verdana, Tahoma, Arial, Georgia, sans-serif;
width:100px;
margin-top:0px;
margin-left:0px;
}
.site_search {
width:95px;
height:20px;
margin-top:0px;
margin-left:5px;
font: normal 0.85em/1.2em Verdana, Tahoma, Arial, Georgia, sans-serif;
}
.searchbanner a img
{
display:block;
left: 0;
margin: 0;
position:absolute;
top: 25px;
}
/* Liitetiedostolista */
.attachmentlist {
margin-right:10px;
text-indent:0px;
font: normal 1.0em/1.2em Verdana, Tahoma, Arial, Georgia, sans-serif;
letter-spacing:0em;
list-style-image:url(../../imgs/kk/liitekuva_beta.gif);
list-style-position:outside;
}

/* LOMAKEKOHTAISET M?&hibar;¿½?&hibar;¿½RITTELYT */
/*Virheviesti */
.error{
color:red;
font-weight:bold;
}
.textarea {
width:500px;
height:250px;
font: normal 1.0em/1.4em Verdana, Tahoma, Arial, Georgia, sans-serif;
letter-spacing:0.0em;
margin-bottom:10px;
}
.textareafeedback{
width:500px;
height:250px;
font: normal 1.0em/1.4em Verdana, Tahoma, Arial, Georgia, sans-serif;
letter-spacing:0.0em;
margin-bottom:10px;
}
.checkbox {
margin-right:5px;
}
.submit {
background-color:#efefef;
border:1px solid black;
font: normal 0.9em/1.2em Verdana, Tahoma, Arial, Georgia, sans-serif;
letter-spacing:0.1em;
margin:5px 10px 5px 0px;
float:left;
padding:1px 6px 1px 6px;
}
.fieldwidths {
width:400px;
font: normal 1.0em/1.4em Verdana, Tahoma, Arial, Georgia, sans-serif;
margin-bottom:10px;
}
.dropboxwidths {
width:150px;
}
.dropboxsmallwidths {
width:50px;
}
.formfloat {
position:relative;
float:left;
margin-right:40px;
display:block;
}
.formclear {
clear:left;
}

div #calendar .tblKalenteri {
width:220px; /*200*/
/*height:120px;*/
margin-top:15px;
padding:0px;
border-spacing:0px;
border:1px solid #dddddd;
text-align:center;
}
div #calendar .tblKalenteri th {
background-color:#ffffff;
font: 0.95em/1.2em Verdana, Tahoma, Arial, Georgia, sans-serif;
text-align:center;
color:#333333;
padding:0px;
border:1px solid #eeeeee;
}
div #calendar .tblKalenteri td {
border:1px solid #eeeeee;
font: 0.85em/1.2em Verdana, Tahoma, Arial, Georgia, sans-serif;
text-align:center;
}
div #calendar .tblKalenteri h2 {
font: 0.95em/1.2em Verdana, Tahoma, Arial, Georgia, sans-serif;
font-weight:bold;
text-align:center;
display:block;
padding:0px;
margin:0px auto;
}
div #calendar .tblKalenteri h2 a {
color:#333333;
font-weight:bold;
text-align:center;
text-decoration:none;
font: 0.95em/1.2em Verdana, Tahoma, Arial, Georgia, sans-serif;
}
div #calendar .tblKalenteri h2 a:hover {
color:#333333;
font-weight:bold;
text-align:center;
text-decoration:none;
font: 0.95em/1.2em Verdana, Tahoma, Arial, Georgia, sans-serif;
}
div #calendar .tblKalenteri td a {
color:#333333;
text-align:center;
text-decoration:none;
font: 0.85em/1.2em Verdana, Tahoma, Arial, Georgia, sans-serif;
}
div #calendar .tblKalenteri td a:visited {
color:#333333;
text-align:center;
text-decoration:none;
font: 0.85em/1.2em Verdana, Tahoma, Arial, Georgia, sans-serif;
}
div #calendar .tblKalenteri td a:hover {
color:#333333;
text-align:center;
text-decoration:none;
font: 0.85em/1.2em Verdana, Tahoma, Arial, Georgia, sans-serif;
}
div #calendar .tblKalenteri .date {
background-color:#eeeeee;
color:#333333;
text-decoration:none;
text-align:center;
text-indent:0px;
font: 0.85em/1.2em Verdana, Tahoma, Arial, Georgia, sans-serif;
}
div #calendar .tblKalenteri .date a {
color:#333333;
text-decoration:none;
text-align:center;
text-indent:0px;
font: 0.85em/1.2em Verdana, Tahoma, Arial, Georgia, sans-serif;
}
div #calendar .tblKalenteri .date a:visited {
color:#333333;
text-decoration:none;
text-align:center;
text-indent:0px;
font: 0.85em/1.2em Verdana, Tahoma, Arial, Georgia, sans-serif;
}
div #calendar .tblKalenteri .date a:hover {
color:#333333;
text-decoration:none;
text-align:center;
text-indent:0px;
font: 0.85em/1.2em Verdana, Tahoma, Arial, Georgia, sans-serif;
}

#PageUrl {display: none;}

.noborders
{
border: 0px solid transparent;
}
/*TEST*/
#elementlist {
position:fixed;
}
p.ingressi
{
font-style:italic;
}
/*Tyylimäärittely kelluvia kuvia ja kuvatekstiä varten */
div.float_pic + img {
float:left;
padding-right: 15px;
padding-bottom: 3px;
margin:0px;
}
div.float_pic + img + p
{
float:left;
padding:0px 0px 4px 0px;
margin:-4px 0px 0px 0px;
}
div.float_pic + img + p + div.float_pic, div.float_pic + img + p + a + div.float_pic
{
clear:both;
}
div.float_pic + img + p + p, h1, h2
{
clear:left;
}
div.float_pic + img + ul.attachmentlist, div.float_pic + img + ul.attachmentlist + ul.attachmentlist
{
position:relative;
left:20px;
}
/*virheviesti lomakkeissa*/
.errorNote {
color:red;
}

#etusivuKKLogo {
margin-left: 35px;
margin-bottom:12px;
}

#etusivuAlaLogo {
margin-left: 22px;
margin-bottom: 15px;
margin-top:10px;
width:160px;
}

/*uusi lomakepohja (k ytet  n ainakin julkaisualan uusissa lomakkeissa*/
.input {
display:block;
}

.radiobtn {
display:inline;
}

.floatfield {
display:inline;
}

.floatbutton {
float:left;
position:relative;
}

.button1 {
position:relative;
left:20px;
}

/*kuva randomisaatiota varten*/
#banner2x img, #banner2 img
{
cursor:pointer;
margin-top:0px;
}
#banner2x img
{
bottom:18px
}
/**/
form #container #banner1 .searchbanner
{
text-indent:-9000px;
white-space:nowrap;
}
form #container #banner1 .searchbanner div
{
text-indent:0px;
}
/* RSS-style 23.12.2009 */
li.rss a
{
display:block;
position:relative;
margin:0px;
width:38px;
height:22px;
background: transparent url("http://www.helsinki.fi/fi/materiaalipankki/kuvat/taustat_navigaatio/rss.png") no-repeat scroll 0px 0px;
color:transparent;
bottom:1px;
right:20px;
float:right;
}
li.rss
{
display:block;
list-style-type:none;
}
.rsstext
{
display:none;
}
/*hakutulossivun url-harmaaksi*/
#left_column ul.notice li p a {
color:#999999;
text-decoration:none;
font-size:0.9em;
}


/* uudet tyylit etusivulle 11-2011 */

.main_image_links {
float: right;
margin-right: 0px;
overflow: hidden;
padding-bottom: 10px;
position: relative;
top: 136px;
width: 540px;
}

.main_image_links a {
float:left;
display:block;
width:126px;
height:26px;
margin-right:9px;
padding:0;
background:#eee;
}

.main_image_links a.image_link_second {
margin-right:8px;
}

.main_image_links a img {
border:0;
margin:0;
padding:0;
}

.fadein {
float: right;
margin-right: 10px;
overflow: hidden;
position: relative;
top: 154px;
width: 530px;
height:206px;
background:#eee;
}

div #right_column #calendar {
background:none;
height:auto;
}

#right_column,
#left_column {
top:184px;
border:none;
margin-right:10px;
margin-bottom:180px;
width:255px;
}

#right_column {
margin-right:20px;
}

#right_column ul {
margin-left:0;
}

#pic_block {
margin-top: 2px;
width:540px;
}

#navigation_block {
margin-bottom:0;
}

#etusivuAlaLogo {
margin-top: 65px;
}