/* Hettemer Fregger

Farben:
Blau: #42569e
Grau: #333
Textfarbe negativ: #fff

*/

/* open-sans-300 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/open-sans-v15-latin-300.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Light'), local('OpenSans-Light'),
       url('../fonts/open-sans-v15-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v15-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v15-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v15-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v15-latin-300.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-regular - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/open-sans-v15-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Regular'), local('OpenSans-Regular'),
       url('../fonts/open-sans-v15-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v15-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v15-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v15-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v15-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-600 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/open-sans-v15-latin-600.eot'); /* IE9 Compat Modes */
  src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'),
       url('../fonts/open-sans-v15-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v15-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v15-latin-600.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v15-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v15-latin-600.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-700 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/open-sans-v15-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Bold'), local('OpenSans-Bold'),
       url('../fonts/open-sans-v15-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v15-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v15-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v15-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v15-latin-700.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-800 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 800;
  src: url('../fonts/open-sans-v15-latin-800.eot'); /* IE9 Compat Modes */
  src: local('Open Sans ExtraBold'), local('OpenSans-ExtraBold'),
       url('../fonts/open-sans-v15-latin-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v15-latin-800.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v15-latin-800.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v15-latin-800.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v15-latin-800.svg#OpenSans') format('svg'); /* Legacy iOS */
}


/* ALLGEMEINES */
html, body {
	font-size: 17px !important;
	padding: 0px !important;
	margin: 0px !important;
	color: #333 !important;
	line-height: 165% !important;
    font-family: 'Open Sans', sans-serif !important;
}


/* ----------------- FORMATIERUNGEN ----------------- */
h1, h2, h3, h4, h5, h6 {
	color: #42569e !important;
	border: 0px !important;
	font-weight: 300 !important;
}

h1 {
	margin: 0px 0px 20px 0px !important;
	font-weight:800 !important;
	color: #42569e !important;
	font-size:300% !important;
}

h2 {
	font-size:200% !important;
}

h3 {
	font-weight:600 !important;
	font-size:150% !important;
}


h2, .entry-header h2 {
	margin: 25px 0px 15px 0px !important;
}

.page-header {
	margin: 0px !important;
	border: 0px !important;
	padding: 0px !important;
}

.entry-header {
	margin: 0px !important;
}

strong {
	font-weight: 800 !important;
}

/* links */
p a, p a:visited {
	color: #333 !important;
}

p a:hover {
	color: #333 !important;
	border-bottom: 1px dotted #333 !important;
}

/* liste */
#sp-main-body ul {
	padding: 0px 0px 0px 15px !important;
}

#sp-main-body ul li {
	margin-bottom: 6px !important;
	padding: 0px 0px 0px 15px !important;
}

/* blockquote */
blockquote {
	padding: 20px !important;
	border: 0px !important;
	background: #42569e !important;
	font-size: 120% !important;
	color:#fff !important;
	text-align:center !important;
	margin-top: 25px;
	padding-top: 20px;
	padding-bottom: 30px !important;
}

blockquote h3 {
	color:#fff !important;
	font-weight:800 !important;
}

/* fehlermeldung */
div.alert-message {
	background: #42569e !important;
	color: #fff !important;
}

div.alert-message p {
	margin: 0px !important;
}

h4.alert-heading {
	font-size: 250% !important;
	color: #fff !important;
}

/* ----------------- HEADER & LOGO ----------------- */
#sp-top-bar {
	background: #42569e !important;
	padding: 30px 0px 15px 0px !important;
}

#sp-top-bar .sp-module {
	margin: 0px !important;
}

#sp-logo h1 {
	margin: 0px !important;
}

@media only screen and (max-width:767px) {
#sp-logo {
	width: 60% !important;
}
}

.sp-default-logo {
    max-width: 150px;
}

/* slideshow */
.tp-bannertimer {
	display: none !important;
}

/* MENÜ */
#sp-menu {
	margin-top: 121px !important;
	font-weight:900 !important;
}

.sp-megamenu-parent {
	float: right !important;
}

#sp-menu ul li a {
	line-height: 100% !important;
	color: #fff !important;
	font-size: 100% !important;
	text-transform:none !important;
}

/* dropdown */
.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner {
	padding: 0px !important;
}

.sp-megamenu-parent .sp-dropdown {
	z-index: 1000 !important;
	padding-top: 23px !important;
}

#sp-menu ul li ul li a {
	color: #333 !important;
}

#sp-menu ul li ul li:hover a {
	color: #fff !important;
	background: #42569e !important;
}

#sp-main-body ul li {
    margin-bottom: 10px !important;
    padding: 0px 0px 0px 30px !important;
    background: url(/images/template/icon-ballon.gif) center left no-repeat !important;
    list-style: none !important;
    margin-left: -20px !important;
}

/* mobile menu */
#offcanvas-toggler {
	line-height: 100% !important;
}

#offcanvas-toggler > i {
	margin: 2px 0px 0px 5px !important;
	padding: 0px !important;
	color: #fff !important;
	font-size:40px !important;
	margin-top: 30px !important;
}

@media only screen and (max-width:767px) {
#offcanvas-toggler {
	position: absolute !important;
	top: 25px !important;
	right: 20px !important;
}

#sp-menu {
	margin: 0px !important;
}
}

@media only screen and (min-width:767px) {
#offcanvas-toggler {
	display:none !important;
}
}


/* aufklappbar */
.offcanvas .offcanvas-menu ul.nav-child li {
	padding: 0px !important;
}

div.divuli[style] {
	padding: 0px !important;
}

.offcanvas-menu .offcanvas-inner {
	padding: 0px !important;
}

.offcanvas-menu ul.accordion-menu {
	border: 0px !important;
	margin: 50px 0px 0px 0px !important;
}

.offcanvas-menu ul.accordion-menu li {
	background: none !important;
	padding: 0px !important;
	margin: 0px !important;
	border-bottom: 1px dotted #333 !important;
}

.offcanvas-menu ul.accordion-menu li ul li {
	border-bottom: 1px dotted #fff !important;
	background: #333 !important;
}

.offcanvas-menu ul.accordion-menu li ul li ul li {
	border-bottom: 1px dotted #fff !important;
	background: #333 !important;
}

.offcanvas-menu ul.accordion-menu li a {
	line-height: 100% !important;
	padding: 12px !important;
	font-size: 15px !important;
	color: #333 !important;
	font-weight: normal !important;
	display: block !important;
	border: 0px !important;
	font-family: Open Sans, sans-serif !important;
}

.offcanvas-menu ul.accordion-menu li a:hover {
	color: #42569e !important;
	background: none !important;
}
	
.offcanvas-menu ul.accordion-menu li.current {
	background: #42569e !important;
}

.offcanvas-menu ul.accordion-menu li.current a:hover, .offcanvas-menu ul.accordion-menu li.current a {
	color: #fff !important;
}

.offcanvas-menu ul.nav.menu, .offcanvas-menu .sp-module {
	margin: 0px !important;
}

.offcanvas-menu ul.nav.menu li {
	border-bottom: 1px dotted #333 !important;
	background: none !important;
}

.offcanvas-menu ul.nav.menu li a {
	line-height: 100% !important;
	padding: 12px !important;
	font-size: 15px !important;
	color: #333 !important;
	font-weight: normal !important;
	display: block !important;
	font-family: Open Sans, sans-serif !important;
	border: 0px !important;
}

ul.accordion-menu.button-right li > .item-wrapper > .menu-button > img {
	padding: 0px 17px !important;
}

/* SEARCH */
#sp-search {
	margin-top: 15px !important;
}

#sp-search input {
	width: 100% !important;
}

.acesearch_bg_module {
	height: auto !important;
}

#sp-search .acesearch_clear {
	display: none !important;
}

/* ergebnisse */
.search .btn-toolbar button {
	background: #42569e !important;
}

.search dt.result-title, .search dt.result-title a {
	font-weight: 600 !important;
	color: #42569e !important;
}

.search .result-category, .search .form-limit {
	display: none !important;
}

.search .result-text {
	line-height: 165% !important;
}

/* FEATURE */
.tp-leftarrow {
	margin-left: 20px !important;
}

.tp-rightarrow {
	margin-right: 20px !important;
}


/* ----------------- MAIN-BODY ----------------- */
#sp-main-body {
	padding: 40px 0px !important;
}

article.item {
	margin: 0px !important;
}

.pagination > .active > a, .pagination > .active > span {
	background: #42569e !important;
	border-color: #42569e !important;
}

/* KONTAKT */
@media only screen and (max-width:768px) and (min-width:0px) {
div.linkss table.map {
		float: none !important; 
		width: 100% !important;
}
}

/* SLIDER */
.accordion-toggle {
	color: #fff !important;
	background-color: #42569e !important;
	font-weight:800 !important;
}


/* FORMULARE */
.wdform_section {
	font-family: Open Sans,sans-serif !important;
}

.wdform_column {
	border-spacing: 0px !important;
}

.mini_label {
	margin: 0px !important;
	line-height: 100% !important;
}

.wdform-field .button-submit {
	background: #42569e !important;
	font-size: 100% !important;
	margin: 0px !important;
}

.wdform-field .button-submit:hover {
	background: #42569e !important;
}

.wdform-field[type="type_name"] .wdform-element-section div {
	float: left !important;
}

.wdform-field[type="type_name"] .wdform-element-section div div {
	clear: both !important;
}

.wdform-field[type="type_name"] .wdform-element-section div input {
	width: 100% !important;
}

#form12 .wdform-ch-rad-label {
    font-size: 80% !important;
    color: #333 !important
}

#form12 .wdform-label {
    color: #333 !important
}

/* ----------------- FOOTER ----------------- */
#sp-footer {
	background:#42569e !important;
	text-align: center !important;
	font-size: 90% !important;
}


/* ----------------- ERROR PAGE ----------------- */
.error-page body {
	background: #42569e !important;
	font-family: Open Sans,sans-serif !important;
}

.error-page h1 {
	color: #fff !important;
	font-size: 1200% !important;
	font-weight: 700 !important;
	line-height: 100% !important;
	border-top: 1px solid #fff !important;
	border-bottom: 1px solid #fff !important;
	display: inline !important;
}

.error-page h2 {
	color: #fff !important;
	font-size: 400% !important;
	margin-top: 70px !important;
	font-weight: 300 !important;
}

.error-page h3 {
	color: #fff !important;
	margin-bottom: 45px !important;
}

.error-page a.zbutton {
	color: #fff !important;
	padding: 15px 50px !important;
	border: 1px solid #fff !important;
	margin-right: 5px !important;
}

.error-page a.button {
	color: #42569e !important;
	padding: 15px 30px !important;
	border: 1px solid #fff !important;
	background: #fff !important;
	font-weight: 600 !important;
}

.error-page a.zbutton:hover, .error-page a.button:hover {
	background: #42569e !important;
	color: #fff !important;
}

/* ----------------- SITEMAP ----------------- */
#jmap_sitemap a {
	color: #333 !important;
}

#jmap_sitemap a:hover {
	color: #333 !important;
	border-bottom: 1px dotted #333 !important;
}

.folder {
	color: #333 !important;
}

img {
	display: inline;
  vertical-align: baseline !important;
  }

/*----------------- DOTTED OUTLINE ELIMINIERUNG -----------------*/
  a {
   outline: 0 !important;
}

/* COOLIE SCRIPT */
.cookie-bar-text, .cookie-bar-link, .cookie-bar-button {
	font-size:85%;
}

/* ZEITSTRAHL */
.jux-tl-info {
    background: none repeat scroll 0 0 #42569e !important;
    font-weight:600 !important;
    color:#fff !important;
    border-radius: 0px !important;
    padding: 10px 40px !important;
}

.jux-tl-item h2 a {
    color: #fff !important;
    font-weight:800 !important;
    font-size:90% !important;
}

.jux-tl-item .jux-tl-time {
    color: #42569e !important;
    font-size: 17px !important;
    font-weight: 800 !important;
}

.jux-tl-item .jux-tl-desc {
    color: #fff !important;
    font-size:110% !important;
}


.jux-tl-info  h2, .entry-header h2 {
    margin-top: 10px !important;
    margin-bottom: 15px !important;
}

/* TABLE ZEBRA LOOK */
 tr:nth-child(even) {
    background-color: #f2f2f2
}

td a:hover {
    color: #42569e !important;
}

dt.category {
	display:none !important;
}

dd.category {
	display:none !important;
}

div#jem dt {
    padding: 0 !important;
}

#left-side {
    float: left;
    width: 48% !important;
    padding-bottom:20px;
}

#right-side {
    float: right;
    width: 48% !important;
    padding-bottom:20px
}

@media only screen and (max-width:767px) {
#left-side {
	  width: 100% !important;
}
}

@media only screen and (max-width:767px) {
#right-side {
	  width: 100% !important;
}
}
@media only screen and (max-width:767px) {
h1 {
	  	font-size:200% !important;
}

@media only screen and (max-width:767px) {
h2 {
	  	font-size:180% !important;
}

.cf-content-wrap, .cf-form-wrap {
    padding-left:0px;
}