body {
  padding-top: 20px;
  padding-bottom: 20px;
  min-width: 360px;
  overflow-y: scroll;  
  font-family: Helvetica;  
}
/* obfuscation: hide bold within links! */
a b {
	display: none;
}
span.email b
{
	display: none;
}


div.fadeMe {
  opacity:    0.5; 
  background: #000; 
  width:      100%;
  height:     100%; 
  z-index:    10;
  top:        0; 
  left:       0; 
  position:   fixed; 
}

.feedback {
	margin: 20px;
	
	font-style: italic;
}

.tdc {
	vertical-align: middle;
}

#tdc {
	vertical-align: middle;
}

.table {
	margin: 0px;
}

.starttable {
	margin: 0 auto;
	width: 90%;
}

.starttdl {
	padding: 0 1%;
	width: 45%;
}

.starttdr {
	padding: 0 1%;
}

.startinfo {
	margin: 10px auto;
	font-size: 1.5em;
	font-weight: bold;
	font-style: italic;
	text-align: center;
}


@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Firefox < 16 */
@-moz-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Internet Explorer */
@-ms-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Opera < 12.1 */
@-o-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

.start_img {	
	max-height: 400px; 
	max-width: 90%;
	display: block;
	margin-left: auto;
	margin-right: auto; 
	border: 0;
}

.start_top {
	min-height: 150px;
}

.overlay {	
	border-radius: 1.1rem;
   -webkit-animation: fadein 2s; /* Safari, Chrome and Opera > 12.1 */
   -moz-animation: fadein 2s; /* Firefox < 16 */
   -ms-animation: fadein 2s; /* Internet Explorer */
   -o-animation: fadein 2s; /* Opera < 12.1 */
   animation: fadein 2s;		
	width: 90%;
	margin: auto;	
	border-radius: 1.0rem;
	box-shadow: 0 0.5rem 1rem rgba(0,0,0,0.4);
	text-alignx: center;
	background: rgba(220,220,220,0.8);
   top:        10%; 
   left:       5%;
	right: 		auto;
	position:   fixed;
	max-width: 	910px;
	font-size:  1.2em;
	padding: 1rem;	
	text-align: right;
}

.overlayinner {
	padding: 2rem;	
	text-align: center;
}

@media (min-width: 768px) {
  .overlay{
	 widthx: 	    100%;
    max-width:  730px;
	 left:       auto; 
	 font-size:  1.3em;
  }
}
@media (min-width: 992px) {
  .overlay {
	  widthx:     100%;
    max-width:  1140px;
	 left:       auto; 
	 font-size:  1.6em;
  }
}


.overlaybtn {
	margin-top: 1em;
	font-weight: bold;
	width: 60%;	
}

.overlaybtnclose {
	width: 1.8em;
	height: 1.8em;
	color: red;
}


@media (min-width: 200px) {
   .imgtbl {
      margin: 10px;
      width: 30vw;
      height: auto; 
   }
   .imgstart {
      margin: 5px;	  
	  margin-top: 40px;	  
      width: 35vw;
      height: auto; 
   }
}   
@media (min-width: 500px) {
   .imgtbl {
      width: auto;
	  height: auto; 	  
      margin: 20px; 
   }
   .imgstart {
      margin: 20px; 
	  height: auto; 	  
      width: 30vw;
   }
}

@media (min-width: 700px) {
   .imgstart {
      margin: 20px; 
	  height: auto; 	  
      width: 300px;
   }
}

@viewport {
  width: device-width;
}
h1 {
  font-size: 1.4em;
}

h2 {
  font-size: 1.2em;
  
}
h3 {
  font-size: 1.0em;
  font-weight:bold;
}
h4 {
  font-size: 1.3em;
}

.ao {
	outline: 0;
	
}	

.h1person {
   margin-bottom: 1em;
   margin-top: -1em;
}

#hrstrong {
  border-top: 1px solid #aaa;
}


.navbar {
  margin-bottom: 20px; 
  margin-bottom: 20px;
}

@keyframes mainpicmove {  
  0% 	 {object-position: center;}
  30%   {object-position: left;}
  70%  {object-position: right;}
  100% {object-position: center;}
}


.mainpic {
	width: 100%;
}

@media (min-width: 100px) {
.mainpic {
	position:relative;
	height: 200px;
	object-fit: cover;
	object-position: center;
	left: 0;
	animation-name: mainpicmove;
	animation-duration: 40s;	
	 animation-delay: 2s;
	}
}

@media (min-width: 768px) {
  .container{
    width: 790px;
  }
}
@media (min-width: 992px) {
.mainpic {
		height: auto;
	}
  .container {
    width: 970px;
  }
}

@media (min-width: 1200px) {
  .container {
    width: 1200px;
  }
}


.navbar-right {
  padding-left: 6px;

}
.navbar-right > li > a {
  padding-right: 8px;
  padding-left: 8px;
}

.navbar-collapse {
   overflow-x:hidden
}

.footerdiv {
    font-size: 0.8em;
	color: #545454;
	text-align: right;
	background: #F8F8F8;
	width: 100%;
	margin-top: -1.5em;
	padding: 0.5em;
}

.housediv {
	display:table;
}

/* Complete house-object-div*/
@media (min-width: 200px) {
   .housediv {
      margin-left: 0px;   
   }
}
@media (min-width:  400px) {
   .housediv {
      margin-left: 0%;
   }
}
@media (min-width:  500px) {
   .housediv {
      margin-left: 10%;
      width: 370px;
   }
}
@media (min-width:  768px) {
   .housediv {
         margin-left: 0%;
	  width: 98%;
   }
}


p {
  margin: 0px;
}


#fadepic {
   display: none;
}


.fbsp {
   border: 0px;
   height:14px;
   width: auto; 
   margin-top:-4px;
   margin-left:2px;
   margin-right:4px;
   margin-bottom:-2px;
}

.hrnews {
	height:1px;
	color:gray;
	background-color: #CCCCCC;
	border-radius: 1px;
}

/* OBJECTS PAGE */
 
.houseim {
   width: 100%;
   height: auto;
   display: block;
   margin-left: auto;
   margin-right: auto;
}
.houseim2 {
   width: 200px;
   height: auto;
   display: block;
   margin-left: auto;
   margin-right: auto;
}

.housedesc {
	vertical-align: middle;
}

.houseimdiv {
	padding: 5%;
}


.pagerdiv {
	margin:0 auto;
   display:block;
	margin-bottom: 12px;
	width: 90%;
}

.pagerbtn, .pagerbtnl, .pagerbtnr, .pagernum {
	background-color: #f2f2f2;
	border: 1px solid #cccccc;
	color: #5B5B66;
	font-size: 1.0em ;
	
	width: 20%;
	height: 38px; 
}
.pagerbtn {
	font-weight: bold;
}
.pagerbtn:disabled, .pagerbtnl:disabled, .pagerbtnr:disabled {
	color: #cccccc;
	border-radiusx: 0px; 	
	
}
.pagerbtnl {
	border-radius: 10px 0 0 10px ;  		
	border-right: 0px;
}
.pagerbtnr {
	border-radius: 0 10px 10px 0;  	
	border-left: 0px;
}
.pagernum {
	border-left: 0;
	width: 19.9%;
	border-right: 0;	
}
.pagernum:disabled {
	color: #5B5B66;
}
.pagerlabel {
	font-weight: normal;
	font-size: 0.9em;
}

	
@media (min-width: 200px) {
   .houseimdiv {
      height: auto;
      float: none;
      width: 330px;
	  
   }
   #haltestellex {
      width: 350px;
   }
   .housedesc {
      margin-left: 20px; 
      margin-top: 20px;
	  display: block; 
   }
}

@media (min-width: 420px) {
   .houseimdiv {
      height: auto;
      width: 380px;
   }
   #haltestelle {
      width: 380px;
	  
   }
}   
@media (min-width:  768px) {
   .houseimdiv {
      float: left;
   }
   .housedesc {
      margin-left: 380px;
	  width: 100%;
      margin-top: 0px; 
	  display: table-cell; 
   }
}


@media (max-width: 991px) {
  .navbar-header {
      float: none;
  }
  .navbar-left,.navbar-right {
      float: none !important;
  }
  .navbar-toggle {
      display: block;
  }
  .navbar-collapse {
      border-top: 1px solid transparent;
      box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
  }
  .navbar-fixed-top {
      top: 0;
      border-width: 0 0 1px;
  }
  .navbar-collapse.collapse {
      display: none!important;
  }
  .navbar-nav {
      float: none!important;
      margin-top: 7.5px;
  }
  .navbar-nav>li {
      float: none;
  }
  .navbar-nav>li>a {
      padding-top: 10px;
      padding-bottom: 10px;
  }
  .collapse.in{
      display:block !important;
  }
}

.btn_edit_house, .btn_new_house, .btn_sort_houses, .btn_edit_house_ok, .btn_edit_house_delete  {
	font-weight: bold;
	padding: 4px;
	width: 160px;
}

.btn_house_move:disabled, .btn_edit_house:disabled , .btn_new_house:disabled, .btn_sort_houses:disabled, .btn_edit_house_ok:disabled, .edit_btn_img:disabled  {
	color: #aaaaaa;
}

.btn_new_house, .btn_sort_houses {
	margin-left: 8px;
	margin-bottom: 10px;
}

.btn_house_move, .btn_house_rem{
	padding: 0px;
	font-size: 20px;
	width: 50px;
	margin: 1px;
	
}

.btn_house_rem {
	font-size: 12px;
	height: 34px;
}

.edit_div, .edit_img_div, .edit_cb_div {
	width: 80%;
	margin-left: auto;
	margin-right: auto;
	margin-left: 10%;	
	border:1px solid #999999;
	margin-top: 20px;
	padding: 10px;
}

.edit_img_div, .edit_cb_div {
	margin-top: 10px;
	margin-left: 0;	
	width: 100%;
}

.edit_img_div {
	margin-top: 0;
}

.btn_edit_house_ok, .btn_edit_house_delete {
	margin-top: 4px;
	width: 100%;
}

.btn_edit_house_delete {
	color: red;
}

textarea {
	box-sizing: border-box;
	width: 100%;
	resize: vertical;
}
.edit_lbl {
	padding-left: 4px;
	margin-top: 8px;
	margin-bottom: 2px;
	
}

.edit_lbl_cb {
	padding-left: 8px;
}

.edit_lbl_db {
	padding-left: 8px;
	width: 100px;
}

input[type="checkbox"] {
	margin-left: 10px;
	margin-top: 8px;
}

input[type="text"] {	
	margin-bottom: 6px;
	width: 100%;
}	

#datepicker, #datepickerFrom, #datepickerTo {
	width: 200px;
}

.edit_img_img {
	max-height: 400px;
	width: auto;
	margin: 10px;
	margin-bottom: 0;
}

.edit_btn_img {
	margin: 4px;
}

input[type='file'] {
  color: transparent;  
  margin: 4px;
}

::file-selector-button {
	height: 27px;
}


#edit_watermark {
	margin-left: 10px;
}

.news_img, .news_img_p, .news_img_l {
	margin-top: 20px;
	display: block;
	margin-left: auto;
	margin-right: auto; 
	border: 0;
}
.news_img_l {
	width: 70%; 
}

.news_img_p {
	width: 40%; 
}

.edit_btn_font {
	width: 30px;
	margin-bottom: 6px;
}

.font_bold {
	font-weight: bold;
}
.font_italic {
	font-style: italic;
}