/*  Localhead area definitions */
/*
img { behavior: url(iepngfix.htc); }
*/

html {
background-color:#000000;
}

a {
	color: #E09F2B;
	}

div.logoandbg{
	top:40px;left:0;height:140px; width:100%;min-width:960px; max-width:5000px; 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; background: #755964; position:absolute; }

*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%"));
}


.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: #F1B377;
}

.sublinks li.sidfokus{
	float: left;
	height:28px;
	padding:7px 10px 0 10px;
	background: #000000; 
	margin-top:3px;
	
}

*html .sublinks li.sidfokus{
	 height:34px;
}

.sublinks li.sidfokus a{
	color: #ffffff;
}

.sublinks li.sidfokus a:hover{
	color: #F1B377;
}

.sublinks li.sida{
	 float: left; height:28px;padding:10px 10px 0 10px;

}

*html .sublinks li.sida{
	 height:38px;
}



div.grafik{
	top:40px; margin:0; padding:0; border:0; width:100%; height:120px; position:relative; left:relative; overflow:hidden; background: transparent;
}


div.grafik img{
	margin: 0px; padding:0; border:0;
	
}


#subbalk{background: url(images_local/local_site_navbar.jpg) no-repeat #C0985B; height: 40px; width:960px;  margin:0; padding:0; position:absolute; left:inherit; top:140px;
		}

*html #subbalk{
		height:40px;
}

ul.sublinks{
	width:950px; height:38px; position: absolute; top:143px; left:inherit;z-index:400; margin:0; padding:0 0 0 10px;
}

*html 
ul.sublinks{
	width:960px;height:38px;
	
	}

div.filler{
	width:100%; 
	height: 60px;
	clear:both;	
	
}

h2.toprubrik {
	margin-bottom: -2px;
	}

h3.underrubrik {
	margin-top: 3px;
	margin-bottom: 2px;
	}

/*  End- Localhead area definitions */

/*  Below content area definitions */
	
	
	
/*  BAKRUNDEN MED BAKGRUNDSBILD

body {
background: url(images_local/framlingar_testbg.jpg) #000000;
background-repeat: no-repeat;
}

 */

body {
background:url(images_local/framlingar_testbg.jpg) #000000 no-repeat 50% 40px;
}



.section{font-size: 12px; color:#FFFFFF;font-weight:bold;}


h1{
		color:#F1B377;font-family: Trebuchet MS, Arial; font-weight: normal; font-size: 26px; line-height:28px; margin:2 0 5px 0;
}

h1 a{
	font-family: Trebuchet MS, Arial; font-weight: normal; font-size: 26px; line-height:28px; color:#264444; margin:2 0 5px 0; text-decoration:none;
}

h1 a:hover{
	color: #003399; text-decoration:underline;
}

h1 span {clear:both; display:block;font-size:14px; font-weight:bold; color:#3E8BC6; font-family:Arial,Verdana, Helvetica, sans-serif;}

h1 span a{ font-size:14px;font-weight:bold; color:#3E8BC6; font-family:Arial,Verdana, Helvetica, sans-serif; text-decoration:underline}

h2{
	color:#F1B377; 
	font-weight:bold; 
	font-size: 16px; 
	margin:2 0 5px 0;
	line-height:27px;
	
}

h2 a{
	color: #264444; font-weight:bold; font-size: 15px; margin:0; text-decoration:none
}

h2 a:hover{
	text-decoration:underline;
}


h3{
	color:#EBD1BD; font-weight:bold; font-size: 14px; line-height:16px; margin:0; font-weight:bold;
	
}

h4{
	color: #58AB4F; font-weight:bold; font-size: 12px; margin:0; font-weight:bold;
	
}


p{
	font-size: 14px; margin:10px 5px 10px 0;
	color: #ffffff;
	
}

p.ingress{
	font-size: 12px; font-weight:bold; color:#3E8BC6;
}


p.stor{
	font-size: 14px;
}

p.liten{font-size: 12px;}

p.ovrigt{font-size: 12px;}


hr{
	width:100%; border: 0;height: 1px; background-color: #4C3A6E; color: #4C3A6E; margin:4px 0 4px 0; padding:0;
	
	
}

*html hr{
	margin:0;
	
	
}


a.titta { background-image:url(http://www.yle.fi/svenska/images_global/ikon_video.gif); background-repeat:no-repeat; background-position:top left; padding: 0 0 0 20px; line-height:1.5em}


/* Grid */

#site {
		width:960px;
		margin-right:auto;
		margin-left:auto;
		padding:0;
		padding-top:20px;
		/*background: url(images_local/transp_black_ny.png);*/
		background-repeat: repeat;
		behavior: url(iepngfix.htc);
		}		

#contentleft {
		width:160px;
		float:left;
		color: #FFFFFF;
		
		}

#kandidatstor {
width:100%;
}

#contentcenter {
		width:620px;
		float:left;
		color: #FFFFFF;

		}

#contentright {
		width:180px;
		float:left;
}		
		

#contentleft div {margin-left:20px}

		
		#contentcenter_2 {
		width:780px;
		padding:0px;
		float:left;

		}
		


#right_grafik {
width: 180px;
height:300px;
}

/* Skriver över globala värdet för centerizer */ 

.centerizer {}

/* Grid slut */ 



div.marglefttjugo{margin-left:20px; display:table;}
div.margsidestjugo{margin: 0 20px 0 20px; display:table}
div.margrighttjugo{margin-right:20px; display:table}
div.margvsides{margin:20px 0 20px 0; display:table; width:100%}
div.margtjugo{margin:20px; display:table}
div.margtoptjugo{margin-top:20px; display:table}
div.margtopfyrtio{margin-top:40px; display:table}
div.margbottomtjugo{margin-bottom:20px; display:table}

div.paddtio{padding:10px}


#kandidatstor img {
margin-left:10px;
margin-right:10px;
}


div.media-content {
margin-left:10px;
}

div.img{border-bottom:4px solid #B6DFB1;margin-bottom:10px;}
div.imgfloatright{float:right; width:300px;margin-left:20px;}
div.imgfloatleft{float:left; width:300px;margin-right:20px;}

div.floatleft{float:left;}

#localfooter{margin-top:20px; padding:23px;background:url(images_local/local_site_footer.gif) no-repeat;padding-right:20px; text-align:right; font-size:12px; background-color:#000000}

a.kub{
	background:transparent url(images_local/kub_003399.gif) no-repeat scroll 0px 6px; 

}

.kub_framlingar{
	color:#E09F2B; 
		padding-left: 10px;
	background:transparent url(images_local/kub_003399.gif) no-repeat scroll 0px 6px; 
}

ul.kub_framlingar{
	color:#ffffff; 
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0;
	padding:0; 
}

ul.kub_framlingar a{
	color:#E09F2B;
	padding-left: 10px;
	background:transparent url(images_local/kub_003399.gif) no-repeat scroll 0px 6px;

}

ul.kub_framlingar a:hover{
	color:#E09F2B;
	padding-left: 10px;
	background:transparent url(images_local/kub_003400.gif) no-repeat scroll 0px 6px;

}


ul.kub_framlingar li{

	padding-left:0px;
}

div.avsnittsbox {
width: 180px;
float: left;
padding: 0px;
diplay: table;
margin-right: 10px;
}

* html div.avsnittsbox {
width: 170px;
margin: 0;
}

div.avsnittsbox img{
float: left;
}

div.avsnittsbox p{
margin-left: 10px;
}

#yle_footer { background-color:#000000; border-top:4px solid #CCCCCC; color:#FFFFFF; margin-bottom:0}
#yle_footer div.left p { color:#FFFFFF}
#yle_footer div.left a.kub {background-image:url(http://www.yle.fi/svenska/images_global/kub_99CCFF.gif); color:#99CCFF}
#yle_footer img {display:none}
#yle_footer div.right.ylelogo {background:url(http://www.yle.fi/svenska/images_global/yle_logo_nega.gif) no-repeat; height:20px; width:62px; display:block; margin-top:16px;}