body {
background-color: #000000;
padding: 0px;
margin-top: 20px;
margin-left: 0px;
margin-right: 0px;
}

#header {
background-image: url(./pix/Ohwhatagoal.jpg);
background-repeat: no-repeat;
height: 128px;
width: 100%;
position: relative;
background-position: center;
z-index: 1;
}

#menue {
font-family: Palatino, Verdana, Helvetica, sans-serif;
font-size: 16px;
color: #FFFF11;
text-decoration: none;
text-align: center;
position: relative;
background-image: url(./pix/header.jpg);
background-repeat: no-repeat;
background-position: center;
height: 24px;
z-index: 2;
}

#header-s {
background-image: url(./pix/Ohwhatagoal-s.jpg);
background-repeat: no-repeat;
height: 64px;
width: 100%;
position: relative;
background-position: center;
z-index: 3;
}

#raus {
font-family: Palatino, Verdana, Helvetica, sans-serif;
font-size: 24x;
color: #0080FF;
text-decoration: none;
text-align: center;
position: relative;
height: 28px;
border:0px solid white;
z-index: 8;
}

#main {
background-color: #FFFFCC;
width: 800px;
height: 180px;
margin: auto;
text-align: left;
}

#formatMain {
text-align: center;
border:0px solid blue;
}

#mainHeader {
background-color: #000000;
width: 800px;
height: 40px;
margin: auto;
font-size: 24px;
color: #F3333F;
text-align: center;
border:0px solid red;
}

#mainBody {
background-color: #000000;
width: 800px;
height: 220px;
margin: auto;
font-size: 20px;
color: #F3333F;
text-align: center;
border:0px solid white;
}

#mainFooter {
background-color: #000000;
width: 80%;
height: 60px;
margin: auto;
font-size: 24px;
color: #F3333F;
text-align: center;
border:0px solid red;
}

#mainTop {
background-color: #000000;
width: 800px;
height: 30px;
margin: auto;
font-size: 16px;
color: #F3FF3F;
text-align: center;
border:0px solid blue;
}

#mainList {
font-size: 16px;
}

#puffer {
background-image: url(./pix/puffer.jpg);
background-repeat: no-repeat;
height: 64px;
width: 100%;
position: relative;
background-position: center;
z-index: 4;
}

#pufferS {
height: 24px;
width: 100%;
position: relative;
background-position: center;
border:0px solid yellow;
z-index: 7;
}

#footer {
background-image: url(./pix/FooterT.jpg);
background-repeat: no-repeat;
height: 440px;
width: 100%;
position: relative;
background-position: center;
border:0px solid green;
z-index: 6;
}

#cover {
background-color: #000000;
width: 800px;
height: 600px;
margin: auto;
font-size: 15px;
color: #FFFF11;
text-align: left;
z-index: 5;
}

#scover {
background-color: #000000;
width: 1000px;
height: 115px;
margin: auto;
font-size: 15px;
color: #01DF01;
text-align: left;
border:0px solid green;
z-index: 5;
}

#bcover {
background-color: #000000;
width: 1000px;
height: 640px;
margin: auto;
font-size: 15px;
color: #FFDB27;
text-align: left;
z-index: 6;
}

#hcover {
background-color: #808080;
width: 1000px;
height: 30px;
margin: auto;
font-size: 24px;
color: #D8FD02;
text-align: center;
z-index: 6;
}

#pcover {
background-color: #444444;
width: 1000px;
height: 20px;
margin: auto;
font-size: 15px;
color: #DE0D0D;
text-align: left;
z-index: 6;
}

#joker {
background-color: #000000;
width: 900px;
height: 60px;
margin: auto;
text-align: center;
z-index: 6;
}

 a:link, a:visited, a:active, a:hover
 {
   text-decoration:none;
   font-weight:bold;
   color:#0404B4;
   font-size:18px;
 }
 a:active, a:hover
 {
   color:#0000EE;
 }
 a.menu:link, a.menu:visited
 {
   color:#EEEEEE;
 }
 a.menu:active, a.menu:hover
 {
   color:#FFFFFF;
 }