@CHARSET "ISO-8859-1";
/* Style used for presentetion on screen. */
@media screen {
body *                   { margin:0px; padding:0px; position:relative; }
body                     { margin:0px; padding:0px; text-align:center; }
body                     { background: #ffffff url(/images/baggrund.jpg) repeat-x left top; }
body                     { color:#000000; font-family:verdana, arial, clean, helvetica, sans-serif; font-size:11px; }

/* Generel styles
--------------------------------------------------------------------------------*/
h1                       { font-family:Geogia, "Times New Roman"; font-size:18px; text-transform: uppercase; letter-spacing:1px; margin-bottom:20px;}
h2                       { font-family:Geogia, "Times New Roman"; font-size:15px; }
h3                       { font-family:verdana, arial, clean, helvetica, sans-serif; font-size:11px; font-weight: bold; }
input                    { margin:0px; font-size:11px; }
ol                       { margin-left:22px; }

.streg                   { background: #ffffff url(/images/streg439.gif) repeat-x left center; margin:0px; border:0px; padding:0px; height:5px; line-height:0px; font-size:0px; }
.mellemrum               { height:5px; line-height:5px; }

a                        { height:1%; color:#000000; text-decoration:none; }
a:link                   { color:#000000; text-decoration:none; }
a:visited                { color:#000000; text-decoration:none; }
a:hover                  { color:#623087; text-decoration:underline; }
a.pil                    { color:#000000; background: url(/images/lillepil-off.gif) no-repeat left top; text-decoration:none; padding-left:8px; }
a.pil:link               { color:#000000; background: url(/images/lillepil-off.gif) no-repeat left top; text-decoration:none; padding-left:8px; }
a.pil:visited            { color:#000000; background: url(/images/lillepil-off.gif) no-repeat left top; text-decoration:none; padding-left:8px; }
a.pil:hover              { color:#623087; background: url(/images/lillepil-on.gif)  no-repeat left top; text-decoration:underline; padding-left:8px; }
a.piltilbage             { color:#000000; background: url(/images/piltilbage-off.gif) no-repeat left top; text-decoration:none; padding-left:8px; }
a.piltilbage:link        { color:#000000; background: url(/images/piltilbage-off.gif) no-repeat left top; text-decoration:none; padding-left:8px; }
a.piltilbage:visited     { color:#000000; background: url(/images/piltilbage-off.gif) no-repeat left top; text-decoration:none; padding-left:8px; }
a.piltilbage:hover       { color:#623087; background: url(/images/piltilbage-on.gif)  no-repeat left top; text-decoration:underline; padding-left:8px; }
a.pilfrem                { color:#000000; background: url(/images/lillepil-off.gif) no-repeat right top; text-decoration:none; padding-left:8px; }
a.pilfrem:link           { color:#000000; background: url(/images/lillepil-off.gif) no-repeat right top; text-decoration:none; padding-left:8px; }
a.pilfrem:visited        { color:#000000; background: url(/images/lillepil-off.gif) no-repeat right top; text-decoration:none; padding-left:8px; }
a.pilfrem:hover          { color:#623087; background: url(/images/lillepil-on.gif)  no-repeat right top; text-decoration:underline; padding-left:8px; }
a.pilned                 { color:#623087; background: url(/images/lillepilned.gif)  no-repeat left top; text-decoration:none; padding-left:8px; }
a.pilned:link            { text-decoration:none; padding-left:8px; }
a.pilned:visited         { text-decoration:none; padding-left:8px; }
a.pilned:hover           { text-decoration:underline; padding-left:8px; }
a.pilop                  { color:#000000; background: url(/images/lillepilop-off.gif) no-repeat left top; text-decoration:none; padding-left:8px; font-size:90%; }
a.pilop:link             { color:#000000; background: url(/images/lillepilop-off.gif) no-repeat left top;text-decoration:none; padding-left:8px; }
a.pilop:visited          { color:#000000; background: url(/images/lillepilop-off.gif) no-repeat left top;text-decoration:none; padding-left:8px; }
a.pilop:hover            { color:#623087; background: url(/images/lillepilop-on.gif) no-repeat left top;text-decoration:underline; padding-left:8px; }


/* Hack to display border gradient on the page element: =container
--------------------------------------------------------------------------------*/
#outercontainer          { height:100%; background: url(/images/skygge_hb.jpg) repeat-y left top;}
#outercontainer          { text-align:left;  margin: 0px auto; overflow:hidden; max-width:930px; min-width:770px; padding:0px 0px 0px 16px; }
#innercontainer          { height:100%; background: url(/images/skygge_vb.jpg) repeat-y right top; padding:0px 16px 0px 0px; }

#skygge_h                { position:absolute; left:0px;  top:0px; width:20px; height:375px; background: url(/images/skygge_h.jpg) no-repeat left top; }
#skygge_v                { position:absolute; right:0px; top:0px; width:20px; height:375px; background: url(/images/skygge_v.jpg) no-repeat right top; }

/* The area the will frame the entire content of the page: =page
--------------------------------------------------------------------------------*/
#page                    { background: #ffffff url(/images/leftlogo.gif) no-repeat left top; }
#page                    { height:100%; margin: 0px 3px 0px 3px}

/* The header area: =header
--------------------------------------------------------------------------------*/
#header                  { height:138px; margin:0px 0px 15px 0px;}
#header                  { background: url(/images/logo.gif) no-repeat top right; }

/* The menu area: =menu
--------------------------------------------------------------------------------*/
#menu                    { position:absolute; bottom:3px; left:20px; width:500px; }
#menu ul                 { margin:0px; border:0px; padding:0px; margin-top:3px; display:inline-block; height:13px; }
#menu li                 { float: left; list-style: none; overflow: hidden; padding-right:16px; height:13px; }

a.topmenu                { color:#000000; font-family:Geogia, "Times New Roman"; letter-spacing: 1px; text-transform: uppercase; font-size:13px; font-weight:bold; background: url(/images/pil1-off.gif) no-repeat left top; text-decoration:none; padding-left:9px; }
a.topmenu:link           { color:#000000; background: url(/images/pil1-off.gif) no-repeat left top; text-decoration:none; padding-left:9px; }
a.topmenu:visited        { color:#000000; background: url(/images/pil1-off.gif) no-repeat left top; text-decoration:none; padding-left:9px; }
a.topmenu:hover          { color:#623087; background: url(/images/pil1-on.gif)  no-repeat left top; text-decoration:none; padding-left:9px; }
a.topselect              { color:#623087; font-family:Geogia, "Times New Roman"; letter-spacing: 1px; text-transform: uppercase; font-size:13px; font-weight:bold; background: url(/images/pil1-on.gif) no-repeat left top; text-decoration:none; padding-left:9px; }
a.topselect:visited      { color:#623087; font-family:Geogia, "Times New Roman"; letter-spacing: 1px; text-transform: uppercase; font-size:13px; font-weight:bold; background: url(/images/pil1-on.gif) no-repeat left top; text-decoration:none; padding-left:9px; }
a.undermenu              { color:#000000; font-family:Geogia, "Times New Roman"; letter-spacing: 1px; text-transform: uppercase; font-size:11px; font-weight:bold;background: url(/images/pil1-off.gif) no-repeat left top; text-decoration:none; padding-left:9px; }
a.undermenu:link         { color:#000000; background: url(/images/pil2-off.gif) no-repeat left top; text-decoration:none; padding-left:9px; }
a.undermenu:visited      { color:#000000; background: url(/images/pil2-off.gif) no-repeat left top; text-decoration:none; padding-left:9px; }
a.undermenu:hover        { color:#623087; background: url(/images/pil2-on.gif)  no-repeat left top; text-decoration:none; padding-left:9px; }
a.underselect            { color:#623087; font-family:Geogia, "Times New Roman"; letter-spacing: 1px; text-transform: uppercase; font-size:11px; font-weight:bold;background: url(/images/pil2-on.gif) no-repeat left top; text-decoration:none; padding-left:9px; }
a.underselect:visited    { color:#623087; font-family:Geogia, "Times New Roman"; letter-spacing: 1px; text-transform: uppercase; font-size:11px; font-weight:bold;background: url(/images/pil2-on.gif) no-repeat left top; text-decoration:none; padding-left:9px; }

/* The frise: =frise
--------------------------------------------------------------------------------*/
#frise                   { background: #ffffff url(/frise.php) top left; height:117px;}

/* The mellemmenu: =mellemmenu
--------------------------------------------------------------------------------*/
#mellemmenu              { background: #ffffff url(/images/mellemmenu.gif) top left; height:23px;}
#tilbage                 { height:21px; line-height:21px; float:right; width:176px; }
#naviskrift              { height:21px; line-height:21px; float:right; width:130px; color:#5b5b5b; }
#skrift                  { height:21px; line-height:21px; float:right; width:65px; }
#sti                     { color:#666666; height:21px; line-height:21px; float:left; padding-left:19px; }

/* The main content: =content
--------------------------------------------------------------------------------*/
#content                 { height:100%; overflow:hidden; }

/* The left column: =leftcolumn
--------------------------------------------------------------------------------*/
#leftcolumn              { height:1%; float:left; width:235px; padding:12px 7px 12px 12px; }

/* The hør melodien: =hoer-melodi
--------------------------------------------------------------------------------*/
#hoer-melodi             { position:relative; width:232px; background:url("/images/hoer-melodi-baggrund.gif"); background-position:left top; background-repeat:repeat-y; }
#hoer-melodi-top         { width:232px; background:url("/images/hoer-melodi-top.gif"); background-position:left top; background-repeat:no-repeat; }
#hoer-melodi-boks        { height:1%; padding-bottom:90px; display:inline-block; }
#hoer-melodi-boks h1     { position:absolute; top:13px; left:19px; width: 200px; color: #ffffff;  text-transform: none; font-size:14px; font-weight:bold; margin:0px; border:0px; padding:0px;}
#hoer-melodi-tekst       { position:absolute; left:20px; top:36px; width:150px; height:13px; }
#hoer-melodi-sog         { position:absolute; top:57px; left:135px; }
#hoer-melodi-salme       { padding-left:15px; line-height:14px; }
#hoer-melodi-bund        { height:118px; color:#ffffff; line-height:17px; font-size:90%; background:url("/images/hoer-melodi-bund.gif"); background-position:left top; background-repeat:no-repeat; }

.underplayer             { background:#dad2e3; line-height:22px; width:232px; line-height:17px; font-size:98%;}
#radiotekst1             { position:absolute; left:12px; top:7px; }
#radiotekst2             { position:absolute; left:12px; top:24px; }
#radiotekst3             { position:absolute; left:12px; top:41px; }
#progress                { position:absolute; left:18px; top:101px; width:83px; height:3px; background:url("/images/progress.gif") no-repeat -83px 0px; }
#duration                { position:absolute; right:16px; top:94px; color:#000000; }
#gemtplayer              { width:0px; height:0px; font-size:0px; }

/* The center coulmn: =centercoulmn
--------------------------------------------------------------------------------*/
#centercoulmn            { word-wrap:break-word; padding:12px 0px 0px 0px; margin:0px 201px 0px 257px; }

/* The find-tekten til: =find-teksten
--------------------------------------------------------------------------------*/
.find-teksten            { position:relative; height:137px; background:url("/images/find-teksten-baggrund.gif"); background-position:top left; background-repeat:repeat-x; }
.find-teksten-start      { position:absolute; left:0px; top:0px; width:258px;height:137px; padding-left:27px; padding-top:40px; background:url("/images/find-teksten-start.gif"); background-position:top left;  background-repeat:no-repeat; }
.find-teksten-slut       { position:absolute; right:0px;top:0px; width:7px;height:137px; background:url("/images/find-teksten-slut.gif");  background-position:top right; background-repeat:no-repeat; }
.find-teksten-start h1   { position:absolute; top:13px; left:27px; color: #000000; font-family:Geogia, "Times New Roman"; letter-spacing: 1px; text-transform: none; font-size:14px; font-weight:bold; z-index:2;}
#bog                     { position:absolute; top:10px; left:15px; width:47px; height:44px; background:url("/images/bog.gif"); z-index:1;}

#soegetekst              { top:35px; left:27px; width:75%; z-index:2;}
#soegevejledning         { top:30px; left:27px; width:250px; }
#soegevejledning ul      { margin-left:15px; }
#soegevejledning li      { list-style:disc; }
#lillesoegevejledning    { top:60px; left:13px; }
#lillesoegevejledning ul { margin-left:15px; }
#lillesoegevejledning li { list-style:disc; }

/* The advsoeg til: =advsoeg
--------------------------------------------------------------------------------*/
#advsoeg            { position:relative; height:319px; background:url("/images/advsoeg-baggrund.gif"); background-position:top left; background-repeat:repeat-x; }
#advsoeg-start      { position:absolute; left:0px; top:0px; width:236px; height:319px; padding-left:27px; padding-top:40px; background:url("/images/advsoeg-start.gif"); background-position:top left; background-repeat:no-repeat; }
#advsoeg-slut       { position:absolute; right:0px; top:0px; width:6px; height:319px; background:url("/images/advsoeg-slut.gif");  background-position:top right; background-repeat:no-repeat; }
#advsoeg-streg      { position:absolute; right:0px; top:150px; height:7px; background:url("/images/streg.gif");  background-position:top right; background-repeat:repeat-x; }
#advsoeg-start h1   { position:absolute; top:13px; left:27px; color: #000000; font-family:Geogia, "Times New Roman"; letter-spacing: 1px; text-transform: none; font-size:14px; font-weight:bold; z-index:2;}
#advsoeg h2         { position:absolute; top:125px; left:27px; color: #000000; font-family:Geogia, "Times New Roman"; letter-spacing: 1px; text-transform: none; font-size:14px; font-weight:bold; }

#velkommen          { position:relative; margin-top:23px; margin-left:20px; vertical-align:middle; display:inline-block; }
#velkommen h2       { color: #000000; font-family:Geogia, "Times New Roman"; letter-spacing: 1px; text-transform: none; font-size:12px; }
#velkommenfloat1    { float: left; width: 195px; height:40px; padding-bottom:5px; padding-top:10px; }
#velkommenfloat2    { float: left; width: 235px; height:40px; padding-top:10px; }

/* The right column: =rightcolumn
--------------------------------------------------------------------------------*/
#rightcolumn        { height:1%; position: relative; float:right; width:176px; padding:12px 12px 12px 12px; }

/* The salmerne til: =salmer-til
--------------------------------------------------------------------------------*/
#salmer-til         { width: 176px; background:url("/images/salmerne-til-baggrund.gif"); background-position:left top; background-repeat:repeat-y; }
#salmer-til-top     { width:176px; height:185px; background:url("/images/salmerne-til-top.gif"); background-position:left top; background-repeat:no-repeat; line-height:17px;}
#salmer-til-top h1  { position:absolute; top:13px; left:23px; color: #000000; font-family:Geogia, "Times New Roman"; letter-spacing: 1px; text-transform: none; font-size:14px; font-weight:bold; }
#salmer-til-top ul  { top:40px; left:21px; }
#salmer-til-top li  { list-style: none; }
#salmer-til-bund    { width:176px; height:6px; background:url("/images/salmerne-til-bund.gif"); background-position:left bottom; background-repeat:no-repeat; padding-bottom:10px; }

#salme-top-ti       { background:#ededec; height: 22px; width:176px; line-height:17px; font-size:98%;}
#dagens-salme       { background:url("/images/dagens-salme-baggrund.jpg"); width:176px; line-height:17px; font-size:95%; }
#dagens-salme-tekst { margin-left:20px; margin-right:5px; margin-bottom:5px; line-height:14px; }

.salme-oversigt     { position:relative; width: 176px; height:34px; padding:10px 27px 0px; background:url("/images/salmeoversigt.jpg"); background-position:left top; background-repeat:no-repeat; font-weight:bold; }

/* The footer: =footer
--------------------------------------------------------------------------------*/
#footer             { clear:both; width:100%; height:15px; border-bottom: 3px solid #652C90; font-size:85%; }
#footer a           { color:#707070; }

/* salme
--------------------------------------------------------------------------------*/
.salme-kategori     { top:5px;  margin-left:55px; font-family:verdana, arial, clean, helvetica, sans-serif; font-size:10px; font-style:italic; font-weight:bold; }
.salme-nr           { top:24px; left:0px; width:45px; font-family:Geogia, "Times New Roman"; font-size:200%; font-weight:bold; }
.salme-navn         { margin-left:55px; font-family:Geogia, "Times New Roman"; font-size:15px; font-weight:bold; }
.salme-melodi       { top:10px; margin-left:55px; font-size:90%; font-style:italic; line-height:11px;}
.salme-vers         { top:25px; margin-left:55px; font-size:110%; }
.salme-vers-nr      { top:2px; margin-left:-32px; width:25px; font-family:Geogia, "Times New Roman"; font-weight:bold; }
.salme-vers-tekst   { top:-13px; display:block; margin-bottom:10px; line-height:15px; }
.salme-forfatter    { top:-20px; font-size:90%; }

.salme-kategori2    { top:5px;  left:55px; font-family:verdana, arial, clean, helvetica, sans-serif; font-size:10px; font-style:italic; font-weight:bold; font-size: 150%;}
.salme-nr2          { top:30px; left:0px; width:45px; font-family:Geogia, "Times New Roman"; font-size:250%; font-weight:bold; }
.salme-navn2        { margin-left:55px; font-family:Geogia, "Times New Roman"; font-size:15px; font-weight:bold; font-size:180%; }
.salme-melodi2      { top:10px; margin-left:55px; font-size:120%; font-style:italic; line-height:14px;}
.salme-vers2        { top:25px; margin-left:55px; font-size:140%; line-height:20px; }
.salme-vers-nr2     { top:6px; margin-left:-32px; width:25px; font-family:Geogia, "Times New Roman"; font-weight:bold; }
.salme-vers-tekst2  { top:-13px; display:block; margin-bottom:10px; }
.salme-forfatter2   { top:-20px; font-size:90%; }

.samme-overskrift   { margin-left:55px; font-weight:bold; }
.samme-linie        { position:relative; height:22px; vertical-align:text-top; }
.samme-liniesog     { position:relative; height:40px; vertical-align:text-top; display:inline-block; }

.samme-nr           { position:absolute; display:block; left:23px; width:20px; font-family:Geogia, "Times New Roman"; font-size:11px; font-weight:bold; }
.samme-nr-oversigt  { position:absolute; display:block; left:-35px; width:20px; font-family:Geogia, "Times New Roman"; font-size:11px; font-weight:bold; }
.samme-pil          { position:absolute; display:block; left:60px; width:5px; height:13px; background:url("/images/pil.gif"); }
.samme-tekst        { position:absolute; display:block; left:57px; font-family:verdana, arial, clean, helvetica, sans-serif; font-size:12px; }
.samme-tekstsog     { position:absolute; display:inline-block; left:60px; width:300px; font-family:verdana, arial, clean, helvetica, sans-serif; font-size:12px; }

#salmeoversigt      { margin-left: 30px; line-height: 19px; font-size:110%; }
#stort-bogstav      { position:absolute; left:-33px; height:30px; line-height:30px; font-family:Geogia,"Times New Roman"; font-size: 225%; }


.oversigt           { margin-left:27px; font-size:110%; }
.oversigt h1        { margin-left:55px; font-family:Geogia, "Times New Roman"; font-size:15px; font-weight:bold; }
.oversigt h2        { margin-left:55px; font-family:verdana, arial, clean, helvetica, sans-serif; font-size:12px; font-weight:bold; }
.oversigt-nr        { font-family:Geogia, "Times New Roman"; font-weight:bold; display:inline; }
.oversigt-tekst     { top:-13px; }
.samme-oversigt     { margin-left:27px; }

.tiltop             { float: right; padding-right:30px; }

#seandre            { width:176px; background-color:#f1f1ed; }

.imgnoborder        { display: block }

.salme-sog          { height:177px; width:175px; background: url("/images/salme-sog.gif"); }
.salme-sog h1       { position:absolute; top:11px; left:13px; color: #000000; font-family:Geogia, "Times New Roman"; letter-spacing: 1px; text-transform: none; font-size:14px; font-weight:bold; }

.note-nr            { margin-left: 8px; width:40px; font-size:110%; font-family:Geogia, "Times New Roman"; font-weight:bold;}
.note-tekst         { margin-left: 55px; top:-15px; }
.note-overskrift-nr    { margin-left: 8px; width:40px; font-size:90%; font-style:italic; line-height:11px;}
.note-overskrift-tekst { margin-left: 55px; top:-11px; font-size:90%; font-style:italic; line-height:11px;}

#kildenoter         { margin-left:55px; font-size: 85%; }
#kildebiografi      { font-size: 85%; }

#stjerne            { top:2px; }

/* End screen styles. */
}

/* Style used for presentetion on print. */
@media print {
}