
@font-face {
  font-family: 'PGBerg';
  src: url('/fonts/pgberg-webfont.eot');
  src: local('☺'),
         url('/fonts/PGBerg.woff') format('woff'),
         url('/fonts/pgberg-webfont.svg') format('svg'), 
         url('/fonts/PGBerg.ttf') format('opentype');
  font-weight : normal;
  font-style: normal;
}

@font-face {
  font-family: 'PGBerg';
  src: url('/fonts/pgberg-italic-webfont.eot');
  src: local('☺'),
         url('/fonts/PGBerg-Italic.woff') format('woff'),
         url('/fonts/pgberg-italic-webfont.svg') format('svg'), 
         url('/fonts/PGBerg-Italic.otf') format('opentype');
  font-style: italic;
}


@font-face {
  font-family: 'Fraktur';
  src: url('/fonts/bb_fraktur-webfont.eot');
  src: local('☺'),
         url('/fonts/bb_Fraktur.woff') format('woff'),
         url('/fonts/bb_fraktur-webfont.svg') format('svg'), 
         url('/fonts/bb_Fraktur.otf') format('opentype');
  font-weight : normal;
  font-style: normal;
}

@font-face {
  font-family: 'Fraktur';
  src: url('/fonts/bb_fraktur-italic-webfont.eot');
  src: local('☺'),
         url('/fonts/bb_Fraktur-Italic.woff') format('woff'),
         url('/fonts/bb_fraktur-italic-webfont.svg') format('svg'), 
         url('/fonts/bb_Fraktur-Italic.otf') format('opentype');
  font-style: italic;
}

@font-face {
  font-family: 'Stamp';
  src: url('/fonts/stamp-webfont.eot');
  src: local('☺'),
         url('/fonts/Stamp.woff') format('woff'),
         url('/fonts/stamp-webfont.svg') format('svg'), 
         url('/fonts/Stamp.ttf') format('truetype');
  font-weight : normal;
  font-style: normal;
}

@page 
{
size: 105mm 297mm; 
left-margin: 32mm;
right-margin: 28mm;
top-margin: 37mm;
bottom-margin: 155mm;
marks: crop;
}

img.kartotekskort
{
    position:absolute;
    margin: 0px;
    padding: 0px;
    top: 70px;
    left: 60px;
    width: 585px;
    z-index:0;
}

img.stamp02b
{
    position:relative;
    margin-left: 260px;
    margin-top: 340px;
    margin-right: auto;
    width: 260px;
    z-index:5;
    overflow: hidden;
}

div#tabs {
    position: absolute;
    width: 566px;
    height: 10px;
    top: 5px;
    left: 40px;
    font-family: 'Stamp', 'Faxada', 'Monaco', 'Andale Mono', 'Verdana', 'Sans-serif';
    font-size: 12px;
    color: #D0D0D0;
    margin: 14px 14px 14px 14px;
    padding: 12px 10px 12px 10px;

}

div#tabA {
    position: absolute;
    border: 1px solid #D0D0D0;
    width: 104px;
    top: 8px;
    left: 13px;
    text-align: center;
}

div#tabB {
    position: absolute;
    border: 1px solid #D0D0D0;
    width: 104px;
    top: 8px;
    left: 126px;
    text-align: center;
}

div#tabC {
    position: absolute;
    border: 1px solid #D0D0D0;
    width: 104px;
    top: 8px;
    left: 239px;
    text-align: center;
}

div#tabD {
    position: absolute;
    border: 1px solid #D0D0D0;
    width: 104px;
    top: 8px;
    left: 352px;
    text-align: center;
}

div#tabE {
    position: absolute;
    border: 1px solid #D0D0D0;
    width: 104px;
    top: 8px;
    left: 465px;
    text-align: center;
}


div#glowa {
    position: absolute;
    width: 534px;
    height: 18px;
    top: 100px;
    left: 80px;
    background-color: transparent;
    border-bottom: 2px solid #333333;
}

div#glowaA {
    color: #800000;
    font-family: 'Stamp', 'Faxada', 'Telegraphem', 'Arial', 'Helvetica Neue', 'Monospace';
    font-size: 0.9em;
    line-height: 1.2em;
    letter-spacing: 0.05em;
    overflow: hidden;
}

div#glowaB {
    position:absolute;
    color: #833333;
    font-family: 'PGBerg', 'Linux Libertine', 'Didot', 'Serif';
    font-size: 0.8em;
    line-height: 1em;
    width: 154px;
    top: -20px;
    left: 380px;
    z-index:4;
    text-align: right;
}

div#stopki {
    position: fixed;
    width: 566px;
    top: 440px;
    clear: both;
}

div#stopkiA {
    position:absolute;
    width:350px;
    top: 0px;
    left:60px;
    color: #855555;
    font-size: 8px;
    font-family: 'Arial', 'Helvetica', 'Sans-serif';
    font-weight: bold;
}

div#stopkiB {
    position:absolute;
    color: #855555;
    font-family: 'PGBerg', 'Linux Libertine', 'Didot', 'Serif';
    font-size: 0.8em;
    width: 130px;
    top: 0px;
    left: 480px;
    text-align: right;
}

div#cialo {
    position: absolute;
    width: 540px;
    left: 78px;
    top: 132px;
    line-height: 1.2;
    font-size: 1em;
    font-family: 'Remington', 'Courier 10 pitch', 'Courier', 'Monospace';
    color: #000000; 
    text-align: left;
    z-index:3;
}

img.bild {
    display:block;
    margin-left:auto;
    margin-right:auto; 
    padding: 3px;
    border: 0px;
    }

div#mainText {
    position: relative;
    font-family: 'Fraktur', 'Helvetica Neue', 'Helvetica', 'Trebuchet MS', 'Sans-serif'; 
    font-size: 2.0em; 
    font-weight: normal; 
    line-height: 1em; 
    color: #000000; 
}

.ref {
    position: relative;
    left: 0.1em;
    bottom: 0.6em;
    color: #800000;
    font-family: 'PGBerg', 'Linux Libertine', 'Didot', 'Serif';
    font-size: 0.55em;
}

.fref {
    position: relative;
    left: 0.1em;
    bottom: 0.6em;
    color: #800000;
    font-family: 'PGBerg', 'Linux Libertine', 'Didot', 'Serif';
    font-size: 0.55em;
}


.fsup {
    position: relative;
    left: 0.1em;
    bottom: 0.6em;
    font-family: 'PGBerg', 'Linux Libertine', 'Didot', 'Serif';
    font-size: 0.55em;
}


.sub {
    position: relative;
    top: 0.3em;
    font-family: 'PGBerg', 'Linux Libertine', 'Didot', 'Serif';
    font-size: 0.6em;
}

.subkropp {
    position: relative;
    font-family: 'PGBerg', 'Linux Libertine', 'Didot', 'Serif';
    font-size: 0.95em;
    line-height: 1em;
    text-align: justify;
    overflow: hidden;
}

div#regelvariant {
    position: relative;
    font-family: 'PGBerg', 'Linux Libertine', 'Didot', 'Serif';
    font-size: 0.8em;
    line-height: 1em;
    text-align: justify;
    overflow: hidden;
}

.defText {
    margin-top: -4px;
    height: 14px;
    font-family: 'PGBerg', 'Linux Libertine', 'Didot', 'Serif';
    line-height: 0.95em;
}

.bildtext {
    font-family: 'Remington', 'Courier 10 pitch', 'Courier', 'Andale Mono', 'Monospace';
    font-size: 0.85em;
    line-height: 1.2em;
    text-align: center;
}

div#errorText {
    position: absolute;
    width: 540px;
    top: 80px;
    font-family: 'Stamp', 'Gastada', 'Faxada', 'Impact', 'Sans-serif'; 
    font-size: 1.2em; 
    font-weight: normal; 
    line-height: 1em; 
    color: #822222;
    text-align: center; 
}

.red {
  color: #800000;
}

.black {
  color: #000000;
}

.ant {
    font-family: 'PGBerg', 'Linux Libertine', 'Didot', 'Serif';
    font-size: 90%; 
}

.center {
  text-align: center;
  font-family: 'PGBerg', 'Linux Libertine', 'Didot', 'Serif';
}

.tw {
  font-family: 'Remington', 'Courier 10 pitch', 'Courier', 'Monospace';
}

.frak {
  font-family: 'Fraktur', 'Verdana';
}

.qText {
    font-family: PGBerg;
    font-size: 1.1em;
    line-height: 1.5em;
}

.motto {
    text-align: right;
    padding: 10px;
    font-size: 1.1em;
    line-height: 1.3em;
    font-family: 'PGBerg', 'Linux Libertine', 'Didot', 'Serif';
}

.stamp {
  font-family: 'Stamp', 'Gastada', 'Telegraphem', 'Faxada';
  color: #800000;
}

.sup {
    position: relative;
    left: 0.1em;
    bottom: 0.6em;
    font-size: 0.6em;
}

.noprint, .print {display:none;}
@media screen {
.noprint, .printns {display:block;}
.print {display:none;}
}

a:link {
	color: #100000;
	text-decoration:none;
}
a:visited {
	color: #000000;
	text-decoration:none;
}
a:active {
	color: #4F5155;
	text-decoration:none;
}
a:hover {
	color:red;
	text-decoration:none;
}

