.t3-wrapper {background: url("../images/body_bg.png") repeat !important;}
#t3-mainbody { }
#t3-mainbody .main-container {background:#FFF;}
#t3-mainbody .item-desc {padding:0;}

#t3-content h2.article-title {font-size:24px}
#t3-content h3.article-title {font-size:20px;margin-top: 2em;}

#t3-content h4 {margin-top: 1em;}

#t3-mainbody .items-leading .item-desc.no-image {padding-left:40px;padding-right:40px;}
.items-leading .item-desc > section {padding: 0 40px 0 20px}
.items-row .item.column-1  {padding: 0 20px 20px 40px}
.items-row .item.column-2  {padding: 0 40px 20px 20px}

.part2.category-module .article-img:before {border:none;}
/********************************************
TOPNAVI */
#topnav .container, #topnav .container div[class*="col-"] {padding:5px 0;}
#topnav .main-container{ background-color: #f0f0f0;}

#topnav .nav { float: right;padding:3px; margin-right:20px;}
#topnav .nav  > li > span {padding:10px 0px;}
#topnav .nav-pills > li.active > span> a, .nav-pills > li.active > span> a:hover, .nav-pills > li.active > span> a:focus {
	background: none;
}
#topnav .nav > li > span > a { padding:3px 0; color: #003652; font-size: 12px;}
#topnav .nav > li:not(:last-child) > span:after {
    content: "|";
    padding: 0 15px;
    text-align: center;
    cursor: default;
}

#t3-content section > header  > h3:first-of-type { margin-top:0; }

#t3-content .items-leading,
#t3-content .items-row {margin-bottom: 30px;}

#t3-content h1.article-title {font-size: 28px}
#t3-content h2.article-title {font-size: 24px}
#t3-content h3.article-title {font-size: 20px}

#t3-content article {padding-bottom: 20px;}

#t3-content p a {text-decoration: underline;}

/********************************************
Navigation*/
.nav .open > a,
.nav .open > a:hover,
.nav .open > a:focus {
  
  border-color: #24aadb;
}
.t3-megamenu .mega-dropdown-menu .mega-nav li a:hover, .t3-megamenu .mega-dropdown-menu .mega-nav li a:focus, .t3-megamenu .mega-dropdown-menu .mega-nav li a:active {
    outline: none;
    background:#24aadb;}
	
.t3-megamenu .mega-dropdown-menu .mega-nav li:hover > a, .t3-megamenu .mega-dropdown-menu .mega-nav li.active > a {
    background: #24aadb;}

/********************************************
SONSTIGES */
a#top-link {
    bottom: 50px;
    color: #222222;
    display: none;
    padding: 5px 10px;
    position: fixed;
    right: 10px;
    float: right;
    left: auto !important;
    transition: background 0.2s linear 0s, border 0.2s linear 0s, color 0.2s linear 0s;
    z-index:9999;
}
a#top-link:hover { cursor:pointer; background: none;}

h2 {color:#cf1519}
h6, .h6{font-family: 'Raleway', sans-serif; color:#fff; font-size:18px;}

.bluebg p {margin: 0px;}
.bluebg ul {
    padding-left: 0;
    list-style: none;
}
.bluebg ul:after{clear:both;}
.bluebg ul:after{content: " ";    display: table;}

.bluebg ul > li {float:left; margin-right:10px}
.bluebg ul > li > a:before {font: normal normal normal 14px/1 FontAwesome;content: "\f178";padding-right:3px;}
	
.bluebg a{color: #fff; text-decoration: none;}
.bluebg a:hover {color: #333; text-decoration: none;}

td {padding:10px}

#t3-content p a.notelnr {text-decoration: none}
.office-info li a.notelnr {color:#999999;}
.notelnr:hover {
    text-decoration: none;
    color: inherit;
    cursor: default; 
}
/* Medium devices .col-md- (desktops, 992px and up) */
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .logo-image a {padding-left:0;}
    .navbar-nav > li > a {padding:15px 20px}
}


/** Startseite Bilder mittig ausrichten**/
@media (min-width: 768px) {
    .category-module .article-img .img-intro img {
        margin-left: -100px;
    }
    
}
@media (max-width: 768px) {
    .item-desc td {display:block;width:100%}
    .grid-2x2 img {width:100%}
}
@media (min-width: 991px) {
    .category-module .article-img .img-intro img {
        margin-left: -150px;
    }
    
    html:not(.home) #t3-mainbody .main-container{padding-top: 100px} 
}

@media (max-width: 992px) {
    .grid-2x2 {overflow:hidden; }
    .grid-2x2 img {margin-top: -120px;}
    .items-leading  .article-header {
        margin-top: 20px;
    }
    #topnav .nav {margin-right:70px;}
    html:not(.home) #t3-mainbody .main-container{padding-top: 40px} 
    .items-leading .item-desc > section {padding:0 20px}
    #fcp_wrapper div.fcp_line label:first-child {display:block;text-align:left;width:100%; padding-top:0;}
    #fcp_wrapper .fcp_line {padding:5px 20px 10px 20px}
    #fcp_wrapper .fcp_line input[type="text"],
    #fcp_wrapper .fcp_line textarea
    {width:100%}
    #fcp_wrapper div.fcp_line.empty label {display:none;}
    
    #t3-content div.item[class*="column-"] {padding:0 20px}
    
}
/**Slogan Header**/
#t3-slideshow .ja-ss-desc .ja-ss-caption span {
    background: #24aadb;
    color:#fff;
}


/**Links und Buttons**/
.btn-primary {
    color: #ffffff;
    background-color: #aa0b0e;
    border-color: #aa0b0e;
}

.btn-primary:hover, .btn-primary:focus, .btn-primary.focus, .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary {

    background-color: #333;
    border-color: #000;
}


/********************************************
FORMULAR */
/* Simple transparent form with minimal styling and text error messages */
/* Version 10.00 */
.fcp_page {padding-left:40px; padding-right:40px}
img.fcp_captcha_img {width:auto;display:inline-block;}
input#fcp_captcha_code {margin-bottom:30px;}
.fcp_wrapper {margin-bottom: 20px; }
.fcp_wrapper ~ p {margin-left:20%; }
/*send button*/
.fcp_form input.button 
	{display: inline-block; width:auto; text-align: center; vertical-align: middle; padding: 6px 50px; border: 1px solid #2a99c2; border-radius: 5px;
    background: #24aadb; background: linear-gradient(to bottom, #24aadb, #2a99c2);
    text-shadow: #0a257f 1px 1px 1px; color: #ffffff; text-decoration: none; height:auto; cursor:pointer;}
.fcp_form input.button:hover    
	{border: 1px solid #a41518; background: #24aadb; background: linear-gradient(to bottom, #cf1519, #a41518);
    color: #ffffff; text-decoration: none; box-shadow:none; }
.fcp_form input.button:disabled 
	{opacity:0.5; cursor:default; }
	

/* line layout */

div.fcp_line	    {clear:left; padding:0.3em 0;background: #D6D6D6;margin-bottom:1px}
div.fcp_line label:first-child  { padding-top: 7px; margin-bottom: 0; text-align: right; width:18%; vertical-align: top; margin-right:2%}

div.fcp_captcha label:first-child,
div.fcp_checkbox_l input.fcp_lcb,
div.fcp_sendrow input.button,
.fcp_captcha_inner {margin-left:3px}

div.fcp_captcha label:first-child { display:block;width:100%; text-align: left;}

div.fcp_captcha,
div.fcp_checkbox {padding-left:20%;}
	
/* mandatory and errors */

.fcp_mandatory:after {content:"*"; margin-left:0.25em; font-size:larger;}
.fcp_error_msg       {margin-left:20%;  color:#DD4134; vertical-align:text-bottom; padding-left:3px;}
div.fcp_sendrow .fcp_error_msg,
div.fcp_captcha .fcp_error_msg { margin-left:0;display:block;}
div.fcp_line input.fcp_error_field     {border:1px solid #C51818 !important;}

/* secure-image captcha */

div.fcp_captcha input   {vertical-align:top;}
div.fcp_captcha_inner   {display:inline-block; padding:2px; background:#F3F4F5 url('/components/com_flexicontactplus/assets/css_images/securimage.png') no-repeat 4% 90%;
                         border:1px solid #7F9DB9; border-radius:5px;}
img.fcp_captcha_img     {vertical-align:middle; margin:0 5px 0 5px; 
                         border:1px solid #7F9DB9; border-radius:5px;}
span.fcp_captcha_reload {display:inline-block; height:24px; width:24px; vertical-align:middle;
                         background:#F3F4F5 url('/components/com_flexicontactplus/assets/css_images/reload_blue.png') no-repeat center center; cursor:pointer;}
#fcp_err_captcha        {margin-top:20px;}                

/* image captcha */

.fcp_image_inner        {display:inline-block; }
.fcp_image_inner img 	{cursor:pointer; transition:border 0.7s;}
.fcp_inactive           {border:2px solid transparent;}
.fcp_active             {border:2px solid red;}
#fcp_err_image          {margin-top:20px;}

/* recaptcha */

#recaptcha_widget_div	{display:inline-block; }
#fcp_err_recap		{margin-top:10px;}

/* fieldsets */

fieldset.fcp_fieldset   {clear:left;  vertical-align:top;}
div.fcp_attach input    {border:1px solid lightgray; background-color:whitesmoke;}

/* input fields */

.fcp_form div.fcp_line input[type="text"], .fcp_form textarea, .fcp_form select     {width:70%; display: inline-block;}
.fcp_form textarea {height:auto;}

div.fcp_line input[type="checkbox"] {margin-top:0; vertical-align:middle;}	



/* radio button and multiple checkbox layout */

div.fcp_radio_h_inner     {display:inline-block; max-width:70%;}
span.fcp_radio_h          {display:inline-block; }
div.fcp_radio_h_inner span.fcp_radio_h label    
                          {display:inline-block; width:auto; padding-left:5px; white-space:nowrap;}

div.fcp_radio_v_inner     {display:inline-block; max-width:70%;}
span.fcp_radio_v          {display:block; white-space: nowrap;}
span.fcp_radio_v label    {width:auto; padding-left:5px;}
span.fcp_radio_v input    {clear:left; }

div.fcp_checkbox_l input.fcp_lcb { margin-right:1em;}
div.fcp_checkbox_l label.fcp_lcb {width:auto; max-width:70%;}



div.fcp_checkbox_inner    {display:inline-block; max-width:60%;}


span.fcp_checkbox_m       {display:inline-block;}
span.fcp_checkbox_m label {width:auto; max-width:none; padding-left:5px;}

.fcp_checkbox_mv span.fcp_checkbox_m  { display:block;}


span.fcp_checkbox_h	  {float:left;}

/* the send row */

div.fcp_sendrow {padding: 2% 0 2% 20%; }
#fcp_spinner {margin-top:8px;}
.fcp_spinner {background:url('/components/com_flexicontactplus/assets/css_images/spinner.gif') no-repeat left center !important; height:16px; width:16px;}

/* Tooltips */

.tooltip {padding:4px; position:absolute; z-index:9999; max-width:400px; box-shadow:0 0 5px #AAA;
             border-radius:4px !important;
             font-size:1em !important; background:black !important; color:white !important;}
legend {
    padding: 7px;
    margin-bottom: 0;
    font-size: 16px;
    line-height: inherit;
   
    border: 0;
    border:none;
    background: #24aadb;
    color:#FFF;
}
#fcp_form .empty {padding:20px; background:none;}
#fcp_form .empty > label {display:none;}

.select-date input {background:#FFF url(/templates/ja_decor/images/icon-kalender.png)  right 7px no-repeat ; padding-right:20px;}

/****iframe****/
iframe {
  max-width: 100%;
}

.embed-container {
  position: relative; 
  padding-bottom: 60%; /* ratio 16x9 */
  height: 0; 
  overflow: hidden; 
  width: 100%;
  height: auto;
}
.embed-container iframe {

  position: absolute; 
  top: 0; 
  left: 0; 
  width: 100%; 
  height: 100%; 
}
/****Web Chat****/