body {
    background:#EEEDD7;
    background-image: url(topbg.gif);
    background-repeat: repeat-x;
    background-attachment: fixed;
    background-position: left top;
    margin:0px 0px 0px 0px;
    padding:0px;
    color:#283840;
    font:11px/18px verdana, arial, helvetica, sans serif;
   scrollbar-face-color:#EEEDD7;
   scrollbar-arrow-color:#6B6B64;
   scrollbar-track-color:transparent;
   scrollbar-shadow-color:#6B6B64;
   scrollbar-highlight-color:#EEEDD7;
   scrollbar-3dlight-color:#EEEDD7;
   scrollbar-darkshadow-Color:#EEEDD7;
    }
   
textarea {
width: 200px; height: 150px;
}
.putti {
width: 200px;
}
.kopf{
font:14px georgia, tahoma, arial, helvetica, sans serif; font-weight:bold; color: #245EDC;
}
a {
   text-decoration:none;
   font:11px georgia, tahoma, arial, helvetica, sans serif;
   font-weight:normal;
   background:transparent;
   border-bottom:1px dotted #EEEDD7;
   }

 a:link {color:#37667B;}
 a:visited {color:#A8C9D8;}
 a:hover {color:#37667B; border-bottom:1px dotted #A8C9D8;}


 td {
  font:10px verdana, arial, helvetica, sans-serif;
  font-weight:normal;
  color:#6B6B64;
  background:transparent;
  }
#ventilator {
  position:absolute;
  top:100px;
  right:170px;
  z-index:0;	
  }


 #chicknchair {
  position:absolute;
  top:65px;
  left:0px;
  z-index:0;	
  }
#piratenpartei {
  position:absolute;
  bottom:5px;
  right:0px;
  z-index:0;	
  }


  #sonnenschirm {
  position:absolute;
  top:268px;
  right:150px;
z-index:0;	
  }
 #palme {
  position:absolute;
  top:128px;
  right:0px;
z-index:0;
  }
  .logbody {
   margin:0px 0px 2px 0px;
   padding:10px;
  border: 1px solid #C0DFED;
  background-image: url(fff.gif);
z-index:10;
  }
 #log {
  position:absolute;
  top:65px;
  left:250px;
  width:400px;
   }
 
  
 #side {
  position:absolute;
  top:200px;
  left:120px;
  background:transparent;
  width:120px;
  }
  
 
 .stuff {
  margin:10px 0px 10px 0px;
  border-left: 1px solid #C0DFED;
  border-top: 1px solid #C0DFED;
  border-bottom: 1px solid #C0DFED;
  background:#FFFFFF;
  padding:1px;
        } 

 
 

 .sidetitle {
  font:10px verdana, arial, helvetica, sans-serif;
  font-weight:normal;
  color:#475C66;
  text-transform:uppercase;
  text-align:left;
  border-bottom:1px solid #C0DFED;
  background:#E1F0F7; 
  margin:10px 0px 0px 0px;
  padding:3px;
  }

 .title {
  font:10px verdana, arial, helvetica, sans-serif;
  font-weight:normal;
  text-transform:uppercase;
  color:#283840;
  margin:0px 0px 0px 0px;
  padding:3px;
  }

 .posted {
  font:11px verdana, arial, helvetica, sans-serif;
  font-weight:bold;
  color:#475C66;
  margin:0px 0px 30px 0px;
  padding:3px;
  }

 .date {
  font:11px verdana, arial, helvetica, sans-serif;
  font-weight:bold;
  color:#475C66;
  margin:0px 0px 0px 0px;
   }
 #rolloverhase a {
	height: 96px; width: 128px; display: table-cell;
	background: url("w3cfelix1.gif") 0px -96px no-repeat;
	display: block; border: none;
}
#rolloverhase a:hover {
	background-position: 0px 0px;
}
#box {
 color:black;
 background-color:rgb(225,240,247);
 border-top:1px solid rgb(225,240,247);
 border-right:1px solid rgb(152,199,221);
 border-bottom:1px solid rgb(152,199,221);
 border-left:1px solid rgb(225,240,247);
 width:71px;
}

#box a {
 color:black;
 font:14px courier, sans-serif;
 text-decoration:none;
 background-color:rgb(225,240,247);
 display:block;
 border-top:1px solid #99917D;
 border-right:1px solid rgb(225,240,247);
 border-bottom:1px solid rgb(225,240,247);
 border-left:1px solid #99917D;
 text-align:center;
}

#box a:visited {
 color:black;
 background-color:rgb(225,240,247);
}

#box a:hover {
 color:rgb(0,0,255);
 text-decoration:none;
 background-color:rgb(225,240,247);
 border-top:1px solid rgb(225,240,247);
 border-right:1px solid #99917D;
 border-bottom:1px solid #99917D;
 border-left:1px solid rgb(225,240,247);
}

#box a:active {
 color:black;
 background-color:#b8ab8f;
}

#box a .info {
 display:none;
}

#box a:hover .info {
 color:black;
 background:rgb(225,240,247);
 font:14px courier,sans-serif;
 display:block;
 position:absolute;
 top:200px;
 left:0px;
 padding:5px;
 width:201px;
 text-align:left;
 border-top:1px solid rgb(152,199,221);
 border-right:1px solid rgb(225,240,247);
 border-bottom:1px solid rgb(225,240,247);
 border-left:1px solid rgb(152,199,221);
}

a.infobox { border-bottom: 1px dashed #c30; text-decoration:none;}
  a.infobox:hover { cursor:help; color:#c30;}
  a.infobox span { visibility:hidden; position:absolute;
                   margin-top:1.5em; padding:0.5em; text-decoration:none; }
  a.infobox:hover span { visibility:visible; border:1px solid #c30;
                         color:blue; background:white;/*transparent wäre auch gut*/ }

<!--[if IE 5]><style type="text/css">
  a.infobox span { display:none; }
  a.infobox:hover span { display:block; }
</style><![endif]-->