/* Stylesheet für die Shumatsu 2005 Website */

/* ----------------------------------
    Zentrale Container und Varianten
   ---------------------------------- */


body { margin:0px;
       padding:0px;
       width:100%;

       background:#C0C0C0 url('img/body_bg.jpg') no-repeat left bottom;
     }

#logo { position:absolute;
        top:10px;
        left:10px;
        width:200px;
        height:150px;

        background-image:url("img/logo.jpg");
      }
#header { position:absolute;
          left:210px;
          top:10px;
          right:10px;

          /* IE Workaround mit dem dämlichen expression dingens... */

          width:expression(document.body.clientWidth-20-200+"px");

          height:150px;
          background-image:url("img/header.jpg");
          background-repeat:no-repeat;
          background-position:right center;
        }

#nav { position:absolute;
       top:160px;
       left:10px;
       width:220px;
       height:400px;


     }

#cont { position:absolute;
        top:160px;
        left:225px;
        right:10px;
        width:expression(document.body.clientWidth-30-220+"px");

        min-height:400px;

         margin:2px 2px;
        padding:2px 5px;
        border:1px solid black;
        background: #dcdcdc url('img/cont_footer.jpg') no-repeat right bottom;

        color:black;
        font:12px sans-serif;

        overflow:auto;
      }
#nav a { display:block;
         max-height:20px;
         width:200px;
         padding: 2px 5px;
         border:1px solid black;
         margin:2px 2px;
         vertical-align:middle;
         font: 12px sans-serif;
         text-decoration:none;
         background : #DCDCDC url('img/nav_bg.jpg') no-repeat right center;



         color:black;
       }
#nav a:hover {background : #ffa500 url('img/nav_bg_hover.jpg') no-repeat right center;
              border:1px solid black;
             }

/* ------------------------
    Visualisierungseffekte
   ------------------------ */

#header span {display:none;}
#logo span {
             display:none;
             font-size:20pt;
           }


#date { font-weight:bold;
      }


.link_hl { color:#7F7F7F;
         }

/* -------------------
    Text-Definitionen
   ------------------- */

.headline { margin-bottom:20px;
            font-weight:bold;
            text-decoration:underline;
          }
.subheadline { margin-bottom:10px;

               font-style:italic;
 			 }
.txt{ margin-left:5px;
      margin-bottom:20px;
    }
a { color:#000;
    font-weight:bold;
  }
a:hover { text-decoration:none;
        }
#pdf_link { border:0px none;
             vertical-align:middle;
           }
#cont_pic { float:right;
            width:374px;
            text-align:right;
            border:0px solid #dcdcdc;
          }

/* --------------------------
    lameGallery Definitionen
   -------------------------- */

.gallerylink { display:inline;
             }
#imgframe { margin-top:20px;
            text-align:center;
            width:100%;
          }
#imgframeimg { border:1px solid black;
             }
.imgtable { background-color:#dcdcdc;
            width:50%;
            border:1px solid #c0c0c0;
            border-collapse:collapse;
            empty-cells:hide;
          }
.imgtablecell { text-align:center;
              }
.imgtablecell:hover { background-color:#ffa500;
                    }
.imgtablerow:hover { background-color:#c0c0c0;
                   }

/*

  lameGuestBook (lameGB)

*/

#gb_table { margin-top:10px;
       		margin-left:10px;
       		width:auto;
            border:1px solid black;
            background-color:#c0c0c0;
          }
.gb_row {
        }
.gb_cell { background-color:#dcdcdc;
           border:1px dotted black;
           padding:10px;
         }
#gb_link_next { text-align:right;
                padding:10px 2px;
              }
#gb_link_prev { text-align:left;
                padding:10px 2px;
              }
.gb_cell_header { padding-bottom:10px;
                }
.date_hl {color:#f00;}