/* ------------Homeseite---onlspiele--------- */
html, body {
margin : 0;
}
body {
font-size :100.1%;
padding : 8px;
right:auto;
color : #000;
background : #0c0;
background-attachment : fixed;
background-image : url(http://www.Hellys-Spielebox.de/gruen.png);
border: 0 none;
/*
position : absolute;
border-width : 2px;
border-style : solid;
border-color : #7f8 #040 #080 #afd;
*/

text-align : center;
vertical-align : middle;
scrollbar-face-color : #0b0;
scrollbar-shadow-color : #0a0;
scrollbar-highlight-color : #0a0;
scrollbar-3dlight-color : #000;
scrollbar-darkshadow-color : #0a0;
scrollbar-track-color : #0d0;
scrollbar-arrow-color : #fff;
}
#seite {
text-align : center;
vertical-align : middle;
margin : auto;
width : auto;
}
#seite1 {
text-align : center;
vertical-align : middle;
margin : auto;
width : auto;
}
a {
text-decoration : none;
color : #ff0;
background : #0c0;
}
a:link {
text-decoration : none;
color : #ff0;
background : #0c0;
}
a:visited {
text-decoration : none;
color : #a66;
background : #0c0;
}
a:hover {
text-decoration : none;
color : #fa0;
background : #0c0;
}
a:active {
text-decoration : none;
color : #ccc;
background : #0c0;
}
}
img {
border : 6px ridge #0d0;
vertical-align : middle;
margin-bottom : 0.2em;
background-color : transparent;
}
/*
img {
  border: 0 none;
}
*/
/* Oberes Feld  */
h1 {
font : bold 0.81em Tahoma, "Adobe Helvetica", Helvetica, Arial, sans-serif;
margin : 1em 0 0.5em;
text-align : center;
color : #fff;
background : #0a0;
}
h1 span {
font-size : 1.5em;
}
h2 {
font : bold 1.5em Tahoma, "Adobe Helvetica", Helvetica, Arial, sans-serif;
letter-spacing : 1em;
text-align : center;
padding : 5px;
margin : 0;
color : #fff;
background-color : #0a0;
border-width : 1px;
border-style : solid;
border-color : #afd;
}
h2 span {
font-size : 0.55em;
letter-spacing : 0.66em;
}
h3 {
font : bold 1em "Century Gothic", "Trebuchet MS", Tahoma, Helvetica, sans-serif;
color : #ff0;
background-color : #0c0;
}
h3 img {
width : 98px;
height : 85px;
margin : 0 7px 3px 0;
color : #000;
background : #0c0;
}
h4 {
font : bold 0.91em Tahoma, "Adobe Helvetica", Helvetica, Arial, sans-serif;
margin : 2em 0 0.5em;
color : #fff;
background : #0b0;
border-width : 2px;
border-style : solid;
border-color : #7f8 #040 #080 #afd;
}
h4 span {
font-size : 1.5em;
}
h5 {
width : auto;
height : 10px;
margin : 10px;
}
h5 span {
font-size : 1.2em;
}

/* Text */
#text {
float : none;
clear : left;
width : auto;
margin : 2em 2em 5em;
padding : 1em;
border-width : 3px;
border-style : solid;
border-color : white #999 #999 white;
}
html > body #text {
width : auto;
margin : 2em 2em 2em;
}
p {
text-align : center;
}
p, #text li {
font : normal 0.91em "Century Gothic", "Trebuchet MS", Verdana, Tahoma, sans-serif;
word-spacing : 0.2em;
}
#text ul {
margin : 0 0 0 1em;
padding-left : 0;
}
/* Menue */
#imenu {
font : normal 0.8em Tahoma, "Adobe Helvetica", Helvetica, Arial, sans-serif;
float : none;
width : 101%;
 /* oben rechts unten links */
margin : 0 3em 0 3em;
padding : 0 1px;
height : auto;
border : 0 none;
}
html > body #imenu {
margin-top : 0.1em;
margin-bottom : 0.1em;
}
#imenu li {
list-style : none;
font-size : 1em;
float : left;
width : 7em;
margin : 0 0.2em 0 0.2em;
}
#imenu li a, #imenu li span {
display : block;
text-decoration : none;
margin-bottom : 0.1em;
margin-top : 0.3em;
color : #fff;
background : #0d0 url(rechts-a.gif) no-repeat center left;
border-width : 2px;
border-style : solid;
border-color : #7f8 #040 #080 #afd;
padding : 0.25em 0.5em 0.4em 0.75em;
width : 99%;
}
html > body #imenu li a, html > body #imenu li span {
width : auto;
}
#imenu li span {
border-color : #040 #afd #7f8 #080;
background : #0a0 url(unten-a.gif) no-repeat center left;
padding : 0.4em 0.35em 0.25em 0.9em;
}
#imenu li a.jetzt {
color : #fff;
background : #0b0 url(rechts-a.gif) no-repeat center left;
}
#imenu li a:active, #imenu li a.jetzt:active {
color : #fff;
background : #0a0;
padding : 0.4em 0.35em 0.25em 0.9em;
}
#imenu li a:hover, #imenu li a.jetzt:hover {
border-color : #040 #afd #7f8 #080;
color : #fff;
background : #0b0 url(links-a.gif) no-repeat center left;
padding : 0.4em 0.35em 0.25em 0.9em;
}
/* Menue2 */
#imenu2 {
font : normal 0.8em Tahoma, "Adobe Helvetica", Helvetica, Arial, sans-serif;
text-align : left;
float : none;
width : 101%;
 /* oben rechts unten links */
margin : 0.1em 16em 0.1em 20.4em;
padding : 0 1px;
height : auto;
border : 0 none;
}
html > body #imenu2 {
margin-top : 0.1em;
margin-bottom : 0.1em;
}
#imenu2 li {
list-style : none;
font-size : 1em;
float : left;
width : 10em;
 /* oben rechts unten links */
margin : 0.1em 0.2em 0.1em 0.2em;
}
#imenu2 li a, #imenu2 li span {
display : block;
text-decoration : none;
margin-bottom : 0.1em;
margin-top : 0;
color : #fff;
background : #0b0 url(rechts-a.gif) no-repeat center right;
border-width : 2px;
border-style : solid;
border-color : #7f8 #040 #080 #afd;
padding : 0.25em 0.5em 0.4em 0.75em;
width : 99%;
}
html > body #imenu2 li a, html>body #imenu2 li span {
width : auto;
}
#imenu2 li span {
border-color : #040 #afd #7f8 #080;
background : #0a0 url(unten-a.gif) no-repeat center right;
padding : 0.4em 0.35em 0.25em 0.9em;
}
#imenu2 li a.jetzt2 {
color : #fff;
background : #0b0 url(links-a.gif) no-repeat center right;
}
#imenu2 li a:active, #imenu2 li a.jetzt2:active {
color : #fff;
background : #282;
padding : 0.4em 0.35em 0.25em 0.9em;
}
#imenu2 li a:hover, #imenu2 li a.jetzt2:hover {
border-color : #040 #afd #7f8 #080;
color : #fff;
background : #0a0 url(rechts-a.gif) no-repeat center right;
padding : 0.4em 0.35em 0.25em 0.9em;
}
#unten {
clear : both;
font : normal 0.83em Verdana, "Adobe Helvetica", Helvetica, Arial, sans-serif;
text-align : right;
color : #fff;
background : #0c0;
border : 0 none;
}
html > body #unten {
margin-top : 1em;
}
#unten a {
text-decoration : none;
font-weight : bold;
}
@media print {
#imenu {
display : none;
}
#text {
border : 0 none;
float : none;
width : auto;
margin : 0;
}
}
/* ------------table ausen------------ */
.ausen {
text-align : center;
vertical-align : middle;
font : bold 1em Verdana, Tahoma, "Adobe Helvetica", Helvetica, Arial, sans-serif;
letter-spacing : 0;
color : #000;
background : #0d0;
border-width : 2px;
border-style : solid;
border-color : #7f8 #040 #080 #afd;
margin : 5px;
}
/* ------------table innen------------ */
.innen {
text-align : center;
vertical-align : middle;
font : bold 1em Verdana, Tahoma, "Adobe Helvetica", Helvetica, Arial, sans-serif;
letter-spacing : 0;
background-attachment : fixed;
background-image : url(http://www.Hellys-Spielebox.de/hpbild2-a.gif);
border-width : 2px;
border-style : solid;
border-color : #040 #afd #7f8 #080;
margin : 5px;
}
.rahmen3 {
text-align : center;
vertical-align : middle;
padding : 8px;
color : #fff;
background : #0d0;
border-width : 2px;
border-style : solid;
border-color : #7f8 #040 #080 #afd;
width : auto;
}
.rahmen4 {
text-align : center;
vertical-align : middle;
color : #fff;
background : #0a0;
background-attachment : fixed;
background-image : url(http://www.Hellys-Spielebox.de/hpbild2-a2.gif);
border-width : 2px;
border-style : solid;
border-color : #040 #afd #7f8 #080;
width : auto;
}
.rahmen5 {
color : #FD0;
background : #0d0;
margin : 0px;
padding : 0px;
border-style : solid;
border-width : 2px;
}