a { color: SlateBlue;/*#336699; */text-decoration: none;}
a:hover { text-decoration: underline; }
a:active { outline: none; }
a:focus{outline-style:none;} /*a:focus { -moz-outline-style: none; }*/
a:visited {outline:none;}

input::-moz-focus-inner {
  border: 0;
}

img {
margin: 10px 8px 2px 2px; 
border:3px solid #DFE08C;
}

/*Styling av startsidans runda bild*/
.rundbild {
width:300px; border-width:0;
}

table.discrete {
border-spacing:0px;
border-collapse: separate;
}

table.discrete tr td {
border:0; 
}


/************tabellen ser till att hålla menyn i förhållande till innehåll och vice versa på plats********/
table {
width: 100%;
}

table tr {
margin:0; padding: 0;
}

tr.topspace > td{
padding-top: 18px;
}

table.bottom tr td {
vertical-align: bottom;
}
.center {
text-align:center;
}

.bottom {
vertical-align:bottom;
}
.inline{
display:inline;
}


/******************************I <div id=#content> hamnar innehållet från alla html-sidor UTOM innehållet i meny.html! */
body{
background: #ffff98;
padding-top:30px;
padding-right: 20px;
padding-bottom: 5px;
padding-left: 30px;
margin: 0;
font-family: Helvetica, Arial, sans serif;
line-height: 1.5;
word-spacing:1px;
font-size: 14px;
width:95%;
overflow-x: hidden;
}
/****************************** De översta rubrikerna i html-sidorna*/
h2 {
padding: 0px 20px 15px 0;
color: DarkSlateBlue;/* SlateBlue #1f1f1f;#5f645b; #232323;*/
line-height: 13px;
font-size: 17px;
font-weight: 600;
}

/**********************************underrubrik tillexempel för olika publikationsår ***/
h3 {
color: #1D1E1B;/* SlateBlue #1f1f1f;#5f645b; #232323;*/
font-weight: 600;
font-size: 14px;
}

p { padding: 0 0 10px 0; color: #1D1E1B;/*#232323;*/}

ul {
margin: 0;
padding:5px 0 15px 2em;
list-style-type:none;
}
ul li {
display:block;
margin: 0 8px 12px 0;
padding:0;
line-height: 1.3;
}

/*********************************** Specialbehandling av poster som innehålller mugi-obs-schema ******/
ul li.contains_observationsschema {
background: white;
}
ul li.contains_observationsschema_mini {
background: Aquamarine; /**/
}
span.notabene {
font-weight:bold; font-size:85%;
}

/***********************************class=jumpto används för att göra liggande lista, som innehåller klickbara årtal.  ****/
/*list-style-type funkar ej att styla om display:inline = ej radbryt vid ny post*/
ul.jumpto { padding: 0; list-style-type: none; } 
ul.jumpto li{ padding-right: 6px; display:inline; color:inherit; }


/*************************************** class="lankar" används i lankar.html för att slippa lägga in radbrytningar. display:block = en länk för varje rad **/
div.lankar a {display:block; clear:both; margin-bottom: 15px;}

/*************************************** class="metainfo" ska används där info är av meta-karaktär, tex vem som är fotograf till bild eller när sidan uppdaterades senast **/
p.metainfo {
font-size: 10px; margin:0; padding:0; margin-top:-5px;
}

/* Om utifall att man i framtiden vill att säljbara böcker ska visas på annat sätt:#content div.salj{color: FireBrick;}*/

/************************************ Tillbaka-knappen som visas efter första klicket *******************/
#tillbaka {
float:right; 
margin-top:-30px;
margin-right:-20px;
display:inline;
background:MediumPurple; 
border:2px solid #97995B;
border-bottom-width: 1px;
color:white; 
font-size: 10px; 
font-weight:600; clear:both;
cursor:pointer;
padding: 2px;
}

#tillbaka:hover {
background:DarkSlateBlue;
}

.tillbaka a:hover {
background:#DFE08C; 
}
a.tillbaka img {
display:inline;
border: 0;
margin:0;
margin-left:12px;
padding: 2px;
vertical-align:bottom;
}

span.mugistart {
padding:0;
margin:0;
color: DarkSlateBlue;/* SlateBlue #1f1f1f;#5f645b; #232323;*/
line-height: 13px;
font-size: 17px;
font-weight: 600;
font-family:"Comic Sans MS", sans-serif;
}

/**********ev placering av ENGELSK-VERSION av mugi:  ***/
.top { width:99%; text-align:right; margin-top:-15px; margin-bottom:7px; padding-right:20px;}
#swaplang {text-decoration:underline;}