body { 
 color: black;
 background: #ffffcc;
 background-image: url(/grafikk/bakgrunn.gif);
}

a:link    { color: #0000ee; }
a:visited { color: maroon; }
a:active  { color: red; }
a:hover   { text-decoration : none;
            color           : #000000;
            background      : #FDFD10;
            }
A[name]:hover  { text-decoration: none; }

TABLE { empty-cells: show; }

.Portrett {
 margin-left: 12px;
 margin-right: 2px;
 margin-bottom: 4px;
 margin-top: 2px;
 float: right;
}

.PortrettL {
 margin-left: 2px;
 margin-right: 12px;
 margin-bottom: 4px;
 margin-top: 2px;
 float: left;
}

.GalleriL {
 width: 100px; height: 150px; border: 1px solid blue;
 margin-left: 2px;
 margin-right: 12px;
 margin-bottom: 4px;
 margin-top: 2px;
 float: left;
}

.biofoto {
 margin-left: 1.5ex;
 margin-right: 2px;
 margin-bottom: 4px;
 margin-top: 2px;
 background-color: #CFCFCF;
 float: right;
 font: 7pt/9pt sans-serif;
}

.kart {
 background      : yellow;
}

a.kart:hover {
 text-decoration : none;
 color           : #000000;
 background      : #CCFF99;
}

.eml {
 margin-left: 0.5ex;
 font-style: italic;
}

a img {
 border: 0 solid;
 }

.thinBorder {
 border: 1px solid;
 }

.centered {
 text-align: center;
 }

a.eml:hover {
 text-decoration : none;
 color           : #000000;
 background      : #CCFF99;
 }

.toc, .toc ul, .toc ul ul, .toc ul ul ul { list-style-type: none; }
.toc { padding-left: 1px; margin-left: 1px; }
.toc li { padding-top: 0.8ex; }

.ref {
 text-align: left;
 padding: 1px;
 margin-left: 1.5ex;
 margin-right: 2px;
 margin-bottom: 4px;
 margin-top: 2px;
 background-color: #CFCFCF;
 font-size: 65%;
 font-family: Verdana,Helvetica,sans-serif;
 list-style-type: circle;
 float: right;
}
.ref TD, .ref TH { padding: 0; }
.ref UL {
 margin-top: 0;  margin-left: 3ex;
 padding-top: 0; padding-left: 2px;
 }
.ref LI { padding-top: 1ex; }

.kalenderboks {
 width: 14em;
 font-size: 7pt;
 background-color: #F8E8D8;
 border: 1px solid navy;
 padding: 0.5em;
 padding-top: 0;
 padding-left: 0;
 margin-left: 1em;
 float: right;
 height: auto;
 }
.kalenderboks p {
 text-align: center;
 font-weight: bold;
 width: 100%;
 margin: 0;
 padding: 2px;
 background-color: #f4f4f4;
 color: #000000;
 font-family: Arial,sans-serif,Helvetica;
 font-size: 12px;
 }
.kalenderboks a { text-decoration: none; }

.foto {
 padding: 1px;
 margin-left: 1.5ex;
 margin-right: 2px;
 margin-bottom: 4px;
 margin-top: 2px;
 background-color: #CFCFCF;
 float: right;
 font: 7pt/9pt sans-serif;
 text-align: left;
}
.foto TR TD IMG { border: 1px solid blue; }
.foto CAPTION { background-color: #CFCFCF; clear: left; }

.fotoR {
 border: 1px solid navy;
 padding: 3px;
 margin: 1ex auto 1ex 2ex;
 background-color: #CFCFCF;
 float: right;
 text-align: center;
 font: 7pt/9pt sans-serif;
 }
.fotoR IMG { padding-top: 1ex; }
.fotoL {
 border: 1px solid navy;
 padding: 3px;
 margin: 1ex 2ex 1ex auto;
 background-color: #CFCFCF;
 float: left;
 text-align: center;
 font: 7pt/9pt sans-serif;
 }
.fotoL IMG { padding-top: 1ex; }

.Hide {
 display: none;
}

.Nwm {
 font-weight: bolder;
 font-size: 70%;
 color: black;
 text-decoration: none;
}
.New {
 font-weight: bolder;
 font-size: 70%;
 color: black;
 text-decoration: blink;
 background: yellow;
}
.Kildehenvisning {
 font-weight: bold; font-size: 60%; color: gray;
 }

.Highlight {
 text-decoration : none;
 color           : #000000;
 background      : #FDFD10;
 font-weight     : normal;
 }

.small {
  font-size: 66%;
}

.SisteNytt {
 margin-top: 0;
 margin-bottom: 0;
 border-top: 1px solid black; 
 border-left: 1px solid black; 
 border-right: 1px solid black; 
 text-align: center;
 font-size: 73%;
 color: navy;
 background-color: #e8e8d8;
 padding: 5px 1.1ex 6px 1.1ex;
 }

.minnedag {
 color: maroon;
 font-weight: bold;
 margin-left: 109px;
 margin-top: 0;
 margin-bottom: 0;
 width: 479px;
}

.ingress {
 font-style: italic;
 margin: 0.8ex 0 0 0;
 padding: 2px 1.1ex 9px 1.1ex;
 color: navy;
 background-color: #e8e8d8;
 border-bottom: 1px solid navy;
 }
.ingressLiten {
 font-size: 84%;
 margin: 0.8ex 0 0 0;
 padding: 2px 1.9ex 9px 1.9ex;
 color: navy;
 background-color: #e8e8d8;
 border-bottom: 1px solid navy;
 }

.ingress P, .ingressLiten P {
 margin-bottom: 0;
 margin-top: 1ex;
 }

.menighetspatronat {
 float: right;
 width: 11em;
 background-color: #c0d0d0;
 margin: -1px 0ex -9px -1.1ex;
 padding: 0.5ex;
 border: 1px solid white;
 font-family: sans-serif;
 font-size: 80%;
 font-style: normal;
 text-align: center;
 }

.faktaboks {
 margin: 1em;
 font-size: 80%;
 position: relative;
 width: 14em;
 height: auto;
 float: right;
 background-color: #F8E8D8;
 border: 1px solid navy;
 padding: 0.5em;
 top: auto; left: auto; right: 0;
 }

.infoboks {
 margin: 1em;
 font-size: 80%;
 position: relative;
 width: 16em;
 height: auto;
 float: right;
 background-color: #F8E8D8;
 border: 1px solid navy;
 padding: 0.5em;
 padding-top: 0;
 top: auto; left: auto; right: 0;
 }

.bioingress {
 font-style: italic;
 margin-top: 1em;
 margin-left: 2px;
 padding: 1.1ex;
 color: navy;
 background-color: #e8e8d8;
 }

.bioingress LI {
 list-style-type: none;
 margin-top: 1ex;
 }

.bioingress > LI:first-child {
 margin-top: 0;
}

.Prest {
 color: red;
 font-weight: bold;
 margin-left: 1.5em;
}

.Lektor {
 color: blue;
 font-weight: normal;
 margin-left: 1.5em;
}

.Menighet {
 color: black;
 font-weight: normal;
 margin-left: 1.5em;
}

.Vers {
 white-space: pre;
 }

/* Fotnoter 
Usage:
  <A CLASS=noteRef HREF="#xxx">notenum</A>
  <DL CLASS=note>
   <DT><A NAME="xxx">notenum</A><DD>notetext
*/
.noteRef {
 font-size: x-small;
 font-variant: small-caps;
 background-color: #FDFD10;
 color: black;
 border: 1px solid #ce0;
 text-decoration: none;
 vertical-align: super;
 padding: 0px 3px;
 }
DL.note DT {
 font-size: x-small;
 font-variant: small-caps;
 font-weight: bold;
 vertical-align: sub;
 padding: 0px 3px;
 color: black;
 background-color: #FDFD10;
 border: 1px solid #ce0;
 width: 2em;
 text-align: center;
 }
DL.note DD {
 display: inline;
 margin-left: 3em;
 font-size: small;
 }

.Forsidemelding {
 border-top: 1px solid black; 
 }
.Forsidemelding H2 {
 page-break-inside: avoid;
 font-family: Arial,Helvetica,sans-serif;
 text-align: center;
 }

.Paverekken {
 text-align: right;
 font-size: 80%;
 }

.circled  { font-family: "Arial Unicode MS", "MS Gothic", monospace; font-weight: normal; color: #888; }
.circled A{ text-decoration: none; }

.navneliste {
 margin-right: 2ex; 
 }
.navneliste dt {
 background-color: #f8f8e8; padding: 2px; margin-top: 0.6ex; font-weight: normal;
 border-left: thin solid #dddddd; border-top: thin solid #dddddd;
 }
.navneliste dd {
 border-left: thin solid #dddddd; padding-left: 50px !important; margin-left: 0em !important;
 }
.navneliste dd:before { content: '· ' }

.htmlinks dt {
 background-color: #f8f8e8; padding: 2px; margin-top: 2.6ex;
 border-left: thin solid #dddddd; border-top: thin solid #dddddd;
 }
.htmlinks dd {
 border-left: thin solid #dddddd; padding-left: 50px !important; margin-left: 0em !important;
 }
.htmlinksAge     { color: black; background-color: white; }
.htmlinksExpired { color: red; background-color: white; text-decoration: blink; }
.htmlinksURL { font-family: monospace; }
.htmlinksError { color: red; }

.dlStyle1 dt {
 background-color: #f8f8e8; padding: 2px; margin-top: 0.6ex;
 border-left: thin solid #dddddd; border-top: thin solid #dddddd; width: 150px;
 }
.dlStyle1 dd {
 border-left: thin solid #dddddd; padding-left: 50px !important; margin-left: 0em !important;
 }

.dlStyle2 {
 margin-right: 2ex; margin-left: 4ex;
 }
.dlStyle2 dt {
 background-color: #f8f8e8; padding: 2px; margin-top: 0.6ex; font-weight: bold;
 border-left: thin solid #dddddd; border-top: thin solid #dddddd;
 }
.dlStyle2 dd {
 border-left: thin solid #dddddd; padding-left: 50px !important; margin-left: 0em !important;
 }
.dlStyle2 dd:before { content: '· ' }

.dlStyle3 dt {
 background-color: #f8f8e8; padding: 2px; margin-top: 0.6ex;
 border-left: thin solid #dddddd; border-top: thin solid #dddddd; width: 20em;
 }
.dlStyle3 dd {
 border-left: thin solid #dddddd; padding-left: 50px !important; margin-left: 0em !important;
 }

.dlNyheter dt { font-weight: bold; color: gray; margin-top: 1ex; page-break-inside: avoid }
.dlNyheter ul { margin-top: 0; margin-bottom: 0; }
.dlNyheter li { list-style-type: square; }
.dlNyheter dd { display: list-item; }

.kkkKortSagt {
 border: 1px solid blue;
 padding: 0.2ex 2.5em;
 background-color: #eee;
 }

.Header IMG { float: left; }
.Header  TD { text-align: left; vertical-align: bottom; padding-bottom: 0; }
.Header  H1 { margin-bottom: 0; }

.Body {
 }

.Footer {
 border: 1px solid navy; 
 margin: 2ex 2px 0px 0px;
 padding: 0.6ex;
 font-family: Verdana,Helvetica,sans-serif;
 font-size: 60%;
 color: navy;
 background-color: #d0d0d0;
 text-align: right;
 clear: both;
 }

.tipsform {
 border: 1px solid red; 
 margin: 2ex 2px 0px 0px;
 padding: 0.6ex;
 font-family: Verdana,Helvetica,sans-serif;
 font-size: 60%;
 color: navy;
 background-color: #d0d0d0;
 text-align: center;
 clear: both;
 }

.tipsform p {
 padding: 0; margin: 2px;
 }

.tipsform input {
 font-family: Verdana,Helvetica,sans-serif;
 font-size: 60%;
 }

blockquote, blockquote tr {
 color: maroon;
 font-weight: 600;
 text-align: left;
 margin-left: 1.5em;
 margin-right: 1.5em;
 padding: 0.5em;
 border: 1px solid blue;
 background: white;
}

P.blockquote {
 margin-top: 0;
 margin-bottom: 0;
}

blockquote > P:first-child {
 margin-top: 0;
 margin-bottom: 0;
}

code { /* This is used to highlight RECENT news messages instead of <TT>! */
 color: red;
 text-decoration: blink;
}

.newslist img {
 padding: 0px 5px;
 }

@media print {
 .Header IMG, .hlist1, .vlist1, .noprint { display: none; }
 .Header  H1, .Header TD { text-align: center; vertical-align: top; margin: 0; padding: 0; }
 .Header H1:before { content: url(http://www.katolsk.no/grafikk/kirken_s.gif) }
 .Header { border-top: 1px solid; padding: 0; margin: 0; }
 .Forsidemelding {  border-top: 1px solid; padding: 0; margin: 0; }
 .minnedag {
   margin-left: 0;
   width: 100%;
   font-weight: bold;
   text-align: right;
  }
 }

.recentfiles li {
 list-style: none; margin-left: -4ex;
 }
.recentfiles tt {
 font: bold 70% monospace; margin-right: 1ex; padding: 1px 1ex; background-color: #EEE;
 }

/********************/
/* NAVIGATION LISTS */
/********************/

/* hlist1: see http://css.maxdesign.com.au/listamatic/horizontal05.htm and http://www.meyerweb.com/eric/talks/2003/commug/commug.html */
.hlist1         { padding: 0; margin-left: 0; border-bottom: 1px solid #778; font: bold 12px Verdana, sans-serif; line-height: 200% }
.hlist1 li      { list-style: none; margin: 0; border: 20px; display: inline; white-space: nowrap; }
.hlist1 li a    { padding: 4px 0.5em; margin-left: 3px; border: 1px solid #778; border-bottom: none; background: #DDE; text-decoration: none;
 }
.hlist1 li a:link       { color: #448; }
.hlist1 li a:visited    { color: #667; }
.hlist1 li a:hover      { color: #000; background: #AAE; border-color: #227; }
.hlist1 li a#current    { background: white; border-bottom: 1px solid white; }


.vlist1 {
 padding: 0;
 font: bold 12px Verdana, sans-serif;
 line-height: 160%;
 margin: 1em;
 font-size: 80%;
 position: relative;
 width: auto;
 height: auto;
 float: right;
 background-color: #F8F8F8;
 padding: 0.5em;
 top: auto; left: auto; right: 0;
 text-align: right;
 }
.vlist1 li {
 list-style: none;
 margin: 0;
 }
.vlist1 li a {
 text-decoration: none;
 padding: 0px 1ex;
 }
.vlist1 li a:link       { color: #448; }
.vlist1 li a:visited    { color: #667; }
.vlist1 li a:hover      { color: #000; background: #AAE; }
.vlist1 li a#current    { background: white; }