body { /* global */
  font-family: arial;
  color: #5f5faf;
  background-image: url("img/back1.jpg");
}

.main {
	max-width: 70em;
	background-color:#ffffff;
  padding: 0.6em;
  text-align: left;
  font-size: 1em;
}

.h1 {
	 font-size: 1.2em;
	 font-weight: bold;
	 text-align: left;
}

.startseite {
  padding: 1em;
 }

.no {
	 font-size: 1em;
	 line-height: 1.2em
	 text-align: left;
	 display: table-cell;
}


.nk {
	font-size: 1em;
	line-height: 1.2em
	text-align: left;
}

.form {
	font-size: 1em;
	line-height: 1.2em;
	background-color:#ffffff;
  text-align: left;
}

.sp {
	line-height: 1em;
}

.sf  { /* sf und sfs = Suchformular  */
	background: #fdf3da;
	font-size: 1em;
	text-decoration: none
}

.sfs   {/* sf und sfs = Suchformular  */
	background: #fdf3da;
	font-size: 1em;
	text-decoration: none;
}

A:link, A:visited, A:active {
	color: #5f5faf;
	text-decoration: underline
}

A:hover {
	color: #ff0000;
	text-decoration: underline
}

.leiste_a {
    border-style: solid;
    border-color: #000080;
}

.leiste_p {
    border-style: solid;
    border-color: #d0d0d0;
}

.leiste_a, .leiste_p    {
	 display: table-cell;
	 color: #0000a0;
	 font-family: Arial;
	 text-align:center;
	 font-size: 1em;
	 background-repeat: no-repeat;
	 background-position: center;
	 background-size: 100% 100%;
	 float: left;
	 width: 250px;
   padding: 0.6em;
   margin:  0.8em 0.1em 0.2em 0.1em ;
 	 background-color: #f0f2fa;
}

.leiste_rahmen   {
	 display: table;
	 width: 100%;
	 text-align:center;
}

.suchframe, .whgframe { /* iframe Suche Startseite und Wohnungsrahmen */
  position: relative;
  display: block;
  overflow: hidden;
  width: 100%;
  margin: 0px;
  padding: 0px;
  border: 0px;
  height: 40em;
}

.suchframe {/* iframe Suche Startseite bei voller Bildschirmbreite */
	height: 40em;
}

.whgframe {/* iframe Wohnung bei voller Bildschirmbreite */
	height: 350em;
}

@media only screen and (max-width: 70em) {

body { /* global */
 background-image: none;
}

.main {
  padding: 0em;
	}

.whgframe {
	height: 390em;
  }



@media only screen and (max-width: 62em) {  /* Anpassung der Rahmenhöhen */
.suchframe {
  height: 55em;
  }
}

@media only screen and (max-width: 45em) { /* Anpassung der Rahmenhöhen */
.whgframe {
	height: 620em;
  }

@media only screen and (max-width: 30em) { /* Anpassung der Rahmenhöhen */
.suchframe {
  height: 75em;
  }

.whgframe {
	height: 450em;
  }
}