html {
    text-rendering: optimizeLegibility !important;
    -webkit-font-smoothing: antialiased !important;
}

body {
    background-color: #fff;
    font: normal 12px/16px 'Lato', sans-serif;
    color: #333;
    margin: 0;
    padding: 0;
}

a#logo-link {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 290px;
    height: 65px;
}

.type1 a#logo-link {
    top: 26px;
    left: 246px;
}

.type2 a#logo-link {
    top: 66px;
    left: 510px;
}

.type3 a#logo-link {
    top: 86px;
    left: 666px;
}

.type4 a#logo-link {
    top: 26px;
    left: 330px;
}

.type5 a#logo-link {
    top: 86px;
    left: 666px;
}

.type6 a#logo-link {
    top: 86px;
    left: 317px;
}

a {
    color: #000;
}

a:hover {
    color: #937;
}

a.rss {
    display: block;
    float: left;
    text-decoration: none;
    margin: 0;
    padding: 7px 0 7px 30px;
    width: 180px;
    color: #000;
    font-weight: bold;
    border-bottom: 1px #e6e6e6 solid;
    background: #fff url(../images/rss_icon.gif) no-repeat 0 4px;
}

a.rss:hover {
    color: #937;
}

body.type4 a.rss:hover {
    color: #690;
}

body.type4 a:hover {
    color: #690;
}

a.selected {
    color: #000;
}

h1 {
    font: normal 20px/22px 'Lato', sans-serif;
    margin: 0 0 5px 0;
    padding: 0;
    color: #937;
}

body.type4 h1 {
    color: #690;
}

h2 {
    font: normal 17px/17px 'Lato', sans-serif;
    color: #333;
    margin: 10px 0 6px 0;
    padding: 0;
}

#contentleft h2 {
    color: #888;
    padding: 20px 0 0 25px;
    margin: 0;
}

h3 {
    display: block;
    font: normal 10px/15px 'Lato', sans-serif;
    color: #777;
    margin: 10px 0 6px 0;
    padding: 0;
    letter-spacing: 0.5px;
    text-transform: uppercase;
}

h3 b {
    color: #937;
    font-weight: bold;
}

h3 i {
    color: #559900;
    font-weight: bold;
}

.strong {
    font-weight: bold;
}

.mini {
    font: normal 11px/13px 'Lato', sans-serif;
    color: #666;
    margin-top: 0;
}

p {
    padding: 10px 0 6px 0;
    margin: 0;
    line-height: 18px;
}

#contentleft p {
    font: normal 11px/15px 'Lato', sans-serif;
    color: #777;
    margin-left: 25px;
}

#contentright p {
    font: normal 11px/15px 'Lato', sans-serif;
    width: 175px;
}

#contentright p.performancesTitle {
    font-size: 13px;
    font-weight: bold;
    padding-top: 40px;
    padding-bottom: 10px;
}

#sidenote {
    width: 210px;
}

#sidenote h1 {
    font: normal 17px/19px 'Lato', sans-serif;
    padding: 10px 0 0 0;
    margin: 0;
}

#sidenote h2 {
    font: normal 14px/17px 'Lato', sans-serif;
    padding: 10px 0 0 0;
    margin: 0;
}

#sidenote p {
    font: normal 11px/15px 'Lato', sans-serif;
    padding: 10px 0 0 0;
    margin: 0;
    color: #666;
}

dl,
.previewdl {
    position: relative;
    display: block;
    float: left;
    width: 450px;
    margin: 0;
    padding: 0 0 10px 0;
    vertical-align: top;
    clear: both;
}

dt,
.previewdt {
    width: 140px;
    float: left;
    margin: 0 0;
    padding: 4px 0 2px 0;
    border: 0;
    vertical-align: top;
    line-height: 14px;
    text-align: right;
}

dt,
.previewdt {
    clear: both;
}

dd,
.previewdd {
    width: 300px;
    float: left;
    margin: 0;
    padding: 4px 0 2px 10px;
    border: 0;
    vertical-align: top;
}

img {
    border: 0;
}

#contentmiddle ul li {
    list-style: disc url(../images/bullet.gif);
}

a.linklist {
    text-decoration: none;
    margin: 0;
    padding: 0 20px 0 12px;
    background: url(../images/arrow.gif) no-repeat -18px -2px;
    font: normal 'Lato', Helvetica, sans-serif;
}

#contentright a {
    text-decoration: none;
    display: block;
    margin: 0;
    padding: 8px 0 8px 0;
    background: none;
    width: 210px;
    font: bold 12px/15px 'Lato', sans-serif;
    border-bottom: 1px #e6e6e6 solid;
    font-size: 14px;
}

#contentright a b {
    color: #937;
}

body.type4 #contentright a:hover {
    color: #690;
}

body.type4 #contentright a b {
    color: #690;
}

#contentright b {
    font-size: 14px;
}

hr {
    border: 0;
    background-color: #e6e6e6;
    height: 1px;
}

body {
    margin: 0;
    padding: 0;
}

#content h1, h2, h3, h4, h5 {
    font-family: 'Lato', sans-serif;
    font-weight: bold;
}

#content p, div, span, a, table.queryresults tbody tr td {
    font-family: 'Lato', sans-serif;
    line-height: 20px;
    font-size: 13px;
}

#wrap {
    display: inline-block;
    width: 100%;
    margin: 0;
    padding: 0;
}
#header {
    position: relative;
    float: left;
    display: block;
    clear: both;
    top: 0;
    left: 0px;
    width: 100%;
    overflow: hidden;
    border-left: 0px;
    margin: 0;
    padding: 0;
    clear: both;
    height: 225px;
}

#contentwrap {
    position: relative;
    display: block;
    float: left;
    margin: 0;
    padding: 50px 0 150px;
    width: 998px;
    clear: both;
    overflow: hidden;
}

#contentwrap2 {
    position: relative;
    display: block;
    float: left;
}

#contentwrap.extrawide {
    width: 1030px;
}

#left {
    display: block;
    position: relative;
    float: left;
    margin: 0;
    padding: 0;
    min-width: 220px;
    min-height: 10px;
}

body.type5 #left {
    border-top: 1px #ccc solid;
}

#contentleft {
    width: 180px;
    clear: both;
}

#contentmiddle {
    display: block;
    position: relative;
    width: 330px;
    float: left;
    margin: 0;
    padding: 15px 30px 0 0;
}

#text {
    width: 330px;
}

#textwide {
    width: 465px;
}

#textextra {
    width: 510px;
}

#video {
    padding: 0;
    margin: 0;
    width: 480px;
    display: block;
    background: #000;
    color: #fff;
    position: relative;
}

#video p {
    color: #fff;
}

#video p a {
    color: #fff !important;
    text-decoration: underline;
}

body.type5 #contentmiddle {
    border-top: 1px #ccc solid;
}

.wide #contentmiddle {
    width: 465px;
}

.extrawide #contentmiddle {
    width: 510px;
}

.statistics #contentmiddle {
    width: auto;
}

.statistics #contentmiddle h1,
.statistics #contentmiddle p {
    max-width: 330px;
}

.statistics #contentmiddle tbody tr[height="9"] td {
    white-space: nowrap;
}

.statistics #contentmiddle thead td {
    padding: 0 2px;
}

.statistics #contentwrap {
    width: 1148px;
}

#contentright {
    display: block;
    width: 230px;
    overflow: hidden;
    padding: 0;
    margin: 0;
    float: left;
}

body.type5 #contentright {
    border-top: 1px #ccc solid;
}

#contentright img {
    border: 0;
    border-bottom: 1px #e6e6e6 solid;
}

body.type5 #contentright img {
    border-bottom: 1px #ccc solid;
}

#kuvat.contentview {
    margin: 0;
    padding: 10px;
}

.videoPreview {
    width: 160px;
    margin-top: 42px;
    display: block;
}

.videoPreviewPlayButton {
    position: absolute;
    top: 90px;
    left: 65px;
}

.seevideo,
.videoPreviewPlayButton,
.videoPreview,
.videoDiv {
    cursor: pointer;
}

.playTriangle {
    display: inline-block;
    margin: 2px 0 -2px 9px;
}

.videoDiv {
    text-align: center;
    margin-top: 5px;
}

.seevideo {
    color: #000 !important;
}

.mainmenu {
    display: block;
    float: left;
    margin: 0;
    padding: 160px 0 0 0;
}

.mainmenu ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.mainmenu li {
    list-style: none;
    position: relative;
    padding: 0 0 0 22px;
}

.mainmenu li a {
    margin: 0;
    padding: 0 0 0 0;
    font: bold 12px/16px 'Lato', sans-serif;
    text-decoration: none;
    text-transform: uppercase;
    color: #937;
}

.mainmenu li a:hover,
.mainmenu li.selected a,
#mainmenu3 li a:hover,
#mainmenu3 li.selected a {
    color: #000;
}

#mainmenu1 {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 160px;
}

#mainmenu2 {
    position: absolute;
    left: 160px;
    bottom: 0;
    width: 220px;
}

#mainmenu3 {
    position: absolute;
    left: 400px;
    bottom: 0;
    width: 220px;
}

#mainmenu3 li a {
    color: #690;
}

#submenuwrap {
    width: 900px;
    height: 150px;
    position: absolute;
    top: 0;
    left: 0;
}

#submenu {
    bottom: 0;
    display: block;
    margin: 0;
    padding: 0;
}

#submenu {
    list-style: none;
    margin: 0;
    padding: 0 0 3px 0;
}

#submenu li {
    list-style: none;
    position: relative;
    margin: 0;
    padding: 0;
    padding: 0 15px 0 12px;
}

#submenu li a {
    margin: 0;
    padding: 0 0 0 0;
    font: normal 12px/14px 'Lato', sans-serif;
    text-decoration: none;
    line-height: 14px;
    text-transform: none;
    color: #937;
}

#submenu li a:hover,
#submenu li.selected a {
    color: #000;
}

#submenu li.selected {
    background: url(../images/submenu_selected.gif) no-repeat -13px 2px;
}

body.type3 #submenu,
body.type5 #submenu {
    left: 160px;
}

body.type4 #submenu {
    left: 380px;
}

body.type4 #submenu li a {
    color: #690;
}

body.type4 #submenu li a:hover,
body.type4 #submenu li.selected a {
    color: #000;
}

.sidenavi {
    display: block;
    padding: 0;
    margin: 10px 0 0 0;
    float: left;
    border-left: 1px #e6e6e6 solid;
}

#contentright H2 {
    padding: 20px 0 0 0px;
    margin: 0;
}

.sidenavi ul {
    list-style: none;
    list-style-type: none;
    font: normal 12px/14px 'Lato', sans-serif;
    padding: 0 0 0 0;
    margin: 0;
}

.sidenavi ul li {
    list-style: none;
    list-style-type: none;
    display: block;
    margin: 0;
    padding: 1px;
    padding-left: 0;
}

.sidenavi ul li a {
    display: block;
    text-decoration: none;
    margin: 0;
    padding: 1px 20px 10px 30px;
    background: url(../images/arrow.gif) no-repeat 0 0;
    color: #000;
}

.sidenavi ul li a:hover {
    color: #937;
    text-decoration: none;
}

.sidenavi ul li.selected a {
    background: url(../images/arrow.gif) no-repeat 0 -180px;
    color: #937;
    font-weight: bold;
}

#sub2menu {
    width: 220px;
}

.sidenavi ul ul {
    padding-left: 12px;
}

#opasnavi {
    display: block;
    width: 240px;
    padding: 0;
    margin: 10px 0 0 0;
    border-left: 1px #e6e6e6 solid;
}

body.type5 #opasnavi {
    border-left: 1px #ccc solid;
}

#left h2 {
    padding: 20px 0 0 25px;
    margin: 0;
}

#opasnavi ul {
    list-style: none;
    list-style-type: none;
    font: normal 13px/10px 'Lato', sans-serif;
    padding: 0 0 0 0;
    margin: 0;
}

#opasnavi ul li {
    list-style: none;
    list-style-type: none;
    display: block;
    margin: 0;
    padding: 1px;
}

#opasnavi ul li a {
    display: block;
    text-decoration: none;
    margin: 0;
    padding: 10px 20px 10px 30px;
    color: #000;
    font-weight: bold;
}

#opasnavi ul li a b,
#opasnavi ul li a strong {
    color: #937;
}

#opasnavi ul li a:hover {
    color: #937;
    text-decoration: none;
}

#opasnavi ul li.selected a {
    background: url(../images/arrow.gif) no-repeat 0 -174px;
    color: #937;
}

#opasnavi ul li ul {
    list-style: none;
    list-style-type: none;
    font: normal 11px/11px 'Lato', sans-serif;
    padding: 0 0 0 0;
    margin: 0;
}

#opasnavi ul li ul li {
    list-style: none;
    list-style-type: none;
    display: block;
    margin: 0;
    padding: 1px;
}

#opasnavi ul li ul li a,
#opasnavi ul li.selected ul li a {
    display: block;
    text-decoration: none;
    margin: 0;
    padding: 1px 20px 8px 50px;
    background: url(../images/arrow.gif) no-repeat 13px 0;
    color: #000;
    font-weight: normal;
}

#opasnavi ul li ul li a:hover {
    color: #937;
    text-decoration: none;
}

#opasnavi ul li ul li.selected a {
    background: url(../images/arrow.gif) no-repeat 0 -182px;
    color: #937;
    font-weight: bold;
}

#videonavi {
    display: block;
    width: 260px;
    padding: 0;
    margin: 10px 0 0 0;
    border-left: 1px #e6e6e6 solid;
}

#videonavi ul {
    list-style: none;
    list-style-type: none;
    font: bold 13px/15px 'Lato', sans-serif;
    padding: 0 0 0 0;
    margin: 0;
}

#videonavi ul li {
    list-style: none;
    list-style-type: none;
    display: block;
    margin: 0;
    padding: 1px;
}

#videonavi ul li a {
    display: block;
    text-decoration: none;
    margin: 0;
    padding: 10px 10px 10px 45px;
    color: #000;
    background: url(../images/arrow.gif) no-repeat 15px -261px;
}

#videonavi ul li a b,
#videonavi ul li a strong {
    color: #937;
}

#videonavi ul li a:hover {
    color: #937;
    text-decoration: none;
}

#videonavi ul li.selected a {
    background: url(../images/arrow.gif) no-repeat -5px -352px;
    color: #937;
}

#videonavi .videobold {
    display: block;
}

#videonavi .videonormal {
    display: block;
    font: normal 12px/15px 'Lato', sans-serif;
}

#firstpagecontent a {
    text-decoration: none;
}

#firstpagecontent h1 {
    color: #333;
    font-size: 17px;
    line-height: 19px;
    margin-bottom: 0;
}

#firstpagecontent p {
    margin-top: 0;
}

#firstpagecontent h3 {
    margin-bottom: 3px;
    margin-top: 20px;
    color: #937;
    font-weight: bold;
}

#firstpagecontent a:hover {
    color: #937;
}

#firstpagecontent a:hover h1 {
    color: #937;
}

#firstpagecontent b {
    color: #937;
}

#firstpagecontent a.green h3 {
    color: #559900;
}

#firstpagecontent a.green:hover {
    color: #690;
}

#firstpagecontent a.green:hover h1 {
    color: #690;
}

#firstpagecontent a.green b {
    color: #559900;
}

#news {
    display: block;
    width: 206px;
    height: 346px;
    padding: 10px 0 40px 14px;
    margin: 0 0 0 0;
    background: url(../images/newsbg.gif) no-repeat 0 bottom;
}

#news dl {
    display: block;
    width: 190px;
    clear: both;
    padding: 5px 0 18px 10px;
    margin: 0 0 0 0;
    background: url(../images/arrow.gif) no-repeat 0 bottom;
}

#news dt {
    width: 37px;
    float: left;
    padding: 0;
    margin: 0;
    padding: 0 0 10px 0;
    text-align: left;
    font-weight: bold;
    display: block;
    float: left;
}

#news dd {
    display: block;
    float: left;
    width: 150px;
    margin: 0 0 0 0;
    padding: 0;
}

#news a {
    text-decoration: none;
}

#searchresults {
    display: block;
    position: relative;
    width: 510px;
    float: left;
    margin: 0;
    padding: 0;
}

#searchresults dl {
    display: block;
    clear: both;
    border-top: 1px #e6e6e6 solid;
    margin: 0 0 0 10px;
    padding: 0;
    width: 500px;
}

#searchresults dt {
    width: 170px;
    padding: 0;
    float: left;
    margin: 0;
    padding: 10px 0 10px 0;
}

#searchresults dd {
    width: 320px;
    margin: 0;
    padding: 0 0 0 10px;
}

#searchresults h1 {
    font-size: 17px;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
}

#searchresults h3 {
    display: block;
    font: normal 12px/12px 'Lato', sans-serif;
    color: #777;
    margin: 0 0 0 0;
    padding: 10px 0 0 0;
    letter-spacing: 0.5px;
    text-transform: uppercase;
}

#searchresults a.linklist {
    font: bold 11px/15px 'Lato', sans-serif;
    display: block;
    padding: 0 0 0 10px;
}

#searchresults hr {
    margin-bottom: 0;
    clear: both;
    margin-left: 10px;
}

#resultcount {
    clear: left;
    padding-top: 12px;
}

.resultcount {
    display: block;
    float: left;
    color: #777;
    margin: 0;
    padding: 5px 0 10px 0px;
}

.resultnumbers {
    display: block;
    float: right;
    font-weight: bold;
    margin: 0;
    padding: 0 0 15px;
}

.resultnumbers a {
    color: #937;
}

.resultnumbers a:hover {
    color: #000;
}

#footer {
    clear: both;
    width: 1000px;
    height: 200px;
    margin: 0;
    padding: 0;
}

#footertxt {
    float: right;
    text-align: right;
}

#footertxt p {
    font: normal 11px/13px 'Lato', sans-serif;
    color: #333;
    margin: 13px 200px 40px 0;
    padding: 0;
    line-height: 13px;
}

#footertxt p b {
    color: #000 !important;
    line-height: 15px;
}

#footertxt p a {
    color: #333 !important;
    text-decoration: none;
}

table td {
    font: normal 12px/16px 'Lato', sans-serif;
}

table.no_border {
    border: 0;
    border-collapse: collapse;
}

table.no_border td {
    border: 1px solid #fff;
    vertical-align: top;
    padding: 2px;
}

body.type5 table.no_border td {
    border: 1px solid #e0dfea;
}

table.with_border {
    border: 0;
    border-collapse: collapse;
    border-collapse: separate;
    border-spacing: 1px;
    background: #ddd;
    padding: 0;
}

table.with_border td {
    vertical-align: top;
    padding: 1px 0 0 10px;
    background: #fff;
    padding: 2px;
}

table caption,
tr.th td {
    border-collapse: separate;
    font: bold 11px/15px 'Lato', sans-serif;
    border-spacing: 1px;
    background-color: #999;
    text-align: left;
    padding: 5px 3px 5px 3px;
    text-align: center;
    color: #fff;
    background-color: #937;
}

body.type4 table caption,
body.type4 tr.th td {
    background-color: #abd037;
}

table.with_border td p,
table.no_border td p {
    margin: 0 0 0 0;
}

td.right {
    text-align: right;
}


tr.thsub td {
    background-color: #eee;
}

tr.thtotal td {
    background-color: #ddd;
}

input,
textarea,
select {
    font: normal 12px/18px 'Lato', sans-serif;
    color: #444;
    padding: 0 0 0 0;
}

input[type="text"],
textarea {
    width: 300px;
    border: 1px solid #bbb;
    padding: 0 0 0 5px;
}

input.disabled,
textarea.disabled {
    background: none;
    border: none;
    color: #666;
}

input.dateinput {
    width: 70px;
}

input.clockinput {
    width: 40px;
}

.date-delete {
    font: normal 11px/13px 'Lato', sans-serif;
    text-decoration: none;
}

p.error {
    color: #800;
    font-size: 12px;
}

#sitetools {
    position: absolute;
    display: block;
    top: 0;
    right: 0;
    height: 60px;
    margin: 0;
    padding: 0;
    text-align: right;
}

#sitetools > div {
    background-color: #abd037;
    display: block;
    float: left;
    top: 0;
    right: 0;
    height: 60px;
    margin: 0;
    padding: 0 25px 0 10px;
    text-align: left;
    width: 200px;
}

body.type5 #sitetools div {
    background-color: #937;
}

#sitetools div.trans,
body.type5 #sitetools div.trans {
    background: none;
    padding: 2px 0 0 0;
}

#sitetools div p {
    font-size: 11px;
    margin: 0;
    padding: 6px 0 0 0;
    line-height: 14px;
}

#sitetools div p a {
    font-size: 11px;
    padding: 0 5px 0 0;
    text-decoration: none;
    color: #fff;
}

#sitetools div.trans a {
    color: #690;
}

body.type5 #sitetools div.trans a {
    color: #937;
}

#sitetools a .big {
    font-size: 16px;
}

#sitetools div #search {
    height: 20px;
    padding: 4px 0;
    margin: 0;
}

#search form {
    padding: 0;
    margin: 0;
}

#search .field {
    padding: 0;
    margin: 0;
    font: normal 11px/11px 'Lato', sans-serif;
}

#search .searchbutton {
    padding: 0;
    margin: 0 0 0 7px;
    width: 40px;
    font: normal 11px/14px 'Lato', sans-serif;
}

#search ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

#search ul li {
    list-style: none;
    float: left;
}

.contentarea h1 br,
.contentarea h2 br,
.contentarea h3 br,
.contentarea h4 br,
.contentarea p br {
    display: inline;
}

.farright {
    left: 730px !important;
}

#murupolku {
    padding: 5px;
    position: absolute;
    top: 218px;
    left: 20px;
    text-decoration: none;
    margin-top: 10px;
    font-size: 11px;
    color: #555;
}

#murupolku a {
    padding: 0;
    font-size: 11px;
    color: #555;
    text-decoration: none;
    margin-top: 10px;
    font-weight: normal;
}

#murupolku a:hover {
    color: #937;
}

#sitetools fieldset {
    border: none;
    padding-left: 0;
}

input#SearchForm_SearchForm_Search {
    height: 18px;
    margin: 0 4px 0 0;
    width: 130px;
}

form#SearchForm_SearchForm div {
    float: left;
}

form#SearchForm_SearchForm button {
    background: #47541E url(../images/btn_search.png) no-repeat;
    border: none;
    cursor: pointer;
    margin-top: 1px;
    width: 18px;
    height: 18px;
}

#sitemap,
#sitemap ul,
#sitemap li {
    list-style: none outside none !important;
}

#Form_ContactForm {
    margin-bottom: 1em;
}

#Form_ContactForm fieldset {
    border: none;
}

form .required {
    color: #937;
    margin-bottom: .5em;
}

#sitetools div.trans {
    width: auto;
}

#Form_DoneForm fieldset {
    border: none;
}

div.btn-toolbar {
    margin: 6px 0 10px;
    text-align: center;
    padding: 23px 7px 6px;
}

#Form_EventForm div.field {
    margin-top: 6px;
}

.left {
    float: left;
}

.right {
    float: right;
}

.noLeftFloat .left,
.noLeftFloat .right {
    float: none;
}

.queryresults a small {
    font-size: 100%;
    color: #55a;
}

.queryresults small {
    font-size: 100%;
    color: #666;
}

.queryresults .property {
    white-space: nowrap;
}

.queryresults td,
.queryresults th {
    margin-right: 5px;
}

.queryresults tr {
    vertical-align: top;
}

#searchend,
#searchstart {
    width: 32px;
}

.subtitle {
    margin-bottom: 1em;
}

ul.alphabet {
    margin-top: 0;
    padding: 0;
}

ul.alphabet li {
    background: none;
    display: inline;
    float: left;
    font-size: 14px;
    line-height: 16px;
    margin: 0 2px;
    padding: 8px 1px 0;
}

ul.alphabet a {
    color: #993377;
    font: bold 14px/16px 'Lato', sans-serif;
    text-decoration: none;
}

ul.alphabet .selected {
    background-color: #937;
    color: #FFF;
    font-size: 14px;
    font-weight: bold;
}

.directory {
    clear: left;
    margin: 0;
    padding: 12px 0 0;
}

.directory li {
    padding-left: 10px;
    margin-left: 18px;
}

#leftsearch {
    width: 210px;
    clear: both;
    background-color: #9C8494;
    font-size: 11px;
    padding: 0;
    margin: 0 32px 0 0;
}

#leftsearch form {
    margin: 0;
    padding: 0;
}

#leftsearch p {
    margin: 0;
    padding: 0 0 0 20px;
}

#leftsearch,
#leftsearch h2 {
    color: #fff;
}

#leftsearch li {
    margin: 0;
    padding: 3px 0 0 0;
}

#leftsearch .field {
    width: 170px;
    padding: 0;
    margin: 9px 0 0 0;
    font: normal 11px/11px 'Lato', sans-serif;
}

#leftsearch .submit {
    width: 40px;
    padding: 0;
    margin: 10px 0 20px 129px;
    font: normal 11px/14px 'Lato', sans-serif;
}

#leftsearch .tall {
    margin-top: 10px;
}

#leftsearch .day {
    font: normal 11px/11px 'Lato', sans-serif;
    width: 47px;
}

#leftsearch .month {
    font: normal 11px/11px 'Lato', sans-serif;
    width: 120px;
}

#leftsearch .opt {
    font: normal 11px/11px 'Lato', sans-serif;
    width: 170px;
}

#leftsearch div#searchterm {
    margin-top: 0;
}

#leftsearch {
    width: 208px;
    background: #9c5e88;
}

#leftsearch input {
    margin-bottom: 10px;
}


#leftsearch input[type="text"],
#leftsearch textarea {
    border: 1px solid black;
    height: 16px;
    padding: 0;
}

#leftsearch h1 {
    color: #fff;
    margin-bottom: 0;
    padding: 18px 0px 10px 20px;
    font-size: 18px;
}

#Form_tankaSearchForm_action_SendSearchForm {
    width: 90%;
    background-color: #3a2940;
    color: #fff;
    border: none;
    font-size: 13px;
    height: 39px;
    padding: 0 0 0 9px;
    text-align: center;
    font-weight: bold;
    font-family: 'Lato', sans-serif;
    text-transform: uppercase;
}
#Form_tankaSearchForm_action_SendSearchForm:hover {
    background-color: #533652;
}


#leftsearch input[name=searchterm] {
    margin-top: 3px;
    width: 155px;
    padding-left: 2px;
    height: 16px;
    border: 1px solid black;
    font-size: 12px;
    padding-top: 3px;
}

#leftsearch input[name=start],
#leftsearch input[name=end] {
    width: 32px;
}

#Form_tankaSearchForm fieldset {

    border: none;
    padding: 0 16px;
}

#Form_tankaSearchForm div#Form_tankaSearchForm_end_Holder,
#Form_tankaSearchForm div#Form_tankaSearchForm_start_Holder {
    float: left;
    width: 32px !important;
}

#Form_tankaSearchForm div#Form_tankaSearchForm_start_Holder {
    clear: left;
}

#Form_tankaSearchForm #Form_tankaSearchForm_onlyTitles_Holder label.right {
    float: none;
}

#Form_tankaSearchForm #Form_tankaSearchForm_onlyTitles_Holder {
    margin-top: 0;
}

.ln-letters a {
    background: none repeat scroll 0 0 transparent;
    display: inline;
    float: left;
    font-size: 14px;
    font-weight: bold;
    margin: 0 2px;
    padding: 8px 1px 0;
    color: #993377;
}

.ln-letters a:hover,
.ln-letters a.ln-selected {
    background-color: #993377;
    color: #FFFFFF;
    font-size: 14px;
    font-weight: bold;
}

.ln-letters a.ln-disabled {
    color: #333333;
    font-weight: normal;
}

.ln-letter-count {
    text-align: center;
    font-size: 0.8em;
    line-height: 1;
    margin-bottom: 3px;
    color: #FFF;
}

h1#title {
    margin-top: 16px;
}

.propertyTrans {
    font-weight: bold;
    vertical-align: top;
    padding-right: 20px;
}

.slash {
    float: left;
    margin: 7px 10px 0 12px;
}

#leftsearch ul {
    list-style: none outside none;
    margin: 0;
    padding: 0;
}

.TankaPictures {
    margin-top: 10px;
}

.TankaPictures img {
    float: left;
    margin: 0 10px 10px 0;
    max-width: 360px;
}

#contentmiddle ul#SiteMap li {
    list-style: none;
}

#contentmiddle.searchresultsCalendar {
    min-height: 565px;
    width: 730px;
}

#eventList dd br {
    content: ' ';
}

#eventList dt img {
    max-height: 140px;
    max-width: 140px;
}

.searchresultsCalendar #searchresults {
    padding-left: 20px;
    width: 710px;
}

.searchresultsCalendar #searchresults #topHeading {
    border: none;
    border-bottom: 1px solid #E6E6E6;
    text-transform: uppercase;
}

.searchresultsCalendar #searchresults dl {
    border: none;
    border-bottom: 1px solid #E6E6E6;
    width: 100%;
    margin-left: 0;
    padding: 19px 0;
}

.searchresultsCalendar #searchresults dl dt {
    text-align: left;
    width: 140px;
    margin-right: 20px;
}

.searchresultsCalendar #searchresults dl dd {
    padding: 10px 0 0;
    width: 540px;
}

.searchresultsCalendar #searchresults dl dt a img {
    margin-top: 15px;
}

.searchresultsCalendar #searchresults dl dd .eventLocation {
    color: #655465;
    margin: 10px 0;
}

.searchresultsCalendar #searchresults dl dd a#lisatietoaLinkki {
    margin: 10px 0;
    text-decoration: underline;
}

.searchresultsCalendar #searchresults p {
    clear: left;
}

.searchresultsCalendar #searchresults span a {
    color: #655465;
}

.searchresultsCalendar #searchresults a {
    text-decoration: none;
}

.searchresultsCalendar #searchresults h3 {
    position: absolute;
    right: 0px;
    top: 18px;
    color: #9a8492;
}

.searchresultsCalendar #searchresults .eventLocation,
.searchresultsCalendar #searchresults dt span {
    color: #9a8492;
}

.searchresultsCalendar #searchresults .eventLocation {
    margin: 1em 0;
}

.searchresultsCalendar #searchresults dl dd h1 {
    font-size: 12px;
    font-weight: bold;
    margin-top: 0;
    margin-bottom: 12px;
    padding-top: 0;
    line-height: 14px;
}

.searchresultsCalendar#contentmiddle {
    padding-bottom: 80px;
}

.searchresultsCalendar a {
    color: #b35b81;
    text-decoration: none;
}

.searchresultsCalendar #searchresults .ordering {
    float: left;
    position: relative;
}

.searchresultsCalendar #searchresults .ordering div {
    border-color: transparent transparent #CCC transparent;
    border-style: solid;
    border-width: 5px;
    display: block;
    float: right;
    position: relative;
    right: 0;
    top: 0;
    width: 0;
    height: 0;
    margin-left: 7px;
}

.searchresultsCalendar #searchresults .ordering.selected div {
    border-color: transparent transparent #655465 transparent;
}

.searchresultsCalendar #searchresults .nameHeading {
    position: absolute;
    left: 180px;
}

.searchresultsCalendar #searchresults .cityHeading {
    float: right;
}

#performanceDateTable td {
    margin: 0px;
    padding: 0px;
    font: normal 12px/16px 'Lato', sans-serif;
}

#performanceRight .otherSideStuff {
    margin-top: 20px;
}

#performanceDateTableContainer {
    max-height: 500px;
    overflow: auto;
}

#performanceDateTable td:first-child {
    padding-right: 10px;
}

#CustomLoginForm_LoginForm {
}

#CustomLoginForm_LoginForm input {
    width: 100%;
    padding: 0;
    margin: 0 0 10px;
}

#CustomLoginForm_LoginForm_Remember {
    margin: 20px 0 0 0 !important;
    position: relative;
    bottom: -16px;
}

/*#CustomLoginForm_LoginForm .right {
    padding: 0 0 20px;
}*/

select#Form_CalendarFilterForm_filter-PerformanceEvent_City {
    width: 175px;
}

#Form_CalendarFilterForm div.middleColumn {
    clear: left !important;
}

#Form_CalendarFilterForm {
    clear: both;
    background-color: #9C8494;
    margin: 0;
    padding: 0 20px;
    width: 230px;
}

#Form_CalendarFilterForm .right {
    float: left;
}

#Form_CalendarFilterForm input[type=text],
#Form_CalendarFilterForm select {
    border: none;
}

#Form_CalendarFilterForm select {
    margin-right: 6px;
}

#Form_CalendarFilterForm #EndDayEndMonthEndYear {
    margin-bottom: 1em;
}

#Form_CalendarFilterForm p {
    display: inline;
}

#Form_CalendarFilterForm p label {
    margin: 2px 6px 0 0;
}

#Form_CalendarFilterForm div.field {
    width: 190px;
}

#Form_CalendarFilterForm div.Actions {
    margin-right: 30px;
}

.calendar#cal {
    position: static;
    float: left;
    padding-top: 21px;
}

.calendar#cal h3 {
    border-bottom: 1px #e6e6e6 solid;
    padding-top: 40px;
}

.calendar#cal #monthNav {
    margin: 27px 0 0 0;
}

.calendar#cal h2 {
    padding-left: 0;
    padding-top: 0;
}

.calendar#calendar-main {
    margin-left: 20px;
    min-height: 565px;
    width: 530px;
}

.calendar#calendar-main img {
    max-height: 400px;
    max-width: 400px;
}

.calendar .dates {
    margin-bottom: 30px;
}

.calendar .dates .performancesTitle {
    font-size: 14px;
    font-weight: bold;
    padding-bottom: 0;
}

.buyTicket {
    background: #B45C82 url(../images/star_big.gif) no-repeat right top;
    color: #FFF;
    height: 17px;
    padding: 3px;
    position: relative;
    width: 84px;
}

.buyTicket a {
    color: #FFF;
    text-decoration: none;
}

.buyTicket a:hover {
    text-decoration: underline;
}

.buyTicket.small {
    background-image: url(../images/star.gif);
    float: right;
    height: 13px;
    padding: 0 1px 1px;
    margin-right: 380px;
    width: 80px;
}

#videobackground {
    position: absolute;
    width: 100%;
    top: 0px;
    height: 100%;
    background-color: black;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5;
}

#video {
    position: absolute;
    top: 230px;
}

.closeVideo {
    position: absolute;
    top: 210px;
    cursor: pointer;
}

fieldset.EventFormFieldset {
    padding: 0;
    border: none;
}

#EventForm_EventForm h2 {
    color: #993377;
    margin-bottom: 20px;
    margin-top: 25px;
    font-size: 16px;
}

#EventForm_EventForm div.field {
    margin-top: 15px;
    margin-bottom: 10px;
}

#EventForm_EventForm div.middleColumn {
    margin-top: 2px;
}

#EventForm_EventForm label {
    font-weight: bold;
}

p#English {
    padding-top: 0px;
}

p#English label {
    font-weight: normal;
}

#EventForm_EventForm input {
    color: #003333;
    border-bottom: #e3e3e3 1px solid;
    border-left: #838383 2px solid;
    border-top: #838383 2px solid;
    border-right: #e3e3e3 1px solid;
    padding: 3px;
    font-size: 13px;
}

#EventForm_EventForm input[type='submit'] {
    border-bottom: #838383 2px solid;
    border-left: #e3e3e3 1px solid;
    border-top: #e3e3e3 1px solid;
    border-right: #838383 2px solid;
}

#EventForm_EventForm textarea {
    min-height: 300px;
    min-width: 650px;
    font-size: 13px;
}

#EventForm_EventForm table {
    border-spacing: 0;
    border-collapse: collapse;
    margin-bottom: 10px;
}

#EventForm_EventForm th {
    border: 1px solid #BFBFBF;
    text-align: left;
    padding: 2px 10px 2px 5px;
    padding-left: 5px;
    padding-bottom: 2px;
    padding-top: 2px;
}

#EventForm_EventForm td {
    border: 1px solid #BFBFBF;
    padding-bottom: 0;
    padding-top: 0;
    padding-left: 10px;
}

#EventForm_EventForm #EventForm_EventForm_isPremiere {
    margin-right: 3px;
    margin-left: 0;
}

#EventForm_EventForm .ensiIltaTd span {
    padding-right: 10px;
}

#EventForm_EventForm td input {
    max-width: 210px;
    margin-right: 30px;
}

#EventForm_EventForm #addDateRow {
    color: #4F81BD;
}

#EventForm_EventForm div.thumbnail {
    margin-bottom: 5px;
    margin-top: 5px;
}

#EventForm_EventForm hr {
    margin-bottom: 5px;
    margin-top: 20px;
    background-color: #000;
}

#EventForm_EventForm > hr {
    border: 0;
    height: 0;
    margin-bottom: 10px;
    margin-top: 0px;
}

#EventForm_EventForm div.Actions input {
    margin-right: 10px;
    margin-top: 10px;
    font-weight: bold;
    cursor: pointer;
}

.palaaTakaisinEsityksenMuokkaukseen {
    z-index: 1000;
    color: #4F81BD;
}

#Form_PublishForm .action {
    color: #003333;
    border-bottom: #e3e3e3 1px solid;
    border-left: #838383 2px solid;
    border-top: #838383 2px solid;
    border-right: #e3e3e3 1px solid;
    padding: 3px;
    font-size: 13px;
    border-bottom: #838383 2px solid;
    border-left: #e3e3e3 1px solid;
    border-top: #e3e3e3 1px solid;
    border-right: #838383 2px solid;
    font-weight: bold;
    cursor: pointer;
    float: left;
    margin: 0 0 10px 10px;
    z-index: 1000;
}

#preview #contentwrap {
    float: none;
}

#preview #contentmiddle {
    min-height: inherit;
}

#preview #calendar-main {
    min-height: inherit;
}

#Form_PublishForm fieldset {
    display: none;
}

#preview {
    position: relative;
}

#preview .feedback {
    margin: 20px;
    font-weight: bold;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    padding: 1px;
    background-color: #d29191;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#d29191), to(#bb5e5e));
    background-image: -webkit-linear-gradient(top, #d29191, #bb5e5e);
    background-image: -moz-linear-gradient(top, #d29191, #bb5e5e);
    background-image: -ms-linear-gradient(top, #d29191, #bb5e5e);
    background-image: -o-linear-gradient(top, #d29191, #bb5e5e);
    background-image: linear-gradient(top, #d29191, #bb5e5e);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorStr='#d29191', EndColorStr='#bb5e5e');
    -webkit-box-shadow: 0px 0px 6px rgba(244, 187, 187, 0.7);
    -moz-box-shadow: 0px 0px 6px rgba(244, 187, 187, 0.7);
    box-shadow: 0px 0px 6px rgba(244, 187, 187, 0.7);
    left: 40%;
    position: absolute;
    top: 200px;
    width: 20%;
    z-index: 100;
}

#preview .feedback p {
    display: block;
    margin: 0;
    padding: 8px 20px 7px 10px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background-color: #f4baba;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#f4baba), to(#db7f7f));
    background-image: -webkit-linear-gradient(top, #f4baba, #db7f7f);
    background-image: -moz-linear-gradient(top, #f4baba, #db7f7f);
    background-image: -ms-linear-gradient(top, #f4baba, #db7f7f);
    background-image: -o-linear-gradient(top, #f4baba, #db7f7f);
    background-image: linear-gradient(top, #f4baba, #db7f7f);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorStr='#f4baba', EndColorStr='#db7f7f');
    -webkit-box-shadow: inset 0px 1px 0px #f7d0d0;
    -moz-box-shadow: inset 0px 1px 0px #f7d0d0;
    box-shadow: inset 0px 1px 0px #f7d0d0;
    color: #745050;
    text-shadow: 1px 1px 0px #eaadad;
}

#preview .feedback .close_box {
    position: absolute;
    top: 10px;
    right: 10px;
    font-size: 16px;
    cursor: pointer;
}

#Form_CalendarFilterForm {
    color: #FFF;
    padding: 10px;
}

#Form_CalendarFilterForm fieldset {
    border: 0 none;
}

#Form_CalendarFilterForm div.field {
    padding: 0;
}

#Form_CalendarFilterForm div.middleColumn {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    margin: 0;
    padding: 0;
}

#Form_CalendarFilterForm input[type="checkbox"] {
    clear: left;
    float: left;
    margin-right: 6px;
    margin-top: 12px;
}

#Form_CalendarFilterForm input[type="text"] {
    width: 170px;
}

#Form_CalendarFilterForm label {
    color: #FFFFFF;
    display: block;
    margin: 0;
    padding: 10px 0 0;
}

#Form_CalendarFilterForm div.field {
    text-align: left;
}

#Form_CalendarFilterForm p {
    margin-left: 0 !important;
    padding-top: 0;
    text-align: left;
}

#Form_CalendarFilterForm select {
    float: left;
    width: auto;
}

#Form_CalendarFilterForm option {
    padding: 0 5px;
    width: auto;
}

#Form_CalendarFilterForm div.Actions {
    margin: 0 24px;
    padding-bottom: 10px;
    text-align: right;
}

#Form_CalendarFilterForm div.fieldgroup select {
    font-size: 12px;
    font-weight: normal;
}

#StartMonthStartDayStartYear div.fieldgroupField,
#StartDayStartMonthStartYear div.fieldgroupField {
    display: inline;
}

#EndMonthEndDayEndYear div.fieldgroupField,
#EndDayEndMonthEndYear div.fieldgroupField {
    display: inline;
}

#Form_CalendarFilterForm div.fieldgroup label {
    display: block;
    margin-bottom: 5px;
    width: 200px;
}

div#contentwrap.videos {
    border-top: 1px solid #e6e6e6;
    margin-top: 30px;
    padding-left: 220px;
    padding-top: 15px;
    width: 582px;
}

div#contentwrap.videos h2 a {
    color: #937;
}

div#contentwrap.videos div.firstColumn,
div#contentwrap.videos div.secondColumn {
    float: left;
    width: 49%;
    margin-right: 1%;
    margin-bottom: 6px;
}

div#contentwrap.videos p.videoSlogan {
    font-size: 133%;
}

div#contentwrap.videos div#contentArea {
    border-top: 1px solid #e6e6e6;
    clear: both;
    padding-top: 2px;
}

div.videoaccount {
    margin-top: 10px;
    min-height: 180px;
    position: relative;
}

div.videoaccount a {
    border-bottom: 1px solid #000;
    text-decoration: none;
}

div.videoaccount a:hover,
div.videos h2 a {
    border-bottom: 1px solid #937;
    text-decoration: none;
}

div.videos h2 a:after,
div.videoaccount a:after {
    border-bottom: 1px solid #fff;
    color: #937;
    padding-left: 5px;
    content: "\2794";
}

div.videoaccount div.videoDescription {
    width: 330px;
}

div.videoaccount div.videoPane {
    position: absolute;
    right: 0;
    top: 0;
    width: 240px;
}

div.videoaccount img.videoPreview {
    margin-top: 0;
    width: 100%;
}

div.videoaccount div.videoPane .videoPreviewPlayButton {
    top: 75px;
    left: 102px;
}
@media only screen and (max-width: 959px) {

    #sitetools > div {
        padding: 0 5px 0 10px;
        width: auto;
    }
    #sitetools div#search p {
        text-align: right;
    }
    #sitetools div.trans a {
        color: #fff;
    }
    #header {
        width: 100%;
        margin-top: 60px;
    }
    #murupolku {
        top: 278px;
    }
    #contentwrap {
        width: 100% !important;
    }
    #contentwrap #left {
        width: auto;
    }
    #contentwrap #news {
        height: auto;
        width: 100%;
        padding-bottom: 0;
    }
    #contentmiddle {
        min-height: 0 !important;
    }
    #contentmiddle.searchresultsCalendar {
        padding-bottom: 0;
        width: 96%;
        margin-left: 2%;
        margin-right: 2%;
    }
    #contentright {
        top: 315px;
        width: 190px;
    }
    #cal.calendar {
        float: right;
        margin: 0;
        padding: 0;
        border: 0;
    }
    #footer {
        width: 100%;
        background-position: right top;
    }
    a#logo-link {
        display: none;
    }
    .searchresultsCalendar #searchresults {
        width: 100% !important;
        margin: 0;
        padding: 0 !important;
    }
    .searchresultsCalendar #searchresults dl dt {
        width: 20%;
        margin-right: 2%;
    }
    .searchresultsCalendar #searchresults dl dd {
        width: 78%;
    }
    .searchresultsCalendar #searchresults dl dt a img {
        width: 100%;
    }
    .buyTicket.small {
        float: left;
        margin-right: 0;
        margin-right: 10px;
    }
}

@media only screen and (max-width: 767px) {

    #header {
        overflow: auto;
        height: auto;
        margin-top: 180px;
    }
    a#logo-link {
        display: block;
        left: 5px !important;
        top: 110px !important;
    }
    #sitetools {
        width: 100%;
        background-color: #ABD037;
        height: auto;
    }
    #sitetools > div {
        float: right;
        padding-top: 4px;
    }
    #sitetools div.trans {
        float: none;
        display: inline-block;
        width: auto;
    }
    #SearchForm_SearchForm_action_results {
        margin-top: -5px;
    }
    .searchresultsCalendar #searchresults .nameHeading {
        float: left;
        position: static;
        margin-left: 20px;
    }
    .searchresultsCalendar #searchresults dl dd h1 {
        padding-right: 50px;
    }
    #cal.calendar {
        float: left;
    }
    #contentwrap #left {
        width: 100%;
    }
    #contentwrap #news {
        width: 100%;
    }
    #contentmiddle {
        width: 96%;
        margin-left: 0%;
        margin-right: 0%;
    }
    #contentright {
        position: static;
        width: 98%;
        margin-left: 2%;
    }
    #mainmenu1,
    #mainmenu2,
    #mainmenu3 {
        position: static;
        float: left;
        padding-top: 10px;
        float: none;
    }
    #footer {
        width: 96%;
        margin-left: 2%;
        margin-right: 2%;
    }
    #footertxt p {
        font-size: 10px;
    }
    #murupolku {
        display: none;
    }
}

@media print {
    body {
        color: #333333;
        font-family: 'Lato', sans-serif;
        font-size: 11px;
        font-size-adjust: none;
        font-style: normal;
        font-variant: normal;
        font-weight: normal;
        line-height: 16px;
        width: 100%;
    }
    a {
        color: #993377;
        text-decoration: none;
    }
    a img {
        border: none;
    }
    #wrap {
        background: none;
        width: 100%;
    }
    #contentwrap {
        background-image: none !important;
    }
    div#wrap div#header,
    div#wrap div#contentwrap div#content-left,
    #submenu,
    div#wrap div#footer,
    #language,
    #backtosearch,
    #printlink,
    div#left div#leftsearch,
    div#left div#contentleft,
    div#footer,
    div#sitetools,
    div#murupolku,
    a.linklist {
        display: none;
        visibility: hidden;
    }
    .preview #otsikot dd.nimi,
    .preview #otsikot div.previewdd {
        color: #666666;
        font-size: 16px;
        font-weight: bold;
    }
    .preview dt,
    .sirkkaform .preview .previewdt {
        font-weight: bold;
    }
    dt,
    .sirkkaform .previewdt {
        font-size: 12px;
        margin-top: 2px;
        text-align: left;
        width: 100%;
    }
    dd,
    .sirkkaform .previewdd {
        float: left;
        display: block;
        margin: 2px 0 0;
        padding: 0;
        text-align: justify;
        width: 100%;
    }
    #contentmiddle {
        display: block;
        float: left;
        padding: 0;
        width: 490px;
    }
    #contentright {
        display: block;
        float: right;
        margin: 0;
        width: 100pt;
        border-top: none;
        position: absolute;
        right: 0;
        top: 0;
    }
    #left {
        display: none;
        visibility: hidden;
    }
    .extrawide #contentmiddle {
        border-top: none;
        margin: 0;
        width: 500pt;
    }
}

.pagewidth {
    max-width: 1030px;
    margin: 0 auto;
    padding: 0 10px 0 10px;
    position: relative;
}

/* header */

header p.welcome {
    font-family: 'Lato', sans-serif;
    text-transform: uppercase;
    float: right;
    position: absolute;
    right: 39px;
    top: 123px;
    font-size: 15px;
}
header p.welcome strong {
    font-family: 'Lato', sans-serif;
    font-weight: bold;
}

header {
    font-family: 'Lato', sans-serif;
    -webkit-font-smoothing: subpixel-antialiased;
    background-color: #fff;
    width: 100%;
    text-align: center;
    z-index: 9999;
    border-bottom: 10px solid #02ac88;
    display: inline-block;
    background-color: #fff;
    position: relative;
}
header .logo {
    background: url('../images/logo.png') no-repeat 0 0;
    text-align: left;
    width: 162px;
    height: 139px;
    float: left;
    margin: 15px 0 15px 0;
}
header .logo a {
    display: block;
    width: 100%;
    height: 100%;
}
header .logo a span {
    display: none;
}

header #navigation {
    position: relative;
}


header .black-box {
    background-color: #000000;
    display: inline-block;
    position: absolute;
    right: 35px;
    top: 20px;
}
header .black-box:hover {
    background-color: #26AB85;
}
header .black-box a {
    font-family: 'Lato', sans-serif;
    text-decoration: none;
    text-transform: uppercase;
    padding: 12px 22px;
    display: block;
    font-size: 14px;
    color: #fff;
}



#content {
    clear: both;
    display: inherit;
    max-width: 1030px;
    margin: 0 auto;
}

#contentwrap {
    float: inherit;
}   

#searchtype label {
    color: #ededed;
} 

#leftsearch input[name=searchterm], #leftsearch input[type="text"], #leftsearch textarea  {
    background: #ededed;
    border: 0 none;
}


/** FOOTER **/
footer {
    font-family: 'Lato', sans-serif;
    background-size: cover;
    padding: 40px 0 50px;
    text-align: center;
    font-size: 0;
    background-color: #000;
}
footer p {
    color: #fff;
    font-size: 13px;
    font-weight: 500;
    line-height: 28px;
    margin: 0 0 20px;
    text-transform: uppercase;
}
footer div.logo {
    display: block;
    margin: 20px 0 34px;
    border: 0;
}
footer a {
    color: #fff;
    font-weight: 500;
    text-decoration: none;
    text-transform: none;
}
footer a:hover {
    color: #fff;
    text-decoration: underline;
}


@media screen and (max-width: 850px) {
    /* footer */
    
    footer img {
        max-width: 100%;
        height: auto;
    }
}    

@media screen and  (max-width: 1060px) {
    .extrawide #contentmiddle {
        width: 50%;
    }

    #contentwrap.extrawide {
        width: 100%;
    }
}    

@media screen and  (max-width: 885px) {
    #contentwrap #left {
        width: 25%;
        min-width: initial;
    }

    #contentright {
        width: 25%;
    }    
    #leftsearch {
        width: 93%;
        background: #9c5e88;
    }   
    #leftsearch .field {
        width: 100%;
    }
    #leftsearch input[name=searchterm] {
        width: 100%;
    }
}    

@media only screen and (max-width: 767px) {
    #contentright {
        width: 18%;
    }
}

@media only screen and (max-width: 652px) {
    #contentwrap #left {
        width: 100%;
        min-width: initial;
    }  
    #leftsearch {
        width: 100%;
    }    
    #leftsearch li {
        margin: 0;
        padding: 3px 0 0 0;
        float: left;
    }  
    div.btn-toolbar {
        margin: 6px 0 10px;
        text-align: center;
        padding: 0px 0px 7px;
    }      
    .extrawide #contentmiddle {
        width: 100%;
    }       
    #contentright {
        width: 100%;
    }      
    header p.welcome {
        font-family: 'Lato', sans-serif;
        text-transform: uppercase;
        float: right;
        position: absolute;
        right: 35px;
        top: 104px;
        font-size: 15px;
        width: 56%;
    }
}