H1 {
font-family:Brill;
}
H2 {
font-family : comic sans ms;
font-size : 2em;
}
H4 {
font-family: 'Courgette';
font-size: 18px;
font-weight:normal;
color:#000;
text-align:center;
}
H5 {
font-family : Arial, sans-serif;
font-size : 11pt;
}
.tit { font-family:Brill;
font-size:24px;
font-weight:bold;
color:#000;
}
A {
text-decoration : none;
color : #555;
outline:0;
}
A:hover {
text-decoration : none;
color : #4466ff;
}
A.tx {
text-decoration : none;
color : #4466ff;
outline:0;
}
A:hover.tx {
text-decoration : none;
color : #555;
}
a:target {
 color: hsla(11, 69%, 57%, 1);
 padding-top:30px;
 font-size: 1em;
}
p,div,span,font {
   -moz-hyphens: auto;
   -o-hyphens: auto;
   -webkit-hyphens: auto;
   -ms-hyphens: auto;
   hyphens: auto;
}
p {
text-align : left;
margin-left : 110px;
font-family : Brill;
font-size : 20px;
line-height : 1.45em;
color:#444;
}
span {
font-weight: bold;
}
img {
border:0px solid silver;
 box-shadow:none;;
}
.lege {
width:350px;
text-align:justify;
font-family:arial;
font-size:0.7em;
padding-top: 10px;
box-shadow:5px 5px 3px silver;
}
figure {
  position: relative;
  margin: 0;
  padding: 10px;
  border: 1px solid silver;
  background:#f4e8b8;
  box-shadow:2px 2px 3px silver;
}

figcaption {

  text-align: justify;
  font-size:0.85em;
  padding-top:10px;
  padding-left:8px;
  background:;
}
body{
color:#444;
font-size: 100%;
line-height: 1.125em;
}
.tra {
transition: background-color 0.6s ease-out;
background: #fff;
border:thin solid gainsboro;
}
td:hover.tra {
background: hsla(199, 60%, 76%, 1);
cursor: pointer;
}
.bildcontainer {
width: 500px;
height: 370px;
position: relative;
}
.ob, .un {
position: absolute; top: 0;
left: 0;
}
.ob:hover {
opacity: 0;
}
.ob, .un {
-ms-transition: opacity 1s; -o-transition: opacity 1s;
-webkit-transition: opacity 1s;
-moz-transition: opacity 1s;
transition: opacity 1.5s;
}