/*  Localhead area definitions */
html, body {
	background-color:#FFF;
	color:#000;
}
div.logoandbg {
	background:url("images_local/local_site_pagebg.jpg") repeat-x #000;
}
.sublinks a {
	font-weight: bold;
	font-size:12px;
	text-decoration: none;
	color: #333;
	display:block;
	padding:10px 10px 10px 10px;
}
.sublinks a:hover {
	font-weight: bold;
	font-size:12px;
	text-decoration: underline;
	color: #3399cc;
}
.sublinks li.sida {
	float: left;
}
.sublinks li.sidfokus {
	float: left;
	background:#fff;
	margin-top:4px;
	border:1px solid #f1f1f1;
}
.sublinks li.sidfokus a {
	color: #3399cc;
	display:block;
	padding:6px 10px 6px 10px;
}
.sublinks li.sidfokus:hover {
	background-color:#afddfa;
	border-color:#63aad7;
	color: #FFFFFF;
}
.sublinks li.join span.small {
	color:#333;
	font-size:12px;
}
.sublinks li.join a {
	display:inherit;
	padding-top:10px;
}
.sublinks li.join span:hover {
	color:#FFF;
}
.sublinks li.sida.slutapanta, .sublinks li.sidfokus.slutapanta {
	background-image:url(images_layout/sprite_icons.png);
	background-repeat:no-repeat;
	background-position:0 -96px;
	margin-top:-38px;
	padding:38px 0 0 0;
}
.sublinks li.sidfokus.slutapanta {
	background-position:0 -222px;
	background-color:transparent;
	border:0;
	padding-top:41px;
}
div.grafik {
	margin:0;
	padding:0;
	width:960px;
	height:100px;
	position:absolute;
	left:inherit;
	top:40px;
	background-image:url(images_local/local_site_head.jpg);
	background-repeat:no-repeat;
}
div.grafik img {
	margin:21px 5px 0 13px;
	float:left;
}
#subbalk {
	background:url(images_local/local_site_navbar.jpg) #F1F1F1 repeat-x left top;
	height: 40px;
	margin:0;
	padding:0;
	position:absolute;
	left:inherit;
	top:140px;
	width:960px;
}
ul.sublinks {
	height:38px;
	position: absolute;
	top:142px;
	left:inherit;
	margin:0;
	padding:0 0 0 10px;
	width:950px;
}
div.filler {
	width:100%;
	height:200px;
	clear:both;
}
div.global_subbalkbg {
	background-color:#F1F1F1;
}
/* x3m login */
#login {
	background:url("images_layout/login-bg.jpg") repeat scroll 0 0;
	border:0;
	color:#CCCCCC;
	float:right;
	font-size:11px;
	height:62px;
	margin:21px 20px 0 0;
	width:270px;
}
#login strong {
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
	font-weight:normal;
}
#login img {
	border:2px solid #FFF;
	margin:0 30px 0 0;
	width:40px;
}
#login .group {
	float:left;
	margin-top:-5px;
	width:124px;
}
#login #username {
	margin-right:10px;
	display:block;
	clear:both
}
#login #password {
	display:block;
	clear:both
}
#login input {
	margin-top: 5px;
	font-size:13px;
	-webkit-transition: background-color 0.3s linear;
	-webkit-transition: color 0.3s linear;
	background-color:#afddfa;
}
#login input:hover {
	background-color:#FFF;
	color:#666;
}
#login #loginsubmit {
	background:url(images_layout/login-out-btn.gif) no-repeat scroll 0 -33px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	border:0;
	cursor:pointer;
	float:left;
	height:33px;
	line-height:15px;
	width:23px;
	cursor:pointer;
	margin:6px -25px 0 0
}
#login #loginsubmit:hover {
	background-position:-23px -33px;
}
#login input#password, input#username {
	background-color:#F1F1F1;
	width:103px;
}
#login a {
	background-image:url(images_layout/sprite_icons.png);
	background-repeat:no-repeat;
	background-position:50px -343px;
	color:#d30d1e;
	clear:left;
	display:block;
	float:left;
	font-size:14px;
	font-weight:bold;
	margin:10px;
}
#loginform {
	float:left;
	margin:10px;
	width:250px;
}
#login a.new-gk {
	-webkit-transition: background-color 0.3s linear;
	background-color:#fff7a0;
	background-image:url(images_layout/icon_newmsg.gif);
	background-position:3px 50%;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	border:0;
	color:#333;
	font-size:12px;
	font-weight:normal;
	padding:1px 5px 1px 23px;
	margin:-29px 0 5px 60px;
	-webkit-transition: opacity 0.9s linear;
}
#login #logout {
	background:url(images_layout/login-out-btn.gif) no-repeat scroll 0 0;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	border:medium none;
	cursor:pointer;
	height:33px;
	line-height:15px;
	width:23px;
	cursor:pointer;
	margin:10px 0 0 0
}
#login .logoutform {
	margin-right:-12px;
	width:23px;
}
#login #logout:hover {
	background-position:-23px 0;
}
ul, ol {
	margin:0;
	padding:0;
}
a {
	color:#474747;
}
/*  End- Localhead area definitions - Below content area definitions */
.section {
	font-size: 12px;
	color:#FFFFFF;
	font-weight:bold;
}
h1, h2, h3, h4, h5, h6 {
	margin:0
}
h1 {
	font-family: "Trebuchet MS", Arial, sans-serif;
	font-weight: normal;
	font-size: 26px;
	line-height:28px;
	color:#CC0000;
	margin:0 0 7px 0;
}
h2 {
	color:#333333;
	font-weight:bold;
	font-size: 14px;
	line-height:18px;
}
h3 {
	color:#474747;
	font-weight:bold;
	font-size: 24px;
	line-height:26px;
	font-weight:bold;
}
h4 {
	color:#CC3333;
	font-weight:bold;
	font-size: 14px;
	line-height:16px;
	font-weight:bold;
}
h4 a {
	color:#CC3333;
}
p {
	font-weight:normal;
	font-size: 16px;
	line-height:20px;
	color:#333333;
	margin:1px 0;
}
p.liten {
	font-size: 12px;
}
.small {
	font-size: 11px;
}
span.bildtext {
	font-size: 9px;
	color:#999999;
	display:block;
	width:360px;
}
p.ovrigt {
	font-size: 12px;
}
hr {
	color: #f0f0f0;
	background: #f0f0f0;
	width:100%;
	border: 0;
	height: 1px;
	background-color: #f0f0f0;
	margin:6px 0 8px 0;
	padding:0;
}
#site {
	float:left;
	padding-bottom:10px;
}
#contentleft {
	color:#333333;
	float:left;
	padding-bottom:10px;
	width:640px;
}
#contentleft.frame {
	clear:left;
	margin-bottom:0;
}
#index #contentleft {
	width:478px;
}
#contentleft table {
	clear:both
}
#contentleft p, #contentleft .text {
	font-size:12px;
	margin:10px 0;
	line-height:20px;
}
#contentleft p.ingress {
	font-size: 14px;
	font-weight:bold;
}
#contentcenter {
	float:left;
	margin:0 10px;
	width:140px;
}
#contentright {
	float:left;
	width:320px;
}
#contentcenter a:hover, #contentright a:hover, #login a.user:hover, #biglift a:hover, #site #localfooter a:hover, #site .liftgallery a:hover, #site .scndsub a:hover, #site ul.list a:hover, #site ul.listcollapsed a:hover, .byline a:hover, #liftgallery a:hover {
	text-decoration:underline
}
#contentcenter a, #contentright a, a:hover, #contentright #carouselcontent a:hover, #biglift a, #site #carouselcontent a, #site .arrowholder a:hover, #site ul li a, #site .menulink:hover, .sublinks li.sidfokus a:hover, .sublinks li.join a:hover, #login a, #login a.new-gk:hover, .byline a, #site ul.list.arrows a:hover, #liftgallery a {
	text-decoration:none
}
#mycol {
	float:left;
	color:#666666;
}
#mycol div.dbc {
	margin: 20px 0 20px 0;
	padding-bottom:20px;
	overflow:hidden;
}
#mycol div.dbchead {
	clear:both;
	height:68px;
	background-color:#999999;
	padding: 5px 0
}
#mycol div.dbchead h2 {
	margin: 10px 0;
}
#mycol div.dbchead h2 a {
	text-decoration:none
}
#mycol div.dbchead .floatleft {
	margin-left: 5px
}
#mycol div.dbc {
	border-bottom: 1px solid #f1f1f1
}
#mycol .dbc .shareitems {
	margin-top:10px;
}
#bloghead {
	background-color:#f8f8f8;
	width:630px
}
#add {
	float:left;
	margin-bottom:10px;
	width:320px;
}
#add .frame, #add.frame {
	width:318px
}
ul.mytheme {
	list-style: square;
	color: #395691
}
ul.mytheme li {
	margin-left:15px
}
div.rightadd {
	float:right;
	width:220px
}
div.wide {
	width: 628px;
}
div.full, #contentleft.full {
	width:958px
}
input {
	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-size:12px
}
textarea {
	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-size:12px;
	width:380px
}
/* taggsok*/
div.taggsok {
	margin-top:20px;
	float:left
}
div.taggsok form input#search {
	clear:left;
	display:block;
	float:left;
	margin:2px 5px 0 0
}
div.taggsok form input {
	clear:right;
	float:left;
}
div.taggsok form {
	display:block;
	margin: 0 0 10px 0;
	float:left;
	clear:both;
}
/* progspex */ 
div.airbox {
	border-top: 1px solid;
	margin: 10px 0
}
div.airbox h5 {
	margin-top:10px
}
div.contentbox .imgborder {
	margin: 0 0 5px 0;
}
div.markedmenu {
	background:url(images_layout/pagenavi_selected.png) 50% 0px;
	background-repeat:no-repeat;
	padding: 15px 0;
}
div.markedmenu.float {
	float:right;
	margin-right:20px
}
div.markedmenu select {
	display:block;
	width:220px;
	background-color:#DBD2C1
}
/* shared */
div.shared {
	margin: 0 0 20px 20px;
	float:left;
	clear:both
}
.numbers {
	padding-left:10px;
	margin-left:10px;
	color:#666;
	line-height:1.5em
}
input, textarea {
	border:1px solid #999;
}
textarea {
	padding:5px
}
input#action, #klubb_id, #id, #journal_id, #hide, #bildDummy {
	display:none
}
form.journalform input {
	display:block;
	clear:left;
	margin: 5px 0
}
form.journalform input.prvbtn, form.journalform input.nobr {
	clear:right;
	float:left
}
form.journalform input.prvbtn {
	margin-left:10px
}
form.journalform textarea {
	display:block;
	clear:left;
	margin: 5px 0;
}
form.journalform iframe {
	margin: 5px 0 0 0
}
div.x3m_program_picture_box ul.list.square li, div.x3m_picture_box ul.list.square li {
	float:left;
	margin-left:0;
}
a.lightbox img {
	border:2px solid #F4F4F4;
	display:block;
	opacity: .7;
	filter: alpha(opacity=70);
}
a.lightbox:hover img {
	border: 2px solid #9AC4EC;
	display:block;
	opacity:1.0;
	filter: alpha(opacity=100)
}
.frame, #login, div.paging, #biglift, .radius, .sidebar {
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
div.paging {
	border:1px solid #E9EEF5;
	background-color:#f8f8f8;
	margin:20px 0;
	padding:10px 5px;
	float:left;
	clear:both;
	width:576px;
}
div.paging a {
	padding: 3px 6px;
	border:1px solid #999;
	background:#FFFFFF;
	text-decoration:none
}
div.paging span {
	margin: 0 2px 2px 2px
}
div.paging span span {
	padding: 3px 6px;
	border:1px solid #000000;
	background:#FFFFFF;
}
div.paging a:hover {
	background:#63aad7;
	color:#fff;
}
div.paging span.current span {
	background: #D2E98E
}
#mycol div.paging {
	margin:10px 0;
}
#extremcol div.paging.narrow {
	width:400px;
	margin:5px 0
}
#extremcol div.paging.narrow.nomarg {
	margin:0
}
#extremcol div.paging.nomarg {
	margin:0
}
div.paging ul {
	margin:0;
	padding:0;
}
div.paging li {
	float:left;
	clear:none;
	margin: 4px 2px;
	display:block;
	padding: 3px 0
}
/* Inbox */
.a {
	background-color:#999999
}
.b {
	background-color:#CCCCCC
}
.row {
	padding:5px
}
a.kom {
	padding: 10px 0 20px 0;
}
/* entityedit */
div.entityedit {
	text-align:right;
	margin-top:10px;
}
div.entitykom {
	clear:both;
	display:block;
	margin:5px 0 0 0
}
span.musik {
	display:block;
	clear:both;
	margin:10px 0 10px 0
}
span.taggar {
	display:block;
	clear:both;
	margin:10px 0 10px 0
}
span.time, span.date {
	color:#666666
}
/* second horizontalnavi */
ul.scndsubnav {
	width:590px;
	height:38px;
	margin:0;
	padding:0 10px 0 0;
	display:block;
	clear:both;
}
ul.scndsubnav.narrow {
	width:380px;
	height: 28px;
	clear:none
}
ul.scndsubnav.narrow li.scndsub {
	height:20px
}
ul.scndsubnav.narrow li.scndsub a {
	padding-top:0;
	margin-bottom:0
}
.ulseparator {
	border-top:1px solid #F1F1F1;
	margin: 0 20px 10px 20px;
	display:block
}
.ulseparator a {
	display:block;
	margin-bottom:10px
}
.scndsubnav li.scndsub {
	float: left;
	height:28px;
}
.scndsubnav li.scndsub a {
	padding:10px 20px 0 0;
	display:block
}
.scndsubnav li.scndsub.selected {
	background:url(images_layout/pagenavi_selected.png) 40% -2px;
	background-repeat:no-repeat;
	font-weight:bold;
}
.scndsubnav.accent li.scndsub.selected {
	background-position:33% -92px;
}
.scndsubnav li.scndsub .selected a {
	color: #EC5240;
}
.scndsubnav li.scndsub .selected a:hover {
	color: #FFFFFF;
}
.scndsubnav li.scndsub span {
	padding:0 20px 0 0;
	display:block
}
/* Status & co */
span.icon {
	background-repeat:no-repeat;
	background-position:right;
	padding:3px 15px 3px 0
}
span.iconleft {
	background-repeat:no-repeat;
	background-position:left;
	padding:3px 10px 3px 15px
}
span.iconbig {
	background-repeat:no-repeat;
	background-position:right;
	padding:3px 22px 3px 10px
}
span.iconbigleft {
	background-repeat:no-repeat;
	background-position:left;
	padding:3px 10px 3px 22px
}
span.icon.inlagg {
	background:url(images_layout/sprite_activity_icons.png) no-repeat scroll right -265px;
}
span.icon.foton {
	background:url(images_layout/sprite_activity_icons.png) no-repeat scroll right -417px;
}
span.icon.embed {
	background: url("images_layout/sprite_icons.png") no-repeat scroll left -425px transparent;
	padding: 0 0 0 20px;
}
span.icon.kommentarer {
	background:url(images_layout/sprite_activity_icons.png) no-repeat scroll right -337px;
}
.report {
	background:url(images_layout/sprite_activity_icons.png) no-repeat scroll 5px -498px;
}
span.report {
	color:#C00;
    padding: 2px 0 2px 20px;
}
.download, span.iconbigleft.download {
	background-image:url(http://static.yle.fi/svenska/images_global/global_icon_sprite.gif);
	background-position:left -199px;
}
span.iconbig.download {
	background-position:right -199px;
}
/* status ikoner */
.inloggad, .inloggad_admin {
	background:transparent url(images_layout/sprite_activity_icons.png) no-repeat scroll left -59px;
	padding-left:12px;
}
.offline, .offline_admin {
	background:transparent url(images_layout/sprite_activity_icons.png) no-repeat scroll left -119px;
	padding-left:12px;
}
.extremadmin {
}
.special {
	background:url(images_layout/sprite_activity_icons.png) no-repeat scroll right -188px;
	padding-right:12px;
}
/* flash stylningar */
div.AreenaPlayer {
	float:left;
}
/* List stylingar */
ul.list {
	clear:both;
	display:block;
	margin: 0;
	padding:0;
}
#add ul.list {
	float:left;
	width:285px
}
ul.list li a img {
	clear:both;
	display:block;
}
ul.list.square {
	list-style: square;
	color:#395691;
}
ul.list.square li {
	margin-left:15px
}
ul.list.square li.img {
	margin:5px 0px;
	list-style-type:none;
}
ul.list.friends li {
	float:left;
	width:142px;
}
.list.mood li {
	clear:both;
	border-bottom:1px solid #f1f1f1;
	margin:4px 0;
	padding:4px 0
}
.list.arrows {
	margin:10px 0 20px 0;
}
.list.arrows li {
	border-top:1px solid #f1f1f1;
	padding-top:10px;
	margin-bottom:10px;
	line-height:1.5em;
}
.list.arrows li a:hover {
	-webkit-transition: color 0.3s linear;
	color:#3399cc;
}
.list.arrows img {
	width:100px;
	margin:3px 3px 3px 0;
	padding:2px;
	border:1px solid #f1f1f1;
}
.imgwrapper {
	clear:both;
	width:auto;
}
.imgcut {
	background-color:#f8f8f8;
	border-bottom:1px solid #CCC;
	overflow:hidden;
}
.imgbg {
	background-color:#f8f8f8;
	border-bottom:1px solid #CCC;
	overflow:hidden;
	height:250px;
}
.imgcut .frame.accent {
	border:1px solid #000;
	color:#CCC;
	margin-top:0;
	width:586px;
}
img.maxwidth {
	max-width:920px;
}
.prog-desc {
	float:left;
	margin-top: 10px;
    text-align: center;
    width: 230px;
	text-shadow: 0 1px 0 #FFF;	
}
#contentleft .imgcut .text {
	margin:10px;
}
#contentleft .imgbg .text {
	background-color:#fff;
	float:right;
	margin:10px 10px 10px 20px;
	width:200px;
}
ul.list .imgwrapper img {
	clear:none;
	display:inline;
}
#site ul.list .link {
	font-weight:bold;
}
.list.clear li {
	clear:both;
}
.clear {
	clear:both;
	display:block;
}
.clearleft {
	clear:left;
	display:block;
}
#mycol span.user {
	border-left: 1px solid;
	display:block;
	float:right;
	list-style-type:none;
	overflow:hidden;
	margin:0;
	padding:0;
	width:65px;
	white-space:nowrap
}
span.square {
	list-style: square;
	display:list-item;
	clear:left;
	color:#474747;
	margin-left:15px;
}
span.square.nobr {
	clear:none
}
span.program {
	color:#CCCCCC
}
span.comments {
	color:#A36135
}
ul.listcollapsed li {
	float: left;
}
ul.listcollapsed li a {
	white-space:nowrap
}
.emptyline {
	padding-top:10px;
}
ul a.emptyline {
	margin-top:10px;
	display:block
}
/* KOMMENTARER */ 
#kommentera {
	clear:both;
	display:block;
}
/* Gemensamma för kommentarer & kommentera */
div.kommhead {
	float:left;
	margin-top:20px;
	width:590px;
	padding:10px 0;
	border-top:1px solid #E9EEF5;
	clear:both;
}
div.kommhead dl {
	float:left;
	margin:10px 20px;
	padding:0;
	display:inline;
	background-image:url(images_layout/kommentar_bg_grey.gif);
	background-repeat:repeat-y;
}
div.kommhead dt {
	float:right;
	width:480px;
	margin:0;
	padding:0;
}
dt span {
	color:#999999;
	margin:15px 15px 15px 10px;
	display:block;
}
dt span span {
	display:inline;
	clear:none;
	margin:0
}
dt div {
	color:#999999;
	margin:15px
}
dt span i {
	display:block;
	clear:right;
	padding:0 0 10px 0;
	font-style:normal;
	font-size:11px;
}
dt span i a {
	color:#999999
}
dt span i a:hover {
	color:#999999;
	text-decoration:none
}
/* ej inloggad */
#anoncomment {
    background-color: #F8F8F8;
    border-bottom: 1px solid #DFDFDF;
    border-top: 1px solid #DFDFDF;
    clear: both;
    float: left;
    margin: 20px 0 10px -20px;
    width: 628px;
}
.playlistComment #anoncomment {
	width:698px
}
#anoncomment label {
    clear: both;
    color: #666666;
    display: block;
    font-weight: bold;
}

#captcha, .verify-input {
    clear: right;
    float: left;
}
#anoncomment input {
    margin-top: 5px;
}
#anoncomment textarea {
    margin: 5px 0;
    width: 576px;
}
#anoncomment #sec {
    margin: 8px 8px 0;
}
#anoncomment #skicka {
    margin: 6px 0 0;
}
#captcha {
    border: 1px solid #CCCCCC;
}
.captcha-content .small {
    color: #666666;
    display: block;
    float: left;
    margin: 5px 0 0 10px;
    width: 250px;
}
#anoncomment legend {
    color: #666666;
    font-weight: bold;
}
#anoncomment fieldset {
    border: 1px solid #dfdfdf;
    margin: 0;
    padding: 5px;
	width: 453px;
}
.kommhead .anon .accent{
	font-weight:bold;
}
.kommhead .anon dd.kom {
	background-image:none;
	color:#333;
}
div.kommhead dl.anon{
	background-repeat:no-repeat;	
}
/* artikel spex */
/* innehåller bilden & kommentarer */
dd {
	margin:0;
	padding:0;
	line-height:1.5em;
	color:#333333;
}
div.kommhead dd.kom div {
	width:460px;
	overflow-x:hidden;
}
div.kommhead dd.kom {
	background-image:url(images_layout/kommentarbubbla_arrow_grey.gif);
	background-repeat:no-repeat;
	padding: 0 10px 0 95px;
}
div.reply {
	border-top: 1px solid #f1f1f1;
	background-color:#CCCCCC
}
div.reply span {
	display:block;
	margin: 4px
}
div.reply span span {
	display:inline;
	margin:0
}
dd.kom form {
	display:block;
	clear:right;
}
dd.kom textarea {
	margin:0;
	clear:right;
	display:block
}
dd.kom input.btn {
	background-color : #C0DBF4;
	border : 1px solid #7E9DB9;
	color : #416E96;
	font-size : 11px;
	font-weight : bold;
	padding:2px;
	margin:10px 0;
}
div.kommhead dd.img img {
	float:left;
	margin-top:20px;
	border: 4px solid #FFFFFF;
}
input.skicka {
	display:block;
	clear:both
}
form.sokmedlem {
	display:block;
	margin:10px 0 10px 0;
	clear:both
}
form.sokmedlem input.btn {
	background-color:#C0DBF4;
	border:1px solid #7E9DB9;
	color:#416E96;
	font-size:11px;
	font-weight:bold;
	padding:2px;
	margin:10px 0 0 0;
	clear:none
}
input.btn {
	text-shadow:0 1px 0 #E0E8EF;
}
div.container-ul {
	margin: 0 0 5px 0;
	clear:both;
	display: block;
	float:left
}
div.container-ul ul {
	margin: 10px 0 10px 0
}
div.container-ul li {
	padding-right:3px;
}
/* Autosuggestfunktionen */
.dynamic_search_link, .dynamic_search_link_over {
	font-size: 12px;
	padding: 2px 6px 2px 6px;
}
.dynamic_search_link {
	background-color: #FF492B;
}
.dynamic_search_link_over {
	background-color: #FFE703;
}
.dynamic_search_container {
	position: absolute;
	background-color: #FF492B;
	text-align: left;
	color: #000000;
	border: 1px solid #000000;
	cursor: default;
	margin-top:32px
}
div.field div.dynamic_search_container {
	margin-left:100px
}
.imgborder {
	border: 4px solid #FFFFFF
}
div.notice {
	background-color:#000;
	color:#FFFFFF;
	border:1px solid;
	clear:both;
	width:588px;
	margin:10px 0;
}
div.notice div {
	margin:10px;
	clear:both
}
div.error {
	color:#990000;
	font-weight:bold;
}
div.notice h6 {
	margin:0;
	padding:0;
	font-size:14px;
	font-weight:bold
}
.citat {
	font-style:italic;
	padding:5px;
	margin:5px;
	border: 1px solid;
	display:block
}
/* gk meddelanden */
.inboxhead {
	margin: 10px 0 0 0;
	padding:0px;
	border:0px;
}
div.rowsplit {
	margin-left:20px
}
.floater {
	float:right;
	clear:right;
	margin: 0 0 5px 5px;
	border:1px solid #FFFFFF
}
div.preview {
	clear:both;
	margin-top:20px;
	border-top:1px solid;
	float:left;
	width:640px
}
div.preview span.date {
	margin-top:20px;
}
div.x3m_program_picture_box ul.list.square {
    float: left;
    list-style-type: none;
    margin-bottom: 20px;
}
#site .poll {
	background-color:#000;
	border:1px solid #333;
	color:#FFF;
	display:block;
	float:right;
	margin:10px 5px 10px 10px;
}
#site .poll strong {
	color:#CCC;
	display:block;
	font-size:12px;
	padding:2px 3px;
}
/* localfooter */
#localfooter {
	background:url(images_local/local_site_footer.jpg) repeat-x;
	display:block;
	float:left;
	width:960px;
	min-height:92px;
	overflow:hidden;
	margin-top:5px;
}
#localfooter a {
	color:#EAB964
}
#localfooter div.container-ul {
	margin:0;
	padding:0;
	width:960px
}
#localfooter ul {
	margin: 23px 20px 0 20px;
	padding:0;
	width:920px
}
#localfooter ul.listcollapsed li {
	margin:0 10px 0 0;
	padding:0
}
#localfooter span {
	margin:26px 20px 5px 20px;
	clear:both;
	display:block;
	color:#808080;
	float:left;
	width:920px
}
#yle-footer a {
	color:#003399;
}
.setthree {
	float:left;
	width:960px;
}
#biglift {
	float:left;
	margin-bottom:20px;
	overflow:hidden;
	width:960px;
}
#biglift h1 {
	margin:0;
}
.bg1 {
	background:url("images_layout/set1_livebox.png") no-repeat;
}
.bg2 {
	background:url("images_layout/set1_livebox.png") no-repeat scroll 0 -582px transparent;
}
.bg3 {
	background:url("images_layout/set2_livebox.png") no-repeat scroll 0 22px transparent;
}
.bg4 {
	background:url("images_layout/set3_livebox.png") no-repeat scroll 0 -392px transparent;
}
.bg5 {
	background:url("images_layout/set5_livebox.png") no-repeat scroll 0 0 transparent;
}
.bg6 {
	background:url("images_layout/set5_livebox.png") no-repeat scroll 0 -392px transparent;
}
.bg7 {
	background:url("images_layout/set6_livebox.png") no-repeat scroll 100px 0 transparent;
}
.bg8 {
	background:url("images_layout/set6_livebox.png") no-repeat scroll 100px -238px transparent;
}
.bg9 {
	background:url("images_layout/set6_livebox.png") no-repeat scroll 100px -475px transparent;
}
.bg10 {
	background:url("images_layout/set6_livebox.png") no-repeat scroll 100px -712px transparent;
}
.bg11 {
	background:url("images_layout/set6_livebox.png") no-repeat scroll 100px -949px transparent;
}
.bg12 {
	background:url("images_layout/set6_livebox.png") no-repeat scroll 100px -1187px transparent;
}
.bg13 {
	background:url("images_layout/set6_livebox.png") no-repeat scroll 100px -1424px transparent;
}
.bg14 {
	background:url("images_layout/set6_livebox.png") no-repeat scroll 100px -1660px transparent;
}
.bg15 {
	background:url("images_layout/set7_livebox.png") no-repeat scroll center center transparent;
}
.bg-news1 {
	background:url("images_layout/set4_livebox.png") no-repeat scroll 0 0 transparent;
}
.bg-news2 {
	background:url("images_layout/set4_livebox.png") no-repeat scroll 0 -297px transparent;
}
.bg-news3 {
	background:url("images_layout/set4_livebox.png") no-repeat scroll 0 -490px transparent;
}
.bg-dotted {
	background:url(images_layout/dotted_bg.gif);
}
.bg-grade2 {
	background-color:#F8F8F8;
}
.setthree .one, .setthree .two, .setthree .three {
	float:left;
	width:300px;
	margin:10px 0 10px 10px;
}
.setthree .two {
	margin-left:20px;
	margin-right:10px
}
ol#studiofeed {
	color:#9F9F9F;
	line-height:1.5em;
	position:relative;
	width:298px;
}
#studiofeedwrapper {
	border-bottom:2px solid #F1f1f1;
	height:320px;
	overflow:hidden;
}
ol#studiofeed li {
	clear:both;
	margin:0 0 10px 0;
	display:block;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
}
ol#studiofeed a {
	color:#9F9F9F;
}
#site ul li a {
	font-size:inherit;
	font-weight:inherit;
	line-height:inherit
}
.subheadline, .subheadline a {
	clear:both;
	display:block;
	font-weight:bold;
	font-size:24px;
	line-height:26px;
}
.subheadline a:hover {
	color:#999;
}
.arrow {
	background-image:url(images_layout/sprite_arrows.png);
	background-repeat:no-repeat;
	-moz-border-radius-topleft:3px;
	-moz-border-radius-bottomleft:3px;
	-webkit-border-top-left-radius:3px;
	-webkit-border-bottom-left-radius:3px;
	border-top-left-radius:3px;
	border-bottom-left-radius:3px;
	color:#FFF;
	font-weight:bold;
	padding:1px 8px 1px 2px;
	margin-right:3px;
	-webkit-transition: background-color 0.3s linear;
}
.arrow.song {
	text-transform:uppercase;
}
.arrow.big {
	background-position:right top;
	float:left;
	padding:7px 15px 7px 5px;
	margin:5px 5px 10px 0;
	text-transform:none;
}
.arrow.small {
	background-position:right -7px
}
.arrowholder {
	color:#FFF;
	display:block;
	font-family: Arial, Verdana, Geneva, sans-serif;
	font-size:20px;
	line-height:16px;
}
.arrowholder a {
	text-decoration:none;
}
.arrowholder img {
	margin-left:5px;
	width:40px
}
.arrowholder .additions {
	display:block;
	float:left;
	font-size:12px;
	padding:10px 5px;
}
a .arrow:hover {
	background-color:#63aad7
}
.arrow.grade1 {
	background-color:#d30d1e
}
.arrow.grade1.accent {
	background-position:right -110px;
}
.arrow.small.grade1.accent {
	background-position:right -117px;
}
.arrow.grade2 {
	background-color:#474747
}
.arrow.grade2.doublecolor {
	background-position:right -80px;
}
.arrow.grade3, .arrow.gradeuser {
	background-color:#bababa
}
.arrow.grade4 {
	background-color:#003366
}
.arrow.grade5 {
	background-color:#F7E510;
	background-position:right -50px;
	color:#333
}
.arrow.grade6 {
	background-color:#f1f1f1
}
.arrow.grade7 {
	background-color:#a0ee60;
}
.arrow.grade8 {
	background-color:#D20155;
}
.arrow span, .arrow.twitter {
	text-transform:none
}
.arrow span {
	font-weight:normal;
	font-size:0.95em;
}
h2 .arrow {
	line-height:16px;
}
.mms img {
	float:right;
	margin:0 0 5px 5px;
	width:80px
}
.menulink, #programlist a {
	background-color:#bababa;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	color:#FFF;
	font-weight:bold;
	padding:1px 3px;
	text-decoration:none;
	-webkit-transition: background-color 0.3s linear;
	cursor:pointer;
}
.menulink .amount {
	font-color: #f1f1f1;
	font-weight:normal;
}
#site ul#programlist a {
	font-size:16px;
	line-height:2em;
	padding:3px 4px;
}
.menulink:hover, .menulink.accent:hover, #programlist a:hover {
	background-color:#63aad7;
	border-color:#63aad7;
}
.menulink.accent:hover, #programlist a:hover {
	color:#FFF;
}
#programlist li:nth-child(odd) a:hover {
 color: #FFF;
}
.menulink.selected {
	background-color:#FFF;
	border:1px solid #bababa;
	color:#999;
	padding:0 3px
}
.menulink.accent, .menulink.expand, #programlist a {
	background-color:#FFF;
	border:1px solid #f1f1f1;
	color:#666;
	padding:0 3px
}
.menulink.expand {
	display:block;
	padding:10px;
	text-align:center;
	margin-bottom:20px;
}
.menulink.expand:hover, .byline.list li:hover, #login a.new-gk:hover {
	-webkit-transition: background-color 0.3s linear;
	background-color:#afddfa;
	border-color:#63aad7;
	color:#3399cc;
}
#radiofeed .menulink.expand.floatleft, #radiofeed .menulink.expand.floatright {
	margin:5px 0 10px 0;
	padding:3px;
	width:40%
}
.list .menulink, .quickread .menulink {
	margin-left:5px;
}
#timeline .marghandler {
	margin:-20px 20px 0 0;
}
.marghandler {
	margin:-20px 10px 10px 10px;
}
.wide .marghandler {
	margin:-22px 20px 20px 20px;
}
.full .marghandler {
	margin:-22px 20px 20px 20px;
}
.frame {
	background-color:#FFF;
	-moz-box-shadow:0 0 4px #F1F1F1;
	box-shadow:0 0 4px #F1F1F1;
	border:1px solid #DFDFDF;
	clear:both;
	float:left;
	margin:15px 0;
}
#extremcol.frame {
	margin-bottom:0;
}
.frame.accent {
	background-color:#333;
	border:none
}
#add.frame {
	width:318px
}
.accent h2 {
	color:#999;
}
.accent a {
	color:#6CF
}
.accent p a {
	color:#CCC
}
.accent ul.kub li {
	background-position:0 -394px
}
#infscrollholder .item {
	clear:both;
	width:440px;
}
div.item img, .blogs img, .byline img, .greyframe {
	background-color:#FFF;
	border:1px solid #F1F1F1;
	float:right;
	padding:2px;
	margin-left:3px;
	margin-top:22px;
}
.greyframe {
	float:left;
	margin:0 10px 5px 0;
}
#infscrollholder .item .quickread img {
	border:0;
	float:none;
	padding:0;
	margin:0;
}
#infscrollholder h3 {
	margin-top:-5px;
	padding:5px 0 10px 0;
}
#infscrollholder h3 a {
	color:#474747;
	display:block;
	font-size:24px;
	font-weight:bold;
	margin:10px 3px 15px 0;
	padding-left:40px;
	text-decoration:none;
	-webkit-transition: color 0.3s linear;
}
#infscrollholder .media h3 {
	background:url(images_layout/sprite_icons.png) no-repeat 0 -536px;
}
#infscrollholder .media h3:hover {
	background:url(images_layout/sprite_icons.png) no-repeat 0 -698px;
	-webkit-transition: background-position 0.3s ease;
}
#infscrollholder h3 a:hover, #site ul.list .link:hover {
	color:#63aad7;
	text-decoration:underline;
}
#infscrollholder p {
	clear:both;
	display:block;
}
#infscrollholder p.inline {
	display:inline
}
#infscrollholder .quickread {
	background-color: #ffffff;
	clear:both;
}
#infscrollholder .list, #infscrollholder .quickread {
	margin:0 0 10px 40px;
	padding:0 0 20px 0;
}
div.loading-img img {
	border:0;
	float:none;
}
div.loading-img, .alignmiddle {
	clear:both;
	text-align: center;
}
#fbshare {
	margin-left:20px;
}
.twitter-share-button, .google-buzz-button {
	float:left;
}
img.framed {
	background-color:#333;
	border:1px solid #444444;
	padding:4px
}
a img.framed:hover {
	background-color:#000;
}
.newsfeed img.framed {
	background-color:#000;
	margin-top:4px;
	padding:5px 18px;
	width:260px;
}
#radiofeed p {
	font-size:12px;
	line-height:normal;
}
#liftgallery {
	background-image:-webkit-gradient(linear, left top, left bottom, from(#373737), to(#111));
	background-image:-moz-linear-gradient(center bottom, #111 0pt, #373737 100%);
	background-color:#111;
	color:#FFF;
	float:left;
	margin:0 0 10px 0;
	padding:15px;
	width:598px;
}
#index #liftgallery {
	margin-left:-150px;
	width:auto;
}
#liftgallery a {
	color:#FFF;
}
#liftgallery h3 {
	font-size:32px;
	line-height:32px;
	margin:5px 0;
}
#liftgallery p {
	color:#bbfe6c;
	display:block;
	margin:0 0 15px 0;
}
.liftgallery li h3 {
	font-size:22px;
	line-height:1.5em
}
.liftgallery li p {
	clear:both;
}
.liftgallery li {
	margin-bottom:20px;
}
/* blogs */
.blogs a.link {
	color:#474747;
	font-weight:bold;
	font-size:18px;
}
.blogs {
	text-align:left;
	width:298px;
	margin-left:55px;
}
.blogs li img {
	float:right;
	margin: 0 0 5px 5px;
	width:40px
}
.blogs li {
	clear:both;
	padding:5px 0;
	border-bottom:1px solid #F1F1F1
}
.blogs a {
	display:inline;
}
.blogs .comments {
	font-size:11px;
	color:#999;
	clear:left;
	display:block;
}
.blogs li.itemlast {
	clear:both;
	padding:5px 0 0 0;
	border:0
}
#index .date {
	background-color:#f3f3f3;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	margin:0 5px 3px 0;
	padding:1px 3px;
	font-size:10px;
}
.topline {
	background:url(images_layout/sprite_separator.png) no-repeat -300px top;
	padding-top:20px;
	margin-top:0;
}
a.playing {
	background:url(images_layout/sprite_separator.png) no-repeat;
	color:#474747;
	display:block;
	padding:13px 10px 5px 45px;
	font-size:12px;
	line-height:normal;
	min-height:30px;
	-webkit-transition: background-color 0.3s linear;
}
#contentright a.playing:hover {
	background-color:#f8ed43;
	text-decoration:none;
}
#radiofeed .current, #radiofeed .next {
	clear:both;
	display:block;
	font-weight:bold
}
.current em {
	font-style:normal;
	color:#d30d1e
}
.next {
	color:#9F9F9F;
}
.next em {
	font-style:normal;
	font-weight:normal;
}
#programlist {
	display:block;
	width:918px;
	overflow:hidden;
	line-height:1.8em;
}
#programlist a {
	margin: 0 5px;
}
#programlist li:nth-child(odd) a {
 color: #d30d1e;
}
/* carousel*/
#carousel {
	font-size: 10px;
	height: 100px;
	width: 440px;
	position: relative;
	overflow:hidden;
}
#carouselcontent {
	float:left;
	overflow: hidden;
	position: relative;
	width:360px;
}
#carouselcontent ul {
	padding: 0px;
	margin: 0px;
	position: relative;
	display:block;
	float:left;
}
#carouselcontent img {
	border:4px solid #000;
	width:132px;
}
#contentright #carouselcontent a img:hover {
	-webkit-transition: border-color 0.3s linear;
	border:4px solid #36AAD7;
}
#carouselcontent a span {
	display:block;
	overflow:hidden;
	width:140px;
}
#carouselcontent li {
	white-space: nowrap;
	display: inline;
	padding: 0;
	margin: 0;
	overflow: visible;
}
#carouselcontent a {
	display: inline-block;
	padding: 0 10px 0 0;
	text-decoration:none;
}
#rightscroller, #leftscroller {
	background:transparent url(http://areena.yle.fi/images/sprite.gif) no-repeat scroll -60px -880px;
	cursor:pointer;
	height:89px;
	float:left;
	width:29px;
}
#leftscroller {
	background:transparent url(http://areena.yle.fi/images/sprite.gif) no-repeat scroll 0 -880px;
	margin-right:11px;
}
#rightscroller {
	margin-left:11px;
}
#leftscroller.disabled {
	background:transparent url(http://areena.yle.fi/images/sprite.gif) no-repeat scroll -30px -880px;
	cursor:default;
}
#rightscroller.disabled {
	background:transparent url(http://areena.yle.fi/images/sprite.gif) no-repeat scroll -90px -880px;
	cursor:default;
}
.departmentlift {
	clear:both;
	margin-right:-20px;
}
#site .departmentlift li.img h3 a {
	font-weight:normal;
	font-size:24px;
	line-height:normal
}
.departmentlift li {
	float:left;
	display:block;
	width:280px;
	margin:10px 20px 10px 0;
}
.departmentlift p a:hover {
	color:#000;
}
.departmentlift img {
	float:right;
	margin:15px 0 3px 4px;
	width:110px;
}
/* first lifts */
ol.puffar {
	list-style:none;
	margin-top:14px;
}
ol.puffar li {
	background-repeat:no-repeat;
	margin-bottom:20px;
}
.puffar a {
	display:block;
	height:146px;
	width:140px;
}
ol.puffar .fourth {
	margin-top:580px;
}
/* byline */
.byline {
	margin:0 20px 20px 0;
	line-height:21px;
}
div.byline {
	float: left;
    line-height: 21px;
    min-width: 280px;
}
ul.byline li {
	height:85px;
	width:284px;
}
ul.byline.expanded {
	margin:0;
}
ul.byline.expanded li:nth-child(odd) {
	margin-right:20px;
	clear:left;
}
ul.byline.expanded li:nth-child(even) {
	margin-right:0;
}
ul.byline.expanded li {
	margin-bottom:20px;
	height:auto;
}
.byline strong {
	display:block;
	clear:right;
}
.byline .user {
	color:#999;
}
.byline img {
	float:left;
	margin:0 5px 0 0;
	width:60px;
}
.byline.list img {
	border:none;
	width:25px;
	padding:0 5px 0 0;
	margin:0;
}
.byline.list {
	margin:0 0 10px 0;
}
.byline.list li {
	padding:2px;
	height:inherit;
}
.byline.list strong {
	font-size:14px;
	font-weight:bold;
	line-height:25px
}
.margframe .byline {
	margin: 0 10px 5px 0;
}
/* margins */
#site.pullup {
	margin-top:-16px;
}
.margbottomonly {
	margin:0 0 20px 0;
}
.marg-no {
	margin:0;
}
.margtoptio {
	margin-top:10px
}
.margtopbottomtio {
	margin:10px 0;
}
.margtoptjugo {
	margin-top:20px
}
.margtoptjugominus {
	margin-top:-20px
}
div.margtopfyrtio {
	margin-top:40px
}
div.margsidestjugo {
	margin-right:20px;
	margin-left:20px
}
.margbottomtjugo {
	margin-bottom:20px;
	display:block;
}
.margbottomtio {
	margin-bottom:10px;
}
div.paddtio {
	padding:10px;
}
.paddbottomtio {
	padding-bottom:10px;
}
.paddtoptio {
	padding-top:10px;
}
.margtjugo {
	margin:20px;
}
.margtio {
	margin:10px;
}
div.margframe {
	margin:16px 20px 20px 20px;
}
div.marggate {
	margin:20px 20px 0 20px;
}
div.margu {
	margin:0 20px 20px 20px;
}
div.marguten {
	margin:0 10px 10px 10px;
}
.narrow div.margu {
	margin:0 20px 20px 20px;
	float:left;
	width:400px;
}
.margtbtjugo {
	margin:20px 0;
}
.narrow div.margtbtjugo {
	margin:20px 0;
	float:left;
	width:400px;
}
div.margrighttjugo {
	margin-right:20px;
}
#contentleft p.citat {
	background: url("images_layout/sprite_articles.png") no-repeat scroll 0pt 10px transparent;
	border-top: 1px solid #F7E510;
	border-bottom: 1px solid #999;
	border-left:none;
	border-right:none;
	color: #999;
	font-size: 20px;
	font-style: italic;
	font-family: Times New Roman;
	float: right;
	line-height:1.3em;
	margin: 10px 0pt 10px 20px;
	padding: 60px 0 10px 0;
	width: 200px;
}
#contentleft p.citat.floatleft{
	float:left;
	margin:10px 20px;
}
.toplist {
    float: right;
	width: 300px;
}
.toplist.full {
	float:none;
    width: 588px;
}
.toplist li{
    border-bottom: 1px solid #F1F1F1;
    color: #CC0000;
    float: left;
    font-family: Trebuchet MS;
    font-size: 30px;
    font-style: italic;
    font-weight: bold;
    line-height: 1.5em;
	list-style-position:inside; 
    margin: 0;
	vertical-align:top;
    width: 270px;
}
.toplist.full li{
    width: 588px;
}
#contentleft .toplist p {
   display: block;
    float: left;
    font-family: Arial,Verdana;
    font-size: 14px;
    font-style: normal;
    font-weight: bold;
    margin: -35px 0 0 30px;
    padding: 3px 5px;
    width: 558px;
}
#contentleft .toplist p span{
    font-size: 11px;
    font-style: normal;
    font-weight: normal;
}
.surface{
    color: #999999;
    display: block;
    margin: 5px;
}
.fact {
    -moz-box-shadow: none;
    background-color: #F8F8F8;
    float: right;
    margin: 30px 0 10px 20px;
    width: 300px;
}
.floatleft, .floatleft li {
	float:left;
	margin:0 5px 5px 0
}
.floatright {
	float:right;
	margin:5px
}
.picsizesmall li a.lightbox img {
	width:70px;
}
.picsizesmall li a.lightbox img:hover {
	margin:-4px;
	width:78px;
}
.picsizesmall li {
	margin:0 6px 20px 0;
}
@media print {
div.noprint, #col_global, div.global-balkbg, div.global_subbalkbg, div.logoandbg, div.filler, div.global-nav li, div.grafik, div.grafik div, #subbalk, div.sublinks, div.sublinks div, ul.sublinks, div.sublinks a.sida, #localfooter, #yle-footer div, #contentright, #contentfooter, #global-nav, div.global-nav ul, #yle-footer, object, #kommentera {
	display: none;
	margin:0;
	padding:0;
}
#contentleft {
	display: block;
	width:95%;
}
#global-nav, div.global-nav ul, #yle-footer {
	overflow:hidden;
}
}