.m300pr { max-width: 400px; max-height: 400px; text-align: center; border-collapse: collapse; border-style: solid; }

.feld {width: 39px; height: 39px; background-color: #ffffff; border-color: #000000; border-style: solid; }
.feldd {width: 39px; height: 39px; background-color: #ffffff; border-color: #000000; border-style: solid; }
.feldo {width: 39px; height: 39px; background-color: #ffffff; border-top-width: 3px; border-color: #000000; border-style: solid; }
.felddo {width: 39px; height: 39px; background-color: #ffffff; border-top-width: 3px; border-color: #000000; border-style: solid; }
.feldu {width: 39px; height: 39px; background-color: #ffffff; border-bottom-width: 3px; border-color: #000000; border-style: solid; }
.felddu {width: 39px; height: 39px; background-color: #ffffff; border-bottom-width: 3px; border-color: #000000; border-style: solid; }
.feldl {width: 39px; height: 39px; background-color: #ffffff; border-left-width: 3px; border-color: #000000; border-style: solid; }
.felddl {width: 39px; height: 39px; background-color: #ffffff; border-left-width: 3px; border-color: #000000; border-style: solid; }
.feldr {width: 39px; height: 39px; background-color: #ffffff; border-right-width: 3px; border-color: #000000; border-style: solid; }
.felddr {width: 39px; height: 39px; background-color: #ffffff; border-right-width: 3px; border-color: #000000; border-style: solid; }
.feldlo {width: 39px; height: 39px; background-color: #ffffff; border-top-width: 3px; border-left-width: 3px; border-color: #000000; border-style: solid; }
.felddlo {width: 39px; height: 39px; background-color: #ffffff; border-top-width: 3px; border-left-width: 3px; border-color: #000000; border-style: solid; }
.feldor {width: 39px; height: 39px; background-color: #ffffff; border-top-width: 3px; border-right-width: 3px; border-color: #000000; border-style: solid; }
.felddor {width: 39px; height: 39px; background-color: #ffffff; border-top-width: 3px; border-right-width: 3px; border-color: #000000; border-style: solid; }
.feldur {width: 39px; height: 39px; background-color: #ffffff; border-bottom-width: 3px; border-right-width: 3px; border-color: #000000; border-style: solid; }
.felddur {width: 39px; height: 39px; background-color: #ffffff; border-bottom-width: 3px; border-right-width: 3px; border-color: #000000; border-style: solid; }
.feldlu {width: 39px; height: 39px; background-color: #ffffff; border-bottom-width: 3px; border-left-width: 3px; border-color: #000000; border-style: solid; }
.felddlu {width: 39px; height: 39px; background-color: #ffffff; border-bottom-width: 3px; border-left-width: 3px; border-color: #000000; border-style: solid; }
.eingabe {width: 35px; text-align: center; font-size: 22px; background-color: #ffffff; border:0; }
.eingabed {width: 35px; text-align: center; font-size: 22px; background-color: #ffffff; border:0; }
.zahlfeld {width: 40px; height: 39px; border: 0px; }

.zahlbutton { background-color: #ffffff; color: #000000; width: 39px; height: 37px; border: 0px; } 
.losbutton { background-color: #ffffff; color: #000000; width: 86px; height: 28px; border: 0px; } 
.losbuttonhl { background-color: #ffffff; color: #000000; width:58px; height: 18px; border: 0px; } 
.losbuttonhm { background-color: #ffffff; color: #000000; width:78px; height: 18px; border: 0px; } 
.losbuttonhs { background-color: #ffffff; color: #000000; width:98px; height: 18px; border: 0px; } 
.losbuttonhsw { background-color: #ffffff; color: #000000; width:135px; height: 18px; border: 0px; } 
.gradbutton { background-color: #ffffff; color: #000000; width: 26px; height: 26px; border: 0px; } 
.druckbutton { background-color: #ffffff; color: #000000; width: 40px; height: 40px; border: 0px; } 
button { position: relative; top: 0px; left: 0px }
button img { position: absolute; top: 0px; left: 0px; }

#cont { position: absolute; font-family: arial, calibri, verdana, arial, helvetica, sans-serif; font-size: 11px; background-image: url(titelgrha.png); background-repeat: no-repeat; 
background-color: #ffffff; border: 1px solid #000000; top: 30px; left: 30px; width: 1200px; height: 1800px; }
#kopf { position: absolute; left: 420px; top: 308px; }
#spielfeld { position: absolute; left: 420px; top: 352px; }
#aktion { position: absolute; left: 420px; top: 731px; }
#wahl { position: absolute; top: 362px; left: 799px; }
#titel { position: absolute; left: 420px; top: 65px; text-align: center; }
#titelsh { position: absolute; left: 470px; top: 65px; text-align: center; }
#schwgrad { position: absolute; left: 418px; top: 270px; height: 30px; }
#menu { position: absolute; right: 15px; top: 10px; }
#disc { position: absolute; width: 950px; left: 70px; top: 80px; }
#warn { position: absolute; left: 400px; top: 20px; font-size: 16px; color: white; background-color: red; }
#anlt { position: absolute; left: 420px; top: 810px; width: 400px; font: 1.5em/1.2em; font-family: arial, calibri; }
#anltsh { position: absolute; left: 410px; top: 950px; width: 400px; font: 1.5em/1.2em; font-family: arial, calibri; }
#link { position: absolute; left: 1099px; top: 80px; }
#werbo { position: absolute; left: 265px; top: 140px; }
#werbos { position: absolute; left: 245px; top: 130px; }
#werbl { position: absolute; left: 130px; top: 270px; width: 140px; }
#werblw { position: absolute; left: 920px; top: 270px; }
#werbr { position: absolute; left: 950px; top: 270px; width: 140px; }
#werbrw { position: absolute; left: 20px; top: 380px; }
#werbu { position: absolute; left: 300px; top: 730px; }

body { 	background-color: #f9f9f9; font-family: calibri, verdana, arial, helvetica, sans-serif; color: black; }
h1 { font-size: 18px; }
h2 { font-size: 14px; }
h3 { font-size: 12px; }
h4 { font-size: 12px; }
h5 { font-size: 10px; }
p {	text-align: justify; font-size: 12px; }
.p1 { text-align: center; }
a { font-size: 11px; font-family: calibri, arial, verdana, helvetica, sans-serif; color: black; }
a.discimp { font-size: 11px; font-family: arial, calibri, verdana, helvetica, sans-serif; color: black; text-decoration: none; }
a:hover { color: blue; }

img { border: 0px; }
table { font-size: 11px; }
#inhalt { width: 400px; position: absolute; left: 410px; top: 255px; font-size: 11px; background-color: #ffffff; background-image: url(grund5.gif); } 
.Mitte { text-align: center; margin-left:auto; margin-right:auto; margin-top: 0px; margin-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; padding-bottom: 0px; } 
.M300 {	width:300px; margin-left:auto; margin-right:auto; margin-top: 0px; text-align: center; }
.M300bl { width:300px; margin-left:auto; margin-right:auto; margin-top: 0px; text-align: center; background-color: #000000;  border: 2px solid #aaaaaa; }
.M155hl { width:155px; margin-left:auto; margin-right:auto; margin-top: 0px; text-align: left; background-color: #C0C0C0; }
.M350hl { width:350px; margin-left:auto; margin-right:auto; margin-top: 0px; text-align: left; background-color: #C0C0C0; }
.lr { width: 10px; }
#popup { 
	position:absolute; left:15%; top:10%; width:20%; height:20%; padding:10px; z-index:2; background-color:#daa520; border:2px; border-style:solid; border-color:#705610; 
} 
#content { 
	z-index:1; 
}