/* CSS för artiklar.  En del saker precis som i toppage */
body { margin: 0; padding: 3em 0.2em 0.2em 0.2em; 
  background: url(cloud3.jpg) #006fff repeat fixed;
 }

div.artikel, div.liten { border: solid thin white; background: #eeeeff; 
  padding: 1ex 2em; margin: 0 5em; max-width: 34em; min-width: 20em;
}
div.sidbild img { margin: 1ex auto 3em auto; }

.bild, .bildleft, .teaser, .sidoruta {
  border: solid 1ex #eeeeff; background: #eeeeff; max-width: 220px;
 }
.bild, .teaser, .sidoruta { float: right; 
  margin-left: 1em; margin-right: -7em;
  clear: right; margin-bottom: 1em;
  z-index: 4;
}
.bild img { border: 0; }
.bild :link img { border-right: solid thin #ff6fee; }
.bild :visited img { border-right: solid thin #006fee; }
.bildleft { float: left; margin: 0 1ex 0 -5em; }

p.ingress { font-style: italic; margin: 1ex 1em 1em 1em;
  text-indent: 0; text-align: left;
 }
p { text-align: justify; margin: 0; }
p.in { text-indent: 1em; }
address.signatur { text-align: right; margin-top: 1em; }

.teaser { text-align: right; font-style: italic; }

.ruta, .sidoruta { font-size: 90%;
  background: url(cloud3.jpg) repeat fixed; }
.ruta { margin: 1em -1em; padding: 1ex 3em; }
.sidoruta { padding: 1ex; }
.center-ruta { border: solid thin black; margin: 1em auto;  
  width: 70%; padding: 1ex;
 }

h2 { font-family: sans-serif; font-weight: bold; font-size: 140%; }
h3 { font-weight: bold; font-size: 100%; }
h2, h3 { margin: 1ex 0 0 0; }

strong.start { font-variant: small-caps; letter-spacing: 0.1em; }
@media all {
  SPAN.anfang {
    font-size: 380%; float: left; line-height: 0.7;
    position: relative; top: -0.1em; margin-bottom: -0.1em;
  }
}

h1 { margin: 0; font-size: 4em; }
.ruta h1 { font-size: 2.2em; }
.sidoruta h1 { font-size: 160%; margin: 0.2em 0; }

.artikel hr.end { clear: both; margin: 0; border: 0; height: 0; }

.trailer { margin-top: 2em; }

.sidrubrik { border-bottom: solid 1px white;
  position: fixed; left: 0; top: 0; width: auto;
 }
.trailer { border-top: solid 1px white; }
.miscblock, .sidrubrik, .trailer {
  background: url(cloud3.jpg) #006fff repeat fixed; color: white; z-index: 2;
  padding: 0;
 }
.sidrubrik p { margin: 0.2em 1em; font-size: 120%; font-style: italic; }
.sidrubrik hr, .trailer hr { display: none; }
.miscblock :link, .sidrubrik :link, .trailer :link { color: #ffffaa; }
.miscblock :visited, .sidrubrik :visited, .trailer :visited { color: #ffffcc; }

p.center { text-align: center; }

#valid:before, #valid:after { display: none; }
.miscblock#valid {
  position: fixed; right: 0%; top: auto; bottom: 0%; 
  width: 200px; min-width: 200px; max-width: 200px; height: 123px;  
  background-image: url(blomma.png);
  background-color: transparent;  border: 0;
  background-position: 100% 100%;
  margin: 0; padding: 0; text-align: center;  z-index: 3;
 }
.miscblock#valid div { position: fixed; right: 0; bottom: 0; background: #00950e; }

#valid h3 { display: inline; margin: 0; padding: 0; font-size: 1em; margin-left: 0.2em; }
#valid h3:after { content: ": "; }
#valid p { display: inline; margin: 0; padding: 0; }
#valid a { margin: 0 0.2em; }
#valid .separator { display: none; }

table.leftcenter th { text-align: left; }
table.leftcenter td { text-align: center; }