/*
 * css for Frogn Historielag
 * sist oppdatert: 03.04.2009
 */

/***** default fonter *****/
/*.d-font, .m-font, .l-font viser til aaa for valg av tekststørrelse*/
h1, h2, h3, h4, h5, h6, li, p, table, .tekst, a.d-font, a.m-font, a.l-font, .tekst11px, .tekst10px
{  
   font-family:Verdana, Arial, Helvetica, sans-serif; margin:15px 0 20px; color:#3C3B38; font-weight:bold;
}
h3
{
   font-family:Arial, Helvetica, sans-serif; margin:35px 0 10px;
}
h4
{
   font-family:Times New Roman, Times, serif; margin:30px 0 10px;   
}
h5
{
   margin:20px 0 5px;
}
h6
{
   margin:20px 0 5px; color:f00;
}
p, table, .tekst, li
{
   font-weight:normal; line-height:140%; margin:0 0 20px;
}
hr.lokalhist
{
   border:0; height:1px; 
   border-top:1px solid #CCC;
}
.tekst_justify
{
   text-align:justify;
}
.tekst11px
{
   font-size:11px; font-weight:normal; line-height:140%; margin:0 0 20px;
}
.tekst10px
{
   font-size:10px; font-weight:normal; line-height:140%; margin:0 0 20px;
}
a:link, a:visited, a:hover, .dead
{
   font-family:Arial, Helvetica, sans-serif;
   font-size:12px; color:#00F; text-decoration:underline;
}
a:visited
{
   color:#5E7EB2;
}
a:hover
{ 
   color:#EB7107;
}
.dead
{
   color:#EB7107; text-decoration:none;
}

/***** menyformatering mm *****/
#menytekst p
{
   margin:20px 0 0 30px; font-family:Arial, Helvetica, sans-serif;
   font-size:12px; color:#000; line-height:100%;
}
#menytekst a
{
   color:#5E7EB2; font-size:12px;
}

/***** niv 1 *****/
.niv1, .niv1 a, .niv1-open, .niv1-open a, .niv1-deadindex, .niv1-dead
{
   font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold;
   line-height:100%; color:#000; text-decoration:none;
}
.niv1 a, .niv1-open a
{
   background:url(../img/meny_bullet/bullet7px_blue.gif) 30px 5px no-repeat;
   padding:3px 0 2px 42px; display:block;
}
.niv1 a:hover
{
   background:url(../img/meny_bullet/bullet7px_over.gif) 30px 5px no-repeat #E5E2D7;
   color:#EB7107;
}
.niv1-open a:link, .niv1-open a:visited, .niv1-open a:hover
{
   background-image:url(../img/meny_bullet/bullet7px_open.gif);
}
.niv1-open a:hover
{
   background-color:#f2efe2; color:#EB7107;
}
.niv1-open
{
   background:#f2efe2;
}
.niv1-dead, .niv1-deadindex
{
   background:url(../img/meny_bullet/bullet7px_open.gif) 30px 5px no-repeat #f2efe2;
   color:#eb7107; padding:3px 0 2px 42px;
}
.niv1-deadindex
{
   background:url(../img/meny_bullet/bullet7px_over.gif) 30px 5px no-repeat #E5E2D7;
}


/***** niv 2 *****/
.niv2, .niv2 a, .niv2-open, .niv2-open a, .niv2-dead
{
   font-family:Arial, Helvetica, sans-serif; font-size:12px;
   line-height:100%; color:#000; text-decoration:none;
}
.niv2, .niv2-open, .niv2-dead
{
   background:url(../img/meny_bullet/bullet3px_black.gif) 43px 6px no-repeat #f2efe2;
   padding:2px 15px 4px 50px;
}
.niv2 a:hover, .niv2-open a:hover
{
   text-decoration:underline; background:none;
}
.niv2-open
{
   background-image:url(../img/meny_bullet/bullet3px_orange.gif);
}
.niv2-dead
{
   background-image:url(../img/meny_bullet/bullet3px_orange.gif); color:#eb7107;
}


/***** niv 3 *****/
.niv3, .niv3 a, .niv3-open, .niv3-open a, .niv3-dead
{
   font-family:Arial, Helvetica, sans-serif; font-size:10px;
   line-height:100%; color:#000; text-decoration:none;
}
.niv3, .niv3-open, .niv3-dead
{
   background:url(../img/meny_bullet/bullet2px_black.gif) 55px 6px no-repeat #f2efe2;
   padding:3px 15px 5px 63px; margin:-4px 0 0;
}
.niv3 a:hover, .niv3-open a:hover
{
   text-decoration:underline; background:none;
}
.niv3-dead
{
   background-image:url(../img/meny_bullet/bullet2px_orange.gif); color:#eb7107;
}


/***** niv 4 *****/
.niv4, .niv4 a, .niv4-open, .niv4-open a, .niv4-dead
{
   font-family:Arial, Helvetica, sans-serif; font-size:10px;
   line-height:100%; color:#000; text-decoration:none;
}
.niv4, .niv4-open, .niv4-dead
{
   background:url(../img/meny_bullet/bullet2px_black.gif) 59px 5px no-repeat #f2efe2;
   padding:2px 15px 5px 65px; margin:-4px 0 0;
}
.niv4 a:hover, .niv4-open a:hover
{
   text-decoration:underline; background:none;
}
.niv4-dead
{
   background-image:url(../img/meny_bullet/bullet2px_orange.gif); color:#eb7107;
}

/* bytte av bakgrunn på utskriftsvennlig-icon */
a.printico
{
   margin:0 10px; vertical-align:baseline;
}
a.printico:link
{
   width:20px; background:url(../img/printer_grey.gif) no-repeat center center;
}
a.printico:visited
{
   width:20px; background:url(../img/printer_grey.gif) no-repeat center center;
}
a.printico:hover
{
   width:20px; background:url(../img/printer_orange.gif) no-repeat center center;
}
a.printico img
{
   border:0;
}	


/***** pubdat, aaa, bunnmeny, copyright og sitemap-/webmasterlinker *****/
#bunn
{
   border-color:#5E7EB2;
}
.bunnmeny
{
   font-family:Verdana, Arial, Helvetica, sans-serif;
   font-size:10px; color:#999; text-align:center; margin-top:10px;
}
.bunnmeny a:link, .neste-forrige a:link
{
   color:#5E7EB2;
}
.bunnmeny a:hover, .neste-forrige a:hover
{
   color:#EB7107;
}
.pubdat, .oppdat, .pubdat-index, #copyright, #copyright a:link, #copyright a:visited, #copyright a:hover
{
   font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#999;
}
#copyright, #copyright a:link, #copyright a:visited, #copyright a:hover
{
   text-align:center; margin:20px 0 40px;
}
#copyright a:hover, .pubdat a:hover
{
   color:#EB7107;
}
.pubdat
{
   margin-bottom:20px; float:left; clear:left;
}
.oppdat
{
   margin:0 0 20px 10px; float:left;
}

/* d-font, m-font og l-font viser til linkene for å velge tekststørrelse */
a.d-font
{
   font-size:12px; color:#000; font-weight:normal;
}
a.d-font:link, a.d-font:visited, a.d-font:hover
{
   font-size:12px; font-family:Verdana, Arial, Helvetica, sans-serif; color:#999; text-decoration:none;
}
a.d-font:hover
{
   color:#EB7107;
}
a.m-font
{
   font-size:14px; color:#000; font-weight:normal;
}
a.m-font:link, a.m-font:visited, a.m-font:hover
{
   font-size:14px; font-family:Verdana, Arial, Helvetica, sans-serif; color:#999; text-decoration:none;
}
a.m-font:hover
{
   color:#EB7107;
}
a.l-font
{
   font-size:16px; color:#000; font-weight:normal;
}
a.l-font:link, a.l-font:visited, a.l-font:hover
{
   font-size:16px; font-family:Verdana, Arial, Helvetica, sans-serif; color:#999; text-decoration:none;
}
a.l-font:hover
{
   color:#EB7107;
}


/***** bilder i teksten *****/
.img-left, .img-left-start, .img-right, .img-right-start, .img-midle p
{ 
   font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; line-height:140%; color:#87836D;
}
.img-left
{ 
   margin:15px 15px 5px 0; float:left;
}
.img-left-start 
{ 
   margin:0 15px 5px 0; float:left;
}
.img-right 
{
   margin:15px 0 5px 15px; float:right;
}
.img-right-start
{
   margin:0 0 5px 15px; float:right;
}
.img-midle
{
   margin:2px 0 20px; text-align:center;
}

.img-left img, .img-left-start img, .img-right img, .img-right-start img, .img-midle img
{ 
   border:0; margin:0; padding:0 0 5px 0;
}
.img-midle p
{ 
   margin:0; padding:0; 
}

/* index-header, kun på førstesiden */
#index-header
{  
   background:url(../../sidefiler/bilder/frogn_kirke.jpg) center center no-repeat;
   padding:0px 14px; margin-bottom:20px; border:1px solid; border-color:#CCC #666 #666 #CCC; height:178px;
}
#index-header h2
{
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size:17px; color:#4A5B27; margin:0px; padding-top:14px;
}
#index-header p
{
   font-family:Verdana, Arial, Helvetica, sans-serif;
   font-size:11px; margin:0px; text-align:justify; line-height:100%;
}


#index-kunngj-follo
{
    position:relative; min-height:350px;
}
/* index-kunngj, kun på førstesiden #F1F1F1 #E5E2D7 */
#index-kunngj-ytre
{
   width:425px; position:relative; left:0; top:0;
}
h2.index-kunngj
{
   font-family:Times, serif;
   font-size:17px; color:#7A7664; margin:0 0 2px;
}
#index-kunngj
{  
   padding:7px 14px 10px; background-color:#f6f6f6;
   border:1px solid; border-color:#7A7664;
}
#index-kunngj p
{
   font-family:Verdana, Arial, Helvetica, sans-serif;
   font-size:12px; margin:0; padding:5px 0;
}
#index-kunngj hr
{
   border:0; height:1px;
   border-top:1px dotted #7A7664;
}
p.index-kunngj, p.index-kunngj-top
{
   font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#7A7664; padding-bottom:20px;
}
p.index-kunngj-top
{
   margin-bottom:2px; padding:0;
}

/* index-follo, kun på førstesiden #F1F1F1 #E5E2D7 */
#index-follo-ytre, #index-kulturminne-ytre
{
   width:200px; position:absolute; left:450px; top:0px;
}
h2.index-follo, h2.index-kulturminne
{
   font-family:Times, serif;
   font-size:17px; color:#7A7664; margin:0 0 2px; /*#5E7EB2*/
}
#index-follo, #index-kulturminne
{  
   padding:0px 14px; background-color:#f6f6f6;
   border:1px solid; border-color:#7A7664; /*#5E7EB2*/
}
#index-follo p, #index-kulturminne p
{
   font-family:Verdana, Arial, Helvetica, sans-serif;
   font-size:12px; margin:10px 0 10px;
}
#index-kulturminne-ytre
{
   top:240px;
}
/* nyhet, kun på førstesiden */
.nyhet
{
   margin-bottom:40px; padding-bottom:3px;
}
a.nyhet-h2, a.nyhet-h2:link, a.nyhet-h2:visited, a.nyhet-h2:hover
{
   font-family:Verdana, Arial, Helvetica, sans-serif; color:#3C3B38; font-weight:bold;
   margin:0 0 8px; padding:0; font-size:17px; text-decoration:none;
}
.nyhet p
{
   margin-bottom:8px;
}
.nyhet hr
{
   border:0; height:1px; 
   border-top:1px solid #CCC;
}
.nyhet-thumb
{
   margin:4px 0 0 15px; border:0; max-width:100px; max-height:100px;
   float:right;
}
p.pubdat-index
{
   margin:0; padding:0; clear:right;
}

/*kun på førstesiden, og kun hvis "nyheter"*/
.neste-forrige
{
   margin-top:-25px; margin-bottom:20px;
}
.neste-forrige, .neste-forrige a:link,  .neste-forrige a:visited, .neste-forrige a:hover
{
   font-family:Verdana, Arial, Helvetica, sans-serif;
   color:#EB7107; font-size:12px; word-spacing:5px;
}
.neste-forrige a:link
{
   color:#5E7EB2;
}
.neste-forrige a:hover
{
   color:#EB7107;
}

/* tabeller */ 
table p
{
   margin:0;
}

/*********/
.table-default
{
   margin:0 0 20px;border-collapse:collapse;
   /*border-spacing:0; brukes bare når "border-collapse:separate;" 
   (det er default, men jeg må ha "collapse" for å få bort mellomrom i explorer)*/
}
.table-default th
{
   font-weight:bold;border-bottom:2px solid #CCC;text-align:left;
}
.table-default td
{
   padding-right:20px;vertical-align:top;
}
.table-default tr.understrek td
{
   border-bottom:1px solid #3C3B38;
}
/*********/ 
.table-styret/*lik som "rutenett", men her blir overskrift satt inn i koderenseren, og så er det jo greit hvis forandring av layout...*/
{
   width:100%;margin-bottom:20px;border-collapse:collapse;border-right:1px solid #CCC;
}
.table-styret td, .table-styret th
{
   padding:10px;border-bottom:1px solid #CCC;border-left:1px solid #CCC;vertical-align:top;text-align:left;
}
.table-styret th
{
   font-weight:bold;border-bottom:2px solid #CCC;border-top:2px solid #CCC;padding:2px 10px 3px 10px;
}
/*********/ 
.table-rutenett
{
   width:100%;margin-bottom:20px;border-collapse:collapse;border-right:1px solid #CCC;
}
.table-rutenett td, .table-rutenett th
{
   padding:10px;border-bottom:1px solid #CCC;border-left:1px solid #CCC;vertical-align:top;text-align:left;
}
.table-rutenett th
{
   font-weight:bold;border-bottom:2px solid #CCC;border-top:2px solid #CCC;padding:2px 10px 3px 10px;
}
/*********