/****************************************************************************************
	Style for Skolfronts web site. This style override the ordinary Pedagogwebben CSS.
	Some style 
*****************************************************************************************/

/* 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;
}

#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:#a90055;
    color:white;
}

#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(../images/bg_sf_morelinks_red.gif);
}

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

#leftnavigationarea ul li a.selected
{
	/*background-color:#fff;*/
	background-color:#a90055;
	color:#FAEDDC; 
	/**/
	border-bottom:1px solid #fff;     
}
#leftnavigationarea ul li a.selected:hover
{
    background-color:#a90055;
    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:#a90055;*/
    background-color:#F2F0E4;
    /**/
    color:#5D595A;
}
#leftnavigationarea ul li ul li a.selected
{
	background-color:#F2F0E4;
	/*background-color:#fff;*/
	background-color:#a90055;
	color:#FAEDDC; 
	/**/	
}

#leftnavigationarea ul li ul li a.selected:hover
{
	background-color:#a90055;
	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;    
}


/* Niva 1
#leftnavigationarea ul {background-color: transparent;list-style: none;margin:0;padding:0;border-right:2px solid #f1f1ed;}
#leftnavigationarea ul li {list-style: none;margin:0;padding:0;}

#leftnavigationarea ul li 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;}

#leftnavigationarea ul li a {border-top:2px solid #F7FDFD;border-right:1px solid #F7FDFD;border-bottom:1px solid #CFD8C3;background-color:#f1f1ed;color: #5D595A;display: block;padding: 5px 0px 5px 10px;text-decoration: none;}
#leftnavigationarea ul li.last a {border-bottom:0px solid #CFD8C3;background: url(../images/bg_navigationlastlink.gif) #f1f1ed 0% 100% no-repeat;padding: 5px 0px 15px 10px;}
#leftnavigationarea ul li a.morelinks {background: url(../images/bg_morelinks_gray.gif) #f1f1ed 10px 50% no-repeat;padding: 5px 0px 5px 22px;}

#leftnavigationarea ul li a:hover, #leftnavigationarea ul li a.active {background-color:#fff;}
#leftnavigationarea ul li a.morelinks:hover {background: url(../images/bg_morelinks_red.gif) #fff 10px 50% no-repeat;padding: 5px 0px 5px 22px;}


#leftnavigationarea ul li a.morelinksactive {background: url(../images/bg_activelink_red.gif) #fff 10px 50% no-repeat;padding: 5px 0px 5px 22px;border-bottom:1px solid #fff;}


 Niva 2 
#leftnavigationarea ul li ul {background-color: #fff;list-style: none;margin:0px 0px 0px 0px;padding:0;border-right:2px solid #fff;border-bottom:1px solid #CFD8C3;}
#leftnavigationarea ul li ul li {list-style: none;margin:0;padding:0;}

#leftnavigationarea ul li ul li a {color: #5A5A5A;display: block;padding: 4px 0px 4px 22px;border:0px solid #fff;border-top:2px solid #fff;border-bottom:1px solid #fff;background-color: #fff;}
#leftnavigationarea ul li ul li a:hover {background-color:#a90055;color:#FAEDDC;padding: 3px 0px 4px 22px;border-top:3px solid #fff;border-bottom:1px solid #fff;}

#leftnavigationarea ul li ul li a.morelinks {background-color:#fff;padding: 4px 0px 4px 22px;}
#leftnavigationarea ul li ul li a.morelinks:hover {padding: 3px 0px 4px 22px;border-top:3px solid #fff;border-bottom:1px solid #fff;background: url(../images/bg_morelinks_gray.gif) #a90055 10px 50% no-repeat;}
*/

#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:#a90055;}
.articlearea .articlefullwidthtext a:hover {color:#fff;background-color:#a90055;}
.articlearea2 .articlefullwidthtext a {color:#a90055;}
.articlearea2 .articlefullwidthtext a:hover {color:#fff;background-color:#a90055;}
.articlefullwidthpadding a, .articlefullwidthpaddingprogramimage a {color:#a90055;}
.articlefullwidthpadding a:hover, .articlefullwidthpaddingprogramimage a:hover {color:#fff;background-color:#a90055;}
.articlehalfwidthpadding a, .articlefullwidthpaddingprogramimage a {color:#a90055;}
.articlehalfwidthpadding a:hover, .articlefullwidthpaddingprogramimage a:hover {color:#fff;background-color:#a90055;}
.articlearea3 .articlefullwidthtext a {color:#a90055;}
.articlearea3 .articlefullwidthtext a:hover {color:#fff;background-color:#a90055;}
.articlearea .articlefullwidthbgimage a {color:#a90055;}
.articlearea .articlefullwidthbgimage a:hover {color:#fff;background-color:#a90055;}

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

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


h1 span
{
	color:#333333;
	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/infobox_sf_bottom.gif);
    color:#666666;
}

.infoboxbgtop
{
    background-image:url(../images/infobox_sf_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/infobox_sf_narrow_bottom.gif);
    color:#666666;
    float:right;
    border-left:15px solid #ffffff;
}

.infobox2 .infoboxbgtop2
{
    background-image:url(../images/infobox_sf_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			*/
/**********************************************************************/


/* Style common for all puffs. */
.puffcaption
{
	background-color:#a6085d;
	color:#ffffff;
}

.puff1 a
{
	color:#a6085d;
}

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


/*********************************************************
	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:#333333;
	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 0px 0px;
	margin:0px 0px 0px 0px;
	background-image:none;
}

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

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


.largepuffarea .puff1style3 .puffcontentwrap {
    background-image: url(../images/big_puff_bg_repeater.gif);  
	background-repeat:repeat-y;
	color:#ffffff;
	margin:0px 0px 20px 0px;
	padding:0px 0px 0px 0px;
	width:588px;
}
.largepuffarea .puff1style3 .puffimagecontainer-left, .largepuffarea .puff1style3 .puffimagecontainer 
{
	border:10px solid #202020;
	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:#e7e7e7;
	padding:0;
	margin:0;
}

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


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

.largepuffarea .puff1style3 h3
{
	color:#ffffff;
	font-family:Arial Narrow;
	font-size:160%;
	font-style:normal;
	font-weight:bold;
	color:#ffffff;
	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:#fd5ab2;
}

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

.largepuffarea .puff1style3 a:hover
{
	color:#ffffff;
	background-color:#6b6b6b;
}
.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:#f6e7ef;
}

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

.smallpuffarea .puff1 .puffcaptionempty
{
	background-color:#a6085d;
	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:#a6085d;
    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 .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:#333333;
	font-family:Arial Narrow;
	font-size:150%;
	padding-bottom:0px;
}

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

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

.sidepuffarea .puff1.style1.mediapuff h2
{
	color:#f959af;
	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(/vuxen/images/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 .puffcontentwrap
{
	border:1px solid #cccccc;
}

.sidepuffarea .puffgroup .puff1
{
   background-color:#202020;
}
.sidepuffarea .puffgroup .puff1
{
    border-bottom:2px #3d3d3d solid;
    background-color:#202020;
    background-image:none; /*remove dotted line*/
}

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

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

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


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

.sidepuffarea .puff1.style2 .puffcontentwrap
{
	width:201px;
	border:1px solid #cccccc;
	background-color:#f0f0ec;
	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/bg_skolfront_poll.jpg);
    background-position:bottom;
}

.sidepuffarea #pollpadding
{
    color:#f9e6f0;
}

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

.sidepuffarea .pollAnswerTD{
    color:#f9e6f0;
}

.sidepuffarea .pollBar
{
	color:#fc2a9b;
}

.sidepuffarea td
{
	color:#ffffff;
}

.sidepuffarea .pollButtonTD a
{
    display:block;
    width:50px;
    height:19px;
    margin-top:10px;
    background-image:url(/Pedagog/images/skolfront_rosta.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:#a90055;
}

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

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




/************************************************************************
	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:#a90055;color:#f6e7ef; }
.articleindex .articlefullwidth .articlefullwidthtext a { color:#a90055; }
.articleindex .articlefullwidth .articlefullwidthtext a:hover { color:#ffffff; }


/************************************************************************
	Style for Contact page
*************************************************************************/
.articlearea .articlefullwidthbgimage label {font-weight:bold;color:#333333;}
.articlearea .articlefullwidthbgimage input.textform {background-color:#e4e4e0;border:1px solid #c6c6c6;width:22em; font-size:100%;}
.articlearea .articlefullwidthbgimage textarea {width:35em;height:12em;background-color:#e4e4e0;border:1px solid #c6c6c6; font-family:verdana, arial; font-size:100%;}
.articlearea .articlefullwidthbgimage a {padding:0 3px 1px 3px;color:#a90055;text-decoration:none;}
.articlearea .articlefullwidthbgimage a:hover {color:#fff;background-color:#a90055;}
.articlearea .articlefullwidthbgimage 
{
	background: url(../images/bg_skolfront_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:#A90055;
     font-weight: bold;
     font-size:0.9em;  
     font-family:Verdana;
     text-indent:2px;
}


/*************************************************************************************
	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:#a90055;
}
#forum a:hover 
{
	color:#fff;
	background-color:#a90055;
}

.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: #5b5b5b;
	text-decoration:none;
}

.videoclipplayerlinks a:hover {
	color: #FF9900;
}

.videoclipbrowseritem
{
	border-left:1px solid #FFFFFF;
	border-right:1px solid #E2E2E2;
	background-color:#F6F6F6;
	color:#434343;
}

.videoclipbrowseritem:hover {
	background-color:#fa46a7;
	border-left:1px solid #a6b3b4;
	border-right:1px solid #a6b3b4;
}

#videoclipbrowserbg .selected 
{
	background-color:#fa46a7;
	border-left:1px solid #a6b3b4;
	border-right:1px solid #a6b3b4;
}

/* 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;
}
#videocliparea .infoboxbgtop
{
    background-image:url(../images/infobox_sf_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 #ecefec;
	border-left:1px solid #ecefec;
	border-right:1px solid #ecefec;
	border-bottom:1px solid #ecefec;
	background-color:#202020;
	color:#8f8f8f;
}

#submenu .submenuitem:hover {
	background-color:#fa46a7;
	color:#231819;
	border-top:1px solid #a6b3b4;
	border-bottom:1px solid #a6b3b4;
	border-left:1px solid #a6b3b4;
	border-right:1px solid #a6b3b4;
}

#submenu .selected 
{
	background-color:#fa46a7;
	color:#231819;
	border-top:1px solid #a6b3b4;
	border-bottom:1px solid #a6b3b4;
	border-left:1px solid #a6b3b4;
	border-right:1px solid #a6b3b4;
}

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

.newpuffarea .articleareagreenongreen {background-color:#dbdbd7;}
.newpuffarea .articleareagreenongreen .puffarea{}
.newpuffarea .articleareagreenongreen .articleareatop {background: url(../images/puffarea_top_grey_on_grey.gif ) no-repeat;height:9px;clear:both;}
.newpuffarea .articleareagreenongreen .articleareabottomwhitebg {background: url(../images/puffarea_bottom_gray_on_gra.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/grey_on_grey_puff_top.gif) no-repeat top; background-color:#efefeb; }
.newpuffarea .articleareagreenongreen .puffrow .puffrowpadding {width:542px;padding:0px 9px 9px 9px; margin:0px 0px 0px 0px;background: url(../images/grey_on_grey_puff_bottom.gif) no-repeat bottom; background-color:#efefeb; }
.newpuffarea .articleareagreenongreen .articlesmallrub {padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; color:#563d1f;background-color:#f5faf6;}
.newpuffarea .articleareagreenongreen .puffheading {font-size:133%; font-family:Verdana; font-weight:normal;padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; color:#333333;}
.newpuffarea .articleareagreenongreen a {color:#a90055;text-decoration:none;}
.newpuffarea .articleareagreenongreen a:hover {color:#ffffff;background-color:#a90055;}
.newpuffarea .articleareagreenongreen .puffimagecontainer, .newpuffarea .articleareagreenongreen .puffimagecontainer-left { border-right:6px #efefeb solid;}
.newpuffarea .articleareagreenongreen .puffimagecontainer-right { float:right; border-left:6px #efefeb solid;}

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

.newpuffarea .articleareagreen {background-color:#dbdbd7;}
.newpuffarea .articleareagreen .puffarea{}
.newpuffarea .articleareagreen .articleareatop {background: url(../images/puffarea_top_grey_on_grey.gif ) no-repeat;height:9px;clear:both;}
.newpuffarea .articleareagreen .articleareabottomwhitebg {background: url(../images/puffarea_bottom_gray_on_gra.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/grey_on_grey_puff_top.gif) no-repeat top; background-color:#efefeb; }
.newpuffarea .articleareagreen .puffrow .puffrowpadding {width:542px;padding:0px 9px 9px 9px; margin:0px 0px 0px 0px;background: url(../images/grey_on_grey_puff_bottom.gif) no-repeat bottom; background-color:#efefeb; }
.newpuffarea .articleareagreen .articlesmallrub {padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; color:#563d1f;background-color:#f5faf6;}
.newpuffarea .articleareagreen .puffheading {font-size:133%; font-family:Verdana; font-weight:normal;padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; color:#333333;}
.newpuffarea .articleareagreen a {color:#a90055;text-decoration:none;}
.newpuffarea .articleareagreen a:hover {color:#ffffff;background-color:#a90055;}
.newpuffarea .articleareagreen .puffimagecontainer, .newpuffarea .articleareagreenongreen .puffimagecontainer-left { border-right:6px #efefeb solid;}
.newpuffarea .articleareagreen .puffimagecontainer-right { float:right; border-left:6px #efefeb solid;}