* {
   margin:0px;
   padding:0px;
}

html {
   height:100%;
}
body {
   width:100%;
   height:100%;
   /*border-right:1px solid #89a0ae;*/
}
img {
   border:0px;
}
/* ----------banner for logo-------------- */
#banner {
   padding: 0px 0px 0px 0px;
   margin: 0px 0px 0px 0px;
   height:110px;
   background:#89a0ae url("../../img/hintergrund.jpg");
}

#logo {
   position:absolute; 
   top:20px; 
   left:20px; 
   width:200px;
}

/* --------------bar navi------------- */
#bar {
   float:left;
   width:180px;
   margin-top:40px;
}
#teaser {
   position:absolute;
   top:69px;
   left:640px;
   height:74px;
   overflow:hidden;
}
#teaser img, #content img {
   padding:1px;
   background-color:white;
   border:1px solid #bac7cd;
}

/* -----------------content--------------------- */
.heightmaker {
   height:600px;
   width:1px;
   float:left;
}

#container {
   color:#333;
padding-bottom:100px;
}

#content {
   width:615px;
   margin-left:200px;
}

pre{
   font-size: 12px;
   padding: 5px 10px;
   margin:0px;
}

/*  ----------------footer---------------------- */ 
#footer {
   clear:left;
   padding:0px 0px 0px 0px;
   margin:20px 20px 0px 0px;
   color:#808080;
   width:600px;
   border-top:1px solid grey;
   text-align: left;
display:none;
}