html, body {  min-height:101%;   }

body  {  background-color:#000000; /* */
     /*  background-image: url(bilder/hg/hg.jpg);  hg2.jpg */
    /*    background-image: url(bilder/hg/hgmusik.jpg); /* hg.jpg     */
        background-image: url(bilder/hg/verlauf.jpg);
background-position:center top;         background-repeat: repeat-y;
        background-attachment: fixed;
        margin: 0px;
       }

body, td, p, div {
color:       #D9D9D9;
font-family: Helvetica,  Helvetika,Arial, Verdana,  "Times New Roman", sans-serif;
font-size:   13px;
line-height: 18px;
}

#distance {     width:1px;
                height:50%;
                margin-bottom:-280px; /* half of container's height */
                float:left;
                }
#aussen
{ width:1000px;      background-color:#000000;
  border: 0;
}    /* border: 1px solid #999999;      */

#schach {
margin:0 auto;
position:relative; /* puts container in front of distance */
text-align:left;
height:560px;
/*    width:1018px; */
clear:left;
}

#mitte
{ position:absolute;
  top:50%;
  left:50%;
  width:1000px;
  height:560px;
  margin-left:-500px;
  margin-top:-280px;
}



cite	{	color:#A6A6A6; font-weight: normal; font-style:normal;	}
abbr	{	color:#ff70c5; font-weight: normal; font-style:normal;	}   /* ff9fd7  ff70c5  D56C9B   E07183  */
 img  { border:0; }
 form { border:0; }
 
.spieler
{color:#999999; font-weight:normal;
font-family: "Century Gothic",  Helvetika,Arial, Verdana,  "Times New Roman", sans-serif;
font-size:   13px;}


.kleine {text-transform: lowercase;}
.grosse {text-transform: uppercase;}
.capital {text-transform: capitalize;}



#navigation {         background-color: #333333;
   width: 100%;
   padding: 0px;  padding-top:14px; padding-bottom:14px;
   font-weight: normal;
   font-size: 14px; text-transform: uppercase; letter-spacing:1px;
 }      /*    background-color: #333333;     */
#navigation ul
{ margin: 0;
  padding: 0;
  list-style-type: none;
}
#navigation li { margin-top: 2px; display: inline; }
#navigation li a { font-weight: normal;
  height: 14px;
  color: #cccccc;
/*  background-color: #d0d3d9; */
  text-decoration: none;
  padding:16px;
}
#navigation li a#aktuell {
  color:#ffffff;
  background-color:#000000;
   padding-bottom:-1px;
}
#navigation li a:hover { color:#ffffff; background-color: #222222;}
#navigation li a:active { color:#ffffff; background-color: #666666;}
#navigation li ul li a {
  color: #666;
  background-color: #f0f1f3;
 /* padding-left: 40px; */
}
#navigation li ul li a:hover { background-color: #fff;}



#navigation2 {     background-color: #262626;
   width: 100%;
   padding: 0px;  padding-top:6px; padding-bottom:6px;
   font-weight: normal;
 }
#navigation2 ul
{ margin: 0;
  padding: 0;
  list-style-type: none;
}
#navigation2 li { margin-top: 2px; display: inline; }

#navigation2 li a { font-weight: normal;
  height: 14px;
  color: #cccccc;
/*  background-color: #d0d3d9; */
  text-decoration: none;
  padding: 6px 6px 6px 6px;
}
#navigation2 li a#aktuell {
  color:#ffffff;
  background-color:#000000;
  padding-left:6px;  padding-right:6px;
   padding-bottom:-1px;
}
#navigation2 li a:hover { color:#ffffff; background-color: #222222;}
#navigation2 li a:active { color:#ffffff; background-color: #666666;}
#navigation2 li ul li a {
  color: #666;
  background-color: #f0f1f3;
 /* padding-left: 40px; */
}
#navigation2 li ul li a:hover { background-color: #fff;}




.inhalt { padding-left:40px; padding-right:40px;  }
.musik { padding-left:30px;  }  /* kann die weg? 4.5.2016 */

#musikMenu   { position:absolute; top:270px; left:150px; width:160px;  height:345px; z-index:1;
            padding-left:20px; padding-bottom:20px;  padding-top:15px;          }
#musik  {  left:0px; width:910px;  height:400px; z-index:1; overflow:auto;
             padding-right:0px; padding-bottom:10px; padding-top:10px; }



.tisch th a { display:block; width:100%; }  /*  SPIELFELD  -  alle Tischlinks  */



.trans {  background-image: url(bilder/seite/s50.png); }

.hintergrund
{ /* border: 1px solid #444444;  */
  background-color:#333333;   padding: 4px;
  }

ul { margin-left: 1em; padding-left: 1em; list-style-type:square;  }
ol { margin-left: 1em; padding-left: 1em; }

.rand
{ border: 4px solid #444444;
  background-color:#333333;
  padding-top: 10px; padding-left:10px; padding-right:10px; padding-bottom: 10px;}

.aktion
{ background-color:#454545;
  padding-top: 10px; padding-left:10px; padding-right:10px; padding-bottom: 10px;}

.einzug
{ padding-left: 10px; }

.bank
{ border: 1px solid #333333;
  background-color:#666666;
  padding: 2px; }

form, h1, h2, h3, h4, h5, h6 { display:inline; }

h1, h2, h3, h4, h5  {
      color:#e4e4e4;
      font-family: Helvetika, Helvetica, Arial, Verdana, sans-serif;
   /*   font-variant:small-caps; */
      }

h1 { font-size: 26px;  color:#D9D9D9; line-height: 30px; font-weight: normal;
     font-family: "Times New Roman", serif;  letter-spacing:-0,2em; }

.t1 { font-size: 26px;  color:#D9D9D9; line-height: 30px; font-weight: normal;
     font-family: "Times New Roman", serif;  letter-spacing:0.1em }

h2 { font-size: 16px; line-height: 20px; }

h3 { font-size: 16px;  color:#ffffff; line-height: 20px; font-weight: normal; letter-spacing:1px;}
h4 { font-family:  Verdana, "Times New Roman", Arial,  Helvetica, sans-serif;
     font-size: 14px;  color:#444444; line-height: 20px; font-weight: bold; } /* schwarze Überschriften für Regeln */


h6 { font-family: Verdana, Arial, "Times New Roman", sans-serif;font-size:   12px;
text-shadow: gray 0.1em 0.1em 0.4em;
line-height: 16px; }

.d1    {font-size: 26px; line-height: 30px;
        font-family: "Times New Roman", Arial, Verdana,  Helvetica, sans-serif;
        color: #556699;
        /* letter-spacing: 1px; */
        }


th {
color:#ffffff;
font-size: 12px; }

.weiss {
color:#000000;
background-color:#ffffff; }

.schwarz {
background-color:#333333; }

.hell { color:#000000;
  background-color:#DFDFDF;
     }

.dunkel {  color:#000000;
  background-color:#999999;
     }

.gruen {
  background-color:#999999;
    }
.braun {
  background-color:#999999;
     }

.amzug {font-weight: normal;}

div.rahmen { padding:2px; border: solid 1px #333333; }
.box    { color:#ffffff; background-color:#556699;} /* border: solid 1px #cccccc;  */
.box2    { /*  border: solid 1px #666666;   */
		   color:#ffffff; background-color:#333333;
           width:244px; padding:10px;}
#box    { padding:2px;  background:#666666; }

#box1xxxxxxxxxxxxxx{
 background-color:#666666;
 width:140px;
 wid\th: 75px; // wird für IE benötigt
 display:inline;
}

.hlog
{ height: 34px;
}
.kasten { width: 220px; }
.figur
{ width: 28px;
  padding:0px; float:left;
  border: solid 2px #cccccc;
  background-color:#ededed;
}
.neutral
{ width: 200px;
  padding:10px;
/*  border: dotted 4px #000000; */
  background-color:#555555;
}
.zug
{ padding:10px;
  border: solid 1px #cccccc;
  background-color:#556699;
}
.fehler
{ padding:10px;
/*  border: dotted 4px #000000; */
  background-color:darkred;
}

.t1 { font-size: 16px; font-family: Verdana, Tahoma, "Times New Roman", Helvetica, sans-serif;
      line-height: 20px;
      font-weight: normal; }

form { display:inline; margin:0; }

.internet {
color:#000000;
background-color:#000000;
border: 1px solid #000000;
}

a:link     { color:#7C9CBB;  font-weight: bold; text-decoration:none;  }   /* 4dc2cb  7C9CBB 8092B7   */
a:visited  { color:#7C9CBB;  font-weight: bold; text-decoration:none;   }
a:active   { color:#99CCFF;  font-weight: bold;  text-decoration:underline;  }
a:hover    { color:#ffffff; font-weight: bold;  background:#454545;  text-decoration:none;  }  /*  */
a.an { text-decoration:underline; }


a.link1 { color:#E07183; text-decoration:none;font-weight: bold; }    /* frei in pink FF47A9 */
a.link1:link    {  text-decoration:none;}
a.link1:visited {  text-decoration:none;}
a.link1:hover   {  text-decoration:none;}
a.link1:active  {  text-decoration:none;}

a.link2 { color:#7C9CBB; text-decoration:none;font-weight: bold; }   /* frei in blau normal */
a.link2:link    {  text-decoration:none;}
a.link2:visited {  text-decoration:none;}
a.link2:hover   {  text-decoration:none;}
a.link2:active  {  text-decoration:none;}

a.hist { color:#ededed; text-decoration:none;font-weight: normal; font-size: 11px; }   /* frei in blau normal */
a.hist:link    {  text-decoration:none;}
a.hist:visited {  text-decoration:none;}
a.hist:hover   {  text-decoration:none;}
a.hist:active  {  text-decoration:none;}

span a { display: block; }
span a:hover { background: #ffffff; }

.ue1   {font-size: 18px;
        font-family: Verdana, "Times New Roman", Helvetica, sans-serif;
        font-weight: bold;
        color: #ffffff;
        letter-spacing: normal;
        word-spacing: normal;
        line-height: 20px;}

.ue2    {font-size: 20px;
        font-family: "Times New Roman", Arial, Verdana,  Helvetica, sans-serif;
        color: #efefef;
        line-height: 22px;
        letter-spacing: 1px;
           }

.sue2    {font-size: 16px;
        font-weight: bold;
        color: #000000;
        line-height: 18px;
        /* letter-spacing: 1px; */
         }


input { font-family: Verdana,Arial,sans-serif;
        font-weight: bold;
        }
.zugfeld { background-color: transparent;
          font-size:18px; color:#FF1493;       /*  hg 666666          FF1493 */
          border: solid 1px #666666;
          padding-left:2px;
          }
.regelfeld { background-color: transparent;
          color:#ffffff;       /*  hg 666666          FF1493 */
          font-weight: normal;
          font-size:11px;
          border: solid 1px #666666;
          padding-left:2px;
          }

.bunt  {font-weight: bold;  /*     CB4480 */
        color:#D56C9B; }             /*CB4480 E07183 C48DC3 */

.dran  { font-weight: bold;
        background-color:#556699;
        color:#ffffff;}

		
		
/*    Buttons  */
.frei { 							/*    standard    */
		 background-color:#3569A9;
         color: #fdfdfd; font-size: 14px;	 font-weight: normal;  	
		 font-family: Arial, Verdana, sans-serif;  	
		 padding:4px;
		 border-top:  1px solid #6699CC;   border-bottom: 1px solid #215697;  
		 border-left: 6px solid #3569A9;   border-right:  6px solid #3569A9;
       }
.login { height:26px;							/*    standard    */
		 background-color:#3569A9;
         color: #fdfdfd; font-size:   13px;	 font-weight: normal;  	
		 font-family: Arial, Verdana, sans-serif;  		 
		 border-top:  1px solid #6699CC; border-bottom: 1px solid #215697;  
		 border-left: 6px solid #3569A9; border-right:  6px solid #3569A9;
       }
.farbig  { height:26px;							/*    wie standard, muss in allen dir/index.php ersetzt werden    */
		 background-color:#3569A9;
         color: #fdfdfd;  font-size:   13px; font-weight: normal;  	
		 font-family: Arial, Verdana, sans-serif;  			 
		 border-top:  1px solid #6699CC; border-bottom: 1px solid #215697;  
		 border-left: 6px solid #3569A9; border-right:  6px solid #3569A9;
          }
.resetknopf  { height:26px;
		background-color:#666666; 
		color:       #000000;
		 font-weight: normal;  font-size:   13px;
		 font-family: Arial, Verdana, sans-serif;  
		 border-top:  1px solid #999999; border-bottom: 1px solid #333333;  
		 border-left: 0; border-right:  0;}	   
	   

.button  { font-weight: normal; font-size: 12px; letter-spacing: 0.1em;
        text-transform: uppercase;
		color: #d9d9d9;    /* letter-spacing: 1pt;  ededed display: block;   3569A9  807f7f*/
        background-color:#333333; /* 666666 */
		padding:10px 16px; 
		border-radius: 2px; 
        border: 1px solid #ff0033; 
		/* Hover */
		-webkit-transition-duration: 0.4s; /* Safari */
		transition-duration: 0.4s;
		}
	
.button:hover {
    background-color: #4CAF50; /* Green */
    color: white;
}		
		
		
a.button { color:#ededed; text-decoration:none;font-weight: normal; font-size: 12px;}   /* frei in blau normal */
a.button:link    {  text-decoration:none;}
a.button:visited {  text-decoration:none;}
a.button:hover   {  text-decoration:none;}
a.button:active  {  text-decoration:none;}

		
	   
.button2  { font-weight: normal;
        background-color:#999999;}


.klein  {font-size: 10px;
         color: #cccccc; line-height: 11px;  }

.w  { color: #ffffff;  font-weight: normal;  }
.s  { color: #000000;   }
.wf  { color: #ffffff; font-weight: bold;  }
.s10  { font-size: 10px;  color: #000000;   }
.s11  { font-size: 12px;  color: #000000;   }
.grau  { color: #999999;  }



.vorrat { text-align: left;
        text-decoration:underline; text-decoration:none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;  line-height: 18px;
        background-color:#000000;
        font-variant:small-caps;  /* kapitälchen */
        letter-spacing: 1pt;
        background-color:#e3e3e3; /* bei button */
        background:#BCD2EE;       /* button-farbe blau - anderes blau A4D3EE - hellgrün C1FFC1  - blassrot F08080 -->
        color:#000078;            /* button-schrift dklblau */
}