@media screen, projection, print {
/**  
 * Style CSS Settings
 * File: \files\standard\layout\css\style.css
 */

    /*------------------------------------------------------------------------*/
    /* Default */
    h2 {
        font-weight: bold;
        font-size: 18px;
    }

    acronym, abbr {
        border-bottom: 1px dotted #000000;
    }

    .italic {
        font-style: italic;
    }

    .bold {
        font-weight: bold;
    }

    .underline {
        text-decoration: underline;
    }

    .unknown {
        text-decoration: line-through;
    }

    .iframe .close {
        display: none;
    }
	
	.center {
		text-align: center;
	}

    /*------------------------------------------------------------------------*/
    /* Monitoring-Handbuch [mhb.css]                                          */

    .clearfix {
        *zoom: 1;
    }

    .clearfix:before,
    .clearfix:after {
        content: " ";
        display: table;
    }

    .clearfix:after {
        clear: both;
    }

    /*------------------------------------------------------------------------*/
    /* Linkes Menu */
    #left .mod_login, #request_password, .mod_breadcrumb {
        background-color: red;
    }

    #left .mod_navigation li {
        border-top: 1px solid #cbdbdb;
    }

    #left .mod_navigation ul {
        border-bottom: 1px solid #cbdbdb;
    }

    /*------------------------------------------------------------------------*/
    /* MetaModels Base Templates */
    .ce_metamodel_content.details .field {
        margin-bottom: 8px;
        min-height: 30px;
    }

    .ce_metamodel_content.details .label {
        font-weight: bold;
        margin-bottom: 4px;
    }

    .ce_metamodel_content.details .value {
        padding-left: 10px;
    }

    /*------------------------------------------------------------------------*/
    /* HTML view from xml */
    .ce_bsh_html .comment {
        color: gray;
    }

    .ce_bsh_html th {
        padding: 10px;
    }

    .ce_bsh_html td {
        padding: 2px 6px 5px 0;
        vertical-align: top;
    }

    .ce_bsh_html td span {
        display: block;
        width: 350px;
        word-wrap: break-word;
    }

    .ce_bsh_html .level-0 td {
        padding-top: 5px;
        border-top: 1px solid #000000;
    }

    /*------------------------------------------------------------------------*/
    /* Tree View */
    .mon-tree a {
        color: #045da5;
    }

    .mon-tree .monitoringheader a {
        color: #ffffff;
    }

    .mon-tree a:visited {
        color: #045da5;
    }

    .mon-tree .monitoringheader a:visited {
        color: #ffffff;
    }

    .mon-tree .strike {
        text-decoration: line-through;
    }

    .mon-tree .fullprogramm,
    .mon-tree .missing-sub-programs,
    .mon-tree .missing-mess-programs {
        margin-bottom: 25px;
    }

    .mon-tree .monitoringheader,
    .mon-tree .subprogramheader,
    .mon-tree .messprogramheader {
        padding: 5px 10px 5px 35px;
        margin-top: 2px;
        cursor: pointer;
        position: relative;
    }

    .mon-tree .monitoringheader {
        padding-right: 60px;
        background-color: #045da5;
        font-weight: bold;
        font-size: 16px;
        color: #ffffff;
    }

    .mon-tree .subprogramheader {
        padding-right: 60px;
        background-color: #00ffff;
        font-weight: bold;
        font-size: 12px;
        color: #045da5;
    }

    .mon-tree .messprogramheader {
        padding-right: 60px;
        background-color: #dfdfdf;
        color: #045da5;
    }

    .mon-tree .headtoggler .state {
        position: absolute;
        top: 3px;
        left: 10px;
        background-image: url(../images/akkordion/plus_100.gif);
        background-size: 20px 20px;
        width: 20px;
        height: 20px;
    }

    .mon-tree .headtoggler.active .state {
        background-image: url(../images/akkordion/minus_100.gif);
    }

    .mon-tree .subprogramheader .state {
        background-size: 18px 18px;
        width: 18px;
        height: 18px;
    }

    .mon-tree .messprogramheader .state {
        top: 4px;
        background-size: 16px 16px;
        width: 16px;
        height: 16px;
    }

    .mon-tree .details {
        position: absolute;
        top: 5px;
        right: 10px;
        color: #045da5;
    }

    .mon-tree .nodata {
        margin-left: 25px;
        padding: 5px;
        font-weight: bold;
    }

    /* Details */
    .mon-tree .label {
        display: block;
        margin: 5px 0 5px 0;
        font-weight: bold;
        text-decoration: underline;
    }

    .mon-tree .value {
        margin-left: 25px;
    }

    .mon-tree .value .inactive {
        color: #a9a9a9;
    }

    /*------------------------------------------------------------------------*/
    /* Kennblatt */
    #kennblaetter-details.block,
    #kennblaetter-details .block {
        overflow: visible !important;
    }

    /** Kennblaetter Overview **/
    .kennblaetter-overview .toggler,
    .kennblaetter-overview .mhb-toggler {
        padding: 5px 10px 0px 35px;
        margin-top: 10px;
        cursor: pointer;
        position: relative;
    }

    .kennblaetter-overview .toggler h3,
    .kennblaetter-overview .mhb-toggler h3 {
        display: inline;
    }

    .kennblaetter-overview .state {
        position: absolute;
        top: 3px;
        left: 10px;
        background-image: url(../images/akkordion/plus_100.gif);
        background-size: 20px 20px;
        width: 20px;
        height: 20px;
    }

    .kennblaetter-overview .active .state {
        background-image: url(../images/akkordion/minus_100.gif);
    }

    .kennblaetter-overview .items {
        padding-left: 50px;
    }

    /* Overall classes */
    .kennblatt div {
        padding: 0;
    }

    .kennblatt .left {
        margin-top: 5px;
        margin-left: -178px;
        width: 150px;
        max-width: 150px;
        word-wrap: break-word;
        display: inline-block;
    }

    .kennblatt .label {
        display: block;
        font-weight: bold;
        margin-bottom: 8px;
    }

    .kennblatt .monitoring .headline {
        width: 33%;
        min-width: 400px;
        display: block;
        font-weight: bold;
        margin-bottom: 8px;
        font-size: 13px;
        border-bottom: 1px solid #000000;
    }

    .kennblatt .paragraph {
        margin-bottom: 15px;
    }

    .kennblatt .clearfix:after {
        content: ".";
        clear: both;
        display: block;
        visibility: hidden;
        height: 0;
    }

    .kennblatt img {
        display: block;
        margin: 5px 0;
    }

    .kennblatt table {
        empty-cells: show;
        border-collapse: collapse;
        margin: 5px 0;
    }

    .kennblatt tr {
        empty-cells: show;
    }

    .kennblatt td {
        empty-cells: show;
        border: 1px solid black;
        padding-right: 10px;
        padding-top: 2px;
        padding-bottom: 2px;
    }

    .kennblatt h3,
    .kennblatt h4,
    .kennblatt h5 {
        margin: 0;
    }

    .kennblatt h2 {
        text-align: center;
        width: 100%;
    }

    /* Chapter */
    .kennblatt h3 {
        text-align: center;
        width: 100%;
        margin-bottom: 15px;
        background-color: #d0d0d0;
        padding: 4px;
    }

    .kennblatt .part {
        width: 100%;
        margin-bottom: 10px;
    }

    .kennblatt .title {
        width: 180px;
        height: 100%;
        float: left;
    }

    .kennblatt .part .content {
        width: calc(100% - 210px);
        float: left;
        /*border-left: 1px solid #000000;*/
        padding-left: 18px;
    }

    .kennblatt .main-chapter {
        margin-left: 180px;
        width: calc(100% - 210px);
        float: left;
        border-left: 1px solid #000000;
        padding-left: 18px;
    }

    .kennblatt .content h4 {
        margin-top: 40px;
        margin-left: -178px;
        width: 160px;
    }

    .kennblatt .content p {
        margin: 10px 0;
    }

    /*
    .kennblatt span p {
      margin: 0 !important;
    }
    */
    .kennblatt .chapter-intro {
        padding-bottom: 10px;
    }

    .kennblatt .chapter-intro.main-chapter {
        margin-bottom: 10px;
    }

    /** 1.3 Institution **/
    .kennblatt .behoerden table,
    .kennblatt .behoerden th,
    .kennblatt .behoerden tr,
    .kennblatt .behoerden td {
        border-collapse: collapse;
        border: 1px solid #000000;
        padding: 4px 10px;
    }

    .kennblatt .mess-programme-behoerden table,
    .kennblatt .mess-programme-behoerden th,
    .kennblatt .mess-programme-behoerden tr,
    .kennblatt .mess-programme-behoerden td {
        border-collapse: collapse;
        border: 1px solid #000000;
        padding: 4px 10px;
    }

    /** 2.1 Notwendigkeit **/
    .kennblatt .richtlinien-artikel-allgemeiner-text table,
    .kennblatt .richtlinien-artikel-allgemeiner-text th,
    .kennblatt .richtlinien-artikel-allgemeiner-text tr,
    .kennblatt .richtlinien-artikel-allgemeiner-text td {
        border-collapse: collapse;
        border: 1px solid #000000;
        padding: 4px 10px;
    }

    /** 3.2 Monitoring-Aktivitäten **/
    .kennblatt .monitoring .old-monitoring,
    .kennblatt .monitoring .new-monitoring {
        width: 45%;
        padding: 0 10px 0 10px;
        display: block;
        float: left;
    }

    .kennblatt .monitoring .toggler,
    .kennblatt .mess-programme .toggler,
    .kennblatt .monitoring .mhb-toggler,
    .kennblatt .mess-programme .mhb-toggler {
        padding: 5px 10px 0px 35px;
        margin-top: 10px;
        cursor: pointer;
        position: relative;
        font-weight: bold;
    }

    .kennblatt .monitoring .toggler.second,
    .kennblatt .mess-programme .toggler.second,
    .kennblatt .monitoring .mhb-toggler.second,
    .kennblatt .mess-programme .mhb-toggler.second {
        margin-left: 60px;
        margin-bottom: 15px;
    }

    .kennblatt .monitoring .accordion.second,
    .kennblatt .mess-programme .accordion.second,
    .kennblatt .monitoring .mhb-accordion.second,
    .kennblatt .mess-programme .mhb-accordion.second {
        margin-left: 95px;
    }

    .kennblatt .monitoring .attribute,
    .kennblatt .mess-programme .attribute {
        margin-bottom: 5px;
    }

    .kennblatt .monitoring .attribute-content.text,
    .kennblatt .mess-programme .attribute-content.text {
        padding-left: 10px;
        line-height: 16px;
    }

    .kennblatt .monitoring .state,
    .kennblatt .mess-programme .state {
        position: absolute;
        top: 3px;
        left: 10px;
        background-image: url(../images/akkordion/plus_100.gif);
        background-size: 20px 20px;
        width: 20px;
        height: 20px;
    }

    .kennblatt .monitoring .active .state,
    .kennblatt .mess-programme .active .state {
        background-image: url(../images/akkordion/minus_100.gif);
    }

    .kennblatt .monitoring .headline,
    .kennblatt .mess-programme .headline {
        margin: 10px 0 15px 0;
        font-weight: bold;
        display: block;
        border-bottom: 1px solid #000000;
        width: 40%;
        min-width: 250px;
    }

    .kennblatt .monitoring .child-row,
    .kennblatt .mess-programme .child-row {
        margin-bottom: 10px;
        border-bottom: 1px solid #cccccc;
    }

    /** 5.4 Musterdokumente **/
    .kennblatt .musterdokumente p {
        float: left;
        margin-bottom: 0px;
    }

    /** 6.0 Literatur **/
    .kennblatt .literatur li {
        margin-bottom: 8px;
    }

    .kennblatt .literatur .autoren {
        font-weight: bold;
        display: block;
        margin-bottom: 4px;
    }

    .kennblatt .literatur .literatur {
        display: block;
    }

    /** Table cleaning */
    .kennblatt table,
    .kennblatt td,
    .kennblatt tr {
        text-align: left;
        vertical-align: top;
    }

    .kennblatt table.none-border,
    .kennblatt .none-border table,
    .kennblatt .none-border tr,
    .kennblatt .none-border th,
    .kennblatt .none-border td {
        border: 0 #ffffff none;
    }

    .kennblatt table.none-border {
        margin: 0;
    }

    /* ----- */
    .kennblatt .rltext,
    .kennblatt .bemerkung {
        margin-bottom: 10px;
    }

    .kennblatt .bemerkung p:first-child {
        text-decoration: underline;
        margin-bottom: 10px;
    }

    .kennblatt .bewertung {
        margin-bottom: 10px;
    }

    .kennblatt .bewertung div {
        margin-bottom: 15px;
    }

    .kennblatt .sub-headline {
        font-weight: bold;
        display: block;
        margin-bottom: 5px;
    }

    .kennblatt .monitoring {
        text-align: left;
        width: 100%;
    }

    .kennblatt .monitoring .element-block td {
        border-top: 1px dashed #000000;
        padding-top: 10px;
    }

    .kennblatt .monitoring td {
        vertical-align: top;
        padding-bottom: 10px;
        padding-right: 10px;
    }

    .kennblatt .monitoring th {
        padding-bottom: 15px;
        font-size: 15px;
    }

    .kennblatt .monitoring .line {
        border-top: 2px solid #000000;
    }

    /** FE Editing */
    .kennblatt .edit {
        text-indent: -9999px;
        /*background-image: url(../../files/standard/layout/images/edit.gif);*/
        background-size: 20px 20px;
        width: 20px;
        height: 20px;
    }

    .kennblatt .edit.inactive {
        /*background-image: url(../../files/standard/layout/images/edit_.gif);*/
    }

    /*------------------------------------------------------------------------*/
    /* Details */
    .mp-details .label {
        margin: 10px 0 5px 0;
        font-weight: bold;
        text-decoration: underline;
    }

    .mp-details .value {
        margin-left: 25px;
    }

    /*------------------------------------------------------------------------*/
    .clearfix:before,
    .clearfix:after {
        content: " ";
        display: table;
    }

    .clearfix:after {
        clear: both;
    }

    .clearfix {
        *zoom: 1;
    }

    /*------------------------------------------------------------------------*/
    /* Indikatoren */
    /* #monitoring-indikatoren-liste, #startseite */ 
	.widget.fertig, .widget.region {
        margin-right: 20px;
        width: 150px;
		float: left;
    }

    section.gaeste .widget.fertig {
		left: -1500px;
    }

    .indikatoren .item {
        width: 700px;
        border: 1px solid #000000;
        padding: 10px;
        margin: 10px 0px 10px 20px;
    }

    .indikatoren .kapitel {
        width: 600px;
        border: 0px;
        padding: 0px;
        margin: 0px;
        color: #045DA5;
        font: bold 14px Georgia, "Times New Roman", Times, serif;
    }

    .indikatoren .kapitel a {
        display: none;
    }

    .indikatoren .level-1 {
        margin-left: 20px;
    }

    .indikatoren .level-2 {
        margin-left: 40px;
    }

    .indikatoren .Bewertung1718 {
        border-left: 10px solid #F7FE2E;
    }

    .indikatoren .offiziell_fertig {
        border-left: 10px solid #00FF00;
    }

    .indikatoren .offen {
        border-left: 10px solid #FF0000;
    }

    .indikatoren .item .label, .indikatoren .item .value {
        float: left;
        margin-top: 5px;
    }

    .indikatoren .item .label {
        width: 280px;
        font-weight: bold;
        padding: 0px;
    }

    .indikatoren .item .value {
        width: 410px;
    }

    .indikatoren .item .value ul {
        margin: 10px;
        padding: 0px;
    }

    .indikatoren .item .str_mon_ind_num_name .label {
        display: none;
    }

    .indikatoren .item .str_mon_ind_num_name .value {
        font-size: 13px;
        font-weight: bold;
        padding-bottom: 5px;
        width: 700px;
    }

    /*------------------------------------------------------------------------*/
    /* Kennblatt-Übersicht */
    .kennblaetter-overview .item {
        margin: 10px 0px 10px 0px;
    }

    .accordion div {
        padding: 0px;
    }

    /*------------------------------------------------------------------------*/
    /* Startseite Accordions */
    #startseite {
        width: 800px;
    }

    #startseite .toggler {
        background: #045da5 no-repeat;
        background-image: url(../images/akkordion/plus_weiss100.gif);
        background-size: 20px 20px;
        background-position: 5px 5px;
        border-radius: 3px;
        font-size: 16px;
        color: #fff;
        cursor: pointer;
        font-weight: bold;
        margin-bottom: 2px;
        padding: 5px 60px 5px 30px;
        position: relative;
    }

    #startseite .toggler.active {
        background-image: url(../images/akkordion/minus_weiss100.gif);
    }

    /* Richtlinien - Accordions */
    #startseite .metamodels-toggler {
        background: #d0d0d0 no-repeat;
        background-image: url(../images/akkordion/plus_100.gif);
        background-size: 16px 16px;
        background-position: 5px 5px;
        margin-left: 20px;
        padding: 4px 10px 4px 25px;
        width: 100%;
    }

    #startseite .metamodels-accordion {
        margin: 10px 10px 15px 50px;
    }

    /* Institutionen/Messprogramme - Accordions */
    #institutionen-mp-liste .metamodels-toggler {
        background: #d0d0d0 no-repeat;
        background-image: url(../images/akkordion/plus_100.gif);
        background-size: 16px 16px;
        background-position: 5px 5px;
        margin-left: 20px;
        padding: 4px 10px 4px 25px;
        width: 100%;
    }

    #institutionen-mp-liste .metamodels-accordion {
        margin: 10px 10px 15px 50px;
    }
    /*#startseite .item {
      margin: 10px 0;
    }*/
    /*------------------------------------------------------------------------*/
    /* Tabelle Deskriptoren */
    #monitoring-deskriptoren {
        width: 800px;
    }

    #monitoring-deskriptoren table {
        border: 2px solid #000000;
        border-collapse: collapse;
    }

    #monitoring-deskriptoren tr.item {
        border-bottom: 1px solid #000000;
        padding: 0px 10px;
    }

    #monitoring-deskriptoren td.field {
        padding: 5px 10px;
    }

    #monitoring-deskriptoren td.str_mhb_mon_deskr_id_name {
        border-right: 1px solid #000000;
        width: 250px;
    }

    /*------------------------------------------------------------------------*/
    /* Startseite Tabelle alle Behörden */
    #alle_behoerden table,
    #alle_behoerden th,
    #alle_behoerden tr,
    #alle_behoerden td {
        border-collapse: collapse;
        border: 1px solid #000000;
        padding: 4px 10px;
    }

    #alle_behoerden {
        margin: 0px 10px 0px 30px;
    }

    /*------------------------------------------------------------------------*/
    /* Weiße Seite - komplette Indikatoren-Tabelle */
    #indikatoren-komplette-tabelle {
        /* width: 2500px; */
        margin-top: 20px;
    }
	
    #indikatoren-komplette-tabelle section{
        /* width: 2500px; */
        overflow:   hidden;
    }
	
    /*#indikatoren-komplette-tabelle .formbody:after {
		content: "\A xxx";
        clear: both;
    }*/
	
	#indikatoren-komplette-tabelle .widget.fachag, .widget.region, .widget.natreg {
        margin-right: 20px;
        width: 150px;
		float: left;
    }

	.indikatoren-table td, .indikatoren-table th {
        min-width: 250px;
        max-width: 500px;
	}
		
	.indikatoren-table .inhalt-even td {
		background-color: #E6E6E6;
	}
	
	.indikatoren-table .inhalt-odd td {
		background-color: #F6D8CE;
	}
	
	td.attribute-tag_mon_ind_btlgte_inst_monitoring td,
	td.attribute-tag_mon_ind_btlgte_inst_datenweitergabe td {
		border: 0px;
		padding: 0px;
        min-width: 500px;
	}

	table#ctrl_tag_mon_ind_btlgte_inst_monitoring {
        width: 500px;
	}
	
	#widget_tag_mon_ind_btlgte_inst_monitoring .tl_chosen {
		width: 500px;
	}
	
	table.tabletext td.institution {
        /* width: 150px; */
	}

	table.tabletext td.member {
        /* width: 100px; */
	}

	table.tabletext td.text {
        /* width: 250px; */
	}
	
	table.tabletext td {
		width: auto;
		max-width: none;
		min-width: auto;
	}

	
	th.attribute-tag_mon_ind_btlgte_inst_monitoring, td.attribute-tag_mon_ind_btlgte_inst_monitoring,
	th.attribute-tag_mon_ind_btlgte_inst_datenweitergabe, td.attribute-tag_mon_ind_btlgte_inst_datenweitergabe {
		min-width: 360px;
	}

	td.institution {
		width: 50px;
	}
	
	td.member {
		width: 100px;
	}

	td.text {
		width: 200px;
	}

	th.attribute-str_mon_ind_entwicklungsbedarf, td.attribute-str_mon_ind_entwicklungsbedarf {
		max-width: 400px;
	}

    /** FE Edtiding **/
    .fe-editing .tl_formbody_edit {
        width: 750px;
    }

    .fe-editing fieldset.tl_box > legend:first-of-type {
        cursor: pointer;
        background-color: #d0d0d0;
        background-size: 20px 20px;
        background-repeat: no-repeat;
        background-position: 2px 5px;
        height: 20px;
		width: 750px;
        padding: 5px 10px 5px 25px;
        margin: 5px 10px 0 0;
    }

    .fe-editing fieldset.tl_box > legend:first-of-type {
        background-image: url("../images/akkordion/minus_100.gif");
    }

    .fe-editing fieldset.tl_box.collapsed > legend:first-of-type {
        background-image: url("../images/akkordion/plus_100.gif");
    }

    .fe-editing fieldset.collapsed {
        padding-top: 0;
        padding-bottom: 12px;
        margin-bottom: 0;
    }

    .fe-editing fieldset.collapsed div {
        display: none !important;
    }

div.ce_metamodels_fe_editing div.reporting {
        background-color: #d0d0d0;
}
    /** Update-Meldung **/
    .update p {
        width: 750px;
        text-align: center
    }

    .remove {
        cursor: pointer;
    }

  /*------------------------------------------------------------------------*/
  /* Startseite Messprogramme Bearbeitungsstand */
  #mp2026 div.mm_select.meer {
    width: 100px;
    float: left;
	padding-right: 20px;
  }

  #mp2026 div.mm_select.fachag {
    width: 300px;
    float: left;
	padding-right: 20px;
  }

  #mp2026 div.mm_select.stand {
    width: 250px;
    float: left;
	padding-right: 20px;
  }

  #mp2026 div.item {
    clear: left;
  }

/*  #mp2026 div.field {
    float: left;
  }*/


  #mp2026 div.str_mon_mp_id, #mp2026 div.str_mon_mp_name {
    float: left;
  }

  #mp2026 div.field.tag_mon_mp_bearbeitungsstand {
    float: left;
    width: 15px;
  }

  #mp2026 div.field.str_mon_mp_id {
    float: left;
    width: 100px;
  }

  #mp2026 div.field.str_mon_mp_name {
    float: left;
    width: 400px;
  }

  #mp2026 div.details, #mp2026 div.mp_edit, #mp2026 div.feature_edit {
    float: left;
    width: 75px;
  }


  /*------------------------------------------------------------------------*/
  /* Startseite Messprogramme Bearbeitungsstand */
  #messprogramme-2020-überprüfung div.label {
    float: left;
    display: inline-block;
    width: 300px;
  }
  #messprogramme-2020-überprüfung div.value {
    display: inline-block;
    width: 600px;
  }
  
  #messprogramme-2020-überprüfung div.field {
    clear: left;
  }
  
  #messprogramme-2020-überprüfung div.str_mon_mp_id_name .label {
    display: none;
  }
  #messprogramme-2020-überprüfung div.str_mon_mp_id_name .value {
    font-size: 16px;
	font-weight: bold;
	border-top: 15px;
  }
  #features-messprogramme div.tab_mon_mp_element2 .value {
    font-size: 12px;
    padding-left: 30px;
    padding-top: 2px;
  }
}