#containerhilf { position:absolute;width:900px;height:560px; top:0; left:0; overflow:hidden;}
/* 1 Blase */
#blase1 { position:absolute; width:96px; height:90px; font-size:12px; left:25px; top:5px; z-index:10; }
#blase1 p, #blase2 p { font-size:11px; }
#blase1 h1 { font-size:11px; line-height:15px; text-align:center; margin-left:-10px }
#blase1 h4 { font-size:11px; margin-left:80px; font-weight:normal; line-height:15px; }
#blase1 ul, #blase2 ul,#blase3 ul,#blase4 ul,#blase5 ul  { list-style-type:none; }
#blase1 ul li { float:left; margin:0px; width:96px; height:90px; border:none #00335B; }
#blase1 ul li a, #blase1 ul li a:visited { display:block; text-decoration:none; color:#00335B; width:96px; height:90px; color:#00335B; background:transparent; }
#blase1 ul li dl { visibility:hidden; position:absolute; z-index:10; }
#blase1 table { margin:-2px; border:0; padding:0; border-collapse:collapse; font-size:12px; }
#blase1 dl { width:200px; background:#ffcc67; height:auto; border:1px solid #00335B; }
#blase1 dt { margin:0; padding:3px; font-size:15px; font-weight:bold; color:#00335B; background:#ffc; text-align:center; }
#blase1 dd { margin:0; padding:5px 3px 5px 15px; color:#00335B; font-size:1em; background: url(../bioenergetik-images/wappen.gif) no-repeat; background-position:10px 25px; }
#blase1 dd p { padding:0; margin:0; line-height:15px; } /*Zeilenabstand des Textes*/
/* specific to non IE browsers and IE7 first with IE5.5 and IE6 second */
#blase1 ul li:hover, #blase1 ul li a:hover { color:#00335B; position:relative; cursor: pointer; }
#blase1 ul li:hover dl, #blase1 ul li a:hover dl { visibility:visible; color:#00335B; top:10px; left:118px; cursor:default; }/*Lage der Hoverbox*/
/* 3 Blase */
#blase3 { position:absolute; width:115px; height:150px; font-size:12px; left:75px; top:238px; z-index:10; }
#blase3 p { font-size:11px; }
#blase3 h1 { font-size:11px; line-height:15px; text-align:center; margin-left:-10px }
#blase3 h4 { font-size:11px; margin-left:80px; font-weight:normal; line-height:15px; }
#blase3 ul li { float:left; margin:0px; width:115px; height:150px; border:none #00335B; }
#blase3 ul li a, #blase3 ul li a:visited { display:block; text-decoration:none; color:#00335B; width:115px; height:150px; color:#00335B; background:transparent; }
#blase3 ul li dl { visibility:hidden; position:absolute; z-index:10; }
#blase3 table { margin:-2px; border:0; padding:0; border-collapse:collapse; font-size:12px; }
#blase3 dl { width:230px; background:#f8f5d9; height:auto; border:1px solid #00335B; }
#blase3 dt { margin:0; padding:3px; font-size:15px; font-weight:bold; color:#903; background: #afa9b3; text-align:center; }
#blase3 dd { margin:0; padding:5px 5px 5px 10px; color:#00335B; font-size:1em; }
#blase3 dd p { padding:0; margin:0; line-height:15px; } /*Zeilenabstand des Textes*/
/* specific to non IE browsers and IE7 first with IE5.5 and IE6 second */
#blase3 ul li:hover, #blase3 ul li a:hover { color:#00335B; position:relative; cursor: pointer; }
#blase3 ul li:hover dl, #blase3 ul li a:hover dl { visibility:visible; color:#00335B; top:-200px; left:-70px; cursor:default; }/*Lager der Hoverbox*/
/* 2 Blase */
#blase2 { position:absolute; width:55px; height:65px; font-size:12px; left:640px; top:6px; z-index:10; }
#blase2 ul li { float:left; margin:0; width:55px; height:65px; border:none #00335B; }
#blase2 ul li a, #blase2 ul li a:visited { display:block; text-decoration:none; color:#00335B; width:55px; height:65px; background:transparent; }
#blase2 ul li dl { visibility:hidden; position:absolute; z-index:10; }
#blase2 dl { width:200px; background:#ffcc67; height:auto; border:1px solid #00335B; }
#blase2 dl { width:204px; w\idth:200px; }/* Hack fuer IE5.5 */
#blase2 dt { margin:0; padding:3px; font-size:15px; font-weight:bold; color: #00335B; background:#ffc; text-align:center; }
#blase2 dd { margin:0; padding:0px 6px 10px 15px; color:#00335B; font-size:1em; background:#ffcc67; }
#blase2 dd p { padding:0; margin:0; line-height:15px; } /*Zeilenabstand des Textes*/
#blase2 table { margin:-2px; border:0; padding:0; border-collapse:collapse; font-size:12px; }
/* specific to non IE browsers and IE7 first with IE5.5 and IE6 second */
#blase2 ul li:hover, #blase2 ul li a:hover { color:#00335B; position:relative; cursor:pointer; }
#blase2 ul li:hover dl, #blase2 ul li a:hover dl { visibility:visible; color:#00335B; top:20px; left:-220px; cursor:default; }/*Lager der Hoverbox*/
a:link, a:visited { color:blue; background:transparent; font-size:13px; }
a:hover { color:red; background:transparent; text-decoration:none; }

/* 4 Blase */
#blasehilf { position:absolute; width:115px; height:150px; font-size:12px; left:75px; top:238px; z-index:1; background: url(../bioenergetik-images/broschuere.png) top left no-repeat; }

#blase4 { position:absolute; width:90px; height:88px; font-size:12px; left:27px; top:350px; z-index:12; }
#blase4 ul li { float:left; margin:0; width:90px; height:88px; border:none #00335B; }
#blase4 ul li a, #blase4 ul li a:visited { display:block; color:#00335B; width:90px; height:88px; color:#00335B; background:transparent; }
#blase4 ul li dl { visibility:hidden; position:absolute; z-index:10; }
#blase4 dl { width:230px; background:#fff; height:auto; border:2px solid #E56D0E; }
#blase4 dl { width:234px; w\idth:230px; }/* Hack fuer IE5.5 */
#blase4 dt { margin:0; padding:3px; font-size:15px; font-weight:bold; color: #EEEC4A; background:#7FB754; text-align:center; }
#blase4 dd { margin:0; padding:0px 6px 10px 15px; color:#000080; font-size:1em; background:#fff; }
#blase4 dd p { padding:0; margin:3px 0px 0px 0px; line-height:15px; } /*Zeilenabstand des Textes*/
#blase4 table { margin:-2px; border:0; padding:0; border-collapse:collapse; font-size:12px; }
/* specific to non IE browsers and IE7 first with IE5.5 and IE6 second */
#blase4 ul li:hover, #blase4 ul li a:hover { color:#00335B; position:relative; cursor:pointer; }
#blase4 ul li:hover dl, #blase4 ul li a:hover dl { visibility:visible; color:#00335B; top:-110px; left:115px; cursor:default; }/*Lager der Hoverbox*/
a:link, a:visited { color:blue; background:transparent; font-size:13px; }
a:hover { color:red; background:transparent; text-decoration:none; }

/* 5 Blase */
#blase5 { position:absolute; width:80px; height:70px; font-size:12px; left:793px; top:3px; z-index:12; }
#blase5 ul li { float:left; margin:0; width:80px; height:70px; border:none #00335B; }
#blase5 ul li a, #blase5 ul li a:visited { display:block; color:#00335B; width:80px; height:70px; background:transparent; }
#blase5 ul li dl { visibility:hidden; position:absolute; z-index:10; }
#blase5 dl { width:230px; background:#fff; height:auto; border:2px solid #E56D0E; }
#blase5 dl { width:234px; w\idth:230px; }/* Hack fuer IE5.5 */
#blase5 dt { margin:0; padding:3px; font-size:15px; font-weight:bold; color: #EEEC4A; background:#7FB754; text-align:center; }
#blase5 dd { margin:0; padding:0px 6px 10px 15px; color:#000080; font-size:1em; background:#fff; }
#blase5 dd p { padding:0; margin:3px 0px 0px 0px; line-height:15px; } /*Zeilenabstand des Textes*/
#blase5 table { margin:-2px; border:0; padding:0; border-collapse:collapse; font-size:12px; }
/* specific to non IE browsers and IE7 first with IE5.5 and IE6 second */
#blase5 ul li:hover, #blase5 ul li a:hover { color:#00335B; position:relative; cursor:pointer; }
#blase5 ul li:hover dl, #blase5 ul li a:hover dl { visibility:visible; color:#00335B; top:7px; left:-258px; cursor:default; }/*Lager der Hoverbox*/

#haupt { position:absolute; width:900px; height:435px; z-index:6; left:0px; top:125px; color:#006; overflow:hidden; }