@charset "utf-8";

/******************************
* Redefined standard elements *
*******************************/

html  { overflow: -moz-scrollbars-vertical; }
body  { font-family: Verdana, Arial, Helvetica, Geneva, sans-serif; color: #000; background: #fff; font-size:12px;}
a  { }
a:hover { }
p  { font-size: .91em; line-height: 1.4em; padding:0; margin:0; }

/*h1{ font: 36px "Georgia", Times New Roman, Times, serif; }*/
h1 { 
	font-size:1.6em;
	font-weight:bold;
	line-height:1.2em;
	margin-bottom: 10px;
}
h2 { 
	font-size:1.4em;
	font-weight:bold;
	line-height:1.2em;
	margin-bottom: 5px;
}
h3 { 
	font-size:1.2em;
	font-weight:bold;
	line-height:1.2em;
	margin-bottom: 5px;
}
h1 a { display: block; text-indent: -9999px; width: 145px; height: 78px; background: url(../images/norden_logo.jpg) top left no-repeat; overflow: hidden;} 
/*h2 { font: 26px "Georgia", Times New Roman, Times, serif; }*/
.right_sub1 h3  { font: 24px "Georgia", Times New Roman, Times, serif;  }
h4 { font: bold 18px  Verdana, Arial, Helvetica, sans-serif; }
h5 { font: normal 14px  Verdana, Arial, Helvetica, sans-serif; }

select { border:none; background:transparent; }
input, textarea { border:solid 1px #b2b1ad; }
input.blur { color: #000; }
.txtbg  { background:url(../images/sok_txt_bg.png) no-repeat; height:19px; width:168px; padding:3px 0 0 6px; font: bold .82em Verdana, Geneva, sans-serif;  }
.sok_btnbg { background:url(../images/sok_btn_bg.jpg) no-repeat; height:18px; width:16px; display:inline-block; float:right; margin-right:18px; }
.tselectbox	 { }
.formq { width:210px; height:auto; float:right; }
#flash { width:536px; margin: 0 0 12px 0; }
.fLabel {
	padding: 0 10px 0 0;
}

/*************************
* Main containers layout *
**************************/

#container { width: 960px; margin: 0 auto; text-align: left; position:relative;}
.show { display: block !important;}
#header  { width: 927px; text-align: center; position:absolute; top:0; left:0; height:121px; }
#content  { width:536px;  text-align: left; position:relative; left:169px; float:left;  display:inline; }

.col-1   {  position: relative;  width: 145px; height: auto;  float: left;  left: -522px; }
.col-2  {  width: 536px;  }
.col-3  {  position: relative;  width: 227px; height: auto;  float: left; left: 34px;}
* html .col-3  {  left:23px }

* html .strtpg-col-3  {  left:34px }

.col-4 {  position: relative; width: 263px;  height: auto; }

.news_header_01 {background:url(../images/nyheter_header_bg01.jpg) no-repeat; width:263px; height:33px;  } 
.news_col4_bg1 { background:url(../images/debatt_h1.jpg) no-repeat; width:263px; height:33px; }
.news_col4_bg2{ background:url(../images/debatt_h2.jpg) no-repeat; width:263px; height:33px; }
.news_col4_bg3 { background:url(../images/debatt_h3.jpg) no-repeat; width:263px; height:33px; }
.news_col4_bg4{ background:url(../images/debatt_h4.jpg) no-repeat; width:263px; height:33px; }

.bg_kolor ul{ margin:0; }
.bg_kolor li{ margin: 20px 0;  padding: 0 20px; }

.box_bot_curve { background:url(../images/box_bot_curve.gif) no-repeat; width: 263px; height: 13px; }
.sp_news_container  { width:537px; background:#efebe6; height: auto; line-height:1.2em; display:inline-block; }	
.sp_news_container a  { color:#000 !important; text-decoration:none; font-weight:normal; }
.sp_news_container .sp_news3  { width:140px; float:left; height: 60px; }
.sp_news_container .sp_news3 .sign-up {  color:#a50069 !important;}

.sp_news_container ul { margin:0; padding:0 }
.sp_news_container li { }

#bottom  { width: 927px; clear:both; }
#logo  { position:absolute !important; top:0; left:0; width:145px; height:78px; background:url(../images/norden_logo.jpg) no-repeat; } 

.col-1 p  { font: normal 0.92em/1.5em Verdana, Arial, Helverica, sans-serif; color:#00727d;  }
.col-1 a { font: normal 0.92em/1.5em Verdana, Arial, Helverica, sans-serif; color:#00727d; text-decoration:none; }
.col-1 .adress    { padding:0 11px }
.col-1 .subheader { height: 33px; width: 145px; background: url(../images/leftnav_bg.jpg) no-repeat; color:#fff; padding: 6px 0 0 11px; font-size: 1.1em;  }
.col-1 .subheaderPurple { height: 33px; width: 145px; background: url(../images/left_top_02.jpg) no-repeat; color:#fff; padding: 6px 0 0 11px; font-size: 1.1em;  }

.heading2 {  color:#000;  font-size: 12px;  font-weight:bold !important; }


.col-2  a { color:#006e86; text-decoration:none; font-weight:normal; }
.col-2  a:hover { text-decoration: underline; }
.col-2  p  { color:#000; font-weight:normal; font-size: .96em; line-height:1.4em; }
.col-2 .ingress div { font-weight:normal; font-size: 1.2em; line-height:1.3em; }
.col-2 .header { font-weight:bold; font-size: 1.6em; line-height:1.2em; }
.col-2 .p-header { font-weight:bold; color: #00727d; }
.col-2 .p2 { font-weight:bold; color: #000; }
.col-2 p img { margin:4px 10px 4px 0; float:left; }
.col-2 div  { color:#000; font-weight:normal; font-size: 12px; }
.col-2 .header div {font-weight:bold !important; font-size: 17px; line-height:1.2em;}
.right_sub1 { background:#efebe6; width: 227px; height:116px; margin-top:0px!important; overflow: hidden;position: relative; } 
.right_sub1 .bgimg { background: #efebe6 url(../images/Hitta_din_lokala_forening.jpg) no-repeat; width:227px; height: 20px; position: absolute; bottom: 0px;}   

.right_sub3 { background:url(../images/green_01.gif) no-repeat; height: 148px; width: 227px; }
.purple { background:url(../images/purple_01.gif) no-repeat; width:227px; height:65px; } 
.skyblue { background:url(../images/skyblue_01.gif) no-repeat; width:227px; height:65px; }
.green2 { background:url(../images/green_02.gif) no-repeat; widows:227px; height:65px; }

.sp_header_bg { background: url(../images/startpage_news_heading_bg.png) no-repeat; width:537px; height:33px; }
.sp_border  { background: url(../images/bottom_border.jpg) no-repeat; width:537px; height:13px; }

#breadcrumb { font: 10px Verdana, Arial, Helverica, sans-serif; color:#999; }

.kboxtop { background:url(../images/kalender_cream_box.gif) no-repeat 0 0; height: 14px; font-size:0; margin:0;}
.kboxbot { background:url(../images/kalender_cream_box.gif) no-repeat 0 -27px; height: 22px;  }

.faux-col { width: 536px; background:url(../images/faux_001.gif) no-repeat bottom left; }
.faux-center { width: 536px; background:url(../images/faux_repeaty.gif) repeat-y; }

.om_oss_txt_cnt p { padding-bottom:25px; } 
.mot_norden_txt_cnt p { padding-bottom: 18px; }
.nyheter2 p { padding-bottom:25px;}
.debatt_txt_cnt p { padding-bottom:18px; }
.debatt_txt_cnt div{padding-top: 10px; padding-bottom: 20px;}


fieldset{ width:420px; }

*table, *dt, *dd { margin:0; padding:0}

dt { float: left; width: 110px; min-height: 1px;/* required to give layout to empty elements */ }

dd { width:290px; float:right}

.subscriptionForm dt {padding:3px;margin-left:10px; margin-bottom:10px}
.subscriptionForm dd input {border:1px solid #abc; padding:3px; display:inline;margin-bottom:10px ;}
.subscriptionForm dd select {border:1px solid #abc; padding:3px; display:inline;margin-bottom:10px}
.subscriptionForm dd table input { float:left; border:none;}
.subscriptionForm dd table td label { display:inline; margin-left:3px; float:left}
.subscriptionInput {border: 1px solid #abc; width: 200px; margin: 0.3em 0px 1.5em}
.submitFn { border:1px solid #abc; padding:3px;}

.selectLocal, .selectPages, .searchField {
	border: solid 1px #b2b1ad;
	font-size: 10px;
	background: #fff;
}
.selectLocal { width: 198px; }
.selectPages { width: 198px; }
.searchField { width: 164px; }

#serarch {
	margin-bottom: 10px;
}

#newsList {
	margin: 10px 0 0 0;
}

/******************************
* XForm *
*******************************/
.XForm input {border: 1px solid #abc;  margin: 0.3em 0px 1.5em; float:left; }
.XForm td {padding:0 !important; }
.XForm table {width:20%; }
.XForm label {float:left;}
.XForm textarea {float:left}

/******************************
* Norden Blog *
*******************************/

.bloglist { width: 100%; margin-top: 2px; }
 #SecondaryBody	{margin-top: 25px;}
 .blogItem { width: 470px; margin-top: 0px; }
 .commentsby {  font-style: italic; padding-left: 90px; font: Georgia, serif; }
 .hrwidth { width:430px; }
 .txtcommentname { width:325px; height:20px; border :1px solid #abc; }
 .postcommentbutton {  border :1px solid #abc; width: 63px; }
 
/******************************
* Custom elements and styles  *
*******************************/

.selected { height:250px !important;}
.floatleft  { float: left;}
.floatright  { float: right;}
.clearboth  { clear: both;}
.nofloat  { float: none; }
.full  { width:927px;}
.border_bg  { } 
.noborder  { border: none;}
.hand   { cursor:pointer}
.top1 { margin-top:136px !important;}
.top2 { margin-top:103px !important;}

.t0 { top:0; }

.dinline { display:inline; }
.dinblk { display:inline-block; }

/*
* misc classes 
*/

.selfClear:after  { content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.selfClear  { display: inline-block; }

                   /* Hide from IE-mac \*/
* html .selfClear  { height: 1%; }
.selfClear   { display: block; }
                   /* End hide from IE-mac */

/*
*	common spacing classes 
*/

.m0 { margin: 0; }	 .mt4 { margin-top: 4px; }	 .mt6 { margin-top: 6px; } 	.mt8 { margin-top: 8px; }		 .mt12 { margin-top: 12px ;} 	.mt15 { margin-top: 15px ; }   .mt20 { margin-top: 20px ; }		
.mt25 { margin-top: 25px ;}	.mt36 { margin-top:36px; }
.mt-3 { margin-top: -3px; }		.mt-4{ margin-top: -4px; }		.mt-17 { margin-top: -17px; }		 .mt-136 { margin-top:-136px; }

.mr10 {margin-right: 10px; }	.mr12 { margin-right:12px; } 	.mr15 {margin-right: 15px; } 	.mr30 { margin-right: 25px; }

.mb0 { margin-bottom: 0; } 	.mb4 {margin-bottom: 4px;}		.mb15 {margin-bottom: 15px; } 		.mb25 {margin-bottom: 25px; } 

.ml15 {margin-left: 15px ; } .ml30 {margin-left: 30px ; } .ml154 { margin-left: 154px; } .ml-312{ margin-left:-312px; }	 .ml174 { margin-left:174px; }

.p0	{ padding: 0; }
.p12 { padding:12px; }
.pbnone { padding-bottom: 0px;}
.pt1 { padding-top: 1px; }		.pt2 { padding-top: 2px; }	.pt4 { padding-top: 4px; } 	.pt8 { padding-top: 8px; }	 .pt10 { padding-top: 10px; } .pt12 { padding-top: 12px; }    .pt14 { padding-top: 14px; }
.pt16 { padding-top: 16px; }		.pt18 { padding-top: 18px; } 	 .pt20 { padding-top: 20px; } 		.pt22 { padding-top: 22px; }		.pt25 { padding-top: 25px; }

.pr12 { padding-right:12px; }		.pr20 { padding-right:20px; }    .pr25 { padding-right:25px; }

.pl13 { padding-left:20px; }        .pl20 { padding-left:20px; }        .pl25 { padding-left:25px; }		 .pl32 { padding-left:32px; }

.pb5{ padding-bottom: 5px; }		.pb10{ padding-bottom: 10px; }   .pb18 { padding-bottom: 18px; } .pb20 { padding-bottom: 20px; }	 .pb25 { padding-bottom: 25px; }

/*
*	text
*/

.maroon	{ color: #a50069; }
.black { color: #000000; }
.grey { color: #999999; }
.white { color:#ffffff; }
.main_clr { color: #00727d; }
.bg_kolor { background:#f7f5f2; }
.bold  { font-weight: bold;}
.tl  { text-align:left;}
.tr  { text-align:right;}
.wide2 { width:200px; }
.wide223 { width:223px; }
.wide112 { width: 112px; }
.wide120 { width:120px; }
.f_norm { font-weight:normal; }


.wide100 { width:100px; font-size: 1.05em; }
.wideauto { font-size: 1.05em; }
.spot { width: 239px;}
.spot  div  { color:#000; font-weight:normal; font-size: 12px; line-height:1.5em; }




/********************************
*	Link specific styles <a>		*
*********************************/
.menu_txt {  text-align:left;   }
.menu_txt a  { color:#999; font-size:0.91em; text-decoration:none; font-weight:normal; }
.menu_txt a:hover  { color:#999; font-size:0.91em; text-decoration:underline; font-weight:normal; }

/*****************
*	Top menu	 *
******************/
 
#topmenu  { position:absolute !important; top:88px; left:154px; height: 33px; width:773px; background:url(../images/topnav_bg.jpg) no-repeat; }
#topmenu.local  { background:url(../images/topnav_local_bg.gif) no-repeat; }
#topmenu.local ul.local { background:url(../images/topnav_bg.jpg) no-repeat; }

#topmenu ul { padding: 0; margin: 0; }
#topmenu ul.local { float: left; width: 59px; border-right: 2px solid white; }

#topmenu li  { float: left; position: relative;  font-size: 13px; z-index: 100 !important }

#topmenu li.first { padding-left: 25px;}
#topmenu ul.local li.first { padding-left: 10px; }

#topmenu li:hover ul.first{ display: block; font-size: 11px; color: #666; position: absolute; top: 33px; left: 25px; width: 163px; height: auto; z-index: 110!important; }

#topmenu a  { color: #fff; text-decoration: none; font-weight: normal; font-size: 13px;  display: inline-block; padding: 5px 10px 0 9px;  height: 28px; }
#topmenu a:hover { color: #fff; text-decoration: none; height: 28px; background:url(../images/topnav_hover.jpg) repeat;}
#topmenu.local a:hover { background:url(../images/topnav_local_hover_bg.gif) }
#topmenu.local ul.local a:hover { background:url(../images/topnav_hover.jpg) }

#topmenu a.active { background:url(../images/topnav_hover.jpg) repeat; }
#topmenu.local a.active { background:url(../images/topnav_local_hover_bg.gif) repeat; }
#topmenu li ul{ display: none; }
#topmenu li ul li { padding: 0 10px; background: #efebe6;  }
#topmenu li ul li a.active { background: none; color: #000; }
#topmenu li:hover ul { display: block; font-size: 11px; color: #666; position: absolute !important; top: 33px; left: 0; width: 163px; height: auto; z-index: 120!important;}
#topmenu li:hover li a { font-size: 11px; width: 143px; text-align: left; font-weight: normal; color: #666; display: inline-block; height: auto; padding: 2px 0; line-height:1.1em }
#topmenu li:hover li a:hover { font-size: 11px; background: #efebe6; color: #222; display: inline-block; height: auto; padding: 2px 0; line-height:1.1em }

#topmenu li ul .lastsub { background: url(../images/submenu_lastcorner.png) no-repeat left bottom; text-align: left; padding: 0;   /*line-height:22px*/}
#topmenu li ul .lastsub a { font-size: 11px; background: none; padding: 0px 10px 12px 10px !important; width: 143px; margin-bottom: 18px; /*line-height:22px*/ }
#topmenu li ul .lastsub a:hover{ font-size: 11px; background: none; padding: 0px 10px 12px 10px !important; width: 143px;  /*line-height: 22px*/}

/***********************
* Rightside Spot-boxes *
************************/

#right-spots			{ width: 227px; height: auto; margin:0 auto; }

DIV.box { background-color: #e7ece2; padding: 25px; }

.purple-box				{ padding:0; height:auto;  background: url(../images/spot-boxes_sprite.jpg) no-repeat 0px bottom; 
					 	  width:227px; display:inline-block; margin-top:12px;}
.purple-box-in			{ width: 195px; min-height:39px; padding: 12px 16px 0 16px; line-height:1.3; font-family:Georgia, Times New Roman; 
						  background: url(../images/spot-boxes_sprite.jpg) no-repeat 0px top; color:#fff; margin-bottom:12px;}

DIV.green-dark-box			{ padding:0; height:auto;  background: url(../images/spot-boxes_sprite.jpg) no-repeat -227px bottom; 
					 	  width:227px; display:block; margin-top:12px;}
DIV.green-dark-box-in		{ display:inline-block; width: 195px; min-height:39px; padding: 12px 16px 0 16px; line-height:1.3; font-family:Georgia,Times New Roman;
						  background: url(../images/spot-boxes_sprite.jpg) no-repeat -227px top; color:#fff; margin-bottom:12px;}
DIV.green-dark-box-in .Verdana { font-family: Verdana, Arial, Helvetica, Sans-Serif; }

DIV.green-light-box		{ padding:0; height:auto;  background: url(../images/spot-boxes_sprite.jpg) no-repeat -454px bottom; 
					 	  width:227px; display:block; margin-top:12px;}
DIV.green-light-box-in		{ display:inline-block; width: 195px; min-height:39px; padding: 12px 16px 0 16px; line-height:1.3; font-family:Georgia, Times New Roman;   
						  background: url(../images/spot-boxes_sprite.jpg) no-repeat -454px top; color:#fff; margin-bottom:12px;}

DIV.blue-box				{ padding:0; height:auto;  background: url(../images/spot-boxes_sprite.jpg) no-repeat -681px bottom; 
					 	  width:227px; display:block; margin-top:12px;}
					 	  				 	  
DIV.blue-box-in			{ display:inline-block; width: 195px; min-height:39px; padding: 12px 16px 0 16px; line-height:1.3; font-family:Georgia, Times New Roman;  
						  background: url(../images/spot-boxes_sprite.jpg) no-repeat -681px top; color:#fff; margin-bottom:12px;}

/* Links */

DIV.purple-box-in a        { display:inline-block; color:#fff; font-weight:normal; font-family:inherit; font-size: inherit; text-decoration:none;}
DIV.purple-box-in a:hover  { display:inline-block;  color:#ccc; font-weight:normal; font-family:inherit; font-size: inherit; text-decoration:none;}

DIV.green-dark-box-in a        { display:inline-block;  color:#fff; font-weight:normal; font-family:inherit; font-size: inherit; text-decoration:none;}
DIV.green-dark-box-in a:hover  { display:inline-block;  color:#ccc;font-weight:normal; font-family:inherit; font-size: inherit; text-decoration:none;}

DIV.green-light-box-in a        { display:inline-block;  color:#fff;font-weight:normal;  font-family:inherit; font-size: inherit; text-decoration:none;}
DIV.green-light-box-in a:hover  { display:inline-block;  color:#ccc;font-weight:normal; font-family:inherit; font-size: inherit; text-decoration:none;}

DIV.blue-box-in a        { display:inline-block;  color:#fff;font-weight:normal; font-family:inherit; font-size: inherit; text-decoration:none;}
DIV.blue-box-in a:hover  { display:inline-block;  color:#ccc;font-weight:normal; font-family:inherit; font-size: inherit; text-decoration:none;}



/***********
	  IE 6
***********/

* html #topmenu a:hover  { background:url(../images/topnav_hover.jpg) repeat; height:28px; }
* html #topmenu li:hover ul { font-size: .68em; color:#666; position:absolute; top:33px; left:0;  width:163px; height:auto; }
* html #topmenu li:hover li a { font-size: 12px; font-weight:normal; color:#666; float:left; }
* html #topmenu li a:hover ul li a:hover { background:none; color:#222; }

* html #leftmenu li ul li { padding-left:11px; width:112px;}
* html #leftmenu a { color: #666; text-decoration: none; font-weight: normal; font-size:12px; line-height:14px; display:inline-block; font-weight:normal; padding: 5px 0 5px 10px; }

/***********
	  IE 7
***********/

*:first-child+html .ie7mt-2  { margin-top:-12px; }


/*****************
*	left menu	 *
******************/
#leftmenu  { margin-bottom:12px; margin-top:-5px; }
#leftmenu ul { padding: 0; margin: 0; }
#leftmenu li  { float: left; position: relative;  font-size:11px;   padding:0 11px 0 0; background:#efebe6; width:134px; }
#leftmenu .leftfirst  a { padding:8px 0 5px 10px !important;}
#leftmenu a  { color: #666; text-decoration: none; font-weight: normal; font-size:11px; line-height:14px;  display:inline-block; 
               font-weight:normal; padding:2px 10px 2px 11px; }
#leftmenu a:hover { color: #333;}
#leftmenu ul .leftlast {   padding:0; margin:0; 	background:url(../images/leftnavbottom_bg.jpg) no-repeat; height:11px; font-size:9px; width:145px; }
#leftmenu .act { color:#000; }
#leftmenu li ul { }
#leftmenu li ul li { padding-left:11px; width:122px; }
#leftmenu li.hasChildren {
	background-image: url(../images/left_menu_arrow_right.png);
	background-position: 95% 50%;
	background-repeat: no-repeat;
}
#leftmenu li.hasChildrenOpen {
	background-image: url(../images/left_menu_arrow_down.png);
	background-position: 95% 50%;
	background-repeat: no-repeat;
}

.address p, .address a { font-weight: bold; }

/*************
*	Calendar	 *
**************/
/*td {padding:5px;}*/
td{padding-bottom:10px;}

td a{ padding-bottom: 20px; text-decoration:none;font-size:10px; }
.k_top_m_bg {  background: url(../images/k_top_month_bg.jpg) no-repeat; width: 227px!important;}
.k_bot_m_bg {  background: url(../images/k_top_day_bg.jpg) no-repeat; width: 227px!important; height: 10px!important; }
.k_selected_day { background: #efebe6 url(../images/k_circle.gif) no-repeat top center !important;  padding-top: 3px; }
/*************
*	footer	 *
**************/

#footer {   }
#footer p  { color: #333; font-size: 0.96em; border-top: solid 3px #00727d; padding-top: 14px;}


#flashcontent  { width: 536px;  height: 352px;  float: left; }


/* Glossary

m mt ml mb mr    - Margin, Top, Left, Bottom, Right
p pt pl pb pr	 - Margin, Top, Left, Bottom, Right
tl				 - Text-left
tr				 - Text-right
bg 			 - Border Grey

*/


.districtTreeView li a {
	font-weight: bold;
}
.districtTreeView li ul li a {
	font-weight: normal;
}
.sp_header_bg h3 {
	font-family:"Georgia",Times New Roman,Times,serif;
	font-size:24px;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	line-height:normal;
}
#id_matrix td {
	padding: 0 0 5px 0;
	vertical-align: top;
}

/*************
*	Webshop	 *
**************/
.contactform td { padding-right: 1em; }
.contactform input, .contactform textarea { width: 350px; }
.confirmorder td {}


.righth2 {background: #ffffff url(../images/righth2.jpg) top left no-repeat; width: 227px; height:33px;}
.righth2 span {padding: 0 0 0 6px; line-height: 33px; color: #ffffff; display:block; font-size:1.4em; font-weight:bold;}