@font-face { font-family: della; src: local(della), url('../fonts/legendum.ttf') format('opentype'); }

* { margin: 0; padding: 0; }
.header { position: fixed; width: 100%; background: #222; z-index: 102; }
.header .navbar-brand { font-weight: 700; }
.header .navbar { margin: 0; border: none; }

@media (min-width: 768px) { .header .navbar-brand { padding-left: 0; padding-right: 0;} .navbar-nav { float: right; } }
@media (max-width: 480px) { /* .page-section h1 { font-size: 3em; } .page-section h2 { font-size: 2em; } */ .page-section p { font-size: 1em; margin: 0 0 20px; } }

#main      { z-index: 99; position:relative; }
#mailadres { font-family: della, Helvetica, Arial, sans-serif; color: #000; }

a { font-size: 12px; font-family: della, Helvetica, Arial, sans-serif; color: #000; }

a.thumb00  { display:inline-block; width:112px; height:29px; margin: 0px 15px 0px 0px; border:2px solid #d00; box-shadow:  3px  3px 2px #600; font-size: 16px; font-weight: 600; }
a.thumb01  { display:inline-block; width:112px; height:29px; margin: 0px 15px 0px 0px; border:2px solid #aaa; box-shadow:  3px  3px 2px #666; font-size: 16px; font-weight: 600; }
a.thumb02  { display:inline-block; width:112px; height:29px; margin: 0px 15px 0px 0px; border:2px solid #aaa; box-shadow:  4px  4px 2px #666; font-size: 16px; font-weight: 600; }
a.thumb03  { display:inline-block; width:112px; height:29px; margin: 0px 15px 0px 0px; border:2px solid #aaa; box-shadow:  5px  5px 2px #666; font-size: 16px; font-weight: 600; }
a.thumb04  { display:inline-block; width:112px; height:29px; margin: 0px 15px 0px 0px; border:2px solid #aaa; box-shadow:  6px  6px 2px #666; font-size: 16px; font-weight: 600; }
a.thumb05  { display:inline-block; width:112px; height:29px; margin: 0px 15px 0px 0px; border:2px solid #aaa; box-shadow:  7px  7px 2px #666; font-size: 16px; font-weight: 600; }
a.thumb06  { display:inline-block; width:112px; height:29px; margin: 0px 15px 0px 0px; border:2px solid #aaa; box-shadow:  8px  8px 2px #666; font-size: 16px; font-weight: 600; }

a.man01   { display:inline-grid; margin: 0px 12px 16px 0px; width:265px; height:265px; border:2px solid #aaa; box-shadow:  2px  2px 2px #666; vertical-align: top; }
a.man02   { display:inline-grid; margin: 0px  0px 16px 0px; width:265px; height:265px; border:2px solid #aaa; box-shadow:  4px  2px 2px #656; vertical-align: top; }
a.man03   { display:inline-grid; margin: 0px 12px 16px 0px; width:265px; height:265px; border:2px solid #aaa; box-shadow:  6px  2px 2px #646; vertical-align: top; }
a.man04   { display:inline-grid; margin: 0px  0px 16px 0px; width:265px; height:265px; border:2px solid #aaa; box-shadow:  8px  2px 2px #636; vertical-align: top; }
a.man05   { display:inline-grid; margin: 0px 12px 16px 0px; width:265px; height:265px; border:2px solid #aaa; box-shadow:  2px  3px 2px #666; vertical-align: top; }
a.man06   { display:inline-grid; margin: 0px  0px 16px 0px; width:265px; height:265px; border:2px solid #aaa; box-shadow:  4px  3px 2px #656; vertical-align: top; }
a.man07   { display:inline-grid; margin: 0px 12px 16px 0px; width:265px; height:265px; border:2px solid #aaa; box-shadow:  6px  3px 2px #646; vertical-align: top; }
a.man08   { display:inline-grid; margin: 0px  0px 16px 0px; width:265px; height:265px; border:2px solid #aaa; box-shadow:  8px  3px 2px #636; vertical-align: top; }
a.man09   { display:inline-grid; margin: 0px 12px 16px 0px; width:265px; height:265px; border:2px solid #aaa; box-shadow:  2px  4px 2px #666; vertical-align: top; }
a.man10   { display:inline-grid; margin: 0px  0px 16px 0px; width:265px; height:265px; border:2px solid #aaa; box-shadow:  4px  4px 2px #656; vertical-align: top; }
a.man11   { display:inline-grid; margin: 0px 12px 16px 0px; width:265px; height:265px; border:2px solid #aaa; box-shadow:  6px  4px 2px #646; vertical-align: top; }
a.man12   { display:inline-grid; margin: 0px  0px 16px 0px; width:265px; height:265px; border:2px solid #aaa; box-shadow:  8px  4px 2px #636; vertical-align: top; }
a.man13   { display:inline-grid; margin: 0px 12px 16px 0px; width:265px; height:265px; border:2px solid #aaa; box-shadow:  2px  5px 2px #666; vertical-align: top; }
a.man14   { display:inline-grid; margin: 0px  0px 16px 0px; width:265px; height:265px; border:2px solid #aaa; box-shadow:  4px  5px 2px #656; vertical-align: top; }
a.man15   { display:inline-grid; margin: 0px 12px 16px 0px; width:265px; height:265px; border:2px solid #aaa; box-shadow:  6px  5px 2px #646; vertical-align: top; }
a.man16   { display:inline-grid; margin: 0px  0px 16px 0px; width:265px; height:265px; border:2px solid #aaa; box-shadow:  8px  5px 2px #636; vertical-align: top; }
a.man17   { display:inline-grid; margin: 0px 12px 16px 0px; width:265px; height:265px; border:2px solid #aaa; box-shadow:  2px  6px 2px #666; vertical-align: top; }
a.man18   { display:inline-grid; margin: 0px  0px 16px 0px; width:265px; height:265px; border:2px solid #aaa; box-shadow:  4px  6px 2px #656; vertical-align: top; }
a.man19   { display:inline-grid; margin: 0px 12px 16px 0px; width:265px; height:265px; border:2px solid #aaa; box-shadow:  6px  6px 2px #646; vertical-align: top; }
a.man20   { display:inline-grid; margin: 0px  0px 16px 0px; width:265px; height:265px; border:2px solid #aaa; box-shadow:  8px  6px 2px #636; vertical-align: top; }

.cell       { padding: 1px 1px 0px 4px; border-style: solid; border-width: 1px; border-color: #ccc; font-size: 12px; lne-height: 12px; }

a:link, a:visited, a:hover, a:active   { color: #333333; font-family: della, Helvetica, Arial, sans-serif; text-decoration: none; }

* { margin: 0; }
html, body { height: 100%; }
.page-wrap { min-height: 100%;
  /* equal to footer height */
  margin-bottom: -69px; 
}
.page-wrap:after { content: ""; display: block; }
.site-footer, .page-wrap:after { height: 70px;  }
.site-footer { color: #aaa; background: #2b2b2b; padding: 8px 15px 15px 0; border-bottom: 1px solid #ddd; text-align: center; }