/* default margins, borders and paddings*/
body {margin: 0; padding: 0; overflow-y: scroll}
#content {margin: 0 auto 10px auto; padding-bottom: 20px}
#ylaviite img {border: none}
h1, h2, h3 {margin: 0 0 0.35em 0}
p, pre {margin: 0 0 1em 0}
#ylaviite, #alaviite, #toiminnankuvaus, .titlearea {padding: 20px 60px 20px 35px}
#ylaviite {padding-bottom: 0px}
#logoalue {margin: 18px 35px 0 0}
#toiminnankuvaus {padding-bottom: 40px}
#alaviite {overflow: auto; clear: both; margin: 0 20px 20px 20px}
#map_canvas {margin-top: 15px}
.contact>p.extra, .contact>pre.extra {margin-top: 10px}

/* Background colors and images */
#alaviite {height: 200px}
#kuva-alue {height: 290px; text-align: center; overflow: hidden}
body.bg, body.bg0 {background-color: #b5a989}
body.bg1 {background-color: #dadada}

/* text settings */
body, pre {font-family: calibri, sans-serif; font-size: 14px}
p, pre {white-space: pre-wrap}
a {text-decoration: none}
a:hover {text-decoration: underline}
h1, h2 {font-weight: normal}
h1 {font-size: 36px; font-family:  'Montserrat', sans-serif;}
h2 {font-size: 24px}
.contact h2 {font-size: 20px; font-style: italic; margin: 0 0 2px 0}
h3 {font-size: 14px}
.contact p, .contact pre {margin: 0; padding-left: 2px}
.slogan {font-style: italic; color: #fff; font-size: 24px; text-align: center}

/* content block layouts */
#content {width: 1000px; overflow: hidden}
.column {float: left; margin-right: 35px}
.singlecolumn {float: left; margin-right: 65px; margin-bottom: 15px}
.columncontainer {margin: 25px 0 0 65px; overflow: auto; clear: left}
.slogan {margin: 0; background-color: #999; padding: 5px;}
.columncontainer img {float: left; margin: 0 20px 0 0}
.editor-field {margin: 0 0 10px 0}
#contacttable td {padding: 0 5px 5px 0}
#contacttable input {margin-right: 5px}
textarea {height: 75px; width: 200px}
input[type="text"] {width: 200px}
.titlearea {width: 370px; overflow: hidden; float: left; min-height: 60px}
.titlearea_notitle {width: 370px; overflow: hidden; float: left; min-height: 60px; text-indent:-9999px;display:none;visibility:hidden;}

#ylaviite {overflow: auto;}
    #otsikko {float: left; white-space: nowrap}
    #logoalue {width: auto; float: left}
    #navigaatio {width: auto; clear: both; margin: 0 0 10px 32px; overflow: auto; padding-top: 10px}

#alaviite * {display: none}

#toiminnankuvaus {overflow: auto}
    #toiminnankuvaus img {float: right; margin: 0 0 10px 20px}

#kuva-alue {clear:both}
/*#logoalue {float: right}*/

/* navigation style */
#navigaatio ul {list-style-type: none; margin: 0 0 0 0; padding: 0}
#navigaatio ul li {text-align: center; display:block; float: left; border-width: 0 0 0 1px; border-style: solid; height: 30px; }
#navigaatio ul li:first-child {border: none}
#navigaatio ul li a:hover {color: #fff;}
#navigaatio ul li a {display: inline-block; padding: 0 12px 1px 13px; margin: 5px 5px 0 5px}
#navigaatio a:hover {text-decoration: none}
#navigaatio ul li.selected a { font-weight: bold; }

table#frontpagecontacttable, td#frontpagecontacttd {width: 100%}

.column.contact.map {
    margin-top: 33px;
}
#ylaviite.yhteydenotto h1 {
    color: #fff;
}

/* background for imagecontainer, if no main image set */
.imagecontainer {
    margin-left: 0;
    text-align: center;
}
.imagecontainer .singlecolumn {
    margin: 0;
    float: none;
    display: inline-block;
}

a img { border: none }

#ylaviite {padding: 20px 60px 20px 0px; }
#otsikko {margin-left: 40px;}

.fullwidth{overflow:hidden}
.nomargin{margin:0px}