html, body {
        height: 100%;
        margin: 0;
        pushing: 0;
        font-family: Times New Roman;
      }
      #mainWindow{
        position:absolute;
        left:0px;
        top:0px;
        width:100%;
        height:100%;
        z-index:10;
        float:left;
      }
      #idBigPic{
        position:absolute;
        left:0px;
        top:0px;
        width:100%;
        height:100%;
        z-index:997;
        /*margin:auto;*/
        /*background:white;*/
        /*border: 2px dashed silver;*/
      }
      #idBigPicImg{
        position:absolute;
        left:0px;
        top:0px;
        z-index:98;
        max-width : 100%;
        max-height: 100%;
        /*margin:auto;*/
      }
      #idBigPicClose{
        position:absolute;
        top:0px;
        left:0px;
        float:left;
        z-index:99;
        font-family: Arial;
        font-size:18px;
        font-weight: bold;
        cursor: pointer;
        border:1px solid silver;
        background-color: #DDDDDD;
        padding:5px 3px 5px 3px;
        margin-left:3px;
      }
      #map {
        position:relative;
        height:100%;
        min-width:50%;
        z-index:12;
        float:clear;
      }
      .window{
        position:absolute;
        top:0px;
        left:0px;
        margin-top:12px;
        margin-left:120px;
        background-color:white;
        border:1px solid silver;
        padding:0px;
        padding-left:10px;
        box-shadow: 10px 20px 30px grey;
        padding-top: 0px;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;          
      }
      #GameWindowErg{
        z-index:90;
        padding-right:10px;
        padding-bottom:5px;
        margin-right:5%;
        margin-top:50px;
        
      }
      #editor{
        position:absolute;
        margin-left:10px;
        margin-top:50px;
        float:left;
        width:300px;
        z-index:12;
        background-color:white;
        padding:5px;
      }
      #editor *{
        font-size:0.9em;
      }
      #menue{
        margin-top:65px;
        margin-left:80px;
        padding:0px 5px 0px 15px;
        z-index:99;
        width:200px;
      }
      #menue a{
        display:inline-block;
        /*width:100%;*/
        vertical-align:middle;
        margin:0px;
        margin-left:-10px;
        padding:7px 0px 7px 0px;

        height:20px;
        cursor:pointer !important;
        font-weight: bold;
        /*width:100%;*/
        text-decoration: none !important; 
        color:black;
      }
      #menue a:hover{
        background-color:#fafafa;
        /*border:1px solid silver;*/
        /*font-size:1.2em;*/
        /*border-bottom:1px solid silver;*/
        color:#AAAAAA;
        cursor:pointer !important;
      }
      #filter{
        margin-top:12px;
        z-index:98;
        width:300px;
        background-color: transparent;
        border:none;
        padding:0px;
        box-shadow: none;
      }
      #filter>div h3{
        margin:0px;
      }
      #filter>div input, button{
        margin-bottom: 3px;
      }
      #filter>div{
        padding:5px;
        padding-top:0px;
        border:1px solid silver;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;           
        background-color: white;
        margin-bottom:10px;
        box-shadow: 10px 20px 30px grey;
      }
      #filter>#dSpielen{
        width:200px;
      }
      #filterdiv{
        padding-right:10px;
        padding-top: 0px;
      }
      #search{
        margin-top:12px;
        margin-left:120px;
        z-index:97;
        background-color:transparent;
        border:0px;
        /*box-shadow: 5px 5px 5px grey;*/
       vertical-align: middle;
        white-space: nowrap;
        position: absolute
        padding:15px;
        }
      #search>form>div{
      }
      #search>form>button{
        display:none;
      }
      #search>form>div>input{
        position:relative;
        top:0px;
        left:0px;
        width:100%;
        margin:0px;
        z-index:40;
        padding:3px;
        padding-left:10px;
        border:none;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;        
        height:20px;
      }

      #search>form>div>input:focus{
        outline: none;
      }
      #search>form>div>span{
        position:absolute;
        top:0px;
        left:0px;
        width:100%;
        pointer-events: none;
        text-align: right;
        font-size:0.6em;
        color:#00AA00;
        z-index:50;
        padding:5px;
        margin-top:3px;
        margin-right:10px;
      }
      #GameWindow{
        margin-top:12px;
        margin-left:120px;
        z-index:100;
        width:300px;
      }
      #mbutton{
        position:absolute;
        z-index:90;
        top:55px;
        left:10px;
        width:20px;
        height:20px;
        /*width:30px;*/
        /*background-color:white;*/
        /*border:1px solid silver;*/
        /*padding:5px;*/
		box-sizing: border-box;
		border-radius: 3px 15px 5px 30px;
      }
      #mbutton a img{
        border:1px solid silver;
        background-color:white;
        box-shadow: 3px 3px 3px grey;
		box-sizing: border-box;
border-radius: 5px 5px 5px 5px;

      }
      #sbutton{
        position:absolute;
        z-index:91;
        top:10px;
        left:200px;
        width:25px;
        height:25px;
        /*width:30px;*/
        /*background-color:white;*/
        /*border:1px solid silver;*/
        /*padding:5px;*/
      }
      #pbutton{
        position:absolute;
        z-index:91;
        top:10px;
        left:160px;
        width:25px;
        height:25px;
        /*width:30px;*/
        /*background-color:white;*/
        /*border:1px solid silver;*/
        /*padding:5px;*/
      }
      #fbutton{
        position:absolute;
        z-index:91;
        top:10px;
        left:240px;
        /*width:25px;*/
        height:25px;
        /*width:30px;*/
        background-color:white;
        border:1px solid silver;
        padding:5px;
      }
      #sbutton a img{
        height:24px;
        width:24px;
        background-color: white;
        box-shadow: 3px 3px 3px grey;
      }

      #hoverView{
        position:fixed;
        top:0x;
        left:0x;
        margin:0px 0px 0px 0px;
        padding:10px 10px 10px 10px;
        height: 100%;
        width: 100%;
        z-index:90;
        //background-color:white;
        //border:1px solid red;
      }
      #hoverView div{
        position:absolute;
        top:0px;
        left:0px;
        margin-left: 50px;
        margin-top: 50px;
        padding:5px 5px 5px 5px;  
        border:3px solid silver;
        width:300px;
        height:300px;
        background-color:white;
        z-index:91;
        overflow:auto;
        -webkit-box-shadow: 7px 6px 8px 0px rgba(0,0,0,0.31);
        -moz-box-shadow: 7px 6px 8px 0px rgba(0,0,0,0.31);
        box-shadow: 7px 6px 8px 0px rgba(0,0,0,0.31);
      }
      
      .antworten{
        background-color:white;
        margin:2px;
        width:80%;
        //height:15px;
        padding:2px;
      }
      .antworten:hover{
        background-color:#dfdfdf;
      }
      
      .toogleHeadClosed, .toogleHeadOpen{
        border:1px solid #dadada;
        //border-bottom:1px solid #dadada;
        padding:0px 0px 2px 5px;
        width:80%;
        font-weight:bold;
        font-family: arial;
        color:#888888;
        margin-top:5px;
      }
      .toogleHeadClosed{
        background-color:white;
      }
      .toogleHeadClosed:hover{
        border: 1px solid #aaaaaa;
        color:black;
      }
      .toogleHeadClosed div, .toogleHeadOpen div{
        border-left:1px solid silver; 
        padding: 2px 5px 0px 5px;        
        height:100%;
        width:10px;
      }
      .toogleHeadOpen{
        background-color:#f5f5f5;
      }

      .toogleBody{
        background-color:#fafafa;
        padding:2px 5px 2px 5px;
        width:80%;
        //border-bottom:1px dashed silver;
        //border-right:1px dashed silver;
        border:1px solid silver;
        //border-bottom:1px solid silver;
        margin-left:0px;
        margin-bottom:10px;
        float:left;
      }

      #content *{
        font-size:10px;
      }
    
      #contentID{
        text-align: right;
        font-size:8px;
        font-weight: bold;
        color:silver;

      }
      * {cursor:crosshair !important;} 
    
      .CBox{
        width:250px;
        min-height:150px;
        padding:0px;
        margin:0px;
        overflow-x: auto;
        overflow-y: auto;
        z-index:999;
      }
      .CBox.NoInfo{
        max-width:250px;
        min-width:150px;
        width:auto;
        min-height:50px;
        padding:0px;
        margin:0px;
        overflow-x: auto;
        overflow-y: auto;
        z-index:999;
      }
      .CBox .CHead{
        font-weight:bold;   
        font-size:14px;
        /*line-height: 8px;*/
        padding:0px;
        margin:0px; 
        white-space: nowrap;    
      }
      .CBox .CKatName{
        font-size:9px;
        color:silver;
        padding:0px;
        margin:0px;
        margin-top:-5px;        
        white-space: nowrap;
        /*line-height: 9px;*/
      }
      .CBox .CInfoControl{

      }
      .CBox .CInfoBox{
        border:1px solid #DDDDDD;
        min-height:50px;
        padding:3px;
        margin:0px;
        overflow:auto;
        height:100px;
        z-index:999;
      }

      input[type=radio] {
        display:none;
      }
      input[type=radio]:disabled + label{
        color:#DDDDDD !important;
      }
      input[type=radio] + label {
        display:inline-block;
        margin:-2px;
        padding: 4px 8px;
        margin-top:0px;
        margin-bottom: 0;
        font-size: 10px;
        line-height: 14px;
        color: #333;
        text-align: center;
        text-shadow: 0 1px 1px rgba(255,255,255,0.75);
        vertical-align: middle;
        cursor: pointer;
        background-color: #f5f5f5;
        background-image: -moz-linear-gradient(top,#fff,#e6e6e6);
        background-image: -webkit-gradient(linear,0 0,0 100%,from(#fff),to(#e6e6e6));
        background-image: -webkit-linear-gradient(top,#fff,#e6e6e6);
        background-image: -o-linear-gradient(top,#fff,#e6e6e6);
        background-image: linear-gradient(to bottom,#fff,#e6e6e6);
        background-repeat: repeat-x;
        border: 1px solid #ccc;
        border-color: #e6e6e6 #e6e6e6 #bfbfbf;
        border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
        border-bottom-color: #b3b3b3;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff',endColorstr='#ffe6e6e6',GradientType=0);
        filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
        -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);
        -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);
      }

      input[type=radio]:checked + label {
           background-image: none;
        outline: 0;
        -webkit-box-shadow: inset 0 2px 4px rgba(0,0,0,0.15),0 1px 2px rgba(0,0,0,0.05);
        -moz-box-shadow: inset 0 2px 4px rgba(0,0,0,0.15),0 1px 2px rgba(0,0,0,0.05);
        box-shadow: inset 0 2px 4px rgba(0,0,0,0.15),0 1px 2px rgba(0,0,0,0.05);
          background-color:#e0e0e0;
      }