/**
 
horschdic.de-Stylesheet 16.4
(C) 2008-2009, 2016 by terrorhorschd a.k.a. PÄS
all rights reserved
Contact Mail: terror@horschdic.de

horschdic.de-Stilblatt
(C) 2008-2009,2016 terrorhorschd a.b.a. PÄS
alle Rechte vorbehalten
Kontakt Mail: terror@horschdic.de

horschdic.de-Schdilblatt
(C) 2008-2009,2016 by terrorhorschd wo ach da PÄS is
watt ich derf dat mach ich villeicht ach noch schbäda
Poschd: terror@horschdic.de

*/

body {
	background-color: #ddffdd;
	margin:50px 50px; padding:50px;
}


#coord-display all{
    left: 0;
    position: absolute;
    top: 0;
}

#canvas{
	cursor: crosshair;
}

#resulttextarea{
    height: 150px;
    width: 65%;
}

.hud {
    background-color: rgba(127, 127, 255, 0.38);;
    color: royalblue;
    display: inline-block;
    font-size: 36px;
    left: 10px;
    position: fixed;
    top: 0;
}

.hud:nth-child(2){
    left: 10px;
    position: fixed;
    top: 40px;
}

h1 { 
	color: #220000; 
	font-family: sans-serif;
	font-size: 15pt;
}


h2 { 
	color: #000000; 
	font-family: sans-serif;
	font-size: 30pt;
}

h3 {
	color: #000000; 
	font-family: sans-serif;
	font-size: 12pt;
}


div.header {
	text-align: center;
}

table.icons {
	margin-left:auto;
	margin-right:auto;
}

div.htrhist table#histtable {
	margin-left: 15%;
	margin-right: 15%;
}

div.htrhist div.histflyers{
	position:relative;
	margin:24px 15%;
	border:2px;
	padding-left:7px;
	padding-top:7px;
	padding-right:7px;
	padding-bottom:7px;
	background-color:#402010;
}

div.histflyers img#tn1{
	left:10%;
	right:25%;
}

div.histflyers img#tn2{
	left:26%;
	right:41%;
	
}
div.histflyers img#tn3{
	left:42%;
	right:56%;

}
div.histflyers img#tn4{
	left:58%;
	right:64%;
}
div.histflyers img#tn4{
	left:65%;
	right:90%;
}


div.blocktext{
	color: #000000; 
	font-family: serif;
	font-size: 12pt;
}

div.footer .disclaimer{
	background-color: #9999cc;
	font-size: 12pt;
	font-family: monospace;
	width: 233pt;
}

div.footer {
	text-align: center
}

div.sidebar {
	left:9%;
	position:absolute;
	top:100px;
        height:50%;
        width:12%;
}
div.sidebar img {
    
    height: 80%;
    position: relative;
       
}

div.comic {
	position:relative;

}

div.comic img {
	
	height: 200px;
	right: 86%;
	width: auto;
}
	
div.comic img.headbanner {
    width: 70%;
    height: auto;
    position:fixed;
    top: 5px;
}

div.comic p{
    position: relative;
    top: -200px;
    left: 20%;
    width: 62%;
    font-family: Verdana, sans-serif;
    font-size: 18px;
}


div.werbung {
	text-align: center;
	
}

div.navbar {
    position: fixed;
    height:48px;
    
}

.textes {

}
img.topanim {
    width:400px;
    height:260px;
}

div.icontab {
    margin-left: auto;
    margin-right: auto;
    width:450px;
}

div.icontab img{
    width:200px;
    height:130px

}

#resultmapconfig {
	position: relative;
}

div.shapelist li{
    display: flex;
    position: relative;
}

div.shapelist li:nth-child(4n+1){
    left: 0px;
 }
div.shapelist li:nth-child(4n+2){
    left: 60px;
	top: -20px;
}
div.shapelist li:nth-child(4n+3){
    left: 120px;
	top: -40px;
}
div.shapelist li:nth-child(4n){
    left: 180px;
	top: -60px;
	
}
/* An Superhero-Designer delegieren! /**/

.img24{
	width: 24px;
	height: 24px;
}

.img48{
	width: 48px;
	height: 48px;
}

.img16{
	width: 16px;
	height: 16px;
}

.img8{
	width: 8px;
	height: 8px;
}