@charset "utf-8";

table, textarea, input {
	font-size: 14px !important;
}

.leveltitle, .div_login h3, #navileft h3, html body main div.outer-container.backcolor-none div.container.bottom-margin div#navileft ul#navileft_menu div.menurim h2.leveltitle a
	{
	font-size: 20px;
	margin-bottom: 0;
	padding-bottom: 0;
	color: #404040;
}

@media only screen and ( min-width: 767px ) {
	html body main div.outer-container.breadcrumb-container div.container p#breadcrumbs,
		html body main div.outer-container.backcolor-none div.container.bottom-margin div#navileft ul#navileft_menu
		{
		margin-left: 15px;
	}
}

.bottom-margin {
	height: auto;
	margin: auto;
	min-height: 200px;
	padding: 0;
}

#content {
	float: right;
	padding: 0;
	width: calc(100% - 250px);
}

#navileft {
	float: left;
	width: 200px;
}

#navileft ul {
	display: block;
	list-style-type: none;
	padding: 0;
	margin: 0;
}

#navileft h2 {
	margin-bottom: 0;
}

#navileft ul li a {
	color: #111;
}

#navileft ul li ul {
	padding-left: 1px;
}

#navileft ul li ul li a {
	padding-left: 0;
}

#navileft ul li ul li ul li a {
	padding-left: 10px;
	display: block;
}

#breadcrumbs {
	list-style: none;
	padding: 0;
	margin: 0;
}

#breadcrumbs li:first-child:before {
	padding-right: 0;
	display: none;
}

#breadcrumbs li {
	float: left;
	padding-left: 15px;
}

@media only screen and ( max-width: 767px ) {
	#breadcrumbs li {
		padding-left: 0px;
		padding-right: 10px;
	}
}

#breadcrumbs li:before {
	content: "•";
	padding-right: 0.5em;
}

.menurim, .container-login {
	padding: 0 !important;
}

.div_login {
	margin-top: 20px;
	display: block;
	line-height: normal;
}

.div_login .button {
	margin: 0;
}

.div_login label {
	display: block;
}

html body main div.outer-container.breadcrumb-container div.container {
	padding: 0;
}

.paging .paging-icon {
	height: 16px;
	margin-top: 3px;
}

h3.personen-details {
	color: #777777;
	font-weight: bold;
	font-size: 16.8px;
}

ul.tablist li a.active, ul.tablist li a.active:hover {
	height: 29px;
}

#loginForm {
	margin: 0;
}

#exakt {
	margin-bottom: 0.9em;
}

#rimcontent.content-3col ul li {
	margin-left: 10px;
}

.vorlagen-number-info {
	padding-left: 12em;
}

span.pointer {
	margin-bottom: 0;
}

ul.tablist li a.active, ul.tablist li a.active:hover {
	padding-top: 5px;
	background-color: #fff;
}

ul.tablist li a, ul.tablist li a.inactive {
	height: 23px;
	padding: 1px 0.4em 0;
}

.sdnetrim-member-picture {
	width: 25%;
}

#rimcontent.content-3col {
	display: block;
	margin-right: 220px;
}

#right {
	width: 200px;
	float: right;
	height: auto;
	margin-top: 0;
	margin-left: 0;
}

#right h3 {
	font-size: 1.5em;
	margin-top: 0;
	margin-bottom: .8em;
}

#right h4 {
	font-size: 1em;
	font-weight: 600;
	margin-top: 0px;
}

.div_news_item {
	margin-bottom: .9em;
}

#recherche-help-inner p, #recherche-help-inner ul {
	margin: 0;
	padding: 0;
}

.paging-pagesize select {
	width: 50px;
}

#rimcontent th, #rimcontent td {
	border-color: #CCC !important;
}

td.column-leiter, .gremien-details-table-nenndaten th {
	white-space: normal;
}

@media only screen and ( max-width: 1023px ) {
	#personen-privat-freigaben th, #personen-dienstlich-freigaben th {
		white-space: normal;
	}
}

div#sst-calendar .fc-header-center .fc-header-title h2 {
	display: block;
	font-size: 1em;
}

.news-header {
	margin-bottom: 0 !important;
}

h2, .h2 {
	font-size: 25px;
}

.span-filter a, span.personen-letters {
	width: 1.2em;
	padding: .1em 0em;
}

.span-filter {
	margin-bottom: 0.2em;
}

.column-dokument {
	min-width: 80px;
}

.table-top .column-dokumente {
	min-width: 125px;
}

#export-link {
	white-space:normal;
}

#p-export-link {
	word-wrap:break-word;
}

.fc-button {
	height: 30px !important;
	padding: 0 10px;
}

.profil-editor p {
	margin: 0;
}

@media only screen and ( max-width: 920px ) and ( min-width: 768px ) {
	.fc-button {
		padding: 0 5px;
	}
}

@media only screen and ( max-width: 640px ) and ( min-width: 571px ) {
	.fc-button {
		padding: 0 5px;
	}
}

/* +++++++ Akte / Fraktionsarbeit +++++++ */
.sst-jstree, .sst-jstr, .jstree-contextmenu, #akten-group-members,
	#akten-all-members {
	font-size: 13px;
}

#akten-group-members, #akten-all-members {
	width: 250px;
}

@media only screen and ( max-width: 580px ) {
	.append-size {
		display: none;
	}
	.append-size-resp {
		display: inline-block;
	}
	.jstree-append .append-date {
		margin-left: 5px;
	}
}

@media only screen and ( max-width: 480px ) {
	.append-size, .append-date {
		display: none;
	}
	.append-size-resp, .append-date-resp {
		display: inline-block;
	}
	.jstree-append .append-groups, .jstree-append .append-name {
		margin-left: 0px;
	}
}

@media only screen and ( max-width: 991px ) {
	/* +++++++ HEADER +++++++++ */
	#headerinner {
		border-right: 0px solid #fff;
		margin-left: -10px;
	}
	#head960px {
		position: relative;
		width: 100%;
	}
	#logo {
		margin-left: 10px;
	}
	#suche {
		margin-right: 10px;
	}
	#navitop {
		margin-right: 10px;
	}

	/* +++++++ MITTE ++++++++ */
	.bottom-margin {
		margin: 0 10px;
	}
}

@media only screen and ( max-width: 910px ) {
	#navitop {
		float: right;
		padding: 0;
	}
	#navitop_navi {
		float: left;
	}
	#headerimage {
		overflow: hidden;
	}
}

@media only screen and ( max-width: 767px ) {
	#content {
		width: 100%;
		margin-left: 0;
	}
	#navileft h2:hover, .div_login h3:hover {
		cursor: pointer;
	}
	ul.subnavigation {
		width: 100%;
	}
	.form-login .button {
		margin: 0;
	}
	#bread {
		margin-bottom: 9px;
	}
}

@media only screen and ( max-width: 767px ) {
	#navileft {
		display: none;
	}
}

@media only screen and ( max-width: 635px ) {
	ul#navileft_menu {
		width: 100%;
	}
}

@media only screen and ( max-width: 600px ) {
	#headerimage>img {
		top: 50px;
	}
}

@media only screen and ( max-width: 910px ) and ( min-width: 541px ) {
	#headerinner {
		height: 143px;
		top: 0;
	}
	#navitop {
		clear: both;
	}
}

@media only screen and ( max-width: 815px ) {
	#netviewer {
		display: none;
		visibility: hidden;
	}
	#footergrau {
		text-align: left;
	}
	#right {
		float: none;
		width: 100%;
		margin-left: 0;
	}
}

@media only screen and ( max-width: 767px ) {
	#headerimage {
		height: 143px;
		top: 0;
		visibility: hidden;
	}
}

@media only screen and ( max-width: 600px ) {
	#suche>div>form>p:first-child>input {
		width: 130px;
	}
}

@media only screen and ( max-width: 540px ) {
	ul#navi {
		display: none;
		background-color: #fff;
		position: absolute;
		width: 210px;
		right: 0;
		left: 10px;
		overflow: hidden;
	}
	ul#navi li {
		width: 90px;
	}
	#navitop_navi {
		height: 47px;
	}
	#navitop_navix {
		display: none;
	}
	#headerimage {
		height: 143px;
		visibility: hidden;
	}
	#headerinner {
		height: 143px;
		top: 0;
	}
	#suche {
		clear: both;
		margin-top: 0;
	}
	#navitop {
		clear: none;
	}
	#logo {
		float: none;
	}
}

@media only screen and ( max-width: 479px ) {
	#right {
		float: none;
		width: 100%;
		margin-left: 0;
	}
	#rimcontent.content-3col {
		margin-right: 0;
	}
	div#startseite-right {
		float: none;
		width: 100%;
	}
	div#startseite-left {
		width: 100%;
		margin-left: 0;
	}
}

.input-einstellungen {
	width: 40em;
}

@media only screen and ( max-width: 980px ) {
	.input-einstellungen {
		width: 28em;
	}
}

/*  spez. RIM-Layout */
@media only screen and ( max-width: 985px ) and ( min-width: 801px ) {
	form#kontaktForm input[type=text], form#kontaktForm textarea {
		width: 250px;
	}
	#right {
		float: none;
		width: 100%;
		margin-left: 0;
	}
	
	#rimcontent.content-3col {
		margin-right: 0;
	}
}

@media only screen and ( max-width: 985px ) {
	#right h3 {
		margin-top: 30px;
	}
}

@media only screen and ( max-width: 930px ) {
	#einstellungenEditForm #bezeichnung, #einstellungenEditForm  #einstellung {
		width: 28em;
	}
}

@media only screen and ( max-width: 930px ) and ( min-width: 801px ) {
	form#einstellungenSearchForm input#terms_einstellungen {
		width: 200px;
	}
	
	#terms {
		width: 24em;
	}
}

@media only screen and ( max-width: 815px ) and ( min-width: 768px ) {
	#vorlagenForm label.form, #bakForm label.form {
		float: none;
	}
	
	label.form[for=exakt] {
		float: left;
	}
	
	.vorlagen-number-info, .bak-nummer-info {
		padding-left: 0;
	}
}

@media only screen and ( max-width: 700px ) {
	div#div-tabbody-einstellungen input[type=text], span#einstellung-profil_container table.mceLayout
		{
		width: 300px !important;
	}
	form#einstellungenSearchForm input#terms_einstellungen {
		width: 225px;
	}
}

@media only screen and ( max-width: 600px ) {
	form#kontaktForm input[type=text], form#kontaktForm textarea {
		width: 250px;
	}
}

@media only screen and ( max-width: 600px ) and ( min-width: 571px ) {
	#terms {
		width: 22em;
	}
}

@media only screen and ( max-width: 570px ) {
	.vorlagen-number-info, .bak-nummer-info {
		padding-left: 0;
	}
	#rechercheForm label.form, #vorlagenForm label.form, #bakForm label.form
		{
		float: none;
	}
	#rechercheForm label.form[for=exakt], #vorlagenForm label.form[for=exakt]
		{
		float: left;
	}
	label.baktyp, #rechercheForm label.doktyp {
		height: auto;
	}
	div#sst-calendar .fc-header td {
		display: block;
		width: auto;
		text-align: center;
	}
}

@media only screen and ( max-width: 520px ) {
	form#einstellungenSearchForm label[for=terms_einstellungen] {
		float: none;
	}
	form#einstellungenSearchForm .einstellunen-suche-checkboxen {
		margin-left: 0;
	}
	form#searchForm input#terms_anmeldestatistik {
		width: 300px;
	}
}

@media only screen and ( max-width: 460px ) {
	div#recherche-help-inner {
		top: 110px;
		width: 75%;
		left: 7%;
	}
	div.sst-dialog-inner {
		width: 95%;
		min-width: 350px;
		max-width: 460px;
	}
}

@media only screen and ( max-width: 460px ) {
	div#div-tabbody-einstellungen input[type=text], span#einstellung-profil_container table.mceLayout
		{
		width: 150px !important;
	}
	div#div-tabbody-einstellungen label[for=einstellung-profil] {
		display: block;
		height: auto;
	}
	div.div-einstellung-ir {
		margin: 0;
	}
}

@media only screen and ( max-width: 400px ) {	
	#personen-privat.image-shown, #personen-dienstlich.image-shown, #personen-aktionen.image-shown {
		width: 100%;
	}

	form#einstellungenSearchForm input#terms_einstellungen {
		display: block !important;
		float: none !important;
	}
	form#searchForm input#terms_anmeldestatistik {
		width: 250px;
	}
}

@media only screen and ( max-width: 340px ) {
	input#terms {
		max-width: 225px;
	}
}

@media only screen and ( max-width: 910px ) and ( min-width: 541px ) {
	#headerinner {
		height: 143px;
		top: 0;
	}
	#navitop {
		clear: both;
	}
}

@media only screen and ( max-width: 990px ) {
	#rimcontent.content-3col {
		margin-right: 0px;
	}
	html body main div.outer-container.breadcrumb-container div.container {
		padding-left: 10px;
	}
}

h3.personen-details {
	color: #777777;
	font-size: 14px;
}

label.form {
	margin-bottom: 0.2em;
}

#sst-dialog .button {
	margin-left: 0;
}










/* ########## ML-Anpassungen ########## */

/* Basic */
header .navbar > .container .navbar-brand {
	background: url(../images/sternberg_logo.png );
	background: url(../images/custom/wappen-stadt-moers.png );
		background-size: auto;
	width: 240px;
	height: 80px !important;
	background-size: 240px 80px;
	margin: 15px 0px;
	background-repeat: no-repeat !important;
}

main .slider .slide > div.container { 
	margin-top: 165px;
}

main .slider .slide > div.container .slide-content { 
	background-color: rgba(0,0,0,0.6);
}

.table-data th,
.table-details th { 
	white-space: normal;
}

footer {
	background-color:#222;
}

footer a,
footer a:hover {
	color:#777;
}

header {
	background-color: rgba(255,255,255,.8);
}

header.menu-visible .nav ul {
	padding: 0 0 10px;
}

.targets {
	position: fixed;
	z-index: 9999;
	top: -5000px;
	left: -5000px;
}





/* Navigation */
.schrift a,
#rimcontent a,
#rimcontent a span,
#navileft_menu a:hover,
#menu-hauptmenue a:hover,
#navileft_menu a.aktiv,
#menu-hauptmenue a.aktiv,
#breadcrumbs a:hover,
#rimcontent th a:hover { 
	color: #990a14;
	text-decoration: underline !important;
}

.schrift a:hover,
#rimcontent a:hover,
#rimcontent a span:hover,
#navileft_menu a.aktiv:hover,
#menu-hauptmenue a.aktiv:hover,
#breadcrumbs a,
#navileft_menu a,
#menu-hauptmenue a,
#rimcontent th a { 
	color: #990a14;
	text-decoration: none !important;
}

#rimcontent .app a.button,
#rimcontent .tablist a { 
	color:#404040 !important;
	text-decoration: none !important;
}

#rimcontent span.fa-icon,
#rimcontent .app a i::before {
	color:#545454;
	text-decoration: none !important;
}

#sst-calendar a,
#sst-calendar a span,
#sst-calendar a:hover,
#sst-calendar a span:hover { 
	color:#404040;
	text-decoration: none !important;
}

#sst-calendar a span.span_hinweis { color:#900; }

li.sdnetrim-menu-li-level1::before { 
	content:'- ';
	float:left;
	margin-left:0px !important;
	margin-right:0px !important;
	color:#404040;
}

.sub-menu ul.sdnetrim-menu-ul-level1 { 
	padding-top:0;
}

.sub-menu li.sdnetrim-menu-li-level1::before { 
	margin-left:-10px !important;
}

header.menu-visible a,
header.menu-visible a.aktiv,
header.menu-visible a.aktiv:hover,
header.menu-visible a.aktiv:focus,
header.menu-visible a.aktiv:active,
header.menu-visible p,
header.menu-visible h3 { 
	color: #404040 !important;
}

#menuprivate,
#menuadmin,
#menufraktion {
	padding:0;
}

span.pointer:hover {
	opacity:.6;
}

span.pointer-recherche:hover,
span.einstellungen-container:hover,
span.span-add-container:hover,
a#startseite-info:hover {
	cursor:  context-menu;
}





/* Content */
html body header.menu-visible nav.navbar.navbar-default div.container div.hidden-sm.hidden-md.hidden-lg div.navbar-collapse.navbar-main-collapse.collapse.in ul#menu-hauptmenue.nav.navbar-nav.navbar-right li#menu-item-14.menu-item.menu-item-type-post_type.menu-item-object-page.current-menu-item.page_item.page-item-8.current_page_item.menu-item-has-children.menu-item-14 ul.sub-menu div.div_login { 
	color: #404040;
}

header.menu-visible { 
	background-color: rgb(255, 255, 255, 1.0);
}

#recherche-help-frame,
#sst-dialog,
#termine-form-frame { 
	z-index:99999999999 !important;
	overflow-y: auto;
}

#recherche-help-inner,
.sst-dialog-inner,
#termine-form-inner {
	margin-top: 0px !important;
	left: 10% !important;
	top: 3em !important;
	width: 80% !important;
	z-index:99999999999 !important;
}

#recherche-help-inner,
#termine-form-inner {
	left: 20% !important;
	width: 60% !important;
}

.sst-dialog-inner {
	left: 25% !important;
	width: 50% !important;
	max-width: 50% !important;
}

#CalendarPickerControl {
	height:auto !important;
	width:auto !important;
	border:1.5px solid #404040;
}

#CalendarPickerControl td { 
	text-align:center !important;
}

#CalendarPickerControl td { 
	padding:.66em;
}

#CalendarPickerControl table.calframe,
#CalendarPickerControl table.navigation { 
	margin-bottom: 0;
}

#CalendarPickerControl td.monthname,
#CalendarPickerControl td.weekday,
#CalendarPickerControl td.dayname,
#CalendarPickerControl td.weekend { 
	background-color:#d2d2d2 !important;
}

#CalendarPickerControl td.monthname:hover,
#CalendarPickerControl td.weekday:hover,
#CalendarPickerControl td.day:hover,
#CalendarPickerControl td.dayname:hover,
#CalendarPickerControl td.weekend:hover { 
	background-color:#d2d2d2 !important;
}

#CalendarPickerControl td.current { 
	background-color: #990a14;
	color:#fff;
}

span.rssfeed span:hover { 
	text-decoration:underline;
}

.sst-table-container { 
	width:auto;
	margin-bottom:.5em;
}

#personen-aktionen.image-shown,
#personen-dienstlich.image-shown,
#personen-privat.image-shown { 
	width: 90%;
}

.paging-pagesize { 
	float: none !important;
}

legend { 
	font-weight:bold;
	width: auto;
	font-size: inherit;
}

.newsbar-text a { 
	text-transform: capitalize;
}

hr.cr-left.hidden {
	display: none;
}

.app .level-0 > div,
.app li.folder > div,
.app li.file > div {
	line-height: 3em !important;
}

span span.statistik-loeschen {
	margin: 1em 0;
}

.div_login h3 {
	margin-bottom: .5em !important;
}





/* Forms */
.paging-pagesize select { 
	width:auto;
}

#loginForm input.input-short { 
	width: 50%;
}

#loginForm { 
	width: 75%;
}

input.input-short { 
	width: 6em;
}

input[type='text'],
input[type='password'],
input[type='url'],
input[type='tel'],
input[type='email'],
input[type='date'],
input[type='number'],
input[id='DPC_to'],
input[id='DPC_from'],
select,
textarea,
.textarea-standard,
.input-short,
.input-standard,
.trumbowyg {
	border: 1px solid #ccc;
	padding:3px !important;
	width:62.5% !important;
	height:auto !important;
	line-height:inherit !important;
}

.trumbowyg {
	padding:0 !important;
}

input[type='date'],
input[type='number'],
input[id='DPC_to'],
input[id='DPC_from'],
.input-short {
	width:31.25% !important;
}

#navileft .div_login input[type='text'],
#navileft .div_login input[type='password'] {
	width:80% !important;
}

input[type='submit'],
input[class^='button'] {
	border:1px solid #990a14 !important;
	padding:.4em .75em !important;
	width:auto !important;
	background-color: #990a14 !important;
	color:#fff !important
}

input[type='submit']:hover,
input[class^='button']:hover {
	background-color: #ffd536 !important;
	color:#990a14 !important
}

select[multiple='multiple'] { /* modal > Element hinzufügen */
	min-height:auto !important;
	height:auto !important;
}

select#add-type { 
	margin-bottom:1rem;
}

label.form {
	padding-left: 0;
}

label.form-contact {
	padding-top: 0;
	text-align: left;
}

form.person-einstellungen input.input-standard,
form.person-einstellungen .trumbowyg {
	width:77.5% !important;
}

#allowsend {
	margin-left: 0;
}

form#kontaktForm .input-standard,
form#kontaktForm .textarea-standard {
	width:55% !important;
}

select.fc-button {
	width:auto !important;
}





/* Responsive */
@media only screen and ( max-width: 1200px ) {
	table.fc-header td.fc-header-left,
	table.fc-header td.fc-header-right,
	table.fc-header td.fc-header-center {
		width:100% !important;
		display: block;
		text-align: center;
	}

	table.fc-header td.fc-header-center h2 { 
		margin-bottom: 0.5em;
		padding-bottom: 0em;
	}

	table.fc-header td.fc-header-left .fc-button { 
		margin-bottom: 0em;
	}
}
@media only screen and (max-width: 1024px) {
	table.fc-header td.fc-header-left,
	table.fc-header td.fc-header-right,
	table.fc-header td.fc-header-center { 
		border:none !important;
	}

	#loginForm input.input-short { 
		width:50%;
	}

	#loginForm { 
		width: auto;
	}
	
	#content {
		float: right;
		padding: 0;
		width: calc(100% - 225px);
	}
}
@media only screen and ( max-width: 767px ) {
	#content {
		float: none;
		width: 100%;
	}

	.sst-dialog-inner { 
		overflow: auto !important;
	}

	#recherche-help-inner,
	#termine-form-inner,
	.sst-dialog-inner { 
		width: 95% !important;
		max-width: 95% !important;
		top: 1em !important;
		left: 2.5% !important;
	}

	#startseite-right,
	#startseite-left { 
		width:100% !important;
		clear: right;
	}

	.container > .navbar-header,
	.container-fluid > .navbar-header,
	.container > .navbar-collapse,
	.container-fluid > .navbar-collapse { 
		margin-left: -5px;
	}

	input[type='text'],
	input[type='password'],
	input[type='url'],
	input[type='tel'],
	input[type='email'],
	input[type='date'],
	input[type='number'],
	input[id='DPC_to'],
	input[id='DPC_from'],
	select,
	textarea,
	.textarea-standard,
	.input-short,
	.input-standard,
	.trumbowyg {
		width:66% !important;
	}

	input[type='date'],
	input[type='number'],
	input[id='DPC_to'],
	input[id='DPC_from'],
	.input-short {
		width:33% !important;
	}

	form#kontaktForm .input-standard,
	form#kontaktForm .textarea-standard {
		width:55% !important;
	}

	#menu-hauptmenue .div_login input[type='text'],
	#menu-hauptmenue .div_login input[type='password'] {
		width:50% !important;
	}
}
@media only screen and ( max-width: 570px ) {
	input[type='text'],
	input[type='password'],
	input[type='url'],
	input[type='tel'],
	input[type='email'],
	input[type='date'],
	input[type='number'],
	input[id='DPC_to'],
	input[id='DPC_from'],
	select,
	textarea,
	.textarea-standard,
	.input-short,
	.input-standard,
	.trumbowyg {
		width:97.5% !important;
	}

	input[type='date'],
	input[type='number'],
	input[id='DPC_to'],
	input[id='DPC_from'],
	.input-short {
		width:50% !important;
	}

	form#kontaktForm .input-standard,
	form#kontaktForm .textarea-standard {
		width:97.5% !important;
	}
}