body { margin: 0; padding: 0; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 76%; color: #000;
/*   background-color: #f93;*/
   background-color: #fff9ed; 
/*   background-image: url(../images/bgpattern_hellbeige.gif); */
   background-image: url(../images/bg_pattern_beige2.gif); 
   property: value; }

html {
   padding: 0;
   }
.background {
   background: #fff;
   top: 0; 
   left: 0; 
   padding: 0; 
   }

#header {
   width: 100%; 
   height: 11.2em; 
/*   position: fixed; */
   position: absolute;
   left:0;
   top:0;
   visibility: visible; 
   background:#fff3db;
   border-top:1px solid #000;
   border-bottom:1px solid #000;
   white-space: nowrap;   
   }
#header p {
   margin: 0;
   padding: 0;
   }
html>body #header {  /* nur fuer moderne Browser! */
/*    position: fixed;*/
   width: 100%;
   background-color: #fff3db;
/*   min-height: 180px;*/
  }
.hiddenforprint {
   display: none;
   }

#logo {
/*   float: left; */
   position: absolute;
   left:0px;
   top:0px;
   white-space: nowrap;   
   margin: 0; 
   padding: 1.2em 0 0 1.2em; 
   }
#logo img { 
   margin: 0; 
   padding: 0; 
   border:none; 
   }   

#left { 
   left: 85px; 
   top: 0; 
   position: absolute; 
   visibility: visible; 
   padding: 1.2em 0 0 1.2em; 
}
#left img { 
   margin: 0 0 0; 
   padding: 0; 
   border:none; 
   }   
#left a {
   color: #000;
   font-weight: bold;
   text-decoration: none;
   padding: 0;
}
#left table {
/*   border:1px solid blue;*/
   border-collapse:collapse;
   margin: 0;
   padding: 0; 
   font-size: 0.9em;
   line-height: 1em;
   empty-cells:hide;
}
#left td {
   padding-right: 1em; 
}

#address { 
   left: 490px; 
   top: 15px;
/*  vertical-align: baseline;*/
   position: absolute; 
   padding: 0; 
   margin: 0;
   text-align: left;
   font-size: 0.9em;
   line-height: 1em;
}

#address2 { 
   left: 470px; 
   top: 15px;
/*  vertical-align: baseline;*/
   position: absolute; 
   padding: 0; 
   margin: 0;
   text-align: left;
   font-size: 0.9em;
   line-height: 1em;
}
#address2>p { 
   margin-left: 15px; 
}

#address1 { 
   left: 440px; 
   top: 15px;
   position: absolute; 
   padding: 0; 
   margin: 0;
   text-align: left;
   font-size: 0.9em;
   line-height: 1em;
}
#address1 a {
   color: #000;
   font-weight: bold;
   text-decoration: none;
   padding: 0;
}
#address3 { 
   left: 620px; 
   top: 15px;
/*  vertical-align: baseline;*/
   position: absolute; 
   padding: 0; 
   margin: 0;
   text-align: left;
   font-size: 0.9em;
   line-height: 1em;
}

#menu {
/*   left: 0; 
   top: 0; */
/*   position: absolute; 
   visibility: visible; */
   margin: 0;
   padding: 0;
   background-color: #fff3db;
   }
hr {
   width:60.25em;
   color:#c33; 
   background-color:#c33; 
   height:2px;
     text-align:left;
   }   
#menu>hr {
   width:61em;
/*   width:61.25em;*/
   color:#c33; 
   background-color:#c33; 
   height:2px;
     text-align:left;
   }   
ul#Navigation {
   margin: 0; 
   padding: 0 0 0.2em;
   text-align: left;
/*   border-top: 2px solid #c33;
   border-bottom: 2px solid #c33;*/
   background-color: #fff3db;
   }
#menu>ul#Navigation {
   margin: 0; 
   padding: 0.3em 0.5em 0.5em 0;
   text-align: left;
/*   border-top: 2px solid #c33;
   border-bottom: 2px solid #c33;*/
   background-color: #fff3db;
   }
ul#Navigation li {
   list-style: none;
   display: inline;
   margin: 0; padding: 0;
   }
ul#Navigation li a.current {
   margin: 0; 
   border-color: black white white black;
   color: white;
   background-color: #ff6666;/*#ff6600;#c33;*/
   }
#menu>ul#Navigation li a.current {
   padding: 5px; 
/*   padding: 0.3em 0.5em 0.5em 0em;*/
   border-color: black white white black;
   color: white;
   background-color: #ff6666;/*#ff6600;#c33;*/
   }
ul#Navigation a, ul#Navigation span { 
   margin: 0; 
   padding: 1px 4px; 
   text-decoration: none; 
   font-weight: bold; 
   color: #c33; 
   background-color: #fc3; 
   border-color: #fff3db black black #fff3db; 
   border-style: solid; 
   border-width: 2px; 
   }
#menu>ul#Navigation a, ul#Navigation span { 
   margin: 0; 
   padding: 5px; 
   text-decoration: none; 
   font-weight: bold; 
   color: #c33; 
   background-color: #ffcc00; 
   border-color: #fff3db black black #fff3db; 
   border-style: solid; 
   border-width: 2px; 
   }
* html ul#Navigation a, * html ul#Navigation span {
   width: 1em;    /* nur fuer IE 5.0x erforderlich */
   w/idth: auto;  /* sicherheitshalber fuer spaetere Versionen korrigiert */
   }
ul#Navigation a:hover, ul#Navigation span {
   margin: 0; 
   padding: 1px 4px;
   border-color: black white white black;
   color: white;
   background-color: #c33;
   }
#menu>ul#Navigation a:hover, ul#Navigation span {
   margin: 0; 
   padding: 5px;
   border-color: black white white black;
   color: white;
   background-color: #c33;
   }
#menu img { 
   margin: 0; 
   padding: 0; 
   border:none; 
   vertical-align: middle;
   /*text-align: bottom;*/
   }   

#submenu {
/*   left: 0; 
   top: 0; 
   position: relative; 
   visibility: visible;*/ 
   padding: 0.3em 0 0 0;
/*   padding: 8em 0.6em 0.8em 0.3em;*/
   margin: 0; 
/*   margin: 0;*/
   color: #f90;
   font-weight: bold;
   text-decoration: none;
   vertical-align: middle;
   text-align: left;
/*   border-top: 2px solid #c33;
   border-bottom: 2px solid #c33;*/
/*   background-color: #fed;*/
   }
#submenu>hr {
   margin-top: 1em; 
   width:54em;
   color:#c33; 
   background-color:#c33; 
   height:2px;
     text-align:left;
   }   
#submenu img {
   margin: 0; 
     text-align:left;
     vertical-align: baseline;
   }   
#submenu a {
   color: #f90;
   font-weight: bold;
   text-decoration: none;
   padding: 0;
   }
#submenu a.current {
   color: #c33;
   text-decoration: none; 
   background-color: #fff3db;/*#f90;*/
   padding: 3px 0;
   }
#submenu a:hover {
   color: #c33;
   text-decoration: none; 
   background-color: #f90;
   padding: 3px 0;
   }

.content { 
/*   width: 635px; */
   margin: 12em 1.2em 1.2em 1.2em;
   text-align:left;
   border: solid 1px #000;
   padding: 1.2em;
   background-color: #fff3db;
   }
.contentindex { 
   margin: 12em 1.2em 1.2em 1.2em;
   text-align:left;
   border: solid 1px #000;
   padding: 1.2em;
   background-color: #fff3db;
   }
.contentindex p { 
   color:#000; 
/*   margin: 1.2em 1.2em 0 0; */
    font-size: 0.9em;
    margin: 1em 0;
   }
   
.content h1 {
   font-size: 2em;
   font-weight: normal;
   margin-bottom: 1.2em;
   color: #c33;
/*   background-color: #fed;*/
/*   text-decoration: underline;*/
/*   border-bottom: 1px solid #be000f;*/
   }
.content p { 
   color:#000; 
/*   margin: 1.2em 1.2em 0 0; */
    font-size: 1em;
    margin: 1em 0;
   }
.content strong { 
   font-weight: bold;
   letter-spacing: 0.05em;
/*   color: #606060;*/
/*   color: #fe9a00;*/
   }
.content #Fusszeile {
   clear: both;
   font-size: 0.9em;
   margin: 0; 
/*   padding: 0.1em; */
   text-align: left;
   color: silver; 
/*   border: 1px solid silver;*/
   color: #999; 
/*   background-color: #ccc; */
   background-color: transparent;
   }
.content table { 
   border-collapse:collapse;
/*   border-top:2px solid black; */
/*   border-bottom:2px solid black; */
   border-left-style: none;
   border-right-style: none;
   margin-bottom:0.6em;
   font-size: 1em;
   empty-cells:hide
   }
.content tr { 
   border-collapse:collapse;
/*   border-top:1px solid black; */
   }
.content th { 
   padding: 0.6em 1.2em 0.6em 0.3em;
   font-weight: bold;
   border-bottom:2px solid black;    
   }
.content td {
	padding: 0.6em 1.2em 0 0.3em;
	text-align: left;
}
.content #it{ 
    font-style: italic;
   }
.content #caption {
	font-size: 0.8em;
	}
#gallery table { 
   background-color:#4E4D4D;
   border-collapse:collapse;
   border-left-style: none;
   border-right-style: none;
   margin:0px;
   padding: 0px;
/*   font-size: 1em;
   empty-cells:hide*/
   }
#gallery td {
   margin:0px;
   padding: 0px;
   }

#Termine table {
   border-collapse:collapse;
/*   border-top:2px solid black; */
/*   border-bottom:2px solid black; */
   border-left-style: none;
   border-right-style: none;
   margin-bottom:0.6em;
   font-size: 1em;
   empty-cells:hide
}
#Termine td { 
	vertical-align: top;
	padding: 0;
/*	padding: 0.3em 0 0.3em 0;*/
/*   border-top:1px solid black; */
   }
#Termine td p { 
   color:#000; 
	padding: 0.3em 1em 0.3em 0em;
/*   margin: 1.2em 1.2em 0 0; */
    font-size: 1em;
    margin: 0;
	vertical-align: top;
   }
#Termine th { 
   padding: 0em 1em 0.3em 0em;
   font-weight: bold;
   border-bottom:2px solid black;    
   text-align: left;
}
#Termine tr { 
   border-bottom:1px solid black;    
   padding: 0;
}
#Termine tfoot {
   border-bottom:2px solid black; 
}
   
#stdplan table { 
   border-collapse:collapse;
   margin-bottom:0.6em;
   font-size: 1em;
   empty-cells:hide;
   width: 100%
   }
#stdplan>table { 
   border-collapse:collapse;
   margin-bottom:0.6em;
   font-size: 1em;
   empty-cells:hide;
   width: 100%
   }
#stdplan thead {
   border-top:2px solid black; 
   border-bottom:2px solid black; 
   background-color: #fc0;
/*   background-color: #fff9db;*/
   }
#stdplan tfoot {
   border-bottom:2px solid black; 
   }
#stdplan th { 
   text-align: center;
   padding: 0.6em 1.2em;
   }
#stdplan td { 
   padding: 0.3em 0.6em;
/*   border-top:1px solid black; */
   }
#tdborderbottom {
	border-bottom: 2px solid #000000;
	padding-bottom:4px;
}
#tdbordertop {
	border-top: 2px solid #000000;
	background-color: #fc0;
}
#pause td {
   background-color: #fff9db;
   }
#tests { color: white; font-weight: bold; background-color: #c33; }
#chessXtra { color: white; font-weight: bold; background-color: #3c3; }
#orangerow {
   font-weight: bold; 
   text-align: center;
/*   border-top:2px solid black;
   border-bottom:2px solid black; */
   background-color: #fc0;
   }
#tdorange {   
   font-weight: bold; 
   text-align: center;
   border-top:2px solid black;
   border-bottom:2px solid black;
   background-color: #fc0;
/*   border-top:1px solid black;*/
   }
#tdempty { 
   background-color: transparent;
   }
#tdthinborder {
   border-top:1px solid black;
   border-bottom:1px solid black; 
   }   
#tdthickborder {
   font-weight: normal; 
   text-align: left;
   background-color: transparent;
   border-top:2px solid black;
/*   border-bottom:2px solid black; */
   }   
#tableborder {
   border-top:2px solid black;
   border-bottom:2px solid black; 
   }   
#tableblue {
   font-weight: bold; 
   text-align: center;
   background-color: #9cf;
   border-top:1px solid black;
   }
#tablegreen {
   font-weight: bold; 
   text-align: center;
   background-color: #cfc;
   }
/*#tablegreenborder {
   font-weight: bold; 
   text-align: center;
   background-color: #cfc;
   border-top:5px solid black;
   }*/
#tablered {
   font-weight: bold; 
   text-align: center;
   background-color: #fcc;
/*   border-top:1px solid black;*/
   }
#tableinfo { color: white; font-weight: bold; text-align: center; background-color: #c66; border-top:1px solid black; border-bottom:1px solid black;
}
#tablefree { 
   text-align: center; 
   background-color: transparent; 
/*   border-top:1px solid black;*/
   }
#tdblue {
   font-weight: bold; 
   text-align: center;
   background-color: #9cf;
   }
#tdgreen {
   font-weight: bold; 
   text-align: center;
   background-color: #cfc;
   }
#tdred {
   font-weight: bold; 
   text-align: center;
   background-color: #fcc;
   }
p#Fusszeile {
   clear: both;
   font-size: 0.9em;
   margin: 0; 
/*   padding: 0.1em; */
   text-align: left;
   color: #999; 
/*   background-color: #ccc; */
/*   border: solid 1px;*/
/*   background-color: transparent; */
   }

#unsichtbar { color: #fff3db; font-weight: bold; background-color: transparent; }

.initial {/* setzt Elemente links; Text umfließt rechts */
   float: left; 
   clear: left;
   margin-right: 1.2em; 
   padding: 0; 
   text-align:center;
   }
#imgborder { 
   margin: 0em 1.2em 0em 0em; 
   padding: 0em; 
   border: solid 1px; 
   float: left; 
   clear: left;
   text-align:center;
   }   
.initial_right {/* setzt Elemente links; Text umfließt rechts */
   float: right; 
   clear: right;
   margin-left: 1.2em; 
   padding: 0; 
   text-align:center;
   }
#kastenrechts {
   float: right;
   width: 300px;
   padding: 0; 
   }
#kastenrechtsrahmen {
	float: right;
	width: 300px;
	padding: 0em 1em; 0em 1em;
	margin: 0em 1em 2em 2em; 
	border: outset #f90 10px;
	}
.smallcolleft {
   float: left;
   clear: left;
   padding: 0; 
   margin-right:2em;
   width: 35%;
   }
.leftpart {
   float: left;
   clear: left;
   padding: 0; 
   width: 47%;
   }
.leftpart h2 {
   padding: 0; 
   margin: 0;
   }
.leftpart p a {
   color: #f90;
   font-weight: bold;
   text-decoration: none;
   padding: 0;
   }
.leftpart a:hover {
   color: #c33;
   text-decoration: none; 
   background-color: #f90;
   padding: 3px 0;
   }
   
.rightpart {
   float: right; 
   clear: right;
   width: 47%;
   }

.carousel_container {
	width:  350px;
	height: 200px;
	margin: 0px auto;
	border: 1px dotted silver;
}

.smcp { 
   letter-spacing: 1px;
   font: small-caps 110% verdana, arial, helvetica, sans-serif;
   }

#kern1 { 
    letter-spacing:0.1em; 
    }

.rm { 
    font-weight: normal;
    }

#inline img {
   vertical-align: text-bottom;
   }

.printicon {
   float: right;
   margin: 0 0.6em 0 0;
   text-align: right;
   }
.printicon img {
   vertical-align: middle;
   }
.printicon a {
   color: #fc3;
   text-decoration: none;
   padding: 0;
   }
.printicon a:hover { 
   color: #c33;
   text-decoration: none; 
   background-color: #fc3;
   padding: 3px 0;
   }
   
.jump {
   float: right;
   margin: 1.2em 0.6em 0 0;
   text-align: right;
   }

.extlinks {
   text-align: right;
   margin-top: 2.4em;   
   margin-left: 1.2em;   
   margin-right: 1.2em;   
   color: #000; 
   }   
.extlinks img { 
   margin: 0; 
   padding: 0; 
   border:none; 
/*   background-color:#fff; */
/*   color:#fff; */
   }
.showforprint {
   display: none;
   }

a:link    { color:#f90; font-weight: bold; text-decoration:none; border:none  }    /* grau */
a:visited { color:#c60; font-weight: bold; text-decoration:none; border:none  }    /* grau */
a:hover   { color:#f66; font-weight:bold; text-decoration:none; border:none } /*orange */
a:active  { color:#666; font-weight:bold; text-decoration:none; border:none } /* dunkelgrau */
a img { border:none; }

html>body h1 {
   border-color: gray;  /* Farbangleichung an den Internet Explorer  */
   }
h1 {
   font-size: 2.0em;
   font-weight: normal;
/*   margin-top: 1.2em;*/
   margin-bottom: 1.2em;
/*   margin: 0 0 0.7em; padding: 0.3em;*/
   color: #c33;
/*   background-color: #fed;*/
/*   border: 2px ridge silver;*/
   }
h2 { 
   font-size: 1.5em; 
   margin: 1.2em 0;
   font-weight: normal; 
   letter-spacing: 2px;
   text-transform: uppercase;
   color: #c33;
   }
h3 {
   font-size: 1.2em;
   margin: 1.2em 0;
   font-weight: normal;
   color: #c33;
   }
h4 {
   font-size: 1em;
   margin: 1.2em 0;
   font-weight: bold;
   color: #c33;
   }
h5 {
   font-size: 1em;
   margin: 1.2em 0;
   font-weight: normal;
   }
h6 {
   font-size: 0.8em;
   margin: 1.2em 0em 1.2em 0em;
   font-weight: bold;
   }
ol, li {/*
   list-style: none;*/
   font-size: 1.0em;
   line-height: 1.8em;
   margin-top: 0.2em;
   margin-bottom: 0.1em; 
   }
ul {/*
   list-style: none;*/
   font-size: 1em; line-height: 1.8em; list-style-type: square; }
p {
   font-size: 1.0em;
   line-height: 1.5em;
   margin: 1.2em 0em 1.2em 0em;
   }

li > p {
   margin-top: 0.2em;
   }
pre {
   font-family: monospace;
   font-size: 1.0em;
   }
strong, b {
   font-weight: bold;
   }
#formular {
    font-size: 1em;
    }
/*td {
   width:100px;
   }*/
/*.button { text-align:left; padding-left:5px; padding-top:2px; padding-bottom:2px; color:black; background-color:transparent; display:inline; width:auto; border: solid 1px; }*/
.text {
   background-color:#fff9ed;
   color:black;
   border:solid 1px;
   }
.select {
   background-color:transparent;
   color:black;
}
select {
   background-color:#fff9ed;
}
/* Game definitions*/
.contentG {
	margin: 12em 1.2em 1.2em;
	text-align:left;
	border: solid 1px #000;
	padding: 1.2em;
	background-color: #fff3db;
	font-style: normal;
   }
.contentG h1 {
   font-size: 2em;
   font-weight: normal;
   margin-bottom: 1.2em;
   color: #c33;
   }
.contentG p {
	color:#000;
	font-size: 1em;
	margin: 1em 0;
   }
.contentG strong { 
   font-weight: bold;
   letter-spacing: 0.05em;
   color: #606060;
   }
.contentG #Fusszeile {
   clear: both;
   font-size: 0.9em;
   margin: 0; 
   text-align: left;
   color: silver; 
   color: #999; 
   background-color: transparent;
   }

 .pgob {
   margin:0; padding:0;
   }

.pgb {
   }

.pgbb {
   border-color : black;
   border-style : double;
   border-width : 4px;
   }

.pt {
/*   font-family : Georgia, "Times New Roman", Serif;
   font-size : 12pt;*/
   font-weight : bold;
   text-align : center;
   white-space : pre;
   }

DIV.pgi P {
   color : black;
/*   font-family : Georgia, "Times New Roman", Serif;*/
   margin : 0px;
   padding : 6pt;
   }

.pgib {
   background-color : white;
   border-color : brown;
   border-style : double;
   border-width : 4px;
   }

.popen {
   color : black;
   font-size : 10pt;
   font-style : italic;
   font-weight : bold;
   text-align : left;
   }

.peco {
   color : black;
   font-size : 10pt;
   font-style : italic;
   font-weight : bold;
   text-align : right;
   }

.ptitle {
   color : black;
   font-size : 10pt;
   font-style : normal;
   font-weight : normal;
   }

.pplay {
   color : black;
   font-size : 1.2em;
   font-style : normal;
   font-weight : bold;
   }

.pelo {
   font-size : 10pt;
   font-style : normal;
   font-weight : normal;
   }

.pevent {
   color : black;
   font-size : 1em;
   font-style : italic;
   font-weight : normal;
   text-align : center;
   }

DIV.pgm P {
   color : black;
/*   font-family : Georgia, "Times New Roman", Serif;*/
   margin: 0 0 0.3em 0;
   padding : 0.6em;
   }

.pintro {
   font-size: 1.0em;
   line-height: 1.2em;
   }

.pm {
   color : #c60;
   font-size: 1.2em;
   line-height: 1.4em;
   font-weight : bold;
   text-align : justify;
   }

.pc {
   font-size: 1.0em;
   line-height: 1.2em;
   font-style : normal;
   font-weight : normal;
   }

.panno {
   font-size : 10pt;
   font-style : normal;
   font-weight : normal;
   }

.ianno {
   color : darkgreen;
   }

DIV.pgm A:link {
   text-decoration : none;
   }

DIV.pgm A:visited {
   color : black;
   text-decoration : none;
   }

DIV.pgm A:hover {
   color : blue;
   text-decoration : none;
   }

DIV.pgm A:active {
   text-decoration : none;
   }

DIV.pgm .pm {
   color : #c33;
   font-weight : bold;
   font-size: 1.2em;
   line-height: 1.4em;
   }

DIV.pgm .pc {
   color : black;
   font-size: 1.0em;
   line-height: 1.2em;
   }


DIV.pgm .pm A:link {
   color : #c33;
   text-decoration : none;
   }

DIV.pgm .pm A:visited {
   text-decoration : none;
   }

DIV.pgm .pm A:hover {
   color: white;
   background-color: #c33;
   text-decoration : none;
   }

DIV.pgm .pm A:active {
   color : blue;
   text-decoration : none;
   }

DIV.pgm .pc A:link { color: black; font-weight: normal; text-decoration : none; }

DIV.pgm .pc A:visited {
   text-decoration : none;
   }

DIV.pgm .pc A:hover {
   color: #c33;
   text-decoration: none; 
   background-color: #f90;
   }

DIV.pgm .pc A:active {
   color : blue;
   text-decoration : none;
   }

DIV.pgm .pc2 A:link {
   text-decoration : none;
   }

DIV.pgm .pc2 A:visited {
   text-decoration : none;
   }

DIV.pgm .pc2 A:hover {
   color : blue;
   text-decoration : none;
   }

DIV.pgm .pc2 A:active {
   color : blue;
   text-decoration : none;
   }

DIV.pgm SPAN.pc A:link {
   }

DIV.pgm SPAN.pc A:visited {
   }

DIV.pgm SPAN.pc A:hover {
   }

DIV.pgm SPAN.pc A:active {
   }

DIV.pgm SPAN.pc2 A:link {
   }

DIV.pgm SPAN.pc2 A:visited {
   }

DIV.pgm SPAN.pc2 A:hover {
   }

DIV.pgm SPAN.pc2 A:active {
   }

DIV.pgm .pc EM {
   }

DIV.pgm .pc2 EM {
   }

DIV.pgm IMG {
   }
#inv { color: #fff3db; }