/*  Localhead area definitions */

body{
		background:url(images_local/local_site_pagebg.jpg) #ffffff no-repeat 50% 180px;

}

div.logoandbg{
	top:40px;left:0;height:140px; width:100%;min-width:960px; max-width:5000px; z-index:0;background:  #181818;  position:absolute;
}

*html div.logoandbg{
	width: 100% /* fallback value */;
width:expression(((document.compatMode && 
document.compatMode=='CSS1Compat') ? 
document.documentElement.clientWidth : 
document.body.clientWidth) 
> 5000 ? "5000px" : (((document.compatMode && 
document.compatMode=='CSS1Compat') ? 
document.documentElement.clientWidth : 
document.body.clientWidth) < 960 ? "960px" : "100%"));
}
	
div.global_subbalkbg{
	top:160px;left:0;height:20px; width:100%;min-width:960px; max-width:5000px; z-index:0;background: #5AA8D4; position:absolute;  z-index:0;
}

*html div.global_subbalkbg{
	width: 100% /* fallback value */;
width:expression(((document.compatMode && 
document.compatMode=='CSS1Compat') ? 
document.documentElement.clientWidth : 
document.body.clientWidth) 
> 5000 ? "5000px" : (((document.compatMode && 
document.compatMode=='CSS1Compat') ? 
document.documentElement.clientWidth : 
document.body.clientWidth) < 960 ? "960px" : "100%"));
}

div.bgcontainer{
	background:#ffffff;width:100%;display:table;
	
}

.sublinks a{
	font-weight: bold;font-size:14px; text-decoration: none;color: #FFFFFF;
}

.sublinks a:hover{
	font-weight: bold;font-size:14px; text-decoration: underline;color: #63D5FF;
}

.sublinks div.sidfokus{
	float: left; height:28px; padding:6px 10px 0 10px;background:#FFFFFF;margin-top:4px;
}

*html .sublinks div.sidfokus{
	 height:38px;
}

.sublinks div.sidfokus a{
	color: #E56727;
}

.sublinks div.sidfokus a:hover{
	color: #003399;
}

.sublinks div.sida{
	 float: left; height:28px;padding:10px 10px 0 10px;

}

*html .sublinks div.sida{
	 height:38px;
}
	
div.grafik{
	margin:0; padding:0; width:960px; height:100px;position:absolute; left:inherit; top:40px;
}

div.grafik img{
	margin:0; padding:0; border:0;
	
}

#subbalk{background: #a2b600;  background:url(images_local/local_site_navbar.jpg) no-repeat right top; height: 40px; width:960px;  margin:0; padding:0; position:absolute; left:inherit; top:140px;
		}
	
*html #subbalk{
		height:40px;
}

div.sublinks{
	width:950px; height:38px; position: absolute; top:142px; left:inherit;z-index:400; margin:0; padding:0 0 0 10px;
}

*html 
div.sublinks{
	width:960px;height:38px;
	
	}


div.filler{
	width:100%; height:180px;clear:both;
	
	
}


/*  End- Localhead area definitions */


/*  Below content area definitions */
	

a {color: #003399;}

a:hover{
	text-decoration:none;
	
}

.section{font-size: 12px; color:#FFFFFF;font-weight:bold;}


h1{
	font-family: Trebuchet MS, Arial; font-weight: normal; font-size: 26px; line-height:28px; color:#BC4918; margin:0 0 7px 0;
	
	
}

h2{
	color:#632F17; font-weight:bold; font-size: 14px; line-height:18px; margin:0;
	
}

h4, #contentcenter h2{
	color:#FF5D05; font-weight:bold; font-size: 14px; line-height:16px; margin:0; font-weight:bold;
	
}

h5 {
	color:#259cc9; font-weight:bold; font-size: 12px; line-height:16px; margin:0 0 4px 0;

}

h2.liten{
	color:#259cc9; font-weight:bold; font-size: 14px; line-height:18px; margin:0;
	
}

p{
	font-weight:normal; font-size: 16px; line-height:20px; color:#333333; margin:1px 0;
	
}

p.ingress{font-size: 14px;}

p.liten{font-size: 12px;}

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;
	
	
}

*html hr{
	margin:0;
	
	
}



/*
ul.kub{
	
	 color:#003399; margin:5px 0 0 15px; padding:0; position:relative; width. 140px;
}
*/

ul.kub li a{
	list-style-type:square; margin-left:0;
}




a.kub:hover{
	text-decoration:none;
	
}



ul.kubliten{
	
	 color:#5AA8D4; margin:5px 0 0 15px; padding:0; position:relative; width. 140px;
}

ul.kubliten li{
	list-style-type:square; margin-left:0;	
}



a.kubliten{
	text-decoration: underline; font-weight:normal; font-size: 12px; line-height:17px; color:#5AA8D4;	
}

a.kubliten:hover{
	text-decoration:none;
	
}




#frame {
		width:960px;
		margin-right:auto;
		margin-left:auto;
		margin-top:20px;
		padding:0px;
		}
		
#contentleft {
		width:480px;
		padding:0px;
		float:left;
		}
		
div.brodtext img{
margin-left:5px;
margin-right:5px;

		}

#contentleftarticle {
		width:660px;
		padding:0px;
		float:left;
		}
	
#contentcenter {
		width:280px;
		padding:0px;
		float:left;
		}

div.contentcentermargin p{
	font-weight:normal; font-size: 14px; line-height:20px; color:#333333; margin:1px 0;
}

div.contentcentermargin {width:260px;margin:0 0 0 20px;}

div.contentleftmargin {width:460px;margin:0 0 0 20px;}

	
#contentright {
		width:180px;
		padding:0px;
		margin-left:20px;
		float:left;
		}

#contentright h3 {color:#FFFFFF;font-size:24px;margin:0}

div.colorboxA{background:url(images_local/local_site_boxbg.jpg) repeat-x;background-color:#5D5D5D;color:#FFFFFF;font-size:12px;line-height:20px}
div.colorboxA p{color:#FFFFFF; font-size:12px;}

div.colorboxA ul {
margin-left:0;
padding-left:12px;
}

div.colorboxA ul li{
margin-left:0;
list-style-type:disc; 
list-style-position:outside;
}


div.colorboxB{background:url(images_local/local_site_boxhead.jpg) no-repeat}

div.colorboxC{background-color:#FFE6CC;border-top:1px solid #ffffff;border-bottom:1px solid #ffffff}

div.margtoptjugo{margin-top:20px}

div.margsidestjugo{margin-right:40px;margin-left:20px}

div.colorboxA hr{color: #FF5D05; background: #FF5D05; width:100%; border: 0;height: 1px; background-color: #FF5D05; margin:6px 0 10px 0; padding:0;}
div.colorboxA ul.kub{
	 color:#81BDDF; margin:5px 0 0 15px; padding:0; position:relative; width. 140px;
}


div.colorboxA a{
	text-decoration: underline; font-weight:normal; font-size: 12px; line-height:17px; color:#81BDDF;
}

div.colorboxA img{
	margin-right:10px;
}

div.colorboxA a.kub, div.colorboxA span.kub {
background-image:url(http://www.yle.fi/svenska/images_global/kub_99CCFF.gif);
}


div.colorboxA a:hover {
	text-decoration:none; font-weight:normal; font-size: 12px; line-height:17px; color:#81BDDF;
}


div.margbottomtjugo{margin-bottom:20px}

div.paddtio{padding:10px}

img{margin-bottom:1px; border:none}

div.img{border-bottom:4px solid #5D5D5D;margin-bottom:10px;}

div.imgfloatright{float:right; width:360px;margin-left:20px;}

div.lyssna a{
	color: #003399; font-size:14px;
}
div.lyssna a:hover{
	text-decoration:none; font-size:14px;
	
}
div.titta a{
	color: #003399; font-size:14px;
}

div.titta a:hover{
	text-decoration:none; font-size:14px;
	
}


div.psizestandard{font-size:14px}

#localfooter{background-color:#181818;padding:20px;margin-top:20px;background:url(images_local/local_site_footer.jpg) no-repeat;padding-left:20px; font-size:12px; color:#FFFFFF}

div.meny select{
	font-size:10px; background: #ebf0f7; width: 240px; margin:0 0 0px 0;

}

/* Blogs */

.underline { padding-bottom:5px; border-bottom:1px solid #CCCCCC; margin-bottom:10px;}

.entry {
	margin-bottom:20px;
	padding-bottom:20px;
	border-bottom:1px solid #F1F1F1;
}
.entry h2 {
	margin:5px 0;
}
.entry p {
	font-size:14px;
}
.entry span.time {
	color:#669966;
	font-size:11px
}
.entry .img {
	float:right;
	margin:0 0 5px 5px
}
.entry.blog .img {
	clear:both;
	float:none;
	margin:0;
}
/* Comments */


#kommentarer {
	clear:both;
	margin:20px 0;
	display:table;
	width:460px
}
#kommentarer h4 {
	font-size:14px;
	border-top: 1px dotted #FFBF6B;
	padding:10px 20px 0 20px;
	margin:0 0 -10px 0;
	color:#FF9000
}
#kommentarer dt {
	margin: 20px 0 0 0;
	padding:0 0 4px 40px;
	background-image:url(http://www.yle.fi/svenska/images_global/com_user.gif);
	background-repeat:no-repeat;
	background-position: 10px;
	font-weight:bold
}
#kommentarer dt span {
	font-weight:normal;
	font-size:0.8em;
	color:#666666;
	float:right;
	margin-right:5px
}
#kommentarer dd {
	margin: 0;
	padding:20px 10px 10px 10px;
	background-color:#FFEED9;
	border-top: 1px solid #FF9000;
	background-image:url(http://www.yle.fi/svenska/images_global/com_arrow.gif);
	background-repeat:no-repeat
}
#kommentarer dd span.svar {
	color: #874C00;
	margin:20px 5px 5px 0;
	display:block;
	border-left: 1px solid #FF9000;
	padding-left:15px
}
span.icon {
	background-repeat:no-repeat;
	padding:3px 0 3px 25px;
	margin-left:10px;
	font-size:11px;
	color:#666666;
}
span.icon.rss {
	margin-left:0px;
	padding-left:22px;
}
span.icon a {
	text-decoration:none;
	font-size:11px;
	color:#666666;
}
span.icon.rss a {
	text-decoration:underline;
	font-size:12px;
	color:#003399;
}
span.icon.rss a:hover{
	text-decoration:none;
}
span.link {
	display:block;
	clear:both;
	background-repeat:no-repeat;
	background-position:left;
	padding:3px 0 3px 20px;
	margin: 10px 0 5px 0
}
.com {
	background-image:url(http://www.yle.fi/svenska/images_global/com_user.gif)
}
ul.kub a.com {
	background:url(http://www.yle.fi/svenska/images_global/com_user.gif) no-repeat right top;
	padding-right:28px;
}
#kommentarer span.icon.com {
	background-image:none;
	margin:5px 0;
	padding:0;
	font-size:inherit
}
.write {
	background-image:url(http://www.yle.fi/svenska/images_global/global_icon_sprite.gif);
	background-position: left -500px;
}
.small {
	font-size:11px;
	color:#666666
}


/* Infocard blogger */

#infocard {
	float:left;
	background-color:#FFCC99;
	width:260px
}
#infocard div {
	margin:10px;
	float:left
}
#infocard h3 {
	font-weight:bold;
	font-size:16px
}

/* List of comments */

#listcom {
	float:left;
	margin:20px 0;
}

#listcom ul.kub {
	clear:both;
	float:left;
	width:260px;
}
#listcom ul.kub li {
	clear:both;
	float:left;
}
#listcom ul.kub li a{
	clear:both;
	float:left;
	margin-bottom:10px;
	width:220px;
}

/* Commentform */

#cform input {
	margin: 5px 0 5px 0;
	clear:both;
	display:block
}
#cform textarea {
	margin:5px 0 5px 0;
	padding:0;
	width:300px;
	clear:both;
	display:block
}
