@charset "utf-8";
/*
 *
 *     CSS-FORMATIERUNGSANGABEN FüR
 *             DIE ANWENDUNG 
 *
 *               "Webangebot"
 *
 *
 *  $Author$
 *  $Date$ 
 */

/* Rahmen CSS Entwertungen */
html, body {
    margin: 0px;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif !important;
    color: #272727;
    height: 100%;
    line-height: 1.4;
}

#bodycontent .siteheading {
	color: #272727;
	font-weight: 500;
    font-size: 2.0rem;
    font-family: Georgia, serif;
}

#middle .middle_inner {
	width: 94%;
}

/* Allgemein */
div#middle div#bodycontent {
	max-width: 800px;
}

#bodycontent body, #bodycontent table, #bodycontent td, #bodycontent tr,
	#bodycontent th {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
	font-size: 16px;
	color: #272727;
	line-height: 100%;
	border-collapse: separate;
	margin-bottom: 0px;
}

#bodycontent ul, #bodycontent li {
	font-size: 14px;
}

#bodycontent .innerBodyPanel {
	padding-top: 10px;
	font-size: 16px;
    font-family: "Segoe UI";
}

#bodycontent a {
	text-decoration: none;
	color: #272727;
}

#bodycontent a:HOVER {
	color: #CCC;
}

#bodycontent a.infobox {
	border-bottom: solid 1px #15498A;
	text-decoration: none;
}

#bodycontent a.infobox:hover {
	color: #15498A;
	background: white;
}

#bodycontent a.infobox span {
	visibility: hidden;
	position: absolute;
	left: -99em;
	margin-top: 1.5em;
	padding: 1em;
	text-decoration: none;
}

#bodycontent a.infobox:hover span {
	visibility: visible;
	left: 20em;
	width: 25em;
	border: 1px solid #15498A;
	color: #15498A;
	background: white;
}

#bodycontent .adminbar {
	color: white !important;
}

#bodycontent .admincomponentmenuitem {
	color: white;
}

#bodycontent .link {
	text-decoration: none;
	color: black;
	white-space: nowrap;
	border-bottom: 1px solid black;
}

#bodycontent .downloadlink {
	text-decoration: none;
	color: #272727;
	white-space: nowrap;
	border-bottom: none;
	font-weight: normal;
}

#bodycontent .downloadlink:HOVER {
	color: #272727;
	border-bottom: 1px solid black;
	white-space: nowrap;
}

#bodycontent .italic {
	font-style: italic
}

#bodycontent .bottom {
	vertical-align: bottom;
}

#bodycontent .top {
	vertical-align: top;
}

#bodycontent .text-bottom {
	vertical-align: text-bottom;
}

#bodycontent .left {
	text-align: left;
}

#bodycontent .right {
	text-align: right;
}

#bodycontent .rssHeader {
    text-align: left;
    background-color: #bcc5d4;
}

#bodycontent .rssIcon {
	text-align: left;
	vertical-align: 80%;
	width: 10% !important;
	height: auto !important;
	padding: 5px 5px 5px 5px;
}

#rssPanel table, .contenttable {
	margin-bottom: 0px;
}

#bodycontent .rssLink {
    text-align: left;
    vertical-align: 80%;
    font-weight: 600;
    height: auto !important;
    padding: 5px 5px 5px 5px;
    color: #002771;
}

#bodycontent .center {
	text-align: center;
	vertical-align: middle;
}

#bodycontent .center-vertical {
	vertical-align: middle;
}

#bodycontent img {
	border: none;
}

#bodycontent .pageTitle {
	width: 100%;
	height: 60px;
}

#bodycontent .infoClass {
	color: green;
	font-weight: bold;
}

#bodycontent .errorClass {
	color: red;
	font-weight: bold;
}

#bodycontent .label {
	font-size: 16px;
	color: #272727;
	padding-right: 5px;
	white-space: nowrap;
	line-height: 14px;
}

/* Eingabefelder */
#bodycontent label {
	font-size: 16px;
	font-weight: 400;
	color: black;
}

#bodycontent form label {
	width: auto;
	padding-top: 3px;
	float: none;
}

#bodycontent input[type=password] {
	width: 200px;
	color: black;
	height: 25px;
}

#bodycontent input[type=text] {
	width: 200px;
	color: #272727;
	height: 35px;
}

#bodycontent input[type=submit] {
	font-weight: 400;
}

#bodycontent input[type=radio], #bodycontent input[type="checkbox"] {
	font-weight: 600;
	vertical-align: middle;
	cursor: pointer;
}

#bodycontent input {
    font-family: "Segoe UI";
	font-size: 16px;
	font-weight: normal;
	color: #052A64;
	line-height: normal;
	margin: 0px;
}

#bodycontent .linkFrame {
	border: 1px solid #002771;
	color: #FFFFFF;
	font-family: "Segoe UI";
	font-weight: 400;
	background-color: #002771;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 8px;
	padding-right: 8px;
	cursor: pointer;
	width: auto;
    height: 35px;
	margin: 5px;
}

#bodycontent .linkFrame:HOVER {
	background-color: #00153e;
	color: #FFFFFF;
}

#bodycontent textarea {
	font-size: 12px;
	font-weight: normal;
	color: black;
}

#bodycontent .checkbox_enabled {
	font-weight: normal;
	cursor: pointer;
}

#bodycontent .checkbox_no_padding {
	padding-right: 0;
	color: black !important;
	border-color: black !important;
}

/* Ausgabefelder */
#bodycontent normal {
	font-size: 14px;
	font-weight: normal;
	color: black;
}

#bodycontent .normal {
	font-size: 14px;
	font-weight: normal;
	color: black;
}

#bodycontent .bold {
	font-size: 14px;
	font-weight: bold;
	color: black;
}

#bodycontent .underline {
	font-size: 14px;
	font-weight: normal;
	color: black;
	text-decoration: underline;
}

/* Rahmen */
#bodycontent .bannerHeight {
	height: 85px;
}

#bodycontent .userTitle {
	color: #CCC;
}

#bodycontent .userInfo {
	color: black;
	font-weight: bold;
}

#innerfooter .footer {
	font-weight: normal;
	color: #052A64;
	margin-left: 0.7em;
	text-decoration: none;
}

#bodycontent .headline {
	font-size: 2em;
	font-weight: bold;
}

#bodycontent .headline2 {
	font-size: 1em;
	font-weight: bold;
}

#bodycontent .button {
	border: 1px solid #052A64;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 8px;
	padding-right: 8px;
	background-color: white;
}

/* Tabellen */
#bodycontent .datatableCaption {
	text-align: left;
	padding-top: 5px;
	padding-bottom: 5px;
	font-weight: bold;
}

#bodycontent .datatableHeader {
	text-align: left;
}

/* Auswahlfelder */
#bodycontent option {
	font-size: 16px !important;
	font-weight: normal;
	color: #052A64;
}

#bodycontent select {
	font-family: "Segoe UI";
	font-size: 16px !important;
	font-weight: normal;
	color: #272727;
	text-align: left;
	height: 35px;
}

/* Innere Fußzeile */
#innerfooter .left {
	text-align: left;
}

#innerfooter .right {
	text-align: right;
}

/* Sitzungskalender Farben */
#bodycontent .sitzungskalenderBlau {
	background-color: #dad4d4;
}

#bodycontent .sitzungskalenderGruen {
	background-color: #f5f9fb;
}

#bodycontent .sitzungskalenderHellgrau {
	background-color: #cccccc;
}

#bodycontent .sitzungskalenderRot {
	background-color: #d84b19;
}

#bodycontent .sitzungskalenderGelb {
	background-color: #fadc10;
}

#bodycontent .sitzungskalenderWeiss {
	background-color: #ffffff;
}

#bodycontent .sitzungskalenderUnbekannt {
	background-color: #CC0099;
}

/* Richfaces */
#bodycontent .rich-calendar-editor-btn-selected {
	background-color: #315F9B;
	color: white;
	width: auto;
}

#bodycontent .rich-calendar-editor-btn-over {
	background: #E7ECF2;
	border: 1px solid #BED6F8;
	padding: 1px;
    width: auto;
}

#bodycontent .rich-calendar-popup {
    width: 350px !important;
}

#bodycontent .rich-calendar-select {
	color: black;
	text-decoration: underline;
}

#bodycontent .rich-calendar-tool {
	background-color: #315F9B;
	color: white;
    padding-top: 0px;
}

#bodycontent .rich-calendar-toolfooter {
    padding-top: 0px;
}

#bodycontent .rich-calendar-date-layout-ok, .rich-calendar-date-layout-cancel {
    padding-top: 10px;
    padding-bottom: 10px;
}

#bodycontent .rich-calendar-month {
	background-color: #315F9B;
	color: white;
	height: 30px;
	width: 150px;
}

#bodycontent .rich-calendar-today {
	color: black;
	font-weight: normal;
	font-style: italic;
}

#bodycontent .rich-calendar-hover {
	text-decoration: underline;
}

#bodycontent .rich-calendar-boundary-dates {
	color: #A0A0A0 !important;
}

#bodycontent .rich-calendar-holly {
	background-color: #f5f9fb;
	color: black;
}


#tagesordnungenForm .rich-calendar-exterior,
#protokolleForm .rich-calendar-exterior {
    position: relative !important;
    left: 0px !important;
    top: -50px !important;
}

/* Tagesordnung: Einstellung damit der Kalender in der mobilen Ansicht NICHT umbricht */
@media only screen and (max-width: 767px) {
  body.sub-content-external #bodycontent #tagesordnungpanel table tbody td,
  body.sub-content-external #bodycontent #tagesordnungpanel .contenttable tbody td {
    display: table-cell;
    }
  body.sub-content-external #bodycontent #tagesordnungpanel > form > table > tr > td {
    display: block; } 
}


/* Protokolle: Einstellung damit der Kalender in der mobilen Ansicht NICHT umbricht */
@media only screen and (max-width: 767px) {
  body.sub-content-external #bodycontent #protokolleAuswahlPanel table tbody td,
  body.sub-content-external #bodycontent #protokolleAuswahlPanel .contenttable tbody td {
    display: table-cell;
    }
  body.sub-content-external #bodycontent #protokolleAuswahlPanel > form > table > tr > td {
    display: block; } 
}

/* Sitzungskalender-Export: Einstellung damit der Kalender in der mobilen Ansicht NICHT umbricht */
@media only screen and (max-width: 767px) {
  body.sub-content-external #bodycontent #exportPanel table tbody td,
  body.sub-content-external #bodycontent #exportPanel .contenttable tbody td {
    display: table-cell;
    }
  body.sub-content-external #bodycontent #exportPanel > form > table > tr > td {
    display: block; } 
}

/* Pressespiegel: Einstellung damit der Kalender in der mobilen Ansicht NICHT umbricht */
@media only screen and (max-width: 767px) {
  body.sub-content-external #bodycontent #pressespiegelPanel table tbody td,
  body.sub-content-external #bodycontent #pressespiegelPanel .contenttable tbody td {
    display: table-cell;
    }
  body.sub-content-external #bodycontent #pressespiegelPanel > form > table > tr > td {
    display: block; } 
}

/* Presserecherche: Einstellung damit der Kalender in der mobilen Ansicht NICHT umbricht 
@media only screen and (max-width: 767px) {
  body.sub-content-external #bodycontent #presserecherchePanel table tbody td,
  body.sub-content-external #bodycontent #presserecherchePanel .contenttable tbody td {
    display: table-cell;
    }
  body.sub-content-external #bodycontent #presserecherchePanel > form > table > tr > td {
    display: block; } 
}*/

#bodycontent .tagesordnungLabel {
    font-size: 14px;
    color: #272727;
    margin-bottom: 5px;
    white-space: nowrap;
}


/* Protokolle: Einstellung damit die Ergbenis-Tabelle in der mobilen Ansicht umbricht 
@media only screen and (max-width: 767px) {
#anzeigePanel table tbody td, .contenttable tbody td {
      display: block !important; }
}
*/      

#bodycontent .rich-calendar-cell {
    font-size: 12px !important;
    height: 28px !important;
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}

#bodycontent .rich-calendar-week {
    font-size: 12px !important;
    padding-top: 5px !important;
    padding-bottom: 5px !important;
}

#bodycontent .rich-calendar-weekends {
    padding-bottom: 0px !important;
}

#bodycontent .rich-calendar-tool-close {
    padding-bottom: 0px !important;
}

#bodycontent .rich-calendar-days {
    font-size: 16px !important;
}

#bodycontent .rich-calendar-tool-btn {
    font-size: 14px !important;
}

#bodycontent .rich-tabhdr-cell-active {
	font-weight: bold;
}

#bodycontent .rich-subtable-cell, #bodycontent .rich-table-cell {
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	border: 0.5px solid #c0c0c0;
    font-weight: normal;
}

#pressespiegelErgebnisform .rich-subtable-cell {
	min-width: 40px;
}

@media only screen and (max-width: 767px) {
	#pressespiegelErgebnisform .rich-subtable-cell {
	    display: block !important;
	}
}

#bodycontent .rich-tool-tip {
	background-color: white;
	color: black;
	border: 1px solid #154583;
	display: none;
	float: left;
	font-family: Arial, Verdana, sans-serif;
	font-size: 13px;
	padding: 7px;
	position: absolute;
	white-space: nowrap;
	text-align: left;
}

/* Richfaces Tabellen */
#bodycontent .rich-table-footer {
	background-color: white;
}

#bodycontent .rich-dtascroller-table {
	background-color: white;
	border-color: #154583;
	border-style: solid;
	border-width: 1px;
}

#bodycontent .rich-datascr-button, #bodyconten .rich-datascr-ctrls-separator
	{
	background-color: #154583;
	color: white;
}

#bodycontent .rich-datascr-act {
	color: white !important;
	background-color: #154583;
	border-top-color: #154583;
}

#bodycontent .rich-datascr-inact {
	border-top-color: #E7ECF2;
	color: #5880B4;
}

#bodycontent .rich-datascr-button-dsbld {
	visibility: hidden;
}

#bodycontent .rich-table-subheader {
	background-color: #bcc5d4 !important;
	color: #272727;
	text-align: left;
}

/* richfaces panel */
#bodycontent .rich-panel {
	border-style: none;
}

#bodycontent .rich-panel-header {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif !important;
	font-weight: 500;
	font-size: 18px;
	background: #bcc5d4;
	border-width: 0px;
	color: #272727;
	padding-left: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
}

#bodycontent .rich-panel p {
	font-size: 16px;
	font-family: Georgia, serif;
}

#bodycontent .rich-panel-body {
	font-size: 16px;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif !important;
	padding: 0px;
	line-height: 1.4;
	color: #272727;
}
/* richfaces toolbar + dropdownmenu #5880B4*/
#bodycontent .rich-toolbar td {
	background: #bcc5d4;
	border-width: 0px;
	padding: 5px;
}

#bodycontent .rich-toolbar-item {
	font-weight: normal;
	font-size: 13px;
    background: #bcc5d4;
    color: #ffffff;
}

#bodycontent .rich-label-text-decor, .rich-ddmenu-label-unselect,
	.rich-ddmenu-label-select {
	font-weight: normal;
	font-size: 13px;
	border-width: 0px;
	border-color: transparent;
	background-color: transparent;
	color: #ffffff;
	padding: 0px 0px;
}

#bodycontent .rich-menu-list-bg, .rich-menu-list-border,
	.rich-menu-list-strut {
	background-image: none;
	border-color: transparent;
	background-color: #052A64;
}

#bodycontent .rich-menu-item {
	border-color: transparent;
	background-color: transparent;
}

/* richfaces tree */
#bodycontent .rich-tree-node-highlighted {
	text-decoration: none;
	color: black;
}

#bodycontent .rich-tree-node-selected {
	border-color: #154583;
}

#bodycontent .rich-tree-node-handleicon {
    padding-top: 1px !important;
}

#bodycontent .rich-tree-node-text {
    padding-bottom: 1px !important;
}

#bodycontent .rich-tree-node-children {
    margin-bottom: 10px !important;
}

/* richfaces togglepanel */
#bodycontent .rich-stglpanel-header {
	background-image: none;
	background-color: white;
	border: none;
}

#bodycontent .rich-stglpanel {
	background-color: white;
	border-style: none;
}

#bodycontent .noRowBorders {
	border-bottom-width: 0px;
	border-top-width: 0px;
	border-left-width: 0px;
	border-right-width: 0px;
}

/* richfaces modalpanel*/
.rich-mpnl-mask-div-opaque {
	opacity: 0.4;
}

.rich-mpnl-content {
	border-color: #154583;
}

.rich-mpnl-content table {
	border-color: #154583;
	border-collapse: separate;
	padding: 5px;
	border: none;
}

.rich-mpnl-body {
	padding: 0px;
	border-color: #154583;
}

.rich-mpnl-header {
	font-weight: normal;
	font-size: 14px;
	background: #052A64;
	border-width: 0px;
	color: white;
	padding-left: 5px;
	padding-top: 2px;
	padding-bottom: 2px;
	z-index: 1000;
}

/* Statusmodalpanel (außerhalb #bodycontent) */
#statusModalPanelContentTable {
	border-collapse: separate;
}

#bodycontent .vertical-align-bottom {
	vertical-align: bottom;
}

/* Abstand nach erster Tabellenspalte */
#bodycontent .datatableSummary {
	padding-right: 30px;
	vertical-align: top;
	font-weight: bold;
}
/* Calendar Date Range */
.rich-calendar-boundary-dates-selectedDate {
	background-color: #7abafb !important;
}

.rich-calendar-boundary-dates-selectedBisDate {
	background-color: #BED6F8 !important;
}

.presserechercheSelectionLabel {
    text-align: left;
    vertical-align: middle;
	font-size: 16px;
	font-weight: normal !important;
    background-color: #FFFFFF !important;
}

.presserechercheSelectionSpalte {
    background-color: #FFFFFF !important;
    padding-bottom: 0px;
}

.presserechercheSelectionSpalteChild {
    padding-bottom: 0px;
    padding-left: 0px;
}

.webangebot_vonDatum {
	width: 170px;
	padding-right: 5px;
	float: left;
}

.webangebot_bisDatum {
	width: 170px;
	float: left;
}

.webangebot_calendarLabel {
	padding-right: 5px;
	color: black;
}

.webangebot_searchInputs {
	width: 350px !important;
	font-size: 16px !important;
}

#presserechercheSucheForm\:mediumDropdown {
	height: 90px !important;
}

.pressespiegelLabel {
	color: white !important;
	padding-left: 5px;
	padding-top: 10px !important;
	padding-bottom: 5px !important;
	font-weight: normal !important;
	font-size: 15px !important;
	font-family: Arial,Verdana,sans-serif !important;
}

.rich-extdt-maindiv {
      height: auto !important;
 }
 
.rich-extdt-maindiv, .extdt-innerdiv {
     position: relative !important;
}

.extdt-outerdiv {
     height: auto !important;
     overflow: hidden !important;
}
.extdt-content {
     height: auto !important;
     max-height: 200px;
}
.extdt-subheader {
	display: none;
}

#bodycontent .wochenliste-cell {
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 5px;
    border-left-width: 0px;
    border-right-width: 0px;
    border-bottom: 0.5px solid #c0c0c0;
    font-weight: normal;
    font-family: "Segoe UI";
}

#bodycontent .table-odd-row
{
    background-color: #F6F6F6  !important;
}

#bodycontent .table-even-row
{
    background-color: #FFF  !important;
}

#bodycontent .rich-tree-node-text {
    font-weight: normal !important;
}

#vorgangsanzeigeForm .drucksache {
    font-family: Georgia, serif; 
    font-size: 22px; 
    font-weight: 500;
    float: left; 
    color:#002771;
    margin-bottom: 0px; 
}

#vorgangsanzeigeForm .downloadText {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif !important;
    font-size: 16px; 
    font-weight: normal;
    color:#002771;
    margin-left: 5px; 
    margin-right: 10px; 
    margin-bottom: 0px;
    text-decoration: underline;
    white-space: nowrap;
    line-height: 1.4;
}

#vorgangsanzeigeForm .betreff {
    display: inline-table;
    font-family: Georgia, serif; 
    font-size:18px; 
    font-weight: 600;
    width: 97%; 
    float: left; 
    color:#272727; 
}

#vorgangsanzeigeForm .vorgangDownloadlink {
    white-space: nowrap;
}

#vorgangsanzeigeForm .vorgangImage {
    height: 16px; 
    width: 16px; 
    margin-right: 5px;
}

#bodycontent .whiteBackground {
    background-color: #FFF;
    padding: 10px;
}


/*
@media only screen and (max-width: 767px) {
    table thead, .contenttable thead {
      display: inline-flex !important; }
    table tbody td, .contenttable tbody td {
      display: inline-flex !important;
      padding-top: 0;
      padding-bottom: 0;
      }  
}

.rich-tree-h-ic-img, .rich-tree-node-handleicon-collapsed, .rich-tree-node-handleicon-expanded {
	display: block !important;
}
*/