html, body { text-align:center; font-family:"Trebuchet MS", Geneva, Arial, Helvetica, sans-serif; font-size:100.01%; color:#010101; margin:0 auto; padding:0; min-width:1000px; min-height:100%;}
body { background:#000 url(schachbrett.gif) center top no-repeat; }
#headnavi {position: relative; width:1000px; height:76px; margin:0 auto; padding:0; display:block; 
list-style:none; color:#FFFFFF; }
#headnavi li {margin:0; padding:0; font-size:1em; text-align:center; height:76px; line-height:70px; position: absolute; }
#headnavi a, #headnavi li a { color:#FFF; text-decoration:none; display:block; height: 70px;}
#feld1 {left: 8px; top: 6px; width: 147px; height: 70px;}
#feld2 {left: 131px; top: 6px; width: 139px; height: 70px;}
#feld3 {left: 254px; top: 6px; width: 131px; height: 70px;}
#feld4 {left: 377px; top: 6px; width: 124px; height: 70px;}
#feld5 {left: 500px; top: 6px; width: 123px; height: 70px;}
#feld6 {left: 615px; top: 6px; width: 131px; height: 70px;}
#feld7 {left: 730px; top: 6px; width: 138px; height: 70px;}
#feld8 {left: 844px; top: 6px; width: 148px; height: 70px;}
#feld1 a:hover { background-image:url(feld1hover.gif); color:#010101;}
#feld2 a:hover { background-image:url(feld2hover.gif); color:#010101;}
#feld3 a:hover { background-image:url(feld3hover.gif); color:#010101;}
#feld4 a:hover { background-image:url(feld4hover.gif); color:#010101;}
#feld5 a:hover { background-image:url(feld5hover.gif); color:#010101;}
#feld6 a:hover { background-image:url(feld6hover.gif); color:#010101;}
#feld7 a:hover { background-image:url(feld7hover.gif); color:#010101;}
#feld8 a:hover { background-image:url(feld8hover.gif); color:#010101;}
#content {width:1000px; height:424px; margin:0 auto; padding:0; position: relative; top:0; left:0;}
#weisseDame { position: relative; top:188px; left:-17px; float:left;width:155px; height:296px; }
#schwarzeDame { position: relative; top:53px; right:17px; float:right;width:155px; height:296px; }
#sidenavi { text-align:right; position:absolute; width:140px; top:0; left:64px; margin:0; padding:0; line-height:22px; color:#9f9f9f;  }
#navi1, #navi2 {list-style:none; margin:0; padding:0;}
#side1 {margin-right:-36px;}
#side2 {margin-right:-30px;}
#side3 {margin-right:-24px;}
#side4 {margin-right:-19px; margin-top:12px;}
#side5 {margin-right:-13px;}
#side6 {margin-right:-7px;}
#side7 {margin-right:3px; margin-top:17px;}
#side8 {margin-right:9px;}
#side9 {margin-right:15px;}
#side0 {margin-right:21px;}
h1 { font-size:1.5em; line-height:38px; padding:0; }
h2 { font-size:1.1em; line-height:28px; padding:24px 24px 0; text-align:left}
p { font-size:0.9em; padding: 0 24px; text-align:left; }
a, #sidenavi a { color:#FF9F00; text-decoration:none; }
#sidenavi a:hover { color:#fff;}
#text { position:absolute; width:600px; top:0; left:240px; }
#text ul { font-size:0.9em; margin:0 24px; padding:0 24px; }
#footer { position:absolute; right:5px; top:380px; width:144px; color:#FFFFFF; margin:0; padding:0; font-size:1em; text-align:right;}
#footer h3 { padding:0; margin:0; font-size:1em; line-height:1.2em; font-weight:normal; }
#footer span { font-size:0.9em; display:block; margin-top:15px; }
#footer #design { font-size:0.75em; margin-left:-56px; width:200px; color:#9f9f9f; }
#sitemap { font-size:0.75em; position:absolute; width:180px; left:0; top:515px; margin:0; padding:0; height:1.2em; display:block;}