@font-face { font-family: 'meine-schrift'; src: url('../font/deftone stylus.ttf') format('truetype'); }
@font-face { font-family: 'esofont';src: url("../font/esofont/Planewalker.otf") format("opentype");}

html {
 width:100%;
 height:100%;
 /* von 1-5 jpg zufall */
 1background: url("../pic/esobg/6.jpg") no-repeat center center cover;
 background-color:black;
 background-image: url("../pic/esobg/lava2.jpg");
 background-size:60%;
 1background-position: center; /* Center the image */
 background-repeat: repeat; /* Do not repeat the image */
 1background-size: cover; /* Resize the background image to cover the entire container */
}

body {
 width:100%;
 height:100%;
 padding:0px;
 margin:0px; 
 1font-size: 24px;
 text-align:center;
 margin:auto;
 cursor: default;
 border: 0px solid red;
}

.obenlinks{
top:0px;
position:fixed;
float:left;
width:100%;
background-image: url("../pic/bg-panel.png");
color: #89815B;
text-align:left;
padding-left:10px;
font-size:1.5vw;
font-weight:bold;
box-shadow:0px 0px 4px #000000;
}

.serverbild {
float:left;
width:1.6%;
height:1.6%;
}

.obenrechts{
position:fixed;
right:0px;
width:18%;
color: #89815B;
text-align:right;
padding-right:10px;
font-size:1.5vw;
}

#muteicon {
 position:relative;
 top:3px;
 float:right;
 cursor:pointer;
 width:8%;
 height:8%;
}

img.mute {
filter: grayscale(0%);
-webkit-filter: grayscale(0%);
-moz-filter: grayscale(0%);
-ms-filter: grayscale(0%);
-o-filter: grayscale(0%);
filter: none;
}

img.mute:hover {
filter: grayscale(100%);
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: url(desaturate.svg#greyscale);
filter: gray;
-webkit-filter: grayscale(1);
-webkit-transition: all .6s ease;
-webkit-backface-visibility: hidden;
}

.divplatzhalter {
background-color:transparent;
color:transparent;
font-size:1.79vw;
}

#header{
background-image: url("../pic/bottom-bg-fade_klein.png");
background-repeat: repeat-x;
/* nur mobile - check mit php in der main php
background-image:linear-gradient(to bottom, black, transparent)
*/
}

#footer{
text-align:right;
padding-right:10px;clear:both;
color: #7F7F7F;
font-size: 1vw;
text-align: right;
cursor: default;
position: fixed;
bottom: 10px;
right: 5px;
margin: 0px 20px 0px 0px;
}

.floatleft{
float:left;
}

select.gutachten {
width:85%;
height:auto;
'font-size:2vw;
 background-color:black;
 background-color: transparent;
 color:white;
 color:#B2A069;
 border:1px solid #4C4833;
}

option.gutachten {
 background-color: transparent;
 color:#B2A069;
}

#mediaspace {
 margin: 0 0 0 auto; 
 color:white;
 display:none;
}

#anmelden {
	border:1px solid black;
	border:0px solid #4C4833;
	background-image: url("../pic/bg-panel.png");
	color:#89815B;
	//background-color:gray;
	position: fixed;
    top: 0px;
    width: 100%;
	padding: 5 0 2 3;
	//padding:2px 4px 2px 4px;
	font-size:20px;
	text-decoration:none;
	font-weight: bold;
	box-shadow:0px 0px 4px #000000;
}

#serverlink{
	color:#89815B;
}

#short{
		color:#89815B;
}

#infoklein{
	border:0px solid white;
	text-align:left;
	vertical-align:middle;
	font-size:14px;
}

#seitendiv {
 border:1px solid black;
 1width:100%;
 1height:100%;
 position: relative;
 background:url("../pic/blank.jpg") center top no-repeat;
 background-size:cover;
}

#haupttabelle {
 border:0px solid green;
 margin-left:auto;
 margin-right:auto;
 margin-top:-50px;
 width:100%;
 +height:100%;
}

#topdiv {
 border:0px solid blue;
 background-image: url("../pic/bottom-bg-fade.png");
 background-repeat:no-repeat;
 width:1084px;
 height:218px;
 text-align:center;
 margin:auto;
}

#logobild {
 float:left;
 margin-left:20%;
 1margin-top:35px;
 margin-right:-100%;
}

#gildenname {
 border:0px solid black;
 color:#B2A069;
 font-family:esofont;
 font-size:3.5vw;
 text-shadow: 3px 5px 4px #89815B;
}

#linkdiv {
 border:0px solid black;
 text-align:center;
}

#linktext {
 border:0px solid #4C4833;
 background-image: url("../pic/bg-panel.png");
 font-size:2vw;
 color:#89815B;
 text-decoration:none;
 padding:2px 4px 2px 4px;
 1width:20%;
 font-weight: bold;
 box-shadow:0px 0px 4px #000000
}

#linktextkarte {
text-decoration:none;
color:white;
font-size:0.8vw;
}

#linktext:hover {
 color:#4C4833;
}

#contentdiv {
 border:0px solid black;
 text-align:center;
}

.boxcenter {
 border:1px solid #4C4833;
 background-image: url("../pic/bg-panel.png");
 text-align: center;
 width:50%;
 margin: 0 auto;
 padding:10px;
 display:none;
 color:#B2A069;
 box-shadow:0px 0px 4px #000000
}

#contentkarten {
 border:0px solid #4C4833;
 margin:auto;
 white-space:nowrap;
}

#contentkartenschatz {
 border:0px solid #4C4833;
 margin:auto;
 white-space:nowrap;
}

td #contentkarten {
 text-align:left;
}

td #contentkartenschatz {
 /*text-align:right;*/
}

#contentkartensymbole {
 border:0px solid #4C4833;
 margin:auto;
 text-align: left;
}

#contentueberschrift {
 font-size:2vw;
 font-weight:bold;
 text-decoration:underline;
}

#contentueberschriftdunkel {
 color:#89815B;
 font-weight:bold;
 font-size:1.2vw;
}

#contentabsatzueberschrift {
 font-weight:bold;
 margin:0px 30px 0px 30px;
 text-decoration:underline;
 font-size:1.2vw;
}

#contentabsatzueberschriftnospace {
 font-weight:bold;
 margin:0px 5px 0px 5px;
 text-align:left;
 font-size:1.2vw;
}

#kartensymbolbild {
 vertical-align:middle;
 text-align:center;
 margin:5px;
 width:30px;
 height:30px;
}

#kartenlink {
 text-decoration:none;
 padding:2px;
 color:#89815B;
 font-size:1.2vw;
}

#kartenlink:hover {
 text-decoration:none;
 color:#89815B;
 background-color:#4C4833;
 padding:2px;
}

.feld{
 display:none;
 cursor: pointer;
}

.feldklick {
 cursor: pointer;	
}

.feldklick:hover {
 background-color:#4C4833;
}

#infotxt {
 color:#89815B;
 font-weight:bold;
 font-size:1em;
}

#copydiv {
 border:0px solid white;
 color:#7F7F7F;
 font-size:8px;
 text-align:right;
 cursor: default;
 position: fixed;
 bottom: 10px;
 right: 5px;
 margin: 0px 20px 0px 0px;
}


/* Symbolerklärung Background Class 0=nix 1=weiß 2=schwarz 3=rot 4=grün 5=blau 6=orange 7=gelb 8=grau*/
.ik0{}
.ik1{background-color:rgba(255,255,255,0.8);box-shadow:0px 0px 2px #000000}
.ik2{background-color:rgba(0,0,0,0.8);box-shadow:0px 0px 2px #000000}
.ik3{background-color:rgba(230,0,0,0.8);box-shadow:0px 0px 2px #000000}
.ik4{background-color:rgba(0,255,0,0.8);box-shadow:0px 0px 2px #000000}
.ik5{background-color:rgba(0,80,255,0.8);box-shadow:0px 0px 2px #000000}
.ik6{background-color:rgba(255,90,0,0.8);box-shadow:0px 0px 2px #000000}
.ik7{background-color:rgba(255,200,0,0.8);box-shadow:0px 0px 2px #000000}
.ik8{background-color:rgba(124,124,125,0.8);box-shadow:0px 0px 2px #000000}

/*nur für schatzkartenlink*/
a {
 font-size:1.2vw;
 text-decoration:none;
 color:#656049;
 padding:2px;
}

a:hover {
background-color:#4C4833;
}

a:hover#serverlink {
background-color:transparent;
color:#656049;
}  

/*Zusatz Gutachten */
a:hover.bildlink {
 text-decoration:none;	
 background-color:transparent;
}

#gutachtenbild {
 width:80%;
 height:80%px;
 border:1px solid #4C4833;
}