body {
   font-family: serif;
   font-size: 15px;
   background-color: #fff;
   color: #000;
   padding: 10px 0 0;
   margin: 0;
   }
body {
   padding: 0;
   }

#logo {
   background-color: #ffffff;
   padding: 0;
   border: 0px solid #87bc3a;
   margin: 10px;
   height: 184px;
   }

#hauptbereichbildindex {
   padding: 0;
   border: 0px solid #87bc3a;
   margin: 10px 240px 10px 236px;
   min-width: 400px;
   min-height: 400px;
   height:expression(this.scrollHeight < 400? "400px" : "auto" );
   width:expression(document.body.clientWidth < 400? "400px": "auto" );
   }
   
   #hauptbereich {
   background-image: url(./bilder/boxh.jpg);
   padding: 0;
   border: 0px solid #87bc3a;
   margin: 10px 240px 10px 236px;
   min-width: 400px;
   min-height: 400px;
   height:expression(this.scrollHeight < 400? "400px" : "auto" );
   width:expression(document.body.clientWidth < 400? "400px": "auto" );
   }
   
#fusszeile {
   background-color: #87bc3a;
   padding: 0;
   border: 1px solid #cc0066;
   margin: 10px;
   }

#navigation {
   background: #ffffff;
   padding: 0;
   border: 0px dashed #cc0066;
   margin: 10px;
   width: 190px;
   position: absolute;
   top: 196px;
   left: 0;
   }

#rechts {
   background: #ffffff;
   padding: 0;
   border: 0px solid #fc0;
   margin: 10px;
   width: 190px;
   position: absolute;
   top: 55px;
   right: 0;
   }

    #dschungeltag {
   background: #cc0066;
   padding: 0;
   border: 0px solid #fc0;
   margin: 10px;
   width: 250px;
   position: absolute;
   top: 300px;
   left: 680px;
   }
   
   
P {
   margin: 0.7em 1em;
   }

.code {
   font-size: 0.8em;
   background-color: #eee;
   color: #333;
   padding: 0.5em;
   margin: 0.5em;
   }
.code pre {
   color: #333;
   background-color: #f8f8f8;
   padding: 0.5em;
   }
.code pre em {
   color: #920;
   }
h1 {
   font: 1.7em  "trebuchet MS",Verdana,sans-serif;
   padding: 0.5em;
   }
h1 code {
   font-weight: bold;
   color: #999;
   }
   
   
a:link {color:#cc0066; text-decoration:none; font-family:Arial;font-size:1.2em;}
a:hover {color:#cc0066; text-decoration:none; font-family:Arial;font-size:1.2em;}
a:visited {color:#cc0066; text-decoration:none; font-family:Arial;font-size:1.2em;} 
a:active {color:#cc0066;text-decoration:none; font-family:Arial;font-size:1.2em;}

h1{color:#ffffff; font-family:Arial; font-size:16px; font-style: bold; padding-left:10px;}
h2{color:#cc0066; font-family:Arial; font-size:16px; font-style: bold; padding-left:24px;}
h3{color:#cc0066; text-decoration:none; font-family:Arial;font-size:1.2em;}
h4{color:#cc0066; font-family:Arial; font-size:28px; font-style: bold; padding-left:10px; padding-top:10px;}
.text {color:#cc0066; font-family:Arial; font-size: 1em}
.text2{color:#000000; font-family:Arial;size:0,8em;}
.text3{color:#87bc3a; font-family:Arial;size:0,8em;}
.text4{color:#ffffff; font-family:Arial;size:0,8em;}
.textpreis{color:#87bc3a; font-family:Arial; font-size: 1em; padding-left:0px;}
.fusstext {color:#ffffff; font-family:Arial; font-size: 1.1em; text-align: center;}