body {
background-color: rgb(245,245,245);
background-image: -moz-linear-gradient( rgb(255,255,245) 15%, rgb(205,205,205) 90%, rgb(155,155,155) 95%);
background-image: -ms-linear-gradient( rgb(255,255,245) 15%, rgb(205,205,205) 90%, rgb(155,155,155) 95%);
background-image: linear-gradient( rgb(255,255,245) 15%, rgb(205,205,205) 90%, rgb(155,155,155) 95%);
font-family: arial, sans-serif;

}

#hintergund {
background-color: hsla( 0, 100%, 50%, 0);
background-image: url(Schach_06t.png), url(HintSpringer.png);
background-repeat: no-repeat;
background-position: top center, bottom left;
background-size: 960px 180px, 150px 300px;
}

#hintergrundsee {
background-color: hsla( 0, 100%, 50%, 0);
background-image: url(SchlSeeHerbst1.png), url(Schwan.png);
background-repeat: no-repeat;
background-position: top center, bottom left;
background-size: 960px 180px, 150px 300px;
}

#kopfzeile {
position: relative;
width: 960px;
height: 110px;
padding-top: 20pt;
margin-left: auto;
margin-right: auto;
}

#Ergebnisfeld {
	text-align: center;
	color: rgb(155,155,155);
	font-size: 1em;
	text-shadow: 0 0 5px hsl( 0, 100%, 80%),
				 0 0 20px hsl( 0, 100%, 80%),
				 0 0 60px hsl( 0, 100%, 80%);
}

#navizeile {

width: 961px;
margin-left: auto;
margin-right: auto;

background-color: hsla( 60, 100%, 50%, 0);
}

#navizeile ul{
overflow: auto;
}

#navizeile li{
float: left;
}

#navizeile li a{
padding-top: 10pt;
padding-bottom: 10pt;
/* padding-left: 4pt; */
/* margin-left: 1pt; */
width: 162px;
display: block;
text-decoration: none;
text-align: center;
color: rgb(100,100,100);
background-color: rgba(220,220,220,0.5);
background-image: -moz-linear-gradient( rgba(220,220,220,0.5), rgba(230,230,230,0.5), rgba(220,220,220,0.5));
background-image: -ms-linear-gradient( rgba(220,220,220,0.5), rgba(230,230,230,0.5), rgba(220,220,220,0.5));
background-image: linear-gradient( rgba(220,220,220,0.5), rgba(230,230,230,0.5), rgba(220,220,220,0.5));
/* border: 1px solid rgb(190,190,190); */
border-radius: 7pt 7pt 0 0;
}

#navizeile li:hover a{
color: rgb(50,50,50);
background-image: -moz-linear-gradient( rgba(220,220,220,0.5), rgba(230,230,230,0.5), rgba(220,220,220,0.5));
background-image: -ms-linear-gradient( rgba(220,220,220,0.5), rgba(230,230,230,0.5), rgba(220,220,220,0.5));
background-image: linear-gradient( rgba(220,220,220,0.5), rgba(230,230,230,0.5), rgba(220,220,220,0.5));
border-radius: 7pt 7pt 0 0;
}


#navizeile li:hover ul{
left: auto;
}

#navizeile li ul{
position: absolute;
left: -999em;
width: 300px;
}

#navizeile li:hover ul li a{

color: rgb(100,100,100);
box-shadow: rgb( 220, 220, 220) 0 0 3pt;
background-color: rgba(220,220,220, 0.3);
background-image: -moz-linear-gradient( rgba(220,220,220, 0.8), rgba(250,250,250, 0.8),rgba(220,220,220, 0.8));
background-image: -ms-linear-gradient( rgba(220,220,220, 0.8), rgba(250,250,250, 0.8),rgba(220,220,220, 0.8));
background-image: linear-gradient( rgba(220,220,220, 0.8), rgba(250,250,250, 0.8),rgba(220,220,220, 0.8));
border-radius: 0 0 0 0;
}

#navizeile li:hover ul li:hover a{
color: rgb(50,50,50);
background-color: hsla(55, 100%, 50%, 0.4);
background-image: -moz-linear-gradient( hsl(55, 100%, 100%), hsl(55, 100%, 100%), hsl(55, 100%, 100%));
background-image: -ms-linear-gradient( hsl(55, 100%, 100%)), hsl(55, 100%, 100%), hsl(55, 100%, 100%));
background-image: linear-gradient( hsl(55, 100%, 100%), hsl(55, 100%, 100%), hsl(55, 100%, 100%));
border-radius: 0 0 0 0;
}


#navizeile li:hover ul li:first-child{
}



#navizeile li li{
padding-top: 0pt;
padding-bottom: 0pt;
padding-left: 0;
}

#navizeile li li a{
padding-top: 10pt;
padding-bottom: 10pt;
/* padding-left: 20pt; */
width: 165px;
display: block;
text-decoration: none;
color: rgb(100,100,100);
background-color: hsla(200, 100%,50%, 0.1);
}


#hauptbereich {
padding-top: 20pt;
padding-bottom: 50pt;
width: 960px;
/* border: 1px solid rgb(190,190,190); */
margin-left: auto;
margin-right: auto;
min-height: 600px;
text-align: left;
/* box-shadow: rgb( 220, 220, 220) 2pt 2pt 1pt; */
border-radius: 8px;
color: rgb(120,120,120);
background-color: hsla( 120, 100%, 100%, 0.8);
}

#fusszeile {

width: 960px;
text-align: center;
padding: 20px;
border-top: 1px solid rgb(190,190,190);
margin-top: 5px;
clear: left;
margin-left: auto;
margin-right: auto;
min-height: 200px;

background-color: hsla( 250, 100%, 50%, 0);
}

#Schachtab {
margin: 30px;
margin-left: 200px;
height:512px;
width:512px;
box-shadow: rgb( 220, 220, 220) 6pt 6pt 4pt;
}

.schachreihe {
clear: left;
}

.schachfeld {
float: left;
height:64px;
width:64px;
}


.schachfeld img{
height:64px;
width:64px;

}

#schachschalter {
clear: left;
padding-top: 20pt;
}

.jmnbutton {
padding: 10pt;
width: 200px;
text-decoration: none;
text-align: center;
color: rgb(100,100,100);
background-color: rgb(220,220,220);
background-image: -moz-linear-gradient( rgb(220,220,220), rgb(250,250,250), rgb(220,220,220));
background-image: -ms-linear-gradient( rgb(220,220,220), rgb(250,250,250), rgb(220,220,220));
background-image: linear-gradient( rgb(220,220,220), rgb(250,250,250), rgb(220,220,220));
border: 1px solid rgb(190,190,190);
border-radius: 7px;

}

.jmnbutton:hover {
color: rgb(50,50,50);
background-color: rgb( 255,255,255);
background-image: -moz-linear-gradient( hsl(55, 100%, 100%), hsl(55, 100%, 100%), hsl(55, 100%, 100%));
background-image: -ms-linear-gradient( hsl(55, 100%, 100%)), hsl(55, 100%, 100%), hsl(55, 100%, 100%));
background-image: linear-gradient( hsl(55, 100%, 100%), hsl(55, 100%, 100%), hsl(55, 100%, 100%));
/*
background-image: -moz-linear-gradient( hsl(55, 80%, 60%), hsl(55, 80%, 90%), hsl(55, 80%, 60%));
background-image: -ms-linear-gradient( hsl(55, 80%, 60%), hsl(55, 80%, 90%), hsl(55, 80%, 60%));
background-image: linear-gradient( hsl(55, 80%, 60%), hsl(55, 80%, 90%), hsl(55, 80%, 60%));
*/
box-shadow: hsl( 60, 100%, 90%) 0pt 0pt 4pt;

}

.jmnbutton_sel {
padding: 10pt;
width: 200px;
text-decoration: none;
text-align: center;
color: rgb(50,50,50);
background-color: rgb( 255,255,255);
background-image: -moz-linear-gradient( hsl(55, 100%, 100%), hsl(55, 100%, 100%), hsl(55, 100%, 100%));
background-image: -ms-linear-gradient( hsl(55, 100%, 100%)), hsl(55, 100%, 100%), hsl(55, 100%, 100%));
background-image: linear-gradient( hsl(55, 100%, 100%), hsl(55, 100%, 100%), hsl(55, 100%, 100%));
/*
background-image: -moz-linear-gradient( hsl(55, 80%, 60%), hsl(55, 80%, 90%), hsl(55, 80%, 60%));
background-image: -ms-linear-gradient( hsl(55, 80%, 60%), hsl(55, 80%, 90%), hsl(55, 80%, 60%));
background-image: linear-gradient( hsl(55, 80%, 60%), hsl(55, 80%, 90%), hsl(55, 80%, 60%));
*/
box-shadow: hsl( 60, 100%, 90%) 0pt 0pt 4pt;
border: 1px solid rgb(190,190,190);
border-radius: 7px;
}



#startbutton {
margin-left: 150pt;
float: left;
}

#neubutton {
margin-left: 50pt;
float: left;

}


#schriftteil {
width: 960px;
/* border: 1px solid rgb(190,190,190); */
margin-left: auto;
margin-right: auto;
min-height: 80px;
text-align: left;
}

#showteil {
clear: left;
padding-top: 20pt;
min-height: 420px;
}

#temperaturjahr {
width: 100px;
margin-left: 120pt;
float: left;
}
#temperaturmonat {
width: 100px;
float: left;
}
#temperaturwoche {
width: 100px;
float: left;
}
#temperaturtag {
width: 100px;
float: left;
}

#temperaturzur {
width: 100px;
margin-left: 217pt;
float: left;
}
#temperaturvor {
width: 100px;
margin-left: 0pt;
float: left;
}

#fusszeileinnen {
clear: left;
margin-left: 300pt;
margin-right: 50pt;
padding-top: 20pt;
}