/* FARBEN

SWB-Blau: #009ee3;
Helles Blau: #bce3fa;
Text: #575756;

 */

html {
	font-family: 'Roboto', Arial, sans-serif;
}

body {
	font-size:13px !important;
	background: url("/jakarta.faces.resource/img/bg_swb.jpg.xhtml?ln=swb") top center no-repeat !important;
}

p {
	font-family: 'Roboto', Arial, sans-serif;
	font-size:110%;
	line-height:160%;
	margin: 0;
	padding: 4px 0 0 0;
}

#sp-main-body-wrapper .container {
	background-color: #fff !important;
}

#main-body {
	margin: 0 10px;
}

#component-area p {
	line-height:180%;

}

a {
	font-family: 'Roboto', Arial, sans-serif;
}

.logo-wrapper {
	margin: 5px 0 0 -12px !important;
}

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

#stoerungshotline {
	position: relative;
	text-align:right;
	float: right;
}

#stoerungshotline a, #stoerungshotline a img {
	z-index: -100;
	position: relative;
}

#hotline img {
	margin-right: -7px;
}



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

ul.sigProElegant li.sigProThumb a.sigProLink {
    color: #333;
    background-color: #bce3fa;
    border: 8px solid #bce3fa;
}

ul.sigProElegant li.sigProThumb a.sigProLink:hover {
    color: #EEE;
    text-decoration: none;
    background-color: #009ee3;
    border: 8px solid #009ee3;
}

.backtotop {
    background-color: #009ee3;
    width: 45px;
    bottom: 70px;
    right: 0;
    min-height: 45px;
    overflow: hidden;
    z-index: 403;
    position: fixed;
    display: block;
    text-align: center;
    color: white !important;
    border-radius: 5px 0 0 5px;
    transition: all 0.7s ease-in-out 0s;
}

#jcemediabox-popup-img, #jcemediabox-popup-object, #jcemediabox-popup-iframe {
    text-align: center;
	background: #f6f7f9;
}

#ff_listItem957 {
	display: none !important;
}

/* LISTS ---------------------------------------------------------------------------------------- */

#sp-component ul {
	text-align:left;
	list-style:none;
	margin: 10px 0 12px 0;
	padding: 0;
	font-size: 105%;
}

#sp-component li {
	padding: 0 0 7px 12px;
	margin:0 0 0 0;
	text-transform: none;
	letter-spacing: 0;
	font-size: 105%;
}

#sp-right ul {
	text-align:left;
	list-style:none;
	margin:0;
	padding:10px 0;
}

#sp-right li {
	padding: 0 0 4px 12px;
	margin:0 0 0 0;
	text-transform: none;
	letter-spacing: 0;
}

/* Schriftformatierungen */

h1,h2,h3,h4,h5,h6 {
	font-family: 'Roboto', Arial, sans-serif;
	font-weight:300 !important;
	text-transform: none;
	line-height:125%;
	color:#009ee3;
	text-rendering:optimizelegibility;
}

h1 small,h2 small,h3 small,h4 small,h5 small,h6 small {
	font-weight:normal;
	line-height:1;
	color:#999;
	font-family: 'Roboto', Arial, sans-serif;
}

.blog-featured h1 {
	font-size:14px; 
	font-weight:normal; 
	letter-spacing:0;
	text-transform:none;
	font-family: 'Roboto', Arial, sans-serif;
	color: #009ee3;
	padding-bottom: 0;
}

.item-title {
    border-bottom: 0 dashed #333 !important;
    font-weight: normal;
}

#sp-footer1 h3, #sp-footer2 h3, #sp-footer3 h3, #sp-footer4 h3 {
	font-size:16px; 
	letter-spacing:0;
	text-transform:none;
	font-family: 'Roboto', Arial, sans-serif;
	color: #009ee3;
	padding: 0 0 5px 0;
	font-weight:300 !important;
}

div#sp-component > div.blog > div.items-row.cols-3.row-fluid.clearfix > div.span4 h1 {
	font-size:14px; 
	font-weight:normal; 
	letter-spacing:0;
	text-transform:none;
	font-family: 'Roboto', Arial, sans-serif;
	color: #009ee3;
	padding-bottom: 0;
}

h1 {
	font-size:280%;
	margin: 12px 0 8px 0;
}

h2 {
	font-size:175%;
	margin: 25px 0 10px 0;
}

h3 {
	font-size:150%;
	margin: 20px 0 10px 0;
}

.module h3 {
    font-size: 135% !important;
    font-weight: 300;
    margin: 0 0 10px;
    line-height: normal;
}

h4 {
	font-size:140%;
	margin: 20px 0 20px 0;
}

h5 {
	font-size:120%;
	margin: 20px 0 20px 0;
}

h6 {
	font-size:110%;
	margin: 20px 0 20px 0;
}

strong {
	font-weight: 500 !important;
}

/* TEXTLINKS */

a:not(.btn) {
    color: #009ee3;
}

a:hover:not(.btn) {
    color: #00b2ff;
}

/* SONSTIGE FORMATIERUNGEN */

.page-header
{
  	padding-bottom: 0;
	margin: 0;
	border-bottom: 0 dashed #ffffff;
	font-weight: 300;
}

div.mod-languages ul {
    margin-left: 0;
    padding: 0;
    list-style: none outside none;
    text-align: center;
}

blockquote {
	background: #bce3fa;
	padding: 15px 15px;
	margin: 20px 0;
	border-left: 15px solid #e0f3ff;
}

blockquote h3 {
	margin: 0 0 !important;
	padding: 0 0 10px 0 !important;
}

blockquote p {
	font-size:100%;
	line-height: 180%;
}

hr {
	border: 1px solid #bce3fa;
}

/* TEMPLATE */

.body-innerwrapper {
    background-color: transparent !important;
    box-shadow:none !important;
}

div#header {
	padding: 0;
	position: relative !important;
	z-index: 20 !important;
}

@media only screen and (max-width:1060px) {
div#header {
	padding:20px 0 0 0;
}
}

/* ---- TOPMENU --- */

ul.nav {
    margin: 0; 
	padding-top: 40px;
    text-align: center;
	float:right;
}

ul.nav li {
    list-style: none;
    display: inline;
    margin: 0.4em; 
	padding: 0;
	float:left;
	border-right: 1px solid #009ee3;
}

ul.nav li.item-138 {
	border-right: none;
}

ul.nav li a:link, ul.nav li a:visited {
    background:none;
	color: #009ee3;
	padding-right: 9px !important;
}

/* ---- HAUPTMENU --- */

.ltr #sp-menu {
    text-align: left !important;
}

#sp-main-menu ul {
    list-style: none outside none;
    margin-top: 1px!IMPORTANT;
    padding: 0;
	height: 38px;
	background: #1AA8E0;
	background: linear-gradient(to bottom,  #1AA8E0 0%,#009ee3 100%);
}

/* ---- HAUPTMENUPUNKTE --- */


#sp-main-menu ul.level-0 > li > a {
    font-size: 14px;
    line-height: 14px !important;
    text-transform: none !important;
    font-weight: normal;
	color: #fff !important;
	padding: 4px 23px 0 22px;
}

@media only screen and (max-width: 1211px) {
	#sp-main-menu ul.level-0 > li > a {
		font-size: 14px;
		padding: 4px 19px 0 18px;
	}
}

#sp-main-menu ul.level-0 > li {
 	border-right: 1px solid #fff !important;
	height: 20px;
	margin-top: 8px;
}

#sp-main-menu ul.level-0 > li.menu-item.last {
 	border-right: none !important;
	height: 20px;
	margin-top: 8px;
}

@media only screen and (max-width: 1189px) {

#sp-main-menu ul.level-0 > li > a {
	padding: 4px 14px 0 13px !important;
}

}

#sp-main-menu ul.level-0 > li:after {
    border-top:0 solid #bce3fa !important;
}

#sp-main-menu li li:not(.sp-menu-group) a {
	background: #bce3fa;
}

#sp-main-menu li li:not(.sp-menu-group) {
    border-bottom: none !important;
}

#sp-main-menu a.menu-item:hover {
	background: #1AA8E0;
	background: linear-gradient(to bottom,  #1AA8E0 0%,#009ee3 100%);
	color: #fff !important;
}

#sp-main-menu .sp-submenu .sp-submenu-wrap {
    background: none;
}

/* ---- 1. UNTEREBENE --- */


#sp-main-menu ul.level-1 > li > a {
    font-size: 14px;
    line-height: 24px !important;
    text-transform: none !important;
    font-weight: normal;
	color: #009ee3 !important;
	padding: 7px 10%;
}

#sp-main-menu ul.sp-menu.level-1 {
	margin-top: 10px !important;
	border-right: 1px solid #009ee3 !important;
	height: auto !important;
}

#sp-main-menu li li:hover:not(.sp-menu-group) > a {
    color: #fff !important;
	background: #009ee3 !important;
	transition:none !important;
}

#sp-main-menu li.parent li.parent:hover:not(.sp-menu-group) > a.parent {
    color: #fff !important;
	background-color: #009ee3;
	transition:none !important;
}

#sp-main-menu li li:hover:not(.sp-menu-group) > a:hover {
    color: #fff !important;
}

#sp-main-menu ul.level-1 > li a.menu-item.parent {
	background-color: #bce3fa;
	transition:none !important;
}

#sp-main-menu ul.level-1 > li a.menu-item.parent:hover {
	background-color: #009ee3;
	transition:none !important;
}

#sp-main-menu ul.level-1 > li a.menu-item.parent:active {
	background-color: #009ee3;
	transition:none !important;
}

#sp-main-menu ul.level-1 > li a.menu-item.active.parent {
	background-color: #009ee3;
	color: #fff !important;
}

#sp-main-menu ul.level-2 > li a.menu-item.active {
	background: #009ee3 !important;
	color: #fff !important;
}

#sp-main-menu ul.level-3 > li a.menu-item.active {
	background: #009ee3 !important;
	color: #fff !important;
}

/* ---- 2. UNTEREBENE --- */


#sp-main-menu ul.level-2 > li > a {
    font-size: 14px;
    line-height: 14px !important;
    text-transform: none !important;
    font-weight: normal;
	color: #009ee3 !important;
	padding: 12px 10%;
}

#sp-main-menu ul.sp-menu.level-2 {
	margin-top:0 !important;
	border-right: 1px solid #009ee3 !important;
	border-left: 1px solid #009ee3 !important;
	height: auto !important;
}

#sp-main-menu ul.level-2 > li a:hover {
	background: #1AA8E0;
	background: linear-gradient(to bottom,  #1AA8E0 0%,#009ee3 100%);
}

/* ---- 3. UNTEREBENE --- */


#sp-main-menu ul.level-3 > li > a {
    font-size: 14px;
    line-height: 14px !important;
    text-transform: none !important;
    font-weight: normal;
	color: #009ee3 !important;
	padding: 12px 10%;
}

#sp-main-menu ul.sp-menu.level-3 {
	margin-top:0 !important;
	border-right: 1px solid #009ee3 !important;
	border-left: 1px solid #009ee3 !important;
	height: auto !important;
}

#sp-main-menu ul.level-3 > li a:hover {
	background: #1AA8E0;
	background: linear-gradient(to bottom,  #1AA8E0 0%,#009ee3 100%);
}

/* MOBILE MENU */

.sp-mobile-menu {
	width: 300px !important;
	right:0 !important;
	left: auto !important;
}

@media only screen and (max-width: 410px) {
.sp-mobile-menu {
	width: 100% !important;
}
}


/* SUCHFELD */

#roksearch_search_str {
  background-position:  95% 49% !important;
  border: 1px solid #000;
  border-radius:5px 5px 5px 5px; /* CSS3 */
  padding-top:0;
  padding-bottom:0;
} 

#sp-search {
	float: right !important;
	margin-left: 5px;
	position: relative !important;
	z-index: 20 !important;
	margin-right: 8px;
}

INPUT#roksearch_search_str.inputbox {
    width: 100%;
    margin-top: 35px;
    color: #b2b2b2 !important;
}

#sp-position-top {
	float: right !important;
}

@media only screen and (max-width: 760px) {

#roksearch_search_str {
  background-position:  95% 49% !important;
  border: 1px solid #000;
  border-radius:5px 5px 5px 5px; /* CSS3 */
  padding-top:0;
  padding-bottom:0;
} 

INPUT#roksearch_search_str.inputbox {
	width:100%;
	padding-left:30px;
	padding-top:5px;
	padding-bottom:5px;
	color: #b2b2b2 !important;
}
}

/* INHALTSBEREICH */

#sp-right {
	margin-top: 30px;
}

DIV.item.column-1 {
	background:none !important;	
	
}

DIV.item.column-2 {
	background:none !important;	
}

DIV.item.column-3 {
	background:none !important;	
}

DIV.item.column-4 {
	background:none !important;	
}

.menu-startseite DIV.item.column-1 div.page-header h2 {
	background: #1AA8E0 !important;
	background: linear-gradient(to bottom,  #1AA8E0 0%,#009ee3 100%) !important;
	color:#fff;
	margin:0 !important;
	padding: 5px 0 5px 10px !important;
	border-bottom: 2px solid #fff;
	font-size: 140%;
}

.menu-startseite DIV.item.column-2 div.page-header h2 {
	background: #1AA8E0 !important;
	background: linear-gradient(to bottom,  #1AA8E0 0%,#009ee3 100%) !important;
	margin:0 !important;
	padding: 5px 0 5px 10px !important;
	border-bottom: 2px solid #fff;
	font-size: 140%;
}

.menu-startseite DIV.item.column-3 div.page-header h2 {
	background: #1AA8E0 !important;
	background: linear-gradient(to bottom,  #1AA8E0 0%,#009ee3 100%) !important;
	margin:0 !important;
	padding: 5px 0 5px 10px !important;
	border-bottom: 2px solid #fff;
	font-size: 140%;
}

.menu-startseite DIV.item.column-4 div.page-header h2 {
	background: #1AA8E0 !important;
	background: linear-gradient(to bottom,  #1AA8E0 0%,#009ee3 100%) !important;
	margin:0 !important;
	padding: 5px 0 5px 10px !important;
	border-bottom: 2px solid #fff;
	font-size: 140%;
}

.menu-startseite DIV.item.column-1 p, DIV.item.column-2 p, DIV.item.column-3 p, DIV.item.column-4 p {
	/* padding: 5px0 5px 10px !important; */
	padding:0 !important;

}

/* MAINCONTENT */

#sp-main-body-wrapper {
	margin: 0;
	border-top: 0 solid #878787;
	border-bottom: 0 solid #878787;
}

.row-fluid
{
  margin-bottom: 0 !IMPORTANT;
}

.blog .row-fluid
{
  margin-bottom: 20px!IMPORTANT;
}

.blog .leading-0 {
	margin-bottom: 60px;
}

.blog .leading-0 {
	margin-bottom: 60px;
}

@media only screen and (max-width: 760px) {
.blog .leading-0 {
	margin-bottom: 20px;
}
}

/* FOOTER */

#sp-footer-wrapper #footer.row-fluid {
	border-top: none!IMPORTANT;
	background: #c5e6f7;
	background: linear-gradient(to bottom,  #c5e6f7 0%,#bce3fa 100%);
}

#sp-footer-wrapper {
  position: relative;
  background:none;
  border-top:none;
  padding: 0 0 5px 0 !important;
  margin-top: 15px;

}

#sp-footer-wrapper:after {
    background: none !important;
}

#sp-footer1 {
	padding: 15px 15px;
}

#sp-footer2 {
	padding: 15px 15px;
}

#sp-footer3 {
	padding: 15px 15px;
}

#sp-footer4 {
	padding: 15px 15px;
}

div.item:nth-child(1) {
	background: #262626;
	border:0 solid #333;
}

div.item:nth-child(2) {
	background: #262626;
	border:0 solid #333;
}

div.item:nth-child(3) {
	background: #262626;
	border:0 solid #333;
}

div.item:nth-child(4) {
	background: #262626;
	border:0 solid #333;
}

@media only screen and (max-width: 760px) {


div.item:nth-child(1) {
	margin-top: 45px;
}

div.item:nth-child(2) {
	margin-top: 45px;
}

div.item:nth-child(3) {
	margin-top: 45px;
}

div.item:nth-child(4) {
	margin-top: 45px;
}

}

#sp-copyright-wrapper {
	background: none !important;
	border-top: none !important;
}

#sp-copyright {
	background: #1AA8E0 !important;
	background: linear-gradient(top, #1AA8E0 0%,#009ee3 100%) !important;
	color:#fff;
    border-top: none !important;
	padding: 2px 15px 2px 15px;
	text-align: center !important;
}

#sp-component {
	margin-bottom: 25px;
}

#sp-content-top-wrapper {
	margin-top: 10px;
}

#sp-content-top-wrapper .divider i {
	display: none;
}

.breadcrumb {
	margin-left: -5px !important;
}

#sp-component > div.blog > div.items-leading.clearfix {
	margin-bottom:-35px;
}


/* GOOGLE MAPS ------------------------------------------------------------------------------ */

table.map {
	width:70%!IMPORTANT;
}

@media only screen and (max-width:765px) {

table.map {
	margin:15px 100% 15px 0!IMPORTANT;
	text-align:left!IMPORTANT;
	clear:right!IMPORTANT;
	float:left!IMPORTANT;
	width:100%!IMPORTANT;
}

}

/* BUTTON KONTAKTFORMULAR */


.bfQuickMode .bfNextButton, .bfQuickMode .bfSubmitButton, .bfQuickMode .bfCancelButton {
    float: right;
    margin: 5px 307px 0 0;
}

/* jDownloads */

.jblue {
    color: #D9EEF7 !important;
    border: 1px solid #0076A3;
}

.jd_cat_subheader {
    text-align: left;
    width: 100%;
    padding: 8px 5px;
    line-height: 20px;
    margin: 2px 0;
    vertical-align: middle;
    background-color: #fff;
    letter-spacing: 0;
    border-bottom: none;
}

.download_table {
	width: 48% !important;
	margin-right: 22px;
	float: left;
}

.download_table .thumb img {
	height: 132px;
}

@media only screen and (max-width:1201px) {
.download_table {
	width: 47% !important;
	margin-right: 20px;
	float: left;
}
}

@media only screen and (max-width:980px) {
.download_table {
	width: 100% !important;
	margin-right: 0;
	float: none;
}
}

.category_table {
	width:30% !important;
	margin-right: 20px;
	float: left;
	color: #fff !important;
    background: #00ADEE;
	border-radius: 6px;
	margin-bottom: 15px;
	padding: 10px;
}

.category_table:hover {
    background: #0076A3;
}

.category_table img {
	width: 38px;
	margin-right: 7px;
}

.category_table a, .category_table a:hover {
	color: #fff;
}

@media only screen and (max-width:980px) {
.category_table {
	width: 100% !important;
	margin-right: 0;
	float: none;
}
}

.jd_cat_subheader {
	display: none;
}

.jd_cat_subheader + table + h2, .jd_cat_subheader + table + h2 + p {
	display: none;
}

.jd-item-page .jd_cat_subheader + table img {
	display: none;
}

.jd-item-page .jd_cat_subheader + table b {
	font-weight:600 !important;
	text-transform: none;
	line-height:125%;
	color:#009ee3;
	text-rendering:optimizelegibility;
	font-family: 'Roboto', Arial, sans-serif;
	font-size:200%;
	margin: 30px 0 15px 0;
}

.jd-item-page .jd_cat_subheader + table {
	border: 0 !important;
}



/* Breezing Forms */

#sp-component .bfClearfix li {
	background:none;
}

/* UNERE PARTNER */

.partner {
	float: left;
	margin: 0 20px 20px 0;
	height: 195px;
	width: 200px;
}

.partnerk {
	float: left;
	margin: 0 20px 20px 0;
	height: 80px;
	width: 200px;
}

/*FORMULAR*/

form .btn-primary, button, input[type="submit"], input[type="button"] {
    color: #FFF;
    text-shadow: none !important;
    background-color: #009EE3 !important;
    border: 0;
	background-image: none;
	height: 35px !important;
	border-radius: 6px;
}

form .btn-primary, button, input[type="submit"]:hover, input[type="button"]:hover {
	background-color: #C5E6F7 !important;
	color: #009EE3;
}

a.button {
	color: #FFF;
    text-shadow: none !important;
    background-color: #009EE3 !important;
    border: 0;
	background-image: none;
	border-radius: 6px;
	padding: 17px 38px;
	margin: 100px 14px 0 0;
	width: 400px !important;
}

a.button:hover {
	background-color: #C5E6F7 !important;
	color: #009EE3;
}

/*READMORE*/

.readmore .btn {
    color: #FFF;
    text-shadow: none !important;
    background-color: #009EE3 !important;
    border: 0;
	background-image: none;
	border-radius: 6px;
	padding: 8px 15px 8px 15px;
	margin: 20px 0 0 0;
}


.readmore:hover .btn:hover {
    background-color: #C5E6F7 !important;
	color: #009EE3;
}

/* SLIDER */

#set-nn_sliders-1 {
	margin-top: 10px;
}

.accordion-heading a {
	font-size: 120%;
	text-decoration: none;
}

.accordion-group.active .accordion-toggle {
	background-color: #1AA8E0 !important;
	color: #fff !important;
}

.accordion-group.active .accordion-toggle:hover {
	background-color: #1AA8E0 !important;
	color: #fff !important;
}

.accordion-group .accordion-toggle {
	background-color: #C5E6F7;
}

/* Footer */

#sp-footer-wrapper ul li {
	padding: 0 0 6px 10px;
	margin:0 0 0 0;
	text-transform: none;
	letter-spacing:0;
}

/* MOBILES MENU */
.ltr .sp-main-menu-toggler {
	left: auto !important;
	right: 0 !important;
	position: absolute !important;
	z-index: 50000 !important;
}

@media only screen and (max-width:838px) {
.ltr .sp-main-menu-toggler {
	left: auto !important;
	right: 0 !important;
}
}

@media only screen and (max-width:555px) {
.ltr .sp-main-menu-toggler {
	left: auto !important;
	right: 3px !important;
}
}

.sp-main-menu-toggler {
	top: 0 !important;
}

.btn-inverse, .btn-inverse:visited {
	background: #009EE3;
	border-bottom-right-radius: 9px;
	border-bottom-left-radius: 9px;
	box-shadow:         0 0 3px 0 rgba(50, 50, 50, 0.4);
}

.icon-align-justify:before {
	font-size: 110%;
    content: "Menü" !important;
	font-family: 'Roboto', Arial, sans-serif;
	padding:12px 6px 6px 6px !important;
}

.btn-inverse:hover, .btn-inverse:active {
	background: #009EE3;
	color: #C5E6F7;
}

.sp-mobile-menu ul li {
	background: #009EE3 !important;
	border-color: #ffffff !important;
}

.sp-mobile-menu ul li a {
	color: #C5E6F7 !important;
}

.sp-mobile-menu ul .active a, .sp-mobile-menu ul li a:hover {
	color: #ffffff !important;
}

.icon-angle-right {
	display: none !important;
}

.icon-angle-right:hover, .icon-angle-down {
	color: #ffffff !important;
}

.jd_footer a {
	display: none !important;
}

.icon-chevron-up:before {
    content: "▲" !important;
	margin-top: 6px;
}