@media screen, projection {
/**  
 * MHB CSS Settings
 * File: \files\standard\layout\css\mhb.css
 */

    .clearfix {
        *zoom: 1;
    }

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

    .clearfix:after {
        clear: both;
    }

	a {
	  font-weight:normal;
	  color: #045da5;
	  text-decoration: underline;
	}
	a:hover {
	  font-weight:bold;
	  color: #045da5;
	  text-decoration: underline;
	}

	#wrapper {
		max-width: 1024px;
	}

    /*------------------------------------------------------------------------*/
    /* Linke Spalte                                                           */
    #left .mod_navigation {
		position:static;
		margin-bottom:20px;
	}

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

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

    #left .mod_login, .mod_breadcrumb {
        background-color: #fff;
    }

    #main .mod_login,
    #header .mod_login,
    #request_password {
        background-color: #ffffff;
        float:right;
    }

    #main .mod_login .widget,
    #main .formbody p {
        width:160px;
        padding:0 0 0 10px;
        float:left;
    }
    
    #header .mod_login .widget,
    #main .formbody p  {
        padding:0 0 0 8px;
        float:left;
    }
    
    #main .mod_login .widget-checkbox,
    #main .mod_login .widget-submit,
    #header .mod_login .widget-checkbox,
    #header .mod_login .widget-submit {
        padding-top:15px;
    }

    #request_password {
        margin:0 1px;
        padding:0 1px 2px 1px;
    }
    
    #request_password a {
        font-size:11px;
        color:#999;
    }
    
    /*------------------------------------------------------------------------*/
    /* 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;
    }

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

    #datenschutz h2 {
        font-size: 12px;
		font-weight: bold;
        color: #045da5;
		letter-spacing: 1px;
    }

    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;
    }

    /*------------------------------------------------------------------------*/
    /* 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;
    }

    /*------------------------------------------------------------------------*/
    /** 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;
    }

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

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

    /*------------------------------------------------------------------------*/
    /* Indikatoren */
    /* #monitoring-indikatoren-liste, #startseite */ 
	.widget.region {
        width: 150px;
    }

    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);

		}
    #startseite .ce_hyperlink.akkordion-kopie {
        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;
        margin-left: 16px;
        padding: 5px 60px 5px 30px;
        position: relative;
    }

    #startseite .ce_hyperlink.akkordion-kopie .hyperlink_txt {
         font-size: 16px;
        color: #fff;
        cursor: pointer;
        font-weight: bold;
        margin-bottom: 2px;
	}

    /* 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;
    }

    #institutionen-mp-liste .metamodels-accordion .category {
        margin: 10px 10px 15px 0px;
    }

    #institutionen-mp-liste .metamodels-accordion .region {
        margin: 0 0 0 20px;
    }

    #institutionen-mp-liste .metamodels-accordion .messprogramm {
        margin: 0 0 0 20px;
		width: 700px;
    }

    #institutionen-mp-liste .metamodels-accordion .messprogramm  .item.str_mon_mp_id
	{
        width: 120px;
		float: left;
    }

    #institutionen-mp-liste .metamodels-accordion .messprogramm  .item.str_mon_mp_name
	{
        width: 500px;
		float: left;
    }

    #institutionen-mp-liste .metamodels-accordion .messprogramm .item.str_mon_mp_id, #institutionen-mp-liste .metamodels-accordion .messprogramm .item.str_mon_mp_name
	{
		margin: 0;
    }

	#ctrl_institutionen span, #ctrl_fertig span {
        margin-right: 20px;
        width: 130px;
		float: left;
	}

	#ctrl_institutionen span input, #ctrl_fertig span input{
		float: left;
	}

	#ctrl_institutionen span.opt_1:after, #ctrl_fertig span.opt_1:after {
		content: '\A';
		white-space: pre;
	}
	
	#ctrl_institutionen span.opt_2 , #ctrl_fertig span.opt_2{
		clear: both;
	}

    #institutionen-mp-liste .widget.land, 
    #institutionen-mp-liste .widget.region {
        margin-right: 20px;
        width: 150px;
		float: left;
    }
    
    #institutionen-mp-liste .ce_metamodels_frontendfilter {
		float: left;
    }
    
    #institutionen-mp-liste .kein_float {
		clear: left;
    }
    /*#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: 5500px;
        margin-top: 20px;
    }

	td.attribute-tag_mon_ind_btlgte_inst_monitoring table.tabletext {
        width: 150px;
	}
	
	#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;
	}

	#widget_tag_mon_ind_btlgte_inst_monitoring .tl_chosen, #widget_tag_mon_ind_btlgte_inst_datenweitergabe  .tl_chosen {
        width: 150px;
	}
	#ctrl_tag_mon_ind_zustaendige_fachags thead {
		display: none;
	}
	
	.multicolumnwizard .operations  {
        min-width: 110px;
		padding: 0px 0px 15px 10px;
	}
	
	table.tabletext td.institution, table.tabletext td.member {
        width: 100px;
        min-width: 100px;
        max-width: none;
	}

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

	
	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;
	}

	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;
        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;
    }

   /*------------------------------------------------------------------------*/
   /* Startseite Nationale Indikatoren */
    #nationale-indikatoren div.ce_metamodel_content table tr td ul li{
		float: left;
        width: 50px;
        padding-bottom: 15px;
    }

    /** Update-Meldung **/
    .update p {
        width: 750px;
        text-align: center
    }
}