*
{
    margin: 0px;
    padding: 0px;
    font-family: Century Gothic, Tahoma, Verdana;
    font-size: 12px;
}

html
{
    height: 100%;
}

body
{
    height: 100%;
    background-color: #5B7321;
    background-image: url(../images/background.bmp);   
    background-position: center;
    background-repeat: repeat-y;
}



/* |||||||||||||||||||||||||||||||||| * INDDELING AF SIDEN * |||||||||||||||||||||||||||||||||| */


#center-wrapper
{
    height: 100%;                                 /* SIKRER AT SIDEN GÅR FRA TOP TIL BUND */
}

#main-wrapper, #middle-container
{
    width: 100%                                   /* SØRGER FOR AT SIDEN UDFYLDES HELT */
}

#main-wrapper
{
    text-align: left;                             /* VENSTREJUSTERER AL TEKST, MED MINDRE ANDET ER ANGIVET */
    height: auto;                                 /* HØJDEN AF SIDEN BESTEMMES AUTOMATISK, ALT EFTER HVOR MEGET INDHOLD DER FYLDES IND*/
    width: 930px;                                 /* BREDDEN AF HELE SIDEN */
}

#content-wrapper
{
    padding: 10px 40px 20px 40px;                 /* SIDENS INDHOLDS INDRE AFSTAND UD TIL KANTERNE AF SIDEN (MAIN-WRAPPER) */
}


/* -------- TOPBANNER -------- */

#top-container
{
    padding: 10px 0px 0px 10px;                   /* TOP-CONTAINERENS INDRE AFSTAND UD TIL KANTERNE MAIN-WRAPPEREN */
}


  /* -------- TOPBANNERETS INDHOLD -------- */

  #logo
  {
      float: left;                                  /* VENSTREJUSTERER LOGOET */
  }

  #properties
  {
      float: right;                                 /* HØJREJUSTERER BOKSEN INDSTILLINGER */
      width: 400px;                                 /* BREDDEN PÅ INDSTILLINGER */
      margin-top: 20px;                             /* MARGEN FRA INDHOLD I INDSTILLINGER TIL TOP-CONTAINEREN */
  }

  #properties .content
  {
      padding: 5px 0px 5px 0px;                     /* INDRE AFSTAND UD TIL KANTERNE AF INDSTILLINGER */
  }

  #properties .links
  {
      padding: 5px 50px 5px 0px;                    /* LINKENES INDRE AFSTAND UD TIL KANTERNE AF INDSTILLINGER */
      float: right;                                 /* HØJREJUSTERER INDHOLDET I LINKS */
  }


/* -------- MENU -------- */

#left-container
{
    clear: both;
    float: left;
    margin: 40px 0px 0px 10px;
    width: 170px;
}


/* -------- INDHOLD -------- */

#middle-container
{
    float: left;
    overflow: hidden;
    margin: 30px 0px 0px 30px;
    width: 440px;
}

#middle-container .content
{
    margin-top: 10px;                                 /* AFSTANDEN FRA SELVE INDHOLDET OP TIL OVERSKRIFTEN */
}


/* -------- INFORMATIONSTAVLE -------- */

#right-container
{
    float: right;
    width: 170px;
    margin: 30px 15px 0px 0px;
}


/* -------- ADRESSELINJE -------- */

#bottom-container
{
    padding: 20px 0px 0px 10px;
    clear: both;
    text-align: center;
}



/* |||||||||||||||||||||||||||||||||| * OMRÅDEBESTEMTE OPSÆTNINGER * |||||||||||||||||||||||||||||||||| */


/* -------- OVERSKRIFTER/TITLER -------- */

#middle-container .header p
{
    font-size: 18px;
    color: #5B7321;
    font-weight: bold;
    margin-bottom: 10px;
}

#middle-container .header table
{
    width: 100%;
}
    
.t .header                                          /* OVERSKRIFT I INDRAMMEDE BOKSE */
{
    padding-bottom: 5px;
    font-weight: bold;
    font-size: 15px;  
}


/* -------- TEKST -------- */

#middle-container .content p
{
    margin-bottom: 8px;                             /* AFSTANDEN NED TIL ANDET INDHOLD */
}

#middle-container .calendar .arrangoer              /* ARRANGØR-BESTEMT INDHOLD FARVELÆGGES I KALENDEREN */
{
font-size: 14px; 
font-weight: bold;
}

#middle-container .calendar .type                   /* ARRANGEMENTETS TYPE (I KALENDEREN) */
{
font-size: 13px; 
font-weight: bold;
}
                                                    /* FREMHÆVET INFO I KALENDEREN */
#middle-container .calendar div.fremhaevet, #middle-container .calendar div.fremhaevet a
{
    font-weight: bold;
    font-size: 14px;
}

#middle-container .calendar div.special             /* SPECIELT INFO (AF VIGIG KARAKTER) I KALENDEREN */
{
    color: #5B7321;
    font-weight: bold;
    font-size: 14px;
}

#middle-container .content .t .b .l .r .bl .br .tl .tr .content
{
    font-size: 14px;
}

#middle-container .content .t .b .l .r .bl .br .tl .tr .content b
{
    font-size: 14px;
}

#middle-container .content .t .b .l .r .bl .br .tl .tr .content b.red
{
    font-size: 14px;
    color: red;
}

.help                                               /* HJÆLPETEKST I ADM. MODULET */
{
    float: right;
    margin-right: 10px;
    
    color: #5B7321;
    font-weight: bold;
    
    text-decoration: none;
    background-image: url(../images/linkmarker.gif);
    background-repeat: no-repeat;
    padding-left: 10px;
    background-position: left center
}

#bottom-container span
{
    font-size: 10px;
    border-right: solid 1px #CCCCCC;
    padding: 0px 10px 0px 10px;
}


/* -------- BILLEDER -------- */

#properties .content img
{
	margin-right: 40px;
	float: right;
}

#minikalender .img                                  /* BILLEDE I MINIKALENDEREN */  
{
    background-image: url(../images/calendar.png); 
    background-repeat: no-repeat;
    background-position: 90px -8px;
}


/* -------- LINKS -------- */

#properties .content a
{
    font-weight: bold;
    color: #5B7321;
}

#right-container a
{
    display: block;                                 /* LINKS I INFORMATIONSTAVLEN SÆTTES PÅ LINJER HVER FOR SIG */
}

#menu ul li a
{
    margin: 5px 0px 5px 0px;
    
    font-size: 14px;
    font-weight: bold;
    color: #5B7321;
    text-decoration: none;
    
    display: block;
}

#menu ul li ul li a
{
    font-size: 13px;
}


/* LINKS I ADRESSELINJEN */

#bottom-container span a
{
    font-size: 10px;
    background-image: none;
    padding-left: 0px;
}


/* -------- PUNKTOPSTILLINGER -------- */

#menu ul
{
    list-style-type: none;
    text-transform: uppercase;
    padding-left: 0px;
}

#menu ul li ul li
{
    margin: 5px 0px 5px 12px;
}


/* HVAD VIL DU GØRE NU?-LISTEN */

#middle-container .content .næste .header
{
    font-size: 34px;
    color: #D8E2F4;
}

#middle-container .content .næste ul
{
    list-style-type: none;
    text-transform: uppercase;
    padding-left: 0px;
    
    margin-bottom: 20px;
}

#middle-container .content .næste ul a
{
    font-weight: bold;
    font-size: 14px;
    color: #558CCC;

    line-height: 1.5;
}

#middle-container .content .næste ul li hr
{
    margin-top: 8px;
    margin-bottom: 8px;

    width: 420px; 

    color: #D8E2F4;
    background-color: #D8E2F4;
}


/* -------- INDTASTNINGSFELTER -------- */

#middle-container .content input, 
#middle-container .content select
{
    margin-bottom: 3px;
}

#middle-container .content fieldset
{
    border-top: solid 1px #dddddd;
    border-bottom: solid 1px #dddddd;
    margin-bottom: 10px;
    padding-bottom: 3px;
}


/* -------- TABELLLER -------- */

#middle-container .content .calendar
{
    width: 100%;
}

#middle-container .content .calendar th     /* th = table header */
{
    border-bottom: solid 5px #dddddd;

    text-align: center;

    font-size: 14px;
    font-weight: bold;
    padding: 5px;
}

#middle-container .content .calendar td
{
    border-bottom: solid 1px #dddddd;
    padding: 5px;
    vertical-align: top;
}

#middle-container .content .calendar tr:hover
{
    background-color: #f1f1f1;
    cursor: pointer
}

  /* MELLEMRUMMET V. MÅNEDSOVERSKRIFTER */

#middle-container .content .calendar .spacer td
{
    height: 20px;
    border-bottom: solid 1px #dddddd;
}

#middle-container .content .calendar tr:hover.spacer
{
    background-color: #ffffff;
    cursor: pointer
}


  /* BAGGRUNDSFARVEÆNDRINGER V. AFLYST ARRANGEMENT */

  #middle-container .content .calendar tr.aflyst
  {
      background-color: #FFD7CC;
  }

  #middle-container .content .calendar tr.aflyst:hover
  {
      background-color: #FFEDED;
      cursor: pointer
  }

  /* BAGGRUNDSFARVEÆNDRINGER V. NYT ARRANGEMENT */

  #middle-container .content .calendar tr.nyt
  {
      background-color: #FFFFCC;
  }

  #middle-container .content .calendar tr.nyt:hover
  {
      background-color: #FFFFED;
      cursor: pointer
  }




/* ADMINISTRATIONSPANELETS TABEL */

#middle-container .content .adm
{
    width: 100%;
}

#middle-container .content .adm th
{
    border-bottom: solid 1px #dddddd;
    
    text-align: left;
    font-size: 16px;
    font-weight: bold;
    
    padding: 5px;
}

#middle-container .content .adm td
{
    border-bottom: solid 1px #dddddd;
    padding: 5px;
}

#middle-container .content .adm td.main
{
    font-size: 13px;
    font-weight: bold;
    color: #5B7321;
}

#middle-container .content .adm .main a
{
    font-size: 13px;
    font-weight: bold;
    color: #5B7321;
}

#middle-container .content .adm td.icon
{
    width: 24px;
}

#middle-container .content .adm tr:hover
{
    background-color: #f1f1f1;
    cursor: pointer
}









/* UDSENDINGE-TABEL */

#middle-container .content .list
{
    width: 100%;

    border-collapse: collapse;
    border: solid 2px #dddddd;
}

#middle-container .content .list tr
{
    border: solid 1px #dddddd;
}

#middle-container .content .list th
{
    border-bottom: solid 1px #dddddd;

    background-color: #dddddd;
    
    font-size: 15px;
    font-weight: bold;
    text-align: left;
    
    padding: 5px;
}

#middle-container .content .list td
{
    padding: 5px;

    font-size: 13px;
}

#middle-container .content .list td a
{
    padding: 0px;
    background-image: none;
    font-size: 13px;
}

#middle-container .content .list td.navn, #middle-container .content .list td.navn a
{
    font-size: 15px;
    font-weight: bold;
    color: #5B7321;
}

#middle-container .content .list td.år
{
    font-size: 14px;
    font-weight: bold;
    text-align: center;
}

#middle-container .content .list tr:hover
{
    background-color: #f1f1f1;
    cursor: pointer
}








/* |||||||||||||||||||||||||||||||||| * GENERELLE OPSÆTNINGER * |||||||||||||||||||||||||||||||||| */


/* -------- OVERSKRIFTER/TITLER -------- */

h1
{
    font-size: 16px;
}

h2
{
    font-size: 14px;
}

h3
{
    font-size: 12px;
}


/* -------- LINKS -------- */

a
{
    color: black;
    text-decoration: none;
    background-image: url(../images/linkmarker.gif);
    background-repeat: no-repeat;
    padding-left: 10px;
    background-position: left center
}

a:hover
{
    text-decoration: underline;
    background-image: url(../images/linkmarker-hover.gif);
}

a.no-link-effect
{
    background-image: none;
    padding-left: 0px;
}

a img
{
    border: 0px;                          /* SØRGER FOR AT BILLEDER, DER BRUGES SOM ET LINK IKKE FÅR EN RAMME */
}

a.navigation
{
    margin: 5px 0px 5px 0px;
    
    font-size: 14px;
    color: #5B7321;
    text-decoration: none;
    text-transform: uppercase;

    display: block;
}

/* -------- PUNKTOPSTILLING -------- */

ul
{
    list-style-type: square;
    padding-left: 15px;
}


/* -------- LABELS -------- */

label {
    font-size: 14px;
    font-weight: bold;
    color: #5B7321;
    
    width: 100px;
    float: left;
    margin-right: 5px;
    display: block;
}


/* -------- INDTASTNINGSFELTER -------- */

input.text 
{
    width: 400px;
}

select
{
    width: 400px;
}

textarea
{
    width: 400px;
    height: 150px;
    margin-bottom: 5px;
}


/* -------- KNAPPER -------- */

.button
{
    border: solid 1px;
    background-image: url(../images/gradient-button.png);   
    background-repeat: repeat-x;    
    padding: 0px 2px 0px 2px;
    width: auto;
}


/* -------- HØJRE-/VENSTREJUSTERING -------- */

.hojre
{
    float: right;
    padding-right: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 7px;
    border: 0px;
}

.venstre
{
    float: left;
    padding-right: 10px;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    border: 0px;
}



/* |||||||||||||||||||||||||||||||||| * SPECIFIKKE OBJEKTER * |||||||||||||||||||||||||||||||||| */


/* -------- VANDRETTE ADSKILLERE -------- */

.marker
{
    background-image: url(../images/dots.gif);
    background-repeat: repeat-x;
    height: 1px;
}

.streg
{
    background-image: url(../images/dot.png);
    background-repeat: repeat-x;
    height: 3px;
    margin: 5px 0 5px 0;
}


/* -------- RAMMER -------- */

.t                                                        /* TOP SIDE */
{
    background: url(../images/dot.gif) 0 0 repeat-x; 
    width: 170px; 
    margin-bottom: 20px;
}

.b                                                        /* BUND SIDE */ 
{
    background: url(../images/dot.gif) 0 100% repeat-x;
}

.l                                                        /* VENSTRE SIDE */ 
{ 
    background: url(../images/dot.gif) 0 0 repeat-y;
}

.r                                                        /* HØJRE SIDE */
{
    background: url(../images/dot.gif) 100% 0 repeat-y;
}

.bl                                                       /* BUND VENSTRE HJØRNE */ 
{
    background: url(../images/bl.gif) 0 100% no-repeat;
}

.br                                                       /* BUND HØJRE HJØRNE */
{
    background: url(../images/br.gif) 100% 100% no-repeat;
}

.tl                                                       /* TOP VENSTRE HJØRNE */
{
    background: url(../images/tl.gif) 0 0 no-repeat;
}

.tr                                                       /* TOP HØJRE HJØRNE */ 
{
    background: url(../images/tr.gif) 100% 0 no-repeat; 
    padding: 10px;
} 


/* -------- LOGINBOX -------- */

#loginbox
{
  background-color: #5B7321;
}


/* -------- DAGENS ORD -------- */

.JNlink
{
    display: none;
}

.JNsource
{
    font-family: Century Gothic, Tahoma, Verdana;
}


/* -------- GEMT INDHOLD -------- */

.usynlig 
{
    display: none;
}

 
/* -------- BESKEDER - ADVARSLER, FEJL OG ANDEN INFO -------- */


/**** RØD ****/

.rt                                                        /* TOP SIDE */
{
    background: url(../images/graphics/rdot.png) 0 0 repeat-x;
    width: 430px; 
    margin-bottom: 20px;
}

.rb                                                        /* BUND SIDE */ 
{
    background: url(../images/graphics/rdot.png) 0 100% repeat-x;
}

.rl                                                        /* VENSTRE SIDE */ 
{ 
    background: url(../images/graphics/rdot.png) 0 0 repeat-y;
}

.rr                                                        /* HØJRE SIDE */
{
    background: url(../images/graphics/rdot.png) 100% 0 repeat-y;
}

.rbl                                                       /* BUND VENSTRE HJØRNE */ 
{
    background: url(../images/graphics/rbl.png) 0 100% no-repeat;
}

.rbr                                                       /* BUND HØJRE HJØRNE */
{
    background: url(../images/graphics/rbr.png) 100% 100% no-repeat;
}

.rtl                                                       /* TOP VENSTRE HJØRNE */
{
    background: url(../images/graphics/rtl.png) 0 0 no-repeat;
}

.rtr                                                       /* TOP HØJRE HJØRNE */ 
{
    background: url(../images/graphics/rtr.png) 100% 0 no-repeat; 
    padding: 10px;
} 

#middle-container .content .rt .rb .rl .rr .rbl .rbr .rtl .rtr .header
{
    font-size: 16px;
    color: red;
    
    margin-left: 5px;
}

#middle-container .content .rt .rb .rl .rr .rbl .rbr .rtl .rtr .content
{
    font-size: 13px;
    color: red;
    
    background-image: url(../images/icons/close.png);
    background-repeat: no-repeat;
    padding-left: 60px;
    background-position: left top;

    min-height: 50px;
}

#middle-container .content .rt .rb .rl .rr .rbl .rbr .rtl .rtr .content a
{
    font-size: 13px;
    color: red; 
}

#middle-container .content .rt .rb .rl .rr .rbl .rbr .rtl .rtr .content b
{
    font-size: 13px;
    color: red; 
}


/**** GRØN ****/

.gt                                                        /* TOP SIDE */
{
    background: url(../images/graphics/gdot.png) 0 0 repeat-x;
    width: 430px; 
    margin-bottom: 20px;
}

.gb                                                        /* BUND SIDE */ 
{
    background: url(../images/graphics/gdot.png) 0 100% repeat-x;
}

.gl                                                        /* VENSTRE SIDE */ 
{ 
    background: url(../images/graphics/gdot.png) 0 0 repeat-y;
}

.gr                                                        /* HØJRE SIDE */
{
    background: url(../images/graphics/gdot.png) 100% 0 repeat-y;
}

.gbl                                                       /* BUND VENSTRE HJØRNE */ 
{
    background: url(../images/graphics/gbl.png) 0 100% no-repeat;
}

.gbr                                                       /* BUND HØJRE HJØRNE */
{
    background: url(../images/graphics/gbr.png) 100% 100% no-repeat;
}

.gtl                                                       /* TOP VENSTRE HJØRNE */
{
    background: url(../images/graphics/gtl.png) 0 0 no-repeat;
}

.gtr                                                       /* TOP HØJRE HJØRNE */ 
{
    background: url(../images/graphics/gtr.png) 100% 0 no-repeat; 
    padding: 10px;
} 

#middle-container .content .gt .gb .gl .gr .gbl .gbr .gtl .gtr .header
{
    font-size: 16px;
    color: green;
    
    margin-left: 5px;
}

#middle-container .content .gt .gb .gl .gr .gbl .gbr .gtl .gtr .content
{
    font-size: 13px;
    color: green;
    
    background-image: url(../images/icons/accept.png);
    background-repeat: no-repeat;
    padding-left: 60px;
    background-position: left top;
    
    min-height: 50px;
}

#middle-container .content .gt .gb .gl .gr .gbl .gbr .gtl .gtr .content a
{
    font-size: 13px;
    color: green; 
}

#middle-container .content .gt .gb .gl .gr .gbl .gbr .gtl .gtr .content b
{
    font-size: 13px;
    color: green; 
}