body, html
{
font-family: Geneva, Arial, mono; 
font-size: 101%;
color: white;
height:100%;
margin:0;
padding:0;
background-color: #ffffcc;
}

img
{
 border:0;
}

a:link
{
  color: #FFFF99;
  text-decoration: none;
  font-size: 14px;
}

a:visited
{
  color: #FFFF99;
  text-decoration: none;
  font-size: 14px;
}
a:hover
{
  color: #FFFF99;
 text-decoration: underline;
 font-size: 14px;
}

a:active
{
  color: #FFFF99;
  text-decoration: none;
  font-size: 14px;
}

#spacer, #center
{
  position:absolute;
  margin:0;
  padding:0;
}

#Intro
{
width: 600px;
min-height:519px;
position:absolute;
top:50%;                  
left:50%;
margin: -259px 0 0 -300px;
padding: 70px 0 0 0;
background-image: url(../img/bg_intro.jpg); 
background-repeat: no-repeat;
}

#spacer{
  /* sorgt dafŸr, dass wenn nštig Scrolleisten erscheinen */
  width:100%;        /* ganauso breit, wie der Anzeigebereich */
  height:100%; 
  min-width:600px;   /* Breite von #center (+ ein paar Pixel Rand) */ 
  min-height:519px;
}

/* min-height fŸr den IE */
* html #Intro {
  height:298px;             /* das selbe Ma§ wie oben bei min-height */
}

#kopf
{
width: 820px;
height: 45px;
background-image: url(../img/bg_kopf8.jpg);
background-repeat: no-repeat;
text-align: right;
padding: 10px 10px 0 0;
border-bottom: 2px solid #FFCC33;
}



#LineFaker
{
width: 830px;
height: 1px;
border-bottom: 10px solid #0033CC;
clear: both;
margin: 0 0 1em 0;
}


.mini
{
font-size: 12px;
width: 21em;
height: 6em;
text-align: left;
margin: 0;
padding: 10px;
float: none; 
clear: none;
}


.block
{
width: 780px;
font-size: 0.8em;
text-align: left;
margin: 1em;
padding: 15px;
}

.block2
{
width: 380px;
font-size: 0.8em;
text-align: left;
margin: auto;
padding: 0;
}

.rechts
{
width: 420px;
font-size: 1em;
text-align: right;
margin: 1em;
padding: 15px;
float: right;
}

h1
{
margin-top:0;
color: #CCC;
}

h2
{
color: #FFF;
font-size: 1em;
}

#grosseSchrift
{
font-size: 2em;
}