/*von Webseite www.456bereastreet.com/archive/200609/css_frames_v2_fullheight/ kopiert und angeglichen*/


html,
 body {
    margin:0;
    padding:0;
    height:100%; /* 100 % height */
 }
 html>body #wrap {height:100%;} /* 100 % height */
 #header {
    width:100%;
    height:5em;
 }
 html>body #header {
    position:fixed;
    z-index:10; /* Prevent certain problems with form controls */
 }
 html>body #content-wrap {height:100%;} /* 100 % height */
 html>body #content {padding:6em 1em;} /* 6em = height of #header and #footer + 1em, 1em = give the content some breathing space */
 #footer {
    width:100%;
 }
 html>body #footer {
    position:fixed;
    bottom:0;
    background-color: #ffff00;
    z-index:10; /* Prevent certain problems with form controls */
 }
 nav{width:100%;background-color:white;}
 ul{list-style-type:none;color:red;background-color:white;}
 li{display:inline; padding:1%;border-right:2px solid #d3d3d3; font-weight:bold;font-color:black;}
 li:hover{background-color:yellow;font-color:#2f4f4f;}
 rot{color:red;}
 fb{color:blue;}
 div.groesser{display:inline;padding: 5px 5px; /* damit der container die höhe des großen bildes annimmt */}
 div.groesser img:hover {
  position: absolute;
  padding: 5px 5px;
  background-color: white;
  margin-left: -65px; /* die hälfte des größenunterschiedes der bilder */
  margin-top: -25px;  /* hier genau so */
  width: 80px;       /* die weite beim vergrößern */
  height: 52px;      /* die höhe beim vergrößern */
  opacity:0;
 }
 gelb{background-color:yellow;}