html { font-family: 'blogger_sansregular'; font-size:100%; font-weight: normal; font-style: normal; }
body { background-color:#003a43; background-image:url('../img/_hat.jpg'); background-repeat:no-repeat; background-position:center top; margin:0; padding:0; }
body.subi { background-position:center -322px; }
p { font-size:14px; color:#000; line-height:1.4em; }
b { font-family: 'blogger_sansbold'; font-weight: normal; font-style: normal; }
i { font-family: 'blogger_sansitalic'; font-weight: normal; font-style: normal; }
a, a:link, a:active, a:visited { color:#003a43; text-decoration:none; }
a:hover { color:#003a43; text-decoration:underline; }

div#top { position:relative; width:974px; height:596px; margin:0 auto; border:1px solid transparent; }
div#top.subi { height:180px; }

div#logo { margin-top:30px; margin-left:89px; width:306px; height:68px; }
div#logo img { border:none; }

div#meot { margin-left:165px; margin-top:190px; }

div#sossut { float:right; margin-right:89px; margin-top:-70px; text-align:right; }
div#sossut .loca { font-family:'blogger_sansbold'; font-size:18px; }

div.some { height:29px; float:right; margin-top:5px; }
div.footersome { display:none; }
img.somefb { border:none; width:29px; height:29px; background:url(../img/_some.png) 0 0px; }
img.sometw { border:none; margin-left:4px; width:29px; height:29px; background:url(../img/_some.png) 0 -29px; }
img.somein { border:none; margin-left:4px; height:29px; background:url(../img/_some.png) 0 -58px; }
a:hover img.somefb { border:none; width:29px; height:29px; background:url(../img/_some.png) 29px 0px; }
a:hover img.sometw { border:none; margin-left:4px; width:29px; height:29px; background:url(../img/_some.png) 29px -29px; }
a:hover img.somein { border:none; margin-left:4px; height:29px; background:url(../img/_some.png) 29px -58px; }

div#nav { position:relative; height:54px; margin-top:29px; background-color:#003b43; padding-left:40px; line-height:54px; font-family: 'blogger_sansbold'; font-size:16px; letter-spacing:0.05em; }

#nav a, #nav a:link, #nav a.visited { color:#fff; }
#nav a:hover, #nav a.act { color:#eeefad; text-decoration:none; }
#nav > a { display: none; }
#nav li:first-child:before a { margin-left:0px; }
#nav li:before { font-weight:bold; color:#fff; content: "·"; }
#nav li:first-child:before { content: ""; }
#nav li:last-child:before { content: ""; }
#nav li { position: relative; list-style:none; margin-left:0; padding-left:0px; padding-right:8px; }
#nav li a { margin-left:10px; }
#nav > ul { margin:0; padding:0; }
#nav > ul > li { height: 100%; float: left; }
#nav li ul { display: none; position: absolute; top: 100%; }
#nav li:hover ul { display: block; }

#nav li.lang { font-size:12px; color:#c7c7c7; text-transform:uppercase; float:right; margin-right:46px; }
#nav li.lang a, #nav li.lang a:link, #nav li.lang a:active, #nav li.lang a:visited { color:#c7c7c7; }
#nav li.lang a:hover { color: #eeefad; }

div#container { width:100%; background-color:#fff; }
div#content { width:974px; margin:0 auto; padding-top:48px; padding-bottom:48px; }
div#cleft { width:544px; margin-left:50px; float:left; }
div#cright { float:right; width:282px; margin-right:50px; }
div#cwide { width:854px; margin-left:60px; margin-right:60px; }
div#footer { width:974px; margin:0 auto; text-align:center; height:140px; line-height:140px; color:#eee; font-size:14px; letter-spacing: 0.05em; }

span.date { color:#2c6c76; font-size:14px; }
h1 { font-family:'blogger_sansbold'; font-weight:normal; font-size:28px; color:#003a43; margin-top:0; padding-top:0; letter-spacing: 0.1em; }
h2, h2.newsitem { font-family:'blogger_sansbold'; font-weight:normal; font-size:20px; margin-top:25px; color:#003a43; }
h3 { font-family:'blogger_sansbold'; font-weight:normal; font-size:16px; margin-top:25px; color:#333; }

h2.newsitem { margin-top:5px; letter-spacing: 0.1em; font-weight:normal; }
h2.newsitem a, h2.newsitem a:link, h2.newsitem a:active, h2.newsitem a:visited { color:#003a43; text-decoration:none; }
h2.newsitem a:hover { text-decoration:underline; }

br.spacer { color: #fff; border: 0px solid #fff; clear:both; }
div.spacer { width:100%; font-size:1px; clear:both; height:20px; }

div.frontpic { width:272px; margin-top:5px; }
div.frontpic img { border:none; }
div.frontpic h2 { margin-top:6px; margin-bottom:6px; }
div.frontpic p { margin-top:0; text-align:right; }

img.newsimage { float:left; margin:5px 20px 20px 0px; border:none; }
img.contentimg { max-width:100%; height:auto; }

#cleft ol li, #cwide ol li { font-size:14px; line-height:1.4em; }

#cright ul { margin-top:0; font-size:14px; }
#cright li, #cright li li {
padding-left:0px;
margin-top:0px;
padding-top:0px;
margin-left:-22px;
*margin-left:15px;
margin-bottom:5px;
line-height:18px;
}

#cright li li { margin-top:4px; list-style-type:disc; }

span.spo { unicode-bidi:bidi-override; direction: rtl; white-space: nowrap; }

/* ohjelmasivu */

div.progspa { clear:both; width:100%; border-bottom:2px solid #205A63; margin-top:6px; margin-bottom:6px; font-size:1px; }
div.progdiv { font-family:'blogger_sansregular'; font-size:14px; color:#000; line-height:1.4em; width:100%; }
div.progdivc { width:268px; float:left; margin-left:15px; }

img.imglite { display:none; }

div.vidco { }
div.vidco iframe, div.vidco object, div.vidco embed { width:544px; height:310px; }

p.backlinkmain { display:block; }
p.backlinkright { display:none; }

@media (max-width:768px) {
body { background-position:50% top; background-size: 1048px; }
p { font-size:15px; }
div#top { width:100%; height:425px; border:0px solid transparent; }
div#logo { margin:30px auto; }
div#logo.subi { margin:10px auto; }

div#sossut { float:none; margin: 294px auto; text-align:center; }
div#sossut.subi { margin:0px auto; }

div#meot { padding:0; margin:0; position:relative; margin:0 auto; width:100%; text-align:center; margin-top:-490px;}

div.some { display:none; }

div#nav {
position:absolute;
background-color:#003b43;
top:98px;
width:100%;
line-height:36px;
z-index:100;
padding-left:0;
}

div#nav.subi { top:96px; }

#nav > a { margin-left:26px; }
#nav:not( :target ) > a:first-of-type, #nav:target > a:last-of-type { display: block; line-height:54px; padding:0; }

#nav > ul {
height: auto;
display: none;
position: absolute;
width:100%;
overflow:hidden;
}

#nav:target > ul { display: block; width:100%; }
#nav > ul > li { width: 100%; float: none; background-color:#003b43; }
#nav ul li { padding-left:30px; }

#nav li:before { content: ""; }
#nav li.lang { font-size:16px; color:#fff; text-transform:none; float:left; margin-right:0px; padding-bottom:12px; }
#nav li.lang a, #nav li.lang a:link, #nav li.lang a:active, #nav li.lang a:visited { color:#fff; }
#nav li.lang a:hover { color: #eeefad; }

div#content { margin:0; padding:0; width:100%; padding-top:16px; }
div#cleft { width:93%; margin:0px 0px 0px 20px; padding:0; }
div#cright { float:left; width:93%; margin:0px 0px 26px 20px; padding:0; }
div#cwide { width:93%; margin:0px 0px 26px 20px; padding:0; }

div#footer { width:93%; height:58px; line-height:1.6em; margin:16px 10px 16px 10px; }

div.footersome { display:block; width:100%; text-align:center; margin:0; padding:0; padding-bottom:16px; }

/* ohjelmasivu */

img.imglite { display:block; }
img.programpic { display:none; }
div.vidco { position:relative; padding-bottom:56.25%; padding-top:30px; height:0; overflow:hidden; }
div.vidco iframe, div.vidco object, div.vidco embed { position:absolute; top:0; left:0; width:100%; height:100%; }
p.backlinkmain { display:none; }
p.backlinkright { display:block; text-align:left; }

}

@media print {
body { background-image:none; background-color:#fff; color:#000; }
html { font-family: Georgia, 'Times New Roman', serif; font-size:12pt; font-weight: normal; font-style: normal; }
h1,h2,h3,h4 { color:#000; }
a,a:link,a:active,a:visited { text-decoration:underline; color:#000; }
#top { display:none; }
#container, #content { margin:0; padding:0; position:relative; display:block; }
div#cleft, div#cwide { width:100%; margin:0; padding:0; float:none; position:relative; display:block; }
#cright { display:none; }
#footer { display:none; }
div.footersome { display:none; }
}