/* Design by Sebastian Aust */

body
{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-style: normal;
font-weight: 300;
color: rgb(224,220,188);
margin: 5px;
background-color: rgb(20,21,17);
}
/*
p a:link { font-weight:bold; color:blue; text-decoration:none; }
p a:visited { font-weight:bold; color:silver; text-decoration:none; }
p a:focus { font-weight:bold; color:red; text-decoration:underline; }
p a:hover { font-weight:bold; color:green; text-decoration:none; }
p a:active { font-weight:bold; color:lime; text-decoration:underline; }
*/

a
{
text-decoration: none;
color: white;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
line-height: 14px;
}



a:hover
{
text-decoration: underline;
color:#004080;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
}

strong
{
letter-spacing: 1px;
}

h1
{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 13px;
font-style: normal;
font-weight: bold;
color: rgb(208,200,115);
margin: 0px;
}

h2
{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-style: normal;
font-weight: bold;
color: rgb(208,200,115);
margin: 0px;
}

hr {
    color: rgb(141,141,141);
}

p
{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-style: normal;
font-weight: 300;
color: rgb(224,220,188);
margin-top: 12px;
}

.footer
{
   color: rgb(224,220,188);
}

.invisible
{
   margin-left: auto; 
   margin-right: auto;
   text-align: center;
}

.nav
{
   padding-top:15px;
   clear:both;
   font:80% 'helvetica neue',sans-serif;
   letter-spacing:3px;
   text-transform:uppercase;
}

/* Formatierung der Bilder in der Seitenmitte */
#bildBox {
    /*
    border-style: dotted;
    border-color: yellow;
    */
    margin: 0px;
    
    position: relative;
    top: 100px;
    left: 0px;
}

/* Formatierung des Einleitungstextes */
#einleitung
{
   position: relative;
   top: 40px;
   left: 0px;
   
}

/* Formatierung des Logos */ 
#logoBox
{
    /*
    border-style: dotted;
    border-color: red;
    */
    position: relative;
    top: 25px;
    left: 0px;
    width: 371px;
    height: 75px;
}

/* Formatierung der Illustration */
#sebiBox
{
    position: absolute;
    top: -25px;
    left: 650px;
    float: right;
    overflow: auto;
    text-align: right; /* Ausrichtung der ganzen Box */
    z-index: 1;
}

#text {
    /*
    border-style: dotted;
    border-color: red;
    */
    position: relative;
    top: 125px;
    
}

#textBottom {
   vertical-align: bottom; 
}

#zentrum {
    /*
    border-style: solid;
    border-color: green;
    */
   /* position: relative; */
   left: 0px; /* Hack fŸrs zentrieren */
   right: 0px;
   margin:auto;
   display: block;
   width: 800px;
   height: 600px;
   z-index: 0;
}

* html #sebiBox { /* nur fŸr IE, damit es auch dort funktioniert */
 overflow: visible;
 height: 1%;
 margin: 0px;
 padding: 0px;
}