html, body       {
                 width: 100%;
                 height: 100%;
                 }

body             {
                 font: 12px/1.3 Verdana, Helvetica, sans-serif;
                 }

#container       {
                 background-color: #fef898;
                 width: 80%;                                           /* 800px später ändern auf 80%*/
                 min-width:800px;
                 height: 60%;                                            /* 600px später auf 60%*/
                 min-height: 600px;
                 position: relative;
                 margin: 0 auto;
                 border:2px solid #004477;
                 }


#header         {
                 heigth:30%;
                 background: #fef898;
                 }

#left            {
                 background-color: #f8e45f;
                 float:left;
                 width: 100px;
                 padding:0;
                 margin:0;
                 height: 70%;
                 min-height: 420px;
                 }

.wasserzeichen {
                 margin-top: 40%;
                 text-align: left;
                 }

#center         {
                 float:left;
                 width: 30%;
                 height: 70%;
                 }


#center #text   {
                 font-family: Verdana, Arial, Helvetica, sans-serif;
                 font-style: italic;
                 font-size: 1em;
                 color:#000;
                 width: 80%;
                 margin: 15% 0 0 25%;
                 }

#center #textb   {
                 font-family: Verdana, Arial, Helvetica, sans-serif;
                 font-style: italic;
                 font-size: 1em;
                 color:#000;
                 width: 80%;
                 margin: 15% 0 0 15%;
                 }

#center #text h1,
#center #textb h1{
                 margin: 1em 0 -0.3em 0;
                 color: #004477;
                 font-size: 2em;
                 }


#center #text h2,
#center #textb h2{
                 margin: 1em 0 -0.8em 0;
                 color: #004477;
                 font-size: 1em;
                 }

#center #info p  {
                 margin: 0 0 0 0;
                 }

#center .info p  {
                 margin: 0 0 0 0;
                 }

#right           {
                 background-color: #fef882;
                 width: 55%;
                 min-width: 400px;
                 height: 70%;
                 min-height: 420px;
                 float:right;
                 }

#image           {
                 border-style: double;
                 border-color: #004477;
                 padding:0.5em;
                 margin: 100px auto;
                 width: 400px;
                 text-align: center;
                 }

#formmailer      {
                 margin: 12% 20px 0 20px;
                 font-family: Verdana, Arial, Helvetica, sans-serif;
                 font-size: 1em;
                 font-style: italic;
                 }
.formular        {
                 float: left;
                 width: 150px;
                 }
.antwort         {
                 font-family: Verdana, Arial, Helvetica, sans-serif;
                 font-size: 1em;
                 font-style: italic;
                 margin: 0 0 0.2em 0;
                 }



/*IE - Hacks */
* html #container {
 width:840px;
 height:100%;

}

* html #left {
 width:150px;
 height:100%;
 background-image: url('../images/50px-hintergrund.png');   /*Simulation des überlappenden Bildes*/
 background-position: right;
 background-repeat: repeat-y;
 background-attachment: scroll;
}
* html .wasserzeichen {
margin: 30px 0 0 0;

}

* html #center {
 width:240px;
}

* html #right {
 width:440px;
 height:100%;
}

* html #center #text {
 margin:0 10px 0 20px;
}


/*  ========================================
ENDE zentrale.css
     =======================================  */