html, body { min-height: 100%; } body { background: white; font-family: "Trebuchet MS", "Lucida Grande", verdana, arial, georgia; font-size: 1em; margin: 0; padding: 20px 70px; line-height: 1.4; } a { color: #2877A2; } h1 { margin-bottom: 0; } h1 + h2 { margin: 0 0 2em 0; font-size: 1em; } h3 { font-weight: normal; } h2 { margin-bottom: 0; } h2 + h3 { margin-top: 0; font-weight: bold; } #container { min-width: 750px; max-width: 1100px; position:relative; min-height:100%; height:auto !important; height:100%; margin:0 auto; background-color: white; } #top { padding-top: 70px; } #top a img { width: 400px; } #navi { float: right; right: 0px ; list-style-type: none; margin: -47px 0; text-align: center; padding: 12px 0; } #navi li { display: inline; } #navi li a { color: black; padding: 10px 12px; text-decoration: none; background-color: #90cb93; color: white; } #stage { border-top: 5px solid #90cb93; padding: 50px 0px; background: url("/img/background.gif") no-repeat center 110px ; min-height: 510px; } #imagearea { margin: 0px 0 260px; clear: both; } #imagearea #titleimage { border-top: 10px solid #216f85; padding-top: 35%; background-image: url("file://localhost/Users/karlpannek/Dropbox/Kinga%20Praxis%20Fotos/Originale/AR8R8369.JPG"); background-size: 1100px; background-size: cover; } #imagearea #imagelist { padding: 0; } #imagearea #imagelist li { list-style-type: none; display: block; float: left; width: 350px; height: 200px; border: 0px solid black; margin-right: 5px; background-size: 342px; background-size: cover; } #imagearea #imagelist li p { background-color: #90cb93; height: 20px; margin: 0; padding: 10px; text-align: center; color: white; } #imagearea .testimonial { background-color: #216f85; margin-right: 0; } #imagearea .testimonial blockquote { padding: 35px; color: white; background-color: transparent; height: auto; font-style: italic; font-size: 1.2em; } #stage img { border: 1px solid #888; background-color: white; padding: 5px; margin: 0 0 1em 1em; float: right; border-radius: 2px; } #angebote { float: right; text-align: right; } #angebote a { border: 0; background: none; margin: 10px 0 10px 10px; float: left; } #angebote a img { border: 0; background: white; border: 1px solid #aaa; } p.diagramm { text-align: center; margin: 4em 0; } #stage p.diagramm img { float: none; }