body{
	  background-color: #1f8dd6;
	  color: white;
      }
      .container {
	  display: inline-flex;
	  flex-wrap: wrap;
	  width: 600px;
	  border: 3px solid white;
	  margin: 0 auto;
	  /* margin-left: auto; */
	  /* margin-right: auto; */
      }
      .flex-direction {
	  flex-direction: row;
	  vertical-align: top;
      }

      .meImg {
	  width: 295px;
	  height: 260px;
	  /* background-color: ; */
	  display: inline-block;
	  /* margin: 0 auto; */
      }
      .meImg img {height: 260px;}
      .meText {
	  width: 295px;
	  height: 260px;
	  /* background-color: blue; */
	  display: inline-block;
	  	  padding-right: 4px;
      }
      .abImg {
	  width: 295px;
	  height: 260px;
	  /* background-color: white; */
	  display: inline-block;
      }
      .abImg img {width: 260px;}
      .abText {
	  width: 295px;
	  height: 260px;
	  /* background-color: green; */
	  overflow: auto;
	  display: inline-block;
	  padding-right: 4px;
	  /* margin-left: -10px; */
      }
      .hometxt {
	  display: table;
	  padding: 1em;
	  min-height: 350px;
	  text-align: justify;
	  vertical-align: middle;
/*	  border: 1px solid yellow; */
      }
      .hometxt p {

      }
      .fixed  {
	  position: fixed;
	  text-align: center;
	  bottom: 0px;
	  left: 0px;
	  border-top: 0px solid white;
	  background-color: #1f8dd6;
	  width: 100%;
      }
      .fixed .bvinfo { opacity: 0.7;}
      
      .achter-title {
	  /* text-align: center; */
	  position: fixed;
	  top: 200px;
	  left: -70px;
	  /* width: 100%; */
	  color: white;
	  /* border: 1px solid white; */
	  font-size: 12em;
	  opacity: 0.4;
	  background-color: #1f8dd6;
	  z-index:  -10;
	  /* -moz-transform: rotate(-90deg); */
	  transform: rotate(270deg);
	  /* transform-origin: left bottom; */
	  /* -ms-transform:rotate(90deg); /\* IE 9 *\/ */
	  /* -moz-transform:rotate(90deg); /\* Firefox *\/ */
	  /* -webkit-transform:rotate(90deg); /\* Safari and Chrome *\/ */
	  /* -o-transform:rotate(90deg); /\* Opera *\/ */


      }
      h1 {position: fixed; top: 10px; text-align: center; color: white; margin: 0 auto; width: 100%;}
      .outer {
	  margin: 0 auto;
	  position: static;
	  width: 600px;
	  border: 0px solid green;
	  margin: 0 auto;
	  margin-top: 7%;
      }
      a { color: white; }
      .fixed a {font-family: sans-serif; color: white;}

      a:visited {opacity: 0.7;}
      a:hover {text-decoration: overline underline;}
      a:active {background-color: blue;}
      @media screen and (max-width:  700px){
	  .hometxt {min-height: 50%;}
	  .achter-title { font-size: 8em;}
	  .flex-direction {flex-direction:  column;}
	  .container {width: 100%; border: 0px solid yellow;}
	  .fixed {position: static;}
	  .outer {width: 100%;}
	  .meText {width: 100%;}
	  .meImg {width: 100%; text-align: center;}
	  .abText {width: 100%;}
	  .abImg {width: 100%; text-align: center;}
	  h1 {font-size: 1.5em; top: 2px;}
	  /* .fixed a {font-family: sans-serif; color: white;} */
      }