/* ---- MODAL Z-INDEX BOOTSTRAP OVERRIDE ---- */
.modal {
    z-index: 1001050 !important;
}


/* ---- AUSBLENDUNGEN ---- */
.flexnav, .suche_mobile, .navbar_mobile {
	222display: none;
}


/* ---- BOOTSTRAP OVERRIDE  ---- */
[class^=col] {
  border: 0px solid white;
}


.panel-default,
.panel-default > .panel-heading {
  border-color: #e4e4e4;
}


.panel-footer {
    border-top: 1px solid #e4e4e4; 
}


.table-bordered {
	border: 1px solid #e4e4e4 !important;
}


.table-bordered > thead > tr > th, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > td {
    border: 1px solid #e4e4e4;
}


* {
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
}


/* ---- GENERELL ---- */


html {
	222overflow-x: hidden !important;
	}
* {
	outline: none;
}
.no_border { 
	border: none !important;
}
body {
	margin: 0px;
	padding: 0px;
	color: #4e4e4e !important;
   background: #ffffff;
   overflow-x: hidden;
}
body.main_menu_container_overlay_active {
   222overflow: hidden;
   222height: 100%;
   /*position: fixed; */
   222top: 0;
	222right: 0;
	222bottom: 0;
	222left: 0;
}


.all_content {
   position: absolute;
   top: 0px;
   left: 0px;
   width: 100%;
}
#content_beginn {
	margin-top: 70px;
}




h1 {
	font-family: "PT_Sans-Web-Regular", Arial, Helvetica, sans-serif;
	font-weight: 400;
}
.fullwidth, .container_fullwidth {
	width: 100%;
}


/* -- Abstaende -- */
.abstand_unten_30px {
	margin-bottom: 30px !important;
}


/* ---- NOSCRIPT ---- */
noscript div {
	margin: 30px 30px 50px 30px;
	text-align: center;
	background-color: #fcf8e3;
	color: #000000;
	}
noscript div h4 {
	line-height: 1.3em;
	}


/* ---- FONTS ---- */
@font-face { font-family: 'Museo_Slab_500'; 
	src: 
	url('../font/Museo_Slab_500.eot'); 
	src: 
	url('../font/Museo_Slab_500.eot?#iefix') format('eot'), 
	url('../font/Museo_Slab_500.woff') format('woff'), 
	url('../font/Museo_Slab_500.woff2') format('woff2'), 
	url('../font/Museo_Slab_500.ttf') format('truetype'), 
	url('../font/Museo_Slab_500.otf') format('otf'), 
	url('../font/Museo_Slab_500.svg') format('svg');
	}
@font-face { font-family: 'PT_Sans-Web-Regular'; 
	src: 
	url('../font/PT_Sans-Web-Regular.eot'); 
	src: 
	url('../font/PT_Sans-Web-Regular.eot?')  format('eot'),
	url('../font/PT_Sans-Web-Regular.woff') format('woff'), 
	url('../font/PT_Sans-Web-Regular.woff2') format('woff2'), 
	url('../font/PT_Sans-Web-Regular.ttf') format('truetype'), 
	url('../font/PT_Sans-Web-Regular.otf') format('otf'), 
	url('../font/PT_Sans-Web-Regular.svg') format('svg'); 
	}
@font-face { font-family: 'PT_Sans-Web-Bold';
	src: 
	url('../font/PT_Sans-Web-Bold.eot'); 
	src: 
	url('../font/PT_Sans-Web-Bold.eot?')  format('eot'), 
	url('../font/PT_Sans-Web-Bold.woff') format('woff'), 
	url('../font/PT_Sans-Web-Bold.woff2') format('woff2'), 
	url('../font/PT_Sans-Web-Bold.ttf') format('truetype'), 
	url('../font/PT_Sans-Web-Bold.otf') format('otf'), 
	url('../font/PT_Sans-Web-Bold.svg') format('svg'); 
	}	
@font-face { font-family: 'PT_Sans-Web-Italic'; 
	src: 
	url('../font/PT_Sans-Web-Italic.eot'); 
	src: 
	url('../font/PT_Sans-Web-Italic.eot?')  format('eot'), 
	url('../font/PT_Sans-Web-Italic.woff') format('woff'), 
	url('../font/PT_Sans-Web-Italic.woff2') format('woff2'), 
	url('../font/PT_Sans-Web-Italic.ttf') format('truetype'), 
	url('../font/PT_Sans-Web-Italic.otf') format('otf'), 
	url('../font/PT_Sans-Web-Italic.svg') format('svg'); 
	}	
@font-face { font-family: 'PT_Sans-Web-Bolditalic'; 
	src: 
	url('../font/PT_Sans-Web-BoldItalic.eot'); 
	src: 
	url('../font/PT_Sans-Web-BoldItalic.eot?')  format('eot'), 
	url('../font/PT_Sans-Web-BoldItalic.woff') format('woff'), 
	url('../font/PT_Sans-Web-BoldItalic.woff2') format('woff2'), 
	url('../font/PT_Sans-Web-BoldItalic.ttf') format('truetype'), 
	url('../font/PT_Sans-Web-BoldItalic.otf') format('otf'), 
	url('../font/PT_Sans-Web-BoldItalic.svg') format('svg'); 
	}
@font-face { font-family: 'stadt_herne_webfont';
	src: 
	url('../font/stadt_herne_webfont.ttf');
	}



/* ---- SPRUNGMARKEN (unsichtbar) nur fuer TAB-Navigation ---- */
.sprunglinks_unsichtbar {
	font-size: 12px;
  position:absolute;
  top:auto;
  left:-10000px;
  width:1px;
  height:1px;
  overflow:hidden;
	z-index: 5000;
}
.sprunglinks_unsichtbar:focus {
  left: 10px;
	top:30px;
	padding:  2px 5px;
  width:auto;
  height:auto;
	background-color: #ffffdd;
	border: 1px solid #000000;
	font-weight: bold;
}
a.sprunglinks_unsichtbar:link {
	color: #000000;
	text-decoration: none;
}
a.sprunglinks_unsichtbar:visited {
	color: #000000;
	text-decoration: none;
}
a.sprunglinks_unsichtbar:hover {
	color: #000000;
	text-decoration: none;
}
a.sprunglinks_unsichtbar:active {
	color: #000000;
	text-decoration: none;
}
a.sprunglinks_unsichtbar:focus {
	color: #000000;
	text-decoration: none;
}


/* ---- HEADER ---- */
/* -- Logo -- */
.container_logo {
	margin-top: 15px;
}
.container_logo .box_logo {
	margin-top: 22px;
	margin-bottom: 0px;
	width: 239px;
	height: 29px;
}
.container_logo .box_logo a:focus {
	outline: 1px dotted black;
}
/* -- Box Header Right -- */
/* -- Spracheauswahl -- */
.box_header_right {
	margin-top: 18px;
	float: right;
	height: 33px;
}
.box_header_right .box_sprache {
	display: inline-block;
	color: #000000;
	margin-right: 10px;
	margin-top: 3px;
	vertical-align: top;
}
.box_header_right .box_sprache a:link {
	color: #000000;
	text-decoration: none;
}
.box_header_right .box_sprache a:visited {
	color: #000000;
	text-decoration: none;
}
.box_header_right .box_sprache a:hover {
	color: #7e7e7e;
	text-decoration: underline;
}
.box_header_right .box_sprache a:active {
	color: #7e7e7e;
	text-decoration: underline;
}
.box_header_right .box_sprache a:focus {
	color: #7e7e7e;
	text-decoration: underline;
}
/* -- Suche -- */
.box_header_right .box_suche {
	display: inline-block;
	white-space: nowrap; 
	margin-left:auto;
	margin-right:auto;
	border: 1px solid #e4e4e4;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	overflow:hidden;
}
.box_header_right .box_suche input {
	width: 239px;
	color: black;
	font-size: 14px;
	padding-left: 10px;
	padding-right: 10px;
	line-height: 14px;
	border: none;
}
.box_header_right .box_suche .input_suche {
	display: inline-block;
	height: 26px;
	vertical-align: top;
	font-family: "PT_Sans-Web-Regular", Arial, Helvetica, sans-serif;
}
.box_header_right .box_suche .btn_suche {
	display: inline-block;
	height: 26px;
	width:  28px;
	vertical-align: top;
	border-left: 1px solid #e4e4e4;
}
.box_header_right .box_suche .btn_suche .input_submit {
	background-image: url('../images/suche_lupe.png');
	background-position: 0px 0px;
	background-repeat: no-repeat;
	width: 28px;
	height: 26px;
	border: 0px;
	background-color: #f5f5f5;
	cursor: pointer;
	outline: 0;
}
.box_header_right .box_suche .btn_suche .input_submit:hover {
	background-image: url('../images/suche_lupe_hi.png');
}
.box_header_right .box_suche .btn_suche .input_submit:focus {
	background-image: url('../images/suche_lupe_hi.png');
}



/* ---- BREADCRUMBS ---- */
.container_breadcrumbs_outer {
	margin-top: 1px !important; /* 1px fuer Ueberlappung */ 
	background: #f6f6f6 url("../images/container_breadcrumbs_hg_oben.png") no-repeat center top;  
	border-top: 1px solid #e4e4e4; 
	border-bottom: 1px solid #e4e4e4; 
	margin-bottom: 32px;
}
.container_breadcrumbs {
	background: url("../images/container_breadcrumbs_hg_unten.png") no-repeat center bottom;
}
.container_breadcrumbs_inner {
	font-family: "Museo_Slab_500", "Times New Roman", Times, serif;
	color: #686868;
	font-size: 14px;
	padding-left: 1px;
	padding-top: 11px;
	padding-bottom: 9px;
}
.breadcrumbs_link a:link {
	color: #686868;
	text-decoration: none;
}
.breadcrumbs_link a:visited {
	color: #686868;
	text-decoration: none;
}
.breadcrumbs_link a:hover {
	color: #000000;
	text-decoration: underline;
}
.breadcrumbs_link a:active {
	color: #000000;
	text-decoration: underline;
}
.breadcrumbs_link a:focus {
	color: #000000;
	text-decoration: underline;
}
.breadcrumbs_locator {
	color: #000000;
	font-size: 17px;
}


/* ---- SCHMUCKLEISTEN (Portalseiten) ---- */
.container_schmuckleiste_oben, .container_schmuckleiste_unten {
	background: #f6f6f6 url("../images/container_breadcrumbs_hg.png") no-repeat center top;
	border-top: 1px solid #f0f0f0;
	border-bottom: 1px solid #e4e4e4;
	min-height: 46px;
}
.container_schmuckleiste_oben {
	margin-top: 11px;
	margin-bottom: 0px;
}
.container_schmuckleiste_unten {
	margin-top: 0px;
	margin-bottom: 32px;
}


/* ---- MAIN CONTENT ---- */
.main_content {
	font-family: "PT_Sans-Web-Regular", Arial, Helvetica, sans-serif;
	color: #4e4e4e;
	font-size: 15px;
	line-height: 1.25em;
	margin-bottom: 30px;
}
.main_content h1 {
	font-family: "Museo_Slab_500", "Times New Roman", Times, serif;
	color: #000000;
	font-size: 23px;
	line-height: 1.25em;
	margin-top: 0px;
	margin-bottom: 22px;
}
.main_content h2 {
	font-family: "Museo_Slab_500", "Times New Roman", Times, serif;
	color: #000000;
	font-size: 20px;
	line-height: 1.25em;
	margin-top: 22px;
	margin-bottom: 14px;
}
.main_content h3 {
	font-family: "Museo_Slab_500", "Times New Roman", Times, serif;
	color: #000000;
	font-size: 18px;
	line-height: 1.25em;
	margin-top: 24px;
	margin-bottom: 2px;
}
.main_content .nebentitel {
	font-family: "PT_Sans-Web-Regular", Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 14px;
	line-height: 1.25em;
	margin-bottom: 5px;
}
.main_content .accordion h3 {
	font-family: "Museo_Slab_500", "Times New Roman", Times, serif;
	color: #4e4e4e;
	font-size: 16px;
	line-height: 1.25em;
	margin-top: 0px;
	margin-bottom: 18px;
}
.main_content strong, .main_content b {
	font-family: "PT_Sans-Web-Bold", Arial, Helvetica, sans-serif;
	font-weight: normal;
}
.main_content em {
	font-family: "PT_Sans-Web-Italic", Arial, Helvetica, sans-serif;
	font-style:normal;
}
.main_content .beitragsbild {
	margin-bottom: 16px;
}
.main_content .slide_show {
	margin: 18px 0px;
}
.main_content a:link {
	color: #007d30;
	text-decoration: none;
}
.main_content a:visited {
	color: #007d30;
	text-decoration: none;
}
.main_content a:hover {
	color: #000000;
	text-decoration: underline;
}
.main_content a:active {
	color: #000000;
	text-decoration: underline;
}
.main_content a:focus {
	color: #000000;
	text-decoration: underline;
}


/* -- Tabellen -- */
.main_content th { 
	color: #000000; 
	font-weight: normal !important;
	}
.main_content table.table_zebratabelle tbody tr:nth-child(odd) {
   background-color: #f5f5f5;
}
.main_content table caption {
	padding-left: 8px;
	}


/* -- Listen -- */
.main_content ul { 
	list-style-position: outside;
	margin-left: 0px;  
	padding-left: 15px; 
	line-height: 1.3em;
	list-style-type: disc; 
}
.main_content ol { 
	list-style-position: outside;
	margin-left: 0px;  
	padding-left: 15px; 
	line-height: 1.3em; 
}
.main_content li {
	padding-left: 5px;
	padding-top: 1px;
	padding-bottom: 1px;
	}
				
/* ---- BOXEN ---- */
/* -- Box Zitat -- */
.box_zitat {
	border: 1px solid #e4e4e4;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background-color: #f5f5f5;
	padding: 26px 26px;
	margin: 18px 0px;
}
.box_zitat_content {
	border-left: 2px solid #55a039;
	padding-left: 10px;
	padding-right: 12px;
	font-style: italic;
	line-height: 1.25em;
}
/* -- Boxen Link -- */  
.boxen_links_group {
	font-size: 10px;
	line-height: 10px;
	margin-top: 15px !important;
}
.box_link_left, .box_link_right {
	width: 92%;
	font-size: 18px;
	line-height: 1.3em;
	font-family: "Museo_Slab_500", "Times New Roman", Times, serif;
	color: #000000;
	border: 1px solid #e4e4e4;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background-color: #f5f5f5;
	padding: 9px 26px;
	margin: 10px 0px;
}
.box_link_right {
	float:right;
}
.box_link_left .glyphicon-play, 
.box_link_right .glyphicon-play {
	font-size: 10px;
	line-height: 10px;
	margin-left: 8px;
	margin-top: 7px;
	vertical-align: top;
}
.boxen_links_group a:link {
	color: #000000;
	text-decoration: none !important;
}
.boxen_links_group a:visited {
	color: #000000;
	text-decoration: none !important;
}
.boxen_links_group a:hover {
	color: #007d30;
	text-decoration: none !important;
}
.boxen_links_group a:active {
	color: #007d30;
	text-decoration: none !important;
}
.boxen_links_group a:focus {
	color: #007d30;
	text-decoration: none !important;
}
.boxen_links_inliner { 
	display: inline !important; 
	line-height: 22px !important;
}


/* -- Box Grafik(en) Group -- */
.box_grafik_group {
	margin-top: 30px;
	margin-left: -15px;
	margin-right: -15px;
}
.box_grafik {
	position: relative;
	min-height: 1px;
	padding-left: 15px;
	padding-right: 15px;
	padding-bottom: 30px;
	padding-top: 0px;
	float: left;
}
.box_grafik .box_grafik_inner {
	overflow: hidden;
	border: 1px solid #e4e4e4;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}
.box_grafik a:hover > .box_grafik_inner {
	border: 1px solid #000000;
}
.box_grafik .box_grafik_header {
	background-color: #f5f5f5;
	color: #000000;
	width: 100%;
	text-align: center;
	border-bottom: 1px solid #e4e4e4;
}
.box_grafik .box_grafik_titel {
	font-size: 16px;
	font-family: "PT_Sans-Web-Regular", Arial, Helvetica, sans-serif;
	padding-top: 13px;
	padding-bottom: 13px;
}
.box_grafik .box_grafik_body img {
}


/* -- AUDIO -- */
audio {
	display: block !important; 
	width: 100% !important; 
}
.audio {
	margin: 20px 0; 
}




/* -- MAIN CONTENT SLIDER -- */
.rev_slider .tp-caption {
	font-family: "PT_Sans-Web-Regular", Arial, Helvetica, sans-serif !important;
	font-size: 1.2em;
}
.rev_slider .bildunterschrift {
	background: rgba(0,0,0,0.6);
	color: #ffffff !important;
	display: table-cell !important;
	padding: 5px 2000px 5px 10px !important;
	overflow: hidden !important;
}
.rev_slider .tp-bullet {
	background-color: rgba(255,255,255,1.0) !important;
	-webkit-border-radius: 12px !important;
	-moz-border-radius: 12px !important;
	border-radius: 12px !important;
}
.rev_slider .tp-bullet.selected {
	background-color: rgba(72,155,47,1.0) !important;
}
/* -- Slider Buttons -- */
#slider_buttons_wrapper { 
 margin-right: 15px; 
 margin-top: 3px; 
 float:right; 
}
#slider_pause {
	display: inline-block; 
	font-size: 14px; 
	font-family: "PT_Sans-Web-Regular", Arial, Helvetica, sans-serif;
}
#slider_start_pause_separator {
	padding-left: 3px; 
	padding-right: 5px;
}
.slider_buttons_wrapper_hg { 
	background: rgba(0,0,0,0.6); padding: 5px 15px; 
}


#slider_buttons_wrapper a:link {
	color: #999999;
	text-decoration: none;
}
#slider_buttons_wrapper a:visited {
	color: #999999;
	text-decoration: none;
}
#slider_buttons_wrapper a:hover {
	color: #007d30;
	text-decoration: none;
}
#slider_buttons_wrapper a:active {
	color: #007d30;
	text-decoration: none;
}
#slider_buttons_wrappert a:focus {
	color: #007d30;
	text-decoration: none;
}
/* -- Main Content Slider (Ergaenzung) -- */
.main_content #slider_buttons_wrapper { margin-left: 0px; margin-top: 0px; }
.main_content #slider_start_pause_separator {
	color: #eeeeee;
}
.main_content #slider_buttons_wrapper a:link {
	color: #eeeeee;
	text-decoration: none;
}
.main_content #slider_buttons_wrapper a:visited {
	color: #eeeeee;
	text-decoration: none;
}
.main_content #slider_buttons_wrapper a:hover {
	color: #007d30;
	text-decoration: none;
}
.main_content #slider_buttons_wrapper a:active {
	color: #007d30;
	text-decoration: none;
}
.main_content #slider_buttons_wrappert a:focus {
	color: #007d30;
	text-decoration: none;
}


/* ---- AKKORDEON ---- */
.panel-group_template_herne {
	margin-top: 30px;
}
.panel-group_template_herne a[aria-expanded="true"]:before {
	content: "\f0d8";
	font-family: 'FontAwesome';
	font-size: 16px;
	padding-right: 6px;
}
.panel-group_template_herne a[aria-expanded="false"]:before {
	content: "\f0d7";
	font-family: 'FontAwesome';
	font-size: 16px;
	padding-right: 6px
}
.panel-group_template_herne h4.panel-title a:link {
	color: #000000;
	text-decoration: none;
}
.panel-group_template_herne h4.panel-title a:visited {
	color: #000000;
	text-decoration: none;
}
.panel-group_template_herne h4.panel-title a:hover {
	color: #007d30 !important;
	text-decoration: none;
}
.panel-group_template_herne h4.panel-title a:active {
	color: #007d30 !important;
	text-decoration: none;
}
.panel-group_template_herne h4.panel-title a:focus {
	color: #007d30 !important;
	text-decoration: none;
}
/* -- BOOTSTRAP-OVERIDE -- */
.panel-group_template_herne .panel + .panel {
	margin-top: 0px !important;
}
.panel-group_template_herne .panel-heading {
	background-color: #f5f5f5;
	background-image: none;
}
.panel-group_template_herne h4.panel-title {
	font-family: "Museo_Slab_500", "Times New Roman", Times, serif;
	line-height: 25px;
	font-size: 19px;
	font-weight: normal;
	color: #000000 !important;
}
.panel-group_template_herne h4.panel-title {
	color: #000000 !important;
	margin-left: 21px;
}
.panel-group_template_herne h4.panel-title a {
	color: #000000 !important;
	margin-left: -20px;
}
.panel-group_template_herne .panel-body {
	padding: 20px 34px;
}
.panel-group_template_herne .panel-body_mit_tabelle_template_herne {
	padding: 0px 0px;
	color: #000000;
}
/* Gesamtes Akkordeon-Panel klickbar */
	.panel-title a {
    	display: block;
    	padding: 10px 15px;
    	margin: -10px -15px;
	}
/* -- Tabelle im Akkordeon -- */
.table_border_headerraw_firstcol {
	margin-bottom: 0px !important;
}
.table_border_headerraw_firstcol tr th {
	border-bottom: 1px solid #e4e4e4;
	border-right: 1px solid #e4e4e4;
	border-top: none !important;
	padding-left: 36px !important;
	font-weight: normal;
}
.table_border_headerraw_firstcol tr th:last-child {
	border-right: none;
}
.table_border_headerraw_firstcol tr td {
	border-right: 1px solid #e4e4e4;
	border-top: none !important;
	padding-left: 36px !important
}
.table_border_headerraw_firstcol tr td:last-child {
	border-right: none;
}


/* -- Kontakt Portrait/Daten -- */
.box_kontakt_daten, .box_kontakt_portrait {
	display:inline-block;
}
.box_kontakt_portrait {
	border: 1px solid #cdcdcd;
	margin-right: 20px;
}
.box_kontakt_daten {
	line-height: 1.35em;
	vertical-align:baseline;
	font-size: 15px;
	color: #4e4e4e;
	padding-top: 15px;
}
.box_kontakt_daten .left {
	display:inline-block;
	min-width:60px;
	padding: 0px;
}
.box_kontakt_daten .right {
	display:inline-block;
	padding: 0px;
	max-width: 550px;
}




/* ---- EINZELNE SEITEN ---- */
/* -- Portalseite -- */
.home_portalseite .meldung_datum {
	margin:0px 0px 2px 0px;
	font-size: 13px;
	color: #000000;
}
.home_portalseite .meldung_titel h2 {
	font-size: 19px;
	color: #000000;
	font-weight: normal !important;
	line-height: 1.35em;
	padding: 0px;
	margin:0px 0px 10px 0px;
	min-height: 50px;
}
.home_portalseite .meldung_bild {
	margin:0px 0px 10px 0px;
}
.home_portalseite .meldung_inhalt {
	font-size: 16px;
	color: #4e4e4e;
}
.home_portalseite .meldung_hyperlink {
	font-size: 14px;
	line-height: 1.25em;
	margin:5px 0px 0px 0px;
}
.home_portalseite .meldung_hyperlink a:after {
	content: "\f0da";
	font-family: 'FontAwesome';
	font-size: 14px;
	padding-left: 6px;
	position: relative;
	top: 2px;
}
.home_portalseite hr.hr_innen, .home_portalseite hr.hr_aussen {
	height: 2px;
	background-color: #a9adb2;
	border: none !important;
	width: 60%;
	margin: 30px auto 25px auto;
}
.home_portalseite hr.hr_innen {
	display: none;
}


/* -- Publikationen -- */
.publikationen_group {
	border: 1px solid #e4e4e4;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	margin-bottom: 30px;
}
.publikationen_group .publikationen_group_header {
	border-bottom: 1px solid #e4e4e4;
	background-color: #f5f5f5;
}
.publikationen_group .publikationen_group_header_titel {
	font-size: 16px;
	color: #000000;
	font-family: "Museo_Slab_500", "Times New Roman", Times, serif;
	padding: 13px 30px;
}
.publikationen_group .publikation_reihe {
	border-bottom: 1px solid #e4e4e4;
	padding-top: 17px;
}
.publikationen_group .publikation_reihe:last-child {
	border-bottom: none;
}
.publikationen_group .publikation_reihe .box_publikation_left {
	display: inline-block !important;
	width: 184px;
	vertical-align: top;
}
.publikationen_group .publikation_reihe .box_publikation_left .publikation_bild {
	margin-left: 30px;
	padding-bottom: 15px;
}
.publikationen_group .publikation_reihe .box_publikation_right {
	display: inline-block !important;
	width: calc(100% - 214px);
	vertical-align: top;
}
.publikationen_group .publikation_reihe .box_publikation_right .publikation_titel {
	margin-bottom: 25px;
}
.publikationen_group .publikation_reihe .box_publikation_right .publikation_text {
	padding-bottom: 15px;
}


/* -- Veranstaltungen -- */
/* Suche Header */
.veranstaltungskalender_suche_header input[type="checkbox"] {
}
.veranstaltungskalender_suche_header label {
	font-weight: normal !important;
	top: 2px !important;
	position: relative !important;
}
.veranstaltungskalender_suche_header .box_rubrik {
	width: 250px;
	display:inline-block;
}
.veranstaltungskalender_suche_header .box_von_bis_wapper {
	margin-top: 20px;
}
.veranstaltungskalender_suche_header .box_von,  .veranstaltungskalender_suche_header .box_bis {
	display: inline-block;
	width: 200px;
	margin-right: 30px;
	margin-bottom: 20px;
}
.veranstaltungskalender_suche_header .box_von_text,  .veranstaltungskalender_suche_header .box_bis_text {
	font-size: 13px;
	margin-bottom: 3px;
}
.veranstaltungskalender_suche_header .box_schnellauswahl {
	line-height: 1.5em;
}
.veranstaltungskalender_suche_header .box_schnellauswahl a {
	margin-right: 20px;
}
.veranstaltungskalender_suche_header .box_suche_starten {
	width: 100%;
	text-align: right;
}
.veranstaltungskalender_suche_header .box_suche_starten .input_submit {
	margin-right: 0px !important;
}
/* Suchergebnis */
.veranstaltungen_group {
	margin-bottom: 30px;
}
.veranstaltungen_group .veranstaltungen_group_header {
	border-bottom: 1px solid #e4e4e4;
	background-color: #f5f5f5;
}
.veranstaltungen_group .veranstaltungen_group_header_titel {
	font-size: 16px;
	color: #000000;
	font-family: "Museo_Slab_500", "Times New Roman", Times, serif;
	padding: 13px 30px;
}
.veranstaltungen_group .veranstaltung_reihe {
	border-bottom: 0px solid #e4e4e4;
	padding-top: 17px;
}
.veranstaltungen_group .veranstaltung_reihe:last-child {
	border-bottom: none;
}
.veranstaltungen_group .veranstaltung_reihe .box_veranstaltung_left {
	display: inline-block !important;
	width: 150px;
	vertical-align: top;
}
.veranstaltungen_group .veranstaltung_reihe .box_veranstaltung_left .veranstaltung_bild {
	margin-left: 0px;
	padding-bottom: 15px;
}
.veranstaltungen_group .veranstaltung_reihe .box_veranstaltung_left .veranstaltung_bild img {
}
.veranstaltungen_group .veranstaltung_reihe .box_veranstaltung_right {
	display: inline-block !important;
	width: calc(100% - 155px);
	vertical-align: top;	
}
.veranstaltungen_group .veranstaltung_reihe .box_veranstaltung_right .veranstaltung_titel {
	margin-bottom: 5px;
}
.veranstaltungen_group .veranstaltung_reihe .box_veranstaltung_right .veranstaltung_text {
	padding-bottom: 15px;
}
.veranstaltungen_group .veranstaltung_reihe hr.hr_aussen {
	height: 1px;
	background-color: #e4e4e4;
	border: none !important;
	width: 100%;
	margin: 0px auto 15px auto;
}
.veranstaltungen_group .veranstaltung_reihe button {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	font-family: "Museo_Slab_500", "Times New Roman", Times, serif;
	color: #000000;
	font-size: 11px;
	background: #ffffff;
	padding: 2px 4px 2px 4px;
	border: solid #dadada 1px;
	text-decoration: none;
	min-width:150px;
	margin-top: 10px;
	margin-right: 10px;
	margin-left: 0px;
	margin-bottom: 10px;
}
.veranstaltungen_group .veranstaltung_reihe button:hover {
  background: #dadada;
  text-decoration: none;
}


/* ---- MARGINALIE (rechte Spalte) ---- */
.box_marginalie {
	border: 1px solid #e4e4e4;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	font-family: "PT_Sans-Web-Regular", Arial, Helvetica, sans-serif;
	margin-bottom: 34px;
}
.box_marginalie_header {
	background-color: #f5f5f5;
	border-bottom: 1px solid #e4e4e4;
}
.box_marginalie_header_titel {
	text-align: center;
	font-size: 15px;
	line-height: 1.25em;
	padding-top: 13px;
	padding-bottom: 13px;
	margin-top: auto;
	margin-bottom: auto;
}
.box_marginalie_footer {
	background-color: #f5f5f5;
	border-top: 1px solid #e4e4e4;
}
.box_marginalie_footer_text {
	text-align: center;
	font-size: 13px;
	line-height: 1.25em;
	padding-top: 13px;
	padding-bottom: 13px;
}
.box_marginalie_footer a:link {
	color: #007d30 !important;
	text-decoration: none !important;
}
.box_marginalie_footer a:visited {
	color: #007d30 !important;
	text-decoration: none !important;
}
.box_marginalie_footer a:hover {
	color: #7e7e7e !important;
	text-decoration: underline !important;
}
.box_marginalie_footer a:active {
	color: #7e7e7e !important;
	text-decoration: underline !important;
}
.box_marginalie_footer a:focus {
	color: #7e7e7e !important;
	text-decoration: underline !important;
}
.box_marginalie_content {
	font-size: 15px;
	line-height: 1.25em;
	padding: 20px 18px;
}
.box_marginalie_content ul {
	padding-left: 15px;
}
.box_marginalie_content ul li {
	padding: 3px 0px;
}
.box_marginalie a:link {
	color: #000000;
	text-decoration: none;
}
.box_marginalie a:visited {
	color: #000000;
	text-decoration: none;
}
.box_marginalie a:hover {
	color: #7e7e7e;
	text-decoration: underline;
}
.box_marginalie a:active {
	color: #7e7e7e;
	text-decoration: underline;
}
.box_marginalie a:focus {
	color: #007d30;
	text-decoration: underline;
}
/* -- Terminliste -- */
.box_marginalie_content .terminliste .zeile {
	margin-bottom: 3px;
}
.box_marginalie_content .terminliste .zeile .button {
	display: inline;
	margin-right: 3px;
}
.box_marginalie_content .terminliste .zeile .button i {
	color: #ffffff;
	background-color: #aaa;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	font-size: 11px;
	padding: 0px 3px 1px 4px;
	line-height: 14px;
	vertical-align: top;
	margin-top: 2px;
}
.box_marginalie_content .terminliste .zeile .button i:hover {
	background-color: #666;
	cursor:pointer;
}
.box_marginalie_content .terminliste .zeile .veranstaltungstitel {
	display: inline;
	font-size: 14px;
	line-height: 18px;
}


/* -- Minikalender (Veranstaltungskalender) -- */
.vk_title, .vk_month {
	font-family: "PT_Sans-Web-Regular", Arial, Helvetica, sans-serif !important;
	font-size: 16px;
}
.vkalender a {
	color: #007d30 !important;
}
.vkalender .panel-default > .panel-heading {
	background-image: none !important;
}
table.vk_table {
	width: 100%;
	font-family: "PT_Sans-Web-Regular", Arial, Helvetica, sans-serif !important;
	font-size: 15px;
}
table.vk_table th.vk_week_day {
	width: 14.28%;
	color: #000000;
}
table.vk_table th.vk_week_day {
	text-align: center;
	border: 0px solid #ffffff;
}
table.vk_table td {
	text-align: center;
	border: 0px solid #ffffff;
	color: #868585;
}
table.vk_table td.vk_day {
}
table.vk_table td.vk_today {
	background-color: #d5d5d5;
	border: 1px solid #b4b4b4;
	color: #000000;
}
.sth_panel_footer {
	text-align: center;
	font-family:"PT_Sans-Web-Regular", Arial, Helvetica, sans-serif !important;
}
abbr[title], abbr[data-original-title] {
	border-bottom: none !important;
}




/* ---- FORMULAR ---- */
.formular_group {
	border: 1px solid #e4e4e4;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	margin-bottom: 0px;
}
.formular_group .formular_group_header {
	border-bottom: 1px solid #e4e4e4;
	background-color:#f5f5f5;
	-webkit-border-top-left-radius: 5px !important;
	-moz-border-top-left-radius: 5px !important;
	border-top-left-radius: 5px !important;
	-webkit-border-top-right-radius: 5px !important;
	-moz-border-top-right-radius: 5px !important;
	border-top-right-radius: 5px !important;
}
.formular_group .formular_group_header_titel {
	font-size: 16px;
	color: #000000;
	font-family: "Museo_Slab_500", "Times New Roman", Times, serif;
	padding: 13px 30px;
}
.formular_group .publikation_reihe {
	border-bottom: 1px solid #e4e4e4;
	padding-top: 0px;
	overflow: hidden !important;
}
.formular_group .formular_reihe:last-child {
	border-bottom: none;
}
.formular_group label {
	font-weight: normal !important;
	font-family: "PT_Sans-Web-Regular", Arial, Helvetica, sans-serif;
	color: #4e4e4e;
}
.formular_group label:first-child {
	min-width: 110px;
	font-family: "Museo_Slab_500", "Times New Roman", Times, serif;
	color: #000000;
}
.formular_group input[type=radio] {
	margin-left: 20px;
	margin-right: 3px;
}
.formular_group input[type=checkbox] {
	margin-left: 20px;
	margin-right: 3px;
}
.formular_group input[type=radio] {
	margin-left: 20px;
	margin-right: 3px;
}
.formular_group input[type=checkbox] {
	margin-left: 20px;
	margin-right: 3px;
}
.formular_group input[type=radio]:checked + label {
	color: #000000 !important;
}
.formular_group input[type=checkbox]:checked + label {
	color: #000000 !important;
}
.formular_group textarea {
	border: none !important;
	width: 100%;
	padding: 15px 30px;
	overflow: hidden !important;
	-webkit-border-bottom-left-radius: 5px !important;
	-moz-border-bottom-left-radius: 5px !important;
	border-bottom-left-radius: 5px !important;
	-webkit-border-bottom-right-radius: 5px !important;
	-moz-border-bottom-right-radius: 5px !important;
	border-bottom-right-radius: 5px !important;
	resize: vertical !important;
}
.formular_group input[type=text] {
	border: none !important;
	width: 100%;
	padding: 15px 30px;
	overflow: hidden !important;
	-webkit-border-bottom-left-radius: 5px !important;
	-moz-border-bottom-left-radius: 5px !important;
	border-bottom-left-radius: 5px !important;
	-webkit-border-bottom-right-radius: 5px !important;
	-moz-border-bottom-right-radius: 5px !important;
	border-bottom-right-radius: 5px !important;
}


/* -- Button Submit & Reset -- */
.formular_button_submit_reset_group {
	width: 100%;
	text-align: center;
	}
.main_content .input_reset,
.main_content .input_submit {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	font-family: "Museo_Slab_500", "Times New Roman", Times, serif;
	color: #000000;
	font-size: 15px;
	background: #ffffff;
	padding: 7px 15px 7px 15px;
	border: solid #dadada 1px;
	text-decoration: none;
	min-width:150px;
	margin-top: 20px;
	margin-right: 10px;
	margin-left: 10px;
	margin-bottom: 10px;
}
.main_content .input_reset:hover,
.main_content .input_submit:hover {
  background: #dadada;
  text-decoration: none;
}
											
/* -- Pagination -- */				
.pagination_template_herne_group {
	text-align: center;
	padding-top: 30px !important;
}
ul.pagination_template_herne  {
	margin: 0 !important;
	padding: 0 !important;
	list-style-position: outside !important; 
}
.pagination_template_herne li {
	font-family: "Museo_Slab_500", "Times New Roman", Times, serif;
	display: inline-block;
	list-style: none;
	font-size: 13px;
}
.pagination_template_herne li.seitenzahl a {  
	padding: 6px 13px;
}
.pagination_template_herne li.seitenzahl_locator {
	color: #000000; 
	margin: 6px 13px;
	display: inline-block !important;
}
.pagination_template_herne li.zurueck {
	color: #000000; 
	margin-right: 30px;
}
.pagination_template_herne li.weiter {
	color: #000000; 
	margin-left: 30px;
}
.pagination_template_herne li a:link {
	color: #646464;
	text-decoration:none;
}
.pagination_template_herne li a:visited {
	color: #646464;
	text-decoration:none;
}
.pagination_template_herne li a:hover {
	color: #646464;
	text-decoration:underline;
}
.pagination_template_herne li a:active {
	color: #646464;
	text-decoration:underline;
}
.pagination_template_herne li a:focus {
	color: #007d30;
	text-decoration:underline;
}


/* -- Suchergebnisseite (Standardseite) -- */
.suchergebnis_group .box_suchergebnis .suchergebnis_seitentitel {
	font-size: 16px;
	margin-bottom: 10px;
}
.suchergebnis_group .box_suchergebnis .suchergebnis_auszug {
	font-size: 15px;
}
.suchergebnis_group .box_suchergebnis hr {
	margin-top: 20px;
	margin-bottom: 20px;
	border: 0;
	border-top: 1px solid #e4e4e4;
}
.suchergebnis_group .box_suchergebnis:last-child > hr {
	margin-top: 20px;
	margin-bottom: 20px;
	border: 0;
	border-top: 0px solid #e4e4e4;
}




/* ---- FOOTER ---- */
/* -- Schmuckleiste Footer -- */
.container_schmuckleiste_footer {
	background: #f6f6f6 url("../images/container_breadcrumbs_hg.png") no-repeat center top;
	height: 46px;
	margin-top: 1px;
	margin-bottom: 0px !important;
	border-top: 1px solid #e4e4e4;
	border-bottom: 1px solid #e4e4e4;
}
/* -- Footer Content -- */
.container_footer {
	font-family: "Museo_Slab_500", "Times New Roman", Times, serif;
	margin-top: 6px;
	padding-top: 42px;
	padding-bottom: 0;
	background-color: #34373a;
	clear: both !important;
}
.container_footer .box_footer {
	padding-bottom: 30px;
	color: #9f9f9f;
	font-size: 17px;
	line-height: 1.6em;
}
.container_footer .box_footer .header {
	font-size: 17px;
	line-height: 1em;
	padding-top: 10px;
	padding-bottom: 20px;
}
.container_footer .box_footer ul {
	list-style: none;
	margin: 48px 0 0 0;
	padding: 0px;
}
.container_footer a:link {
	color: #9f9f9f;
	text-decoration:none;
}
.container_footer a:visited {
	color: #9f9f9f;
	text-decoration:none;
}
.container_footer a:hover {
	color: #ffffff;
	text-decoration:underline;
}
.container_footer a:active {
	color: #ffffff;
	text-decoration:underline;
}
.container_footer a:focus {
	color: #ffffff;
	text-decoration:underline;
}
.box_adresse_footer, .box_telefon_footer, .box_internet_footer {
	font-family: "PT_Sans-Web-Regular", Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 20px;
	margin-top: 20px;
}
.container_box_icons_footer {
	margin-top: 50px;
}
.container_box_icons_footer .box_icon_reihe_footer {
	clear: both;
	margin-left: -4px;
}
.container_box_icons_footer .box_icon_reihe_footer .box_icon_footer {
	display: inline-block;
	float: left;
	margin-right: 3px;
	margin-bottom: 3px;
}
.container_box_icons_footer .box_icon_reihe_footer .box_icon_footer a:link,
.container_box_icons_footer .box_icon_reihe_footer .box_icon_footer a:visited {
	display:block;
	padding: 3px;
	border: 1px solid #34373a;
}
.container_box_icons_footer .box_icon_reihe_footer .box_icon_footer a:hover,
.container_box_icons_footer .box_icon_reihe_footer .box_icon_footer a:active,
.container_box_icons_footer .box_icon_reihe_footer .box_icon_footer a:focus {
	border: 1px solid white;
}
.container_box_icons_footer .box_icon_reihe_footer .box_icon_footer img {
}


/* -- Footer-Bottom (Abschlussleiste Copyright) -- */
.container_footer_bottom {
	background-color: #292a2c;
	padding: 0;
	margin:0;
	width: 100%;
	height: 75px
}
.container_footer_bottom .copyright {
	font-family: "PT_Sans-Web-Regular", Arial, Helvetica, sans-serif;
	text-align: center;
	font-size: 15px;
	line-height: 15px;
	color: #9f9f9f;
	margin-top: 0px;
	padding-top: 30px;
	margin-left: auto;
	margin-right: auto;
}
.container_footer_bottom .pfeil_seitenanfang {
	float: right;
	margin-right: 25px;
	margin-top: -15px;
	padding: 3px !important;
}
.container_footer_bottom .pfeil_seitenanfang a:link,
.container_footer_bottom .pfeil_seitenanfang a:visited,
.container_footer_bottom .pfeil_seitenanfang a:hover,
.container_footer_bottom .pfeil_seitenanfang a:active {
	border: 1px solid #292a2c;
	padding: 3px !important;
}
.container_footer_bottom .pfeil_seitenanfang a:focus {
	border: 1px dotted #bdbdbd;	
}
.box_footer {
	display: inline-block; 
	width: 24%;
	vertical-align: top;
}




/* ---- MAIN-MENUE ---- */
/*
#mainmenu {  
	width: 100%; 
	margin-top: 8px;
}
#mainmenu_inner { 
	margin-left: -10px;
	margin-right: -10px;
}
*/


/* -- Marginalie Leichte Sprache -- */
.box_marginalie_nur_header,
.box_marginalie_nur_header_kein_hg  {
	border: none !important;
}
.box_marginalie_nur_header_kein_hg .box_marginalie_header {
	background-color: #ffffff !important;
}
.box_marginalie_nur_header .box_marginalie_header,
.box_marginalie_nur_header_kein_hg .box_marginalie_header {
	border: 1px solid #e4e4e4 !important;
	border-radius: 5px !important;
}


/* -- CookieHinweisBox -- */


#cookie_hinweis_box {
	font-family: "PT_Sans-Web-Regular", Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: white !important;
	background-color: rgba(0,125,48,0.97);
	position:fixed;
	z-index: 1201060 !important;
	        
  	bottom: 0;
  	margin: 0;
  	padding: 0;
  	min-height: 100px;
  	width: 100%;	
}


#cookie_hinweis_box .cookie_hinweis_box_inner {
  	max-width: 800px;
  	margin-left: auto;
  	margin-right: auto;
  	padding: 20px 30px 10px 30px;
}


#cookie_hinweis_box .cookie_hinweis_box_buttons {
  	margin-bottom: 5px; 	
}


#cookie_hinweis_box .cookie_hinweis_box_buttons .cookie_hinweis_box_buttons_inner {
  	padding: 0px;
	margin-top: 15px;
}


#cookie_hinweis_box .cookie_hinweis_box_buttons  a {
	color: white !important;
	margin-right: 10px !important;
	font-weight: 400 !important; 	
}


#cookie_hinweis_box .cookie_hinweis_box_buttons  a:hover {
	color: #fabb22 !important; 	
}


#cookie_hinweis_box .cookie_hinweis_box_buttons  .btn:hover,
#cookie_hinweis_box .cookie_hinweis_box_buttons  .btn:focus,
#cookie_hinweis_box .cookie_hinweis_box_buttons  .btn:active {
	color: #fabb22 !important;
	border: 1px solid #fabb22 !important;  	
}


#cookie_hinweis_box .cookie_hinweis_box_buttons  .btn {
	background-color: #007d30;
	font-size: 16px;
	padding: 4px 10px;
	border: 1px solid white !important; 
	margin-bottom: 15px !important;	
}


/* -- Button Leichte Sprache -- */
.stadt_herne_webfont { 
	font-family: Arial,Helvetica,sans-serif;
	font-size: 18px;
}	


.stadt_herne_webfontx { 
	font-family: Arial,Helvetica,sans-serif;
	font-size: 15px;
}	
.stadt_herne_webfont::before { 
	font-family: 'stadt_herne_webfont'; 
	content: "\2012";
	font-size: 20px;
	font-weight: 400 !important;
	padding-right: 5px;
	position: relative;
	top: 2px !important;
	color:#007bbf;
}		
.stadt_herne_webfontx::before { 
	font-family: 'stadt_herne_webfont'; 
	content: "\2012";
	font-size: 20px;
	font-weight: 400 !important;
	padding-right: 5px;
	position: relative;
	top: 2px !important;
	color:#007bbf;
}	
#btn_leichte_sprache {
	border: 1px solid #ccc;
	border-radius: 2px;
	margin: 0px 0px 10px 0px !important;
	padding: 3px 10px !important;
	display: inline-block !important;
	min-width: 126px;
	font-size: 12px;
	height: 28px !important;
	vertical-align: middle;
	line-height: 19px !important;
	font-weight: 700;
	font-family: 'Open Sans webReader',Helvetica,Arial,sans-serif;
	text-align: center;
	color:#007bbf;
}
#btn_leichte_sprache:hover::before,
#btn_leichte_sprache:hover {
	text-decoration: none;
	color: #000;
}
/* -- Link blau leichte und schwere Sprache -- */
a.link_blau:link {
	color:  #007bbf;
	text-decoration: none;
}
a.link_blau:visited {
	color: #007bbf;
	text-decoration: none;
}
a.link_blau:hover {
	color: #000000;
	text-decoration: underline;
}
a.link_blau:active {
	color: #000000;
	text-decoration: underline;
}
a.link_blau:focus {
	color: #000000;
	text-decoration: underline;
}
/* -- Formatierungen Leichte Sprache -- */
.leichte_sprache { 
	font-size: 16px;
}
.leichte_sprache h1,
.leichte_sprache h2,
.leichte_sprache h3 { 
font-family: "PT_Sans-Web-Regular", Arial, Helvetica, sans-serif !important;
}
.leichte_sprache img.bild_leichte_sprache { 
	float: right; 
	margin-left: 20px; 
	margin-bottom: 20px;
}
.leichte_sprache img.bildbreite_150px { width: 150px; }
.leichte_sprache img.bildbreite_200px { width: 200px; }
.leichte_sprache img.bildbreite_250px { width: 250px; }
.leichte_sprache img.bildbreite_300px { width: 300px; }
.leichte_sprache ul {
	margin-left: 3px;
}
.leichte_sprache li,
.leichte_sprache p { line-height: 1.5em; }
.leichte_sprache ul.zeilen_abstand1 li,
.leichte_sprache p.zeilen_abstand1 { line-height: 1.7em; }
.leichte_sprache ul.zeilen_abstand2 li,
.leichte_sprache p.zeilen_abstand2 { line-height: 2.0em; }
.leichte_sprache ul.zeilen_abstand3 li,
.leichte_sprache p.zeilen_abstand3 { line-height: 2.3em; }
.leichte_sprache p.einrueckung1 { padding-left: 25px; }
.leichte_sprache p.einrueckung2 { padding-left: 50px; }
.leichte_sprache p.einrueckung3 { padding-left: 75px; }
.leichte_sprache p.einrueckung4 { padding-left: 100px; }
.leichte_sprache ul.einrueckung1 { padding-left: 42px; }
.leichte_sprache ul.einrueckung2 { padding-left: 67px; }
.leichte_sprache ul.einrueckung3 { padding-left: 92px; }
.leichte_sprache ul.einrueckung4 { padding-left: 117px; }


/* ---- MEDIA QUERY Leichte Sprache ---- */
@media (max-width: 480px) {
.leichte_sprache { font-size: 15px; }
.leichte_sprache p.einrueckung1 { padding-left: 10px; }
.leichte_sprache p.einrueckung2 { padding-left: 20px; }
.leichte_sprache p.einrueckung3 { padding-left: 30px; }
.leichte_sprache p.einrueckung4 { padding-left: 40px; }
.leichte_sprache ul.einrueckung1 { padding-left: 27px; }
.leichte_sprache ul.einrueckung2 { padding-left: 37px; }
.leichte_sprache ul.einrueckung3 { padding-left: 47px; }
.leichte_sprache ul.einrueckung4 { padding-left: 57px; }
.leichte_sprache img.bild_leichte_sprache { 
float: none; 
display: block; 
margin-left: 0px; 
}
}
@media (min-width: 481px) and (max-width: 767px) {
.leichte_sprache p.einrueckung1 { padding-left: 15px; }
.leichte_sprache p.einrueckung2 { padding-left: 30px; }
.leichte_sprache p.einrueckung3 { padding-left: 45px; }
.leichte_sprache p.einrueckung4 { padding-left: 60px; }
.leichte_sprache ul.einrueckung1 { padding-left: 32px; }
.leichte_sprache ul.einrueckung2 { padding-left: 47px; }
.leichte_sprache ul.einrueckung3 { padding-left: 62px; }
.leichte_sprache ul.einrueckung4 { padding-left: 77px; }
}


/* ---- MEDIA QUERY ---- */	
@media (max-width: 319px) {
	.main_content #slider_buttons_wrapper { margin-top: -15px; }
}
@media (min-width: 320px) and (max-width: 620px) {
	.main_content #slider_buttons_wrapper { margin-top: -10px; }
}		
@media (max-width: 480px) {
	#slider_buttons_wrapper { visibility: hidden !important; }
	.box_grafik { width: 100%; }
}
@media (min-width: 481px) and (max-width: 767px) {
	.box_grafik { width: 50%; }
}
@media (max-width: 520px) {
	.publikationen_group .publikation_reihe .box_publikation_right { display: block !important; width: 100%; padding-left: 30px; padding-right: 30px; }
}
@media (max-width: 591px) { 
	.box_footer { width: 99%; }
	.pagination_template_herne li.seitenzahl { display: none; } 
}
@media (min-width: 592px) and (max-width: 991px) {
	.box_footer { width: 49%; }
}
@media (max-width: 767px) { 
	.home_portalseite hr.hr_innen { display: block; }
	.home_portalseite .meldung_titel h2 { min-height: 25px; }
}
@media (min-width: 768px) {
  .box_grafik { width: 33.33333333%; }
}
@media (max-width: 800px) {
	.formular_group label { display: inline !important; line-height: 25px !important; }
	.formular_group label::after { content: "\A" !important; white-space: pre; }
	.veranstaltungskalender_suche_header .formular_group label { display: inline !important; line-height: 25px !important; }
	.veranstaltungskalender_suche_header .formular_group label::after { content: "\A" !important; white-space: normal !important; }
}




@media (max-width: 992px ) {
	.box_link_right { float:left; }
	.box_link_left, .box_link_right { width: 100%; }
}






@media (min-width: 992px) and (max-width: 1280px) {
	.box_footer { width: 33%; }
}
@media (max-width: 1199px ) {
	/* Breadcrumbs */
	.container_breadcrumbs_inner {
	font-size: 12px;
	}
	.breadcrumbs_locator {
	color: #000000;
	font-size: 14px;
	}	
}
@media (min-width: 993px) and (max-width: 1199px) {
  /* Breadcrumbs */
	.container_breadcrumbs_inner {
	padding-left: 2px;
	}
}
@media (max-width: 992px) {
	/* Breadcrumbs */
	.container_breadcrumbs_inner {
		padding-left: 0px;	
	}
}








/* Remove Shadow on IOS */
input[type=text] {   
	-webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;
   background-image: linear-gradient(transparent, transparent);
}








/* --- Menu Overlay --- */


#main_menu_container_overlay_full_width_bg {
   top: 0;
   bottom: 0;
   right: 0;
   left: 0;
   margin: 0px auto;
   background: rgba(0, 0, 0, .30);
   justify-content: center;
   align-items: center;
   position: fixed;
   z-index: 1111120;
   display: none;
}


#main_menu_container_overlay {
   font-family: "Museo_Slab_500", "Times New Roman", Times, serif;
   top: 0;
   right: 0;
   float: right;
   z-index: 1111121;
   background-color: #ffffff;
   width: 100%;
   max-width: 455px;
   height: 100%;
   overflow-y: scroll;
   -webkit-overflow-scrolling: touch;
   color: #333333;
   margin-right:-455px; 
   position: absolute;
}




/* --- hide scrollbars without lost functionality --- */
#main_menu_container_overlay::-webkit-scrollbar {
  	display: none; /* Chrome, Safari, Opera */
}
#main_menu_container_overlay {
	-ms-overflow-style: none;   /* IE, Edge */
  	scrollbar-width: none;      /* Firefox  */
}














#main_menu_container_overlay_innerbox {
   padding: 40px;
}








/* ----- Menu ----- */


/* --- Links --- */


#main_menu_container_overlay a:link {
	color: #000000 !important;
	text-decoration: none !important;
}
#main_menu_container_overlay a:visited {
	color: #000000 !important;
	text-decoration: none !important;
}
#main_menu_container_overlay a:hover {
	color: #007d30 !important;
	text-decoration: none !important;
	-webkit-box-shadow: none;
   box-shadow: none;
   outline: -webkit-focus-ring-color auto 0px;
}
#main_menu_container_overlay a:active {
	color: #007d30 !important;
	text-decoration: none !important;
	-webkit-box-shadow: none;
   box-shadow: none;
   outline: -webkit-focus-ring-color auto 0px;
}
#main_menu_container_overlay a:focus {
	color: #007d30 !important;
	text-decoration: none !important;
	-webkit-box-shadow: none;
	box-shadow: none;
	outline: -webkit-focus-ring-color auto 0px;
}


#main_menu_container_overlay .menu_link {
   display:inline-block;
}


/* --- Buttons --- */


#main_menu_container_overlay button {
   float: right;
   height: 18px;
   width: 20px;
   font-size: 14px;
   border: none;
   background-color: rgba(255,255,255,1) !important; 
}


#main_menu_container_overlay button#close {
   color: #818a91; 
}


#main_menu_container_overlay button:hover, 
#main_menu_container_overlay button:active,
#main_menu_container_overlay button:focus {
	color: #007d30 !important;
}


button#close {
   height: 34px;
   width: 30px;
   font-size: 16px;
   border: none;
   background-color: rgba(255,255,255,1.0) !important;
   padding: 0px !important;
   margin-top: 10px;
   margin-right: 3px;
}


button.opener {
   height: 24px !important; 
   width: 36px !important; 
   font-size: 16px;
   border: none;
   background-color: none !important;
   padding: 0px !important;
}


/* Line green */
#main_menu_container_overlay .menu_green_line {
   display: block; 
   height: 3px; 
   margin: 4px 0 0 0; 
   padding: 0px; 
   background-color: #007f2a;
 }




/* UL List Menu */


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


/* Display none */
#main_menu_container_overlay ul ul ul    { display: none; }




/* Font size Line height*/
#main_menu_container_overlay ul          { font-size: 21px; line-height: 1.2em !important; }
#main_menu_container_overlay ul ul       { font-size: 21px; line-height: 1.2em !important; }
#main_menu_container_overlay ul ul ul    { font-size: 18px; line-height: 1.2em !important; }
#main_menu_container_overlay ul ul ul ul { font-size: 16px; line-height: 1.2em !important; }


/* Line grey */
#main_menu_container_overlay ul ul ul li                { border-top: 1px solid #ddd; }
#main_menu_container_overlay ul ul ul li:first-child    { border-top: 0px solid #ddd; }
#main_menu_container_overlay ul ul ul ul li:first-child { border-top: 1px solid #ddd; }


/* Margin & Padding */
#main_menu_container_overlay ul                          { margin-top:  0px; margin-bottom: 0px; padding-top:  0px; padding-bottom:  0px; }
#main_menu_container_overlay ul ul                       { margin-top: 50px; margin-bottom: 0px; padding-top:  0px; padding-bottom:  0px; }
#main_menu_container_overlay ul ul ul                    { margin-top: 10px; margin-bottom: 0px; padding-top:  0px; padding-bottom:  0px; }
#main_menu_container_overlay ul ul ul ul                 { margin-top:  5px; margin-bottom: 0px; padding-top:  0px; padding-bottom:  0px; }


#main_menu_container_overlay ul li                       { margin-top:  0px; margin-bottom: 0px; padding-top: 10px; padding-bottom: 10px; }
#main_menu_container_overlay ul ul:first-child li222     { margin-top: 60px; margin-bottom: 0px; padding-top: 10px; padding-bottom: 10px; }
#main_menu_container_overlay ul ul li                    { margin-top: 32px; margin-bottom: 0px; padding-top: 10px; padding-bottom: 10px; }
#main_menu_container_overlay ul ul ul li                 { margin-top:  0px; margin-bottom: 0px; padding-top: 10px; padding-bottom: 10px; }
#main_menu_container_overlay ul ul ul ul li              { margin-top:  0px; margin-bottom: 0px; padding-top: 10px; padding-bottom: 10px; }
#main_menu_container_overlay ul ul ul ul li:last-child   { padding-bottom: 0px; }


#main_menu_container_overlay ul ul ul ul li              { padding-left: 15px; }




/* ----- Hamburger Menu Button ----- */


button#menu {
   height: 34px;
   width: 30px;
   font-size: 24px;
   border: none;
   background-color: rgba(255,255,255,1.0) !important;
   padding: 0px !important; 
   color: #666 !important;
}


button#menu:hover, 
button#menu:active,
button#menu:focus {
	color: #007d30 !important;
}




/* ----- Header ----- */


header {
   position: fixed;
   width: 100%;
   background-color: #ffffff;
   z-index: 1111111;
   padding-bottom: 18px;  
}


.header_box_shadow_active {
   -webkit-box-shadow: 0px 5px 20px 5px rgba(0,0,0,0.26) !important;
	box-shadow:         0px 5px 20px 5px rgba(0,0,0,0.26) !important;
}


img#stadt_herne_logo_header {
  height: 29px;
  width: 180px;
}


.box_menu_button {float:right; display: inline-block;margin-top: 20px; }
.box_logo { display: inline-block; margin-top: 20px;}


#header_logo  { }
#header_suche { float: right; margin-right: 25px; margin-top: 16px; }
#header_menu  { float: right; }
/*
.header_flex_box:nth-of-type(1) { background-color: pink; }
.header_flex_box:nth-of-type(2) { background-color: yellow; }
.header_flex_box:nth-of-type(3) { background-color: tomato; }
*/
.header_flex_box:nth-of-type(1) {  }
.header_flex_box:nth-of-type(2) { text-align: right; }
.header_flex_box:nth-of-type(3) {  }


.header_flex_container {
   padding: 0;
   margin: 0;
   -ms-box-orient: horizontal;
   display: -webkit-box;
   display: -moz-box;
   display: -ms-flexbox;
   display: -moz-flex;
   display: -webkit-flex;
   display: flex;
   -webkit-flex-flow: row wrap;
   flex-flow: row wrap;
}


.header_flex_box {
   color: black;
   font-weight: bold;
   font-size: 14px;
   text-align: left;
   border: 0px solid red;
   padding: 0px;
}


.header_flex_box:nth-of-type(1) { order: 1; }
.header_flex_box:nth-of-type(2) { order: 2; }
.header_flex_box:nth-of-type(3) { order: 3; }


.header_flex_box:nth-of-type(1) { width: 250px; }
.header_flex_box:nth-of-type(2) { width: calc(100% - 330px); } /* ACHTUNG GEÄNDERT 2022 */
.header_flex_box:nth-of-type(3) { width: 80px; }  /* ACHTUNG GEÄNDERT 2022 */




/* ----- Footer Logo ----- */
.box_footer_logo {
   height: 29px;
   width: 180px;
}


img#stadt_herne_logo_footer {
   height: 29px;
   width: 180px;
}




/* ----- Media Query ----- */


@media (min-height:1px) and (max-height:500px) {	    
   #content_beginn {margin-top: 0px;}
   header { position: relative; }       
}


@media (min-width:1px) and (max-width:767px) {	    
   #content_beginn {margin-top: 0px;}
   header { position: relative; }   
   body.main_menu_container_overlay_active { position: fixed; width:100%;}   
}


@media (min-width:1px) and (max-width:610px) {	/* ACHTUNG GEÄNDERT 2022 */
   .header_flex_box:nth-of-type(1) { order: 1; }
   .header_flex_box:nth-of-type(2) { order: 3; }
   .header_flex_box:nth-of-type(3) { order: 2; }
   .header_flex_box:nth-of-type(1) { width: calc(100% - 80px); } /* ACHTUNG GEÄNDERT 2022 */
   .header_flex_box:nth-of-type(3) { width: 80px; } /* ACHTUNG GEÄNDERT 2022 */
   .header_flex_box:nth-of-type(2) { width: 100%; margin-right: 4px;}  
   #header_suche { margin-right: 0px; }
}


@media (min-width:1px) and (max-width:480px) {
   #main_menu_container_overlay_innerbox {
      padding: 20px;
   }
   #main_menu_container_overlay ul .menu_link {
      max-width: 80%; 
   }
   #main_menu_container_overlay ul ul ul ul .menu_link {
      max-width: 100%;   
   }  
}








/* ----------------------------------- */
/* ---                             --- */
/* --- Ab hier neu für Datenschutz --- */
/* ---                             --- */
/* ----------------------------------- */




#header_menu .box_menu_button button {
   display: inline-block !important;
   }
   
#header_menu .box_menu_button button#datenschutz {
  
   margin-right:10px;
   }




/* --- Datenschutz Overlay --- */


#datenschutz_container_overlay_full_width_bg {
   top: 0;
   bottom: 0;
   right: 0;
   left: 0;
   margin: 0px auto;
   background: rgba(0, 0, 0, .30);
   justify-content: center;
   align-items: center;
   position: fixed;
   z-index: 2111120;
   display: none;
   }


#datenschutz_container_overlay {
   color: #333333;
   font-family: "PT_Sans-Web-Regular", Arial, Helvetica, sans-serif;   
   top: 0;
   right: 0;
   float: right;
   z-index: 2111121;
   background-color: #ffffff;
   width: 100%;
   max-width: 455px;
   height: 100%;
   overflow-y: scroll;
   -webkit-overflow-scrolling: touch;
   color: #333333;
   margin-right:-455px; 
   position: absolute;
   }




/* --- hide scrollbars without lost functionality --- */
#datenschutz_container_overlay::-webkit-scrollbar {
  	display: none; /* Chrome, Safari, Opera */
   }
   
#datenschutz_container_overlay {
	-ms-overflow-style: none;   /* IE, Edge */
  	scrollbar-width: none;      /* Firefox  */
}




#datenschutz_container_overlay_innerbox {
   padding: 0px 40px;
}


#datenschutz_container_overlay button#datenschutz_close {
   float: right;
   height: 34px;
   width: 30px;
   font-size: 16px;
   border: none;
   background-color: rgba(255,255,255,1) !important; 
   margin-top: -28px;
   margin-right: -25px;
   color: #818a91; 
   }


@media (min-width:1px) and (max-width:480px) {
   
   #datenschutz_container_overlay button#datenschutz_close {
   
      margin-top: 8px;
      margin-right: 0px;
  
   }
   
   
}




#datenschutz_container_overlay button:hover, 
#datenschutz_container_overlay button:active,
#datenschutz_container_overlay button:focus {
	color: #007d30 !important;
   }


#datenschutz_container_overlay .title {
   font-family: "Museo_Slab_500", "Times New Roman", Times, serif;
   font-size: 18px;
   margin-top: 50px;
   margin-bottom: 10px;
   }  
   
#datenschutz_container_overlay .text {
   font-family: "PT_Sans-Web-Regular", Arial, Helvetica, sans-serif; 
   font-size: 14px;
   font-weight: normal;
   margin-bottom: 20px;
   }  


.detailsbox_cookie_title {
   background-color: #e9eaea;
   padding: 5px 8px;
   margin-top: 0px;
   }


.detailsbox_cookie_pretext {
   background-color: #f7f6f6;
   padding: 5px 5px;
   font-weight: normal;
   font-family: "PT_Sans-Web-Regular", Arial, Helvetica, sans-serif; 
   }


.detailsbox_cookie_switcher_outer {
   padding: 2px 5px;
   display: block;
   background-color: #f7f6f6;
   }


.detailsbox_cookie_text,
.detailsbox_cookie_switcher {
   display: inline-block;
   }


.detailsbox_cookie_text {
   font-family: "PT_Sans-Web-Regular", Arial, Helvetica, sans-serif;
   font-size: 14px;
   margin-left: 10px;
   }


#datenschutz_container_overlay .detailsbox_cookie_title {
   margin-top: 20px;
   }


#datenschutz_container_overlay .fieldset_wrapper {
   background-color: #f5f5f5;
   }
  
#datenschutz_container_overlay fieldset {
   margin-bottom: 20px;
   }


#datenschutz_container_overlay legend {
   font-family: "Museo_Slab_500", "Times New Roman", Times, serif;
   font-size: 16px;
   text-decoration: none;
   border-bottom: none;
   margin-bottom: 4px;
   padding: 5px;
   background-color: #eee;
   }
     
#datenschutz_container_overlay label {
   font-family: "PT_Sans-Web-Regular", Arial, Helvetica, sans-serif; 
   font-weight: normal;
   margin-left: 110px; 
   }
           
#datenschutz_container_overlay .switch {
   position: relative;
   display: inline-block;
   width: 240px;
   height: 21px;
   left: -55px;
   }
                        
#datenschutz_container_overlay .switch input {
   opacity: 0;
   width: 0;
   height: 0;
   }
         
#datenschutz_container_overlay .slider {
   width: 40px;
   }
         
#datenschutz_container_overlay .slider {
   position: absolute;
   cursor: pointer;
   top: 0;
   left: -50px;
   right: 0;
   bottom: 0;
   background-color: #b2b3b5;
   -webkit-transition: .2s;
   transition: .2s;
   border: 2px solid #f7f6f6;
   }
   
#datenschutz_container_overlay .slider:before {
   position: absolute;
   content: "";
   height: 13px;
   width: 13px;
   left: 3px;
   bottom: 2px;
   background-color: white;
   -webkit-transition: .2s;
   transition: .2s;
   }
         
#datenschutz_container_overlay .slider_active {
   background-color: #007d30;
   }
         
#datenschutz_container_overlay input:focus+.slider {
   border: 2px solid #fbbb21;
   }
                 
#datenschutz_container_overlay .slider_active:before {
   -webkit-transform: translateX(17px);
   -ms-transform: translateX(17px);
   transform: translateX(17px);
   }
   
#datenschutz_container_overlay .slider.round {
   border-radius: 15px;     
   }
   
#datenschutz_container_overlay .slider.round:before {
   border-radius: 50%;
   }


#datenschutz_container_overlay button#accept_all_cookies,
#datenschutz_container_overlay button#individual_cookies,
#datenschutz_container_overlay button#reject_all_cookies {
   width: 250px;
   margin-bottom: 12px;
   display: block;
   margin-left: calc((100% - 250px) / 2);
   color: #ffffff;
   background-color: #007d30;
   border-radius: 4px;
   border: none;
   padding: 2px 5px;
   cursor: pointer !important;
   font-size: 14px;
   color: #ffffff;
   }
   
#datenschutz_container_overlay button#reject_all_cookies {
   margin-bottom: 40px;
   }  
   
#datenschutz_container_overlay button#accept_all_cookies:hover,
#datenschutz_container_overlay button#individual_cookies:hover,
#datenschutz_container_overlay button#reject_all_cookies:hover {
   cursor: pointer !important;
   color: #ffffff !important;
   }      
   
#datenschutz_container_overlay button#accept_all_cookies:focus,
#datenschutz_container_overlay button#individual_cookies:focus,
#datenschutz_container_overlay button#reject_all_cookies:focus {
   background-color: #286090;
   color: #ffffff !important;
   }   


.detailsbox_cookie_title_color {
   background-color: #f5f5f5;
   }


.youtube-placeholder-inner .detailsbox_cookie_title_color {
   margin-left: 15px;
   }


.youtube-placeholder-inner {  
   width: 240px; 
   position: absolute; 
   top: 50%; 
   -ms-transform: translateY(-50%); 
   transform: translateY(-50%); 
   margin-left: calc( (100% - 240px) / 2);
   }


@media only screen and (max-width: 380px) {
   .youtube-placeholder-inner { 
      top: 0%; 
      -ms-transform: translateY(0%); 
      transform: translateY(0%); 
   } 
   .youtube-placeholder { 
      overflow-y: scroll;
   }
}


 
.button-box-cookies {
   width: 100%;
   margin-top: 2px;
   text-align: center;
   margin-left: auto;
   margin-bottom: auto;
   }  
  
.button-box-cookies button {
   width: 190px;
   margin-bottom: 12px;
   display: block;
   margin-left: calc((100% - 190px) / 2);
   color: #ffffff;
   background-color: #007d30;
   border-radius: 4px;
   border: none;
   padding: 2px 5px;
   cursor: pointer !important;
   font-size: 14px;
   }
    
.button-box-cookies button:hover {
   cursor: pointer !important;
   }      
   
   
.button-box-cookies button:focus {
   background-color: #286090;
   }        




/* ----- Datenschutz Button ----- */


button#datenschutz {
   height: 34px;
   width: 30px;
   font-size: 24px;
   border: none;
   background-color: rgba(255,255,255,1.0) !important;
   padding: 0px !important; 
   color: #666 !important;
   }


button#datenschutz:hover, 
button#datenschutz:active,
button#datenschutz:focus {
	color: #007d30 !important;
   }




/* ----- Media Query ----- */




@media (min-width:1px) and (max-width:767px) {	    
    
   body.#datenschutz_container_overlay_active { 
      position: fixed; 
      width:100%;
      }   
}




@media (min-width:1px) and (max-width:480px) {
   #datenschutz_container_overlay_innerbox {
      padding: 20px;
   } 
}




/* Cookie-Hinweisbox prebox */


.herne_cookie_consent_container_pre_outerbox2 {
   display: none;
   margin: 0px auto;
   background: none;
   justify-content: center;
   align-items: center;
    /* position: fixed; */
   z-index: 11113;  
   }


.herne_cookie_consent_container_pre_outerbox {
   text-align: left;
   position: fixed;
   z-index: 11114;
   bottom: 0px;
   left: 0px;
   background-color: #f5f5f5;
   width: 100%;
   padding: 20px;
   -webkit-box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.5); 
   box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.5);
   border-top: 1px solid #ccc;
   max-height: 80%;
   overflow-y: scroll;
   color: #333333;
   font-family: "PT_Sans-Web-Regular", Arial, Helvetica, sans-serif;   
   }


.herne_cookie_consent_container_pre_outerbox h6 { 
  font-family: "Museo_Slab_500", "Times New Roman", Times, serif;
  font-size: 14px !important;
  }


.herne_cookie_consent_container_pre_outerbox .red { 
  color: #d4002d;
  }


.pre_outerbox_clearfix {
   clear:both;
   }


button.pre_outerbox_button {
   background-color: #007d30;
   color: #fff;
   font-size: 15px;
   line-height: 1.1em;
   padding: 5px 15px;
   text-align: center;
   display: inline-block;
   border: none;
   margin: 10px auto 10px auto;
   border-radius: 4px;
   }


button.pre_outerbox_button:focus {
   background-color:#286090;
   }


.pre_outerbox_button_area {
   text-align: center;
   }


.herne_cookie_consent_container_pre_outerbox .pre_outerbox_link_box {
   float: right;
	margin-left: 15px;
   }


.herne_cookie_consent_container_pre_outerbox .pre_outerbox_link_datenschutz {
   margin-left: 15px;
   }


.herne_cookie_consent_container_pre_outerbox .pre_outerbox_link_impressum, 
.herne_cookie_consent_container_pre_outerbox .pre_outerbox_link_datenschutz {
	display: inline-block;
   }


.herne_cookie_consent_container_pre_outerbox a:link {
	color: #007d30;
	text-decoration: none;
   }
   
.herne_cookie_consent_container_pre_outerbox a:visited {
	color: #007d30;
	text-decoration: none;
   }


.herne_cookie_consent_container_pre_outerbox a:hover {
	color: #000000;
	text-decoration: underline;
   }
   
.herne_cookie_consent_container_pre_outerbox a:active {
	color: #000000;
	text-decoration: underline;
   }
   
.herne_cookie_consent_container_pre_outerbox a:focus {
	color: #000000;
	text-decoration: underline;
   }









