/* This file needs to be saved in the UTF-8 format in order to handle EditMenuName attributes with non-english characters */

/* --- Divs used for page structure ---*/
body
{
	/*deleted for banners */
	/*background-color:#EFEEED;*/
	
	/* detta stycke bortkommenterat f banners
	background-image: url(/images/Jokk/bg_body.gif);
	background-repeat:repeat-y;
	background-position:center;*/	
	margin:0;
	padding:0;
	border:0;	
}

/*added for banners */
#increasedcontainerdiv
{
	width:99.5em; /* 1035px; /*was 97.4 was75.2em; 65em;*/	
}

/*added for banners */
#containerdiv_withrightborder
{
	background-image: url(/images/Jokk/bg_left3.gif);
	background-repeat:repeat-y;
	background-position:left;	
	width:77.1em; /*802px;*/
	padding-left:5px;
	/*margin-left:-20px;
	792px;802px;
	border-width:1px;
	border-style:dashed;
	border-color:Blue; */
	float:left;
}

/*added for banners */
#bannerdiv
{
	float:right;
	width:220px;	
	vertical-align:top;
}

/*changed for banners */
#containerdiv
{	margin:0;
	padding:0;
	border:0;	
	text-align:left;
	float:left;	
	
	width:75.2em; /*782px;75.3em;;75.2em; was 65em;*/
	/*background-color:Blue; */
	/*border-left-color:#E5E5E5;
	border-right-color:#C8C8C8;/*#C1BCB8; #E5E5E5;*/	
	
	/*border-left-style:solid;
	border-left-width:1px;
	border-right-style:solid;
	border-right-width:0.2em;*/

	padding-bottom:5em;
			
}

#headerdiv
{
	text-align: center;
	display: block;
	width:100%;/*75.3em;*/
	margin:0;
	padding:0;
	border:0;	
}

#JokkmokkTop
{	
	padding-top:1.7em;
	/*width: 100%;*/
}

.JokkmokkLogo
{	
	width:22.5em;
	padding-top:3.5em; 
	padding-bottom:2.9em;
	margin-left:2.0em;
	float:left;		
}

.quickbartext
{
	vertical-align:top;
	border-bottom-width:medium;
	color:Black;	
}

a.quickbartext
{
	color:Black;
	text-decoration:none;
	vertical-align:middle;
}

a
{
	color:Blue;/* #333399; LinkColor */ 
	text-decoration:none;
}

a:hover
{
	/*color:Blue; #333333;*/
	text-decoration:underline;	
}
a:visited
{
	/*color: #800080;
	text-decoration:none;	*/
}

#quickbardiv
{
	position:relative; 
	 /*margin-top: -3em; changed from -5em 
	margin-right: 3px; */
	padding-right:0.5em;
	float: right; 
	text-align: right;
	color:Black;
	padding-bottom:1em;
	width: 60%; 
}

input.quicksearchinput
{
	width: 29em;
	height: 1.4em;
	border: 0.1em;
	border-color:#7D736B;
	border-style:solid;
	vertical-align:top;
}

.centeredImg
{
	vertical-align:bottom;
}

.searchButton
{	
	padding-left:0.3em;
	padding-right:0.3em;
	padding-bottom:0.5em; 
	height:1.4em;
	border: 0.1em;	
	border-style:solid;	
	background-color:#CC0000;
	border-color:#CC0000;
	color:White;
	margin-top:0.2em;	
	vertical-align:middle;	
}

.quicksearchdiv
{
	float: right;
	padding-top: 10px;
	padding-bottom:7px; 
	width:100%;	

}

a.activemenuhead
{
	/*background-image: url(/images/Jokk/kommunen_arrow.gif);
	background-position:right;
	background-position:bottom;
	background-repeat:no-repeat;
	
	height:3em;	*/
		
	padding: 0em 0em 0em 0.55em;
	font-size: 1em;
	color:#000000;
	text-decoration: none;
	/*
	border-bottom-color: #417E43;
	border-bottom-width:0.5em;
	border-bottom-style:solid;*/				
}

.topimagediv
{
	display:block;
	width:100%;/*75.2em;100%;65em;*/
	margin:0;
	padding:0;
	border:0;
}

.topimagedivboth
{
	margin:0;
	padding:0;
	border:0;	
	width:100%;
	background-color:#FFFFFF;
	clear:both;
}

/*changed for banners */
.topimageleft
{
	margin:0;
	padding:0;
	border:0;	
	width:56.4em;/*587px; 48.8em; 587px; vertical-align:top;*/
	vertical-align:text-top;
	text-align:left;
	float:left;
}

/*65em */
/*changed for banners */
.topimageright
{	
	width:18.3em;/*190px;18.3em;190px;190px; 15.8em;
	margin-left:0.1em;	*/
	vertical-align:text-top;
	/*text-align:right;*/
	 float:right; 
}


.topimagedivright
{
	/*width:100%;49em;*/
	float:right;
}

.breadcrumbsContentdiv
{
	width: 55em;/*46.9em;*/
	float: right;
	height:2.6em;
	color:#666666;
	font-family:Verdana;
	padding-top:0.6em;	
}

#maincontainerdiv
{
	padding-bottom: 2em;
	float:right;
	background-color:#FFFFFF;
	width: 100%;/*75.3em;*/		
}


#leftmenudiv
{	border:0;	
	word-wrap: break-word;

	width:18.4em;/*18.4em; 16em; */
	float: left;
	text-align: left;
	background-color:#FFFFFF;
	
/*text-indent:2em;	*/
border-left-width:0em;
	border-color:#EFEEED;
	border-style:solid;
	border-right-width:0.1em;
	
	font-family:Verdana;
}

#leftmenudiv_startpage
{
	padding:0;
	border:0;
	margin:0;
	clear:both;		
	width:18.3em;
	padding-right:-0.1em;
	
}

div.listheadingcontainer
{
	background-color: #FFFFFF;
	color:#333333;
	font-family:Verdana;
	font-size:1.4em;		
	width: 100%;
	height: 3em; /*36px
	border-color:#417E43;*/
	border-bottom-width:0.3em;
	border-top-width:0.5em;
	border-bottom-style:solid;	
	border-top-style:solid;	
}

div.menuitem
{
	width: 100%;
	font-family:Verdana;
	padding: 0.5em 0em 0.5em 0em;
	float: left;
	border-color:#E5E5E5;
	border-bottom-width:1px;
	border-bottom-style:solid;			
}
div.menuitemselected
{
	width: 100%;
	padding: 0.5em 0em 0.5em 0em;
	float: left;
	font-family:Verdana; /* Arial Black;*/
	/*font-size:larger;	*/
	background-color:#dddddd;/*#;#EFEEED;also when child is selected*/
	
	border-color:#E5E5E5;
	border-bottom-width:1px;
	border-bottom-style:solid;		
}
div.menuitemexpanded
{	
	width: 100%;
	padding: 0.5em 0em 0.5em 0em;
	font-family:Verdana;	
	float: left;
	background-color: #dddddd;
}
div.menuitemchild
{
	width: 100%;
	padding: 0.4em 0em 0.6em 0em;
	float: left;
	font-family:Verdana;
	
	background-color: #F0F0F0;
	
	border-color:#E5E5E5;
	border-bottom-width:1px;
	border-bottom-style:solid;		
	
}
div.margintext
{
	margin-left:1.2em;/*2em;*/
}

#contentdiv
{
/*		
	width:40em;*/
	float: right;	
	width:56.7em;/*48.7em; 48.5*/
}

#contentdivStartPage
{
	width: 100%; /*75.1em  75.4em;*/
	float: right;	
	background-color: #FFFFFF;
}

.normalwidth
{
	width: 100%;
}
#mainareadiv
{	
	float:left;

	text-align: left;		
	background-color:#FFFFFF;
	width:32.8em;
	/*	border: dashed 1px green;/**/
				
}
#mainnewsdiv
{
	padding-left:1.7em;
	padding-right:1.7em;

}
#namnsdag
{
	padding-left:1.4em;
	border-width:0.2em;	
	border-color:#CC0000;
	font-family:Georgia;
		
	border-bottom-style:solid;	
	border-top-style:solid;	
}

#timespanCapitalize
{
	font-style:italic;	
	color:#CC0000;
	text-transform:capitalize;
}

#timespanCommon
{
	font-style:italic;
	color:#CC0000;
	text-transform:none;
}

#mainregiondiv
{
	width:36.4em;
	 /*border-color:Red;
	border-style:dotted;
	border-width:1px;
	
	width: 27em;
	border-right:0.1em;*/
	float:left;
	/*padding-top:1.7em;	
	border-left:1em;border-left:1.7em;*/
	
	/*border-left:1.7em; hanteras lika, ingen luft t v */
	 /*padding-left:1.7em;utan padding samma bredd, hanteras olika, internt i Mozillas , externt i IE */
	/*margin-left:1.7em; samma bredd på fältet i IE7 o Mozilla men dubbla marginalen t vänster i IE */
	word-wrap: break-word;
	/*	border: dashed 1px green;
	*/			
}
#mainregion_innerdiv
{

	/* border-left:1.7em;hanteras lika, ingen luft t v */
	 /*padding-left:1.7em;utan padding samma bredd, hanteras olika, internt i Mozillas , externt i IE */
	margin-left:1.4em; /*samma bredd på fältet i IE7 o Mozilla men dubbla marginalen t vänster i IE */
	/*margin-right:0.1em;
	border-color:Red;
	border-style:dotted;
	border-width:1px;*/
}


#rightmenudiv
{
	float: right;
	width: 18.4em; /* 15.8em;	*/
	text-align: left;
	border-color:#E5E5E5;
	border-left-width:0.1em;
	border-left-style:solid;
	word-wrap: break-word;
	
				
}


.rightcontentpyjama
{
	background-color:#EFEEED;
	font-size:1em;
	font-family:Verdana;/*@Arial Unicode MS;*/
	color:Black;
	display:block;
	padding-left:1.4em;	
	padding-top:0.3em;
	padding-bottom:0.6em;
	/*height:2em;	*/					
}

.right2contentpyjama
{
	background-color:#FFFFFF;
	font-size:1em;
	font-family:Verdana;/*@Arial Unicode MS;*/
	color:Black;
	display:block;
	padding-left:1.4em;	
	padding-top:0.3em;
	padding-bottom:0.6em;
	
	/*height:2em;	*/						
}	

.startpagewidth
{
	width:56.7em; /*56.4, 48.8em;*/
	float:left;		
}
.calenderwidth
{
	width:56.7em;/*56.4em; 48.8em;*/
	float:left;
	padding-left:1.7em;	
	
}

#startpagemiddle
{
	width:35.4em;  /*29.9em;
	float:right;*/
	clear:both;
	padding-left:0;
	padding-right:0;
	/*margin-top:-1.7em;-1.3em;*/
	background-color:#FFFFFF;
				
}

.grayblock
{	
	vertical-align:top;
	
	background-color:#EFEEED;	
	display:block;
	width:35.5em;/*29.9em;*/	
	
}
.startpageleft
{
	vertical-align:top;
	background-color:#EFEEED;
	float:left;
	width:16.7em; /*48%14.7em; */	
}
.startpageright
{	
	vertical-align:top;
	float:right;
	padding-left:0.4em;
	/*margin-left:0.2em;*/
	padding-right:0.5em;
	width:17.7em;/*12em; 8.5em;*/
	background-color:#EFEEED;
}

#greenline
{
	border-bottom-style:solid;
	border-bottom-color:#417E43;
	border-bottom-width:0.2em;
	margin-bottom:1.5em;
	width:100%;	
}

#blueline
{
	border-bottom-color:#336699;
	border-bottom-style:solid;
	border-bottom-width:0.2em;
	margin-bottom:1.5em;
	width:100%;	
}
#rightheadingWeather
{
	background-color:#C1BCB8;
	height:2.3em;
	font-size:1em;
	font-family:@Arial Unicode MS;
	font-weight:bold;
	color:#FFFFFF;
	display:block;
	text-indent:1.4em;	
	padding-top:0.4em;		
}

.departmentpicturetop
{	
	padding-bottom:1.5em;
	vertical-align:text-top;
	text-align:left;
	float:left;
	/*padding-left:1.5em;	
	width:33%;	*/
}
.departmentpictureleft
{	
	padding-bottom:1.5em;
	vertical-align:text-top;
	text-align:left;
	width:12.5em;/*18.2em; */
	float:left;
	margin-right:1.5em;	
}
.departmentpictureright
{	
	padding-bottom:1.5em;
	vertical-align:text-top;
	text-align:right;
	width:12.5em;
	float:right;/* 
	padding-left:1.5em;	*/
	margin-left:1.5em;	
}
.smalldepartmentpicture
{
	width:12.5em;	
}
.topdepartmentpicture
{
	width:34.7em;
}

.departmentnewsheader
{
	padding-top:1em;
	/*width:24.7em;*/
}
.departmentnews /*changes here*/
{
	/*background-color:Aqua;*/
	padding-top:0.3em;
	padding-bottom:1em;	
	border-color:#E5E5E5;
	border-bottom-width:1px;
	border-bottom-style:solid;/**/

}
.departmentfoot
{
	text-align:center;
	padding-top:1em;
	
}


#footerdivJokk
{	
				
	background-color:#FFFFFF;

	text-align:center;
	padding-top:0.67em;	
	height: 3.5em;
	width: 100%;
	color:#333333;
	border-color:#E5E5E5;
	border-top-width:1px;
	border-top-style:solid;
	font-size:1em;	
	font-family:Arial;	
		
}

#archive
{
	border-color:#E5E5E5;
	border-top-width:1px;
	border-top-style:solid;	
	font-family:Verdana;
	margin-left:1.4em;	
	color:Black;				
}

ul, .xformreply
{	
	list-style: none;font-family:Verdana;	
}

li, .xformreply
{	
	margin-left:-1.4em;
	/*text-indent:1.4em; */	
}

/* newest
.xformreply
{	
	list-style: none;font-family:Verdana;
	margin-left:-3.6em;
	text-indent:1.4em;		
	color:Black;
	font-weight: bold;		
}
ul
{	
	list-style: none;
	font-family:Verdana;	
}
.xformreply li 
{
	//margin-left:-1.4em; bortkommenterad
	color:Black;			
}
*/

#stats 
{
	background-color:#F5F5F5;
	display:block;
	position:absolute;
	/*top:350px;*/
	left:45%;
	border-color:#333333;
	border-style:solid;
	border-width:1px;
	padding:0.2em;		
}
.white
{	
		color:White;		
}

.black
{	
		color:Black;		
}
.breadcrumbsGray
{	
		color:#666666;		
}
a.linklist
{
	text-decoration: none;
	color:Black;		
}
a.NewsLink
{
	text-decoration: none;
	font-weight: bold;
	color:Black;
}
a.menulistheading
{
	/*font-weight: bold; 1.2em
	font-size:1.7em; 
padding-top:0.55em;	
	
		text-align:
	vertical-align:middle;bottom;
	*/
padding-top:0.5em;	
padding-bottom:0.7em;
	color:#333333;
	display: block;
	text-decoration: none;
}

.marginpicture
{
	width: 18.3em;
}

.fullimgwidthL
{
	width: 56.4em;
	vertical-align:text-top;
	text-align:left;	
}
.fullimgwidthR
{
	width: 18.3em;
	vertical-align:text-top;

}
.fullimgwidthV
{
	width: 56.4em;
/*	vertical-align:text-top;
	text-align:left;	*/
}
.fullimgwidthH
{
	width: 18.3em;
	vertical-align:text-top;/**/
}


.monthimages
{
	text-align:center;
	width:140px;
	padding-left:5px;
	padding-right:5px;
}

.eventtime
{
	width:20%;
	vertical-align:top;	
}
.eventplace
{
	width:20%;
	vertical-align:top;		
}

.IVbild
{
	width:160px;
	padding-left:10px;
	padding-right:10px;
	padding-top:10px;
	float:left;
}