html * {
    margin: 0;
    /*padding: 0; SELECT NOT DISPLAYED CORRECTLY IN FIREFOX */
}

/* GENERAL */

#spinner {
    padding: 5px;
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 900050;
}

.height100 {
    height: 100%;
}

.overflow {
	overflow:auto;
}

body {
    background: #fff;
    color: #000;
    /*font-size: 10pt;*/
    font-size: 15px;
    font-family: Arial,Verdana,Helvetica,sans-serif;
}

div {
    /*font-size: 10pt;*/
    font-size: 15px;
    font-family: Arial,Verdana,Helvetica,sans-serif;
}

a {
	color: #4392CC;
}

a:link, a:visited, a:hover {
    text-decoration: underline;
} 

h1 {
    /*color: #006dba;*/
    /*color: #CE082C;*/
    color: #D3031C;
    font-weight: normal;
    font-size: 1.5em;
    margin: .8em 0 .5em 0;
}

h2 {
    /*color: #006dba;*/
    color: #D3031C;
    font-weight: normal;
    font-size: 1.3em;
    margin: .5em 0 .4em 0;
}

h3 {
    /*color: #006dba;*/
    color: #D3031C;
    font-weight: normal;
    font-size: 1.2em;
    margin: .3em 0 .3em 0;
}

p {
    /*font-size: 10pt;*/
    font-size: 15px;
    padding-top: 0.2em;
    padding-bottom: 0.2em;
}

ul {
    padding-left: 15px;	
}

input, select, textarea {
    background-color: #fcfcfc;
    border: 1px solid #ccc;
    font-family: Arial,Verdana,Helvetica,sans-serif;
    font-size: 15px;
    margin: 2px 0;
    padding: 2px 4px;
}

input[type="radio"], input[type="checkbox"]  {
    border: 0px;
}

select {
   padding: 2px 2px 2px 0;
}
textarea {
	width: 250px;
	height: 150px;
	vertical-align: top;
}

input:focus, select:focus, textarea:focus {
    border: 1px solid #b2d1ff;
}

/*
input.submit {
    background-color: #fff;
    background-image: url(/assets/skin/shadow.jpg);
    background-size: 100% 100%;
    color: #666;
    font-size: 10pt;
    font-weight: bold;
    line-height: 17px;
    padding: 2px 6px;
}
*/
input.submit {
    background-color: #D3031C;
    color: #FFFFFF;
	cursor: pointer;
    font-size: 15px;
    font-weight: normal;
    padding: 0.5em 1em;
    border: 0px solid white;
    border-radius: 3px;
}

.betrag { text-align: right; }

.login_div {
	position: relative;
	padding-right:0em;
	padding-left: 0em;
	max-width:960px;"
	font-size: 15px;
	line-height: 22px;
}

.login_div h1 {
	font-size: 24px;
	margin: 0 0 20px 0;
	font-weight: 400;
	line-height: 32px;
}
.login_div h2 {
  font-style: normal;
  margin: 0 0 12px 0;
  font-size: 18px;
  font-weight: 400;
  line-height: 26px;
}
.login_div h3 {
  font-style: normal;
  margin: 0 0 10px 0;
  font-size: 15px;
  font-weight: bold;
  line-height: 26px;
}
.login_div p {
  margin: 0 0 12px 0;
}

input.login_input {
	border: 1px solid #C8C8C8;
	padding: 2px 4px;
	border-radius: 3px;
	margin: 0 0 10px 0;
	font-size: 15px;
	line-height: 22px;
	background-color: white !important;	
}
input:-webkit-autofill {
	background-color: white !important;	
	-webkit-box-shadow: 0 0 0px 1000px white inset;
}
input.login_submit {
	width: 100%;
	border: none;
	border-radius: 3px;
	margin: 10px 0 0 0 !important;
	padding: 5px 0 !important;
	font-size: 15px;
	line-height: 22px;
	-webkit-appearance: none;
	text-decoration: none;
	background: #D3031C;
	color: #FFFFFF;
	cursor: pointer;
}

.login_rechts {
	padding-left:2em;
	margin-bottom: 5em;
}
.login_kontakt {
	font-size: 15px;
	line-height: 22px;
	border-top: solid 1px #C7C7C7;
	border-bottom: solid 1px #C7C7C7;
	padding: 20px 0;
}
.login_kontakt a {
	text-decoration: none;
}
.login_kontakt a:hover {
	color: #4393CD;
	text-decoration: underline;
}
.login_kontakt_head {
  font-size: 18px;
  font-weight: bold;
  margin: 0 0 8px 0;
  color: #434349;
}

/* Tables */
th {
    font-size: 11pt;
    font-weight: bold;
}

/*     border-color: #ccc;*/
 .tab_all {
     border-width:1px;
     border-style: solid;
     border-color: #444;
     border-collapse: collapse;
 }
 .tab_all th {
     font-size: 9pt;
     font-weight: bold;
     padding:2px;
     border-width:1px;
     border-style: solid;
     border-color: gray;
     border-collapse: collapse;
 }
 .tab_all td {
     font-size: 9pt;
     padding:2px;
     border-width:1px;
     border-style: solid;
     border-color: gray;
     border-collapse: collapse;
 }
/*     background-color: #94C8EC;*/
 .tab_title, .tab_subtitle {
     color: blue;
     background-color: #eee;
     font-weight:bold;
 }
 .tab_all .tab_title th
  {
     font-size: 11pt;
     background-image: url("/assets/skin/shadow.jpg");
 }
 
 .tab_header {
     color: rgb(255,255,255);
     /*background-color: #006DBA;*/
     background-color: #4393CD;
     font-weight:bold;
 }
 .tab_head_upd {
     color: rgb(255,0,0);
     background-color: rgb(255,200,200);
     font-weight:bold;
 }
 .tab_row_odd {
     background-color: rgb(255,255,255);
 }
 .tab_row_even {
     /*background-color: #D4E8FF;*/
     background-color: #EFEFEF;
 }
/*
 .tab_sum {
     color: rgb(0,127, 0);
     background-color: rgb(223, 255, 223);
 }
*/
 .tab_sum {
     color: #EE1D23;
     font-weight: bold;
 }

/* Forms */

.form_input { font-size: 15px;}
/*.form_prompt { font-size: 9pt; color: rgb(0,0,255)}*/
.form_prompt { font-size: 15px;}
.form_display { font-size: 15px; color: rgb(0,0,0)}

/* MESSAGES AND ERRORS */

.info_message {
    background: #f3f8fc url(/assets/skin/information.png) 8px 50% no-repeat;
    border: 1px solid #b2d1ff;
    color: #006dba;
    margin: 10px 0 5px 0;
    padding: 5px 5px 5px 30px
}

.message {
    background: #f3f8fc url(/assets/skin/information.png) 8px 50% no-repeat;
    border: 1px solid #b2d1ff;
    color: #D3031C;
    margin: 10px 0 5px 0;
    padding: 5px 5px 5px 30px
}

div.errors {
    background: #fff3f3;
    border: 1px solid red;
    color: #cc0000;
    margin: 10px 0 5px 0;
    padding: 0.5em;
}
div.errors ul {
    list-style: none;
    padding: 0;	
}
div.errors li {
	background: url(/assets/skin/exclamation.png) 8px 0% no-repeat;
    line-height: 16px;
    padding-left: 30px;
}

td.errors select {
    border: 1px solid red;
}
td.errors input {
    border: 1px solid red;
}

.odd {
    background: #f7f7f7;
}
.even {
    background: #fff;
}

/* DIALOG */

.dialog table {
    padding: 5px 0;
}

.prop {
    padding: 5px;
}
.prop .name {
    text-align: left;
    width: 15%;
    white-space: nowrap;
}
.prop .value {
    text-align: left;
    width: 85%;
}

.comment {
    font-size: 0.75em;
    font-style: italic;
}

/* Portal Main Layout */
/*
background-image:url('http://test.oerag.at.artware.eu/fxdata/oerag/test/temedia/companies_menuimage/menu_default.jpg');background-color:#F6E9D8;
*/
/* Header-Zeile */
#header {
    position: absolute;
    z-index: 210000;
    top:0;
    left:0;
    width: 100%;
    height: 106px;
    /*
	background-image:url('/assets/menu_background.jpg');
    background-repeat: no-repeat;
	background-color:#F6E9D8;
	*/
    /*border-bottom: 2px solid #D2011A;*/
    /* background: #E5EFF6; */
    background: #2A6078;
}

/* Logo links in Header-Zeile */
#header_logo {
    position: absolute;
    top:0;
    left:0;
    /*left: 325px;*/	/* 315 + 10 */
	width: 325px;
    height: 106px;
    /*background-image: url("/assets/dach-linie.gif");*/
    /*background-position: left bottom;
    background-repeat: no-repeat;*/
    background: white;
}

#header_logo img {
	position: absolute;
    top: 23px;
    left: 70px;
    height: 60px;
}

/* Programm-Menue */
#header_prog_menu {
  	font-size: 17px;
	
    position: absolute;
    top: 0;
    left: 325px;
    /*left: 470;*/		/* 325 + 145=(139+6) */
    right: 250px;
    height: 106px;
    /*background-color: #94C8EC;*/
    color: #1B6296;
    /*vertical-align: middle;*/
    /*
    background-attachment: scroll;
    background-color: #FFFFFF;
    background-image: url("/assets/header_bg.png");
    background-repeat: no-repeat;
    background-image: url("/assets/linie.gif");
    background-position: left bottom;
    background-repeat: repeat-x;
    */
}

 /* style="height:100%;padding-top:0px"*/
#header_prog_menu_div {    
    position: absolute;
    top: 42px;
    /*margin-left: 125px;    /* muss rechts von prog-menü anfangen */
    /*margin-left: 20px;*/
}

#header_info_right {
    position: absolute;
    top: 37px;
    right: 3px;
}

#header_info_right_top {
    position: absolute;
    top: 3px;
    right: 3px;
}

#header_info_left {
    position: absolute;
    top: 37px;
    left: 46px;
}

#header_prog_menu h1 {
    /*color: white;*/
    /*color: #1B6296;*/
    /*color: #1777BD;  wie h1*/
    /*color: #D3031C;*/
    /*text-align: center;*/
    margin: 0;
    font-size: 2.5em;
    line-height: 106px;
    font-style: italic;
    font-weight: bold;
    letter-spacing: 0.2em;
    padding-right: 35px;    /* 32 img + 3 padding */
}

#header_user {
    position:absolute;
    top:0px;
    /*left:75%;*/
    width: 250px;
    right:0px;
    height:106px;
    /*background-color: #EE1D23;
    color: white;*/
    /*color: #919191;*/
    /* color: black; */
    color: white;
    /*background-color: white;*/
    font-size: 15px;
    text-align: center;
    vertical-align: middle;^
    /*
    background-image: url("/assets/linie.gif");
    background-position: left bottom;
    background-repeat: repeat-x;
    */
}

#header_user_login {
    line-height:106px;
}

#header_user_logout {
    padding: 1em;
}

#header_user a {
    /*color: #919191;*/
    /* color: black; */
    color: white;
}

#header_user a:hover {
    /*color: #94C8EC;*/
    color: #1777BD;
}

#header_user p {
    margin: 0;
}

/* container, der Ojekt-Menü und content enthält */
/*
#obj_menu_frame {
    position: absolute;
    top: 106px;
    bottom: 30px;
    width: 315px;
}
*/
#obj_menu_frame {
    position: absolute;
    top: 0px;
    bottom: 0px;
    width: 315px;
}
/*
#obj_menu {
    position: absolute;
    top: 1em;
    bottom: 5px;
    left: 5px;
    width: 310px;
    border: 1px solid #A7ABB4;
}
*/
/*
#obj_menu .listGrid {
    border: 0;
}
*/

/*   style="width:300px; height: 75%;" */
/*
#obj_menu_div {
    position: absolute;
    top: 0px;
    bottom: 0px;
    right: 0px;
    left:0px;
}
*/

/* container, der Ojekt-Menü und content enthält */

#content_frame, #content_frame_login {
    position: absolute;
    top: 106px;
    left: 315px;
    bottom: 30px;
    right: 0px;
}

#content_min_max {
    position: absolute;
    top: 1px;
    right: 17px;    
    z-index: 900099;
}

#content_min_max div {
    background-color: white;
    padding-top: 1em;
    padding-right: 3px;
    padding-left: 0.5em;
    padding-bottom: 0.5em;
    z-index: 900099;
}

#content_min_max span {
    z-index: 900099;
    font-size: 15px;
    position: relative;
    top: -5px;
}

#content_min_max img {
    z-index: 900099;
    width: 20px;
    height: 20px;
}

#content {
    position: absolute;
    top: 1em;
    bottom: 0px;
    left: 10px;
    right: 0em;
    padding-right: 4px;
}

#footer {
    position: absolute;
    left: 0px;
    right: 0px;
    height: 30px;
    bottom: 0px;
    font-size: 15px;
    font-family: Arial,Verdana,Helvetica,sans-serif;
    background-color:#E9E9E9;
}

#footer p {
    position: absolute;
    left: 20px;
    top: 5px;
    font-size: 15px;
}
#footer div.footer_hilfe {
	float:right;
	padding-top: 5px;
	padding-right: 10px;
}

#login_table {
    width: auto;
}

/* Bild in der Objekt-Startseite */
/*
 .web_img_block {
     margin-left: 1em;
     margin-right: 1em;
     margin-bottom: 1em;
     text-align: center;
     float: right;
}
*/
/* wegen schlechter bildqualität originalgroesse .web_img {width:200px; }*/
.web_img {
    width: 500px;
}
.web_img_text {
    font-size: 9pt;
    text-align: center;
}

/* Dynamische Auswertungen (HE-Abrechnung) */
 /* .ausw_tab {border-width:0px; } */
 .ausw_tab {border-width:1px; border-style: solid; border-color: #444; border-collapse: collapse;}
 .ausw_tab td {border: 1px solid gray; padding: 2px; border-collapse: collapse; font-size: 15px;}


 /*
 .ausw_text_U { font-size: 11pt; color: rgb(0,0,255); background-color: rgb(200,200,255); font-weight:bold;}
 .ausw_wert_U { font-size: 11pt; color: rgb(0,0,255); background-color: rgb(200,200,255); font-weight:bold; text-align: right;}
 */
 .ausw_text_U { font-size: 11pt; color: rgb(255,255,255); background-color: #4393CD; font-weight:bold;}
 .ausw_wert_U { font-size: 11pt; color: rgb(255,255,255); background-color: #4393CD; font-weight:bold; text-align: right;}
 
 .ausw_text_T { font-size: 15px; color: rgb(0,0,0);}
 .ausw_text_B { font-size: 15px; color: rgb(0,0,0); max-width: 300;}
 .ausw_wert_T { font-size: 15px; color: rgb(0,0,0); text-align: right;}
 .ausw_wert_B { font-size: 15px; color: rgb(0,0,0); text-align: right;}
 
/*
 .ausw_text_S { font-size: 15px; color: #EE1D23; font-weight:bold;}
 .ausw_wert_S { font-size: 15px; color: #EE1D23; font-weight:bold; text-align: right;}
 */
 .ausw_text_S { font-size: 15px; color: #EE1D23; font-weight:bold;}
 .ausw_wert_S { font-size: 15px; color: #EE1D23; font-weight:bold; text-align: right;}

/* HE-Abr-Details */
.ausw_tab .td_detail {
    padding: 2px 1px 2px 20px;
}

.tab_all .td_detail {
    padding: 2px 1px 2px 20px;
}

.tr_detail_1, .tr_detail_KGR {
    background-color: #eee;
}

.tr_detail, .tr_detail_KTO {
    background-color: #ddd;
}

.tr_detail_JOUR {
    background-color: #D3DDE8;   /* #ccc;*/
}

/* Output */
.output {
    margin-top: 5px;
    margin-bottom: 5px;
    padding: 5px 0;
}
.output_det {
    margin-top: 1px;
    margin-bottom: 1px;
    padding: 0;
}
.output_buttons {
    background: #fff url(/assets/skin/shadow.jpg) bottom repeat-x;
    border: 1px solid #ccc;
    border-style: solid;
}

.output .output_buttons {
    padding: 3px 0.5em;
}

.output_det .output_buttons {
    padding: 0;
}

.output_button {
    margin: 0 5px;
}

.output_button a {
    color: #333;
    padding-left: 20px;
    font-size: 9pt;
}
.output_det .output_button a {
    font-size: 8pt;
}

.output_button a.print {
    background: url(/assets/output/print.png) center left no-repeat;
}

.output_button a.pdf {
    background: url(/assets/output/pdf.png) center left no-repeat;
}

.output_button a.xls, .output_button a.xlsx {
    background: url(/assets/output/xls.png) center left no-repeat;
}

.output_button a.rtf {
    background: url(/assets/output/rtf.png) center left no-repeat;
}

.output_button a.csv {
    background: url(/assets/output/csv.png) center left no-repeat;
}

.output_button a.xml {
    background: url(/assets/output/xml.png) center left no-repeat;
}

 .tab_layout {
     border: none;
 }
 .tab_layout td {
     border: none;
 }
 
/* indiv classes e.g. for web_messages */ 
.fett {
    font-weight: bold;
}
 
.oe_rot {
	color: #D3031C;
}

/* Zinsliste: Markieren, wenn Mietend innerhalb von 6 Monaten */
.mv_ende_6 {
  background-color: yellow;
}
/* Mietersalden: Markieren, wenn Faktor größer 2 */
.faktor_2 {
  background-color: yellow;
}

/* spites aus ?rag-Homepage */
.sprite {
  background-image: url("/assets/sprite.svg");
  background-repeat: no-repeat;
}
.phoneLink {
  color: #434349;
  background-repeat: no-repeat;
  display: inline-block;
  padding: 0 0 0 15px;
  background-position: 0 -2095px;
}
.faxLink {
  color: #434349;
  background-repeat: no-repeat;
  display: inline-block;
  padding: 0 0 0 15px;
  background-position: 0 -2365px;
  pointer-events: none;
}
.mailLink {
  color: #434349;
  background-repeat: no-repeat;
  display: inline-block;
  padding: 0 0 0 15px;
  background-position: 0 -1962px;
}
.downloadLink {
  color: #434349;
  background-repeat: no-repeat;
  display: inline-block;
  padding: 0 0 0 15px;
  background-position: 0 -1833px;
}

#google_map_iframe {
	width: 500px;
	height: 500px; 
}

/* Bankkontoauszüge */
.konto_table {
  width:100%;
  table-layout: fixed;
}
.bankkonto {
  cursor: pointer;
  border: 1px solid red;
  padding: 5px;
  margin-bottom: 10px;
}
.hidden {
  display: none;
}


/* responsible */

@media screen and (max-width: 1199px) {
	#content_frame_login {
	    position: absolute;
	    top: 106px;
	    left: 0px;
	    bottom: 30px;
	    right: 0px;
	}
}

@media screen and (max-width: 974px) {
	body.logged_in #header_logo img {
		left: 5px;
	}
	body.logged_in #header_prog_menu {
		left: 150px;
	}
}

@media screen and (max-width: 779px) {
	body.logged_in #header_logo img {
		display:none;
	}
	body.logged_in #header_prog_menu {
		left: 5px;
	}
}
@media screen and (max-width: 629px) {
	#header_prog_menu {
		right: 70px;
	}
	#header_user {
		width: 70px;
		padding-left: 0px;
		padding-right: 0px;
	}
	#header_user_logout {
		padding-left: 0px;
		padding-right: 0px;
		padding-top: 2em;
	}
	#header_user_data {
		display:none;
	}
}

@media screen and (min-width: 764px) {
	#content_frame_login .login_div:before {
    content: '';
    float: right;
    display: block;
    width: 300px;
    height: 550px;
    margin: 0 0 15px 15px;
  }
  #content_frame_login .login_rechts {
    position: absolute;
    top: 0;
    right: 0;
    width: 300px;
  }
}

@media screen and (min-width: 1000px) {
	#content_frame .login_div:before {
    content: '';
    float: right;
    display: block;
    width: 300px;
    height: 550px;
    margin: 0 0 15px 15px;
  }
  #content_frame .login_rechts {
    position: absolute;
    top: 0;
    right: 0;
    width: 300px;
  }
}


@media only screen and
(max-device-width:1023px) {
	#google_map_iframe {
		width: 350px;
		height: 500px; 
	}
}