/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 03.02.2015, 13:15:54
    Author     : barthelfr
*/
.phocamaps img { max-width:none!important;}



/* maven-pro-regular - latin */
@font-face {
  font-family: 'Maven Pro';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/maven/maven-pro-v32-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/maven/maven-pro-v32-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/maven/maven-pro-v32-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/maven/maven-pro-v32-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/maven/maven-pro-v32-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/maven/maven-pro-v32-latin-regular.svg#MavenPro') format('svg'); /* Legacy iOS */
}

/* maven-pro-500 - latin */
@font-face {
  font-family: 'Maven Pro';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/maven/maven-pro-v32-latin-500.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/maven/maven-pro-v32-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/maven/maven-pro-v32-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/maven/maven-pro-v32-latin-500.woff') format('woff'), /* Modern Browsers */
       url('../fonts/maven/maven-pro-v32-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/maven/maven-pro-v32-latin-500.svg#MavenPro') format('svg'); /* Legacy iOS */
}

/* maven-pro-600 - latin */
@font-face {
  font-family: 'Maven Pro';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/maven/maven-pro-v32-latin-600.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/maven/maven-pro-v32-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/maven/maven-pro-v32-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/maven/maven-pro-v32-latin-600.woff') format('woff'), /* Modern Browsers */
       url('../fonts/maven/maven-pro-v32-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/maven/maven-pro-v32-latin-600.svg#MavenPro') format('svg'); /* Legacy iOS */
}

/* maven-pro-800 - latin */
@font-face {
  font-family: 'Maven Pro';
  font-style: normal;
  font-weight: 800;
  src: url('../fonts/maven/maven-pro-v32-latin-800.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/maven/maven-pro-v32-latin-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/maven/maven-pro-v32-latin-800.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/maven/maven-pro-v32-latin-800.woff') format('woff'), /* Modern Browsers */
       url('../fonts/maven/maven-pro-v32-latin-800.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/maven/maven-pro-v32-latin-800.svg#MavenPro') format('svg'); /* Legacy iOS */
}

/* maven-pro-700 - latin */
@font-face {
  font-family: 'Maven Pro';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/maven/maven-pro-v32-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/maven/maven-pro-v32-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/maven/maven-pro-v32-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/maven/maven-pro-v32-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/maven/maven-pro-v32-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/maven/maven-pro-v32-latin-700.svg#MavenPro') format('svg'); /* Legacy iOS */
}

/* maven-pro-900 - latin */
@font-face {
  font-family: 'Maven Pro';
  font-style: normal;
  font-weight: 900;
  src: url('../fonts/maven/maven-pro-v32-latin-900.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/maven/maven-pro-v32-latin-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/maven/maven-pro-v32-latin-900.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/maven/maven-pro-v32-latin-900.woff') format('woff'), /* Modern Browsers */
       url('../fonts/maven/maven-pro-v32-latin-900.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/maven/maven-pro-v32-latin-900.svg#MavenPro') format('svg'); /* Legacy iOS */
}



body {font-family: 'Maven Pro', sans-serif; color: #000; font-size: 18px; overflow-x: hidden; }

a {  color: #2093D2;  text-decoration: none;}
#t3-footer a.button, a.button, div.visBtnCon .btn {  background: #2093D2!important; color: #fff; font-size: 20px; border-radius: 20px; border: 2px solid #ddd; box-shadow: 0px 0px 10px #aaa; padding: 5px 25px !important;   text-decoration: none;}

.gafancybox-outer {background: url("../../../images/key.png"); background-size: cover; }

.img img {max-width:100%}
.container.t3-sl { padding-top: 20px; padding-bottom:20px;}
.container.t3-sl > .row > div.col-lg-12 {padding:0;}
.fixed-columns > .moduleItemList > div.itemContainer > .moduleItemView { margin:0 15px;}

a.thumbnailPic:before {
/*    color: #000;
    content: "\f00e";
    position: absolute;
    left: 5px;
    bottom: 5px;
    font: normal normal normal 26px/1 FontAwesome;*/
}
/********************************************
TOPNAVI */
#topnav {background: #2093D2; color: #fff; text-align: right; font-weight: 600; padding: 10px 0;  }
#topnav p {margin: 0 !important; line-height: 30px; }
#topnav a:link,
#topnav a:visited, #topnav a:active, #topnav a:visited {color: #fff; text-decoration: underline; }
#topnav .nav { float: right; }
#topnav .nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {
    background: none;
}
#topnav .nav > li > a { padding:3px 15px; color: gray; font-size: 14px;text-transform: uppercase; -webkit-border-radius: 0px;-moz-border-radius: 0px;border-radius: 0px;}
#topnav .nav > li.active > a {color:#000;}

#topnav .search {text-align: left; }
/********************************************
HEADER */
header {background:#FFF; padding: 20px 0 20px 0; }
header .head-content p {color: #005fb7; font-size: 24pt;padding: 30px 0 20px 0; }
header .head-content p img { vertical-align: middle;max-height:80px; float: right; }

header .logo {padding-left:0; text-align: right;  }
header .logo img {max-height: 50px; }

header #t3-mainnav:not(.navbar-fixed-top) > .container {width:100%;}

.t3-header {padding: 0 !important; }
.t3-header img {height: 60px; }
.t3-header col-md-7 col-sm-8 col-xs-12 col-lg-12 col-md-12 col-sm-12  col-xs-12 hidden-xs  {padding: 0 !important; } 

/********************************************
SHOWCASE */
#showcase {background: #e7e7e7 }
#showcase > .container { padding:0; width:100%}
#showcase .t3-module { margin-bottom: 0; padding-bottom:0;}
#showcase .t3-module .custom p { padding:0; margin:0;}
#showcase p { margin: 0; }
#showcase p img { max-width: 100%;}
#showcase .carousel-inner > .item > img, .carousel-inner > .item > a > img {width: 100%}
#showcase .col-xs-12 { padding:0;}


/* Slideshow */
#showcase .carousel .container h5,
#showcase .carousel .container .moduleItemIntrotext {margin: 0 50px 10px 50px;}

#showcase .carousel-caption {position:absolute; bottom:5%;left:0; right:auto; width:100%;; text-align:center; padding-top:0;}
#showcase .carousel-title { padding: 10px 20px; background:rgba(32,147,210,0.8); color:#FFF; text-transform: uppercase; font-size:36px !important;}
#showcase .carouselTitle {background: rgba(32,147,210,0.8); font-size: 28px; }
#showcase .carouselText { color: #2093d2; font-size: 20px; padding-bottom: 5px; }

#showcase .carousel-caption h5 { padding: 10px 20px; background:#b60837; color:#FFF; text-transform: uppercase; font-size:36px !important;}
/*#showcase .carousel-caption p {  color:#FFF; padding:5px 10px; margin-bottom:2px; font-size: 24px; } */
#showcase .carousel-caption a:link, 
#showcase .carousel-caption a:active,
#showcase .carousel-caption a:visited { background:#2093d2; color:#FFF; font-size:16px; padding:5px 10px; box-shadow: 0 0 10px #333; border-radius: 5px; text-shadow: none; }
#showcase .carousel-control.left {text-align:center;} 
#showcase .carousel-control.right {text-align:center;} 
#showcase .carousel-control .fa-chevron-left {left:15px; right:auto;}
#showcase .carousel-control .fa-chevron-right {left:auto; right:15px;}
#showcase .carousel-control .fa-chevron-left, 
#showcase .carousel-control .fa-chevron-right {     position: absolute;     top: 50%;     z-index: 5;     display: inline-block;     font-size:40px; }
#showcase .carousel-indicators {top:0; text-align: right; bottom: auto !important; }
#showcase .carousel-control {width:10%}


.favslider-carousel .favth-carousel-inner {margin: 0 !important; }
.favslider-carousel .favth-carousel-caption {padding-bottom: 30px !important; font-family: 'Maven Pro' !important; }
.favslider-carousel h3[id^="favslider-caption-title"], .favslider-carousel h3[id*=" favslider-caption-title"] {}



/********************************************
HIGHLIGHT */

#highlight {background: #2093D2; box-shadow: 0 0 30px;}
#highlight .nav-pills > li {text-align: center; color: #fff; width: 21%; 	margin: 2%; }
/*#highlight img { margin: -50%; display: block;     margin-left: auto;     margin-right: auto;  position: absolute; border-radius: 100%; box-shadow: 0px 0px 20px #333;  } */
#highlight img {
    width: 100%;
    background: #fff;
    border-radius: 100%;
    box-shadow: 0px 0px 30px #333;
    margin-top: -50%;
}
#highlight span.image-title {
    color: #fff;
    text-align: center;
    font-size: 18px;
    font-weight: 900;
    display: block;
    margin-top: 15px;
	height: 40px; 
	height: 40px; 
}

/********************************************
SPOTLIGHT */
#spotlight {background: #fff; text-align: center; }
#spotlight h3,
#spotlight .moduleItemIntrotext { text-align: center; }
#spotlight h3{text-transform: none; font-size: 18px}

/********************************************
Before Mainbody */
/**#beforemainbody { background: #2093D2;    } 
#beforemainbody img { margin: -50%; display: block;     margin-left: auto;     margin-right: auto;  position: absolute; border-radius: 100%; box-shadow: 0px 0px 20px #333;  }
#beforemainbody p { }

#beforemainbody {background: #2093D2; box-shadow: 0 0 30px;}
#beforemainbody .nav-pills > li {text-align: center; color: #fff; width: 21%; 	margin: 2%; }
#beforemainbody img { margin: -50%; display: block;     margin-left: auto;     margin-right: auto;  position: absolute; border-radius: 100%; box-shadow: 0px 0px 20px #333;  } 
 #beforemainbody img {
    width: 100%;
    background: #fff;
    border-radius: 100%;
    box-shadow: 0px 0px 100px #fff;
    margin-top: -69%;
	
}
#beforemainbody span.image-title {
    color: #fff;
    text-align: center;
    font-size: 18px;
    font-weight: 900;
    display: block;
    margin-top: 15px;
	height: 40px; 
	height: 40px; 
}  */

/*	#beforemainbody {background: url(../../../images/teaserbg270.jpg) fixed; box-shadow: 0 0 30px; } */
	#beforemainbody {background: #2093D2; box-shadow: 0 0 30px; } 
	#beforemainbody .container.t3-sl {padding: 0 !important; }
	#beforemainbody img {float: none; border-radius: 100%; width: 80%; box-shadow: 0 0 38px #fff; }
	/** #beforemainbody img {float: none; border-radius: 100%; width: 100%; box-shadow: 0 0 38px #fff; } **/
	#beforemainbody span.image-title {color: #fff; text-align: center; display: block; padding: 10px; text-transform: uppercase; }


/********************************************
After Mainbody */
#aftermainbody { background: rgba(32,147,210,0.4)}
#aftermainbody .catItemTitle { color: #2093d2; font-size: 22px; margin: 0; }
#aftermainbody .carousel-indicators {bottom: 0}
#aftermainbody .fa { color: #2093d2 !important; }
#aftermainbody .carousel-control { background: none !important; top: 50% !important; width: auto !important; }


/********************************************
UITILITY */
#utility {background: #edf2f6; line-height: 24px; box-shadow: 0 0 10px #2093d2; }
#utility h1,
#utility p.h3
{font-size: 18px; color: #2093d2; margin: 0 0 10px; ; }
#utility h2 {font-size: 22px; color: #5A6169; margin: 0 !important; }
#utility h3,
#utility .moduleItemIntrotext { text-align: center; }
#utility h3{text-transform: none; font-size: 18px}
#utility img {width: 100%; }
/*#utility ul {list-style-image: url(../../../images/listicon22.png); font-size: 22px; } */
#utility ul {list-style-type: none;  }
#utility a {color: #5A6169; }
#utility a.weiter {background: url(../../../images/listicon16.png) no-repeat left; padding: 0 0 0 20px }


/********************************************
FOOTER */
#t3-footer{background:#2093D2; font-size: 14px; color:#FFF; padding:20px 0; box-shadow: 0 0 30px;}
#t3-footer a {color:}
#t3-footer div.k2ItemsBlock ul li a.moduleItemTitle {font-size: 18px; font-weight: 900}
#t3-footer div.k2ItemsBlock ul li div.moduleItemIntrotext a.moduleItemImage img {margin: 0px 10px 0px 0px !important; float: left !important; height: 70px; }
#t3-footer li {list-style-type: none !important}
#t3-footer .news li {border-bottom: 1px dotted #fff; padding: 0 0 10px 0; }
#t3-footer .news p {font-size: 13px;  }
#t3-footer div.k2ItemsBlock ul {padding: 0; }

#t3-footer .nav-pills > li {float: none !important;}
footer .vnav li {margin: 0 0 10px 0}
footer div[class*="-12"] p {text-align: left}
#ca_banner .accept {background: #2093D2 !important; text-shadow: none !important;}

/********************************************
Bottom */
#bottom {}
/********************************************
SIDEBARS */ut
.t3-sidebar .nav.navbar-nav li { float: none;   display: block;   width: 100%;} 
.t3-sidebar .container {width:100%}
.t3-sidebar .dropdown-menu {top:0; left:100%; padding:0; margin:0;}
.t3-sidebar .nav.navbar-nav { float:none; width:100%}
.t3-sidebar-left { padding-left:0;}
.t3-sidebar-left .container {padding:0;}
.t3-sidebar-right { padding-right:0;}
.t3-sidebar-right .container {padding:0;}
.t3-sidebar-right .itemContainer {float:none;}
.t3-sidebar-right strong.label {color: #000; display: inline-block; width: 100px; text-align: left; font-size: 14px;padding-left:0;}
.t3-sidebar-right h3 { text-transform: uppercase; color: #005fb7}
.t3-sidebar-right p img ~ a,
.t3-sidebar-right p img ~ span {color: #005fb7; font-size: 20px; font-weight:bold; margin-left: 10px;vertical-align:middle;}
.t3-sidebar-right p a { color:#000}
.t3-sidebar-right .itemContainer { border-top:1px solid #005fb7}
.t3-sidebar-right .moduleItemList div.itemContainer:first-child { border: none;}
.t3-sidebar-right {background: #ccc;  }
.t3-sidebar-right img  {width: 30%; margin: 1.5%; float: left; }

/********************************************
NAVIGATION */
.navbar { border: none;}
#t3-off-canvas, #t3-mainnav-v,
#t3-mainnav{background: #fff;  font-size: 16px; border-bottom: 1px solid #2093D3;  }

/* Erste Ebene */
.navbar-nav {float: right !important; }
.nav > li > a {padding: 10px 35px 20px 0 !important; }
ul.navbar-nav > li > a {color:#5A6169; text-transform: uppercase; }
ul.navbar-nav > li.open > a, 
ul.navbar-nav > li.open > a:hover,
ul.navbar-nav > li.open > a:focus,
ul.navbar-nav > li > a:hover,
ul.navbar-nav > li > a:focus { color:#2093D2; background: none !important; }

ul.navbar-nav > li.active.open > a,
ul.navbar-nav > li.active > a {  color: #2093D2;}

/* 2.Ebene */
.dropdown-submenu > .dropdown-menu {margin-top: 0 !important; }
ul.dropdown-menu { border:none; -webkit-border-radius: 0px;-moz-border-radius: 0px;border-radius: 0px;background-color: #fff; margin:0;padding:0; font-size: 16px; /*width: 250px; */  }
ul.dropdown-menu > li > a {  padding: 15px; width: 200px; /*  color:#fff;white-space: unset; */  }
ul.dropdown-menu > li > a:hover,
ul.dropdown-menu > li > a:focus {color: #2093d2 !important; background: none; }

ul.dropdown-menu > li.active > a, 
ul.dropdown-menu > li.active > a:hover, 
ul.dropdown-menu > li.active > a:focus {color: #2093d2 !important; background: none; }

/* CANVAS Menu */
#t3-off-canvas ul.dropdown-menu > li > a{padding-left:30px;}
.btn-primary { background:gray}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open .dropdown-toggle.btn-primary {
    background: none;  color: #2093d2 !important;
}


button.off-canvas-toggle { display:none;}
button.off-canvas-toggle {position:absolute !important ; left:0;}

/********************************************
MAINBODY */
div.breadcrumbs {padding: 5px 0px; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; margin-bottom: 20px;	 }
#t3-content {padding:40px 0px;}
#t3-content li {list-style-image: url(../../../images/listicon16.png); line-height: 35px; font-size: 18px; }
#t3-content h1 div.mainpage {font-size:36px;color:#2093D2;margin: 0px 0 70px 14px}
#t3-content h1  {font-size:36px;color:#2093D2;margin: 0px 0 70px 0px}
#t3-content h2 {font-size:28px;color:#666; margin: 00px 0 35px 0; padding:0;}
#t3-content h3.catItemTitle {font-size:24px;color:#2093D2; line-height:32px; margin: 10px 0 20px 0; padding:0; }
#t3-content h3.catItemTitle > a {background: url(../../../images/listicon22.png) no-repeat left center; padding: 0 0 0 30px; text-decoration: none; }
#t3-content h4 { font-size:18px;color:#666;  }

#t3-content h5{font-size:16px;color:#000; line-height:20px}
#t3-content h6{font-size:14px;color:#000; line-height:20px}
#t3-content p {line-height: 30px; margin: 0 30px 30px 0px; text-align: justify; font-size: 18px;  }
#t3-content p.antwort {/*font-style: oblique; font-weight: 900;*/ color: #2093d2;   }
#t3-content p:first-line { }

#t3-content div.catItemImageBlock { margin: 0 20px 0 0; }

#mainbody_bottom {}
#mainbody_bottom .container {padding: 0!important; }
#mainbody_bottom img {width: 100%; }

/* #t3-content .content p:first-letter {   font-size: 60px;   line-height: 1;   float: left;   padding-right: .4em; 	padding-top: 5px; margin-bottom: 0;  color: #2093D2 } */
div.catItemHeader {margin-top: 0 !important}
div.catItemImageBlock {padding: 0 !important; margin-top: 22px; }
#t3-content col-xs-12 {padding: 0 !important; } 

.projects-wrapper .project-img img {height: 200px; }

#t3-content tr.even {background: #ddd;}

.panel-group .panel-heading {padding-left: 0 !important;}

.catItemImage strong.catItemImageCaption,
.itemImage strong.itemImageCaption { display: block; background: #e7e7e7; font-size: smaller; font-weight: normal}
div.groupLeading {border: none !important}
/* div.itemList {margin-left: -28px; }   */
div.catItemBody {padding: 0px !important; }
div.catItemIntroText {padding: 0 !important; }

.col-md-9 {padding: 0 !important}


.wf_caption > span { background:#33363b; color:#FFF; font-size: 16px;padding:7px;}
.wf_caption img { max-width:100%}


div.catItemReadMore { text-align: right; font-weight: 900; padding: 10px 0; border-bottom: 1px solid #2093d2; margin-bottom: 20px;  }
div.catItemReadMore a {background: #2093d2; padding: 10px; color: #fff; }

/************** FORMULAR ************************/

#t3-content .inputbox {width: 100% !important;}
#t3-content .visCSSinput, .editor {width: auto; }
#t3-content .visCSSlabel {float: none; }

/********************************************
SONSTIGES */
a#top-link {
    bottom: 10px;
    color: #2093d2;
    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;
	background: #fff; border-radius: 100%
}
a#top-link:hover { cursor:pointer; background: none;}
.notelnr:hover{text-decoration:none; color:inherit;cursor:default;}

.t3-sidebar .fa.fa-phone-square { color:#005fb7;  vertical-align: middle; visibility: hidden;  font-size: 0px;padding-right:10px;}
.t3-sidebar .fa.fa-phone-square:before {font-size: 30px; visibility: visible;}
.t3-sidebar a.telnr4mobil.notelnr {font-size: 20px;color:#005fb7;font-weight:bold }


/********************************************
FORMULAR */
/* Simple transparent form with minimal styling and text error messages */
/* Version 10.00 */

.fcp_wrapper {margin-bottom: 20px; }
.fcp_wrapper ~ p {margin-left:20%; }

/* line layout */

div.fcp_line	    {clear:left; padding-top:0.5em;}
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 { display:block;width:100%; text-align: left;}

div.fcp_captcha,
div.fcp_checkbox {margin-left:20%;padding-left:3px}

/* 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; -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
img.fcp_captcha_img     {vertical-align:middle; margin:0 5px 0 5px; 
                         border:1px solid #7F9DB9; -webkit-border-radius: 5px;-moz-border-radius: 5px;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; border:1px solid lightgray; 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 */

.fcp_sendrow {margin-left:20%; margin-top: 1em;padding-left:3px;}
#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 und Popover */


/*----------------------------------------------------------------------*/
/* Magnific Popup Style  */
.mfp-figure:after {
    background:none;box-shadow:none;
}
.mfp-title {color:#000;padding-left:10px}
.mfp-counter {right:10px}
.mfp-content {background:#FFF;padding:10px}
.mfp-iframe-holder .mfp-content {
    max-width: 800px;
    max-height:600px;

}
.mfp-close {
    color:#000!important;
    right:0!important; padding-right:10px!important;
}
.mfp-iframe-holder .mfp-close {background: #FFF; opacity: 1}
/*----------------------------------------------------------------------*/
/* Accordion  Style  */
.accordion h3:hover {cursor:pointer}

/*bx.Gallery  Style  */
.bxgallery {
    background: #efefef;
    margin: 8px 0;
    padding: 16px;
    clear:both;
    max-width:100%;
        width:800px;
}
/*----------------------------------------------------------------------*/
@media only screen and (max-width: 991px) {

	#beforemainbody .nav-pills > li { text-align: center; color: #fff; width: 46%; margin: 0 2%; }
	
}
/* Extra Small devices .col-xs- ( < 768px ) */
@media ( max-width: 767px) { 
    button.off-canvas-toggle { display:block; background: #2093d2; }
    nav#t3-mainnav,  nav#topnav { display:none;}

	#showcase .carousel-caption {display: none}
	
    .t3-sidebar[class*="col-"] { width:100%}

    div.fcp_line label:first-child { display:block; text-align:left;width:100%}
    .fcp_sendrow, div.fcp_captcha, div.fcp_checkbox {  margin-left: 0;}
    .fcp_wrapper ~ p {   margin-left: 0;}

    td img { max-width:100%}
	#highlight img {margin-top: 0 !important; }
	#highlight .nav-pills > li {text-align: center; color: #fff; width: 48%; 	margin: 1%; }
	
    .t3-spotlight div[class*="-12"] div.itemContainer { width:100% !important; float:none;}
    .t3-spotlight div[class*="-12"] div.itemContainer .moduleItemImageBlock { float:left;width:33%; margin-right: 3%}
    .t3-spotlight div[class*="-12"] div.itemContainer h3, .t3-spotlight div[class*="-12"] div.itemContainer .moduleItemIntrotext {   text-align: left!important;}

    .t3-spotlight span.catItemImage {text-align:left;}

    .t3-spotlight div[class*="-12"] .overlay div.itemContainer .moduleItemImageBlock {margin:0;}
    .t3-spotlight .overlay  .modulcontent {float:right; width:67%;margin:0; left:auto; bottom:8px; right:auto;position:relative}
    .t3-spotlight .overlay .itemContainer h3,
    .t3-spotlight .overlay .itemContainer .moduleItemIntrotext {margin-top:0;position:static;padding:0;} 

    #equalheight {
        overflow: hidden; 
    }
}

/* Small devices .col-sm- (> 768px and up) */
@media only screen and (min-width: 768px) and (max-width: 991px) {
	
	

	
	
}


/* Medium devices .col-md- (desktops, 992px and up) */
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	
	
	
	#beforemainbody .nav-pills > li { text-align: center; color: #fff; width: 21%; margin: -1% 2% 0 2%; }
	/* #beforemainbody .nav-pills > li { text-align: center; color: #fff; width: 21%; margin: -60px 2% 0 2%; } */
	

}

@media only screen and (max-width: 480px) {
    .col-xxs-12 { width:100%;float:none; height:auto;}

}

/* Large devices .col-lg- (large desktops, 1200px and up) */
@media ( min-width: 1200px) { 

	
	/*#beforemainbody .nav-pills > li { text-align: center; color: #fff; width: 21%; margin: -1% 2% 0 2%; }*/
	#beforemainbody .nav-pills > li { text-align: center; color: #fff;     width: 18%;
    margin: -1% 1% 0 1%; } 
	
	
}


