/* ****** Generella inställningar ****** */

html, body { height: 100%; }

html, 
body, 
div, .hpuff
form {
	margin: 0; padding: 0;
}
.hpuff{
	margin-top: 2px;
}

body {
	font: 68.75%/1.4 Verdana, Geneva, Arial, Lucida, Helvetica, sans-serif; /* Lucida is for Linux */
	color: #000;
	background-color: #ebebeb;
}

h1, h2, h3, h4 {
	font: normal 1.0em Verdana, Arial, Helvetica, sans-serif;
	margin: 0; 
	padding: .3em 5px .3em 5px;
	background-color: #006A8D;
	color: #fff;
	position: relative;
}

h5, h6 {
	font: bold 1.0em Verdana, Arial, Helvetica, sans-serif;
	margin: 0; 
	background-color: #fff;
	color: #006A8D;
	text-transform: uppercase;
	position: relative;
}


textarea {font: normal 1.0em Verdana, Arial, Helvetica, sans-serif;}

h1	{ font-size: 1.4em; position: relative;}
h2	{ font-size: 1.2em; position: relative;}
h3	{ font-size: 1.2em; position: relative;}
h4	{ font-size: 1.1em; position: relative;}
h5	{ font-size: 1.0em; position: relative;}
h6	{ font-size: 1.0em; position: relative;}

/* "pullquotes" */

blockquote {
	width: 40%;
	float: right;
	font-size: 2em;
	margin: 0; 
	padding-left: .3em;
	padding-right: .3em;
	background-color: #eee;
}




/* RSS-ikon i rubrik */

.ikon {
 	position: absolute;
	right: 2px;
	padding-top: .2em;
	z-index: 1;
}
.ikonlank{
	vertical-align: middle;
}
.pdflank{
	vertical-align: middle;
}
.kartlank{
	vertical-align: middle;
}

h1 span	{ color: #ccc; }
h2 span	{ color: #ccc; }
h3 span	{ color: #ccc; }
h4 span	{ color: #ccc; }
h5 span	{ color: #ccc; }
h6 span	{ color: #ccc; }

input { font-size: 1em;}
select { font-size: 1em;}

a	{ text-decoration: underline; color: #c17317; background-color: inherit;}
a:hover	{ text-decoration: underline; }
a img { border: none; }

select {
	background-color: #fff;
}

table {border-collapse: collapse;}
th {text-align: left; }

hr.streckad {
 height: 0;
 border-top: 1px dashed #aaa;
}

/* **** Rutnät för layout **** */
/* **   Här skall bara finnas  grundinställningar för rutnätet  ** */

/* --- Princip/hierarki samt deklarationsordning: ---
#container
	#webbsida
		#sidtopp
			#toppnav1
			#toppnav2
			#topplogotyp
			#toppsokformular
			[.spacer]
		#fliknavigering
		#vansterspalt
			[.box-varianter]*
			[.spacer]
		#huvudspalter
			#helbreddsruta (valfri)
				[.box-varianter]*
			#huvudspalt
				[.box-varianter]*
			#hogerspalt
				[.box-varianter]*
			#helbreddsbottenruta (valfri)
				[.box-varianter]*
		#sidfot
			#senastuppdaterad
			#fotnavigering
	#ytterspalt

--- */


#container { 
	width: 1020px;
	margin: 10px auto 20px auto;
	text-align: left;
}


/* Layout yttersta nivån (inuti #container ) */

#webbsida { width: 810px; float: left; padding: 0 10px 10px 10px; margin: 0;}

#ytterspalt { width: 180px; float: right; padding: 109px 10px 10px 0;}


/* Layout inuti blocket #webbsida */

#sidtopp	{ }
#toppnav1	{ }
#toppnav2	{ float: right;	padding: 4px 10px 4px 5px; }
#topplogotyp	{ float: left;  padding: 25px 0 20px 15px; }
#toppsokformular { }

#fliknavigering	{ clear: both; margin: 8px 0 0 0; }

#vansterspalt	{ }

#huvudspalter	{ }
#helbreddsruta	{ }
#huvudspalt	{ }
#hogerspalt	{ }
#helbreddsbottenruta { }

#sidfot		{ }
#senastuppdaterad { }
#fotnavigering	{ }



/* **************************************************** Länkar i sidhuvudet */

#sidtopp a { text-decoration: none;}
#sidtopp a:hover { text-decoration: underline;}


/* **************************************************** toppnav1 (tillgänglighetslänkar) */

#toppnav1 ul, 
#toppnav1 li {
	display: inline;
	margin: 0;
	padding: 0;
}

#toppnav1 a {
	color: #333;
	background-color: inherit;
}


/* **************************************************** toppnav2 (språkval m.m.) */
#toppnav2 {
	color: #fff;
	background-color: #006A8D;
}

#toppnav2 ul, 
#toppnav2 li {
	display: inline;
	margin: 0;
	padding: 0;
}

#toppnav2 a {
	color: #fff;
	background-color: inherit;
}


/* **************************************************** toppsokformular */
#toppsokformular {
	clear: right;
	float: right;
	width: 50%;
	padding: 30px 15px 5px 5px;
	text-align: right;
}

#toppsokformular label {
	font-size: 1.2em;
	font-weight: bold;
	color: #fff;
	background-color: inherit;
}

/* ****************************************************  Fliknavigering */

#fliknavigering a { text-decoration: none;}
#fliknavigering a:hover { text-decoration: underline;}

#fliknavigering ul, 
#fliknavigering li 
 {
	display: block;
	background-color: #006A8D;
	color: #fff;
	margin: 0; 
	padding: 0;
}

#fliknavigering ul {
	border-top:2px solid #006A8D;
	height: 2.3em;  
	margin-bottom: 8px;
	padding-left: 2px;
}

#fliknavigering li {
	height: 2.3em;
/*	float: left;
	display: block;
	text-align: center;
*/
	display: inline;
}


#fliknavigering li ul {display: none;}
#fliknavigering li a { 
	display: block;
	text-align: center;
	height: 1.5em;
	padding-top: 2px;
	padding-bottom: 0.3em;
	padding-left: 1em;
	padding-right:1em;

	float: left;
	font-weight: bold;
	font-size: 1.2em;
	color: #fff;
	border-right: 1px solid #fff;
}

#fliknavigering ul li a {	 font-weight: normal;}

* html #fliknavigering li a { padding-top: 4px; }

#fliknavigering li.SSBFlikarSelectedParent a,
#fliknavigering li.SSBFlikarSelectedItem a,
#fliknavigering li.SelectedItem a { 
	height: 1.5em;
	color: #000;
	background-color: #fff;
}
#fliknavigering .SSBFlikarHideInMenu {
  display: none;
}

/* ******************** Ytterspalten till höger ******************* */


#ytterspalt .box {
	border-top: 10px solid #fff;
	border-bottom: 10px solid #fff;
	border-right: 10px solid #fff;
}


#ytterspalt h2 {
	padding-left: 18px;
	background-image: url("../Bilder/rubrikpil_orange_ned.jpg");
	background-position: 3px 8px;
	background-color: #ed8000;
	background-repeat: no-repeat;
	height: 1.5em;
	line-height: 1.5em; 
	vertical-align: bottom;
	margin: 0;
}

#ytterspalt ul, 
#ytterspalt li {
	background-color: #fff;
	color: #000;
	list-style-type: none;
	padding: 0;
	margin: 0;
}

#ytterspalt li {
	padding: .7em 0 0 3px;
}

#ytterspalt ul {padding-bottom: 1em;}

#ytterspalt a.ikonlank {font-size: 1.1em; font-weight: normal;}
#ytterspalt a.pdflank {font-size: 1.1em; font-weight: normal;}
#ytterspalt a.kartlank {font-size: 1.1em; font-weight: normal;}
#ytterspalt a {color: #000; font-weight: bold; text-decoration: none;}
#ytterspalt a:hover {text-decoration: underline;}

#ytterspalt h3 {
	color: #000;
	background-color: #fff;
	font-weight: bold;
	padding-left: 0;
	margin-left: 0;
}

/* ******************** Vänsterspalten med huvudmenyn ******************* */

#vansterspalt {
	float: left;
	clear:left;
	width: 180px;
	overflow: hidden;
	padding-right: 10px;
}

/* *************************** genvägsmenyn ********************** */
ul.SSBShortcuts1 li a {
        font-size: 1.1em;
	font-weight: normal !important;	
        padding-left: 14px; 
	background-image: url("../Bilder/menypil_liten_hoger_fylld.png");
	background-repeat: no-repeat;
	background-position: 0 1px;
}

*:first-child+html ul.SSBShortcuts1 li{
	background-image: url("../Bilder/menypil_liten_hoger_fylld.png");
	background-repeat: no-repeat;
	background-position: 2px 10px;
}
* html ul.SSBShortcuts1 li{
	background-image: url("../Bilder/menypil_liten_hoger_fylld.png");
	background-repeat: no-repeat;
	background-position: 2px 10px;
}
*:first-child+html ul.SSBShortcuts1 li a
{
	background-image: none;
}
* html ul.SSBShortcuts1 li a
{
	background-image: none;
}
/* *************************** Huvudmenyn ********************** */
.SSBMenu {
	margin: 0;
	padding: 0;
}

.SSBMenu ul,
.SSBMenu li {
	margin: 0;
	padding: 0;
	list-style-type: none;
	display: block;
	border: 1px solid #ebebeb;
}


.SSBMenu ul,
.SSBMenu li,
.SSBMenu a {
	background-repeat: no-repeat;
	background-position: 0 0;
	color: #000;
	display: block;
	background-color: #ebebeb;
	margin: 0; padding: 0;
}


.SSBMenu ul.SSBMenu1 li {
}

.SSBMenu ul.SSBMenu1 li a {
	font-size: 1.2em;
	padding-left: 20px;
	text-decoration: none;
}
.SSBMenu ul.SSBMenu1 li a:hover {
	text-decoration: underline;
}



.SSBMenu ul.SSBMenu1 .SSBMenuHasNoChildren a {
	background-position: 0 0;
	background-image: url("../Bilder/menypil_stor_hoger_ofylld.png");
	display: block;
}


.SSBMenu ul.SSBMenu1 .SSBMenuHasChildren a {
	background-position: 0 0;
	background-image: url("../Bilder/menypil_stor_hoger_fylld.png");
	display: block;
}

.SSBMenu ul.SSBMenu1 li.SSBMenuSelectedParent a,
.SSBMenu ul.SSBMenu1 li.SSBMenuSelectedItem a {
	background-image: url("../Bilder/menypil_stor_ner_fylld.png");
	background-position: 0 0;
	font-weight: bold;
}


.SSBMenu ul.SSBMenu1 li.SSBMenuNotSelected ul {
	display: none
}


.SSBMenu ul.SSBMenu1 li.SSBMenuSelectedItem a {
	font-weight: bold;
}


.SSBMenu ul.SSBMenu2 {
	padding-left: 18px;
}


.SSBMenu ul.SSBMenu1 li li a {
	font-size: 1.0em;
}


.SSBMenu  ul.SSBMenu1 ul.SSBMenu2 li a {
	padding-left: 14px;
	background-image: none;
	font-weight: normal;
	background-image: url("../Bilder/menypil_liten_hoger_ofylld.png");
	background-position: 0 2px;
}

.SSBMenu  ul.SSBMenu1 ul.SSBMenu2 .SSBMenuHasChildren a {
	background-image: url("../Bilder/menypil_liten_hoger_fylld.png");
	background-position: 0 2px;
}

.SSBMenu  ul.SSBMenu1 ul.SSBMenu2 li.SSBMenuSelectedItem a,
.SSBMenu  ul.SSBMenu1 ul.SSBMenu2 li.SSBMenuSelectedParent a
{
	background-image: url("../Bilder/menypil_liten_ner_fylld.png");
	background-position: 0 2px;
	font-weight: bold;
}

.SSBMenu  ul.SSBMenu1 ul.SSBMenu2 li.SSBMenuHasNoChildren a {
	background-image: url("../Bilder/menypil_liten_hoger_ofylld.png");
}


/* Nivå tre */
.SSBMenu  ul.SSBMenu1 ul.SSBMenu2 li ul.SSBMenu3 {
	padding-left: 14px;
}

.SSBMenu  ul.SSBMenu1 ul.SSBMenu2 li ul.SSBMenu3 li {
	border-color: #fff;
}

.SSBMenu  ul.SSBMenu1 ul.SSBMenu2 ul.SSBMenu3 li a {
	font-weight: normal;
	background-image: url("../Bilder/menypil_litn_hogr_ofyld_vit.png");
	background-color: #fff;
	border-color: #fff;
	padding-left: 14px;
}

.SSBMenu  ul.SSBMenu1 ul.SSBMenu2 ul.SSBMenu3 li.SSBMenuSelectedItem a {
	background-image: url("../Bilder/menypil_liten_hoger_fylld.png");
	font-weight: bold;
}




/* ******************** Själva sidan *********************** */


h1.huvudrubrik {
	margin:0; padding:0; background-color: #fff;
}

#huvudspalter {
	clear: right;
	float: right;
	width: 620px;
}

#helbreddsruta {
	padding-bottom: 10px;
}


#huvudspalt {
	float: left;
	width: 428px;
	overflow:hidden;	
}

#huvudspalthuvud {
	color: #333;
	background-color: #ebebeb;
	padding: 4px;
	margin-bottom: 8px;
}

#huvudspalthuvud h1 {
	color: #000000;
	background-color: #ebebeb;
	font-size: 20px;
	font-weight: normal;
	padding: 0;
	/*height: 24px;*/
	line-height: 24px;
}

#hogerspalt {
	float: right;
	width: 180px;
	overflow: hidden;
}

#hogerspalt #busskarta img {
 vertical-align: middle;
}

#busskarta {
	margin-top: 4px;
}


#helbreddsbottenruta {
	clear: both;
	padding-top: 10px;
}


#sidfot {
	clear: both;
	text-align: center;
	padding-top: 5px;
}

#sidfot #senastuppdaterad {
	padding: 2px 0;
	color: #333;
	background-color: #fff;
	text-align: left;
}

#sidfot #fotnavigering {
	color: #fff;
	background-color: #006A8D;
	padding: 2px 0;
}

#sidfot #fotnavigering ul, 
#sidfot #fotnavigering li {
	display: inline;
	margin: 0;
	padding: 0;
}

#sidfot #fotnavigering li a {
	padding: 5px 10px;
	color: #fff;
	background-color: inherit;
	text-decoration: none;
}

#sidfot #fotnavigering li a:hover {
	text-decoration: underline;
}

#sidfot #fotnavigering li +  li {
	border-left: 1px solid #fff;
}



/* *********************** Grundfärger för respektive del i layouten ********************* */

#container	{ }

#webbsida	{ color: #000000; background-color: #ffffff; }
#ytterspalt	{ }

#sidtopp	{ color: #ffffff; background-color: #006A8D; border: 1px solid #fff; /* IE6-hack */}
#toppnav1	{ color: #aaaaaa; background-color: #ffffff; }
#toppnav2	{ }
#topplogotyp	{ color: #ffffff; background-color: #006A8D; }
#toppsokformular { }

#fliknavigering	{ }

#vansterspalt	{ }

#huvudspalter	{ color: #333; background-color: #ffffff; }
#huvudspalter strong { color: #333; background-color: #ffffff; text-transform: none }
#huvudspalter .box_gra strong { color: #000; background-color: transparent; text-transform: uppercase }
#helbreddsruta	{ }
#huvudspalt	{ }
#hogerspalt	{ }
#helbreddsbottenruta { }

#sidfot		{ }
#senastuppdaterad { }
#fotnavigering	{ }


/* *********************** Stödklasser ***************** */
.spacer {
	margin: 0;
	padding: 0;
	font-size: 0;
	line-height: 0px;
	clear: both;
}

a.ikonlank {
	padding-left: 14px; 
	background-image: url("../Bilder/menypil_liten_hoger_fylld.png");
	background-repeat: no-repeat;
	background-position: 0 1px;
}

a.pdflank {
	padding-left: 20px;
	padding-top: 2px;
	padding-bottom: 1px;
	background-image: url("../Bilder/fileIcon_pdf.gif");
	background-repeat: no-repeat;
	background-position: 0 0px;
}

a.kartlank {
	padding-left: 20px;
	padding-top: 2px;
	padding-bottom: 1px;
	background-image: url("../Bilder/icon_karta2.gif");
	background-repeat: no-repeat;
	background-position: 0 0px;	
}

.rssikon {position: absolute; right: 2px;}


/* Boxar och moduler */

.box,
.box_gra,
.imagebox {
	border-bottom: 10px solid #fff;
	margin-bottom: .5em;
}
.imagebox h1 {margin:0;padding:0; background-color: #fff; color: #000;}

.box_gra,
.box_gra h3.neutralheader {
	color: #000;
	background-color: #ebebeb;
}

.box .neutralheader {
	color: #000;
	background-color: #fff;
}


.box .upphovsman,
.box_gra .upphovsman {
	font-weight: bold;
	color: #000000;
}
.box h2,
.box_gra h2{
	margin-bottom: 7px;
	/*margin-top: .3em;*/	
}
.box h3{
	margin-bottom: .3em;
	/*margin-top: .3em;*/
}

.box ul,
.box_gra ul {
	margin:0;padding:0;
}

.box li,
.box_gra li {
	margin: 0 0 0 20px;
	padding:0;
}
.box_gra p,
.box_gra form{
	margin: .4em;
}

.stortext {
	font-size: 2em;
	font-weight:bold;
	position: relative;
}

.clear { clear: both;  height: 0; font-size: 0; line-height: 0;}

.vanster { float: left; width: 48%;}
.hoger   { float: right; width: 48%;}
.hoger55   { float: right; width: 53%;}
.hoger65   { float: right; width: 65%;}
.vanster45 { float: left; width: 45%; overflow: hidden;}
.vanster34 { float: left; width: 34%; overflow: hidden;}
.vanster46 {float: left; width: 46%;}
.vanster30  { float: left; width: 28%; overflow: hidden;}
.hoger30    { float: right; width: 68%}

.vanster30 img,
.hoger30 img { padding: 1em .5em 1em .5em}

.vanster30 .neutralheader,
.hoger30 .neutralheader {
	padding: 1em 0 0 0;
}

.hoger img.illustration{
	margin: 3px;
	
}



/* Specialare för personalsidan */

#senastuppdaterad .vanster { float: left; width: 49%}
#senastuppdaterad .hoger   { float: right; width: 49%}

#senastuppdaterad .vanster .vanster,
#senastuppdaterad .vanster .hoger,
#senastuppdaterad .hoger .vanster,
#senastuppdaterad .hoger .hoger {width: 48%}




.puffindrag {
	margin-top: 0;
	padding-top: 0;
}

.puffindrag h2 {
	font-weight: bold;
	color: #000;
	background-color: #ebebeb;
}

.puffindrag p {
	color: #000;
	background-color: #ebebeb;
	padding: 6px;
	margin: 0 ;
}

.puffindrag .mer {
	color: #000;
	background-color: #ebebeb;
	padding-bottom: 6px;
	margin: 0 ;
}



/* ****** Formulär ******* */

label {
	font-weight: bold;
}

/*
input {
	color: #000;
	background-color: #fff;
}
*/

.knapp {
	background-color: #ed8000;
	color: #fff;
/*	border: 3px solid #fff;  	 */
	padding-left: 1em;
	padding-right: 1em;
	font-weight: bold; 
	cursor: pointer;

}
.inloggning {
	background-color: #ebebeb;
	padding-bottom: .4em; 
}

.inloggning form {
	text-align: left;
	padding-top: .3em;
	margin: 0;
}

.inloggning form input {
	margin-bottom: .3em;
}
.inloggning div {
	padding: 2px 5px 2px 5px;
}

.inloggning .hogerikon {
	background-color: #006A8D;
	padding: .3em 5px .4em 5px;
	margin: 0;
	float: right;
}
.inloggning .hogertext {
	text-align: right;
}


/* ****** Puffar, nyheter m.m. ****** */

.neutralpuff {
	border-top: 1px dotted;
	margin: .6em 0; 
}

.neutralpuff h2,
.neutralpuff h3,
.neutralpuff h4,
.neutralpuff h5,
.neutralpuff h6 { 
	background-color: #fff; 
	color: #000; 
	font-weight: bold;
	margin:0; 
	padding: .8em 0 .2em 0;
}

.box_gra .neutralpuff h2,
.box_gra .neutralpuff h3,
.box_gra .neutralpuff h4,
.box_gra .neutralpuff h5,
.box_gra .neutralpuff h6 { 
	background-color: #ebebeb; 
}

.puff {
	padding: .5em;
}

.puff2,
.puff3 {
	color: #666;
}


.pufflista {position: relative;}

.pufflista .puff3 * {
	padding: 0;
	margin: 0;
	font-size: 1em;
}

.pufflista .ikon {
	position: absolute;
	right: 0;
	padding-top: .2em;
	z-index: 1;
}

.pufflista h2,
.pufflista h3{
      border-bottom: 1px dotted #080808;
      color: #000;
      background-color: #fff;
      padding: 0 0 .2em 0;
      vertical-align: top;
      font-weight: bold;
}

.pufflista .puff3 {
	padding-bottom: .8em;
}

.pufflista .puff3 * {
	padding-left: 14px;
	padding-bottom: 0;
}

.pufflista .puff3 h3 {
	font-weight: bold; 
	font-size: 1em;
	border-bottom: none;
	padding: .2em 0 .2em 0;
}

.pufflista .puff3 h3 a {
	display: block;
	text-decoration: none;
	color: #000;
	padding: 0 0 0 14px;
	background-image: url("../Bilder/lankar_pil_fylld.png");
	background-repeat: no-repeat;
	background-position: 0 1px;
}
.pufflista .puff3 h3 a:hover { text-decoration: underline } 

.pufflista .puff2 .puffbotten,
.pufflista .puff3 .puffbotten {
	color: #000;
}

.observera,
.observera a,
.pufflista .puff2 .observera,
.pufflista .puff3 .observera {
 	display: block;
 	font-weight: bold;
 	background-color: #ed8000;
 	color: #fff;
 	padding: .5em .2em .5em 16px;
}
.observera a{
	text-decoration: none;
}
.pufflista .puff2 .observera,
.pufflista .puff3 .observera {
 	margin-left: 14px;
 	font-size: 1.1em;
}

#huvudspalt .observera {
	/*padding-left: 0;*/
	font-size: 1.2em;
}
.bottomfunctions{
	margin-top: 1em;
	margin-bottom: 0.6em;
}
.bottomfunctions .border {
  	border-top: 1px dotted #000;
	font-size: 0.1em;
	height: 0.1em;
	margin-bottom: 3px;  
}

/* **** Betygslista **** */
.betygslista h3 {
      /*font-size: 1.1em;*/
      border-bottom: 1px dotted #080808;
      color: #000;
      background-color: #fff;
      padding: 0 0 .2em 0;
      vertical-align: top;
      padding-top: .5em;
      margin-bottom: .7em;
      font-weight: bold;
}

.betygslista .ikon {
	float: right;
	padding-top: .2em;
}

.betygslista ol, 
.betygslista li {
	padding: 0 0 0 .3em;
	margin: 0;
} 

.betygslista li {
	margin-left: 2.2em;
}

.betygslista h4 {
	color: #000;
	background-color: #fff;
	font-weight: bold; 
	font-size: 1em;
	border-bottom: none;
	padding: 0;
	margin: .2em 0 .4em 0;
}

.betygslista h4 a {
	display: block;
	text-decoration: none;
	color: #000;
	background-color: #fff;
	padding: 0 0 0 0;
}
.betygslista .puff3 h3 a:hover { text-decoration: underline } 

/* **** Etiketer **** */
.etiketter{
	
}
.etiketter ul{
	list-style-type: none;
}
.etiketter ul,
.etiketter ol {
	background-color: #fff;
	color: #000;	
	padding: 0 0 0 .3em;
	margin:0;
}
.etiketter ul li, 
.etiketter ol li{
        padding:0;
	margin:0;
	margin-left: 2.6em;
}
.etiketter ol li a{
	font-weight: bold;
	font-size: 1.1em;
	color: #000;
	text-decoration: none;
}
.etiketter ol li a span{
	font-weight: normal;
}

.etiketter h3{
      border-bottom: 1px dotted #080808;
      color: #000;
      background-color: #fff;
      padding: 0 0 .2em .1em;
      margin: .2em .1em;
      vertical-align: top;
}
.etiketter .tag1,
.etiketter .tag2,
.etiketter .tag3,
.etiketter .tag4{
	padding: .2em .5em;
	font-weight: 600;
}
.etiketter .tag1 a{
	font-size:  1.5em;
}
.etiketter .tag2 a{
	font-size:  1.3em;
}
.etiketter .tag3 a{
	font-size:  1.2em;
}
.etiketter .tag4 a{
	font-size:  1.0em;
}
.etiketter .visafler{
	text-align:right;
	padding: 0 2em;
}
.etiketter .taggar{
	margin: .5em 0;
}
.etiketter .taggar a{
	margin-right: .5em;
}
.etiketter .taggar a:hover{ text-decoration: underline; } 

.etiketter .tips{
	background-color: #fff;
	color: red;
}
/* **** Topplista **** */
.topplista{
	/*padding-left: .5em;*/
}

/* *** *** */
#biblioteksvalformular { padding: .4em .4em 1em .4em; }
#facilitetsformular { padding: .4em .4em 2.5em .4em; }

#facilitetsformular label {
	border-top: 1px dotted black;
	padding-top: .4em;
}

#biblioteksvalformular label,
#facilitetsformular label,
#servicebox2 label,
.biblioteksvalformular label { 
	display: block; font-size: 1.2em; color: #006A8D 
}
#biblioteksvalformular h3 label{
	color: #fff;
}
#biblioteksvalformular select,
#facilitetsformular select,
#servicebox2 select {
	width: 170px;
	margin-top: .4em;
	margin-bottom: .4em;
	background-color: #fff;
 }
#biblioteksvalformular .knapp, 
#facilitetsformular .knapp {
	clear: right;
	float: right;
}


.recension { padding: .5em;}

.recension .vanster {
	width: 13%;
	padding-bottom: .5em;
	overflow: hidden;
}

.recension .loptext {
	clear: both;
	padding-top: .5em;
}

.recension .sammanfattning {
	/*margin-left: 12%;*/
	margin-left: 0;
	float: right;
	width:75%;
}

/*.recension .sammanfattning h3 {margin-bottom: 2em;margin-left: 0; background-color: #ebebeb; padding:0;margin-top: .5em;}*/
.recension .sammanfattning h3 {margin: .3em 0 1em 0;background-color: transparent; padding:0;}

.recension .upphovsman { clear: both; }

.recension .visafler{ text-align:right; padding: 0 .4em;}
.recension .visafler a{ background: url(../Bilder/menypil_liten_hoger_fylld.png) no-repeat left; padding-left: 14px;}


.diskutera { padding: .5em;}
.visafler{ text-align:right; padding: 0 .4em;}


/* --- Sökresultatsidan --- */

.sokformular2 div.box_gra {
	padding: 6px;
}
.sokformular2 a { text-decoration: none;}
.sokformular2 a:hover { text-decoration: underline;}

.sokformular2 ul, 
.sokformular2 li
 {
	display: block;
	color: #000;
	margin: 0; 
	padding: 0;
}

.sokformular2 ul {
	border-top: 2px solid #fff;
	height: 1.2em;
}

.sokformular2 li {
	display: inline;
}


.sokformular2 li ul { display: none; }
.sokformular2 li a {
	display: block;
	text-align: center;
	padding-top: 3px;
	padding-bottom: 0.4em;
	padding-left: .5em;
	padding-right: .5em;
	float: left;
	font-weight: bold;
	font-size: 1.1em;
	color: #000;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
	background-color: #ebebeb;
}
.sokformular2 li a.vald {
	border-bottom: 1px solid #ebebeb;
}

.sokformular2 select {width: 170px}

.sokformular2 .box_gra {
	clear: both;
	padding-top: 1em;
	padding-bottom: 1em;
}
#evsearchform {
	padding: .5em;
}

/* Sök evenemang - box inuti ett sökformulär -*/
.sokevenemang {
	padding: 0 .5em 0.5em 0.5em;
	position:relative;
}

.sokevenemang label {
	/*display: block; float: left; */
	padding-left: .5em;
}
.sokevenemang input {
	float: right;
}

#evsearchform .vanster45 div,
#evsearchform .hoger55 div{
	margin: 0 0 20px 0;
}

/*.sokevenemang select {
	float: right;
}

.sokevenemang div {
	clear: left;
	padding-top: 0.5em;
}
*/

.evenemangsnavigering {
	text-align: right;
	margin:0;
	padding:0;
	width:100%;
}

.evenemangsnavigering .tidigarelank {
	float: left;
	text-align: left;
	
}

/* ----- */


.bottomfunctions a{
	margin-left: 3px;
	padding-bottom: 2px;
}


table {
	border-spacing: 0px;
	border-collapse: collapse;
}
.uddarader {
	background-color: #ebe9e8;
}



.box .boklista{
	margin: 5px 0;
	background: #fff;
}
.boklista caption{
	display: none;
}
.boklista td{
	vertical-align: top;background: #fff;
}
.boklista td .prickar{
	border-bottom: 2px dotted #000;
	margin: 4px 0 2px 0;
	line-height: 0px;
}
.boklista td .lana,
.boklista td .visa,
.boklista td .laggtill,
.boklista td h3
{
	margin: 4px 3px;
	padding: 0 0 .2em 20px;
}

.boklista td .lana{
	background: url("../Bilder/icon_lan.gif") no-repeat top left;
}
.boklista td .visa{
	background: url("../Bilder/icon_bok.gif") no-repeat top left;
}
.boklista td .laggtill{
	background: url("../Bilder/icon_lista.gif") no-repeat top left;
}	
.box .boklista h3{
	background: #fff url("../Bilder/icon_bok.gif") no-repeat top left;
	color: #333;
}



.loptext { 
	margin: 0;
	padding: 0 0 .3em .5em;
  }
.loptext p{
	padding: 0 0 .3em 0;

}

.loptext img { padding: .3em 0}



.mer {
	margin-top: 1em;
}
.ingress {
 padding: .5em 0 1em .5em;
 overflow:hidden;
}

.ingress_i_evenemang {
 padding: .5em 0 .5em 0;
 overflow:hidden;
}

.evenemangstext {
 padding: .5em 0 .5em 0;
 overflow:hidden;
}

.meralternativ { text-align: right;}



.formular{
	margin: 10px 0;
}
.formular label{
	font-weight: bold;
	display: block;
}
.formular .Field_Textbox input,
.formular textarea{
	width: 300px;
}
.formular label.checkLabel,
.formular label.radioLabel
{
	display: inline;
}
.formular .heading{
	font-weight: bold;
}


/*
	Chat 
	Per Sturesson 2006-08-29
*/

#nickname{
    width: 100%; 
    background-color: #D5E5ED; 
    border: 1px solid #A9B0B6;
}
#chatt{
    background: #fff;

}
#chatt table{
	width: 330px;
}
td.content{

}
div#content{
    border: 1px solid #333;
    padding: 5px;
    height: 400px;
    overflow: scroll; 
    background-color: #fff;
    padding-bottom: 15px; 
}

td.users{
    width: 100px; 
}
span#users{
    
}
span#all_users{
    border: 1px solid #333;
    background-color: #fff
}
.selectded{
    background-color: #ccc;    
}

span#rooms{
    
}
#toolbar{
    padding: 3px 3px;
    margin-right: 2px;
}
#message
{
     border: 1px solid #333; 
     width: 75%; 
}
#knapp
{
     border: 1px solid #333;
}
.cVispers span{
	font-style: italic;
}
.cMessage,
.cVispers{
	margin: 5px 2px 5px 2px;
	padding: 2px 0 3px 0;
	border-bottom: 1px dotted #000;
}


/*
	Betygsätt artikel 
	Per Sturesson 2006-09-208
*/
#betygsattartikelresultat{
	margin: 1em 0;
}
#betygBild{
	width: 81px;
	}
#betygsatt{
	padding: 5px;
}
#betygsatt .datum
{
    	color: #c17317;
}
#betygsatt label{
display: block;
}
#betygsatt .radio label{
	display: inline;
}
#betygsatt a{
text-decoration: none;
}
/*
	Betygsätt verk 
	Per Sturesson 2006-09-208
*/
#sattbetyg h3{

      border-bottom: 1px dotted #080808;
      color: #000;
      padding: 0 0 .2em 20px;
      margin: .3em .2em;
      background-color: #ebebeb;
      background: #ebebeb url("../Bilder/icon_gastbok.gif") no-repeat left;
      vertical-align: top;
}

.bibform{
	margin: .4em;
}
.bibform select{
	width: 100%;
}
.hogertext,
.bibform .hogertext{
	text-align: right;
}

select.sokresultat {
 width: auto;
}
.sokresultat dt {
 margin-bottom: 8px;
}
.sokresultat dd {
 margin: 0;
}
.sokresultat dt b {
 font-style: normal;
 font-size: 1.2em;
}
.sokresultat dt img {
 float: left;
 width: 70px;
 margin: 4px 10px 0 0;
}
.sokresultat dt span {
 font-style: italic;
}
.sokresultat ul {

}
.sokresultat li {
 /*width: 530px;*/
 margin: 0 3px;
 list-style-type: none;
}
.sokresultat dd.resultatpost {
 border-bottom: 1px dashed #000;
 padding: 0 0 12px;
}
.sokresultat dt.resultatpost {
 padding: 6px 0 0;
}
.sokresultat .understreck {
 border-bottom: 1px solid #cecece;
}
.sokresultat .medielista {
 clear: both;
}

.sokresultat .betyg,
.bokpresentation li.betyg {
 width: 18em;
}
.sokresultat .betyg span {
 float: left;
 margin-top: -1px;
 margin-right: .5em;
}

.sokresultat .medielista li {
 margin-left: 1em;
 padding: 4px 0;
}
.sokresultat .medielista li img {
 margin: 0 .5em;
 vertical-align: middle;
}
.resultatpost dl.information dt {
 float: left;
}
.resultatpost dl.information dd {
 margin-left: 6em;
}
.resultatpost dl.information dd:first-letter {
 text-transform: capitalize;
}

div.sokresultatsinfo {
 border-bottom: 1px dashed #000;
}
div.sokresultatsinfo h2 {
 margin-bottom: 4px;
}
div.sokresultatsinfo .extrainstallningar {
 position: relative;
 margin-top: .5em;
 border-top: 1px dashed #000;
 padding: .5em 1em;
}
* html div.sokresultatsinfo .extrainstallningar {
 height: 1%;
}
div.sokresultatsinfo .extrainstallningar span {
 margin-bottom: 1em;
}
div.sokresultatsinfo .extrainstallningar input,
div.sokresultatsinfo .extrainstallningar label {
 vertical-align: middle;
}
div.sokresultatsinfo .extrainstallningar .hoger {
 text-align: right;
}
div.sokresultatsinfo .extrainstallningar input.hoger {
 width: auto;
 text-align: center;
}
div.information {
 border-bottom: 1px dashed #000;
 padding: .5em;
 color: #d44;
}

.merasok {
 margin-top: .5em;
 border-bottom: 1px dashed #000;
 padding-bottom: .5em;
}
.merasok ul {
 list-style-type: none;
 padding: .5em;
 margin: 0;
}
.merasok li {
 padding-left: 15px;
 background: url('../Bilder/lankar_pil_fylld.png') no-repeat 0 50%;
}

.tillganglighet {
 text-align: right;
}
b.varning {
 color: #d22;
}
.sokresultat .vansterinfo {
 float: left;
}
.sokresultat .hogerinfo {
 margin-left: 50px;
}

.sokformular2 label {
 display: block;
 float: left;
 width: 6em;
 margin-top: 2px;
}
.sokformular2 input,
.sokformular2 select {
 margin-left: .5em;
}
.sokformular2 input #keyword {
 margin: 0;
}
.sokformular2 input.knapp {
 margin-left: .5em;
}
.sokformular2 div div {
 margin: .5em 0;
}


/* Pratbubblor (fyrkantiga sorten) */
.pratbubbla { background-color: #fff; padding: 0; margin: .4em 0;}
.pratbubbla h2,
.pratbubbla h3,
.pratbubbla h4,
.pratbubbla h5,
.pratbubbla h6  {
	background-color: #fff; 
	color: #000; 
	margin-left: 0; 
	padding-left: .5em;
}
.pratbubbla div {padding-left: .5em; padding-right: .5em; background-color: #fff;}
.pratbubbla div div {padding-left: 0; padding-right: 0;}
.pratbubbla .ingress { padding: .2em .5em .5em .5em; }
.pratbubbla .citat { padding-bottom: .3em; margin-top: 1em;padding-top: .3em;}

.pratbubbla .upphovsman{
	background-color: #ebebeb;
	background-image: url("../Bilder/asikter_pip_vit.gif");
	background-position: 30% 0;
	background-repeat: no-repeat;
	padding: 20px 0 0 0;
}


.pratbubbla_gra { background-color: #fff; padding: 0; }
.pratbubbla_gra h2,
.pratbubbla_gra h3,
.pratbubbla_gra h4,
.pratbubbla_gra h5,
.pratbubbla_gra h6 {
	background-color: #ebebeb; 
	color: #006A8D; 
	margin-left: 0; 
	padding-left: .5em; 
	font-weight: bold;
}

.pratbubbla_gra div {padding-left: .5em; padding-right: .5em; background-color: #ebebeb;}
.pratbubbla_gra .ingress { padding: .2em .5em .5em .5em; }
.pratbubbla_gra .citat { padding-bottom: .3em;padding-top: .3em;margin-top: 1em;}
.pratbubbla_gra .upphovsman {
	/*background-color: #fff;  */
	color: #000;
	background-image: url("../Bilder/asikter_pip.gif");
	background-position: 60% 0;
	background-repeat: no-repeat;
	padding: 20px 0 0 0;
	font-weight: normal;
}

.pratbubbla_gra .betyg, 
.pratbubbla .betyg 
{
	width: 100px;
	text-align: left;
}
.pratbubbla_gra .betyg2, 
.pratbubbla .betyg2 
{
	width: 200px;
	text-align: left;
}

.pratbubbla .sammanfattning h3,
.pratbubbla_gra .sammanfattning h3{
 	margin-left: 0;
 	margin-top: 0;
}
.pratbubbla .sammanfattning h3 a,
.pratbubbla_gra .sammanfattning h3 a{
 color: #006A8D; 
 text-decoration: none;
 margin-top: 0;
}
.recension.pratbubbla .sammanfattning h3 span a,
.recension .pratbubbla_gra .sammanfattning h3 span a{
 color: #333;
 text-decoration: none;
}
.recension .pratbubbla .vanster,
.pratbubbla .vanster,
.pratbubbla_gra .vanster{
	width: 22%;	
}

.pratbubbla .vanster img,
.pratbubbla_gra .vanster img{
	width: 70px;
	margin-right: 2em;
	margin-top: .5em;
	z-index: 1000;
}



/* Nyligen tyckt */

.nytyckt ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
	margin-left: -10px;
}

.nytyckt li { 
	padding-left: 5px;
}



/* Mest kommenterade */

.mestkommenterade .ingress,
.mestkommenterade h3 { background-color: #ebebeb; color: #000; margin: 0 0 .2em 0;}

.mestkommenterade p { margin: 0 0 .5em 0;}


.mestkommenterade .ingress,
.mestkommenterade .pratbubbla { margin-left: .5em; margin-right: .5em;}


/* Veckans/Dagens m.m. tips */

.tips {background-color: #ebebeb;}
.tips .pratbubbla,
.tips .tipsare {
	margin-left: 3px; 
	margin-right: 3px; 
}
.tips .mer {background-color: #fff;}
.tips .mer a {line-height: 2em;}

.tips .tipsare {
	padding-bottom: .5em;
}
.tips h2 {
	color: #000;
	background-color: #ebebeb;
}



.tips_variant {background-color: #fff;}
.tips_variant p {padding: 0; margin: 0 3px;}
.tips_variant .mer {padding-top: .5em; background-color: #fff;}
.tips_variant .mer a {line-height: 2em;}
.tips_variant h2 {
	color: #000;
	background-color: #fff;
}



.blankare {}
.blankare h2 {
	color: #000;
	background-color: #fff;
	padding: 0;
	margin: 0;
}


.blankare p {
	padding-top: 0;
	margin: 0 3px .5em 3px;
}



/* Temalista - Lista med listor... */

.temalista ul,
.temalista li {
	list-style-type: none;
	padding: 0;
	margin: 0;
	display: inline;
	position: relative;
	clear: left;
}

.temapost {
	clear: both;
	margin: 8px 0;
	padding: 0 0 8px 0;
	border-bottom: 1px dashed #000;
}


.temalista h3 {
	
	background-color: #fff;
	color: #000;
	border-bottom: 1px dotted #000;
	margin: .3em 0;
}

.temapost div div{
	margin: 0 0 0 55px;
	padding: 0;

}
.temapost div div.ingress{
	margin: 0 0 0 5px;
	padding: 0;
}
.temapost img {
	display: block; 
	width: 50px;
	clear: both; 
	float: left; 
	padding-bottom: .5em;
	margin-top: .3em;	
}

#container #huvudspalt .temapost .bildikonlank{
	float: left;
	width: 50px;
	height: 80px;
}
#container #huvudspalt .temapost .ingress{
	border: 1px solid #fff;
}
* html #huvudspalt .temapost .ingress{
	
	padding-left: 2px;
	border: 1px solid #fff;
	width: 80%;
}
*:first-child+html #huvudspalt .temapost .ingress{
	
	padding-left: 3px;
	border: 1px solid #fff;
	width: 80%;
}


.temapost h3,
.temapost h4,
.listpost h3,
.listpost h4 { 
	margin: .3em 0 0 55px;
	padding: 0;
	background-color: #fff;
	color: #000;
	font-weight: bold;	
	border: none;
}

.temapost h3 a,
.temapost h4 a,
.listpost h3 a,
.listpost h4 a {
	color: #000;
	text-decoration: none;
} 



.listpost h4  {
	margin: .5em 0 0 20px;
	padding: 0;
}

.listpost div {
	margin: 0 0 0 20px;
	padding: 0;
}


.temalista .datum { float: right; }

.temalista .mer { clear: both; margin-top: 1em; text-align: right;}
.temapuff{
	margin: 10px;
}
.temapuff strong{
	display: inline;
}
.temapuff .stortext{
	margin-top: -5px;
	padding: 0;
}
#huvudspalter .box_gra .temapuff strong
{
	color:#006A8D;
	text-transform:uppercase;
}
.temapuff img{
	margin: 0 10px 10px 0;
	border: 0;
}
.temapuff .ikonlank .kartlank .pdflank{
	display: block;
	margin-top: .5em;
}

.temapuff .beskrivning{
	margin: 0;
	font-weight: normal;
	color: #000;
}
.temapuff .stortext .sIFR-replaced {padding:0; clear: right;}



.kommandeevenemang ul, 
.kommandeevenemang li {
	list-style-type: none;
	margin: 0;
	padding:0;
}

.kommandeevenemang li { 
	border-bottom: 1px dotted #ddd; 
	padding-bottom: 0.5em;
	margin-bottom: 0.5em;
}

.kommandeevenemang h3,
.kommandeevenemang div {
	padding-left: 10px;
}
.kommandeevenemang .datum {
	font-weight: bold;
}

.kommandeevenemang h3 {
	color: #000;
	background-color: #fff;
	padding-top: 0.5em;
	font-weight: bold;
}
.kommandeevenemang .cancelledmini {
  background-color: #ed8000 !important; 
  font-size: 1.0em;
  font-weight: bold;
  text-align: center;
  color: #fff;
  margin: 5px 0px 0px 0px;
  padding: 0px;
}


.tabellpuff caption {
	font: normal 1.2em Verdana, Arial, Helvetica, sans-serif;
	margin: 0; 
	padding: .3em 5px .3em 5px;
	background-color: #006A8D;
	color: #fff;
	text-align: left;
}

.tabellpuff caption span {
	color: #ccc;
}

.tabellpuff table {
	margin-bottom: 0.5em;
}

.tabellpuff th { font-weight: normal}

.tabellpuff td,
.tabellpuff th { padding-left: 0.5em }


.tabellpuff tr { background-color: #fff; }

.tabellpuff tr.udda { 
	background-color: #ebebeb;
}

.tabellpuff tr.jamn { 
	background-color: #fff;
}

.tabellpuff tr.utvald td,
.tabellpuff tr.utvald th { 
	font-weight: bold;
}


/* Pratbubblor (fyrkantiga sorten) */
#servicebox{}
#servicebox form{
	margin: 0 .4em;
	/*background-color: transparant;*/
	overflow: hidden;
}


#servicebox h3,
#servicebox2 h3
{
 font-size: 1.1em;
 background-color: #ebebeb;
 color: #006A8D;
 font-weight: bold;
}
#servicebox2{	padding: .4em .4em 1em .4em; }
#servicebox select,
#servicebox2 select{
	width: 165px;
}
#servicebox .knapp{
	margin: 8px 5px 8px 0;
	float: right;
	clear: right;
}
#servicebox2 .knapp{
	float: right;
	clear: right;
}
#service_lista{

}
#service_lista h2{
	margin: 8px 0 4px 0;
/*	padding: 0; background-color: #FFF; color: #000; font-weight: bold; */
}
#service_lista h3{
	background-color: #FFF;
	color: #000;
	font-weight: bold;
	margin: 20px 0 2px 0;
	padding: 0;
}
ul.servicemeny{
	margin: 0;
	padding: 0;
}
ul.servicemeny li{
	display: inline;
	margin: 0;
	padding: 0 10px;
}

ul.servicemeny li a{ 
	/*margin: 0 15px;*/
	/*padding: 0 10px;*/
}


/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}
.sIFR-alternate{

	display: none;
}
span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... 
the negative-letter spacing in this case is used to make the browser text metrics 
match up with the sIFR text metrics since the sIFR text in this example is so much narrower... 
your own settings may vary... 
any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */


.sIFR-hasFlash #huvudspalthuvud h1 {
	letter-spacing: 2px;
	margin: 0; padding: .2em 0 0 0;
	font-weight: normal;
	line-height:1.3em;
	position: relative;
	min-height: 1em;
	max-height: 18em;	
	height: 100%;
	
}
#huvudspalthuvud h1.sIFR-replaced {padding:0;}

.sIFR-hasFlash .stortext {
	letter-spacing: 2px;
	margin: 0; 
	padding: .2em 0 0 0;
	font-weight: normal;
	clear: left;
	position: relative;
}
.stortext .sIFR-replaced {padding:0; clear: left;}


/*
	Gästbok
	Per Sturesson 2006-10-10
*/

#gastbok{ }
#gastbok .textfield{ }
#gastbok label{
 font-weight: bold;
 display: block;
}

#gastbokslista{
 margin-bottom: 10px;	
}
#gastbokslista .inlagg{
 border-bottom: 1px dashed #aaa;
 padding: .5em 0;
 margin: .6em 0;
}
#gastbokslista .minsidainlagg{
 padding: .5em 0;
 margin: .6em 0;
}
#gastbokslista h3{
	/*background-color: #fff;*/
	color: #000;
	padding: .5em 0;
	font-weight: bold;
}
#gastbokslista .minsida h3{
	background-color: #fff;
}
#gastbokslista h4{
	background-color: #ebebeb;
	color: #000;
	padding: .5em 0;
	font-weight: bold;
}
#gastbokslista .text{ }
#gastbokslista .skapatav{ }
#gastbokslista .meny{
/*border-top: 1px dashed #aaa;*/
padding: .5em 0;
margin: .3em 0;
}
#gastbokslista .meny div{
margin: .5em 0;
}
#gastbokslista .meny a{
margin-right: 1em;
}



.bokpresentation { 
	background-color: #ebebeb;
	padding: 0 0.5em 0.5em;
	margin-bottom: 10px;
}

.bokpresentation .underrubrik {
	color: #000;
	background-color: #ebebeb;
	font-style: italic;
	font-weight: bold;
	font-size: 1.2em;
	padding: .5em 0 .5em 0;	
}

.bokpresentation img.illustration {
 float: left;
 width: 90px;
}

.bokpresentation ul {
 margin: 0;
 padding: 0;
 list-style-type: none;
 clear: both;
}
.bokpresentation ul li {
 white-space: nowrap;
}
.bokpresentation ul li.medietyp {
 margin-bottom: 1em;
}
.bokpresentation .detaljer {
 float: right;
 width: 70%;
}
.bokpresentation .detaljer {
 float: right;
 width: 70%;
}
* html .bokpresentation .detaljer dd {
 overflow: hidden;
}

.lanabok, .provlas, .sparaiminneslista {
 display: block;
 height: 2em;
 padding-left: 20px;
}
.lanabok {
 background: url('../Bilder/borrowIcon16x16.gif') no-repeat;
}
.provlas {
 background: url('../Bilder/icon_bok.gif') no-repeat;
}
.sparaiminneslista {
 background: url('../Bilder/cookieIcon.gif') no-repeat;
}

.bokpresentation .beskrivning {
	clear: both;
	padding-top: 1em;
}

#huvudspalter .bokpresentation .beskrivning strong {
	background-color: #ebebeb;
	color: #000;
	display: block;
}
.mer_detaljer{
	margin-bottom: 12px;	
}
.mer_detaljer .upphovsman{
	margin-top: -5px;
}

.bokpresentation dl,
.bokpresentation dt,
.bokpresentation dd,
.mer_detaljer dl,
.mer_detaljer dt,
.mer_detaljer dd
 { 
	margin: 0;
	padding: .2em 0 .2em 0;
 }

.bokpresentation dt,
.mer_detaljer dt {
	float: left;
	width: 7em;
	text-align: right;
	font-weight: bold;
	clear: both;
}
.mer_detaljer dt {
 width: 12em;
 text-align: left;
}

.bokpresentation dd { 
	margin-left: 8em;
}
.mer_detaljer dd {
 	margin-left: 13em;
}

.bokpresentation .betyg span {
 float: left;
 margin-top: -1px;
 margin-right: .5em;
}

.bokpresentation .upphovsman {
	padding: 1em 0 1em 0;
}


.boklista table {background-color: #ebebeb; width: 100%;}

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

.boklista ul, 
.boklista li 
 {
	display: block;
	background-color: #fff;
	color: #000;
	margin: 0; 
	padding: 0;
	height: 2em;
}

.boklista ul {
	border-top:2px solid #fff;
	height: 1.2em;
}

.boklista li {
	display: inline;
}


.boklista li ul {display: none;}
.boklista li a { 
	display: block;
	text-align: center;
	padding-top: 3px;
	padding-bottom: 0.4em;
	padding-left: .5em;
	padding-right:.5em;

	float: left;
	font-weight: bold;
	font-size: 1.1em;
	color: #000;
	border-right: 1px solid #ebebeb;
	border-left: 1px solid #ebebeb;
	border-top: 1px solid #ebebeb;
	margin-right: 1px;
}

.boklista li.utvald a { 
	background-color: #ebebeb;
}

.boklista table {
	clear: left;
}

.boklista th { color: #ebebeb;}

.boklista td,
.boklista th { padding-left: 0.5em }


.boklista tr { background-color: #ebebeb; }

.boklista tr.jamn { 
	background-color: #ebebeb;
}

.boklista tr.udda { 
	background-color: #fff;
}

.boklista tr.utvald td,
.boklista tr.utvald th { 
	font-weight: bold;
}

.boklista .saljinfo {
	background-color: #ebebeb;
	padding: 1em;
}

table.bestandsinformation {
 width: 100%;
 margin: 0 0 6px;
 border-top: 1px solid #000;
 /*border-bottom: 1px solid #000;*/
 border-collapse: collapse;
}
table.bestandsinformation caption {
 margin: 6px 0 0;
 border-top: 1px solid #000;
 padding: 4px 0;
}
table.bestandsinformation th, td {
 margin: 0;
 padding: .2em;
 vertical-align: top;
}
table.bestandsinformation tr.grarad {
 background-color: #ebebeb;
}
table.bestandsinformation .hoger {
 text-align: right;
}

#additional_media {
 padding: 0 .5em;
}
#additional_media dt {
 font-weight: bold;
}
#additional_media dd {
 margin: 0 0 0 .5em;
 padding: .3em 0 .5em 16px;
 background: url('../Bilder/lankar_pil_fylld.png') no-repeat 0 .5em;
 /*background: url('../Bilder/lankar_pil_ofylld.png') no-repeat 0 .5em;*/
}
#additional_media img {
 vertical-align: middle;
}
#additional_media a {
 color: #000;
 text-decoration: none;
}
#additional_media a:hover {
 text-decoration: underline;
}
#additional_media .understreck {
 border-bottom: 1px solid #cecece;
}

#reservation_form label {
 margin-right: .5em;
}
#reservation_form fieldset {
 border: none;
}
#reservation_form select {
 margin-right: .5em;
}
#reservation_form .observera {
 padding-left: .5em;
}
#reservation_form .reservationsmeddelande {

}

input.reservera {
 float: right;
}

#ctrl_more_info, #ctrl_availability_cont {
 display: block;
 width: 95%;
 margin: .5em 0;
 border-top: 1px solid #000;
 border-bottom: none;
 padding: .2em 0;
}



/*** Container (td, div el. p) class="betygskala" ***/
	/*** Grå bakgrund (div el. p) ***/
		/*** Färgskala (div el. p) class="betygskala" ***/
		/*** Slut Färgskala ***/
	/*** Slut Grå bakgrund ***/
/*** Slut Container ***/

td.betygskala, div.betygskala, p.betygskala, li.betygskala, dd.betygskala {
 /*text-align: right;*/
  text-align: left;
}
.pratbubbla div.betygskala{
	width: 200px;
}
.betygskala div, .betygskala p {
 float: left;
 margin-top: 2px;
 width: 50px;
 background-color: #ddd;
}
.betygskala span{
 float: left;
 margin-left: 2px;
 width: 10px;

}
.betygskala div.betygskala, .betygskala p.betygskala {
 /* Bredden räknas ut dynamiskt i XSL:en! */
 width: 0;
 height: 10px;
 margin: 0;
 overflow: hidden;
 background-image: url('../Bilder/betygskala_turkos.gif');
 background-repeat: no-repeat;
 text-align: left;
}


/* Mina sidor - genvägar */

.minasidor_genvagar h3 {
	background-color: #ebebeb;
	color: #006A8D; 
	margin-left: 0; 
	padding-left: .5em;
	font-weight: bold;
}

.minasidor_genvagar div {
	margin:6px 12px 6px 12px;
}

.minasidor_genvagar hr {
	background-color: #ebebeb;
	height: 0;
 	border-top: 1px dashed #aaa;
}

.minasidor_genvagar a {
	color: #000;
}

.minasidor_minbild img{ }


.text_varning {
	color:red;
}

.minsida_ikoner {
        float:left;
	margin:0 3px 0 0; 
	border:none;
}

/* Mina sidor - Skulder och betalt */

.minaskulder_tabell {
	margin: 7px 30px 7px 30px;
}

.minaskulder_tabell td.hogertd {
	font-weight: bold;
}

.minaskulder_tabell td.vanstertd {
	text-align:right;
}

.minaskulder a {
	color: #000;
	
}
table.minabetyg{
	width: 95%;
	
}
table.minabetyg .datum{
	font-weight: bold;	
}



/* Liknande - Lista med listor... */

.liknande h2{
 	margin-bottom: 0.5em;
}
.liknande h3{
      border-bottom: 1px dotted #080808;
      color: #000;
      background-color: #fff;
      padding: 0 0 .2em .1em;
      margin: .2em .1em;
      vertical-align: top;
}

.liknande .verk{
 width: 32%;
 float: left;
 margin: .5em 0;
 overflow: hidden;
}
.liknande .verk .omslag{
 overflow: hidden;
}
.liknande .verk .omslag img{
 height: 100px;
 display: block;
 margin: auto;
}
.liknande .verk .info{
	text-align: center;
}
.liknande .verk .info a{
	color: #000000;
	text-decoration: none;
	font-weight: bold;
}
.liknande .verk .info span{
	font-style:italic;
}
.liknande .visafler{
 text-align:right;
 padding: 0 2em;
}
.liknande .visafler a{
 background: url(../Bilder/menypil_liten_hoger_fylld.png) no-repeat left;
 padding-left: 14px;
}


.forum
{
 margin-bottom: 6px;
 padding:5px;

}
.forum p
{
 margin-bottom:0px;
 margin-top:0px;
 padding:5px;
}



.forumheader
{
 /*
 Border-top: 1px solid silver;
 Border-bottom: 1px solid silver;
 background-color: #EAE8E2;
 */
 padding:0px;
}
.forumheader p
{
	padding:5px;
}


.C2 .forumheader {/*background-color : #DFE6E9;*/}

.postBody
{
/*background-color : #F3F1E9;*/

}
.forumsvara{
	float: right;
	padding-right: 10px;
	font-size: 10px;
}
.nyttinlagg
{
 padding: 10px 0px 10px 0px;
 display: inline;
}
.C1 {padding: 1em 5px 5px 0px;  background-color: #ebebeb; margin: 0;}
.C2 {padding: 1em 5px 5px 5px; background-color: #ebebeb; margin: 2em 0 0 0;}
.C3 {padding: 1em 5px 5px 15px;  background-color: #ebebeb; margin: 0;}
.C4 {padding: 1em 5px 5px 25px;  background-color: #ebebeb; margin: 0;}
.C5 {padding: 1em 5px 5px 35px;  background-color: #ebebeb; margin: 0;}
.C6 {padding: 1em 5px 5px 45px;  background-color: #ebebeb; margin: 0;}
.C7 {padding: 1em 5px 5px 55px;  background-color: #ebebeb; margin: 0;}
.C8 {padding: 1em 5px 5px 65px;  background-color: #ebebeb; margin: 0;}
.C9 {padding: 1em 5px 5px 75px;  background-color: #ebebeb; margin: 0;}
.C10 {padding: 1em 5px 5px 85px;  background-color: #ebebeb; margin: 0;}
.C11 {padding: 1em 5px 5px 95px;  background-color: #ebebeb; margin: 0;}
.C12 {padding: 1em 5px 5px 105px;  background-color: #ebebeb; margin: 0;}
.C13 {padding: 1em 5px 5px 115px;  background-color: #ebebeb; margin: 0;}
.C14 {padding: 1em 5px 5px 125px;  background-color: #ebebeb; margin: 0;}
.C15 {padding: 1em 5px 5px 135px;  background-color: #ebebeb; margin: 0;}
.C16 {padding: 1em 5px 5px 145px;  background-color: #ebebeb; margin: 0;}



.evenemang .cancelled {
  font-size: 1.1em;
  font-weight: bold;
  text-align: left;
  color: #fff;
  background-color: #ed8000 !important; 
  margin: 0px 0px 10px 0px;
  padding: .3em 5px .3em 5px;
  position: relative;
}
.evenemang .bredlista {
  margin: 5px 0px 5px 0px;
  padding: 0;
}
.evenemang .installda, .evenemang .installda a {
  font-size: 1.0em;
  font-weight: bold;
  background-color: #ed8000;
  color: #fff;
  padding: .1em .2em .1em .3em;
  margin: 3px 0px 3px 0px;
  text-decoration: none;
  display: block;
}
.evenemang .installda a:hover {
  text-decoration: underline;
}
.evenemang .spacer {
  border-bottom: 1px dotted black;
}
.evenemang .cancelledmini {
  background-color: #ed8000 !important; 
  font-size: 1.0em;
  font-weight: bold;
  text-align: center;
  color: #fff;
  margin: 5px 0px 0px 0px;
  padding: 0px;
}
.puff3 .cancelledmini {
  background-color: #ed8000 !important; 
  font-size: 1.0em;
  font-weight: bold;
  text-align: center;
  color: #fff;
  margin: 0px 0px 5px 0px;
  padding: 0;
}
.hoger .evinfo{
	padding-left: 20px;
	background: url("../Bilder/lankar_pil_fylld.png") no-repeat top left;
}

.box .evinfo {
	padding-left: 20px;
	background: url("../Bilder/lankar_pil_fylld.png") no-repeat top left;
}
.evinfo a.evkarta{
	padding-left: 15px;
	background: url("Admin/DeladeResurser/Design/Bilder/icon_karta.gif") no-repeat top left;
}
#evsearchform .hoger55 label,
#evsearchform .vanster45 label{
	float: left;
	width: 55px;
}

#evsearchform .hoger55 select,
#evsearchform .vanster45 select{	
	font-family: tahoma;
	float: left;
}
#evsearchform .hoger55 #evlib{
	width: 110px;	
	overflow: hidden;	
}
#evsearchform #evday select{
	width: 35px;
	overflow: hidden;	
}
#evsearchform .hoger55 div,
#evsearchform .vanster45 div{	
	margin: 3px 0 3px 0;
	padding: 3px 0;
	clear: both;
}
#evsearchform .fullbredd {
	margin-top: .3em;
}
#evsearchform .fullbredd label{
	float: left;
	width: 55px;
	display: block;
}
#evsearchform .fullbredd input{
	float: left;
	display: block;
}
#evsearchform .fullbredd #Sok2{
	float: right;
	display: block;
	width: 70px;
	
}


/* RSS */

.rsslista {position: relative;}

.rsslista .puff3 * {
	padding: 0;
	margin: 0;
	font-size: 0.9em;
}

.rsslista .ikon {
	position: absolute;
	right: 0;
	padding-top: .2em;
	z-index: 1;
}

.rsslista h2,
.rsslista h3{
      border-bottom: 1px dotted #080808;
      color: #000;
      background-color: #fff;
      padding: 0 0 .2em 0;
	vertical-align: top;
}

.rsslista .puff3 {
	padding-bottom: .8em;
}

.rsslista .puff3 * {
	padding-left: 14px;
	padding-bottom: 0;
}

.rsslista .puff3 h3 {
	font-weight: bold; 
	font-size: 1em;
	border-bottom: none;
	padding: .2em 0 .2em 0;
}

.rsslista .puff3 h3 a {
	display: block;
	text-decoration: none;
	color: #000;
	padding: 2px 0 4px 18px;
	background-image: url("../Bilder/icon_rss.gif");
	background-repeat: no-repeat;
	background-position: 0 1px;
}
.rsslista .puff3 h3 a:hover { text-decoration: underline } 

.rsslista .puff2 .puffbotten,
.rsslista .puff3 .puffbotten {
	color: #000;
}






.favoriter ol,
.favoriter li {
	padding: 0;
	margin: 0;
}

.favoriter ol li {
	margin-left: 2.9em;
	color: #000;
	/*color: #b8b7b7;*/
}

.favoriter li h3{
	background-color: #fff;
	padding: 0;
}  
.favoriter li h3 a{
	color: #000;
	font-size: 1em;
	font-weight: bold;
	margin: 0;
	padding: 0;
}



#CS_WebMapSkipLink h2,
#CS_WebMapSkipLink h3{
      border-bottom: 1px dotted #080808;
      color: #000;
      background-color: #fff;
      padding: 0 0 .2em 0;
      vertical-align: top;
}
#CS_WebMapSkipLink li,
#webtree li{
	list-style-type: none;
}
#webtree ul ul{
	padding-left: 18px;
}
#webtree li a,
#CS_WebMapSkipLink li a{
	padding-left: 15px;
	display: block;
	background: url("../Bilder/lankar_pil_fylld.png") no-repeat left;	
}
#webmap .CS_DefaultWebMap_Index{
	margin-bottom: 10px;
}

#webmap .CS_DefaultWebMap_Index li{
	display: inline;
	padding: 0;
	margin: 0;
}



/* Bibliotekens öppettider... */

.oppettider{
	width: 100%;
		
}

.oppettider caption{
	/*
	font-weight: bold;
	margin-top: 2em;
	color: #006A8D;
	*/
	display: none;
}

.oppettider .bibliotek{
	font-weight: bold;
}
.oppettider td{
	padding: .3em .5em;
}
.oppettider td.tid{
  text-align: right;
  padding-right: 1em; 
}


.oppettider .vecka1 td{
 background-color: #FFF;
}
.oppettider .vecka2 td{
 background-color: #EBEBEB;
}

.oppettider .idag td{
 font-weight: bold;
}


.oppettider_kort{
	width: 100%;
}
.oppettider_kort .tid{
	text-align: right;
}
#kategorisida .sokformular2 .box_gra{
display: none;
}
.kategorisok{
	width: 95%;
	margin-bottom: .5em;
}
.kategorisok td.kategori a{
	text-decoration: none;
	color: #000;
	font-weight: bold;
	padding-left: 20px;
	margin-left: 5px;
	font-size: 1.2em;
}

.kategorisok .kategori a.medbarn{
	background: url("../Bilder/menypil_stor_hoger_fylld.png") no-repeat left;
}
.kategorisok .kategori a.utanbarn{
	background: url("../Bilder/menypil_stor_hoger_ofylld.png") no-repeat left;
}
.kategorisok .kategori a.vald{
	background: url("../Bilder/menypil_stor_ner_fylld.png") no-repeat left;
}

.kategorisok td.traffar{
	color: #000;
}
#container .kategorisok td.sok a.knapp
{	
	color: #fff;
	font-weight: bold;
	border-top: 1px solid #fff;
	border-left: 1px solid #fff;
	border-bottom: 1px solid #939186;
	border-right: 1px solid #939186;
	
}

.kategorisok td.sok{
	width: 50px;
	text-align: right;
}
.kategorisok td.traffar{
	width: 110px;
}
/*
.kategorisok td.sok a{
	color: #000;
	text-decoration: none;
}
*/
.kategorisok td.beskrivning{
	padding-left: 25px;
}
.kategorisok td.beskrivning img{
	float: left;
	overflow: hidden;
	margin-right: 10px;
}
.kategorisok td.sok beskrivning span{
	
}
.underniva{
	padding-top: 1em;
	padding-left: 1em;
	border-top: 2px dotted #000;
}
.underniva .kategorisok .kategori a{
	font-size: 1em;
	padding-left: 15px;
	background: url("../Bilder/menypil_liten_hoger_ofylld.png") no-repeat left;
}
.underniva .kategorisok td.traffar,
.underniva .kategorisok td.sok a{
	font-size: .9em;
}
.underniva .kategorisok .kategori a.medbarn{
	background: url("../Bilder/menypil_liten_hoger_fylld.png") no-repeat left;
}
.underniva .kategorisok .kategori a.utanbarn{
	background: url("../Bilder/menypil_liten_hoger_ofylld.png") no-repeat left;
}
.alert{
	color: red;
}
.error{
	background: #ED8000;
	color: #fff;
}
/* Missbruk */
#missbruk label{display: block;}
dl.missbruk {margin-left: 1em;}
dl.missbruk dt{	font-weight: bold; font-size: 1.1em; }


/* Paging */

.paging{
	margin: .5em 0;
}
.paging span{
	padding: 0 .3em;	
}

/* Mina listor */
table.my_lists {
	width: 98%;
	margin: 0;
	padding: 0;
	border-bottom: 1px dotted #000;
}

table.my_lists th {
	padding-left: 0.5em;
	vertical-align: top;
}

table.my_lists th.title {
	width: 30%;
}
table.my_lists th.branch {
	width: 18%;
}

table.my_lists tbody td {
	padding: .5em;
}

table.my_lists tbody td.my_list_title{
	width: 40%;
}
table.my_lists tbody td.my_list_author{
	width: 30%;
}
table.my_lists tbody td.my_list_materialtype {
	width: 15%;
}

table.my_lists tbody td.my_list_materialtype{
	width: 15%;
}

table.my_lists .date,
table.my_lists tbody td.my_list_date {
	width: 80px;
}
table.my_lists td.date span,
table.my_lists tbody td.my_list_date span{
	white-space: nowrap;
}
table.my_lists tbody td h3{
	background-color: transparent;
	font-size: 1.3em;
	color: #000;
	padding: 0 0 .2em 0;
	
		
}
table.my_lists tbody td h3 a{
	color: #000;
	font-weight: bold !important;
	text-decoration: none;
}
table.my_lists tbody td h3 a:hover {
	text-decoration:underline;
}
table.my_lists tbody tr.udda{
	background-color: #efefef;
}

/* ---[datepicker]--- */
#datepicker{
	background: #fff;
	width: 250px;
	border: 1px solid #333;
	text-align: center;
}
#datepicker table{
	width: 99%;
	padding: 1px;
	border: 0;
	margin: 1px auto;
	border: 1px solid #333;
	background: #fff;	
}

#datepicker .dpTitleTR{
	background: #006A8D;color: #fff;
}
#datepicker .dpDayTR{
	background: #ebebeb;
}
#datepicker .dpTR{
	background: #fff;
}
#datepicker .dpTR td{
	border: 1px solid #f5f3f3;
	cursor: pointer;
	text-align: center;
}
#datepicker .dpDayHighlight{
	font-weight: bold;
	background: #ebebeb;
}



#evenemangsok .datum{
	font-weight: bold;
	font-size: 1.5em;
	margin: 1.5em 0 .5em 0;
}

#evenemangsok .bredlista{
	padding: .5em 0;	
}

#evenemangsok .bredlista h3{
	background-color:#FFFFFF;
	color:#000000;
	font-weight:bold;
	padding:0pt 0pt 0.2em;
}
#evenemangsok .bredlista h3 a{
	color:#000000;
	text-decoration: none;
}
#evenemangsok .bredlista .ingress span{
	text-transform:uppercase;
}
#evenemangsok .bredlista .ingress a{
	color:#000000;
	text-decoration: none;
}
#evenemangsok .bredlista .vanster{
	float: left;
	width: 80px;
	overflow: hidden;
}
#evenemangsok .bredlista .vanster img{
	max-width: 80px;
}
* html #evenemangsok .bredlista .vanster img{
	width: 80px;
}
 
#evenemangsok .bredlista .hoger{
	float: right;
	width: 440px;
}
#evenemangsok .bredlista a.evkarta{
	padding-left: 15px;
	background: url("Admin/DeladeResurser/Design/Bilder/icon_karta.gif") no-repeat top left;
}
#evenemangsok .bredlista p{
	margin: .3em 0;
}
#evenemangsok .bredlista p span{
	font-weight: bold;
}
#evenemangsok .bredlista .evinfo{
	font-weight: bold;
}
#evenemangsok .border{
	margin: .5em 0 .5em 0;
	height: .5em;
	border-bottom: 1px dotted black;
	clear:both;
}

@media print {

	body {
		font: 80%/1.4 Verdana, Geneva, Arial, Lucida, Helvetica, sans-serif; /* Lucida is for Linux */
		color: #000;
		background-color: #fff;
	}
	
	#huvudspalter {
		width: 540px;
		position:relative;
		display: block;
		color: #000;
		float: none;
	}
	#huvudspalt{
		display: block;
	}

	img {border:none;}
	
	#toppnav1,
	#toppnav2,
	#ytterspalt,
	#toppsokformular,
	#fliknavigering,
	#vansterspalt,
	#hogerspalt,
	#sidtopp,
	#sidfot,
	#smulor,
	#fotnavigering {
		display: none;
		float: none;
	}
	.sIFR-flash, object, embed {

		display:none !important;
		height: 0;
		width: 0;position: absolute;
		overflow: hidden;

	}
	.sIFR-replaced{
		
	}
	.sIFR-replaced span.sIFR-alternate {

		visibility: visible !important;
	        display: block !important;
		font-size: 1.2em !important; 
		position: relative !important;
		color: #000;
		height: auto;
		overflow: auto;
		width: auto;
		
	
	}
}