.default-font {
  font: normal 15px/22px 'PT Sans', Helvetica, Arial, sans-serif;
  color: #454545;
}
.border-button-style {
  border: 1px solid #fff;
  border-radius: 3px;
  box-shadow: 0 0 3px #bbbbbb;
}
.border-button-style-invers {
  border: 1px solid #fff;
  border-radius: 3px;
}
.border-default-style {
  border: 1px solid #fff;
  box-shadow: 0 0 3px #bbbbbb;
}
.border-main-box {
  box-shadow: 1px 1px 1px #dfdfdf;
  border: 1px solid #fff;
}
.underline {
  text-decoration: underline;
}
#navigation {
  width: 600px;
}
ul#navi {
  margin: 0;
  float: right;
}
.vermieterbereich table td {
  vertical-align: top;
}
.vermieterbereich b {
  font-weight: 500;
}
.vermieterbereich section ul {
  margin: 10px 0;
  padding: 0 0 0 15px;
}
.vermieterbereich section ul li {
  list-style: url(/layout/modules/osfw/SecraContentPage/assets/images/icons/li_arrow.png);
  padding: 0 0 0 5px;
  margin: 3px 0 0 20px;
}
.svg .vermieterbereich section ul li {
  list-style: url(/layout/modules/osfw/SecraContentPage/assets/images/icons/li_arrow.svg);
}
.vermieterbereich section ul.checklist {
  padding: 0;
}
.vermieterbereich section ul.checklist li,
.svg .vermieterbereich section ul.checklist li {
  margin-left: 0;
  list-style: none;
}
.vermieterbereich section ol {
  margin: 10px 0;
  padding: 0 0 0 15px;
}
.vermieterbereich section ol li {
  padding: 0 0 0 5px;
  margin: 3px 0 0 20px;
}
/* Vermieter News Aktuelles Startseite
---------------------------------------------------------------------------------------- */
.vermieteraktuelles .news_article {
  background: #efefef;
  border: 1px solid #fff;
  border-radius: 3px;
  box-shadow: 0 0 3px #bbbbbb;
  margin: 0 0 30px 0;
  position: relative;
  overflow: hidden;
}
/* Important News */
.vermieteraktuelles .news_article.newsflash .type {
  background: #ba0913 url(/layout/modules/osfw/SecraContentPage/assets/images/design/gradient_red.jpg) 0 0 repeat-x;
}
.vermieteraktuelles .news_article.newsflash h3 {
  color: #ba0913;
}
/* Campaign News */
.vermieteraktuelles .news_article.campaign .type {
  background: #70ae00 url(/layout/modules/osfw/SecraContentPage/assets/images/design/gradient_green.jpg) 0 0 repeat-x;
}
.vermieteraktuelles .news_article.campaign h3 {
  color: #70ae00;
}
/* Infos */
.vermieteraktuelles .news_article .type {
  float: left;
  padding: 5px 10px;
  background: #0991d0 url(/layout/modules/osfw/SecraContentPage/assets/images/design/gradient_cyan.jpg) 0 0 repeat-x;
  color: #fff;
  font-weight: 600;
  border-bottom-right-radius: 3px;
}
.vermieteraktuelles .news_article .type:before {
  content: "";
  font-family: FontAwesome;
  font-weight: normal;
  padding: 0 5px 0 0;
}
.vermieteraktuelles .news_article .date {
  float: right;
  padding: 5px 10px;
  background: #cfcfcf url(/layout/modules/osfw/SecraContentPage/assets/images/design/gradient_grey.jpg) 0 0 repeat-x;
  color: #fff;
  font-weight: 600;
  border-bottom-left-radius: 3px;
}
.vermieteraktuelles .news_article .date:before {
  content: "";
  font-family: FontAwesome;
  font-weight: normal;
  padding: 0 5px 0 0;
}
/* Title */
.vermieteraktuelles .news_article h3 {
  margin-top: 0;
  margin-bottom: 20px;
  font-size: 21px;
}
/* Content and Image */
.vermieteraktuelles .news_article .content {
  padding: 20px;
}
.vermieteraktuelles .news_article .content .image {
  float: left;
  width: 33%;
  border: 1px solid #fff;
  border-radius: 3px;
  box-shadow: 0 0 3px #bbbbbb;
  margin: 0 20px 20px 0;
}
.vermieteraktuelles .news_article .content a i {
  padding: 0 5px 0 0;
}
.vermieteraktuelles .news_article .content .pdf {
  position: relative;
  top: 3px;
  left: 3px;
}
.vermieteraktuelles .news_article .content .more {
  border-top: 1px solid #ddd;
  background: #fff;
  font-size: 13px;
  padding: 1px;
  opacity: 0.8;
}
.vermieteraktuelles .news_article .content .more h4 {
  margin-top: 0;
}
/* Pagination */
.vermieterbereich section ul.pagination {
  margin: 0;
  padding: 0;
}
.vermieterbereich section ul.pagination li {
  float: left;
  list-style: none;
  margin: 0 3px;
  padding: 1px 0;
}
.vermieterbereich section ul.pagination li a {
  display: block;
  text-align: center;
  padding: 4px 10px;
  border-radius: 3px;
  color: #343434;
  text-decoration: none;
  transition: background ease-in-out 0.1s;
  white-space: nowrap;
  overflow: hidden;
  border: 1px solid #fff;
  box-shadow: 0 0 3px #ddd;
}
.vermieterbereich section ul.pagination li.prev a,
.vermieterbereich section ul.pagination li.next a {
  padding-top: 8px;
  padding-bottom: 8px;
}
.vermieterbereich section ul.pagination li a:hover,
.vermieterbereich section ul.pagination li.active a:hover {
  background: #39b4ed url(/layout/modules/osfw/SecraContentPage/assets/images/design/gradient_cyan_hover.jpg) 0 0 repeat-x;
  color: #fff;
  border: 1px solid #fff;
  border-radius: 3px;
  box-shadow: 0 0 3px #bbbbbb;
}
.vermieterbereich section ul.pagination li.active a {
  background: #0991d0 url(/layout/modules/osfw/SecraContentPage/assets/images/design/gradient_cyan.jpg) 0 0 repeat-x;
  color: #fff;
  border: 1px solid #fff;
  border-radius: 3px;
  box-shadow: 0 0 3px #bbbbbb;
}
/* Vermieter Rechnungen
---------------------------------------------------------------------------------------- */
.rechnungenonline td {
  padding: 5px 0;
}
.rechnungenonline tr:hover {
  color: #0991d0;
}
.objektdaten_aendern_auswahl td {
  vertical-align: top;
}
.objektdaten_aendern_auswahl td.text {
  padding: 0 0 0 20px;
}
.cellw td {
  padding: 10px 0;
  border-bottom: 2px solid #ddd;
}
.cellobjh td {
  padding: 10px 0;
  border-bottom: 2px solid #ddd;
}
.cellobj,
.box_600_dot_hb td {
  vertical-align: top;
}
.cellobj table td {
  vertical-align: top;
}
tr.tdwrow td {
  vertical-align: middle;
}
/***********************************************/
/*           4Steps-Template (neues Passwort)  */
/***********************************************/
.stepcount_wrapper {
  width: auto;
  display: block;
  border-bottom: 1px solid #ddd;
  margin: 20px 0;
  padding-left: 240px;
}
.stepcount_active {
  color: #fff;
  width: 120px;
  padding: 8px 0;
  /*background: url(/vermieter/vbitmaps/bg_step_active.jpg) no-repeat left top;*/
  background: #0991d0 url(/layout/modules/osfw/SecraContentPage/assets/images/design/gradient_cyan.jpg) 0 0 repeat-x;
  border: 1px solid #fff;
  border-radius: 3px;
  box-shadow: 0 0 3px #bbbbbb;
  display: block;
  float: left;
  text-align: center;
  font-size: 15px;
  font-weight: 500;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}
.stepcount_norm {
  color: #454545;
  width: 120px;
  padding: 8px 0;
  background: #cfcfcf url(/layout/modules/osfw/SecraContentPage/assets/images/design/gradient_grey.jpg) 0 0 repeat-x;
  border: 1px solid #fff;
  border-radius: 3px;
  box-shadow: 0 0 3px #bbbbbb;
  display: block;
  float: left;
  text-align: center;
  font-size: 15px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}
/***********************************************/
/*   Spezielle Klassen / Objektpräsentation    */
/***********************************************/
.obj_bild_start {
  width: auto;
  float: right;
  margin: 0 0 0 20px;
}
/***** IE-Browserweichen *****/
*html .obj_bild_start {
  width: auto;
  float: right;
  margin: 0;
  padding-left: 20px;
}
html > body .obj_bild_start {
  width: auto;
  float: right;
}
/***** IE-Browserweichen *****/
.obj_bild_start img {
  clear: right;
  float: left;
}
/***********************************************/
/*     Allgemeine Formatierungen / Objekte     */
/***********************************************/
.clearfix {
  clear: both;
}
.email {
  vertical-align: text-bottom;
  padding-bottom: 2px;
}
iframe {
  border: none;
}
.gross {
  font-size: 14px;
  font-style: normal;
}
.klein {
  font-size: 13px;
  font-style: normal;
}
.sehrklein {
  font-size: 11px;
  font-style: normal;
}
.kleinkurs {
  font-size: 13px;
  font-style: italic;
  font-style: normal;
}
a,
a > img {
  border: none;
  padding: 0;
}
#content_input a:link,
#content_input a:visited {
  color: #0991d0;
  text-decoration: underline;
}
#content_input a:hover {
  color: #ba0913;
  text-decoration: none;
}
/*
h1 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:@white;
	font-size:20px;
	text-transform:uppercase;
	margin:0;
}

h2 {
	display:block;
	width:100%;
	background:#d2e3f8;
	color:@cyan;
	font-size:13px;
	text-align:center;
	padding:1px 0 1px 0;
	margin:0 0 10px 0;
}


h3 {
	display:block;
	width:100%;
	background:#e2effe;
	color:@cyan;
	font-size:12px;
	text-align:center;
	padding:10px 0 10px 0;
	margin:0 0 10px 0;
}

h4 {
	display:block;
	width:100%;
	background:#e4effd;
	color:@cyan;
	font-size:12px;
	text-align:center;
	padding:1px 0 1px 0;
	margin:0 0 10px 0;
}
*/
/*li {
	list-style-image:url(/vermieter/vbitmaps/listenpfeil.gif);
	margin-bottom:8px;
	padding-left:-10px;
}

*html li {
	padding-top:-8px;
}*/
/***********************************************/
/*                Span-Klassen                 */
/***********************************************/
span.tab145 {
  width: 145px;
  display: block;
  float: left;
}
span.tab120 {
  width: 120px;
  display: block;
  float: left;
}
span.tab90 {
  width: 90px;
  display: block;
  float: left;
}
span.tab80 {
  width: 80px;
  display: block;
  float: left;
}
span.tab80 {
  width: 80px;
  display: block;
  float: left;
}
.weiss {
  color: #fff;
  font-style: normal;
}
.weiss_mid {
  color: #fff;
  font-style: normal;
}
.blau {
  color: #0991d0;
  font-style: normal;
}
.blau_mid {
  color: #0991d0;
  font-style: normal;
}
.rot_mid {
  color: #ba0913;
  font-style: normal;
  font-weight: 600;
}
.rot {
  color: #ba0913;
  font-style: normal;
}
.gruen {
  color: #04af00;
  font-style: normal;
}
.gruen strong,
.gruen b {
  color: #04af00;
  font-style: normal;
  font-weight: 500;
}
span.small {
  font-size: 11px;
  font-style: normal;
}
span.objhead {
  color: #0991d0;
  font-size: 14px;
  font-weight: bold;
  font-style: normal;
}
/***********************************************/
/*         Fehlerklassen/Ausgabeklassen        */
/***********************************************/
.suchausgaben {
  color: #009900;
  font-weight: bold;
}
.suchausgabenfehler {
  color: #ba0913;
  font-weight: bold;
}
.fehlerbox {
  width: 96%;
  padding: 10px;
  margin-bottom: 10px;
  font-weight: 500;
  border-radius: 5px;
  border-color: #ba0913;
  color: #ba0913;
  box-shadow: 0 0 3px #ba0913;
  background: #fbf3f3;
}
.fehlerbox ul.fehler li,
.svg .fehlerbox ul.fehler li {
  list-style: disc;
}
.fehlerbox strong,
.fehlerbox b,
.fehler strong,
.fehler b {
  color: #ba0913;
}
.fehler {
  color: #ba0913;
}
.okbox {
  width: 572px;
  padding: 10px;
  border: 2px solid #00BB00;
  text-align: center;
  margin-bottom: 10px;
  color: #00BB00;
  font-weight: bold;
}
/***********************************************/
/*                Formularfelder               */
/***********************************************/
/*input, select, textarea {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	border: 1px solid #85adf9;
}*/
.vermieterbereich input.req,
.vermieterbereich select.req,
.vermieterbereich textarea.req {
  border-right: 2px solid #ba0913;
  /*	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	border-top: 1px solid #85adf9;
	border-bottom: 1px solid #85adf9;
	border-left: 1px solid #85adf9;*/
}
.selectform.vlanguage {
  margin-bottom: 5px;
}
input.check,
input.radio {
  border: 0;
}
.button {
  background: #e4effd;
  border: 1px solid #85adf9;
  font-weight: bold;
  color: #0991d0;
}
.agenturnamesecra {
  border: 0;
  height: 0;
  width: 0;
}
/***********************************************/
/*                Bilderklassen                */
/***********************************************/
.imgalignright {
  float: right;
  margin: 0 0 20px 20px;
}
.imgalignleft {
  float: left;
  margin: 0 20px 20px 0;
}
.imgbord_2 {
  border: 4px solid #e2e2e2;
}
.imgbord_1 {
  border: 1px solid #fff;
  border-radius: 3px;
  box-shadow: 0 0 3px #bbbbbb;
}
.flright.imgbord_1 {
  margin: 0 0 20px 20px;
}
.imgbord_0 {
  border: 0;
}
.imgbord_0_imp {
  border: 0 !important;
}
/***********************************************/
/*                Tabellenklassen              */
/***********************************************/
table.kb_left {
  border: 2px solid #a1c8fd;
}
table.dotblau {
  border: 2px dotted #a1c8fd;
  background: #f2f6f9;
  padding: 10px;
}
table.bordblau {
  /* nur für allgemeine und persönliche Anfragen */
  width: 100% !important;
}
table.dotrot {
  border: 2px dotted #ba0913;
  background: #fbf3f3;
  padding: 10px;
}
table.solidrot {
  border: 2px dotted #ba0913;
  background: #fbf3f3;
  padding: 10px;
}
table.dotcyan {
  border: 2px dotted #0991d0;
  background: #f2f6f9;
  padding: 10px;
  margin: 20px 0;
}
table.solidgelb {
  border: 2px dotted #f7941d;
  background: #fff0de;
  padding: 10px;
}
table.dotrot td,
table.solidrot td,
table.solidgelb td,
table.dotcyan td {
  padding: 10px;
}
td.pad2hb {
  /*	padding:4px;
	background:#e4effd;*/
  background: #efefef;
  border: 1px solid #fff;
  border-radius: 3px;
  box-shadow: 0 0 3px #bbbbbb;
  list-style: none outside none;
  padding: 10px;
  vertical-align: top;
}
td.pad2hb table td[bgcolor="#cddff6"] {
  background: #efefef !important;
}
.tdweingabe td.pad2hb {
  box-shadow: none;
  background: none;
  border-radius: 0;
  border: none;
}
.tdw td.pad2hb {
  padding: 3px;
  box-shadow: none;
  background: #efefef;
  border-radius: 0;
  border: none;
  color: #0991d0;
}
.tdw tr:hover {
  background: #efefef;
}
.tdw_bereitsgebucht td.pad2hb {
  box-shadow: none;
}
td.nopadhb {
  padding: 0;
  background: #e4effd;
}
td.nopadhb2 {
  padding: 0;
  background: #dfdfdf;
}
td.pad2hb2 {
  /*	padding:4px;
	background:#cddff6;*/
  padding: 10px 4px 10px 4px;
  color: #0991d0;
  font-size: 26px;
  font-weight: 500;
  line-height: 26px;
  text-shadow: 1px 1px 1px #fff;
  margin: 0;
}
td.pad2hb2 b {
  font-weight: normal !important;
  color: #0991d0;
}
td.pad2hb2.faq {
  font-family: 'PT Sans', Helvetica, Arial, sans-serif;
  font-size: 17px;
  font-weight: 500;
}
td.pad2weiss {
  padding: 4px;
  background: #fff;
}
td.pad2b {
  padding: 4px;
  background: #007cc2;
}
.warntabelle {
  border: 2px dotted #ba0913;
  background: #fff;
}
/***********************************************/
/*                 Layoutboxen                 */
/***********************************************/
.box_600_dot_hb {
  padding: 10px;
  /*width:580px;
	border: 2px dotted #fe898e;
	background:#e4effd;*/
  width: 96%;
  text-align: left;
  background: #efefef;
  border: 1px solid #fff;
  border-radius: 3px;
  box-shadow: 0 0 3px #bbbbbb;
}
.box_600_dot {
  padding: 10px;
  /*width:580px;
	border: 2px dotted #fe898e;*/
  width: 96%;
  text-align: left;
  /*background: @superlightergrey;*/
  border: 1px solid #fff;
  border-radius: 3px;
  box-shadow: 0 0 3px #bbbbbb;
}
.box_lm {
  width: auto;
  text-align: left;
  height: auto;
  border: 2px dotted #ba0913;
}
.boxWarning {
  border: 2px solid #ba0913;
}
/***********************************************/
/*          Surftipp / 4er-Block-Tipps         */
/***********************************************/
/******* Tipps / 4er-Block ******/
.tipp_top {
  background: url(/vermieter/vbitmaps/tipp_top.gif) no-repeat;
  color: #fff;
  width: 142px;
  height: 26px;
  text-align: center;
  padding-top: 4px;
  clear: right;
}
.tipp_mid {
  color: #0991d0;
  width: 132px;
  height: auto;
  padding: 4px 5px 8px 5px;
  text-align: center;
  line-height: 12px;
  font-size: 11px;
  clear: right;
  overflow: hidden;
}
.tipp_mid img {
  border-top: 2px solid #ba0913;
  border-bottom: 2px solid #ba0913;
  margin-bottom: 8px;
}
span.iemargin {
  display: block;
  clear: both;
}
*html span.iemargin {
  margin: 8px 0 0 0;
}
*:first-child + html span.iemargin {
  font-size: 13px;
}
/******* Tipps / 4er-Block ******/
/*************************************/
/*           Top-Navigation          */
/*************************************/
@media screen {
  #topnav {
    width: 340px;
    height: auto;
    display: block;
    position: absolute;
    left: 50%;
    top: 4px;
    margin-left: 130px;
    text-align: left;
  }
}
#topnav a:link,
#topnav a:visited {
  font-size: 11px;
  color: #0991d0;
  text-decoration: none;
}
#topnav a:hover {
  text-decoration: underline;
}
/*************************************/
/*          Hauptnavigation          */
/*************************************/
/*#mainnav a:link, #mainnav a:visited {
	display:block;
	border-left: 2px solid #85adf9;
	background:url(/vermieter/vbitmaps/nav_arrow_norm.gif) no-repeat left @white;
	font-size:12px;
	color:@cyan;
	text-decoration:none;
	padding:1px 0 1px 18px;
	width:160px;
	float:left;
	margin-bottom:3px;
}

#mainnav a:hover {
	background:url(/vermieter/vbitmaps/nav_arrow_hover.gif) no-repeat left @cyan;
	text-decoration:none;
	color:@white;
}*/
/****** Link-Startseite *******/
/*#mainnav a.home:link, #mainnav a.home:visited {
	display:block;
	background:url(/vermieter/vbitmaps/buttons/home_but_norm.gif) no-repeat left;
	font-size:12px;
	font-weight:bold;
	color:@white;
	height:28px;
	text-decoration:none;
	padding-left:18px;
	padding-top:11px;
	width:162px;
	border:none;
	margin-bottom:6px;
}

#mainnav a.home:hover {
	background:url(/vermieter/vbitmaps/buttons/home_but_hover.gif) no-repeat left;
	color:@white;
}*/
/****** Link-Startseite *******/
/****** Link-Gewinnspiel *******/
#mainnav a.gewinn:link,
#mainnav a.gewinn:visited {
  display: block;
  border-left: 2px solid #85adf9;
  border-bottom: 1px solid #ba0913;
  border-top: 1px solid #ba0913;
  background: url(/vermieter/vbitmaps/nav_arrow_norm.gif) no-repeat left #fff;
  font-size: 12px;
  color: #0991d0;
  font-weight: bold;
  text-decoration: none;
  padding: 1px 0 1px 18px;
  width: 160px;
  float: left;
  margin-bottom: 3px;
}
#mainnav a.gewinn:hover {
  background: url(/vermieter/vbitmaps/nav_arrow_hover.gif) no-repeat left #0991d0;
  text-decoration: none;
  color: #fff;
}
/*************************************/
/*          Layoutelemente           */
/*************************************/
#headline {
  width: 620px;
  padding-top: 17px;
  height: 30px;
  display: block;
  margin-left: 37px;
  text-align: left;
}
#quotes_1 {
  background: url(/vermieter/vbitmaps/headline_arr_left.gif) left no-repeat;
  width: 25px;
  height: 26px;
  float: left;
}
#quotes_2 {
  background: url(/vermieter/vbitmaps/headline_arr_right.gif) left no-repeat;
  width: 27px;
  height: 26px;
  float: left;
}
/*@media screen {
    #mainnav {
    	width:202px;
    	height:auto;
    	display:block;
    	float:left;
    	margin-left:26px;
    	text-align:left;
    }
}*/
*html #mainnav {
  margin-left: 13px;
}
/*#content {
	width:674px;
	height:auto;
	display:block;
	float:left;
}

#content_top {
	width:674px;
	height:58px;
	float:none;
	clear:right;
}

#content_input {
	width:600px;
	height:auto;
	min-height:440px;
	background:@white;
	color:@basicgrey;
	float:left;
	line-height:15px;
	padding:15px 37px 20px 37px;
	clear:right;
}*/
*html #content_input {
  height: 520px;
  margin-right: -3px;
}
*html #content_input img {
  margin: 0;
}
#content_bot {
  width: 674px;
  height: 24px;
  float: left;
  clear: both;
  font-size: 10px;
  line-height: 12px;
  text-align: center;
  color: #0991d0;
  padding-top: 23px;
}
/*@media screen {
    #footer {
    	width:930px;
    	height:70px;
    	display:block;
    	float:left;
    	clear:both;
    }
}*/
@media print {
  #header {
    display: none;
  }
  #topnav {
    display: none;
  }
  #quotes_1 {
    display: none;
  }
  #quotes_2 {
    display: none;
  }
  #mainnav {
    display: none;
  }
  #footer {
    display: none;
  }
}
/* ###################################### */
/* #  Ausstattungsmerkmale Objektseite  # */
/* ###################################### */
.ausstattungskategorie {
  margin-bottom: 10px;
}
.ausstattungskategorietitel {
  float: left;
  width: 135px;
}
.ausstattungsunterblock {
  float: left;
  width: 450px;
}
@media screen {
  .ausstattungsunterblock .hiddenInfo {
    display: none;
  }
}
@media print {
  .ausstattungsunterblock .hiddenInfo {
    display: block !important;
    position: relative;
    left: -10px;
    float: left;
  }
}
.ausstattungsmerkmal_basis {
  width: 130px;
  padding-left: 15px;
  float: left;
  background-position: left center;
  background-repeat: no-repeat;
}
/* ########################################## */
/* #  Ausstattungsmerkmale Onlineanmeldung  # */
/* ########################################## */
.ausstattungskategorie_onlineanmeldung {
  margin-bottom: 10px;
}
.ausstattungskategorietitel_onlineanmeldung {
  width: 135px;
}
.ausstattungskategorietitel_objektdaten {
  width: 136px;
}
div .ausstattungskategorietitel_onlineanmeldung,
div .ausstattungskategorietitel_objektdaten {
  float: left;
}
.ausstattungsunterblock_onlineanmeldung {
  float: left;
  width: 450px;
}
.ausstattungsmerkmal_basis_onlineanmeldung {
  width: 150px;
  float: left;
  background-position: left center;
  background-repeat: no-repeat;
}
/* ########################################## */
/* #  Popup Email-Checking Kontakt          # */
/* ########################################## */
#popup_kontaktformular {
  display: none;
}
.opener {
  background-color: #fff;
  padding: 10px;
  height: 230px;
}
.button_feld {
  text-align: center;
}
.popup {
  width: 91%;
}
/* ########################################## */
/* #  Popup Rote-Hinweisbox                 # */
/* ########################################## */
.rothinweis {
  color: #ba0913;
  background-color: #f8e8e8;
}
.button_rot {
  color: #ba0913;
  background-color: #f8e8e8;
  border: 1px solid #ba0913;
}
.button_gruen {
  color: #04af00;
  background-color: #edfff4;
  border: 1px solid #04af00;
}
.legende {
  border: 1px solid #ba0913;
  background-color: #fff;
  padding: 5px;
}
/* ########################################## */
/* #  Tooltip Rote-Hinweisbox               # */
/* ########################################## */
span.tooltip {
  position: relative;
  text-decoration: none;
}
span.tooltip div {
  display: none;
}
span.tooltip:hover div {
  width: 450px;
  height: auto;
  position: absolute;
  display: block;
  top: 16px;
  right: 2em;
  border: 3px solid #ba0913;
  background-color: white;
  padding: 5px;
  color: #454545;
  font-weight: normal;
}
span.button {
  font-style: italic;
  padding: 4px 10px;
  color: #fff;
  text-transform: uppercase;
  text-decoration: none;
  background: #f7941d url(/layout/modules/osfw/SecraContentPage/assets/images/design/gradient_orange.jpg) 0 0 repeat-x;
  border: 1px solid #fff;
  border-radius: 3px;
  box-shadow: 0 0 3px #bbbbbb;
  font-family: 'PT Sans', Helvetica, Arial, sans-serif;
}
span.button:hover,
span.button:active,
span.button:focus {
  background: #fdb35a url(/layout/modules/osfw/SecraContentPage/assets/images/design/gradient_orange_hover.jpg) 0 0 repeat-x;
}
a.button_rot:visited,
a.button_rot:link {
  font-style: italic;
  padding: 4px 10px;
  color: #fff;
  text-transform: uppercase;
  text-decoration: none;
  background: #ba0913 url(/layout/modules/osfw/SecraContentPage/assets/images/design/gradient_red.jpg) 0 0 repeat-x;
  border: 1px solid #fff;
  border-radius: 3px;
  box-shadow: 0 0 3px #bbbbbb;
  font-family: 'PT Sans', Helvetica, Arial, sans-serif;
}
a.button_rot:hover,
a.button_rot:active,
a.button_rot:focus {
  background: #d23338 url(/layout/modules/osfw/SecraContentPage/assets/images/design/gradient_red_hover.jpg) 0 0 repeat-x;
}
.link {
  padding: 7px 0 !important;
  display: inline-block;
}
.kurzadresse_image {
  float: right;
  margin-left: 10px;
  margin-bottom: 10px;
}
/*************************************/
/*          Sections                 */
/*************************************/
/*.vermieterbereich .dividersection .inner>:first-child,*/
.vermieterbereich .dividersection .inner form > table,
.vermieterbereich .dividersection .inner table table td > table {
  width: 100% !important;
}
.vermieterbereich .dividersection .inner a.zurueck:before {
  display: inline-block;
  font-size: 14px;
  margin-right: 10px;
  text-align: right;
  width: 32px;
  font-family: FontAwesome;
}
/*************************************/
/*          Vermieter Menu           */
/*************************************/
ul.vermieter_menu {
  padding: 0;
  margin: 0;
}
ul.vermieter_menu li {
  clear: both;
  min-height: 25px;
  padding: 5px;
  margin: 0;
  list-style: none;
  line-height: 14px;
  border-bottom: 1px dotted #999;
}
ul.vermieter_menu li a {
  color: #454545;
  text-decoration: none;
  display: block;
}
ul.vermieter_menu li i {
  display: block;
  font-size: 16px;
  width: 32px;
  height: 25px;
  padding: 5px 0 0 0;
  float: left;
  text-align: center;
}
ul.vermieter_menu li span.new {
  color: #ba0913;
  float: right;
}
ul.vermieter_menu li span.description {
  display: block;
  font-size: 11px;
  color: #999;
  word-break: break-all;
  margin-left: 32px;
}
ul.vermieter_menu.einstellungen li i,
ul.vermieter_menu.einstellungen li:hover a,
ul.vermieter_menu.einstellungen li.active a {
  color: #0991d0;
}
ul.vermieter_menu.einstellungen li:hover,
ul.vermieter_menu.einstellungen li.active {
  border-bottom: 1px dotted #0991d0;
  background: #efefef;
}
ul.vermieter_menu.verwaltung li i,
ul.vermieter_menu.verwaltung li:hover a,
ul.vermieter_menu.verwaltung li.active a {
  color: #8b4b1a;
}
ul.vermieter_menu.verwaltung li:hover,
ul.vermieter_menu.verwaltung li.active {
  border-bottom: 1px dotted #8b4b1a;
  background: #ffede3;
}
ul.vermieter_menu.anfragen li i,
ul.vermieter_menu.anfragen li:hover a,
ul.vermieter_menu.anfragen li.active a {
  color: #3b5998;
}
ul.vermieter_menu.anfragen li:hover,
ul.vermieter_menu.anfragen li.active {
  border-bottom: 1px dotted #3b5998;
  background: #e6eef5;
}
ul.vermieter_menu.vermieterwebsite li i,
ul.vermieter_menu.vermieterwebsite li:hover a,
ul.vermieter_menu.vermieterwebsite li.active a {
  color: #f7941d;
}
ul.vermieter_menu.vermieterwebsite li:hover,
ul.vermieter_menu.vermieterwebsite li.active {
  border-bottom: 1px dotted #f7941d;
  background: #fff0de;
}
ul.vermieter_menu.marketing li i,
ul.vermieter_menu.marketing li:hover a,
ul.vermieter_menu.marketing li.active a {
  color: #04af00;
}
ul.vermieter_menu.marketing li:hover,
ul.vermieter_menu.marketing li.active {
  border-bottom: 1px dotted #04af00;
  background: #f4faf4;
}
ul.vermieter_menu.service li i,
ul.vermieter_menu.service li:hover a,
ul.vermieter_menu.service li.active a {
  color: #999;
}
ul.vermieter_menu.service li:hover,
ul.vermieter_menu.service li.active {
  border-bottom: 1px dotted #999;
  background: #efefef;
}
/* Vermieter FAQ
---------------------------------------------------------------------------------------- */
#multiOpenAccordionFAQ {
  counter-reset: div-count;
}
#multiOpenAccordionFAQ h2 {
  margin-top: 30px;
  margin-bottom: 10px;
}
#multiOpenAccordionFAQ h3:before {
  counter-increment: div-count;
  content: counter(div-count, decimal) ") ";
}
#multiOpenAccordionFAQ {
  margin: 0 0 30px 0;
}
#multiOpenAccordionFAQ h3.acctitle {
  background: #efefef;
  border-top: none;
  border-right: none;
  border-bottom: 1px dashed #0991d0;
  border-left: none;
  border: 1px solid #fff;
  border-radius: 3px;
  box-shadow: 0 0 3px #bbbbbb;
  padding: 0.5em 0.5em 0.5em 0.7em;
  cursor: pointer;
  margin: 2px 0 0 0;
  color: #454545;
  font-weight: normal;
  font-size: 15px;
}
#multiOpenAccordionFAQ h3.acctitle.ui-state-active {
  background: #0991d0 url(/layout/modules/osfw/SecraContentPage/assets/images/design/gradient_cyan.jpg) 0 0 repeat-x;
  color: #fff;
  text-shadow: 0 2px 2px #046fa0;
}
#multiOpenAccordionFAQ h3.acctitle.ui-state-active:hover {
  color: #fff;
}
#multiOpenAccordionFAQ h3.acctitle:hover {
  color: #0991d0;
}
#multiOpenAccordionFAQ div {
  font-size: 15px;
  color: #454545;
  padding: 15px 25px;
  border-color: #ddd;
  border: 1px solid #fff;
  border-radius: 3px;
  box-shadow: 0 0 3px #bbbbbb;
}
#multiOpenAccordionFAQ .ui-state-default .ui-icon,
#multiOpenAccordionFAQ .ui-state-active .ui-icon {
  display: inline-block;
  float: right;
  width: 17px;
  height: 17px;
}
#multiOpenAccordionFAQ .ui-state-default .ui-icon {
  background: url(/layout/modules/osfw/SecraContentPage/assets/images/icons/iconsprite.png) -1300px -400px no-repeat !important;
}
#multiOpenAccordionFAQ .ui-state-active .ui-icon {
  background: url(/layout/modules/osfw/SecraContentPage/assets/images/icons/iconsprite.png) -1100px -500px no-repeat !important;
}
#profileText {
  height: 380px;
}
#tipGastroText,
#tipFreizeitText {
  height: 200px;
}