body
{
 background-image:url(/Bilder/Bglogo.gif);
 background-repeat:no-repeat;
 background-position:20px 30px;
 background-attachment:fixed;

 font-family:Verdana;
 font-size:12px;
 background-color:#aaaa33;
 text-align:center;
}

h1 {font-size:18px;color:#ffffff;margin:0px;}
h2 {font-size:14px;color:#ffffff;}
h3 {font-size:14px;color:#ffffff;}
p {margin-top:0px;}

U {
 background-image: url(/Bilder/Bglogo.gif);
 background-position: 100% 100%;
 background-repeat: repeat-x;
 padding-bottom: 3px;
 text-decoration: none;
 white-space: nowrap;
}

/* Für Quellcode-Beispiele im Text */
code
{
 font-size:14px;
 color:#ccffff;
}

/* Der Kasten mit dem Quellcode */
pre
{
 font-size:14px;
 color:#ccffff;
}

a:link, a:visited, a:active, a:hover
{
  text-decoration:underline;
  font-weight:bold;
  color:#ffffff;
  font-size:12px;
}
a:active, a:hover
{
  color:#ff9200;
}
a.menu:link, a.menu:visited
{
  color:#ff9200;
}
a.menu:active, a.menu:hover
{
  color:#eeeeee;
}

/* Menuea */

a.menua:link, a.menua:visited
{
  color:#0000ff;
}
a.menua:active, a.menua:hover
{
  color:#ff1111;
}

/* Menueb */

a.menub:link, a.menub:visited
{
display:block;
width:200px;
height:50px;
background-image:url(/Bilder/Bglogo.gif);
}
a.menub:active, a.menub:hover
{
display:block;
width:0px;
height:0px;
background-image:url(/Bilder/Game-PC.gif);
}


/* Die Titelzeile */
#title {
padding-top:15px;
height:24px;
}

/* Start */
#start {
width:700px;
margin:0px auto;
text-align:left;
}

/* Das Menü */
#menu {
color:#ffffff;
text-align:center;
padding:10px 0px;
border-top:1px solid #669999;  /* Unterstrich für Title */
clear:right;
}

/* Der Inhalt */
#content {
left:250px;top:50px;
width:750px;
-moz-border-radius:10px;
border:1px solid #ffffff;
background-color:#669999;
padding:5px;
color:#ffffff;
text-align:center;
z-index: 10;
}

/* Der Inhalt */
#contenta {
/* position:absolute;*/
left:230px;top:50px;
width:750px;height:600px;
-moz-border-radius:10px;
border:1px solid #ffffff;
background-color:#77aaaa;
padding:5px;
color:#ffffff;
}

/* Der Inhalt */
#contentb {
position:absolute;

left:75px;top:200px;
width:100px;height:300px;
-moz-border-radius:10px;
border:1px solid #ffffff;
background-color:#8899aa;
padding:5px;
color:#ffffff;
text-align:center;
}

/* Der Inhalt */
#contentlogo {
position:absolute;
left:480px;top:200px;
width:200px;height:100px;
/* filter:Alpha(opacity=25, finishopacity=0, style=1, startx=25, starty=25, finishx=200, finishy=100)*/
filter:alpha(opacity=25); -moz-opacity: 0.25; opacity:0.25;
  z-index: 0;
/* filter:Invert();   für MS Invert*/ left: 50%;
}


/* TeCFolie */
#folie {
position:absolute;
left:250px; top:200px;
left:center; top:200px;
width:750px;
color:#ffffff;
text-align:center;
}

/* Folie liegt Fixed */
#div1fixed {

 position:fixed;
 position:absolute;
 position:relative;

filter:alpha(opacity=80);
-moz-opacity:0.8;

background-color:#6666aa;
color:#ffffff;
left:0px;
bottom:0px;   /* von Unten (top:0px; ist damit überschrieben) */
width:100%;
height:80px;
padding:5px;
border:1px solid #000000;
}

/* --------------------------------------------- Ab hier liegen IDEEN  */

/* absolute und transparent */
#div1 {
 position:absolute;
 top:50px;left:250px;
 width:150px;height:150px;
 border:1px solid #000000;
 background-color:#6666aa;
 z-index:1;
}
#div2 {
 filter:alpha(opacity=80);
 -moz-opacity:0.8;
 position:absolute;
 top:100px;left:350px;
 width:150px; height:150px;
 border:1px solid #000000;
 background-color:#6666aa;
 z-index:2;
}