/* Add your CSS @import rules after this line */

/*! normalize.css v3.0.2 | MIT License | git.io/normalize */

/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */

html {
  font-family: sans-serif; /* 1 */
  -ms-text-size-adjust: 100%; /* 2 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/**
 * Remove default margin.
 */

body {
  margin: 0;
}

/* HTML5 display definitions
   ========================================================================== */

/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11
 * and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}

/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */

audio,
canvas,
progress,
video {
  display: inline-block; /* 1 */
  vertical-align: baseline; /* 2 */
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */

audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.
 */

[hidden],
template {
  display: none;
}

/* Links
   ========================================================================== */

/**
 * Remove the gray background color from active links in IE 10.
 */

a {
  background-color: transparent;
}

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */

a:active,
a:hover {
  outline: 0;
}

/* Text-level semantics
   ========================================================================== */

/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */

abbr[title] {
  border-bottom: 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */

b,
strong {
  font-weight: bold;
}

/**
 * Address styling not present in Safari and Chrome.
 */

dfn {
  font-style: italic;
}

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/**
 * Address styling not present in IE 8/9.
 */

mark {
  background: #ff0;
  color: #000;
}

/**
 * Address inconsistent and variable font size in all browsers.
 */

small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

/* Embedded content
   ========================================================================== */

/**
 * Remove border when inside `a` element in IE 8/9/10.
 */

img {
  border: 0;
}

/**
 * Correct overflow not hidden in IE 9/10/11.
 */

svg:not(:root) {
  overflow: hidden;
}

/* Grouping content
   ========================================================================== */

/**
 * Address margin not present in IE 8/9 and Safari.
 */

figure {
  margin: 1em 40px;
}

/**
 * Address differences between Firefox and other browsers.
 */

hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}

/**
 * Contain overflow in all browsers.
 */

pre {
  overflow: auto;
}

/**
 * Address odd `em`-unit font size rendering in all browsers.
 */

code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

/* Forms
   ========================================================================== */

/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */

/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */

button,
input,
optgroup,
select,
textarea {
  color: inherit; /* 1 */
  font: inherit; /* 2 */
  margin: 0; /* 3 */
}

/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */

button {
  overflow: visible;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */

button,
select {
  text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */

button,
html input[type="button"], /* 1 */
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button; /* 2 */
  cursor: pointer; /* 3 */
}

/**
 * Re-set default cursor for disabled elements.
 */

button[disabled],
html input[disabled] {
  cursor: default;
}

/**
 * Remove inner padding and border in Firefox 4+.
 */

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */

input {
  line-height: normal;
}

/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */

input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome
 *    (include `-moz` to future-proof).
 */

input[type="search"] {
  -webkit-appearance: textfield; /* 1 */
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box; /* 2 */
  box-sizing: content-box;
}

/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * Define consistent border, margin, and padding.
 */

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */

legend {
  border: 0; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */

textarea {
  overflow: auto;
}

/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */

optgroup {
  font-weight: bold;
}

/* Tables
   ========================================================================== */

/**
 * Remove most spacing between table cells.
 */

table {
  border-collapse: collapse;
  border-spacing: 0;
}

td,
th {
  padding: 0;
}
@font-face {
  font-family: "Arimo";
  src: url("./fonts/arimo/Arimo-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Arimo";
  src: url("./fonts/arimo/Arimo-Italic.ttf") format("truetype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "Arimo";
  src: url("./fonts/arimo/Arimo-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Arimo";
  src: url("./fonts/arimo/Arimo-BoldItalic.ttf") format("truetype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}


/* ============================= CSS RESET ============================== */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video, input {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
html {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
*, *:before, *:after {
	-webkit-box-sizing: inherit;
	-moz-box-sizing: inherit;
	box-sizing: inherit;
  }
img,
video {
    vertical-align: middle;
}
.clear {
	clear:both;
}

input.inputbox,
input.button {
	-webkit-appearance: none;
	border-radius: 0;
}

.header_left img,
.slider_box img,
.info_b img,
.box_right img,
.box_left img,
.footer_banner img {
	max-width:100%;
	height:auto;
}


/* ============================= CUSTOM CSS ============================== */

html {
	overflow-y: scroll;
}
body {
	font-family: 'Arimo', sans-serif;
	background:#f2f2f2;
}


.wrapper {
	max-width:1280px;
	margin:0 auto;
	background:#fff;
}


.header_fixed {
	position:fixed;
	width:1280px;
	background:#fff;
	z-index:999;
	height:113px; 
	display:block;
}
.header {
	border-top:8px solid #ae0b04;
	position:relative;
	padding-top:12px;
	margin-bottom:15px;
}
.header_left {
	float:left;
	width:30%;
}
.header_right {
	float:right;
	width:65%;
}
.header_left img {
	padding-left:60px;
	max-width:360px;
	height:auto;
}
.facebook {
	text-align:right;
	margin-right:40px;
}


.navigation_desktop,
.navigation_desktop_content {
	position:absolute;
	bottom:0;
	width:65%;
	height:42px;
	background-image:url(../images/bg_mainnav.png);
	background-repeat:repeat-x;
	display:block;
}
.navigation_desktop ul,
.navigation_desktop_content ul {
	padding-left:15px;
}
.navigation_desktop ul li,
.navigation_desktop_content ul li {
	display:inline-block;
	height:42px;
	padding-top:6px;
	margin-right:10px;
	min-width:80px;
	text-align:center;
}
.navigation_desktop ul li a,
.navigation_desktop_content ul li a {
	color:#fff;
	text-decoration:none;
	line-height:42px;
	height:42px;
	display:block;
	padding:0 14px;
	font-size:15px;
	font-weight:700;
}
.navigation_desktop ul li:hover,
.navigation_desktop ul li.active,
.navigation_desktop_content ul li:hover,
.navigation_desktop_content ul li.active {
	background-image:url(../images/bg_mainnav_active2.png);
	background-repeat:no-repeat;
	background-position:top center;
}


.main_content {
	padding-top:165px;
}
body.home .main_content {
	padding-top:113px;
}

.slider_box,
.slider_aktuelles {
	visibility:hidden;
}
.slider_box {
	border-bottom:3px solid #fff;
}
.caption {
	position:absolute;
    top:44.5%;
    left:75px;
    z-index:10;
	color:#fff;
}
.caption h3 {
	font-weight:700;
	font-size:45px;
	padding-bottom:7px;
	padding-left:20px;
}
.caption_text {
	background-color: rgba(0, 0, 0, 0.45);
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding:10px 70px 15px 20px;
	line-height:34px;
	font-size:26px;
	position:relative;
	font-weight:400;
}
.caption_text a {
	color:#ffffff;
}



.search_box {
	background:#ae0b04;
	padding:10px 40px 10px 70px;
	border-bottom:1px solid #fff;
}
body.home .search_box.fix-search,
.search_box.search_box_content {
	/* background:blue; */
	position:fixed;
	top:113px; 
	z-index:999;
	width:1280px;
}
body.home .search_box.fix-search {
	top:113px;
}
.search_box_left {
	width:50%;
	float:left;
	color:#fff;
	font-weight:700;
	font-size:32px;
	line-height:30px;
}
.search_box_right {
	width:50%;
	float:right;
	text-align:right;
}
.search_box_left img {
	margin-right:20px;
	margin-top:-4px;
	height:100%;
	width:auto;
}
input {
	border:none;
	height:32px;
	width:45%;
	/* background-image:url(../images/icon_search.png);
	background-repeat:no-repeat;
	background-position:right; */
}
input[type="search"] {
	padding-left:5px;
}
.search .button {
	float:right;
	height:32px;
	width:32px;
}
.search {
	line-height: 22px;
    font-size: 18px;	
}
.search a {
	color:#ae0b04;	
}
.result-text {
	margin-bottom:30px;
}



.pagination {
	width:100%;
	display:block;
	text-align:center;
	margin-top:50px;
}

.pagination ul li {
	display: inline-block;
}





.info_box {
	margin:1px 40px 1px 93px;
	color:#ae0b04;
}
.info_a,
.info_b,
.info_c,
.info_d {
	float:left;
	width:25%;
	white-space:nowrap;
}
.info_a {
	margin:15px 0 5px 0;
	padding:8px 40px 8px 0;
}
.info_c {
	margin:15px 0 5px 0;
	padding:8px 30px;
}
.info_d {
	margin:15px 0 10px 0;
	padding:8px 0px 8px 40px;
}
.info_b {
	overflow:hidden;
}
.info_d {
	background-image:url(../images/dot_vertical.jpg);
	background-repeat:repeat-y;
	background-position:left;
}
.info_box h3 {
	font-weight:700;
	padding-bottom:10px;
	font-size:18px;
}
.info_box a,
ul.infonav li a {
	color:#ae0b04;
	text-decoration:none;
	border-bottom:1px solid #ae0b04;
}
.info_box ul li,
ul.infonav li {
	line-height:28px;
	font-size:18px;
}
.info_box ul.infonav li,
ul.infonav li {
	padding-left:30px;
	background-image:url(../images/bg_infonav.png);
	background-repeat:no-repeat;
	background-position:left;
}
ul.infonav li.current {
	background-image:url(../images/bg_infonav_active.png);
}
ul.infonav li.current a {
	color:#7f7f7f;
	border-bottom:1px solid #7f7f7f;
}
.info_a .custom ul li {
	line-height: 24px;
}





.content_box {
	padding:51px 75px 23px 93px;
	color:#4c4c4c;
}
body.home .content_box {
	-webkit-box-shadow: inset 0px 10px 10px 0px rgba(0,0,0,0.12);
	-moz-box-shadow: inset 0px 10px 10px 0px rgba(0,0,0,0.12);
	box-shadow: inset 0px 10px 10px 0px rgba(0,0,0,0.12);
}
body.home .content_box {
	background:#ae0b04;
	color:#fff;
}
.content_box_left {
	float:left;
	width:50%;
}
.content_box_right {
	float:right;
	width:50%;
	padding-left:40px;
}
body.home .content_box h2 {
	font-weight:700;
	font-size:29px;
	padding-bottom:15px;
	color:#fff;
}
.content_box p,
.box p {
	line-height:22px;
	padding-bottom:22px;
	font-size:18px;
}
body.home .content_box a {
	color:#fff;
	text-decoration:none;
	border-bottom:1px solid #fff;
}


.box {
	padding:51px 90px 0 93px;
	color:#575656;
}
.box_left {
	float:left;
	width:50%;
}
.box_right {
	float:right;
	width:50%;
	padding-left:40px;
}
.box_titel h2 {
	font-size:48px;
	padding-bottom:19px;
	color:#ae0b04;
	font-weight:bold;
}
.box_subnav ul li {
	display:inline-block;
}
.box h3,
.item-page h3 {
	padding-bottom:20px;
	color:#ae0b04;
	font-weight:bold;
	font-size:18px;
}	
.box .bild_text {
	margin:10px 0 0 0;
	text-align:right;
	font-size:12px;
}
.box_subnav ul {
	margin-bottom:60px;
}
.box_subnav ul li {
	background-color: #7f7f7f;
	min-width:190px;
	margin-bottom:3px;
	margin-right:3px;
	height:30px;
}
.box_subnav ul li a {
	color: #fff;
	text-decoration:none;
	padding:1px 15px 0 34px;
	display:block;
	font-size:16px;
	line-height:30px;
	background-image:url(../images/bg_subnav.png);
	background-repeat:no-repeat;
	background-position:0 5px;
}
.box_subnav ul li:hover,
.box_subnav ul li.active,
body.home .box_subnav ul li.item-117 {
	background-color: #ae0b04;
}
.box.ueberuns,
.content_box.ueber-uns {	
	background-image:url(../images/bg_ueberuns2.png);
	background-repeat:no-repeat;
	background-position:left top;
}
.box.technik,
.content_box.technik {	
	background-image:url(../images/bg_technik2_neu.png);
	background-repeat:no-repeat;
	background-position:right top;
}
.box.aktuelles,
.content_box.aktuelles {	
	background-image:url(../images/bg_aktuelles2.png);
	background-repeat:no-repeat;
	background-position:left top;
}
.box.service,
.content_box.buergerservice {	
	background-image:url(../images/bg_service2.png);
	background-repeat:no-repeat;
	background-position:left top;
}
.box.kontakt,
.content_box.kontakt {	
	background-image:url(../images/bg_kontakt2.png);
	background-repeat:no-repeat;
	background-position:left top;
}
.seperator {
	height:2px;
	margin:55px 90px 0 93px;	
	background-image:url(../images/dot_horizontal.jpg);
	background-repeat: repeat-x;
	background-position:center;
}
.box.service .custom {
	padding-top:15px;
}
.box_subsubnav .moduletable.subsub_nav {
    width: auto;
	display:flex;
	float:left;
}
ul.kontakt_links li {
	font-size:18px;
}
ul.kontakt_links li a {
	border-bottom:none !important;
	font-size:18px;
}
.box.kontakt .box_row.first {
	margin-top:75px;
}

.slider_aktuelles {
	width:100%;
	height:270px;
	background:#4c4c4c;
	color:#fff;
	padding-left:63px;
	padding-right:60px;
	position:relative;
}
.bxslider_news_content {
	position:absolute;
	top:30px;
	left:0px;
	min-height:205px;
	color:#fff;
	background-image:url(../images/dot_vertical_white.png);
	background-repeat:repeat-y;
	background-position:right;
	font-size:17px;
	line-height:22px;
	padding:0 30px;
}
.bxslider_news_content.no_border,
ul.bxslider_news li:last-child .bxslider_news_content {
	background-image:none;
}
.bxslider_news_content h4 {
	font-weight:700;
	padding-bottom:10px;	
}
.bxslider_news_content p {
	line-height:22px;
	font-size:15px;
}
.bxslider_news_content a {
	color:#fff;
	text-decoration:none;
}
.bxslider_news_content a:hover {
/*	border-bottom:1px solid #fff; */
}
#slider_aktuelles_prev a {
	position:absolute;
	left:40px;
	top:50%;
	height:36px;
	width:25px;
	margin-top:-18px;
	background-image:url(../images/control_pev.png);
	background-repeat:no-repeat;
	cursor:pointer;
	display:block;
}
#slider_aktuelles_prev a:hover {
	background-image:url(../images/control_pev_hover.png);
}
#slider_aktuelles_next a {
	position:absolute;
	right:40px;
	top:50%;
	height:36px;
	width:25px;
	margin-top:-18px;
	background-image:url(../images/control_next.png);
	background-repeat:no-repeat;
	cursor:pointer;
	display:block;
}
#slider_aktuelles_next a:hover {
	background-image:url(../images/control_next_hover.png);
}
#slider_aktuelles_prev a.disabled,
#slider_aktuelles_next a.disabled {
	background-image:none;
}
	

.gray_box {
	background:#f2f2f2;
	padding:15px;
	color:#4c4c4c;
	margin-bottom:20px;
	font-size:18px;
}
.box_left .gray_box {
	-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;
}
.box_right .gray_box.top {
	-webkit-border-radius: 10px 10px 0px 0px;-moz-border-radius: 10px 10px 0px 0px;border-radius: 10px 10px 0px 0px;
}
.box_right .gray_box.bottom {
	-webkit-border-radius: 0px 0px 10px 10px;-moz-border-radius: 0px 0px 10px 10px;border-radius: 0px 0px 10px 10px;
}
.box.service .box_left,
.content_box.buergerservice .box_left {
	width:30%; 
	float:left;
}
.box.service .box_right,
.content_box.buergerservice .box_right {
	width:40%; 
	float:left;
}
.gray_box h3 {
	color:#4c4c4c;
	font-weight:700;
	padding-bottom:15px;
}
span.gray_box_left  {
	width:60%;
	display:inline-block;
}
span.gray_box_right  {
	width:40%;
	display:inline-block;
	text-align:right;
}
.gray_box ul li {
	line-height:26px;
	border-bottom:1px solid #c2c2c2;
}
.gray_box ul li:last-child {
	border-bottom:none;
}


.box_row {
	margin-bottom:55px;
	font-size:18px;
}
.box_drittel {
	width:33.33333%;
	float:left;
}
img.kontakt_icon {
	padding:0 15px 15px 0;
	margin-bottom:-3px;
}
.box_row h3 {
/*	margin-bottom:20px; */
}
.box_row h4 {
	font-weight:700;
	margin-bottom:15px;
}
.box_row a {
	color:#4c4c4c;
	text-decoration:none;
	border-bottom:1px solid #4c4c4c;
	line-height:26px;
}


.copyright {
	padding:50px 0 20px 93px;
	color:#ae0b04;
	font-size:13px;
}
.copyright a {
	color:#ae0b04;
	text-decoration:none;
	border-bottom:1px solid #ae0b04;
}


.footer {
	background:#ae0b04;
	padding-bottom:20px;
}
.navigation_footer {
	float:left;
	width:75%;
	padding:20px 0 20px 93px;
}
.footer_banner {
	float:right;
	width:25%;
	padding:20px 40px 20px 0;
	text-align:right;
}

.navigation_footer ul {
	list-style:none;
}
.navigation_footer ul a  { 
	display:inline-block;
	color:#fff;
	text-decoration:none;
}
.navigation_footer ul li  {
	position:relative;
	float:left;
	padding-right:67px;
}
.navigation_footer ul li a {
	font-weight:700;
	padding-bottom:15px;
}
.navigation_footer ul ul li a {
	font-weight:400;
	padding-bottom:0px;
	font-size:13px;
	margin-bottom:6px;
	border-bottom:1px solid #fff;
}
.navigation_footer ul ul {
	position:absolute;
	top:100%;
	left:0;
	display:block;
}
.navigation_footer ul ul li {
	float:none;
	width:300px;
}



.moduletable.subsub_nav {
	float:left;
	padding-right:40px;
	display:flex;
	height:100%;
}

.blog .pull-right.item-image img {
	float:right;
	width:180px;
	height:auto;
	margin-left:30px;
	margin-top:0px;
}
.date_time {
	font-size:85%;
	margin:-10px 0 20px 0;
	color:#666;
}
.blog .date_time {
	margin:10px 0 10px 0;
}
.clearfix {
	clear:both;
}
.blog h2 {
	font-weight:700;
	color:#ae0b04;
	font-size:18px;
}
.blog .items-row {
	background-image:url(../images/dot_horizontal.jpg);
	background-repeat: repeat-x;
	background-position:bottom;
	display: block;
	padding-bottom:10px;
	margin-bottom:30px;
	width: 100%;
    clear: both;
    float: left;
}
.blog .items-row p {
	max-width:80%;
}

.readmore {
	float:left;
}
.readmore a {
    background-image: url(../images/bg_infonav.png);
    background-repeat: no-repeat;
    background-position: left;
	color:#ae0b04;
	padding:10px 0 10px 30px;
}
img.slider_intro_image  {
	max-width:35%;
	height:auto;
	float:left;
	margin-right:15px;
}
img.content_gallery {
	height:140px;
	width:auto;
	float:left;
	margin:5px 10px 5px 0;
}

.kategorie h1 {
	font-size:48px;
	font-weight:700;
	color:#ae0b04;
	margin:0px 0 19px 0;
}
.item-page h2,
.blog h1 {
	font-weight:700;
	color:#ae0b04;
	margin:0px 0 20px 0;
	line-height: 28px;
	font-size:18px;
}
.item-page a.jcepopup img {
	max-width:65%;
	height:auto;
}
.item-page img {
	max-width:100%;
	height:auto;
}
.item-page ul {
	list-style-type: none;
	font-size:18px;
	line-height:22px;
	margin-left:10px;
	margin-bottom:22px;
}

.item-page ul > li {
  text-indent: -11px;
}
.item-page ul > li:before {
  content: "- ";
  text-indent: -5px;
}
body.notrufnummern .item-page ul,
body.kontakt .item-page ul {
	margin-left:0px;
	margin-bottom:0px;
}
body.notrufnummern .item-page ul > li,
body.kontakt .item-page ul > li {
  text-indent: 0;
}
body.notrufnummern .item-page ul > li:before,
body.kontakt .item-page ul > li:before {
  content: "";
  text-indent: 0;
}
.field-entry  {
	line-height:22px;
}
span.field-label {
	font-weight:700;
	display:inline-block;
	min-width:100px;
}
.field-entry.ausruestung {
	margin:20px 0;
}
.box_funktionaere {
	margin-top:-45px !important;
}
.single_funktionaer {
	float:left;
	width:15%;
	margin-right:2%;
	color:#ae0b04;
	min-height:330px;
	font-size:12px;
	line-height:16px;
}
.funktionaer_image {
	max-height:215px;
	overflow:hidden;
}

.single_funktionaer img {
	width:100% !important;
	height:auto;
}
.funktionaer_name {
	font-weight:700;
	margin:5px 0 3px 0;
}

body.allgemeines .item-page,
body.aktivitaeten .item-page,
body.impressum .item-page {
	max-width:850px;
}
body.verhalten-im-brandfall .item-page {
	max-width:1000px;
}
body.haeufige-brandgefahren .item-page,
body.toedliche-fehler .item-page,
body.verwenden-von-feuerloeschern .item-page {
	max-width:800px;
}
body.zivilschutzalarm .item-page,
body.einsaetze .item-page,
body.einsaetze .highslide-gallery,
body.uebungen .item-page,
body.uebungen .highslide-gallery,
body.veranstaltungen .item-page,
body.veranstaltungen .highslide-gallery {
	max-width:800px;
	padding-left:110px;
}
body.allgemeines .jcemediabox-image img {
	max-width:450px;
	height:auto;
}
body.mehrzweckanhaenger .highslide-gallery {
	margin-top:22px;
}
body.mehrzweckanhaenger-lz .highslide-gallery {
	margin-top:22px;
}
.item_slider {
	margin-top:20px;
}
.brandgefahren_item {
	width:100%;
	display:block;
}
.pull-left.item-image {
	float:left;
	margin-top:0px;
	margin-right:20px;
	margin-bottom:10px;
}
body.haeufige-brandgefahren .blog .items-row,
body.toedliche-fehler .blog .items-row,
body.verwenden-von-feuerloeschern .blog .items-row {
	max-width:650px;
	background-image:none;
	float:left;
	clear:none; 
	margin-bottom: 10px; 
}
body.aktivitaeten .blog .items-row {
	max-width:80%;
	float:right;
	clear:none; 
	margin-bottom: 10px; 
}
body.haeufige-brandgefahren .blog .items-row.row-7 .pull-left.item-image {
	margin-top: -6px; 
	margin-left:-9px;
	margin-right:10px;
}
.item a {
	color:#ae0b04;
}




.info_a_mobile,
.mobilemenu_trigger,
.mobile_menu_box,
body.home .navigation_desktop_content,
body .navigation_desktop,
.info_box,
.wrapper_home_modules,
.info_a_mobile,
body.home .kategorie,
.box_subnav.mobile,
body.einsaetze .published,
body.uebungen .published,
body.veranstaltungen .published,
body.aktivitaeten .published,
fieldset.phrases, 
fieldset.only,
.form-limit,
.element-invisible,
form#searchForm,
.result-category,
.result-created {
	display:none;
}
body.home .navigation_desktop,
body.home .info_box,
body.home .wrapper_home_modules,
.box_subnav.desktop {
	display:block;
}

/* ========================================= MEDIA QUERIES ========================================= */

@media (max-width: 1290px) {
.bx-wrapper .bx-pager {
	width:100%;
}
.info_b {
	display:none;	
}
.info_a {
	width:25%;
}
.info_c,
.info_d {
	width:37.5%;
}
.info_c {
	background-image:url(../images/dot_vertical.jpg);
	background-repeat:repeat-y;
	background-position:left;
}
.info_c {
	padding:8px 40px;
}
}	
/* ==================================== 1160 ================================== */	
@media (max-width: 1160px) {
	
body.haeufige-brandgefahren .blog .items-row,
body.toedliche-fehler .blog .items-row,
body.verwenden-von-feuerloeschern .blog .items-row {
	max-width:450px;
}
}	
	
	
/* ==================================== 1100 ================================== */	
@media (max-width: 1100px) {
.header_fixed {
	height:95px; 
}
.header_left img {
	max-width:300px;
}
body.home .search_box.fix-search,
.search_box.search_box_content {
	top:95px; 
}
.main_content {
	padding-top:147px;
}
body.home .main_content {
	padding-top:95px;
}
.single_funktionaer {
	width:25%;
	margin-right:5%;
}
}	
/* ==================================== 1060 ================================== */
@media (max-width: 1060px) {
	


.box.service .box_left,
.box.service .box_right,
.box_drittel,
.navigation_footer,
.footer_banner  {
	float:left;
	width:50%;
}
.footer_banner  {
	text-align:left;
	padding:20px;
}
.navigation_footer  {
	display:none;
}
.bxslider_news_content {
	border:none;
}
}
	

	
/* ==================================== 970 ================================== */
@media (max-width: 970px) {

.navigation_desktop,
.navigation_desktop_content,
.facebook,
body.home .mobile_menu.content,
.mobile_menu.startseite 	{
	display:none !important;
}
body.home .mobile_menu.startseite 	{
	display:block !important;
}
.mobilemenu_trigger {
	display:block;
	text-align:right;
}
.mobilemenu_trigger img {
	padding-top:2px;
}
.header_fixed {
	height:88px; 
}
.header_left img {
	width:250px;
}
body.home .search_box.fix-search,
.search_box.search_box_content {
	top:88px; 
}
.main_content {
	padding-top:122px;
}
body.home .main_content {
	padding-top:90px;
}
.header_right {
	width:30%;
}
.header_left {
	width:30%;
}
.header_left img {
	padding-left:15px;
}
.header_right  {
	padding-right:15px;
}
.header {
	padding-top:8px;
	margin-bottom:10px;
}
.search_box,
.content_box,
.box,
.navigation_footer,
.navigation_banner,
.copyright  {
	padding-left:15px;
	padding-right:15px;
}
input {
	width:80%;
}
.info_box {
	margin-left:15px;
	margin-right:15px;
}
.content_box_left,
.content_box_right {
	float:left;
	width:100%;
	padding-left:0px;
}
.header_fixed {
	height:auto;
}
.caption {
    top:inherit;
	bottom:30px;
}
.caption h3 {
	font-size:26px;
}
.caption_text {
	line-height:22px;
	font-size:18px;
}
.mobile_menu_box {
	background:#f2f2f4;
	width:100%;
	padding:40px 0;
	position:fixed;
	left:0;
	right:0;
	z-index:9999999;
}
.mobile_menu a {
	color:#7b797c;
	text-decoration:none;
}
.mobile_menu li a {
	border-bottom:1px solid #d8d6d8;
	display:block;
	padding-left:45px;
	line-height:32px;
	background-image:url(../images/icon_mobilemenu_parent.png);
	background-repeat:no-repeat;
	background-position:15px;
}
.mobile_menu ul li:first-child a {
	border-top:1px solid #d8d6d8;
}

.mobile_menu ul ul li a {
	padding-left:80px;
}
.mobile_menu li a:hover {
	background-color:#e6e5e7;
}
.mobile_menu ul ul {
	display:none;
}
.search_box {
	padding:4px 15px;
}
.search_box_left {
    font-size: 18px;
	line-height:18px:
}
input {
	height:24px !important;
	font-size:12px;
	line-height:24px;
	/*	background-image:url(../images/icon_search_mobile.png); */
}
.search .button {
	float:right;
	height:24px;
	width:24px;
}
.search_box_right  {
	margin-top:2px;
}
.search_box_left img {
	height:20px;
	width:auto;
}
.seperator {
	height:2px;
	margin:55px 15px 0 15px;	
	background-image:url(../images/dot_horizontal.jpg);
	background-repeat: repeat-x;
	background-position:center;
}
}
	
/* ==================================== 900 ================================== */
@media (max-width: 970px) {	
body.aktivitaeten .blog .items-row {
    max-width: 70% !important;
}


}
/* ==================================== 860 ================================== */
@media (max-width: 860px) {

.header_fixed {
	height:60px; 
}
.header_left img {
	width:150px;
}
body.home .search_box.fix-search,
.search_box.search_box_content {
	top:60px; 
}
.main_content {
	padding-top:97px;
}
body.home .main_content {
	padding-top:60px;
}	
}
/* ==================================== 815 ================================== */	
@media (max-width: 815px) {
	
body.haeufige-brandgefahren .blog .items-row,
body.toedliche-fehler .blog .items-row,
body.verwenden-von-feuerloeschern .blog .items-row {
	max-width:350px;
}
}
/* ==================================== 790 ================================== */
@media (max-width: 790px) {
	.info_a {
	padding:8px 15px 8px 0;
}
.info_c {
	padding:8px 15px;
}
.info_d {
	padding:8px 0px 8px 15px;
}	
	
}

/* ==================================== 750 ================================== */
@media (max-width: 750px) {
.box_subnav.desktop,
body.home .mobile_menu.content,
.mobile_menu.startseite  {
	display:none;
}
body.home .mobile_menu.startseite  {
	display:block;
}
.box_subnav.mobile {
	display:block;
	margin-top:30px;
}
body.zivilschutzalarm .item-page,
body.einsaetze .item-page,
body.einsaetze .highslide-gallery,
body.uebungen .item-page,
body.uebungen .highslide-gallery,
body.veranstaltungen .item-page,
body.veranstaltungen .highslide-gallery {
	padding-left:0;
	max-width:100%;
}
body.home .info_a_mobile,
.info_c,
.info_d,
.info_c a,
.info_d a {
	font-size:12px !important;
	line-height:16px !important;	
}
p,
.box.service h3,
.box.service ul li,
.box.kontakt h3,
.box.kontakt ul li,
.item-page ul li,
.search {
	font-size:13px !important;
	line-height:16px !important;
}
.date_time {
	font-size:11px !important;
}
.item-page ul > li {
  text-indent: -7px;
}
.fields-container {
	font-size:13px !important;
}
.field-entry {
	line-height:16px !important;
}
.box.service ul li {
	line-height:18px !important;
}
.box.kontakt h3 {
	display:none;
}
.content_box p,
.box p {
	padding-bottom: 14px;
}
.content_box {
    padding-top:20px;
    padding-bottom:0px;
}
body.home .content_box h2 {
    font-size: 18px;
    padding-bottom: 0px;
}
.box h2 {
    font-size: 30px;
    padding-bottom: 0px;
}
.info_box ul.infonav li, ul.infonav li {
    padding-left: 25px;
	font-size:13px;
}
.info_a,
.box_left,
.box_right,
.box.service .box_left,
.box.service .box_right,
.box_drittel, 
.navigation_footer,
.footer_banner  {
	float:left;
	width:100%;
}
.info_a,
.info_b {
	display:none;
}
.box.ueberuns .box_right,
.box.technik .box_left {
	margin-bottom:30px;
}

.box.aktuelles .box_subnav {
	padding-top:15px;
}
.box_subnav ul li {
    width: 100%;
}
.box_subsubnav .moduletable.subsub_nav {
    width: 100%;
	display:block;
	margin-bottom:30px;
}
.box_subsubnav .moduletable.subsub_nav ul li a {
	font-size:14px;
}

.info_c,
.info_d {
	margin:8px 0;
	padding:0px 0;
}
.info_c a,
.info_d a {
	font-size:14px;
}
.info_c,
.info_d {
	width:47%;
}
.info_c {
	padding-right:15px;
	background:none;
}
.info_d {
	padding-left:15px;
}
.info_box h3 {
    font-weight: 700;
    padding-bottom: 0px;
	font-size:13px;
}
body.home .info_a_mobile {
	display:block;
	width:100%;
	padding:7px 15px;
	color:#ae0b04;
	border-bottom:1px solid #ae0b04;
}
.box_right,
.box_left {
	padding-left:0px;	
	padding-top:15px;
}
.box .bild_text,
.footer_banner {
	text-align:left;
}
.footer_banner {
	padding:15px;
}

.caption {
    left: 45px;
	right:45px;
}

.caption h3 {
	font-size:14px;	
    padding-bottom: 5px;
	padding-left:7px;
}
.caption_text {
	padding:7px 25px 7px 7px;
}
.caption_text p {
	line-height:12px !important;
	font-size:11px !important;
}

.box_drittel h4 {
	padding-top:25px;
}
.slider_aktuelles {
    padding-left: 40px;
    padding-right: 0px;
	margin-top:40px;
}
#slider_aktuelles_prev a {
	left:15px;
}
#slider_aktuelles_next a {
	right:15px;
}
.bxslider_news_content {
    background: none;
	font-size:13px;
	line-height:16px;
}
.box.aktuelles_mobile {
	padding-top:10px;
}
ul.kontakt_links li a {
	font-size:13px !important;
}
body.allgemeines .jcemediabox-image img {
	max-width:100% !important;
	height:auto;
}
.single_funktionaer {
	width:40%;
	margin-right:5%;
}
.box_funktionaere {
	margin-top:0 !important;
}
body.haeufige-brandgefahren .blog .items-row,
body.toedliche-fehler .blog .items-row,
body.verwenden-von-feuerloeschern .blog .items-row {
	max-width:100%;
}
.blog .pull-right.item-image img {
    width: 120px;
	height:auto;
    margin-left: 20px;
    margin-top: 10px;
}
img.content_gallery {
	height:100px;
}
.single_funktionaer img.content_gallery {
	height:100%;
}

.blog .items-row p {
	max-width:100%;
}
body.aktivitaeten .blog .items-row {
    max-width: 100% !important;
    width: 100% !important;
    float: left;
}
.box.ueberuns,
.content_box.ueber-uns,
.box.technik,
.content_box.technik,
.box.aktuelles,
.content_box.aktuelles,
.box.service,
.content_box.buergerservice,
.box.kontakt,
.content_box.kontakt {	
	background-image:none;
}
}

/* ==================================== 500 ================================== */
@media (max-width: 400px) {
.slider_aktuelles {
	height: 235px;
}	
}
/**
 * @copyright	(C) 2010 Open Source Matters, Inc. <https://www.joomla.org>
 * @license		GNU General Public License version 2 or later; see LICENSE.txt
 */

/* System Messages */
#system-message {
	margin-bottom: 10px;
	padding: 0;
}

#system-message > dt {
	font-weight: bold;
	display: none;
}

#system-message > dd {
	margin: 0;
	font-weight: bold;
	text-indent: 30px;
}

#system-message > dd > ul {
	color: #0055BB;
	background-position: 4px top;
	background-repeat: no-repeat;
	margin-bottom: 10px;
	list-style: none;
	padding: 10px;
	border-top: 3px solid #84A7DB;
	border-bottom: 3px solid #84A7DB;
}

#system-message > dd > ul > li {
	line-height: 1.5em;
}

/* System Standard Messages */
#system-message > .message > ul {
	background-color: #C3D2E5;
	background-image: url(../images/notice-info.png);
}

/* System Error Messages */
#system-message > .error > ul,
#system-message > .warning > ul,
#system-message > .notice > ul {
	color: #c00;
}

#system-message > .error > ul {
	background-color: #E6C0C0;
	background-image: url(../images/notice-alert.png);
	border-color: #DE7A7B;
}

/* System Warning Messages */
#system-message > .warning > ul {
	background-color: #E6C8A6;
	background-image: url(../images/notice-note.png);
	border-color: #FFBB00;
}

/* System Notice Messages */
#system-message > .notice > ul {
	background-color: #EFE7B8;
	background-image: url(../images/notice-note.png);
	border-color: #F0DC7E;
}
/**
 * @copyright	(C) 2007 Open Source Matters, Inc. <https://www.joomla.org>
 * @license		GNU General Public License version 2 or later; see LICENSE.txt
 */

/* Import project-level system CSS */
@import url(../../../media/system/css/system.css);

/* Unpublished */
.system-unpublished, tr.system-unpublished {
	background: #e8edf1;
	border-top: 4px solid #c4d3df;
	border-bottom: 4px solid #c4d3df;
}

span.highlight {
	background-color:#FFFFCC;
	font-weight:bold;
	padding:1px 0;
}

.img-fulltext-float-right {
	float: right;
	margin-left: 10px;
	margin-bottom: 10px;
}

.img-fulltext-float-left {
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}

.img-fulltext-float-none {
}

.img-intro-float-right {
	float: right;
	margin-left: 5px;
	margin-bottom: 5px;
}

.img-intro-float-left {
	float: left;
	margin-right: 5px;
	margin-bottom: 5px;
}

.img-intro-float-none {
}/**
 * @copyright	(C) 2006 Open Source Matters, Inc. <https://www.joomla.org>
 * @license		GNU General Public License version 2 or later; see LICENSE.txt
 */

/* Form validation */
.invalid { border-color: #ff0000; }
label.invalid { color: #ff0000; }

/* Buttons */
#editor-xtd-buttons {
	padding: 5px;
}

.button2-left,
.button2-right,
.button2-left div,
.button2-right div {
	float: left;
}

.button2-left a,
.button2-right a,
.button2-left span,
.button2-right span {
	display: block;
	height: 22px;
	float: left;
	line-height: 22px;
	font-size: 11px;
	color: #666;
	cursor: pointer;
}

.button2-left span,
.button2-right span {
	cursor: default;
	color: #999;
}

.button2-left .page a,
.button2-right .page a,
.button2-left .page span,
.button2-right .page span {
	padding: 0 6px;
}

.page span {
	color: #000;
	font-weight: bold;
}

.button2-left a:hover,
.button2-right a:hover {
	text-decoration: none;
	color: #0B55C4;
}

.button2-left a,
.button2-left span {
	padding: 0 24px 0 6px;
}

.button2-right a,
.button2-right span {
	padding: 0 6px 0 24px;
}

.button2-left {
	background: url(../images/j_button2_left.png) no-repeat;
	float: left;
	margin-left: 5px;
}

.button2-right {
	background: url(../images/j_button2_right.png) 100% 0 no-repeat;
	float: left;
	margin-left: 5px;
}

.button2-left .image {
	background: url(../images/j_button2_image.png) 100% 0 no-repeat;
}

.button2-left .readmore,
.button2-left .article {
	background: url(../images/j_button2_readmore.png) 100% 0 no-repeat;
}

.button2-left .pagebreak {
	background: url(../images/j_button2_pagebreak.png) 100% 0 no-repeat;
}

.button2-left .blank {
	background: url(../images/j_button2_blank.png) 100% 0 no-repeat;
}

/* Tooltips */
div.tooltip {
	float: left;
	background: #ffc;
	border: 1px solid #D4D5AA;
	padding: 5px;
	max-width: 200px;
	z-index:13000;
}

div.tooltip h4 {
	padding: 0;
	margin: 0;
	font-size: 95%;
	font-weight: bold;
	margin-top: -15px;
	padding-top: 15px;
	padding-bottom: 5px;
	background: url(../images/selector-arrow.png) no-repeat;
}

div.tooltip p {
	font-size: 90%;
	margin: 0;
}

/* Caption fixes */
/* Caption fixes */
.img_caption .left {
        float: left;
        margin-right: 1em;
}

.img_caption .right {
        float: right;
        margin-left: 1em;
}

.img_caption .left p {
        clear: left;
        text-align: center;
}

.img_caption .right p {
        clear: right;
        text-align: center;
}

.img_caption  {
	text-align: center!important;
}

.img_caption.none {
	margin-left:auto;
	margin-right:auto;
}


/* Calendar */
a img.calendar {
	width: 16px;
	height: 16px;
	margin-left: 3px;
	background: url(../images/calendar.png) no-repeat;
	cursor: pointer;
	vertical-align: middle;
}