/****************************************************************************************
	Style for Främlingsfientlighet web site. This style override the ordinary Pedagogwebben CSS.
	Some style 
*****************************************************************************************/

/* Chat */

.chatvideoplayerbg
{
    width:100%;
    height:300px;
    background-image:url(/pedagog/images/ff_bg_chatvideoplayer.jpg);
    background-repeat:no-repeat;
    background-position:top center;
}
.chatvideoplayer
{
    padding-top:5px;
    padding-left:95px;
}

/* Mail/print links at the bottom */
.articlelinkarea ul li a {display: inline;font-size:86%;float:left;width:auto;text-decoration: none;color:#58757B;padding:2px 10px 1px 20px;}
.articlelinkarea a:hover {color:#36707D;background-color:#fff;}
.articlelinkarea a:hover span {background-color:#DFE8EA;}
.mail {background: url(../images/ff_icon_mail.gif) transparent 0% 50% no-repeat;}
.print {background: url(../images/ff_icon_print.gif) transparent 0% 50% no-repeat;}

/* Lauout - webbsite */
body{
	color: #000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 71%;
	margin: 0;
	padding: 0;
	background: url(../images/bg_body_sf.jpg) transparent 0px 0px repeat;
	border-top:1px solid #000;
}

/* innehall med bg */
#contentbgarea {
	float:left;
	position: relative;
	width: 780px;
	overflow:hidden;
	background: url(../images/bg_contentcontainer_bottom_sf.jpg) transparent 0% 100% no-repeat;
    color:#23383B;
}

.articlefullwidthpadding
{
    color:#23383B;
}

#headerbanner 
{
	display:none;
}

/* Navigation */
/* hide from IE5.0/Win & IE5\Mac */
#leftnavigationarea ul li {overflow:hidden;}
* HTML #leftnavigationarea ul li a {height: 1%;}
/* */
* HTML #leftnavigationarea ul {position: relative;} /* IE needs this to fix a rendering problem */

/* hide elemenents from pedagogwebben */
.skolfrontdisplaynone {display:none;}

/* Text hover effect */
#footer div a:hover {color:#fff;background-color:#6b6b6b;}

/********************************************
	MENU
	Menu items and links
********************************************/

#leftnavigationarea ul
{
	list-style: none;
	margin:0;
	padding:0;
}

#leftnavigationarea li
{
	list-style:none;
	margin:0;
	padding:0;
}

#leftnavigationarea h2 
{
    border-right:1px solid #F7FDFD;
    background: url(../images/bg_navigationheader.gif) #333 0% 100% no-repeat;
    color: #A2A2A0;
    padding: 5px 0px 6px 7px;
    font-size:100%;
    margin:0;
}

/* 
	ALL LEVELS
	ul li 
*/
#leftnavigationarea a.menuitem
{
    display: block;
    text-decoration: none;
    color: #5D595A;
}

/* 
	TOP LEVEL
	ul li 
*/
#leftnavigationarea ul li a.menuitem
{
    padding: 5px 0px 5px 10px;    
    border-top:2px solid #fafaf6;
    border-right:1px solid #fafaf6;
    border-bottom:1px solid #ccccc8;    
    background-color:#f1f1ed;
}
#leftnavigationarea ul li a.menuitem:hover
{
    background-color:#4A7379;
    color:#EDF1F2;
}

#leftnavigationarea ul li a.haschildren
{
    background: url(../images/bg_morelinks_gray.gif) #f1f1ed 10px 50% no-repeat;
	padding: 5px 0px 5px 22px;        
}
#leftnavigationarea ul li a.haschildren:hover 
{
    background-image: url(/pedagog/images/ff_bg_sf_morelinks_red.gif);
    color:#ffffff;
}

#leftnavigationarea ul li a.expanded
{
    border-bottom:1px solid #fff;       
    background: url(/pedagog/images/ff_bg_sf_activelink_red.gif) #fff 10px 50% no-repeat;    
}
#leftnavigationarea ul li a.expanded:hover
{
    background-image: url(/pedagog/images/ff_bg_sf_activelink_red.gif);  
    /*background-color:#4A7379;
    color:#FAEDDC;       */
    color:#ffffff;
}

#leftnavigationarea ul li a.selected
{
	/*background-color:#fff;*/
	background-color:#4A7379;
	color:#EDF1F2;
	/**/
	border-bottom:1px solid #fff;     
}
#leftnavigationarea ul li a.selected:hover
{
    background-color:#4A7379;
    color:#FAEDDC; 
}



/* 
	LEVEL 2
	ul li ul li 
*/
#leftnavigationarea ul li ul li a.menuitem
{
    border-top:1px solid #ffffff;
    border-bottom:1px solid #ffffff;        
    background-color:#ffffff;
    padding:5px 0px 5px 22px;
}
#leftnavigationarea ul li ul li a.menuitem:hover 
{
    /*background-color:#4A7379;*/
    background-color:#EDF2F3;
    /**/
    color:#2C2C2A;    
}
#leftnavigationarea ul li ul li a.selected
{
	background-color:#F2F0E4;
	/*background-color:#fff;*/
	background-color:#4A7379;
	color:#FAEDDC; 
	/**/	
}

#leftnavigationarea ul li ul li a.selected:hover
{
	background-color:#4A7379;
	color:#FAEDDC; 
}

#leftnavigationarea ul li ul li a.haschildren
{
    padding:5px 0px 5px 34px;
    background-position:22px;      
}
#leftnavigationarea ul li ul li a.expanded
{
    padding:5px 0px 5px 34px;
    background-position:22px;    
}

/* 
	LEVEL 3
	ul li ul li ul li 
*/
#leftnavigationarea ul li ul li ul li a.menuitem
{
    
    padding:5px 0px 5px 34px;
}
#leftnavigationarea ul li ul li ul li a.haschildren
{
    padding:5px 0px 5px 46px;
    background-position:34px;      
}
#leftnavigationarea ul li ul li ul li a.expanded
{
    padding:5px 0px 5px 46px;
    background-position:34px;    
}

/* 
	LEVEL 4
	ul li ul li ul li 
*/
#leftnavigationarea ul li ul li ul li ul li a.menuitem
{
    
    padding:5px 0px 5px 46px;
}
#leftnavigationarea ul li ul li ul li ul li a.haschildren
{
    padding:5px 0px 5px 58px;
    background-position:46px;      
}
#leftnavigationarea ul li ul li ul li ul li a.expanded
{
    padding:5px 0px 5px 58px;
    background-position:46px;    
}

/* 
	LEVEL 5
	ul li ul li ul li 
*/
#leftnavigationarea ul li ul li ul li ul li ul li a.menuitem
{
    padding:5px 0px 5px 58px;
}
#leftnavigationarea ul li ul li ul li ul li ul li a.haschildren
{
    padding:5px 0px 5px 70px;
    background-position:58px;      
}
#leftnavigationarea ul li ul li ul li ul li ul li a.expanded
{
    padding:5px 0px 5px 70px;
    background-position:58px;    
}

/* 
	LEVEL 6
	ul li ul li ul li 
*/
#leftnavigationarea ul li ul li ul li ul li ul li ul li a.menuitem
{
    padding:5px 0px 5px 70px;
}
#leftnavigationarea ul li ul li ul li ul li ul li ul li a.haschildren
{
    padding:5px 0px 5px 82px;
    background-position:70px;      
}
#leftnavigationarea ul li ul li ul li ul li ul li ul li a.expanded
{
    padding:5px 0px 5px 82px;
    background-position:70px;    
}

/* 
	LEVEL 7
	ul li ul li ul li 
*/
#leftnavigationarea ul li ul li ul li ul li ul li ul li ul li a.menuitem
{
    padding:5px 0px 5px 82px;
}
#leftnavigationarea ul li ul li ul li ul li ul li ul li ul li a.haschildren
{
    padding:5px 0px 5px 94px;
    background-position:82px;      
}
#leftnavigationarea ul li ul li ul li ul li ul li ul li ul li a.expanded
{
    padding:5px 0px 5px 94px;
    background-position:82px;    
}




#leftnavigationarea .localsearcharea {
margin:10px 0 0 3px;
}
#leftnavigationarea input.searchbutton {margin:2px 0px 0px 0px;float:left;}
#leftnavigationarea input.seachfield {width: 10.3em;margin:2px 12px 0px 5px;font-size:90%;padding: 3px;float:left;border:1px solid #DCE6E5;}


/****************************************************************************************/
/*	General style for pages, exept from Topic page, the start page.																*/
/****************************************************************************************/

.articlearea .articlefullwidthtext a {color:#4A7379;}
.articlearea .articlefullwidthtext a:hover {color:#36707D;background-color:#DFE8EA;}
.articlearea2 .articlefullwidthtext a {color:#4A7379;}
.articlearea2 .articlefullwidthtext a:hover {color:#36707D;background-color:#DFE8EA;}
.articlefullwidthpadding a, .articlefullwidthpaddingprogramimage a {color:#4A7379;}
.articlefullwidthpadding a:hover, .articlefullwidthpaddingprogramimage a:hover {color:#36707D;background-color:#DFE8EA;}
.articlehalfwidthpadding a, .articlefullwidthpaddingprogramimage a {color:#4A7379;}
.articlehalfwidthpadding a:hover, .articlefullwidthpaddingprogramimage a:hover {color:#36707D;background-color:#4A7379;}
.articlearea3 .articlefullwidthtext a {color:#4A7379;}
.articlearea3 .articlefullwidthtext a:hover {color:#36707D;background-color:#4A7379;}
.articlearea .articlefullwidthbgimage a {color:#4A7379;}
.articlearea .articlefullwidthbgimage a:hover {color:#36707D;background-color:#4A7379;}

.articlelinkarea a:hover span {background-color:#DFE8EA;}

h1, h2, h3, h4 {margin:0;padding:0;font-weight:bold;color:#23383B;}
h1 {font-size:28px;line-height:130%;}


h1 span
{
	color:#23383B;
	font-family:Arial Narrow;
	font-size:160%;
	font-weight:normal;
	font-style:normal;
}
/* On News page, page header writes 2 span tags */
h1 span span
{
	color:#333333;
	font-family:Arial Narrow;
	font-size:100%;
	font-weight:normal;
	font-style:normal;
}

.infobox
{
    margin-top:10px;
    margin-bottom:10px;
    width:509px;
    background-position:bottom;
    background-image:url(../images/ff_infobox_bg_bottom.gif);
    color:#23383B;
}

.infoboxbgtop
{
    background-image:url(../images/ff_infobox_bg_top.gif);
    background-position:top;
    background-repeat:no-repeat;
    padding-left:15px;
    padding-right:15px;
    padding-bottom:10px;
}

.infobox2
{
    margin-top:10px;
    margin-bottom:10px;
    margin-right:-25px;
    width:212px;
    background-position:bottom;
    background-image:url(../images/ff_infobox_narrow_bg_bottom.gif);
    color:#23383B;
    float:right;
    border-left:15px solid #ffffff;
}

.infobox2 .infoboxbgtop2
{
    background-image:url(../images/ff_infobox_narrow_bg_top.gif);
    background-position:top;
    background-repeat:no-repeat;
    padding-left:15px;
    padding-right:15px;
    padding-bottom:10px;
}
.infobox .infoboxbgtop h2,
.infobox2 .infoboxbgtop2 h2
{
    color:#ffffff;
    font-weight:bold;
    height:41px;
    line-height:41px;
    font-size:100%;
    margin:0px;
}

/***********************************************************************/
/*	Style for Puffareas on Topic page: smallpuffarea. largepuffarea,
/*  sidepuffarea bigpuffarea			*/
/**********************************************************************/


.puff1style1 .pufftext
{
    color:#23383B;
}

/* Style common for all puffs. */
.puffcaption
{
	background-color:#4A7379;
	color:#EDF1F2;
	
}

.puff1 a
{
	color:#36707D;
}

.puff1 a:hover
{
	color:#36707D;
	background-color:#DFE8EA;
}


/*********************************************************
	Large puff area - the big puff on top of the page
*********************************************************/
.largepuffarea 
{
	margin:0px;
	padding:0;
	margin-left:-11px;
}
.largepuffarea .puffrow .puffrowpadding
{
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
}

.largepuffarea .puffrow
{
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
}

.largepuffarea .puffheading, .smallpuffarea .puffheading
{
	color:#23383B;
	font-size:190%;
	font-family:Arial Narrow;
}
.largepuffarea .puff1style3 .puffcontentwrap
{
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
}

.largepuffarea .puff1style3  
{
	padding:0px 0px 12px 0px;
	margin:0px 0px 0px 0px;
	width:588px;
	background-image:url(/pedagog/images/ff_puff1style3_shadow.jpg);  
	background-repeat:no-repeat;
	background-position:bottom left;
}


.largepuffarea .puff1style1
{
	padding:15px 0px 0px 0px;
	margin:0px -10px 0px 10px;
}


.largepuffarea .puff1style3 .puffcontentwrap {
    background-image: url(/pedagog/images/ff_bg_puff1style3.jpg);  
	background-repeat:repeat-y;
	color:#ffffff;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	width:588px;
}
.largepuffarea .puff1style3 .puffimagecontainer-left, .largepuffarea .puff1style3 .puffimagecontainer 
{
	border:10px solid transparent;
	padding:0;
	margin:0;
	margin-bottom:0px;
	padding-bottom:0px;
}


.largepuffarea .puff1style3 .puff2content-imageleft 
{
	padding:0;
	margin:0;
	padding-right:30px;
}

.largepuffarea .puff1style3 .puffcaption
{
	background-color:transparent;
	font-size:90%;
	color:#416167;
	padding:0;
	margin:0;
}

.largepuffarea .puff1style1 .puffcaption
{
	font-size:90%;
	color:#EDF1F2;
}


.largepuffarea .puff1style3 h2
{
	color:#34545B;
	font-family:Arial Narrow;
	font-size:270%;
	font-style:normal;
	font-weight:normal;
	padding-top:4px;
	line-height:110%;	
}

.largepuffarea .puff1style3 h3
{
	color:#34545B;
	font-family:Arial Narrow;
	font-size:160%;
	font-style:normal;
	font-weight:bold;
	padding:0px;
	margin-bottom:0px;
	margin-top:-1px;
}

.largepuffarea .puff1style3 .arrowlink 
{
	padding:0px;
	margin-top:10px;
	margin-bottom:10px;
}

.largepuffarea .puff1style3 .iconlink 
{
	padding:0px;
	margin:0px;
}

.largepuffarea .puff1style3 a
{
	color:#36707D;
}

.largepuffarea .puff1style3 .pufftext 
{
    color:#34545B;
	padding-bottom:0px;
	margin-top:3px;	
	margin-bottom:10px;
}

.largepuffarea .puff1style3 a:hover
{
	background-color:#AAC9CF;
}
.largepuffarea .puff1style3 .puffcontentpadding 
{
	padding:0;
	padding-right:30px;
	padding-bottom:10px;	
}


.largepuffarea .puff1style1 h2
{
	padding-top:0px;
	margin-top:-2px;
	padding-bottom:0px;
}

.largepuffarea .puff1style1 .pufftext
{
	margin-top:-2px;
}
.largepuffarea .iconlink 
{
	padding-bottom:12px;
}

/*********************************************************
	Small puff area - puffs under the large puff area. 
	Share width with side puff area.
*********************************************************/
.smallpuffarea img
{
    border:0px;
}
.smallpuffarea .puffimagecontainer
{
	clear:both;
	border:0;
	padding:0;
	margin:0;
}

.smallpuffarea .puffcaption 
{
	height:1.5em;
	font-size:90%;
	color:#EDF1F2;
}

.smallpuffarea .puff1content .puffcaption
{
	padding-top:0px;
	padding-bottom:0px;
	margin-top:0px;
	margin-bottom:3px;
	border:0px;
}

.smallpuffarea .puff1 .puffcaptionempty
{
	background-color:#4A7379;
	padding-top:0px;
	padding-bottom:0px;
	margin-top:0px;
	margin-bottom:3px;
	border:0px;
	height:14px;
	width:298px;
}

.smallpuffarea  .puff1content-imageleft .puffcaptionempty,
.smallpuffarea  .puff1content-imageright .puffcaptionempty
{	height:14px;
	width:160px;
}

.smallpuffarea .puffgroup .puffheading
{
    background-color:#4A7379;
    color:#ffffff;
    padding-left:4px;
	font-size:90%;
	font-family:Verdana;
	letter-spacing:0px;
	font-weight:normal;
	font-variant:normal;
	padding-top:2px;
	padding-bottom:1px;
	margin-top:0px;
	margin-bottom:0px;
	border:0px;
}


.smallpuffarea .puff1style1 h2
{
	padding-top:0px;
	margin-top:-2px;
	padding-bottom:0px;
}

.smallpuffarea .puff1style1 .pufftext
{
	margin-top:-2px;
}

.smallpuffarea .puffgroup .puff1
{
    h-eight:auto;
    padding:0;
    padding-top:3px;
    padding-bottom:1px;
}

.smallpuffarea .puffgroup .puff1 .iconlink
{
    background-image:url(../images/fuchsia_square.gif);
    background-position:top left;
    background-repeat:no-repeat;
    padding-left:10px;
}


.smallpuffarea .puffgroup .puff1 .puffheading,
.smallpuffarea .puffgroup .puff1 .puffimagecontainer,
.smallpuffarea .puffgroup .puff1 .puffimagecontainer-top,
.smallpuffarea .puffgroup .puff1 .puffimagecontainer-topleft,
.smallpuffarea .puffgroup .puff1 .puffimagecontainer-topright,
.smallpuffarea .puffgroup .puff1 .puffimagecontainer-left,
.smallpuffarea .puffgroup .puff1 .puffimagecontainer-right
{
    display:none;
}

.smallpuffarea .puffgroup .puff1
{
    background-image:none; /*remove dotted line*/
}

.smallpuffarea .puff1content-imageleft .puffheading, 
.smallpuffarea .puff1content-imageright .puffheading 
{
	line-height:100%;
}


/* Side puff area - puffs beside the small puff area. */

/* Divider, added by Fredrik 2009-09-15 */
.sidepuffarea 
{
    padding-left:3px;
    background-image: url(../images/skolfront_bg_sidepuffarea.gif);
    background-position:left;
    background-repeat:repeat-y;
}
.sidepuffarea .puff1
{
    background-color:Transparent;
}
/**/


.sidepuffarea .puff1.style1.mediapuff .videolink
{
	background: transparent url(/pedagog/images/ff_icon_movie.gif);
	background-position:0px 3px;
	background-repeat:no-repeat;
}

.sidepuffarea .puff1.style1.mediapuff .audiolink
{
	background: transparent url(/pedagog/images/ff_icon_audio.gif);
	background-repeat:no-repeat;
	background-position:1px;
}

.sidepuffarea .rsspuff
{
    background-image:none;
}

.sidepuffarea .rsspuff .puffcontentwrap
{
	background-image: url(../images/skolfront_bg_rsspuff.gif);
    width:203px;
    border: solid #cccccc 1px;

}

.sidepuffarea .rsspuff .puffcontentwrap h3
{
background-image:url(/pedagog/images/skolfront_i_rssarticle.gif);
}

.sidepuffarea .rsspuff .puffcontentwrap a{
    color:#FFDDEF;
    font-weight:normal;
}
.sidepuffarea .rsspuff .puffcontentwrap a:hover{
    color:#FFDDEF;
    font-weight:normal;
    background-color:#AC3573;
}
.sidepuffarea .rsspuff .puffcontentwrap h3 a{
    color:#FFDDEF;
    font-weight:normal;
}
.sidepuffarea .rsspuff .puffcontentwrap h3 a:hover{
    color:#FFDDEF;
    font-weight:normal;
    background-color:#AC3573;
}

.sidepuffarea .rsspuff .puffcontentwrap .rsspagelink a
{
    color:#F388C2;
}

.sidepuffarea .rsspuff .puffcontentwrap .rsspagelink a:hover
{
    background-color:#AC3573;
    color:#FFDDEF;
}



.sidepuffarea .puff1style1 .puffheading
{
	color:#23383B;
	font-family:Arial Narrow;
	font-size:150%;
	padding-bottom:0px;
}

.sidepuffarea .puff1style2 a:hover
{
	background-color:#D2E2E4;
	color:#36707D;
}

/***/

.sidepuffarea .puff1.style2.mediapuff.puff1style2mediapuff .puffcontentwrap
{
    background-image:url(/Pedagog/images/ff_bg_mediaplayerobjectpuff.jpg);
}


.sidepuffarea .puff1.style2.mediapuff.puff1style2mediapuff .iconlink
{
	background-image:url(/pedagog/images/ff_mediaplayer_openlink.gif);
}

.sidepuffarea .puff1.style2.mediapuff.puff1style2mediapuff .iconlink a
{
    color:#36707D;
}

.sidepuffarea .puff1.style2.mediapuff.puff1style2mediapuff .iconlink a:hover
{
    color:#36707D;
    background-color:#D3DCDE;
}




/**********************************************************
	Small puff area - Media puff
**********************************************************/

.sidepuffarea .puff1.style1.mediapuff a
{
	color:#9FDEEA;
}


.sidepuffarea .puff1.style1.mediapuff a:hover
{
    background-color:#3D6065;
	color:#E5F7FA;
}
.sidepuffarea .puff1.style1.mediapuff h2
{
	color:#91CAD5;
	font-family:Arial Narrow;
	font-size:190%;
}

.sidepuffarea .puff1.style1.mediapuff .puffcontentpadding
{
	padding:0px;
	margin:0;
}

.sidepuffarea .puff1.style1.mediapuff 
{
	width:213px;
	margin-top:0px;
	margin-bottom:10px;
	border-bottom:none;
	margin-left:1px;
	background: /*#EEF5EE*/ url(/pedagog/images/ff_bg_mediapuff_bottom.gif) 25px 100% no-repeat;
	padding-left:25px;
	padding-right:25px;
	padding-bottom:20px;
	color:#FFFFFF;
	padding-top:4px;	
}

.sidepuffarea .puff1.style1.mediapuff .puffimagecontainer,
.sidepuffarea .puff1.style1.mediapuff .pufftext
{
	padding-top:0px;
	margin-top:0;
}

/**********************************************************
	Small puff area - RSS-puff
**********************************************************/
.sidepuffarea .rsspuff a
{
	color:#f959af;
}

.sidepuffarea .rsspuff a:hover
{
	color:#fff;
	background-color:#a6085d;
}

.sidepuffarea .rsspuff a
{
	color:#f959af;
}

.sidepuffarea .rsspuff a:hover
{
	color:#fff;
	background-color:#a6085d;
}

.sidepuffarea .rsspuff .puffcaption
{
	color:#f959af;
}

.sidepuffarea .rsspuff h3 a
{
	color:#f959af;
}


/*********************************************************
	Small puff area - Puffgroup
*********************************************************/

.sidepuffarea .puffgroup h2
{
    background-color:#16363B;
    color:#E8EBEC;
}

.sidepuffarea .puffgroup .puffcontentwrap
{
	border:1px solid #cccccc;
}

.sidepuffarea .puffgroup .puff1
{

}
.sidepuffarea .puffgroup .puff1
{
    width:200px;
    border:none;
    border-bottom:2px #2D5156 solid;
    background-color:#0E262A;
    background-image:none; /*remove dotted line*/
}

.sidepuffarea .puffgroup .iconlink 
{
	margin-top:5px;
}

.sidepuffarea .puffgroup .puff1 a
{
    color:#e9e9e9;
}

.sidepuffarea .puffgroup .puff1 a:hover
{
    background-color:#3D6065;
}

.sidepuffarea .puff1style2 .pufftext
{
	padding-bottom:0px;
}


.sidepuffarea .puff1style2 .iconlink
{
	padding-top:0px;
	margin-top:4px;
}

.sidepuffarea .puff1.style2 .puffheading
{
    color:#E8EBEC;
    background-color:#16363B;
}

.sidepuffarea .puff1.style2 .puffcontentwrap
{
	width:201px;
	border:1px solid #cccccc;
	background-color:#EAF3F5;
	padding:1px;
}
/*********************************************************
	Small puff area - Poll puff
*********************************************************/
.sidepuffarea .pollpuffpuff1style1 a:hover
{
	background-color:transparent;
}

.sidepuffarea .puff1style1 .puffcaption
{
	font-size:90%;
	color:#f6e7ef;
}

.sidepuffarea .pollButtonTD 
{
	padding:0;
	margin:0;
}

.sidepuffarea #poll
{
    background-image:url(/Pedagog/images/ff_bg_poll.jpg);
    background-position:bottom;
}

.sidepuffarea #pollpadding
{
    color:#f9e6f0;
}

.sidepuffarea #poll h2
{
    color:#395D62;
    font-size:180%;
    font-family:Arial Narrow;
    font-style:normal;
    font-weight:normal;
    margin-top:-6px;
    margin-bottom:-2px;
}

.sidepuffarea .pollAnswerTD{
    color:#23383B;
}

.sidepuffarea .pollBar
{
	background-image:url(/Pedagog/images/ff_bg_pollbar.gif);
}

.sidepuffarea td
{
	color:#23383B;
}

.sidepuffarea .pollButtonTD a
{
    display:block;
    width:50px;
    height:19px;
    margin-top:10px;
    background-image:url(/Pedagog/images/ff_b_rosta.gif);
}

.sidepuffarea .pollButtonTD a:hover
{
    background-image:url(/Pedagog/images/ff_b_rosta_hover.gif);
}

.sidepuffarea .puff1.style2.mediapuff.puff1style2mediapuff .puffcontentwrap
{
    padding-top:0px;
}


/*******************************************************************************
	News puff area on bottom of page
*******************************************************************************/
.newspuffarea 
{
	display:block;
	margin:0px 0px 0px -11px;
	border-top:1px solid #cccccc;
	padding-top:1px;
	border-bottom:1px solid #cccccc;
	padding-bottom:1px;
	width:589px;	
}


.newspuffarea .newspuffareapadding
{
    background-image: url(../images/bg_skolfront_big_news_rep.jpg);  
	background-repeat:repeat-y;
	padding:0px 0px 0px 0px;
}

.newspuffarea .puffgrouppuff1style1
{
}

.newspuffarea .puff1 
{
	background-image:none;
}

.newspuffarea .puff1
{
    h-eight:auto;
    padding:0;
    padding-top:3px;
    padding-bottom:1px;
}

.newspuffarea .puff1 .puffimagecontainer,
.newspuffarea .puff1 .puffimagecontainer-top,
.newspuffarea .puff1 .puffimagecontainer-topleft,
.newspuffarea .puff1 .puffimagecontainer-topright,
.newspuffarea .puff1 .puffimagecontainer-left,
.newspuffarea .puff1 .puffimagecontainer-right,
.newspuffarea .puff1 .puffcaption,
.newspuffarea .puff1 .pufftext
{
    display:none;
}

.newspuffarea .puffgroup .puff1
{
    background-image:none; /*remove dotted line*/
}

.newspuffarea .newspuffareapadding .newsheading 
{
	display:block;
	color:#ffffff;
	margin-left:20px;
	padding-top:7px;
	margin-bottom:8px;
	font-size:130%;
	font-style:normal;
	font-weight:normal;
}

.newspuffarea .newspuffareapadding .newsrow
{
    background-image: url(../images/bg_skolfront_big_news_row_rep.jpg);  
	background-repeat:repeat-y;
	padding:4px 0px 6px 0px;
	margin:1px 0px 1px 0px;	
	clear:both;
}
.newspuffarea .newsarrow 
{
    background-image: url(../images/white_arrow_on_fuchsia_bg.gif);  
    background-position:top right;
	background-repeat:no-repeat;
	width:30px;
	height:20px;
	float:left;
}

.newspuffarea .newslink 
{
	padding:0px 0px 0px 6px;
	margin-left:0px;
	margin-top:0px;
	margin-bottom:0px;
	font-size:100%;
	font-weight:bold;
	float:left;
	width:465px;
	color:#ffffff;
}

.newspuffarea .iconlink a
{
	color:#ffffff;
	margin-top:0px;
	padding-top:0px;
	text-decoration:none;
}
.newspuffarea .iconlink a
{
	margin:0px;
	padding:0px;
}

.newspuffarea .iconlink a:hover
{
	background-color:#AC3573;
	color:#ffffff;
}

.newspuffarea .newsdate 
{
	color:#e87db7;
}


.newspuffarea .newstext 
{
	padding:0px 10px 0px 36px;
	font-size:100%;
	color:#fcbddf;
	clear:both;
}

.newspuffarea .newspuffareapadding .morenews a
{
	display:block;
	color:#fe97cf;
	margin-left:20px;
	margin-top:7px;
	padding-bottom:8px;
	font-size:100%;
	font-style:normal;
	font-weight:normal;
	text-decoration:none;
}

#newslist .newspuffarea 
{
	margin:0px -53px 0px -26px;
	width:589px;	
}

#newslist .forumpagerpadding a
{
	color:#333333;
}

#newslist .forumpagerpadding a:hover
{
	color:#ffffff;
	background-color:#4A7379;
}

#newslist .newspuffareapadding
{
	padding:20px 0px 20px 0px;
	margin:0px;
}

#newslist .newspuffarea .newspuffareapadding .newsrow  a:hover
{
	background-color:#ffffff;
	color:#4A7379;
}




/************************************************************************
	Program index page													
/************************************************************************/

.articleindex .articleareatop { background: url(../images/article_top_lightgrey.gif) transparent 0% 0% no-repeat;height:11px;padding:0;margin-top:1px; }
.articleindex .articleareabottom { background: url(../images/article_bottom_lightgrey.gif) transparent 0% 0% no-repeat;height:13px;clear:both; }
.articleindex .articlefullwidth  { background-color:#ecece8; }
.articleindex .articlefullwidth img { float:right; margin-right:20px;margin-left:0px; }
.articleindex .articlefullwidth .articlefullwidthtext { width:314px;padding:0px 41px 0px 16px; }
.articleindex .articlefullwidth .articlesmallrub { background-color:#d9d9d6;color:#5C5C33;padding:2px 0px 2px 2px;margin:3px -41px 5px 0px; }
.articleindex .articlefullwidth .articlesmallrubactive { font-size:90%;padding:2px 0px 2px 2px;margin:3px -41px 5px 0px;line-height:100%;background-color:#4A7379;color:#f6e7ef; }
.articleindex .articlefullwidth .articlefullwidthtext a { color:#4A7379; }
.articleindex .articlefullwidth .articlefullwidthtext a:hover { color:#ffffff; }


/************************************************************************
	Style for Contact page
*************************************************************************/
.articleareabottomform {margin:0 0 430px 0;}


.articlearea .articlefullwidthbgimage label {font-weight:bold;color:#333333;}
.articlearea .articlefullwidthbgimage input.textform {background-color:#DDE7E6;border:1px solid #BEC9CB;width:22em; font-size:100%;}
.articlearea .articlefullwidthbgimage textarea {width:35em;height:12em;background-color:#DDE7E6;border:1px solid #BEC9CB; font-family:verdana, arial; font-size:100%;}
.articlearea .articlefullwidthbgimage a {padding:0 3px 1px 3px;color:#4A7379;text-decoration:none;}
.articlearea .articlefullwidthbgimage a:hover {color:#fff;background-color:#4A7379;}
.articlearea .articlefullwidthbgimage 
{
	background: url(../images/ff_bg_form.jpg) transparent 100% 0% no-repeat;
	float:right;
	position:relative;
	color:#333333;
	text-align:left;
	background-color:#fff;
	padding:8px 0px 10px 26px;
	margin:0;
	width:560px;
	line-height:140%;
}

.star
{
     color:#4A7379;
     font-weight: bold;
     font-size:0.9em;  
     font-family:Verdana;
     text-indent:2px;
}

.articlearea .articlefullwidthbgimage a.contactformbutton
{
    cursor:pointer;    
    display:block;
    width:56px;
    height:21px;
    background-image:url(../images/ff_buttonSend.jpg);
}

.articlearea .articlefullwidthbgimage a.contactformbutton:hover
{
    background-image:url(../images/ff_buttonSend_hover.jpg);
}



/*************************************************************************************
	Forum
**************************************************************************************/

.topbody 
{
    background-image:url(../images/forum_top_part_1.gif);
    background-repeat:no-repeat;
    background-position:top;
    padding:0;
    padding-top:6px;
    width:549px;
    margin-left:-7px;
    margin-right:-33px;
}

.topbody h1 span
{
	margin:0px;
	margin-left:35px;
	font-size:110%;
	padding:0px;
	border:0;
}

.h3container
{
	display:inline-block;
}

#mainbody .forummessagewrittenby
{
	margin:0;
	padding:0;
	margin-left:35px;
	margin-top:-2px;
}

#mainbody .forummessage
{
    background-image:url(../images/forum_top_part_2.gif);
	padding:0;
	padding-left:35px;
	padding-top:12px;
    background-repeat:no-repeat;
    background-position:top;
}
#forum
{
    background-image:url(../images/forum_top_part_3.gif);
    background-repeat:no-repeat;
    background-position:top;
    width:549px;
    margin:0;
    padding:0;
    padding-bottom:35px;
    padding-left:0px;
    margin-left:-7px;
    margin-right:-33px;
}


#forum a 
{
	background-color:transparent;
	color:#4A7379;
}
#forum a:hover 
{
	color:#fff;
	background-color:#4A7379;
}

.forumformbutton
{
	width:197px;
	height:29px;
	position:relative;
	top:22px;
	left:14px;
}

/* FORUM FORM */
.forumposts
{
    background-image:url(../images/forum_dotted_repeater.gif);
    background-position:top;
    background-repeat:repeat-x;
    background-color:Transparent;
    padding-top:0px;
    margin-top:30px;
    margin-left:18px;
    width:510px;
}

.forumformbottom
{
    background-image:url(../images/bg_forum_form_bottom.gif);
    background-position:top;
    background-repeat:no-repeat;
    height:15px;
    margin-top:-12px;
}

.forumpostsbottom
{
    background-image:none;
    background-color:Transparent;
    height:0px;
    padding:0;
    margin:0;
}

#forum a.forumformclosebutton
{
    display:block;
    background-image:url(../images/b_forumform_close.gif);
    width:21px;
    height:21px;
    background-repeat:no-repeat;
}

#forum a.forumformclosebutton:hover
{
    background-image:url(../images/b_forumform_close_on.gif);
}

.forumform
{
    background-image:url(../images/bg_forumform.gif);
    background-repeat:no-repeat;
    color:#333333;
    margin-top:30px;
    margin-bottom:0px;
    padding-bottom:0px;
}


.forumform h2
{
    margin:0px;
    margin-bottom:15px;
    color:#333333;
    font-size:120%;   
}

.forumform input, .forumform textarea{
	width:400px;
    color: #333333;
    font-size: 100%; 
    font-family:Verdana;
    background-color:#e4e4e0;
    border:1px solid #c6c6c6;
}

.forumpost
{
    padding-top:12px;
    padding-bottom:15px;
    padding-left:0px;
	border-bottom:0px;
    background: url(../images/forum_dotted_repeater.gif); 
    background-repeat:repeat-x;
    background-position:bottom;
    margin-left:0px;
}

.forumpost h3 
{
	margin:0px;
	padding-left:14px;
	background-image:url(../images/i_forumtopic_sf.gif);
	background-repeat:no-repeat;
	background-position:center left;
	font-family:Verdana;
	font-size:100%;
}

.forumformbutton 
{
	background-image:url(../images/b_forumform_sf_open_reply.gif);
}

.forumformbutton input 
{
	src:url(../images/b_forumform_sf_open_reply.gif);
}

.forumformholder
{
	margin-bottom:30px;
}

.forumposts
{
	padding:0;
	margin:0;
}

.forumpager
{
	padding-bottom:5px;
	padding-top:0px;
}

.forumpostsbottom
{
	margin-top:5px;
}

.forumtopiclisttop 
{
	background-image:url(../images/bg_forum_sf_topics_top.gif);
	background-position:top;
	background-repeat:no-repeat;
	width:549px;
    margin-top:-20px;
    padding-top:35px;
}

.forumtopiclisttop .forumpager
{
	background-image:url(../images/bg_forum_pager_repeater_top.gif);
	background-position:bottom;
	background-repeat:no-repeat;
	padding:0px 0px 13px 0px;
	margin:0px 0px 0px 0px;
}
.forumtopiclisttop .forumtopiclistbottom .forumpostsbottom
{
	display:none;
}
.forumtopiclisttop .forumtopiclistbottom .forumpager
{
	background-image:url(../images/bg_forum_pager_repeater_bn.gif);
	background-position:top;
	background-repeat:no-repeat;
	padding:15px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	vertical-align:middle;
}

.forumtopiclisttop .forumposts
{
    margin-left:0px;
    margin-right:-30px;
	width:549px;
}

.forumtopiclisttop .forumposts .forumpost 
{
	padding-top:5px;
	padding-bottom:5px;
	background-image:url(../images/bg_forum_sf_topics_repeater.gif);
	background-repeat:repeat-y;
	padding-left:20px;
}
.forumtopiclisttop .forumposts .forumpostdivider 
{
	background-image:url(../images/bg_forum_sf_topics_divider.gif);
	background-position:top;
	background-repeat:no-repeat;
    height:13px;
}

.forumtopiclisttop .forumtopiclistbottom {
	background-image:url(../images/bg_forum_sf_topics_bottom.gif);
	background-position:bottom;
	background-repeat:no-repeat;
	background-color:Transparent;
	width:549px;
    margin-left:0px;
	margin-top:0px;
    margin-right:-35px;
    padding-bottom:20px;
}

.forumtopiclisttop .forumpost h3 
{
	margin:0px;
	padding-left:14px;
	background-image:url(../images/i_forumthread_sf.gif);
	background-repeat:no-repeat;
	background-position:center left;
	font-family:Verdana;
	font-size:100%;
}

/*	Heading used at Forum Post page */
.skolfronttopicheading 
{
	display:block;
	font-family:Arial Narrow;
	font-size:260%;
	padding:9px 0px 15px 0px;
}

#forum .forumtopiclisttop a
{
	background-color:transparent;
	color:#333333;
}

#forum .forumtopiclisttop a:hover
{
	color:#fff;
	background-color:#858582;
}


/**************************************************************/
/*	Video clip page											  */
/**************************************************************/

.videoclipplayerwrapper {
	margin:0 0 0 54px;
}

.videoclipplayerlinks a {
	font-size:91%;
	color: #36707D;
	text-decoration:none;
}

.videoclipplayerlinks a:hover 
{
    b-ackground-color:#DDE6E8;
	color: #36707D;
	color:#23383B;
}

.videoclipplayerlinks .fullscreenlink{
	background-image:url(../images/ff_mediaplayer_openlink.gif);
}

.videoclipbrowseritem
{
	border-left:1px solid #2E4A4F;
	border-right:1px solid #1F3E42;
	background-color:#16363B;
	color:#A3BDC1;
}

.videoclipbrowseritem:hover {
	background-color:#9CD2D8;
	border-left:1px solid #000000;
	border-right:1px solid #000000;
	color:#0F1515;
}

#videoclipbrowserbg .selected 
{
	background-color:#9CD2D8;
	border-left:1px solid #000000;
	border-right:1px solid #000000;	
	color:#0F1515;
}

/* Infobox on videoclip page	*/
#videocliparea .infobox
{
    margin-top:10px;
    margin-left:14px;
    margin-bottom:10px;
    width:536px;
    background-position:bottom;
    background-image:url(../images/infobox_sf_vc_bg_bottom.gif);
    color:#333333;
    background-image:url(../images/ff_infobox_vc_bg_bottom.gif);
    color:#23383B;
}
#videocliparea .infoboxbgtop
{
    background-image:url(../images/infobox_sf_vc_bg_top.gif);
    background-image:url(../images/ff_infobox_vc_bg_top.gif);
    background-position:top;
    background-repeat:no-repeat;
    padding-left:15px;
    padding-right:15px;
    padding-bottom:10px;
}

.infobox h2
{
    color:#ffffff;
}    

/**************************************************************/
/*	Style for sub menu on article page											  */
/**************************************************************/
#submenu .submenuitem
{
	border-top:1px solid #16363B;
	border-left:1px solid #2E4A4F;
	border-right:1px solid #1F3E42;
	border-bottom:1px solid #16363B;
	background-color:#16363B;
	color:#A3BDC1;
}

#submenu .submenuitem:hover {
	background-color:#9CD2D8;
	color:#0F1515;
	border-top:1px solid #000000;
	border-bottom:1px solid #000000;
	border-left:1px solid #000000;
	border-right:1px solid #000000;
}

#submenu .selected 
{
	background-color:#9CD2D8;
	color:#0F1515;
	border-top:1px solid #000000;
	border-bottom:1px solid #000000;
	border-left:1px solid #000000;
	border-right:1px solid #000000;
}

/************************************************************************************/
/*	Puff area used on Video clip page.												*/
/************************************************************************************/

.newpuffarea .articleareagreenongreen {background-color:#C6D9DB;}
.newpuffarea .articleareagreenongreen .puffarea{}
.newpuffarea .articleareagreenongreen .articleareatop {background: url(../images/ff_puffarea_top_green_on_green.gif ) no-repeat;height:9px;clear:both;}
.newpuffarea .articleareagreenongreen .articleareabottomwhitebg {background: url(../images/ff_puffarea_bottom_green_on_green.gif) transparent 0% 0% no-repeat;height:13px;}
.newpuffarea .articleareagreenongreen .puffrow {margin:0px 12px 10px 12px; padding:9px 0px 0px 0px; width:560px; background: url(../images/ff_green_on_green_puff_top.gif) no-repeat top; background-color:#E4EFEF; }
.newpuffarea .articleareagreenongreen .puffrow .puffrowpadding {width:542px;padding:0px 9px 9px 9px; margin:0px 0px 0px 0px;background: url(../images/ff_green_on_green_puff_bottom.gif) no-repeat bottom; background-color:#E4EFEF; }
.newpuffarea .articleareagreenongreen .articlesmallrub {padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; color:#563d1f;background-color:#f5faf6;}
.newpuffarea .articleareagreenongreen .puffheading {font-size:153%; font-family:Arial narrow; font-weight:bold;padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; color:#34545B;}
.newpuffarea .articleareagreenongreen a {color:#36707D;text-decoration:none;}
.newpuffarea .articleareagreenongreen a:hover {color:#36707D;background-color:#C8DBDD;}
.newpuffarea .articleareagreenongreen .puffimagecontainer, .newpuffarea .articleareagreenongreen .puffimagecontainer-left { border-right:6px #E4EFEF solid;}
.newpuffarea .articleareagreenongreen .puffimagecontainer-right { float:right; border-left:6px #E4EFEF solid;}

/* Here comes an exact dupe to make articleindex work for skolfront */

.newpuffarea .articleareagreen {background-color:#C6D9DB;}
.newpuffarea .articleareagreen .puffarea{}
.newpuffarea .articleareagreen .articleareatop {background: url(../images/ff_puffarea_top_green_on_green.gif ) no-repeat;height:9px;clear:both;}
.newpuffarea .articleareagreen .articleareabottomwhitebg {background: url(../images/ff_puffarea_bottom_green_on_green.gif) transparent 0% 0% no-repeat;height:13px;}
.newpuffarea .articleareagreen .puffrow {margin:0px 12px 10px 12px; padding:9px 0px 0px 0px; width:560px; background: url(../images/ff_green_on_green_puff_top.gif) no-repeat top; background-color:#E4EFEF; }
.newpuffarea .articleareagreen .puffrow .puffrowpadding {width:542px;padding:0px 9px 9px 9px; margin:0px 0px 0px 0px;background: url(../images/ff_green_on_green_puff_bottom.gif) no-repeat bottom; background-color:#E4EFEF; }
.newpuffarea .articleareagreen .articlesmallrub {padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; color:#563d1f;background-color:#f5faf6;}
.newpuffarea .articleareagreen .puffheading {font-size:153%; font-family:Arial narrow; font-weight:bold;padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; color:#34545B;}
.newpuffarea .articleareagreen a {color:#36707D;text-decoration:none;}
.newpuffarea .articleareagreen a:hover {color:#36707D;background-color:#C8DBDD;}
.newpuffarea .articleareagreen .puffimagecontainer, .newpuffarea .articleareagreenongreen .puffimagecontainer-left { border-right:6px #E4EFEF solid;}
.newpuffarea .articleareagreen .puffimagecontainer-right { float:right; border-left:6px #E4EFEF solid;}

/* */

.test h2 
{
    font-size:100%;line-height:140%;
    background-image:url(../images/ff_icon_arrow.gif);    
    background-repeat:no-repeat;
    background-position:left;
    padding-left:10px;
    
}
.test .correction
{
	font-family:Arial Narrow;
	font-size:160%;
	font-style:normal;
	font-weight:bold;
	margin-bottom:12px;
	margin-top:-8px;
	
}
.test .testquestion
{
    padding-top:10px;
}
.test .indent
{
    text-align:right;
    vertical-align:top;
    width:30px;
}

.test .radiocell
{
    vertical-align:top;
}

.test .incorrect
{
    font-weight:bold;
    color:#D11D5F;
}
.test .correct
{
    font-weight:bold;
    color:#1B9719;
}

.test .correctanswer
{
    font-weight:bold;
    color:#8B9698;
}

.test td
{
    v-ertical-align:top;
}

.test input
{
    color:#2D3227;
}

.test .correctionbutton
{
    cursor:pointer;    
    display:block;
    width:97px;
    height:32px;
    background-image:url(../images/ff_testcorrectionbutton.jpg );
    margin-bottom:10px;
}

.test .explanation
{
    color:#23383B;
    padding-top:10px;
    padding-bottom:10px;
    font-style:italic;
}

.test .correctionbutton:hover
{
    background-image:url(../images/ff_testcorrectionbutton_hover.jpg );
}

/*
#knowledgetest .correctanswer, #knowledgetest .correct {color:#FFFFFD;font-weight:bold;background-color:#008312;text-align:center;padding:0 2px 0 2px;}
#knowledgetest .incorrect {color:#FFFFFD; font-weight:bold;background-color:#D70A00;text-align:center;padding:0 2px 0 2px;}
#knowledgetest .explanation {margin:10px 0 0 0px;}
#knowledgetest .test .submit {text-align:left;margin:0;padding:0 10px 0 7px;height:auto;width:auto;background:#BDBDBB none;color:#FDFDF9;font-family:"Courier New", "Times New Roman", Serif;font-weight:bold;}


#knowledgetest ul, #pagelistpage ul { margin:0;padding:0;list-style:none;}
#knowledgetest ul li, #pagelistpage ul li {margin:0;padding:0 0 0 7px;display: block;background:url(/Ung/Serie/Images/bullet.gif) no-repeat 0% 8px ;}
*/

/* Lists in maincontent
#standardpage ul, #pagelistpage ul { margin:0;padding:0;list-style:none;}
#standardpage ul li, #pagelistpage ul li {margin:0;padding:0 0 0 7px;display: block;background:url(/Ung/Serie/Images/bullet.gif) no-repeat 0% 8px ;}
*/
/* Page list 
#knowledgetest .pagelistcontainer {display:inline; float:right; margin:23px -44px 20px 27px; padding:24px 12px 0 12px; width:171px; background:#212121 url(/Ung/Serie/Images/pagelist_top.gif) no-repeat 0% 0%; }
#knowledgetest .pagelistbottom {margin:0px -12px 0 -12px;padding:10px 12px 30px 12px; letter-spacing:0.08em; text-align:center; background:#212121 url(/Ung/Serie/Images/pagelist_bottom.gif) no-repeat 0% 100%;}
#knowledgetest .pagelistbottom a {padding:0px 9px 1px 9px;background-color:#5E7575;color:#DDECEC;font-size:110%;font-family:"Courier New", "Times New Roman", serif;}
#knowledgetest .pagelistbottom a:hover {color:#F8F2E8; background-color:#B85414;}
#knowledgetest .pagelistcontainer h3 {margin:0 0 5px 0;text-align:center;color:#F2F0E4;font-family:"Courier New", "Times New Roman", serif;line-height: normal; font-size:170%;font-weight:bold;text-transform:uppercase;letter-spacing:1px;}
#knowledgetest .pagelistcontainer ul li a {color:#F2F2EF; font-weight:bold;font-size:90%;}
#knowledgetest .pagelistcontainer ul li a:hover {color:#F8F2E8; background-color:#B85414;}
#knowledgetest .pagelistcontainer ul li a:selected {color:#F8F2E8; background-color:#B85414;}
*/