/* ================================================
Farben:
blau: #5f96d3
==================================================== */

body {
	color: #666;
	font: "Helvetica Neue",Helvetica,Arial,sans-serif;
}

/* ================================================
Links
==================================================== */
a:hover,
a:focus,
a:active {
	outline: 0;
}

#t3-footer .module-ct a:link, 
#t3-footer .module-ct a:visited,
#t3-footer .module-ct a:hover, 
#t3-footer .module-ct a:focus {
	color: #fff;
}



/* ================================================
Überschriften
==================================================== */
h1, h1.page-title,
.t3-sidebar h3,
.t3-sidebar .module h3,
.contact h2,
.b2jcontainer h2,
#visformcontainer h1{
	font-size: 24px;
	color: #5f96d3;
	margin-bottom: 0.8em;
	margin-top: 0;
	font-weight: bold;
}

.page-header {
	border: none;
	margin-bottom: 0;
}

h2 {
	font-size: 18px;
	font-weight: normal;
}

h3 {
	font-size: 14px;
	font-weight: bold;
}

/* ================================================
Absätze
==================================================== */
p, li, td {
	line-height: 1.5;
}

/* ================================================
Bilder
==================================================== */
img {
/*    display: block !important;*/
    height: auto !important;
    max-width: 100% !important;
}

/* ================================================
Tabellen
==================================================== */
#t3-mainbody td,
.t3-footnav td {
	border: none;
}

/* ================================================
Logo
==================================================== */
.header-2 .logobild {
	float: left;
}

.logobild a {
	display: block;
}

/* ================================================
HG-Farbe
==================================================== */
.t3-wrapper,
.t3-footer,
.t3-footnav .t3-module,
.com_content body,
.com_b2jcontact body {
	background: #666;
} 

.newsmodul .nspMain {
	background: #fff;
} 

.newsmodul .nspArts {
	padding: 10px;
}


/* ================================================
Layout
==================================================== */
.blog, 
.t3-sidebar .t3-module .module-inner,
.t3-content .contentpane,
.t3-content #system-message-container,
.t3-content #visformcontainer {
	background: #fff;
	padding: 15px;
}

.blog {
	padding-top: 35px;
}

.t3-content #system-message-container + .item-page {
	padding-bottom: 15px;
}

.page-header {
	padding-bottom: 0;
}

.item-page,
#t3-content > .page-header {
	background: #fff;
	padding: 0;
	padding-left: 15px;
	padding-right: 15px;
}

#t3-content > .page-header {
	padding-top: 15px;
}

.t3-content,
.t3-sidebar {
	padding-top: 0;
}

#t3-footer .module-ct {
	color: #fff;
} 

.t3-sl {
	padding-top: 20px;
	padding-bottom: 20px;
}

/* ================================================
Hotlinks
==================================================== */
.clearing {
	clear: both;
}

.nav-pills > li > a {
	padding-top: 0;
	padding-bottom: 0;
    border-radius: 0;
	-webkit-border-radius: 0;
    -khtml-border-radius: 0;
    -moz-border-radius: 0;
} 

.nav-stacked > li + li {
	margin: 0;
}

.hotlinks {
	padding-top: 30px;
	padding-bottom: 10px;
}

.hotlinks .nav {
	margin: 0;
	float: right;
}

.hotlinks li {
	list-style-type: none;
	float: left;
}

.hotlinks li a {
	border-left: 1px solid #fff;
	padding-left: 5px;
	padding-right: 0;
	margin-left: 5px;
	line-height: normal;
}

.hotlinks li:first-child a,
.footer-7 .hotlinks li:first-child a {
	border-left: none;
}

.hotlinks li a:link,
.hotlinks li a:visited {
	background: none;
	color: #fff;
}

.hotlinks li a:hover,
.hotlinks li a:focus, 
.hotlinks li.active a,
.hotlinks li.active > a:hover {
	color: #000;
	background: none;
}

/* Hotlinks für Mobiles */
.footer-7 .hotlinks {
	float: none;
	margin-left: -10px;
	margin-top: -29px;
	margin-bottom: 20px;
}

.footer-7 .hotlinks li a {
	border-left: 1px solid #fff;
}

.footer-7 .hotlinks li a:link,
.footer-7 .hotlinks li a:visited {
	color: #fff;
	text-transform: uppercase;
}

.footer-7 .hotlinks li a:hover,
.footer-7 .hotlinks li a:focus, 
.footer-7 .hotlinks li.active a,
.footer-7 .hotlinks li.active > a:hover {
	color: #fff;
	text-decoration: underline;
}

/* ================================================
Navigation
==================================================== */
#t3-mainnav {
	padding-top: 0;
	padding-bottom: 0;
}

.navbar-default {
	background: none;
}

.navbar {
	border: none;
}

.navbar-default .navbar-nav > li > a {
	color: #fff;
	font-size: 15px;
	font-weight: 600;
	text-transform: uppercase;
	padding-left: 0;
	padding-right: 30px;
}

.navbar-default .navbar-nav > li > a:hover, 
.navbar-default .navbar-nav > li > a:focus,
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus,
.navbar-default .navbar-nav > .active > a, 
.navbar-default .navbar-nav > .active > a:hover, 
.navbar-default .navbar-nav > .active > a:focus {
	background: none;
	color: #000;
}

.navbar-default .navbar-nav > .dropdown > a .caret {
    border-bottom-color: #fff;
    border-top-color: #fff;
}

.navbar-default .navbar-nav > .open.dropdown > a:hover .caret,
.navbar-default .navbar-nav > .open.dropdown > a:focus .caret,
.navbar-default .navbar-nav > .active.dropdown > a .caret {
    border-bottom-color: #000;
    border-top-color: #000;
}

/* 2. Level */
.t3-megamenu .mega-nav > li a, 
.t3-megamenu .dropdown-menu .mega-nav > li a {
	color: #333;
	padding-left: 9px;
}

#t3-mainnav .dropdown-menu a:hover,
#t3-mainnav .dropdown-menu a:focus, 
#t3-mainnav .dropdown-menu .active a {
	background: none;
	color: #5f96d3;
}

.t3-megamenu .dropdown-menu .col-xs-12.mega-col-nav {
	padding-left: 5px;
	padding-right: 5px;
}

.t3-megamenu .dropdown-menu {
	left: -15px;
}

/* Navi Mobule Button */
.navbar-header button {
	margin-left: 15px;
	margin-top: 5px;
	margin-bottom: 15px;
}

/* Navi Canvas */
#t3-off-canvas .dropdown-menu {
	background: none;
}

.off-canvas-toggle {
    height: 40px;
    line-height: 40px;
    width: 40px;
}

.t3-off-canvas .t3-off-canvas-body .dropdown-menu li a:hover,
.t3-off-canvas .t3-off-canvas-body .dropdown-menu li a:focus,
.t3-off-canvas .t3-off-canvas-body .dropdown-menu > li.active > a,
.t3-off-canvas .t3-off-canvas-body li.active >.dropdown-menu > a,
.t3-off-canvas .t3-off-canvas-body a:hover,
.t3-off-canvas .t3-off-canvas-body a:focus {
	background: #5f96d3;
	color: #fff;
}

.t3-off-canvas-body .dropdown-menu .nav-header {
	display: block;
	padding: 5px;
}

.t3-off-canvas-body .nav a:hover .caret {
    border-bottom-color: #fff;
    border-top-color: #fff;
}

.t3-off-canvas-body .t3-module li a {
	padding: 6px 5px;
}

.t3-off-canvas-body .dropdown-menu > li > a{
	padding: 5px 20px;
}

.t3-off-canvas-body .t3-module.module {
	padding-left: 0;	
}


/* ================================================
Footer
==================================================== */
.t3-copyright {
    display: none;
}

.t3-footnav {
	padding: 29px 0;
}

.t3-footer {
	border: none;
}

/* ================================================
Kontaktformular
==================================================== */
legend {
	border: none;
}

.contact .form-horizontal .control-label {
	text-align: left;
}

.contact .dl-horizontal dd {
    margin-left: 110px;
}

.contact legend {
    font-size: 14px;
}

.contact .checkbox label {
	padding-left: 0;
}

.contact input[type="checkbox"] {
	margin-top: 3px;
}

.contact dl + a + h3 {
	margin-top: 40px;
}

.contact .contact-position {
	margin-bottom: 20px;
}

.contact .contact-emailto {
	display: inline-block;
	margin-top: 20px;
}

.contact input[type="text"],
.contact input[type="email"] {
	width: 100%;
}

.contact .star {
    color: #666;
}

/* ================================================
Login versteckt / Benutzermenü
==================================================== */
.custom.hiddenlogin {
	position: absolute;
	top: 0;
	right: 0;
}

#t3-footer .usermenu a {
	padding: 0 0 10px 0;
}

#t3-footer .usermenu a:link,
#t3-footer .usermenu a:visited {
	text-decoration: none;
}

#t3-footer .usermenu a:hover,
#t3-footer .usermenu a:focus,
#t3-footer .usermenu .active a {
	color: #5f96d3;
	background: none;
}

/* ================================================
Dj Image Slider
==================================================== */
.djslider-loader span.load-button {
	border: none !important;
	box-shadow: none;
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
}

#blockrandom {
	border: none !important;
}

/* ================================================
Kontaktformular B2J
==================================================== */

#t3-content .b2jcontainer h2 {
	background: none;
	padding: 0;
	margin: 0;
	margin-bottom: 0.5em;
}

#t3-mainbody #t3-content .b2jcontainer.b2j_contact,
#t3-mainbody #t3-content .b2jcontainer.b2j_contact label,
#t3-mainbody #t3-content div#b2jcontainer_c574.b2jcontainer {
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif !important;
	font-weight: normal;
}

#t3-mainbody #t3-content .b2jcontainer.b2j_contact {
	border: none;
	color: #666;
	background: #fff;
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif !important;
	padding: 15px !important;
}

#t3-content .b2jcontainer.b2j_contact input,
#t3-content .b2jcontainer.b2j_contact textarea {
	border-radius: 4px !important;
	border: 1px solid #cccccc !important;
	color: #555 !important; 
}

#t3-content .b2jcontainer.b2j_contact input:hover,
#t3-content .b2jcontainer.b2j_contact textarea:hover {
	border-color: #ccc !important;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(24, 18, 17, 0.6) !important;
	-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(24, 18, 17, 0.6) !important;
	-moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(24, 18, 17, 0.6) !important;
	-khtml-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(24, 18, 17, 0.6) !important;
}

#t3-content .b2jcontainer.b2j_contact .control-group {
	margin-bottom: 20px;
}

#t3-content .b2jcontainer.b2j_contact label {
	font-weight: normal;
}

#t3-content .b2jcontainer.b2j_contact button {
	font-size: 14px;
	color: #fff;
	background: #5f96d3;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight: bold;
	text-align: center;
	padding-left: 12px;
	-webkit-border-radius: 6px;
    -khtml-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
	display: inline-block;
}

#t3-content .b2jcontainer.b2j_contact button:hover,
#t3-content .b2jcontainer.b2j_contact button:focus {
	color: #fff;
	background: #666;
	text-decoration: none;
}

#t3-content .b2jcontainer.b2j_contact button span {
	padding-left: 0 !important;
	background: none !important;
}

#t3-content .b2jcontainer.b2j_contact .alert-error {
	background: none;
	border: none;
	color: #ff0000;
	padding-left: 0;
	padding-right: 0;
}

#t3-content .b2jcontainer.b2j_contact .control-group.error > label, #t3-content .b2jcontainer.b2j_contact .control-group.error .checkbox, #t3-content .b2jcontainer.b2j_contact .control-group.error .radio, #t3-content .b2jcontainer.b2j_contact .control-group.error input, #t3-content .b2jcontainer.b2j_contact .control-group.error select, #t3-content .b2jcontainer.b2j_contact .control-group.error textarea, #t3-content .b2jcontainer.b2j_contact .control-group.error a.chzn-single,
#t3-content .b2jcontainer.b2j_contact .required, #t3-content .b2jcontainer.b2j_contact .asterisk {
	color: #ff0000;
}

#t3-content .b2jcontainer.b2j_contact .control-group.success > label, #t3-content .b2jcontainer.b2j_contact .control-group.success .checkbox, #t3-content .b2jcontainer.b2j_contact .control-group.success .radio, #t3-content .b2jcontainer.b2j_contact .control-group.success input, #t3-content .b2jcontainer.b2j_contact .control-group.success select, #t3-content .b2jcontainer.b2j_contact .control-group.success textarea, #t3-content .b2jcontainer.b2j_contact .control-group.success a.chzn-single {
	color: #333;
}

#t3-content .b2jcontainer.b2j_contact input, 
#t3-content .b2jcontainer.b2j_contact label.checkbox {
	margin-top: 3px;
}
 
#t3-content .b2jcontainer.b2j_contact label.checkbox {
	width: auto;
}

#t3-content .b2jcontainer.b2j_contact .alert-info {
    background: none;
	color: #333;
    border: none;
	padding-left: 0;
	padding-right: 0;
}

.info-feature-content-slideshow {
	bottom: 10px !important;
}

/* ================================================
Kontaktformular Visforms
==================================================== */
.visform {
    margin-top: 40px;
}

.t3-content #visformcontainer {
	padding-top: 0;
}

.visform textarea, .visform select, .visform textarea, .visform input[type="text"], .visform input[type="email"], .visform input[type="url"], .visform input[type="search"], .visform input[type="tel"], .visform input[type="color"] {
    width: 66%;
	font-size: "Karla",sans-serif;
}

.visCSSlabel {
	font-size: 15px;
	font-weight: normal;
}

.visBtnCon {
    text-align: left !important;
}

.visform .btn {
    background: #5f96d3;
    border: medium none;
    border-radius: 0px;
    color: #fff;
    font-size: 15px;
    line-height: 30px;
    margin-left: 31%;
    margin-top: 20px;
    padding-left: 12px;
    padding-right: 12px;
    text-align: center;
}

.visform #captchacode1,
.visform .captcharefresh1 {
	display: inline !important;
}

.visform #recaptcha_response_field {
    display: inline;
    margin-left: 20px;
    width: 300px;
}

.vis_mandatory {
	color: #707173;
}

select:focus, textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, .inputbox:focus {
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(102, 175, 233, 0.6);
}


/* ================================================
Slideshow Modul - Startseite
==================================================== */
#featured-content-slideshow1 .info-feature-content-slideshow h2,
#featured-content-slideshow1 ul.ui-tabs-nav li span {
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif !important;
}

#featured-content-slideshow1 ul.ui-tabs-nav li span {
	font-size: 12px !important;
	font-weight: bold !important;
}

@media (max-width: 1200px) {
.visform #recaptcha_response_field {
    width: 200px;
}
}


@media (min-width: 1200px) {
	.contact .dl-horizontal dd {
    margin-left: 130px;
}
}


@media (max-width: 991px) {
.contact .dl-horizontal dd {
    margin-left: 80px;
}

.navbar-default .navbar-nav > li > a {
	padding-right: 18px;
}
}

@media (max-width: 767px) {
.contact .dl-horizontal dd {
    margin-left: 0;
}

.contact input[type="checkbox"] {
	margin-left: 0;
	padding-right: 5px;
}

.contact .checkbox label {
    padding-left: 20px;
}

.visform #recaptcha_response_field {
    width: 66%;
	margin-left: 31%;
}

#visformcontainer {
	margin-bottom: 40px;
}
}

@media (max-width: 480) {
.visform .visCSSlabel {
    width: 100%;
}

.visform textarea, .visform select, .visform textarea, .visform input[type="text"], .visform input[type="email"], .visform input[type="url"], .visform input[type="search"], .visform input[type="tel"], .visform input[type="color"],
.visform #recaptcha_response_field {
    width: 100%;
}

.visform .btn,
.visform #recaptcha_response_field {
	margin-left: 0;
}
}