body {left: 0; top: 0; background-color: #F5DEB3;

                                /* Grundschriftart definieren */
                                font: normal 14px/1.4em Verdana, Arial, Helvetica, sans-serif;}

h1, h2, h3 {color: #8f0000; font:  bold 20px Verdana, Arial, Helvetica, sans-serif;}

h2 {font-size: 16px;}

a {color: Black; font-style: normal; text-decoration: none;}

p.erstabsatz {font: 14px Verdana, Arial, Helvetica, sans-serif; text-indent: 0em;}

p {text-indent: 1.5em;}

/* Schönere Lösung, leider noch kein IE6 */
h1+p, h2+p, h3+p {text-indent: 0em;}

/* #inhalt {position: fixed; top:0px; left:0px; width:20%; z-index:100; } */

#eckbild {color:inherit; left: 2%; top: 60px; position: fixed; visibility: visible; }

#menu {position: fixed; top:340px; left:20px; width:20%; z-index:100;
                font: 24px Times New Roman, Times, serif; }

#menu a.p1, #menu a.p1:visited {display:block; width:275px; height:100px; text-decoration:none;
                        top:0; left:0; border:0;}

#menu a.p2, #menu a.p2:visited {display:block; width:275px; height:100px; text-decoration:none;
                        top:0; left:0; border:0;}

#menu a.p3, #menu a.p3:visited {display:block; width:275px; height:120px; text-decoration:none;
                        top:0; left:0; border:0;}
                        
#menu a.p4, #menu a.p4:visited {display:block; width:275px; height:75px; text-decoration:none;
                        top:0; left:0; border:0;}
                        

#menu a img {border:0;}

#menu a.p1:hover {text-decoration:none; color:#000;}

#menu a.p2:hover {text-decoration:none; color:#000;}

#menu a.p3:hover {text-decoration:none; color:#000;}

#menu a .large {display:block; position:absolute; width:0; height:0; border:0; top:0; left:0;}

#menu a.p1:hover .large {display:block; position:absolute; top:200px; left:40px;
                        width:199px; height:106px;}

#menu a.p2:hover .large {display:block; position:absolute; top:60px; left:40px;
                        width:199px; height:106px;}

#menu a.p3:hover .large {display:block; position:absolute; top:60px; left:40px;
                        width:199px; height:106px;}

#text {position: absolute; left: 20%; top: 36%; width: 80%; 
                                z-index: 1; background-color: #F5DEB3; }
 
#mail {position: absolute; background-color: #F5DEB3; left: 0px; top: 0px; width: 80%; height: 46px; padding: 4px;
                          font: 28px/2.8em Times New Roman, Times, serif; color: Black; text-align: center; }

#publik {position: absolute; background-color: #F5DEB3; left: 100px; top: 0px; width: 80%; height: 46px; padding: 4px;
                         font: normal 14px/1.6em Verdana, Arial, Helvetica, sans-serif; color: Black; text-align: left; }
                         
#vita {position: absolute; background-color: #F5DEB3; left: 100px; top: 0px; width: 80%; height: 46px; padding: 4px;
                          font: normal 14px/1.6em Verdana, Arial, Helvetica, sans-serif; color: Black; text-align: left; }
                          
#sprache {position: absolute; left: 94%; top: 20px; width: 30px; height: 18px; z-index:3;}