#content {background: url(taustakuva.jpg) repeat-x  50% 0; padding: 0px 0 0 0; overflow: hidden}
/* Fix for clearing element wrappers */
.container_12, .container_16 {clear: both;}
a {outline: none}
a:hover {text-decoration: underline !important}

/* Galleria */
.header-galleria {margin-bottom: 0; font-size: 1.2em}
#gallery {float: right; width: 800px; margin: 0 20px 0 0}
#gallery img {border: 7px solid #FFF}
.controls {display: block; height: 52px; overflow: hidden; margin-top: -38px;}
.controls {margin-top: -22px\9}
.slideshow-container {padding: 0}
.slideshow {background: #000\9; display: inline}
.slideshow img {margin-top: -20px\9; z-index: 400\9}
a.advance-link, a.advance-link:hover {text-decoration: none}
.slideshow span {text-align: center;}
#thumbs {float: left; width: 96px; padding-top: 50px}
.thumbs {list-style: none}
.thumbs li a {background: none; padding: 0; margin: 0 10px 10px 0; float:left}
.thumbs img {border: 6px solid #FFF}
.thumbs .selected img {border-color:#a7d1ea}
.thumbs li {margin-left: 0; float: left}
.play, .pause {display: block; text-align:center}
.prev {float: left; position: relative; background: url(../yleis/icons.gif) no-repeat 0 -51px; padding-left: 15px; display: block}
.next {float: right; position: relative; background: url(../yleis/icons.gif) no-repeat 100% -30px; padding-right: 15px; display: block}
.play {background: url(../yleis/diaesitys.gif) no-repeat 100% 0; padding-right: 22px; display: inline-block; margin-bottom: 10px}
.pause {background: url(../yleis/diaesitys_pause.gif) no-repeat 100% 0; padding-right: 22px; display: inline-block; margin-bottom: 10px}
.play, .pause, .prev, .next {text-decoration: none; font-weight: bold;}
.ss-controls {text-align: center; position: relative; top: 26px}
.caption p {margin: 0 7px}
.bottom.pagination {clear: both; text-align: center}
.bottom.pagination a, .bottom.pagination span {margin: 0 10px 0 0; border-right: 1px solid #000; padding-right: 7px}
.bottom.pagination a.lastpage, .bottom.pagination span.lastpage {border: none; background: url(../yleis/icons.gif) no-repeat 100% -31px; padding-right: 15px}
.bottom.pagination a.firstpage, .bottom.pagination span.firstpage {border: none; background: url(../yleis/icons.gif) no-repeat 0 -51px; padding-left: 15px}
.bottom.pagination span {font-weight: bold}
.bottom.pagination a:hover {text-decoration: underline !important}


/* Bottom */
.linkbanner {border: 1px solid #818181; padding: 10px 5px; margin-top: 20px}
.linkbanner ul {margin: 0; padding: 0; list-style: none}
.linkbanner li {float: left; margin: 0 0 0 13px; border: 1px solid #818181}
.linkbanner li.firstlink {margin: 0 0 0 10px}

/* Clearfix */
.cb {clear: both; padding-top: 20px}
.clearfix:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
.clearfix {display: inline-block;}
html[xmlns] .clearfix {display: block;}
* html .clearfix {height: 1%;}