#wrapper {margin: 0 auto; width: 830px; min-height: 500px;}
#head {width: 100%; height: 90px; background: url(header.png) no-repeat top left; background-size: contain;}
#left {width:190px; float: left;}
#content {
  width:600px; 
  min-height: 200px; 
  float: right; 
  background-image: url(femi.gif); 
  background-position: top left;
  background-repeat:  no-repeat; 
  //background-size: cover;
  margin-top:15px; padding-bottom: 30px;}
// former colors: #d12329, #555555, #d0232a
body {font-family: Georgia; font-size: 14px;}
#nav {margin-bottom: 40px;}
#nav a, #content a {color: #58A232; text-decoration: none;}
.left, .left a, #content {color: #555555;}
#left ul {list-style: none; text-align: right; margin-bottom: 20px;}
li {margin-bottom: 2px;}
h2 {font-weight: normal; color:#59A232; margin:10px 0 0 0;}
.h2top {margin-top: 0px;}
.sprechzeiten td {border-bottom: 1px solid #59A232; padding:5px 5px 5px 0; with: 120px;}
.sprechzeiten {margin-bottom: 0px; margin-top: 0px; table-layout: fixed; width: 600px;}
.stud {color: #59A232;}
img, a {border:0px;}
#sprechzeitenwrapper {margin-top: 0px; padding-top: 0px;}

.urlaubszeiten, #urlaubszeiten {border: 1px solid #59A232; padding: 0px 10px 10px 10px; margin: 0 0 20px 0;}
#urlaubszeiten table, #urlaubszeiten table td, #urlaubszeiten table tr {margin: 0 0 0 0; padding:0 0 0 0;font-family: "Georgia"; color: #555555; font-size: 14px;}
/*
 TABELLE UND BUTTON 
#sprechzeitenwrapper {width: 600px;}
#1 {clear: none; display: inline; float:left;}
#1>table {display: inline; clear: right;}
#2 {display: inline; clear:none; float: right;}
*/

#fotos {
    width: 350px;
/*    height: 150px;
*/    overflow: hidden;
/*    display: -webkit-flex;
    flex-direction: row;
*/}

.flexed-image {
  align-items: center;
  max-width:70%;
}