@font-face {
    font-family: 'Duenn';
    src: url('schriftarten/duenn.eot');
    src: url('schriftarten/duenn.eot?#iefix') format('embedded-opentype'),
         url('schriftarten/duenn.woff') format('woff'),
         url('schriftarten/duenn.ttf') format('truetype'),
         url('schriftarten/duenn.svg#PTSansNarrowRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Dick';
    src: url('schriftarten/dick.eot');
    src: url('schriftarten/dick.eot?#iefix') format('embedded-opentype'),
         url('schriftarten/dick.woff') format('woff'),
         url('schriftarten/dick.ttf') format('truetype'),
         url('schriftarten/dick.svg#PTSansCaptionBold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Normal';
    src: url('schriftarten/normal.eot');
    src: url('schriftarten/normal.eot?#iefix') format('embedded-opentype'),
         url('schriftarten/normal.woff') format('woff'),
         url('schriftarten/normal.ttf') format('truetype'),
         url('schriftarten/normal.svg#PTSansCaptionRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

* {
	margin: 0; padding: 0;
	font-family: 'Duenn', Verdana, sans-serif;  
	text-align: center;
	cursor: default;
	}

p, td, a { color: #2D2D2D; font-size: 12pt; }

body { 
	background-color: white; background-image: url('../bilder/hand.jpg'); background-position: center center; background-repeat: no-repeat; background-attachment: fixed; 
	}
a, a * { 
	cursor: pointer; text-decoration: none; color: #C83200; 
	transition: all 0.6s ease; -moz-transition: all 0.6s ease; -o-transition: all 0.6s ease; -webkit-transition: all 0.6s ease;
	}
h1, h1 a { font-family: Verdana, sans-serif; color: #C83200; font-size: 2.7pc; text-shadow: #C83200 0 0 1.5pt; text-align: center; margin-top: 4pt; }
h2, h2 a  { color: black; text-shadow: #2D2D2D 0 0 1.5pt; display: inline; font-size: 1.7pc; }

.rechts { text-align: right; } .links { text-align: left; }
.hoch, .hoch  a { 
	font-size: 13pt; font-family: Times New Roman, serif; font-style: italic; margin-top: 8pt; margin-bottom: 20pt; color: #2D2D2D;
	}
.hoch  a:hover { color: #C83200; text-shadow: #C83200 0 0 1pt; }
span.klein { font-style: italic; font-size: 12pt; font-family: Times New Roman, serif; color: #2D2D2D; text-shadow: rgba(0,0,0,0.5) 0 0 1pt; }

body#titel { background-color: black; background-image: none; }
a.titel { color: #C83200; }
h1.titel { 
	position: absolute; left: 50%; top: 50%; margin-top: -300px; margin-left: -182px; margin-bottom: 0; 
	opacity: 0.6; -moz-opacity: 0.6; -khtml-opacity: 0.6;
	transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; -webkit-transition: all 1s ease;
	} h1.titel:hover { opacity: 1; -moz-opacity: 1; -khtml-opacity: 1; }
img.titel { width: 364px; height: 529px; }

div#auswahl {
	top: 0; position: fixed; width: 100%; z-index: 1000; padding-bottom: 16pt;
	color: transparent; text-shadow: #2D2D2D 0 0 1.5pt;
	background: linear-gradient(top, white 0%, rgba(255,255,255,0.75) 75%, rgba(255,255,255,0) 100%);
	background: -moz-linear-gradient(top, white 0%, rgba(255,255,255,0.75) 75%, rgba(255,255,255,0) 100%); 
	background: -webkit-linear-gradient(top, white 0%, rgba(255,255,255,0.75) 75%, rgba(255,255,255,0) 100%);
	background: -ms-linear-gradient(top, white 0%, rgba(255,255,255,0.75) 75%, rgba(255,255,255,0) 100%); 
	background: -o-linear-gradient(top, white 0%, rgba(255,255,255,0.75) 75%, rgba(255,255,255,0) 100%);
	}
div#auswahl a { 
	font-family: Verdana, sans-serif; text-shadow: rgba(0,0,0,0.7) 0 0 1pt;
	transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; -webkit-transition: all 1s ease;
	}
div#auswahl > a { font-size: 13pt; color: transparent; } div#auswahl > a:hover { color: black; font-size: 1.4pc; }
div#auswahl > h2 > a { color: black; font-size: 1.7pc; }

div#inhalt { position: absolute; width: 60%; left: 50%; margin-left: -30%; margin-top: 100pt; }

table.macht { width: 100%; margin-top: 20pt; }
td.macht { font-family: 'Normal', Verdana, sans-serif; text-align: right; color: #C83200; font-size: 1.7pc; text-shadow: #C83200 0 0 1.5pt; padding-right: 2pt; }
td.macht > span.klein { font-size: 14pt; }
td.karl { text-align: left; padding-left: 2pt; }
img.karl { width: 219px; height: 300px; border: 1px #2D2D2D solid; padding: 8pt; background-color: white;
	box-shadow: 0 0 2pt black; -moz-box-shadow: 0 0 2pt black; -webkit-box-shadow: 0 0 2pt black; 
	}
	
table.vita { width: 100%; }
table.vita td  { width: 50%; vertical-align: bottom; padding-bottom: 20pt; padding-left: 4pt; padding-right: 2pt; }
table.vita img  { border: 1px #2D2D2D solid; padding: 4pt; background-color: white; box-shadow: 0 0 2pt black; -moz-box-shadow: 0 0 2pt black; -webkit-box-shadow: 0 0 2pt black;  }

p.presse { text-align: justify; }
div.presse { float: left; font-size: 7pc; color: #C83200; text-shadow: #C83200 0 0 1pt; line-height: 2.6pc; margin-top: -30pt;}
p.quelle { text-align: right; margin-bottom: 13pt; font-family: Times New Roman, serif; font-style: italic; color: #C83200; font-size: 11pt;  }
p#wortmetz { font-family: 'Normal', Verdana, sans-serif; color: #C83200; text-shadow: #C83200 0 0 1pt; margin-top: 12pt; margin-bottom: 24pt; }

table#veranstaltungen { text-align: center; }
td.datum { text-align: right; width: 0; font-family: 'Dick', Verdana, sans-serif; color: #2D2D2D; font-size: 1pc; text-shadow: rgba(0,0,0,0.5) 0 0 1pt; }
td.ort { font-family: 'Normal', Verdana, sans-serif; text-align: left; color: #C83200; font-size: 1pc; padding-left: 2pt; text-shadow: #C83200 0 0 1pt; }
td.titel, td.titel > span { font-family: Times New Roman, serif; font-style: italic; text-align: left; font-size: 12pt; padding-left: 2pt; text-shadow: none; padding-bottom: 8pt; }
/*td.titel > span { font-size: 1pc; font-style: normal; text-shadow: none; }*/

a.verweis { display: block; margin-bottom: 12pt; font-family: 'Normal', Verdana, sans-serif; text-align: left; color: #C83200; font-size: 1pc; text-shadow: #C83200 0 0 1pt; }
a.verweis > span.klein { text-shadow: none; }
/*a.verweis:hover > span.klein { text-shadow: rgba(0,0,0,0.5) 0 0 1pt; }*/

::selection { background:  #C83200; color:#2D2D2D; }
::-moz-selection { background:  #C83200; color:#2D2D2D; }  
::-webkit-selection { background:  #C83200; color:#2D2D2D; }