/* ------ Text items -------- */
html
{
	overflow-x: hidden;
}


body
{
	font-family: Verdana, Arial, Helvetica, Tahoma;
	/*font-size: 0.65em;*/
	font-size:65%; /* För att skalbarheten skall bli smidigare sätter vi denna till 65% precis som hos episerver.com */
	color: #333;
	padding: 0; 
	margin: 0;
	overflow-x: hidden;
}
.bodyclasspopup
{
	background-color:#f9f4e9;	
}

p
{
	margin-top:0; /* NH, sätter denna eftersom bilden på substartsidan inte ligger i top i FF */
	font-family: Verdana, Arial, Helvetica, Tahoma;
	color: #333;
}



h2, .heading2
{
	font-family:Georgia, Verdana, Arial, Helvetica, Tahoma;
	font-weight: bold; 
	font-size: 1.2em; 
	color: #333;
	/*padding-bottom:0.35em;*/
	margin-bottom:.2em;
	margin-top:.6em;
	EditMenuName: Rubrik 2;
}

.StartPageHeading2
{
	font-family:Georgia, Verdana, Arial, Helvetica, Tahoma;
	font-weight: bold; 
	font-size: 1.2em; 
	color: #333;
	padding-bottom:0.35em;
	
}




h3, .heading3
{
	font-family:Georgia, Verdana, Arial, Helvetica, Tahoma;
	font-weight: bold;
	font-size: 1em;
	color: #333;
	padding-bottom: .2em;	
}

h1, .NewsHeading1
{
	font-family:Georgia, Verdana, Arial, Helvetica, Tahoma;
	font-weight: bold;
	font-size: 1.5em; 
	padding-bottom:.8em;
	color: #333;
	margin-top:-0.8%;	
	EditMenuName: Nyhetsrubrik 1;
}


h2, .NewsHeading2
{
	font-family:Georgia, Verdana, Arial, Helvetica, Tahoma;
	font-weight: bold; 
	font-size: 1.2em; 
	color: #333;
	padding-top:.4em;
	padding-bottom:0.4em;
	EditMenuName: Nyhetsrubrik 2;
}
h1, .heading1
{
	font-family:Georgia, Verdana, Arial, Helvetica, Tahoma;
	font-weight: bold;
	font-size: 1.5em; 
	color: #333;
	margin-top:-0.8%;
	margin-bottom:0em;
	EditMenuName: Krisrubrik;
}

.NewsIntro
{
	font-weight: bold; 
	font-size: 1em; 
	color: #333;
	padding-bottom:0.4em;
}

.introduction
{
	font-weight: bold;
	EditMenuName: Ingress;
}
.imagetext 
{
	font-style: italic; 
	font-size: 0.9em; 
	EditMenuName: Bild text;
}
.red
{
	color: #CC0000;
}
.white
{
	color: #fff;
	EditMenuName: Vit tabellrubrik;
}
hr
{
	height: 0.1em;
	color: #95632F;
}

hr.light
{
	height: 0.1em;
	color: #F0E5CE;
}


.searchtext
{
	color:#bd4f19;
	font-weight:bold;
	text-transform:uppercase;
}


/* ------ Links -------- */
a
{
	color: #bd4f19;
	text-decoration:none;
}
a:hover
{
	color: #bd4f19;
}

/* --------- Links in Top menu används inte skall tas bort----------- */
a.menuhead
{
	/*padding: 0em 0em 0em 0.55em; original */
	padding: 0em 0em 0em 1.5em;
	font-size: 1em;
	color: #FFF;
	text-decoration: none;
	margin: auto;
}
a.activemenuhead
{
	/*padding: 0em 0em 0em 0.55em; original */
	padding: 0em 0em 0em 1.5em;
	font-size: 1em;
	color: #FFF;
	/*font-weight: bold;*/
	/* topmenu_bg_selected.gif */
/*	background-image: url(../images/topmenu_bg_selected.gif);
	background-repeat:repeat-x;
	*/
	background-color:#fff;
	text-decoration: none;
	margin: auto;
	
}

/* --------- Links in Top menu ----------- */
.TopMenuItemContainer
{
	/* Med bild | Start */
	/* Med bild skapar problem vid skalning av sajten */
	
	float:left;
	/*padding-top:10px;*/
	height:2.8em;
	/* Med bild | Slut */
	
	/* Utan bild | Start */
	/*
	float:left;
	padding-top:1px;
	height:100%;
	width:auto;
	background-color:#bd4f19;
	*/
	/* Utan bild | Slut */
	
	
	
	
	padding-left:1.29em;
	padding-right:1.29em;

	
	
}
.TopMenuItem{
	color:#FFF;
	font-size: 1.2em;	
	/*padding-left:1.32em;
	padding-right:1.32em;*/
	
	
	
	text-decoration: none;
}


.TopMenuItemSelectedContainer
{
	/* Med bild | Start */
	
	float:left;
	/*padding-top:1px;*/
	height:2.8em;
	background-image: url(../images/topmenu_bg_selected.gif);
	background-repeat:repeat-x;
	
	/*background-image: url(../images/topmenu_bg_selected_one_col.gif);*/
	/* Med bild | Slut */
	
	/* Utan bild | Start */
/*
	float:left;
	padding-top:1px;
	height:100%;
	width:auto;
	background-color:#953909;
*/	
	/* Utan bild | Slut */
	/*
	padding-left:1em;
	padding-right:1em;
	*/
	
	padding-left:1.29em;
	padding-right:1.29em;
	
}
.TopMenuItemSelected
{
	color:#FFF;
	font-size: 1.2em;
	/*
	padding-left:1.29em;
	padding-right: 1.29em;
*/
	text-decoration: none;
}

/* Tar bort denna då den påverkar topmenyn negativt i IE6
* html .TopMenuItem{
	padding-top: .8em;
	padding-bottom: .5em;
}
*/

a.TopMenuItem:hover
{
	color:#FFF;
}
a.TopMenuItemSelected:hover
{
	color:#FFF;
}



/* --------- Navigerings länkar i övre högra hörnet ----------- */
a.headnavigation
{
	font-size: 1em;
	color: #333;
	text-decoration: none;
	margin: auto;
}
a.activeheadnavigation
{
	padding: 0em 0em 0em 0.5em;
	font-size: 1em;
	text-decoration: none;
	margin: auto;
}
a.headnavigationlast
{
	padding-bottom:10em;
	font-size: 1em;
	color: #333;
	text-decoration: none;
	margin: auto;
}

.navigationdelimiter
{
	padding: 0em 0em 0em 0em;
	color:#a59d95;
}

/* --------- Navigerings länkar i sidfoten till höger ----------- */
.footerlink
{
	margin-left:1.2em;
	font-size:1.1em;
	color: #333;
}
a.footerlink
{
	text-decoration: none;
	color: #333;
}





/* --------- Left menu ----------- */

#leftmenuul
{
	margin: 0;
	padding: 0;
	
}
#leftmenuul li
{
	display: block;
	float: left;
	text-decoration: none;
	padding: 0em 0em 0em 0em;
	margin:0;
}

#leftmenuul li a
{
	text-decoration: none;
	
}
#leftmenuul li a:hover
{
	text-decoration: none;
	
}

div.menuitem
{
	/*background-image: url(../images/submenu_rulerbg.gif);
	background-position: 0em bottom;
	background-repeat: repeat-x;*/
	font-size:1.2em;
	background-color:#f9f4e9;
	width: 100%;
	padding: 0em 0em 0.5em 0.7em;
	float: left;
	
}
div.menuitemselected
{
	/*background-image: url(../images/submenu_rulerbg.gif);
	background-position: 0em bottom;
	background-repeat: repeat-x;*/
	font-size:1.2em;
	width: 100%;
	padding: 0em 0em 0.5em 0.7em;
	float: left;
	/*font-weight: bold;*/
	background-color: #f9f4e9;
}
div.menuitemexpanded
{
/*	background-image: url(../images/submenu_rulerbg.gif);
	background-position: 0em bottom;
	background-repeat: repeat-x;*/
	font-size:1.2em;
	width: 100%;
	padding: 0em 0em 0.5em 0.7em;
	float: left;
	background-color: #f9f4e9;
}
div.menuitemchild
{
	font-size:1.2em;
	width: 100%;
	padding: 0em 0em 0.5em 0.7em;
	float: left;
	background-color:#f9f4e9;
}

/* --------- Input ----------- */
input, textarea
{
	font-family: Verdana, Arial, Helvetica, Tahoma;
	color: #333;
	font-size: 1.1em;
}

select
{
	font-size: 1em;
	border:solid 1px #a59d95;
}

fieldset
{
	border: none;
	padding: 0;
	margin: 0;
}
legend
{
	color: #333;
	font-size: 1em;
	padding: 0;
	margin: 0;
}
fieldset label
{
	margin-right: 1em;
}

.inputlabel
{
	width: 6em;
	float: left;
	padding-top: 0.4em;
	font-weight: bold;
}
.inputlabelwide
{
	width: 10em;	
	float: left;
	padding-top: 0.4em;
	font-weight: bold;
}
span.errormessage
{
	color: #CC0000;
	font-size: 1em;
}
span.blackerror
{
	color: #CC0000;
	font-size: 1em;
}
/* --------- Image format ----------- */
img.topleftfloatingimage
{
    margin-right: 1em;
    margin-bottom: 1em;
    EditMenuName: Top left;
	float: left;
}
img.toprightfloatingimage
{
	float: right;
    margin-left: 1em;
    margin-bottom: 1em;
    EditMenuName: Top right;
}
img.shadow
{
	position: relative;
	EditMenuName: Shadow;
	filter: progid:DXImageTransform.Microsoft.Shadow(color=#555555,direction=135,strength=5);
}
img.opacity
{
	position: relative;
	EditMenuName: Semi transparent;
	filter: alpha(opacity=40,finishopacity=24,style=3);
}
img.fliph
{
	position: relative;
	EditMenuName: Flip horisontally;
	filter: fliph;
}
img.flipv
{
	position: relative;
	EditMenuName: Flip vertically;
	filter: flipv;
}
img.dashedborder
{
	position: relative;
	border: dashed 1px grey;
	EditMenuName: Dashed border;
}
img.circularfade
{
	position: relative;
	EditMenuName: Circular fade;
	filter: alpha(opacity=100,finishopacity=0,style=2);
}

img.paddingBottom
{
	padding-bottom:.6em;
}


img.readMore
{
	margin-top:-.6em;
}


/* --------- Table format ----------- */
table
{
	font-size: 1em;
}
th
{
	text-align: left;
}
.evenrow
{
	background-color:  #fff;
}
.unevenrow
{
	background-color:#F0E5CE;
}
.headerrow
{
	background-color: #F0E5CE;
}
table.classic
{
	border-collapse: collapse;
	border: solid 0.1em #777777;
	EditMenuName: Klassisk;
}
table.classic th
{
	border: solid 0.1em #777777;
	background-color: #DADADA;
	padding: 0.4em;
}
table.classic td
{
	border: solid 0.1em #777777;
	padding: 0.2em 0.4em;
}


table.nybro
{
	border-collapse: collapse;
	border: solid 0.1em #ffffff;
	EditMenuName: Nybro.se;
}

table.nybro th
{
	/*border: solid 0.1em #fff;*/
	background-color: #c54919;
	padding: 0.4em;
	color:#ffffff;
}

table.nybro td
{
	border: solid 0.1em #ffffff;
	padding: 0.2em 0.4em;
}

table.bibliotek
{
	border-collapse: collapse;
	border: solid 0.1em #ffffff;
	EditMenuName: Bibliotek;
}

table.bibliotek th
{
	/*border: solid 0.1em #fff;*/
	background-color: #6c92a6;
	padding: 0.4em;
	color:#ffffff;
}

table.bibliotek td
{
	border: solid 0.1em #ffffff;
	padding: 0.2em 0.4em;
}

table.skolor
{
	border-collapse: collapse;
	border: solid 0.1em #ffffff;
	EditMenuName: Skolor;
}

table.skolor th
{
	/*border: solid 0.1em #fff;*/
	background-color: #987d5c;
	padding: 0.4em;
	color:#ffffff;
}

table.skolor td
{
	border: solid 0.1em #ffffff;
	padding: 0.2em 0.4em;
}

table.color
{
	border-collapse: collapse;
	border: solid 0.1em #95632F;
	EditMenuName: Color;
}
table.color th
{
	border: solid 0.1em #95632F;
	background-color: #E1CC9D;
	padding: 0.4em;
}
table.color td
{
	border: solid 0.1em #95632F;
	padding: 0.2em 0.4em;
}
th.highlighted, td.highlighted
{
	EditMenuName: Highlighted;
}
table.classic th.highlighted
{
	background-color: #AAAAAA;
}
table.classic td.highlighted
{
	background-color: #F0F0F0;
}
table.color th.highlighted
{
	background-color: #95632F;
}
table.color td.highlighted
{
	background-color: #F0E5CE;
}
th.leftalignedcontent, td.leftalignedcontent
{
	text-align: left;
	EditMenuName: Left aligned;
}
th.rightalignedcontent, td.rightalignedcontent
{
	text-align: right;
	EditMenuName: Right aligned;
}
th.skolor, td.skolor
{
	background-color:#f9f4e9;
	EditMenuName: Skolwebb;
}
th.bibliotek, td.bibliotek
{
	background-color:#e9f0f4;
	EditMenuName: Bibliotekswebb;
}

th.nybro_uneven, td.nybro_uneven
{
      background-color:#f4e9d3;
      EditMenuName: Nybro;
}



/* ---- */
.PuffText
{
	font-size:1.2em;
	line-height: 1.3em;
	padding-bottom:1.6em;
}

.PuffCenterText
{
	font-size:1.2em;
	line-height: 1.3em;
	/*padding-bottom:.4em;*/
}

.PuffTextSmall
{
	font-size:1.1em;
	line-height: 1.3em;
	padding-bottom:1.6em;
}


a.PuffText
{
	font-size:1.1em;
	padding:0em;
	font-weight:bold;
	color:#ca4c19;
	text-decoration:none;
}

a.newsListing
{
	font-size:1.1em;
	line-height: 2em;
	color:#ca4c19;
	text-decoration:none;
}

a.ReleatedInfoItem
{
	font-size:1.1em;
	color:#ca4c19;
	text-decoration:none;
}


/* Färgsättning enligt grafisk profil */

.PuffColorSand
{
	background-color:#f4e9d3;
}

.PuffColorForest
{
	background-color:#e1d9ab;
}

.PuffColorShell
{
	background-color:#eed6a6;
}

.newListingStartPageImage
{
	float:left;
	padding-top:.4em;

}

.newListingStartPageText
{
	padding-left:.6em;
	text-decoration:none;
	font-size:1.2em;
	width:16em;
}


/* --- PUFFAR FÖR GENOMGÅNGSSIDAN --- | START --- */
.SubPagePuffHeading
{
	font-weight:bold;
	margin-bottom:.3em;
}

.SubPagePuffTextDiv
{
	padding-top:.3em;
}

.SubPagePuffTextMainIntro
{
	font-size:1.1em;
	margin-bottom:1em;
}

a.SubPagePuffTextMainIntro
{
	color:#ca4c19;
	text-decoration:none;
}


a.StartPageNewsLink
{
	text-decoration:none;

}
a.StartPageNewsLink:hover
{
	text-decoration:underline;
}

a.newsLink
{
	text-decoration:none;
}
a.newsLink:hover
{
	text-decoration:underline;
}


/* --- PUFFAR FÖR GENOMGÅNGSSIDAN --- | SLUT --- */


/* Snabbnavigering på sajtens topp */
#QuickChoices
{
	margin: 0;
	padding: 0;
	font-size: 1.2em;
	color: #333;
}

#QuickChoices li
{
	display: block;
	float: left;
	text-decoration: none;
	padding: 0em 0.2em 0em 0.2em;
	vertical-align: middle;
	margin:0;
}

#QuickChoices li a
{
	text-decoration: none;
	color: #333;
}

#startpageul
{
	margin: 0;
	padding: 0;
	color: #ca4c19;
	list-style:url(../images/small_red_arrow.gif);
}
#startpageul li
{
	
	display: block;
	float: left;
	text-decoration: none;
	padding: 0em 0em 0em 0em;
	margin:0;
}

#startpageul li a
{
	text-decoration: none;
	color: #ca4c19;
}
#startpageul li a:hover
{
	text-decoration: underline;
	color: #ca4c19;
}


#ULTopMenu
{
	margin: 0;
	padding: 0;
	font-size: 1em;
	color: #FFF;
	padding-left: 2.4em;
}

#ULTopMenu li
{
	display: block;
	float: left;
	text-decoration: none;
	padding: 0;
	vertical-align: middle;
	margin:0;
}

#ULTopMenu li a
{
	text-decoration: none;
	color: #FFF;
}


.NewsPuffText
{
	padding-bottom:.8em;
}

.PuffLinkPaddingMainNews
{
	padding-top:1em;
	padding-bottom:.8em;
}
.PuffLinkPadding
{
	padding-bottom:.8em;	
}

.PuffLinkPaddingBoth
{
	padding-top:1em;
	padding-bottom:.8em;	
}



#menu_spacer
{
	background-image: url(../images/menu_spacer.gif);
}



input.btn
{
  /* color:#bd4f19;
   font-weight:bold;
   background-color:#f4e9d3;*/
   /*border:1px solid #a59d95;*/
}

.SearchWidth
{
	float:left;
	width:25%;
}