/**************************************
*  General
***************************************/


html, body
{
	height: 100%;
}

body
{
	margin: 0px;
	padding: 0px;
	line-height: 130%;
	font: Tahoma, sans-serif;
	color: #000000;
	background-color: #491658;
	background-image: url(../images/bg.pngX);
	background-position: top center;
	background-repeat: repeat-y;
}



/*The base area*/
#container
{
	margin-left: auto;
	margin-right: auto;
	width: 794px;
	background-color: white;
	min-height: 100%;
}


/*The area, on top of the base area, into which pages are loaded*/
#content
{
	padding: 20px 44px 50px 44px;
	margin: 0px;
	vertical-align: top;
	font-family: Tahoma, sans-serif;
	font-size: 11pt;
	font-weight: normal;
}


/* the panel on the right side*/
#contentright
{
	display: none;
}


/*Om man vill styra divvarna för enskilda mallsidor är det dessa koder som gäller. Hittills har det räckt med att ange padding för #content (se ovan), men det kan ju hända att man vill kunna styra mer exakt i framtiden. */
div.default, div.hitlist, div.showrecord, div.simplesearch, div.advancedsearch, div.hierarchicalsearch, div.loginform, div.cclsearch
{
	padding: 0px 0px 10px 0px;
}

/*The area, on top of the base area, into which pages are loaded*/
div.content
{
	height: 100%;
	overflow: visible;
}

/* The buttons area*/
div.command
{
	width: 337px;
	padding: 5px;
	margin-top: 5px;
	text-align: right;
}


* html #container
{
	/*IE hack*/
	height: 100%;
}


/**************************************
*  Lists
***************************************/
/*the top list*/
.list
{
	color: white;
	height: 22px;
	margin: 0px;
	padding: 0px;
}


/*the bottom list*/
#footer
{
	display: none;
	margin-left: auto;
	margin-right: auto;
	width: 794px;
	background-color: white;
	text-align: center;
	font-size: small;
	padding: 5px 0px;
}

#footer a
{
	text-decoration: none;
	color: #ddd;
}


/**************************************
*  Links
***************************************/
a
{
	color: #3333ff;
	text-decoration: none;
}

/*a:visited
{
	color: #3333ff;
	text-decoration: none;
}*/

a:hover
{
	color: #3333ff;
	text-decoration: underline;
}

/**************************************
*  Banner
***************************************/

#banner
{
	position: relative;
	background-color: #fff;
	color: #003399;
	padding: 24px 0px 21px 35px;
	text-align: left;
}
#banner .logo
{
	padding: 0px;
	margin: 0px;
}

#banner .viewinfo
{
	xdisplay: none;
	margin: 0px 0px 0px 67px;
	padding: 10px 0px 0px 0px;
	font-weight: bold;
	font-size: 0.9em;
	xletter-spacing: 2px;
	font-family: Tahoma, sans-serif;
	color: #491658;
}

#banner .language
{
	position: absolute;
	right: 20px;
	top: 20px;
	vertical-align: bottom;
	margin: 0px 10px;
	padding: 5px;
}

#banner .logininfo
{
	display: none;
	position: absolute;
	right: 0px;
	top: 20px;
	vertical-align: bottom;
	margin: 0px;
	padding: 5px;
	border: solid 1px #2E2E2E;
	border-right: 0px;
	color: #2E2E2E;
	background-color: #eeeeee;
}




/**************************************
*  Headers & other text stuff
***************************************/

p {
	margin: 0px 0px 10px 0px;
}

h1 {
	font-family: Tahoma, sans-serif;
	font-size: 250%;
	font-weight: normal;
	font-style: normal;
	line-height: 100%;
	color: #491658;
	margin: 0px 0px 20px 0px;
	padding-top: 14px;
}

h1.reftitle {
	font-size: 100%;
	font-weight: bold;
	font-style: normal;
	color: white;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	line-height: 150%;
}


h2 {
	font-family: Tahoma, sans-serif;
	font-size: 180%;
	font-weight: normal;
	font-style: normal;
	line-height: 100%;
	color: #491658;
	margin: 35px 0px 17px 0px;
}

h3
{
	font-size: 130%;
	line-height: 100%;
	color: #491658;
	margin: 20px 0px 10px 0px;
	font-weight: normal;
}

h4
{
	font-size: 100%;
	line-height: 100%;
	color: #491658; 
	font-weight: normal;
}
h5
{
	font-size: 100%;
	line-height: 100%;
	color: #491658; 
	font-weight: normal;
}

div.content ul.text {
	margin: 0px 0px 30px 0px;
	list-style-type: disc;
	list-style-position: outside;
	padding: 0px;
}

div.content ul.text li {
	margin: 2px 0px 4px 20px;
}

div.content table.text td
{
	padding: 3px 16px 3px 0px;
	border-width: 0px;
	font-family: Tahoma, sans-serif;
	font-weight: normal;
	font-size: small;
	vertical-align: top;
}



/**************************************
*  Input fields
***************************************/

/* Search fields, My settings */
/* För fältbredder på avancerad sökning, se sektionen Simple Search */
input.field
{
	width: 220px;
}

/* Login field */
input.shortfield
{
	width: 150px;
}

/* The contact messagebox */
textarea.field
{
	width: 300px;
	height: 100px;
}

/**************************************
*  Messages
***************************************/

/* the messagebox in search history, bookmarks etc "No selected rows"  */
.message
{
	font-size: small;
	color: #ff0000;
}

/* For instance "illegal search" */
div.msg_error
{
	background-color: #fff;
	font-weight: normal;
	margin: 0px 3px 15px 3px;
	padding: 3px;
	color: #ff0000;
	border: outset 2px;
}

/* For instance "loan registered" */
div.msg_info
{
	font-weight: normal;
	padding: 0px 0px 0px 0px;
}

/* The message you get when nothing is found after a search*/
.zerohits
{
	margin: 5px 0px 0px 0px;
	vertical-align: top;
	width: 160px;
	
	/* Ruta */
	/*padding: 14px 20px 12px 20px;
	background: #EEEEEE;
	border: 1px solid #CCCCCC; */
}

/*
.zerohits h2
{
	margin: 0px 0px 10px 0px;
	font-size: small;
	font-family: Tahoma, sans-serif;
	font-weight: bold;
	color: #B80000;
	display: none;
}
*/

.zerohits p
{
	margin: 0px 0px 6px 0px;
	font-family: Tahoma, sans-serif;
	font-size: small;
	color: #B80000;
	font-weight: bold;
}



/**************************************
*  Buttons
***************************************/

/* All buttons*/
input.button
{
	/*font-family: Tahoma, Arial;
	font-size: 11px;
	color: #003399;
	font-weight: bold;
	text-align: center;*/
	cursor: pointer;
	margin-top: 5px;
	/*border: outset 1px #ccc;
	background: #999;
	padding: 1px;
	background: url(../images/bg_button.gif) repeat-x left top;
	height: 22px;
	width: 100px;
	min-width: 100px;
	overflow: visible;*/
}

/* flag buttons*/
input.culture
{
	border: 0px solid #003399;
	padding: 0px;
	margin: 1px;
}

/* byt plats på knapparna genom att antingen ha float:right eller kommentera bort det*/
input#ctl00_cphContent_btnReset, input#ctl00_cphContent_btnSearch
{
	/* float: right; */
	margin-left: 6px;
}

/**************************************
*  Result navigation (next, previous, result list)
***************************************/

div.resultnavigation
{
	float: right;
	padding: 2px;
	font-family: Tahoma, sans-serif;
	font-weight: normal;
	color: #999999;
}

div.resultnavigation a
{
	text-decoration: none;
	font-weight: bold;
	color: #3333ff;
}

/*div.resultnavigation a:visited
{
	color: #3333ff;
	
}*/

div.resultnavigation a:hover
{
	color: #8080ff;
}


/*The navigation background panel*/
div.result
{
	height: 22px;
	margin: 10px 0px;
	padding: 0px;
}

/* the text "record 3 of 33"*/
div.resultinfo
{
	float:left;
	font-family: Tahoma, sans-serif;
	font-weight: bold;
	padding: 2px;
	color: #491658;
}

/**************************************
*  Searched for/sort panel
***************************************/

/* the whole search sort panel*/
div.searchSort
{
	/* to hide this panel set visibility:hidden; 
	and height 0px;*/
	
	float:left;
	width: 100%;
	height: 28px;
	margin: 0px;
	padding: 0px;
}

/*the sort dropdown*/
div.sortdropdown
{
	float: right;
	padding: 2px;
	color: #491658;
}



/*search result for ...*/
div.searchedfor
{
	display: none;
	float:left;
	padding: 7px 0px 0px 0px;
	color: #491658;
}

/*the sort dropdown*/
div.displayhitsdropdown
{
	float: left;
	padding: 15px 2px 2px 2px;
	color: #491658;
}

div.selectHits
{
	display: none;
}


/**************************************
*  The reference window
***************************************/

div.content .table
{
	vertical-align: top;
	background-color: #fff;
	padding: 0px;
	width: 690px;
	border-spacing: 1px;
	border-collapse: collapse;
	border: 1px solid white;
}
div.content .header
{
}
div.content .table th
{
	color: white;
	text-align: left;
	padding: 6px;
	font-family: Tahoma, sans-serif;
	font-weight: bold;
	font-size: small;
	background-color: #491658;
}
div.content .table td
{
	padding: 6px 12px 6px 8px;
	border-width: 0px;
	font-family: Tahoma, sans-serif;
	font-weight: normal;
	font-size: 90%;
	border-color: white;
	vertical-align: top;
}

div.content .table th a, div.content th a:hover {
	color: white;
}

/*
div.content .table td a, div.content td a:hover {
	color: #316ac5;
}
*/

/*div.content .table td a:visited {
	color: #4a428e;
}*/

div.content .row
{
	vertical-align: middle;
}

div.content .alternaterow
{
	background-color: #eeeeee;
	vertical-align: middle;
}

a.hitnumber
{
	display: inline-block;
	width: 40px;
	line-height: 30px;
	vertical-align: top;
	text-align: center;
	border-width: 1px;
	border-color: #aaaaaa;
	border-style: dashed;
}

/**************************************
* Simple Search
***************************************/

div.simplesearch td
{
	padding: 6px 12px 6px 8px;
	border-width: 0px;
	font-family: Tahoma, sans-serif;
	font-weight: normal;
	font-size: 90%;
	border-color: white;
}

div.simplesearch td label
{
	padding: 6px 12px 6px 8px;
	border-width: 0px;
	font-family: Tahoma, sans-serif;
	font-weight: normal;
	font-size: 90%;
	border-color: white;
}

/* Bredder för fältnamn resp textrutor
   OBS att om summan av de båda fälten blir för stor
   (om talen nedan tillsammans överstiger ca 340px)
   så kommer sidan att spaca ut och bli ful!          */

div.simplesearch span.label
{
	display: block;
	width: 120px;
}

div.simplesearch input.field
{
	width: 220px;
}

/**************************************
* Advanced Search
***************************************/

div.advancedsearch td
{
	padding: 6px 12px 6px 8px;
	border-width: 0px;
	font-family: Tahoma, sans-serif;
	font-weight: normal;
	font-size: 90%;
	border-color: white;
}

div.advancedsearch td label
{
	padding: 6px 12px 6px 8px;
	border-width: 0px;
	font-family: Tahoma, sans-serif;
	font-weight: normal;
	font-size: 90%;
	border-color: white;
}

/* Bredder för fältnamn resp textrutor
   OBS att om summan av de båda fälten blir för stor
   (om talen nedan tillsammans överstiger ca 340px)
   så kommer sidan att spaca ut och bli ful!          */

div.advancedsearch span.label
{
	display: block;
	width: 120px;
}

div.advancedsearch input.field
{
	width: 220px;
}


/**************************************
*  Extra
***************************************/

form
{
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}


div.clear
{
	clear: both;
	height: 0px;
	overflow: hidden;
	width: 100px;
	margin: 0px;
	padding: 0px;
}


#navbar
{
	margin: 0px;
	padding: 0px;
}


/* Texten "saknas" i alla fält */
span.nodata {
	color: #999999;  /* grå */
}

/* I titelfältet är det dock länkad text, och då gäller denna mall */
span.nodata a {
	color: #3333ff;   /* samma färg som på vanliga länkar */
	text-decoration: none;
}

/* Hover-effekt */
span.nodata a:hover {
	color: #3333ff;   /* samma färg som på vanliga länkar */
	text-decoration: underline;
}

#ctl00_cphContent_HiddenPasteTextBox
{
	display: none;
}





/**************************************
*  Special (tidigare i special.css). En del av nedanstående borde flyttas till rätt sektion vid tillfälle
***************************************/


ul.indexfr { margin: 0 0 0 0; padding: 1em 0 2em 0; }
ul.indexfr li { list-style-type: none; margin: 0 0 0 0; padding: 0 0 0.7em 0; background-colorx: green; }

div.tips { text-align: center; width: 690px; margin-top: 30px; }

.tips a { color: #FFFFFF; text-decoration: underline; }
.tips a:visited { color: #FFFFFF; text-decoration: underline; }
.tips a:hover { color: #8080ff; text-decoration: underline; }

.tips p { padding: 15px; background-color: #491658; color: #FFFFFF; }

div.dokument { margin-bottom: 15px; xborder: solid 1px red}
div.link { margin-top: 5px; xborder: solid 1px red}
span.faltnamn { font-weight: bold; }
a.lyssna  { background-color: #dddddd}
div.lyssna { margin: 5px 0px 0px 15px; }

div.alfabet { padding: 10px 0px 10px 0px; }
div.alfabet a{ padding: 0 4px 0 4px; }

div.guide { margin-top: 60em;}
div.guideslut { margin-top: 60em; }
p.guideslut { background-color: #fd0;}
p.genuskommentar { font-style: italic;}

h2.tatt { padding-bottom: 0em; margin-bottom: 0; }
p.tatt { padding-top: 0.5em; margin-top: 0em; padding-bottom: 0.5em; font-size: 0.9em; }

p.kakor { padding-top: 3em; font-style: italic; }
p.person { font-style: italic; }
p.tillbaka { padding-top: 3em; }
p.varning { color: red; font-size: 1em; font-weight: bold; }

.extraspace { padding-top: 2em; }

.obs { background-color: #fd0; }

div.sokruta { border-bottom: #cccccc 1px solid; border-left: #cccccc 1px solid; padding-bottom: 40px; background-color: #f8f8f8; margin: 30px 0px; padding-left: 30px; padding-right: 30px; border-top: #cccccc 1px solid; border-right: #cccccc 1px solid; padding-top: 40px; }

input.sokruta { margin: 0px 10px; width: 350px; }


ol.instruktioner { padding-top: 5px; }
ol.instruktioner li { padding: 0 0 15px 0; }

img.instruktioner { border: solid 2px #fd0; }

li.fragegrupp { padding: 10px 0 0 0; }

div.overtextshowrecord { padding-bottom: 20px; }
div.overtexthitlist { padding-bottom: 10px; }

div.yttre { border: 2px solid #2E2E2E; margin-bottom: 20px; width: 688px; display:none; }
div.inre { padding: 10px 10px 2px 10px; display:none; }

img.bannerejklickbar { width: 690px; height: 80px; padding-bottom: 20px; display:none; }
.banner { width: 690px; height:80px; margin-bottom: 20px; display:none; background:url('https://katalog.visarkiv.se/lib/XrefThemes/Theme1/Images/banner2016.png'); }
.banner:hover { background-image: url('https://katalog.visarkiv.se/lib/XrefThemes/Theme1/Images/banner_grey2016.png'); }

div.audioplayer { padding-top: 15px; }

audio { background-color: #fff; }
#XRLJUD td.fieldContents { padding-top: 10px; }
#XRLJUD td.fieldName { padding-top: 10px; }

div.redigera { padding: 20px 0 0 0; }
span.redigeraknapp { border: 1px #2E2E2E solid; background-color: #c4c4c4; padding: 5px; margin-right: 5px }

/**************************************
*  Sådant som jag eventuellt vill komma ihåg hur man gör
***************************************/

/* Dölja Redigera-knappen */
/* input#ctl00_cphContent_btnEdit.button */
/* {display: none} */