html, body {height: 100%; margin: 0px; }

body { background-image: url(/img/background.jpg); }

p { margin: 0px; }

#outer {height: 100%; width: 100%; overflow: visible; }
#outer[id] {display: table; position: static;}

#middle {position: absolute; top: 50%; } /* for explorer only*/
#middle[id] {display: table-cell; vertical-align: middle; position: static; }

#vert { position: relative; top: -50%; margin: 0px auto; background-image: url(/img/vert.jpg); background-position: center center; padding: 20px; width: 820px; }
#horiz { background-image: url(/img/horiz.jpg); background-position: center center; padding: 20px; }
#center { position: relative; border: 1px solid black; background-image: url(/img/background.jpg); text-align: center; padding: 10px 10px 20px 10px; }

#drache { display: block; position: absolute; left: -380px; bottom: 135px; width: 180px; }
#drache[id] { display: block; position: absolute; left: 0px; bottom: 55px; width: 180px; }
#rabe { display: block; position: absolute; right: 50px; bottom: 135px; width: 220px; }
#rabe[id] { display: block; position: absolute; right: 5px; bottom: 55px; width: 220px; }

#embol { position: absolute; left: -390px; top: 0px; width: 30px; }
#embol[id] { left: -1px; top: -1px; }
#embor { position: absolute; right: 40px; top: 0px; width: 30px; }
#embor[id] { right: -1px; top: -1px; }
#embul { position: absolute; left: -390px; bottom: 79px; width: 30px; }
#embul[id] { left: -1px; bottom: -1px; }
#embur { position: absolute; right: 40px; bottom: 79px; width: 30px; }
#embur[id] { right: -1px; bottom: -1px; }

#head { margin: 0px; border: 0px; padding: 0px; }
img#adresse { border: 0px; margin-top: 10px; }
#hide { display: none; font-family: "Fette Fraktur, Heavy", "Fette Fraktur", serif; font-size: xx-large; text-align: center; position: relative; top: -345px;}
.spam { display: none; }