/*
 * CSS fuer MMT
 * @author christopher.pearson@datahouse.ch
 */
 
 
/*
 * allgemein
 */
 
* {
    color: white;
    margin: 0;
    padding: 0;
    font-family: Verdana;
    border: none;
}

html {
    background-color: #4d4d4d;
}

body, html {
    height: 100%;
    width: 100%;
}

a {
    color: #a8f2fa;
    text-decoration: none;
}

a:hover,
a.selected,
span.selected {
    color: #FF931E;
}

a.button {
    background-color: #D49552;
    border: 1px solid #7a7a7a;
    display: inline-block;
    height: 18px;
    padding: 2px 4px 2px 4px;
    text-decoration: none !important;
    color: black;
}

a.button,
input.button {
    cursor: pointer;
}
 
select,
input,
textarea {
    color: black;
    font-size: 14px;
}

input:focus,
textarea:focus {
    border-color: black;
    background-color: #ffca91;
}

option {
    color: black;
    border: none;
}

textarea {
    border: 1px solid #7a7a7a;
}

.deactivated,
.deactivated:hover {
    color: black;
    cursor: default;
}

table th {
    vertical-align: top;
}


table {
    border-collapse: collapse;
}

tr.table_line_0 {

}

tr.table_line_1 {
    background-color: #404040
}


p.error {
    color: #ff9999;
    font-size: 15px;
    display: inline-block;
    margin-bottom: 10px;
    padding: 5px 10px 5px 0;
    font-weight: bold;
}

.hidden {
    display: none;
}
 
/*
 * container
 */
 
div#container {
    background-color: #4d4d4d;
    min-height: 100%;
    min-width: 100%;
    position: absolute;
}

 
/*
 * top_header
 */
 
div#top_header {
    padding: 10px 0 0 20px;
}

div#top_header div {
    
}

div.logo {
    float: left;
}

div.logo img {
    height: 77px;
    margin-top: 14px;
}

div.logo a:link,
div.logo a:visited{
    color: white;
}

div.logo a:hover{
    color: #FF931E;
}

div.status_bar {
    font-size: 14px;
    margin-left: 260px;
}

div.status_bar div {
    float: right;
    padding-top: 10px;
}

div.name {
    /*width: 400px;*/
    margin-right: 50px;
}

div.logout_link {
    width: 100px;
} 

div.language_selection {
    width: 70px;
}

/*
 * menu_bar
 */

div#menu_bar {
    float: none;
    clear: right;
    /*padding-top: 27px;
    margin-left: 234px;*/
    margin-right: 20px;
    width: 733px;
}

div#menu_bar *,
div.page_split_navigation * {
    display: inline-block;
    float: left;
    padding-top: 0;
    margin-right: 10px;
}

div.page_split_navigation {
    display: inline-block;
    margin-top: 2px;
    height: 20px;

}

div.page_split_navigation li {
    margin-right: 0;
}

div#content_menu_lower p.navigation_inputs {
    display: inline-block;
    float: right;
    height: 10px;
    margin-top: 5px;
    margin-right: 20px;
    /*width: 144px;*/
}

div#menu_bar a {
    width: 100%;
}

div#menu_bar ol li.title {
    color: #A8F2FA; /* baby blue */
    text-transform: uppercase;
}

div#menu_bar ol li.title.selected {
    color: #ff931e; /* orange */
    text-transform: uppercase;
    width: 100px;
}

div#menu_bar ol li.title.deactivated {
    color: grey;
}

div#menu_bar ol ol {
    display: inline-block;
    list-style-type: none;
    position: absolute;
}

div#menu_bar ol ol li {
    border-top: 1px solid white;
    background-color: #808080;
    padding: 4px 10px;
    display: none;
    float: none;
    width: 150px;
    height: 22px;
}

div#menu_bar ol ol li.title {
    border-top: none;
    padding: 1px 10px;
    display: block;
    background-color: #4d4d4d;
}

div#menu_bar ol ol li.title a {
    text-transform: uppercase;
    color: #A8F2FA;
}

div#menu_bar ol ol:hover li.title  {
    background-color: #808080;
    color: white;
}

div#menu_bar ol ol li.first {
    border-top: 3px solid #4d4d4d;
}

div#menu_bar ol ol:hover li {
    display: block;
}

div#menu_top {
    padding-bottom: 5px;
    /*border-bottom: 1px solid white;*/
    display: block;
    width: 100%;
}

div#menu_top {
    min-height: 21px;
    margin-right: 0;
}

div#menu_bottom {
    clear: left;
    height: 21px;
    margin-right: 0;
    margin-top: 3px;
    width: 100%;
}

div#menu_left {
    float: left;
    margin-right: 0;
}

div#menu_left ol,
div#menu_left li.last  {
    margin-right: 0;
}

div#menu_right {
    float: right;
}

div#menu_right,
div#menu_right * {
    margin-right: 0;
    margin-left: 20px;
}

/*
 * footer
 */
div#footer {
    bottom: 0;
    display: block;
    margin: 0;
    overflow: hidden;
    padding: 0 0 10px 0;
    position: absolute;
    width: 100%;
}

div#footer div.spacer {
    border-top: 1px solid white;
    font-size: 14px;
    margin: 0 20px;
    padding: 10px 0 0 0;
}

div#footer div.left {
    float: left;
}

div#footer div.right {
    float: right;
}

/*
 * content
 */
 
 
/* allgemein */

div #content_outer {
    /*margin-bottom: 40px;*/
    /*margin-bottom: 40px;*/
}

div#content {
    margin-top: 20px;
    /*margin-bottom: 40px;*/
    float: left;
    clear: both;
    display: inline-block;
    font-size: 14px;
    /*overflow: auto;*/
    overflow: visible;
    padding-left: 20px;
    /*padding-bottom: 15px;*/
}

div#content.address_edit,
div#content.supplement_edit {
    display: block;
}

div#content.supplement_edit {
    margin-bottom: 100px;
}

div#content.login {
    display: block;
    float: none;
}

div#content_menu_upper {
    border-bottom: 1px solid white;
    padding-bottom: 4px;
}

div#content_menu_upper h2 {
    color: #ff931e; /* orange */
    font-weight: normal;
    font-size: 16px;
    text-transform: uppercase;
    cursor: default;
}

div#content th {
    font-weight: normal;
    /*padding: 10px 20px 10px 0px;*/
    text-align: left;
}

div#content td {
    /*padding: 2px 20px 2px 0px;*/
    color: #A8F2FA;
}

div#content td a {
    text-decoration: underline;
}
select,
input {
    height: 20px;
    padding-bottom: 2px;
    border: 1px solid #7a7a7a;
}

input.button {
    height: 24px;
    background-color: #D49552;
}


/*
 * login
 */

div#login {
    display: block;
    margin: auto;
    position: relative;
    width: 300px;
}

div#login h2 {
    margin-bottom: 40px;
    margin-top: 180px;
}
 
div#login label {
    clear: left;
    display: inline-block;
    float: left;
    width: 100px;
}

div#login input {
    border: none;
    color: black;
    display: inline-block;
    float: left;
    margin-bottom: 2px;
}

div#login input.button {
    clear: both;
    margin-top: 10px;
    margin-right: 10px;
}

div#login input.button.right {
    clear: none;
}

div#login a {
    clear: both;
    float: left;
    margin-top: 5px;
}



/*
 * cockpit
 * building_list
 */
 
tr:hover a {
    color: #ff931e;
}

tr div.table_header {
    color: white;
    font-weight: bold;
    padding-top: 8px;
}

tr.table_line_0:hover,
tr.table_line_1:hover {
    background-color: #333a5a;
}

div#building tr:hover td,
div#cockpit tr:hover td {
    /* color: #999999; */
    cursor: default;
} 



input#filter_by_building_id,
label.filter_by_building_id,
input#filter_by_contract_id,
label.filter_by_contract_id,
input#filter_by_address_number,
label.filter_by_address_number,
input#filter_by_address_zip,
label.filter_by_address_zip,
input#filter_by_address_id,
label.filter_by_address_id {
    width: 60px;
}

input#filter_by_contract_mutation_date,
label.filter_by_contract_mutation_date,
input#filter_by_address_partner_id,
label.filter_by_address_partner_id{
    width: 90px;
}

input#filter_by_building_name,
input#filter_by_address_name,
input#filter_by_address_firm_name,
input#filter_by_building_address_name,
input#filter_by_address_street,
input#filter_by_tenant_address_name,
td.building_name_cell {
    width: 250px;
}
input#filter_by_address_city,
div#partner input#filter_by_address_name {
    width: 200px;
}


td.status_cell {
    display: inline-block;
    width: 125px;
}

div#building_list input.button,
div#cockpit input.button {
    min-width: 60px;
}
input#filter_by_address_type_type,
label.filter_by_address_type_type,
input#filter_by_address_country,
label.filter_by_address_country {
    width: 100px;
}

td.tenant_name_cell {
    width: 200px;
}

th.status_head {
   /* display: block;*/
    width: 125px;
}

a.new_building,
a.new_contract,
span.new_building,
span.new_contract {
    display: inline-block;
    height: 22px;
    /*margin-left: 3px;*/
    /*margin-top: 20px;*/
    padding-left: 20px;
    background-repeat: no-repeat;
    /*text-decoration: none;*/
}

a.new_building,
a.new_contract {
    background-image: url(../img/working_1.png);
    /*text-decoration: underline;*/
}

span.new_building,
span.new_contract {
    background-image: url(../img/working_0.png);
    color: grey;
    cursor: default;
}

a.new_building:hover,
a.new_contract:hover {
    background-image: url(../img/working_2.png?nothing=2);
}

div#cockpit th.small {
    padding-right: 10px;
}

/* div#building_list table.building_table td a {
    text-decoration: none;
    display: block;
} */

table.sf_table th select {
    height: 23px;
}

tr.filter_row th {
    height: 65px;
}


/* sorting */

table.sf_table td {
    padding: 2px 10px 2px 5px;
}

table.sf_table td a {
    display: block;
    margin-bottom : 2px;
    margin-top : 4px;
    min-height: 26px;
    /* margin: 0; */
}

table.sf_table td a.status_working,
table.sf_table td a.status_created,
table.sf_table td a.status_checked,
table.sf_table td a.status_finished,
table.sf_table td a.status_closed {
    display: inline-block;
}


tr.sort_row th,
tr.filter_row th {
    padding: 10px 10px 5px 5px;
}

tr.sort_row:hover th a.sort {
    color: white;
}

tr.sort_row th:hover {
    background-color: #333a5a;
}

a.sort {
    background-position: right;
    background-repeat: no-repeat;
    display: block;
    height: 20px;
    margin-right: 4px;
    text-decoration: underline;
    color: white;
    font-weight: bold;
}

th:hover a.sort,
th a.sort.asc,
th:hover a.sort.desc {
    background-image: url(../img/asc_f.png);
}

th:hover a.sort.asc,
th a.sort.desc {
    background-image: url(../img/desc_f.png);
}

/*
a.sort a {
    display:block;
    height: 8px;
}
*/




/* status icons */

.status_working,
.status_created,
.status_checked,
.status_finished,
.status_closed,
.download_pdf,
.download_delta,
.link_protocol,
.link_clone,
.link_delete {
    width: 25px;
    height: 22px;
    display: inline-block;
    background-repeat: no-repeat;
    margin-top: 4px;
    margin-bottom:4px;
}

    
.nohover {
    cursor: default;
}
 
.status_working.nohover,
.status_working.nohover:hover {
    background-image: url(../img/working_0.png);
}
.status_working {
    background-image: url(../img/working_1.png);
}

a.status_working:hover,
.status_working.active,
.status_working.active.nohover:hover {
    background-image: url(../img/working_2.png?nothing=2);
}


.status_created.nohover,
.status_created.nohover:hover {
    background-image: url(../img/created_0.png);
}
.status_created {
    background-image: url(../img/created_1.png);
}

a.status_created:hover,
.status_created.active,
.status_created.active.nohover:hover {
    background-image: url(../img/created_2.png?nothing=2);
}


.status_checked.nohover,
.status_checked.nohover:hover {
    background-image: url(../img/checked_0.png);
}
.status_checked {
    background-image: url(../img/checked_1.png);
}

a.status_checked:hover,
.status_checked.active,
.status_checked.active.nohover:hover {
    background-image: url(../img/checked_2.png?nothing=2);
}


.status_finished.nohover,
.status_finished.nohover:hover {
    background-image: url(../img/finished_0.png);
}
.status_finished {
    background-image: url(../img/finished_1.png);
}

a.status_finished:hover,
.status_finished.active,
.status_finished.active.nohover:hover {
    background-image: url(../img/finished_2.png?nothing=2);
}


.status_closed.nohover,
.status_closed.nohover:hover {
    background-image: url(../img/closed_0.png);
}
.status_closed {
    background-image: url(../img/closed_1.png);
}

a.status_closed:hover,
.status_closed.active,
.status_closed.active.nohover:hover {
    background-image: url(../img/closed_2.png?nothing=2);
}

a.download_pdf {
    background-image: url(../img/download_pdf_1.png);
}

a.download_pdf:hover {
    background-image: url(../img/download_pdf_2.png);
}

a.download_delta {
    background-image: url(../img/download_pdf_1.png);
}

a.download_delta:hover {
    background-image: url(../img/download_pdf_2.png);
}

.link_protocol {
    background-image: url(../img/link_protocol_0.png);
}

a.link_protocol {
    background-image: url(../img/link_protocol_1.png);
}

a.link_protocol:hover {
    background-image: url(../img/link_protocol_2.png?nothing=2);
}

.link_clone {
    background-image: url(../img/clone_0.png);
}

a.link_clone {
    background-image: url(../img/clone_1.png);
}

a.link_clone:hover {
    background-image: url(../img/clone_2.png?nothing=2);
}

.link_delete {
    background-image: url(../img/delete_0.png);
    background-position: right;
}

a.link_delete {
    background-image: url(../img/delete_1.png);
}

a.link_delete:hover {
    background-image: url(../img/delete_2.png?nothing=2);
}


table.sf_table label {
    display: block;
}

/* page spiltting */

form.page_split_form {
    clear: both;
    float: left;
    display: inline-block;
    margin-left: 25px;
    margin-bottom: 50px;
}

div#protocol form.page_split_form {
    display: block;
    margin-bottom: 10px;
}

div#protocol a.button {
    margin-top: 5px;
}

form.page_split_form {
    margin-left: 20px;
}

form.page_split_form * {
    font-size: 14px;
}

form.page_split_form p {
    margin-top: 5px;
}

form.page_split_form label {
    margin-right: 5px;
}

form.page_split_form input {
    margin-right: 5px;
    width: 30px;
}

form.page_split_form input.button {
    width: auto;
}

form.page_split_form input.button {
    
}
/*
logo {
    display: block;
    margin-bottom: 10px;
}

div#contract div.page_split_navigation,
div#building div.page_split_navigation,
div#modifier div.page_split_navigation,
form.supplement_form div.page_split_navigation {
    margin-bottom: 0;
}*/



/*
 * protocol
 */
 
table.protocol_table th {
    text-align: left;
}


#protocol table.protocol_table {
    margin-top: 20px;
}

table.protocol_table {
    margin-bottom: 10px;
}

#protocol a.back {
    text-decoration: underline;
}

/*
 * building editor
 */

/*form.address_edit_form {
    margin-top: 10px;
}*/

form.contract_edit_form {
    margin-bottom: 50px;
    /*display: inline-block;*/
}

form.address_edit_form select,
form.address_edit_form label,
form.address_edit_form input.text, 
form.address_edit_form textarea,
form.address_edit_form input.checkbox,
form.contract_edit_form select,
form.contract_edit_form label,
form.contract_edit_form input.text, 
form.contract_edit_form textarea,
form.contract_edit_form input.checkbox { 
    float: left;
    margin-top:5px;
}

input.checkbox {
    border: none;
}

input.readonly,
input.disabled {
    background-color: grey;
}

form.contract_edit_form select,
form.address_edit_form select {
    height: 22px;
}

form.contract_edit_form select {
    margin-right: 20px;
}

form.address_edit_form label {
    width: 200px;
}

form.address_edit_form input.text,
form.address_edit_form textarea {
    width: 400px;
}

form.address_edit_form textarea {
    height: 40px;
}

form.contract_edit_form label,
form.address_edit_form label {
    clear: left;
    margin-right: 20px;
}

form.contract_edit_form div.field {
    clear: left;
    float: left;
    width: 1200px;
    margin-top: 8px;
}

form.contract_edit_form h3 {
    clear: left;
    float: left;
    margin-top: 20px;
}

form.contract_edit_form div.field label {

}

form.contract_edit_form div.field p { 
    margin-top: 10px;
}

div.follow_up_spacer {
    display: block;
    float: left;
    height: 10px;
    width: 419px;
}

div.radio_array label {
}

/*
form.address_edit_form label.building_number_label,
form.address_edit_form label.building_city_label {
    margin-left: 20px;
    width: 50px;
}
*/
form.address_edit_form label.building_number_label {
    width: 30px;
    margin-left: 40px;
}

form.address_edit_form input.building_number_input,
form.address_edit_form input.building_zip_input,
form.address_edit_form input.address_zip_input {
    width: 60px;
}

form.address_edit_form input.button,
form.contract_edit_form input.button {
    float: left;
    margin-top: 10px;
}

form.address_edit_form input.address_partner_id_input,
form.address_edit_form select#country_id,
form.address_edit_form select#mandant_id {
    width: 180px;
}

input.back {
    clear: left;
}

input.submit,
input.delete {
    margin-left: 10px;
}

/* Autocomplete */
ul.ui-autocomplete {
    background-color:white;
    
    list-style-type: none;
    width: 250px;
}

ul.ui-autocomplete li a {
    cursor: pointer;
    color: black;
}

/* contract editing */

div.contract_edit h3 {
}

div#contract form.contract_form {
    display: block;
    /*height: 700px;*/
}

form.contract_form label {
    width: 400px;
}

div.contract_edit {
    margin-bottom: 10px;
    padding: 10px;
}

form.contract_form input,
form.contract_form select {
    width: 600px;
}

form.contract_form input.link_delete {
    width: 20px;
}

form.contract_form textarea {
    display: block;
    height: 30px;
    width: 600px;
}

form.contract_edit_form div.field p.text_label,
form.contract_form p.text_label {
    display: block;
    float: left;
    height: 30px;
    margin-left: 20px;
    margin-top: 5px;
    width: 700px;
}

form.contract_form input.button {
    width: auto;
}

form.contract_form select.number {
    width: 194px;
    margin-right: 0;
}

form.contract_form input.number {
    /*width: 90px;*/
}

form.contract_form input.date {
    /*width: 90px;*/
}

div#contract form.address_edit_form input.button {
    margin-right: 10px;
}

div.boolean {
}

div.boolean label {
    clear: none;
    display: inline;
    margin-right: 10px;
    /*max-width: 230px;
    min-width: 50px;*/
    width: 120px;
    /* width: 140px; */
}

div.boolean.short_boolean label {
    width: 40px;
}

div.boolean.long_boolean label {
    width: 300px;
}

div.boolean input {
    margin: 10px 5px 0 0;
    float: left;
    clear: none;
    width: 14px;
    height: 14px;
    border: none;
}

div.radio_array {
    display: inline-block;
    float: left;
}

div.radio_array label {
    clear: none;
    margin-right: 10px;
    max-width: 340px;
    min-width: 50px;
    width: auto;
}

div.radio_array input.radio {
    clear: left;
    width: 14px;
    border: none;
}

div.radio_array input {
    margin: 10px 5px 0 0;
    float: left;
    clear: none;
}

form.contract_form p.text_after_field {
    float:left;
    /*margin-left: 5px;*/
    margin-right: 5px;
    margin-top: 8px;
}

d.contract_form .disabled {

}

div.select_group {
    margin-left: 420px;
    margin-top: 10px;
}

div.select_div {
    /*clear: left;*/
    display: block;
    float: left;
}

div.select_div input.text {
    margin-left: 5px;
    margin-top: 0;
    width: 700px;
    margin-right: 5px;
}

div.select_div input.checkbox {
    margin-top: 0;
    width: 14px;
}

div.select_div textarea {
    margin-bottom: 20px;
    /*width: 500px;*/
    margin-left: 19px;
    clear: left;
}

div.select_div textarea.simple,
div.select_div textarea.simple_overwritable {
    clear: none;
    float: left;
    margin-top: 0;
    margin-left: 7px;
    height: 30px;
    width: 700px;
}
div.field textarea,
div.field input {
    margin-right: 5px;
}

form.building_form div.field span.reset_textarea {
    margin-top: 37px;
}

form.building_form div.field span.reset_select {
    margin-top: 5px;
}

form.building_form div.field label {
    margin-right: 10px;
}

div.select_div textarea.simple,
div.select_div textarea.simple_overwritable,
div.select_div textarea.single {
    margin-right: 10px;
}

div.select_div input.link_delete,
div.select_div span.link_delete {
    width: 20px;
    margin-top: 0;
    /* margin-bottom: 6px; */
    background: transparent url(../img/delete_1.png) no-repeat top;
    border: none;
    cursor: pointer;
    display: block;
    font-size: 0;    
}

div.select_div input.link_delete:hover,
div.select_div span.link_delete:hover {
    background-image: url(../img/delete_2.png?nothing=2);
}

div.select_div .readonly {
    background-color: grey;
}

div.select_div h4.select_title {
    margin-left: 20px;
    width: 700px;
}

form.contract_form div.select_div p.select_textarea {
    margin-bottom: 20px;
    margin-left: 20px;
    margin-top: 0;
    width: 700px;
}

form.contract_form div.select_div span.link_delete,
form.contract_form div.select_div input.link_delete {
    float: left;
}

span.reset_button {
    background-image: url('../img/reset_1.png');
    background-repeat: no-repeat;
    font-size: 0;
    display: inline-block;
    height: 22px;
    overflow: hidden;
    width: 20px;
    cursor: pointer;
}

span.reset_button:hover {
    background-image: url('../img/reset_2.png');
}


/* area table */

table.area_table td {
    height: 30px;
}

table.area_table input.order {
    width: 30px;
}

table.area_table select.nebenkosten_ap {
    width: 90px;
}

table.area_table select.art,
table.area_table select.einheit {
    width: 50px;
}

table.area_table input.miete_pro_einheit,
table.area_table input.nebenkosten_pro_einheit,
table.area_table input.temp {
    width: 80px;
}

table.area_table input.mass,
table.area_table span.mass,
table.area_table input.ort {
    width: 100px
}

table.area_table input.mass,
table.area_table input.miete_pro_einheit,
table.area_table input.miete,
table.area_table input.nebenkosten,
table.area_table input.nebenkosten_pro_einheit,
table.area_table input.area_total_marketing,
table.area_table input.total,
table.total_table .total {
    text-align: right;
    padding-right: 2px;
}

table.area_table input.miete,
table.area_table span.miete,
table.area_table input.nebenkosten,
table.area_table span.nebenkosten,
table.area_table input.marketing,
table.area_table input.area_total_marketing,
table.area_table input.total {
    width: 120px;
}

table.total_table input.total {
    width: 120px;
}

table.area_table input.nutzung {
    width: 200px;
}

table.area_table select.kurzbezeichnung {
    width: 80px;
}

table.area_table input.disabled,
table.area_table select.disabled,
table.total_table input.disabled {
    color: white;
    background-color: #707070;
}

table.area_table tr.total_list input.nebenkosten,
table.total_table tr.total_miete input.miete,
table.total_table tr.total_nebenkosten input.total,
table.total_table tr.brutto_miete input.total {
    color: lightblue;
}

table.area_table tbody.ui-sortable tr:hover {
    background-color: #333333;
    cursor: pointer;
}


table.supplement_table {
    clear: left;
}

ol.supplement_list,
ol.supplement_title_list {
    list-style-type: none;
}

ol.supplement_list li {
    height: 26px;
    padding-bottom: 3px;
}

table.supplement_table input.link_delete,
table.supplement_table span.link_delete,
ol.supplement_list input.link_delete,
ol.supplement_list span.link_delete,
table.area_table input.link_delete,
table.area_table span.link_delete {
    margin: 0;
    background: transparent url(../img/delete_1.png) no-repeat top;
    border: none;
    font-size: 0;
    cursor: pointer;
}

table.supplement_table input.link_delete:hover,
table.supplement_table span.link_delete:hover,
ol.supplement_list span.link_delete:hover,
table.area_table input.link_delete:hover,
table.area_table span.link_delete:hover {
    background-image: url(../img/delete_2.png?nothing=2);
}

ol.supplement_title_list ol.supplement_list input.link_delete {
    background: transparent;
    height: 37px;
    position: relative;
    padding-bottom: 0;
    top: -6px;
}

ol.supplement_list {
    margin-bottom: 10px;
}

ol.supplement_list span.link_delete {
    position: relative;
    top:-1px;
}

ol.supplement_title_list {
    cursor: pointer;
    width: 1020px;
    padding-top: 10px;
}

ol.supplement_title_list li:hover {
    background-color: #444444;
}

ol.supplement_title_list li ol li:hover {
    background-color: #333333;
}

tr.spacer {
    height: 20px;
}

span.supplement_title_text {
    width: 674px;
}

span.supplement_title_placeholder {

}


tbody.kurzbezeichnung_total {
    height: 0;
}
tbody.kurzbezeichnung_total span.mass,
tbody.kurzbezeichnung_total span.miete,
tbody.kurzbezeichnung_total span.nebenkosten {
    text-align: right;
    display: block;
    margin-left :2px;
}
tbody.kurzbezeichnung_total tr {
    display: none;
}

table.total_table {
    margin-bottom: 20px;
    margin-left: 385px;
    margin-top: 50px;
}

form.contract_area_table div.field textarea {
    width: 583px;
}

form.contract_area_table {
    height: 1088px;
}

span.paragraph_nr {
    float: left;
}

div#content form.supplement_form td {
    color: white;
}

/* building supplement */

input.supplement_text,
form.contract_form input.supplement_text {
    margin-right: 10px;
    width: 400px;
}

table.supplement_table {
    margin-bottom: 10px;
}

table.supplement_table h4 {
    margin-top: 10px;
}

div.supplement_table_titles .supplement_checkbox_span,
div.supplement_table_titles .supplement_text_span,
div.supplement_table_titles .supplement_date_span,
div.supplement_table_titles .supplement_placeholder_span {
    color: #A8F2FA;
    display: inline-block;
    text-align: center;
    width: 34px;
}

div.supplement_table_titles .supplement_date_span,
td.supplement_date_span,
li span.supplement_date_span,
td.supplement_placeholder_span,
li span.supplement_placeholder_span {
    width: 240px;
    text-align: center;
}

td.supplement_placeholder_span,
li span.supplement_placeholder_span,
div.supplement_table_titles .supplement_placeholder_span {
    width: 310px;
}

td.supplement_date_span input,
td.supplement_date_span input,
li span.supplement_date_span input,
td.supplement_placeholder_span input,
li span.supplement_placeholder_span input {
    width: 200px;
    padding-right: 2px;
    text-align: right;
}

td.supplement_placeholder_span input,
li span.supplement_placeholder_span input {
    width: 280px;
    padding-right: 2px;
    text-align: left;
}

td.supplement_date_span span,
li span.supplement_date_span span,
td.supplement_placeholder_span span,
li span.supplement_placeholder_span span {
    height: 19px;
}

form.supplement_form input.supplement_checkbox {
    width: 14px;
    margin: 6px 10px;
}

table.supplement_table input.link_delete,
ol.supplement_title_list input.link_delete {
    width: 25px;
    height: 22px;
}

ol.supplement_title_list span {
    display: inline-block;
    overflow: hidden;
}

div.supplement_table_titles .supplement_text_span,
span.supplement_text_span,
span.supplement_label_span {
    width: 400px;
}

span.supplement_label_span {
    padding-bottom: 4px;
}

ol.supplement_title_list {
    /*margin-top: 40px;*/
    clear: left;
}

div.tooltip {
    cursor: default;
    float: left;
    padding: 0;
    padding-right: 4px;
    padding-top: 5px;
    position: relative;
    width: 17px;
}

div.tooltip.hover div.tooltip_box {
    display: block;
    box-shadow: 0 0 10px 2px #4D4D4D;
}

span.tooltip_symbol {
    background-color: #D49552;
    border: 1px solid #7A7A7A;
    bottom: -1px;
    color: #000000;
    font-size: 12px;
    font-family: serif;
    font-weight: bold;
    margin: 0 3px -1px 0;
    padding: 0 4px;
    position: relative;
    vertical-align: bottom;
    z-index: 1
}

div.tooltip_box {
    background-color: #ffca91;
    color: black;
    border: 1px solid #7A7A7A;
    display: none;
    left: 10px;
    padding: 5px;
    position: absolute;
    top: 15px;
    width: 250px;
    z-index: 2;
}

div.tooltip_box.tooltip_box_large {
    width: 500px;
}

/* Rule Export */

div#rule_export table td {
    padding-right: 20px;
    padding-bottom: 10px;
}

div#rule_export tr:hover a {
    color: #A8F2FA;
}

div#rule_export table tr a:hover {
    color: #ff931e;
}

/* rule export table */

table#rule_export_table {
    border-collapse: collapse;
    border: 1px solid black;
    font-size: 12px;
}

table#rule_export_table td {
    border: 1px solid black;
    text-align: center;
}

table#rule_export_table td.header {
    font-weight: bold;
}

table#rule_export_table td.dont_change {
    color: darkgrey;
}

table#rule_export_table td.irrelevant {
    color: black;
}

/* MVG neue Darstellung */

form.building_form label {
    width: 700px;
    margin-bottom: 10px;
}

form.building_form div.field {
    width: 900px;
}

form.building_form textarea,
form.building_form .select_div textarea,
form.building_form .select_div input.text,
form.building_form input.select_title,
form.building_form p,
form.building_form div.field p.text_label {
    width: 700px;
}

form.building_form div.field p.text_label {
    height: auto;
}
form.building_form div.field p.text_label,
form.building_form textarea {
    margin-bottom: 20px;
}

form.building_form textarea {
    margin-left: 19px;
}


form.building_form div.field p.text_label {
    margin-left: 0;
}

form.building_form .select_group {
    margin-left: 0;
}

form.building_form p.text_after_field {
    width: auto;
}

form.contract_form input.disabled,
form.contract_form textarea.disabled {
    color: #B0B0B0;
    background-color: #707070;
}
/*form.building_form div.field label {
    margin-top: 1px;
    margin-bottom: 0;
}*/
/*div.select_div*/

/* user errors */
span.error_mandatory_field {
    color: #FF9999;
    float: left;
    margin-top: 5px;
}
input.error_mandatory_field,
select.error_mandatory_field {
    background-color: #FF9999;
}

form.building_form div.field label {
    font-weight: bold;
}

div.select_div h4 {
    font-weight: normal;
}



/* v2 table with contract text */

#content.master_text {
    width: 2000px;
}

#content.centract_text,
#content.subdivision_text {
    width: 1620px;
}

table.contract_text {
    margin-left: -4px;
}
table.contract_text td {
    background-color: #707070;
    padding: 2px;
}

div#content table.contract_text td {
    color: white;
    vertical-align: top;
}

div#content table.contract_text th {
    font-size: 16px;
    font-weight: bold;
}

table.contract_text td,
div#content table.contract_text th {
    border: 4px solid #4D4D4D;
    padding: 1px;
}

table.contract_text span {
    display: inline-block;
    overflow: hidden;
    margin: 0;
}

table.contract_text input,
table.contract_text select {
    margin: 0;
}

table.contract_text select {
    border: none;
}

table.contract_text input,
table.contract_text textarea,
table.contract_text select {
    /*width: 100%;*/
}

table.contract_text td span {
    margin: 0 2px;

}

table.filter_table td {
    padding: 1px 2px 1px 1px;
}


table.contract_text input,
table.contract_text select,
table.contract_text textarea,
#contract_text_filter_div input,
#contract_text_filter_div select,
#contract_text_filter_div textarea {
    padding: 1px 0;
    border: 1px solid #7A7A7A;
    margin-left: 1px;
    margin-right: 1px;
}


table.contract_text .ref_number span,
table.contract_text .ref_number input,
table.contract_text .ref_number select,
table.contract_text .ref_number textarea {
    width: 70px;
}

table.contract_text .ref_text span,
table.contract_text .ref_text input,
table.contract_text .ref_text select,
table.contract_text .ref_text textarea {
    width: 300px;
}

table.contract_text .text_in_table span,
table.contract_text .text_in_table input,
table.contract_text .text_in_table select,
table.contract_text .text_in_table textarea {
    width: 70px;
}


table.contract_text .contract_text_type span,
table.contract_text .contract_text_type input,
table.contract_text .contract_text_type select,
table.contract_text .contract_text_type textarea {
    width: 88px;
}

/*.filter_table.master_text .contract_text_type span,*/
/*.filter_table.master_text .contract_text_type input,*/
/*.filter_table.master_text .contract_text_type select {*/
    /*width: 80px;*/
/*}*/

table.contract_text .contract_text span,
table.contract_text .contract_text input,
table.contract_text .contract_text select,
table.contract_text .contract_text textarea {
    width: 522px;
}

table.contract_contract_text .contract_text span,
table.contract_contract_text .contract_text input,
table.contract_contract_text .contract_text select,
table.contract_contract_text .contract_text textarea {
    width: 700px;
}

table.contract_text .contract_text_tooltip span,
table.contract_text .contract_text_tooltip input,
table.contract_text .contract_text_tooltip select,
table.contract_text .contract_text_tooltip textarea {
    width: 200px;
}

table.contract_text .front_text span,
table.contract_text .front_text input,
table.contract_text .front_text select,
table.contract_text .front_text textarea {
    width: 200px;
}

table.contract_text .front_title span,
table.contract_text .front_title input,
table.contract_text .front_title select,
table.contract_text .front_title textarea {
    width: 200px;
}

table.contract_text .contract_type span,
table.contract_text .contract_type input,
table.contract_text .contract_type select,
table.contract_text .contract_type textarea {
    width: 130px;
}

table.contract_text .contract_text_visibility span,
table.contract_text .contract_text_visibility input,
table.contract_text .contract_text_visibility select,
table.contract_text .contract_text_visibility textarea {
    width: 82px;
}

table.contract_text .has_rule span,
table.contract_text .has_rule input,
table.contract_text .has_rule select,
table.contract_text .has_rule textarea {
    /*display: inline-block;*/
    width: 58px;
}


option.default {
    /*background-color: #FF931E;*/
}

.droppable_hover {
    height: 100px;
}

table.contract_text .contract_text_edit_buttons {
    background: transparent;
    width: 100px;
}

div.buttons_up {
    width: 72px;
}
div.buttons_down {
    width: 48px;
}

span.new_before,
span.clone_before,
span.new_after,
span.clone_after,
span.reset,
span.save,
table.contract_text .contract_text_delete {
    background-repeat: no-repeat;
    border: none;
    cursor: pointer;
    display: inline-block;
    height: 22px;
    width: 22px;
}

/*span.new_before {*/
    /*background-image: url(../img/arrow_.png);*/
/*}*/
/*span.new_before:hover {*/
    /*background-image: url(../img/arrow_up_add_2.png);*/
/*}*/

/*span.clone_before {
    background-image: url(../img/arrow_up_1.png);
}
span.clone_before:hover {
    background-image: url(../img/arrow_up_2.png);
}*/

span.new_after {
    background-image: url(../img/working_1.png);
}
span.new_after:hover {
    background-image: url(../img/working_2.png);
}

span.clone_after {
    background-image: url(../img/clone_1.png);
}
span.clone_after:hover {
    background-image: url(../img/clone_2.png);
}

span.reset {
    background-image: url(../img/reset_1.png);
}
span.reset:hover {
    background-image: url(../img/reset_2.png);
}

span.save {
    background-image: url(../img/save_1.png);
}

span.save:hover {
    background-image: url(../img/save_2.png);
}

/* contract_text editing */

table.contract_text select,
table.contract_text textarea {
    margin-bottom: 1px;
    margin-top: 1px;
}

table.contract_text span.contract_text_delete {
    margin-left: 0;
}

table.contract_text .contract_text_delete {
    background-image: url(../img/delete_1.png);
    background-color: transparent;
    font-size: 0;
    color: transparent;
    display: inline-block;
    vertical-align: top;
    width: 17px;
}

table.contract_text .contract_text_delete:hover {
    background-image: url(../img/delete_2.png);
}

table.contract_text .contract_text_tooltip_display {
    width: 20px;
}

table.contract_text td.contract_text_tooltip_display {
    background-color: #505050;
}

table.contract_text div.tooltip {
    padding: 0;
}



table.contract_text textarea {
    /*height: 100px; *//* get's changed by jscript */
}

div#contract_area {
    /*margin-bottom: 539px;*/
}


table.contract_text input,
table.contract_text select,
table.contract_text textarea {
    color: black;
    /*background-color: #ddeef5;*/
    background-color: white;
}


table.contract_text .t1,
table.contract_text .t2 {
    font-weight: bolder;
}

table.contract_text .bold {
    font-weight: bold;
}

table.contract_text .text,
table.contract_text .list {
    font-weight: normal;
}

/*table.contract_text td.editing {*/
    /*background-color: grey !important;*/
/*}*/

table.contract_text td {
    background-color: #ddeef5;
}
table.contract_text td span {
    color: black;
}

table.contract_text td.disabled {
    background-color: #f5efcc;
}
table.contract_text td.disabled span {
    color: black;
}
table.contract_text td.disabled input,
table.contract_text td.disabled select,
table.contract_text td.disabled textarea {
    /*background-color: #f5efcc*/
}


table.contract_text td.active {

}
table.contract_text td.active span {

}
table.contract_text td.active input,
table.contract_text td.active textarea,
table.contract_text td.active select {
    /*background-color: white;*/
}

table.contract_text td.inactive {
    background-color: #8f9ea5;
}
table.contract_text td.inactive span {
    color: #505050;
}
table.contract_text td.inactive input,
table.contract_text td.inactive textarea,
table.contract_text td.inactive select {
    /*color: #505050;*/
    /*background-color: #8f9ea5;*/
}

/* td.disabled = contract_text of a different layer */

table.contract_text td.inactive.disabled {
    background-color: #a59f83;
}
table.contract_text td.inactive.disabled span {
    color: #505050;
}
table.contract_text td.inactive.disabled input,
table.contract_text td.inactive.disabled textarea,
table.contract_text td.inactive.disabled select {
    /*color: #505050;*/
    /*background-color: #a59f83;*/
}

table.contract_text td.verdeckt {
    background-color: #f5b9a0;
}

table.contract_text tr.freestand_blocked td {
    /*opacity: .5;*/
    background-color: grey;
}

/*table.freestand_blocked tr.not_freestand_blocked {*/
    /*opacity: 1;*/
/*}*/

.contract_text_placeholder_tooltip.tooltip_symbol {
    margin-left: -16px;
}

#contract_text_tooltip {
    position: absolute;
    left: -100px;
    background-color: black;
}

#contract_text_tooltip * {
    z-index: 2;
}

#contract_text_tooltip tr {
    display: table-row;
    float: none;
}

#contract_text_tooltip th,
#contract_text_tooltip td {
    display: table-cell;
    float: none;
    padding-left: 10px;
}

#content.content_contract_text {
    overflow-x: visible;
    overflow-y: auto;
}

#contract_text_filter_div {
    margin-bottom: 10px;
    margin-left: 20px;
    margin-top: 18px;
}

#contract_text_filter_div label {
    color: #FF931E
}

#contract_text_filter_div input.text {
    width: 300px;
}

#contract_text_filter_div span.reset {
    margin-left: 10px;
    vertical-align: bottom;
}



span#subdivision_alias_default,
span#building_addition_street_default,
span#building_addition_zip_default,
span#building_addition_city_default {
    display: inline-block;
    float: left;
    margin-top: 6px;
    min-height: 10px;
}


span#subdivision_alias_default,
span#building_addition_street_default {
    width: 250px;
}

span#building_addition_zip_default {
    width: 50px;
}

span#building_addition_city_default {
    width: 200px;
}

input#subdivision_alias,
input#building_addition_street {
    width: 350px;
}

input#building_addition_zip {
    width: 60px;
}

input#building_addition_city {
    width: 260px;
}

/*
 * rule table
 */

.content_contract_text_rule {
    margin-bottom: 40px;
}

.content_contract_text_rule table {
    table-layout: fixed;
}
.content_contract_text_rule th,
.content_contract_text_rule td {
    border: 4px solid #4D4D4D;
    color: white;
    background-color: #303030;
}

.scroll_half {
    width: 1500px;
}

#left_head {
    text-align: center;
    vertical-align: middle;
}

div#left_head,
div#scroll_head,
div#scroll_left,
div#scroll_body {
    display: inline-block;
    overflow: hidden;
    float: left;
}

/*
 * left
 */
div#left_head,
div#scroll_left {
    width: 500px;
}

/*
 * right
 */
div#scroll_head,
div#scroll_body {
    width: 1000px;
}
div#scroll_head th span,
div#scroll_body td span {
    display: inline-block;
    width: 170px;
}
div#scroll_head th,
div#scroll_body td {
    text-align: center;
}

/*
 * top
 */
div#left_head,
div#scroll_head {
    height: 100px;
}

/*
 * bottom
 */
div#scroll_left,
div#scroll_body {
    height: 700px;
}


div#left_head {
    overflow: visible;
}

div#scroll_head {
    width: 980px;
}

div#scroll_left {
    clear: left;
    height: 680px;
}

div#scroll_body {
    overflow: scroll;
}

#scroll_body tr {
    display:none;
    height: 0;
}

td.txt {
    color:white;
    width: 420px;
}

tr.no_r td {
    background-color: black;
}

td.y {
    background-color: #8f9ea5;
}

th.hover,
td.hover {
    background-color:red;
}

#counter {
    height: 18px;
}

#contract_text_rule_filter_div {
    margin-top: 52px;
    padding-right: 14px;
    padding-left: 4px;
}

#contract_text_rule_filter_div input {
    width: 100%;
}

#scroll_body td span {
    color: #A8F2FA;
}

#scroll_body td {
    cursor: pointer;
}

#scroll_body td:hover {
    opacity: .8;
}

#content {
    display: block;
    float: left;
    margin-bottom: 60px;
}

/*.questions {*/
    /*display: block;*/
    /*margin-bottom: 30px;*/
/*}*/

form.contract_lik_basis input,
form.contract_lik_basis select {
    width: 100px;
}

form.contract_lik_basis .follow_up_spacer {
    width: 10px;
}

form.contract_lik_basis label {
    width: 130px;
}

div.lik_table {
    clear: left;
    padding-top: 40px;
}

div.lik_table input {
    text-align: right;
}

div.lik_table th {
    height: 30px;
}

div.lik_table th.first {
    width: 170px;
}