#wechsel12 a {
background : url(http://www.hellys-spielebox.de/datafiles/spiele3.jpg) no-repeat;
display : block;
width : 600px;
}
#wechsel12 img {
display : block;
width : 600px;
border : 0;
}
#wechsel12 a:hover img {
width : 600px;
visibility : hidden;
}
#wechsel12 a:hover {
width : 600px;
border : 0;
}
* html #wechsel12 a {
width : 600px;
margin-right : 0;
}
html, body {
margin : 0;
}
body {
font-size : 100.1%;
padding : 8px;
color : #000;
background : #bc0;
background-attachment : fixed;
background-image : url(http://www.Hellys-Spielebox.de/gelb.png);
border: 0 none;
border-style : solid;
border-color : #ff0 #780 #9a0 #ff9;
text-align : center;
scrollbar-face-color : #bc0;
scrollbar-shadow-color : #ab0;
scrollbar-highlight-color : #9a0;
scrollbar-3dlight-color : #000;
scrollbar-darkshadow-color : #780;
scrollbar-track-color : #dd0;
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;
}
#seite2 {
text-align : center;
vertical-align : middle;
margin : auto;
width : auto;
}
.seite3 {
text-align : center;
vertical-align : middle;
margin : 10px;
padding : 10px;
border-width : 4px;
border-style : solid;
border-color : #ff0 #780 #9a0 #ff9;
position : absolute;
left : 10px;
right : 10px;
top : 130px;
}
.iFrame3 {
text-align : center;
vertical-align : middle;
width : 140px;
height : 408px;
border-style : solid;
border-color : #780 #ff9 #ff0 #9a0;
}
.iFrame4 {
text-align : center;
vertical-align : middle;
width : 40px;
height : 300px;
border-style : solid;
border-color : #780 #ff9 #ff0 #9a0;
}
.iFrame6 {
text-align : center;
vertical-align : middle;
width : auto;
height : 484px;
border-style : solid;
border-color : #780 #ff9 #ff0 #9a0;
background-image : url(http://www.Hellys-Spielebox.de/hpbild-a2.gif);
margin : 2px;
}
a {
text-decoration : none;
color : #ff0;
background : #bc0;
}
a:link {
text-decoration : none;
color : #ff0;
background : #bc0;
}
a:visited {
text-decoration : none;
color : #a66;
background : #bc0;
}
a:hover {
text-decoration : none;
background : #bc0;
color : #fa0;
}
a:active {
text-decoration : none;
color : #ccc;
background : #bc0;
}
img {
border : 0 none;
}
h1 {
font : bold 0.81em Tahoma, "Adobe Helvetica", Helvetica, Arial, sans-serif;
margin : 1em 0 0.5em;
text-align : center;
color : #000;
background : #9a0;
}
h1 span {
font-size : 1.5em;
}
h2 {
font : bold 1.5em Tahoma, "Adobe Helvetica", Helvetica, Arial, sans-serif;
letter-spacing : 1em;
text-align : center;
margin : 0;
color : #fff;
background-color : #bc0;
border-width : 2px;
border-style : solid;
border-color : #ffb;
}
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 : #bc0;
}
h3 img {
width : 98px;
height : 85px;
margin : 0 7px 3px 0;
color : #000;
background : #bc0;
}
h4 {
font : bold 0.91em Tahoma, "Adobe Helvetica", Helvetica, Arial, sans-serif;
margin : 2em 0 0.5em;
color : #fff;
background-color : #bc0;
border-width : 1px;
border-style : solid;
border-color : #ffb;
}
h4 span {
font-size : 1.5em;
}
h5 {
width : 500px;
height : 6px;
margin : 4px;
}
h5 span {
font-size : 1.2em;
}
#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 : 3em 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 {
color : #000;
background : #bc0;
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 : #000;
background : #dd0 url(rechts-b.gif) no-repeat center left;
border-width : 2px;
border-style : solid;
border-color : #ff0 #780 #9a0 #ff9;
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 : #780 #ff9 #ff0 #9a1;
background : #9a0 url(unten-b.gif) no-repeat center left;
padding : 0.4em 0.35em 0.25em 0.9em;
}
#imenu li a.jetzt {
color : #000;
background : #cc0 url(rechts-b.gif) no-repeat center left;
}
#imenu li a:active, #imenu li a.jetzt:active {
color : #000;
background : #ab0;
padding : 0.4em 0.35em 0.25em 0.9em;
}
#imenu li a:hover, #imenu li a.jetzt:hover {
border-color : #780 #ff9 #ff0 #9a0;
color : #000;
background : #ab0 url(links-b.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%;
margin : 0.1em 4em 0.1em 4em;
padding : 0 1px;
height : auto;
border : 0 none;
}
html > body #imenu2 {
color : #000;
background : #bc0;
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;
margin-top : 0.2em;
color : #000;
background : #dd0 url(rechts-b.gif) no-repeat center right;
border-width : 2px;
border-style : solid;
border-color : #ff0 #780 #9a0 #ff9;
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 : #780 #ff9 #ff0 #9a1;
background : #9a0 url(unten-b.gif) no-repeat center right;
padding : 0.4em 0.35em 0.25em 0.9em;
}
#imenu2 li a.jetzt2 {
color : #000;
background : #cc0 url(links-b.gif) no-repeat center right;
}
#imenu2 li a:active, #imenu2 li a.jetzt2:active {
color : #000;
background : #cc0;
padding : 0.4em 0.35em 0.25em 0.9em;
}
#imenu2 li a:hover, #imenu2 li a.jetzt2:hover {
border-color : #780 #ff9 #ff0 #9a0;
color : #000;
background : #ab0 url(rechts-b.gif) no-repeat center right;
padding : 0.4em 0.35em 0.25em 0.9em;
}
#imenu3 {
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 4em 0.1em 4em;
padding : 0 1px;
height : auto;
border : 0 none;
}
html > body #imenu3 {
color : #000;
background : #bc0;
margin-top : 0.1em;
margin-bottom : 0.1em;
}
#imenu3 li {
list-style : none;
font-size : 1em;
float : left;
width : 10em;
 /* oben rechts unten links */
margin : 0.1em 0.2em 0.1em 0.2em;
}
#imenu3 li a, #imenu3 li span {
display : block;
text-decoration : none;
margin-bottom : 0.2em;
margin-top : 0;
color : #000;
background : #dd0 url(rechts-b.gif) no-repeat center right;
border-width : 2px;
border-style : solid;
border-color : #ff0 #780 #9a0 #ff9;
padding : 0.25em 0.5em 0.4em 0.75em;
width : 99%;
}
html > body #imenu3 li a, html>body #imenu3 li span {
width : auto;
}
#imenu3 li span {
border-color : #780 #ff9 #ff0 #9a1;
background : #9a0 url(unten-b.gif) no-repeat center right;
padding : 0.4em 0.35em 0.25em 0.9em;
}
#imenu3 li a.jetzt3 {
color : #000;
background : #cc0 url(links-b.gif) no-repeat center right;
}
#imenu3 li a:active, #imenu3 li a.jetzt3:active {
color : #000;
background : #cc0;
padding : 0.4em 0.35em 0.25em 0.9em;
}
#imenu3 li a:hover, #imenu3 li a.jetzt3:hover {
border-color : #780 #ff9 #ff0 #9a0;
color : #000;
background : #ab0 url(rechts-b.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 : #000;
background : #bc0;
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;
}
}
.ausen {
text-align : center;
vertical-align : middle;
color : #000;
background : #dd0;
border-width : 2px;
border-style : solid;
border-color : #ff0 #780 #9a0 #ff9;
margin : 4px;
}
.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/hpbild-c2.gif);
border-width : 2px;
border-style : solid;
border-color : #780 #ff9 #ff0 #9a0;
margin : 4px;
}
.rahmen3 {
text-align : center;
vertical-align : middle;
color : #fff;
background : #dd0;
border-width : 2px;
border-style : solid;
border-color : #780 #ff9 #ff0 #9a0;
width : auto;
}
.rahmen4 {
text-align : center;
vertical-align : middle;
color : #fff;
background : #ab0;
border-width : 2px;
border-style : solid;
border-color : #780 #ff9 #ff0 #9a0;
width : auto;
}
.rahmen5 {
color : #fd0;
background : #bc0;
margin : 0;
padding : 0;
border-style : solid;
border-width : 2px;
}


