/*
Hausverwaltung

blau
005bbb

rot
73ad26

grün
73ad26

hellgrün
d0ebad


alert
cc0839
*/



* { font-family: Arial, Helvetica, sans-serif;	font-size: 1em; font-weight: normal; }
html { padding: 40px; }
ul li { margin: 0px; padding: 0px; }

/* ------------------------------------------------------------------------- */
h1 { color:#fff; font-size: 4em; background-color:#005bbb; padding: 8px 60px 10px 10px; font-weight:normal; font-weight: bold;  }
h2 { margin:20px 0px 20px 0px; color:#005bbb; font-size:2em; font-weight: bold;  }
h3 { margin:20px 0px 20px 0px; color:#000; font-weight:bold; font-size:1.4em; }
h4 { margin:20px 0px 20px 0px; font-weight:bold; font-size:1.2em; }
h4 { margin:20px 0px 20px 0px; font-weight:bold; }

/* ------------------------------------------------------------------------- form */
input { border:1px solid #ccc; height:30px; padding: 2px; }
input.submit {width: 300px; height:40px; color:#fff; background-color:#005bbb; border: none; padding: 12px 4px;  }
input.submit:hover { color: #fff; text-decoration: underline; }
input.newentry { background-color: #f1d1d9; color: #000; border:1px solid #005bbb; width: 120px;  }
input.text { width: 120px; }
input.text_disabled { background-color: #eee; width: 120px; }
input.checkbox { width:auto; padding:0; margin:0; }

textarea { width:100%;border:1px solid #ccc; }

select { border:1px solid #ccc; width: 220px; height:30px; margin:0; }
select.select_date { width:80px; }

.radio { margin: 0px; padding:0px; border: 1px solid #f00; }

/* ------------------------------------------------------------------------- a */
a { text-decoration: none; }
a:hover { }
a.submit { width: 300px; height: 40px; color:#fff;	background-color:#005bbb; font-size: 20px; display:block; text-align:center; line-height: 40px; }
a.submit:hover { background-color:#ccc; }
a.newentry { color: #005bbb; position: relative; top: 3px; left: 50px;}
a.newentry:hover { color: #85122F; }
a.newentrybox { color: #005bbb; position: relative; top: 3px; left: 10px;}
a.newentrybox:hover { color: #85122F; }

/* ------------------------------------------------------------------------- ol */
ol { margin: 2px 0px 0px 16px; padding: 0px; }
ol li { margin-top: 2px; }

/* ------------------------------------------------------------------------- nav_1 */
#nav_1 { color: #fff; margin: 10px 0 10px 0; padding:10px; background-color: #005bbb; }
#nav_1 a { color: #fff; margin: 0 5px; }
#nav_1 a:hover { color: #fff; text-decoration:underline; }
#nav_1 a.active { color: #fff; text-decoration:underline; }

/* ------------------------------------------------------------------------- nav_2 */
#nav_2 { color: #000; margin: 10px 0 10px 0; padding:10px; background-color: #f3f3f3;	}
#nav_2 a { color: #000; margin: 0 5px; text-decoration: none; }
#nav_2 a:hover {  color: #000; text-decoration:underline; }
#nav_2 a.active {  color: #000; text-decoration:underline; }

/* ------------------------------------------------------------------------- nav_4 */
#nav_4 { color: #000;	position:absolute; left: 8px;top: 487px;}
#nav_4 a { width: 12px; margin: 0 5px; background-color: #6e7f90; padding: 0px 8px; }
#nav_4 a:hover { font-weight: bold; }
#nav_4 a.active { font-weight: bold; }

/* -------------------------------------------------------------------------  table */
table {  }
tr { background-color:#f3f3f3; }
td { padding: 4px 6px; height: 40px; }

tr.header { background-color:#666; font-weight:bold; color:#fff;  }
td.header { background-color:#ddd; font-weight:bold;  }
tr.header_optional { background-color:#ddd; color:#999; font-weight:bold;  }
td.header_optional { background-color:#ddd; color: #999; font-weight:bold;  }

td.light { color:#bbb; }
.tr_body_1 { background-color:#fff; }
.tr_body_1:hover { background-color:#ccc; cursor:pointer; }
.tr_body_2 { background-color:#efefef; }
.tr_body_2:hover { background-color:#ccc; cursor:pointer; }

/* frei = grünlich */
.status_vacancy { background-color:#d0df99; }
.status_vacancy:hover { background-color:#a1ba4b; cursor:pointer; }

/* vermietet = rosa */
.status_rented { background-color:#ffcfdb; }
.status_rented:hover { background-color:#feadc1; cursor:pointer; }

/* gekündigt = ocker */
.status_canceled { background-color:#ccc; }
.status_canceled:hover { background-color:#aaa; cursor:pointer; }

/* kein Status = weiß */
.status_none { background-color:#f3f3f3; }
.status_none:hover { background-color:#aaa; cursor:pointer; }

.tr_a { cursor:pointer;}
.tr-a:hover { background-color:#333; }

/* -------------------------------------------------------------------------  login_status */
#login_status { position: absolute; left: 250px; top: 4px; display: block; }
#login_status td { background-color:#fff;  }
#login_status a {  width: 150px; height: 20px; color:#fff; background-color:#005bbb; border: none; } 
#login_status a:hover { color: #000; }

/* -------------------------------------------------------------------------  date */
#date { position: absolute; left: 200px; top: 10px; }

/* -------------------------------------------------------------------------  help */
.help  { 
  text-decoration: none; 
  background-image:url(../images/images_fragezeichen_0.png);
  position:relative;
  width:29px;
  height:29px;
  cursor:pointer;
}
  
.help:hover  {
  background-image:url(../images/images_fragezeichen_1.png);
} 
  
.help span {
  display: none;  
  text-decoration: none; 
}

.help:hover span {
  display: block;
  position: absolute; 
  top: 0px; 
  left: 30px; 
  width: 250px;
  z-index: 100;
  padding:4px 12px;
  color:#fff;
  background-color:#444; 
  }

/* -------------------------------------------------------------------------  divers */
#logo {	background-image:url(../images/logo.jpg); background-repeat:no-repeat; width:290px; height:150px; margin: 0 0 20px 0; }
#content { }
hr { border: 1px solid #fff; }
noscript { color:#005bbb; font-weight:bold; font-size:20px; position:absolute; left: 420px; top:70px; padding:10px;  }
.link { background-color:#005bbb;padding: 2px 8px; color:#fff; }
.link:hover { color:#000; }
.comment .popup { display: none; position: relative;  }
.comment:hover .popup { display: block; position: absolute; padding: 5px; margin:10px; border: 1px solid #efefef; background: #ccc; }
.popup { display: none; position: relative;  }
.popup:hover { display: block; position: absolute; padding: 5px; margin:10px; border: 1px solid #efefef; background: #ccc; }
.error { color: #005bbb; }
.alert { color: #cc0839; margin: 10px 0px; }
.grey { color: #aaa; }

#legend {  }
#legend div { padding: 2px 4px; }
.highlighted { color: #005bbb; font-weight: bold; }
/* -------------------------------------------------------------------------  tray 
.description { color:#999; font-weight:bold; font-size:18px; } 

*/
div.order { }
div.order a { margin: 0px 2px; color: #ccc; }
div.order a:hover { color: #005bbb; }
div.order a.active { color: #005bbb; }

/* -------------------------------------------------------------------------  helpbox */
div.helpbox { background-color: #ffcfdb; width: 280px; padding: 10px; }
div.helpbox h1 { color: #005bbb; font-size: 16px; font-weight: bold; background-color: transparent; padding: 0px; margin: 0px; }
div.helpbox h2 { color: #000; font-size: 14px; font-weight: bold; background-color: transparent; padding: 0px; margin: 0px; }

/* -------------------------------------------------------------------------  eingabefelder neue werte */
#heatingcosts_type_newentry_area { display:none; }
#owner_newentry_area { display:none; }
#deposit_type_newentry_area { display:none; }
#address_city_newentry_area { display:none; }
#staffer_newentry_area { display:none; }
#agent_newentry_area { display:none; }
#delivery_newentry_area { display:none; }

/* -------------------------------------------------------------------------  für box neue felder */
.overlay {
display: none;
position: absolute;
top: 0%;
left: 0%;
width: 100%;
height: 100%;
background-color: black;
z-index:1001;
-moz-opacity: 0.8;
opacity:.80;
filter: alpha(opacity=80);
}
.addElementBox {
display: none;
position: absolute;
top: 25%;
left: 25%;
width: 400px;
height: 200px;
padding: 15px;
background-color: #efefef;
z-index:1002;
}

.close {
position: absolute;
top: 10px;
right: 15px !important;
z-index: 1003;
color: #666;
}
.close:hover { color: #000; }