/* ----- Janina ----- */
#kst_suchbox {
	border: 1px solid #666!important;
}
#j_btn {
	border-color: #666!important;
}


/* ----- Filter Footer Icons Test SW => Color ----- */
.box_icon_footer a img {
	filter:grayscale(100%);
}
.box_icon_footer a:hover  img,
.box_icon_footer a:active img, 
.box_icon_footer a:focus  img {
	filter:grayscale(0%) !important;
}


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

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


* {
	outline: none;
}
.no_border { 
	border: none !important;
}
body {
	margin: 0px;
	padding: 0px;
	color: #4e4e4e !important;
   background: #ffffff;
   overflow-x: hidden;
}

.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 ---- */

/* -- 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) {  }
.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% - 290px); }
.header_flex_box:nth-of-type(3) { width: 40px; }


/* ----- 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%;}   /* das ist der Fehler */  
}

@media (min-width:1px) and (max-width:580px) {	
   .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% - 40px); }
   .header_flex_box:nth-of-type(3) { width: 40px; }
   .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%;   
   }  
}