.x {
color : #000;
background : #17a;
border-width : 1px;
}
.y {
color : #fff;
background : #17a;
border-width : 1px;
}
.TD {
text-align : center;
border-width : 2px;
border-style : solid;
border-color : #5bd #035 #068 #6cf;
}
.Rahmen {
padding : 2px;
}
#Box {
text-align : center;
vertical-align : middle;
width : 502px;
height : 326px;
color : #fff;
background : #17a;
background-attachment : fixed;
background-image : url(http://www.Hellys-Spielebox.de/hpbild-a.gif);
border-width : 4px;
border-style : solid;
border-color : #068 #6cf #5bd #035;
}
#Box1 {
width : 120px;
height : 40px;
}
#Box2 {
text-align : center;
width : auto;
height : 565px;
border-width : 4px;
border-style : solid;
border-color : #068 #6cf #5bd #035;
}
.iFrame {
text-align : center;
vertical-align : middle;
overflow : auto;
width : 496px;
height : 320px;
background-position : center 0%;
background-repeat : no-repeat;
border-width : 2px;
border-style : solid;
border-color : #5bd #035 #068 #6cf;
}
.iFrame2 {
width : 782px;
height : 564px;
background-attachment : fixed;
background-image : url("datafiles/anfang.jpg");
background-position : center center;
}
.iFrame3 {
text-align : center;
vertical-align : middle;
width : 142px;
height : 454px;
border-style : solid;
border-color : #068 #6cf #5bd #035;
}
.iFrame4 {
float : left;
text-align : center;
vertical-align : middle;
width : 99.6%;
height : 494px;
border-style : solid;
border-color : #068 #6cf #5bd #035;
padding : 8px;
background-image : url(http://www.Hellys-Spielebox.de/hpbild.gif);
}
.iFrame5 {
text-align : center;
vertical-align : middle;
width : 500px;
height : 426px;
border-style : solid;
border-color : #068 #6cf #5bd #035;
background-image : url(http://www.Hellys-Spielebox.de/hpbild.gif);
margin : 4px;
}
.iFrame6 {
text-align : center;
vertical-align : middle;
width : 536px;
height : 484px;
border-style : solid;
border-color : #068 #6cf #5bd #035;
background-image : url(http://www.Hellys-Spielebox.de/hpbild.gif);
margin : 2px;
}
html, body {
margin : 0;
}
body {
font-size : 100.1%;
padding : 8px;
color : #fff;
background : #17a;
background-attachment : fixed;
background-image : url(http://www.Hellys-Spielebox.de/hpbild.png);
border: 0 none;
text-align : center;
scrollbar-base-color : #ffffff;        /* Basisfarbe der Scroll-Leiste */
scrollbar-3dlight-color : #003668;     /* Farbe für 3D-Effekte */
scrollbar-arrow-color : #ffffff;       /* Farbe für Verschiebepfeile  */
scrollbar-darkshadow-color : #456ecc;  /* Farbe für Schatten */
scrollbar-face-color : #4596cc;        /* Farbe für Oberfläche */
scrollbar-highlight-color : #45a4cc;   /* Farbe für oberen und linken Rand  */
scrollbar-shadow-color : #45b2cc;      /* Farbe für unteren und rechten Rand  */
scrollbar-track-color : #45a4cc;       /* Farbe für freibleibenden Verschiebeweg */
/*
left : 13%;
position : absolute;
border-width : 2px;
border-style : solid;
border-color : #5bd #035 #068 #6cf;
vertical-align : middle;
*/
}
#seite {
text-align : center;
margin : auto;
width : auto;
}
#seite1 {
text-align : center;
float : left;
background-attachment : fixed;
background-image : url(datafiles/hp1.gif);
position : absolute;
width : 100px;
height : 1000px;
}
#seite2 {
text-align : center;
float : right;
background-attachment : fixed;
background-image : url(datafiles/hp2.gif);
position : absolute;
width : 100px;
height : 1000px;
}
.seite3 {
text-align : center;
vertical-align : middle;
margin : 10px;
padding : 10px;
border-width : 4px;
border-style : solid;
border-color : #5bd #035 #068 #6cf;
position : absolute;
left : 10px;
right : 10px;
top : 130px;
}
a {
text-decoration : none;
color : #f75;
background : #17a;
}
a:link {
text-decoration : none;
color : #ff0;
background : #17a;
}
a:visited {
text-decoration : none;
color : #a66;
background : #17a;
}
a:hover {
text-decoration : none;
background : #17a;
color : #fa0;
}
a:active {
text-decoration : none;
color : #ccc;
background : #17a;
}
img {
border : 10px ridge #6cf;
vertical-align : middle;
margin-bottom : 0.2em;
background-color : transparent;
}
h1 {
font : bold 0.81em Tahoma, "Adobe Helvetica", Helvetica, Arial, sans-serif;
margin : 1em 0 0.5em;
text-align : center;
color : #fd0;
background : #17a;
}
h1 span {
text-align : center;
font-size : 1.5em;
}
h2 {
font : bold 0.81em Tahoma, "Adobe Helvetica", Helvetica, Arial, sans-serif;
text-align : center;
color : #fd0;
background-color : #17a;
}
h2 span {
font-size : 1.5em;
}
h3 {
font : bold 0.81em Tahoma, "Adobe Helvetica", Helvetica, Arial, sans-serif;
text-align : center;
vertical-align : middle;
margin : 1em 0 0.5em;
}
h3 img {
vertical-align : middle;
margin : 0;
}
h4 {
text-align : center;
vertical-align : middle;
font : bold 0.81em Tahoma, "Adobe Helvetica", Helvetica, Arial, sans-serif;
margin : 1em 0 0.5em;
}
h4 span {
font-size : 1.5em;
}
h5 {
width : 500px;
height : 30px;
margin : 10px;
}
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;
}
#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.3em;
margin-top : 0.3em;
color : #fff;
background : #39c url(rechts.gif) no-repeat center left;
border-width : 2px;
border-style : solid;
border-color : #5bd #035 #068 #6cf;
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 : #068 #6cf #5bd #035;
background : #17a url(unten.gif) no-repeat center left;
padding : 0.4em 0.35em 0.25em 0.9em;
}
#imenu li a.jetzt {
color : #fff;
background : #28b url(rechts.gif) no-repeat center left;
}
#imenu li a:active, #imenu li a.jetzt:active {
color : #fff;
background : #17a;
padding : 0.4em 0.35em 0.25em 0.9em;
}
#imenu li a:hover, #imenu li a.jetzt:hover {
border-color : #068 #6cf #5bd #035;
color : #fff;
background : #17a url(links.gif) no-repeat center left;
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 : #39c;
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;
}
}
#rahmen1 {
text-align : center;
color : #ccc;
background : #069;
border-width : 2px;
border-style : solid;
border-color : #068 #6cf #5bd #035;
}
.rahmen2 {
text-align : center;
vertical-align : middle;
color : #17a;
background-color : #ddd;
border-width : 4px;
border-style : solid;
width : 480px;
border-color : #068 #6cf #5bd #035;
}
.rahmen3 {
text-align : center;
vertical-align : middle;
padding : 8px;
color : #fff;
background : #17a;
border-width : 2px;
border-style : solid;
border-color : #5bd #035 #068 #6cf;
width : auto;
}
.rahmen4 {
text-align : center;
vertical-align : middle;
border-width : 2px;
border-style : solid;
border-color : #068 #6cf #5bd #035;
width : auto;
}
.rahmen5 {
color : #17a;
background : #39c;
margin : 0;
padding : 0;
border-style : solid;
border-width : 2px;
}
.kontakt {
background : #28b;
border-style : solid;
border-width : 2px;
border-color : #068 #6cf #5bd #035;
height : 20px;
width : 100%;
color : #fff;
font-family : Arial, Verdana, Helvetica, sans-serif;
font-size : 8pt;
}
.kontakt2 {
width : 80px;
padding-right : 5px;
padding-top : 5px;
text-align : right;
vertical-align : top;
font-size : 10pt;
}