/* CSS för ett nummers förstasida, i tema "Skrikig", inspirerad av min
 * egen layout på framsida till nummer 4/2004.
 */

.hide { display: none; }
.center { text-align: center; }

html { background-color: #ffffff; }
html { margin: 0; padding-top: 164px; }
body { background-color: #ffff88; margin: 0; padding: 50px 0 1em 0; }

#topStuff { margin: 0 1em; padding-top: 6px;
   position: absolute; right: 0px; top: 6px;  color: #ff0000;
 }
h1 { text-align: center; }
h1 #titleEmissionen {
  display: block; margin-left: auto; margin-right: 0;
  background: url(emissionen.png); width: 354px; height: 150px;
}
h1 #titleEmissionen span { display: none; }
#qualitat-utgivning { font: 10pt sans-serif; margin: 0; padding: 0;
  position: absolute; right: 0px; top: 0px;
 }

#nrIndex { display: block; overflow: auto;
  position: absolute; left: 0px; top: 5px; width: 40%; height: 180px;
  padding: 0;  text-align: center;
 }
#nrIndex p.omslag { display: inline; }
#nrIndex p.omslag img { border-width: 1px;  }
#nrIndex a.item, #nrIndex .separator { display: none; }

#mainFlow { margin-left: 30%; }

.mainblock { background-color: #ffffff; padding: 0.5em; margin: 1em; 
  /* background-image: url(vinkel.png); background-position: 0% 100%;
  background-repeat: no-repeat; */
 }
.mainblock { background-color: #f2f2f2; color: Window-Text; }
.mainblock h2 { margin: 0 0.2em 0 0; font: bold 150% sans-serif; }
.mainblock h2 .sidrubrik { display: block; font: oblique 60% sans-serif; 
  margin-top: -1em; color: #ff0000;
 }
/* .mainblock h2 .sep { display: none; } */
.mainblock h2 img { float: right; margin-top: -0.6em; margin-right: -0.6em; margin-left: 0.5em; }
.mainblock p.ingress { font-style: italic; margin: 0.5em; }
.mainblock p.stycke { text-align: justify; margin: 0; }
.mainblock .ruta { margin-left: -0.5em; padding-left: 0.5em; width: 60%;
  border-top: solid 0.2em #fcff00;
 }
.mainblock .readmore { text-align: right; margin: 0; }


.infocontainer {
  position: absolute; left: 0; width: 30%; top: 227px; height: auto;
 }
.infocontainer .miscblock { margin: 0 0.5em 3em 1em; padding-bottom: 1em;
  border-color: #ee5555; border-style: solid;  border-width: 0 1ex 0 0;
 }
.infocontainer .miscblock h2 { margin: 0 0 0.2em 0; font: bold 120% sans-serif;
  background-color: #ee5555; color: White;  padding-left: 0.5em;
 }
.infocontainer .miscblock p, .infocontainer .miscblock dl { margin-left: 1ex; }
.infocontainer .miscblock dt { font-weight: bold; margin-top: 0.4em; }
.infocontainer .miscblock dd { margin-left: 1.5em; }

.infocontainer .miscblock#redaktion p { font-style: italic; }
.infocontainer .miscblock#redaktion a.item {
  display: block; margin-left: 1ex;
 }
.infocontainer .miscblock#redaktion .separator { display: none; }

.infocontainer .miscblock#kommed { border-top-width: 0.5ex; }
.infocontainer .miscblock#valid { border-width: 0 1ex 0.25ex 0; padding: 0; }
.infocontainer .miscblock#valid h3 { margin: 0; font: 100% sans-serif; 
  display: inline;
 }
.infocontainer .miscblock#valid h3:after { content: ": "; }
.infocontainer .miscblock#valid p { margin: 0; display: inline; }