/*
***** Created at 08.10.15, 11:16:53 by Cyberhouse Import/Update-Script*****
***** Revision: REV_1031
*/



@media only screen and (min-width : 768px) {
	.breadcrumb.full{
		display: inline-block !important;
	}
}


#mainContent{
	 margin-top:33px;
}

/* logo */

.navbar .logoContainer .logo{
	width:85%;
	max-width:172px;
}	
	
/* search & language select */

#mainNav.navbar .form-search{
	margin-top:30px;	
}

#mainNav.navbar .languageSelect{
	margin-top:35px;	
}


/* main nav */

#mainNav.navbar{
	margin-bottom: 0px;
	height: 185px;
	background-color: #fff;
}

#mainNav.navbar .navbar-inner {
     -webkit-box-shadow:  none;
    box-shadow:  none;    
}

#mainNav.navbar .nav {
	bottom:-5px;
	width:132%;
	left:-34%;
}

#mainNav.navbar .nav > li > a{
	font-size:17px;
}

#mainNav.navbar .dropdown .firstLevel .nobr,
#mainNav.navbar .dropdown.open .firstLevel .nobr{
	background-position: right 10px;
}

#mainNav.navbar #navShadow{
	position:absolute;
	left:-20px;
	right:-20px;
	bottom:-10px;
	display:block;
	box-shadow: 0 1px 7px 0px rgba(0, 0, 0, 0.2);
	z-index:2;
	height:15px;
}

#mainNav.navbar #navShadowWhite{
	position:absolute;
	left:-20px;
	right:-20px;
	bottom:-3px;
	z-index:3;
	background:#ffffff;
	display:block;
	height:16px;
}

#mainNavShadow{
	display: none;
}

#subNav.navbar .nav > li > a.dropdown-toggle .nobr{
	background-position: right 8px;
}

#subNav.navbar .nav > li.open a.dropdown-toggle .nobr{
	background-position: right 8px;
}

.flapContent .quicklinkContainer li{
	margin-right: 25px;
}

/* main nav level 2*/


#mainNav.navbar .dropdown-menu{
	top:48px;
	left:-24px; 
	right:-33px;
}

#mainFlappe .flapEntryContainer.teaserContainer{
	display:none;
}

#mainFlappe.businessSegments .flapEntryContainer.teaserContainer{
	display:block;
}

#mainFlappe.businessSegments .flapEntryContainer.teaserContainer .moduleContainer{
	margin-bottom: 0px;
}

#mainFlappe .flapInnerContainer.span9 {
	width: 100%;
}

#mainFlappe.open{
	top: 125px;
}

/* quick access bar */

.navbar #quickAccessBar ul li{
	height:100%;
	padding-right:8px;		
}

.navbar #quickAccessBar ul li a img{
 	display:inline-block;
 	float:none;
 	margin-right: 0px;
}



.row-fluid .colLeft.span3{
	width:31.4917%;
}

.grid_6_6 .grid_6_6 > .span6{
	width: 100%;
}

/*.row-fluid .colMain.span6,
.row-fluid .colMain.span9{
	width: 65.7459%;
}*/

.row-fluid .colRight.span3 .moduleContainer,
.grid_3_6_3 .colMain .moduleContainer.teaserarea.single .moduleContainer{
	float:left;
	width: 100%;
	margin-left: 0%;
}

footer .row-fluid .span2{
	width: 31.6239%; 
	margin-left:2.55%;
	margin-bottom:40px;
}

footer .row-fluid .span2:nth-child(4){
	margin-left:0px;
}

.colLeft .moduleContainer.affix{
	 width:30.110485%;
}

.colLeft .moduleContainer.affix-bottom{
	position:absolute;
	top: auto !important;
	bottom: 0px !important;
}

.row-fluid .colRight.span3 .moduleContainer.downloads.span12{
	width:100%;
}

@media only screen and (min-width : 768px) {
	footer .row-fluid .span2:nth-child(4){
		clear: left;
    	margin-left: 0;
	}
}


/* Landing Page Business Segments */

.lp_bs .navbar #navShadowWhite,
.lp_bs .navbar #navShadow{
	display:none;
}

#subNav.navbar,
#subNavPlaceHolder{
	margin-top:0px;
	margin-bottom: 0;
}

#subNav.navbar.affix{
	margin-top: 0;
}

#subNav.navbar .logoContainer .logo{
	width:70%;
	margin-left:0px;
	max-width:136px;
}

#subNav.navbar .nav{
	left:-20px;
	width:128%;
}

#subNav.navbar .nav > li {
    margin: 0 1%;
}

#subNav.navbar .nav > li > a{
	font-size:14px;	
}

.lp_bs .thumbnails .span3{
	width:48.6188%;
}
	
.lp_bs .thumbnails li:nth-child(3){
	margin-left:0;
	clear:left;
}

.lp_bs .thumbnail.moduleContainer{
	padding-top:50px;
}

.lp_bs .thumbnails li li:nth-child(3){
	margin-left:-10px;
}

.lp_bs .colLeft.span6,
.lp_bs .colRight.span6{
	width:100%;
	margin-left:0px;
}



.lp_bs .moduleContainer.video .innerContainer img{
	width:85%;
}


#latestNews{
	top: 36px;
}

.grid_6-2-1 > .span6 {
	width: 100%;
	margin: 0 0 10px 0;
}

.grid_3_6_3 .colMain,
.grid_3_6_3 .colRight,
.grid_3_9 .colMain,
.grid_9_3 .colMain{
	width: 65.7459%;
	float: left;
}

.grid_3_6_3 .colRight{
	float: right;
}

.grid_9_3 .colRight{
	width: 31.49%;
	float: right;
}

.grid_3-9-2 .colMain .span8,
.grid_3-9-2 .colMain .span4 {
	width: 100% !important;
	margin-left: 0;
}

.grid_12-4 .span12 .span3 {
	width: 48.61878453038674%;
}

.grid_12-4 .span12 .span3:nth-child(3) {
	margin-left: 0;
}

.grid_9_3.promoTab .colMain,
.grid_9_3.promoTab .colRight{
	width: 100%;
}

.grid_9_3.promoTab .colRight{
	margin-top: 40px;
}

.grid_9_3.promoTab .colRight .moduleContainer{
	width: 50%;
}

/** PHOTO ARCHIVE **/

.colMain .photoArchive .album{
	margin-right: 2.5%;
    max-width: 44.492%;
    width: 44.492%;
}

.photoArchive .form-horizontal p{
	clear: both;
	float: right;
	margin-top: 10px;
}


/* INTERNAL HEADER */

.internal #groupnetSwitch{
	left: 50%;
	margin-left: -26%;
	top: 71px;
}

.internal #groupnetSwitch .divider{
	width: 250px;
}

.internal #mainNav.navbar .form-search{
	margin-right: -35px;
}

.internal #mainNav.navbar .nav{
	width: 140%;
}

/* upcoming events */
.grid_3_6_3 .colRight.span3 .upcomingEvents .top{
	display: none;
}
.grid_3_6_3 .colRight.span3 .upcomingEvents .bottom{
	display: block;
}

.grid_3_6_3 .colRight.span3 .upcomingEvents .textContainer,
.span9 .upcomingEvents .textContainer{
	width: 80%;
}

.grid_6_6 .span6 .upcomingEvents .textContainer{
	width: 70%;
}

.grid_3_6_3 .colRight.span3 .upcomingEvents .eventContainer p{
	font-family: 'Titillium Web',sans-serif;
	font-size: 16px;
	line-height: 20px;
}

.grid_3_6_3 .colRight.span3 .upcomingEvents .eventContainer .location{
	margin-top: 0px;
}

/*******************************************************
	@TEXT BLOCK
********************************************************/

.span9 .moduleContainer.textblock > [class*="span"],
.moduleContainer.textblock > figure {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    float: left;
}

.span9 .moduleContainer.textblock > .span4{
	width: 50%;
	max-width: 270px;
}

.span6 .moduleContainer.textblock > [class*="span"]{
	width: auto;
}

.moduleContainer.textblock [class*="span"] figure {
	text-align: left;
}

.moduleContainer.textblock [class*="span"] .quoteblock figure{
	text-align: center;
}

.moduleContainer.textblock [class*="span"] .imageContainer img ,
.moduleContainer.textblock figure .imageContainer img {
	max-width: 250px;
	display: block;
	margin: 0 auto;
}

/*******************************************************
    @QUOTE BLOCK
********************************************************/

/* im textfluss mit bild */

.moduleContainer.textblock .moduleContainer.quoteblock .row-fluid [class*="span"] {
	display: block;
	float: left;
}

.moduleContainer.textblock .moduleContainer.quoteblock .span4 {
	width: 31.491712707182323%;
}

.moduleContainer.textblock .moduleContainer.quoteblock .span8 {
	width: 65.74585635359117%;
	margin-left: 2.7624309392265194%;
}

.moduleContainer.textblock .moduleContainer.quoteblock .imageContainer img {
    float: right;
    margin: 0 0 20px 0;
}

.moduleContainer.textblock .moduleContainer.quoteblock .imageContainer + .textContainer figure {
    text-align: left;
}

.moduleContainer.textblock .moduleContainer.quoteblock .imageContainer + .textContainer blockquote {
    text-indent: 35px;
    padding: 9px 0 0 0 ;
    background-position: left top;
}

/*******************************************************
    @TEASERAREA BLOCK
********************************************************/

.moduleContainer.teaserarea .moduleContainer {
	margin-bottom: 20px;
}

.moduleContainer.teaserarea .imageContainer img {
	float: right;
}

.grid_12 .moduleContainer.teaserarea .imageContainer img,
.grid_6_6 .moduleContainer.teaserarea .imageContainer img,
.grid_9_3 .colRight .moduleContainer.teaserarea .imageContainer img {
	float: none;
}

.grid_6_6 .moduleContainer.teaserarea .moduleContainer,
.colMain .moduleContainer.teaserarea .moduleContainer {
    margin-bottom: 20px;
}

/* single */

.colMain .moduleContainer.teaserarea.single .teaserwidth,
.grid_6_6 .moduleContainer.teaserarea.single .teaserwidth,
.grid_9_3 .colRight .moduleContainer.teaserarea.single .teaserwidth,
.grid_3_6_3 .colRight .moduleContainer.teaserarea.single .teaserwidth,
.grid_3_6_3 .colMain .moduleContainer.teaserarea.single .teaserwidth {
	width: 100%;
	margin-left: 0;
}

.colMain .moduleContainer.teaserarea.single .moduleContainer .imageContainer,
.colMain .moduleContainer.teaserarea.single .moduleContainer .imageContainer + .textContainer,
.grid_6_6 .moduleContainer.teaserarea.single .moduleContainer .imageContainer,
.grid_6_6 .moduleContainer.teaserarea.single .moduleContainer .imageContainer + .textContainer,
.grid_3_6_3 .moduleContainer.teaserarea.single .moduleContainer .imageContainer,
.grid_3_6_3 .moduleContainer.teaserarea.single .moduleContainer .imageContainer + .textContainer {
	width: 48.717948717948715%;
	float: left;
}

.colMain .moduleContainer.teaserarea.single .moduleContainer .imageContainer + .textContainer,
.grid_6_6 .moduleContainer.teaserarea.single .moduleContainer .imageContainer + .textContainer,
.grid_3_6_3 .moduleContainer.teaserarea.single .moduleContainer .imageContainer + .textContainer{
	margin-left: 2.564102564102564%;
}

/* double */

.colMain .moduleContainer.teaserarea.double .teaserwidth,
.grid_6_6 .moduleContainer.teaserarea.double .teaserwidth,
.grid_3_6_3 .colMain .moduleContainer.teaserarea.double .teaserwidth,
.grid_3_6_3 .colRight .moduleContainer.teaserarea.double .teaserwidth {
	width: 100%;
	margin-left: 0;
}

.colMain .moduleContainer.teaserarea.double .moduleContainer .imageContainer,
.colMain .moduleContainer.teaserarea.double .moduleContainer .imageContainer + .textContainer,
.grid_6_6 .moduleContainer.teaserarea.double .moduleContainer .imageContainer,
.grid_6_6 .moduleContainer.teaserarea.double .moduleContainer .imageContainer + .textContainer,
.grid_3_6_3 .colMain .moduleContainer.teaserarea.double .moduleContainer .imageContainer,
.grid_3_6_3 .colMain .moduleContainer.teaserarea.double .moduleContainer .imageContainer + .textContainer,
.grid_3_6_3 .colRight .moduleContainer.teaserarea.double .moduleContainer .imageContainer,
.grid_3_6_3 .colRight .moduleContainer.teaserarea.double .moduleContainer .imageContainer + .textContainer {
	width: 48.717948717948715%;
	float: left;
}

.colMain .moduleContainer.teaserarea.double .moduleContainer .imageContainer + .textContainer,
.grid_6_6 .moduleContainer.teaserarea.double .moduleContainer .imageContainer + .textContainer,
.grid_3_6_3 .colMain .moduleContainer.teaserarea.double .moduleContainer .imageContainer + .textContainer,
.grid_3_6_3 .colRight .moduleContainer.teaserarea.double .moduleContainer .imageContainer + .textContainer {
	margin-left: 2.564102564102564%;
}

/* triple */

.colMain .moduleContainer.teaserarea.triple .teaserwidth,
.grid_3_6_3 .colRight .moduleContainer.teaserarea.triple .teaserwidth {
	width: 100%;
	margin-left: 0;
}

.colMain .moduleContainer.teaserarea.triple .moduleContainer .imageContainer,
.colMain .moduleContainer.teaserarea.triple .moduleContainer .imageContainer + .textContainer,
.grid_3_6_3 .colRight .moduleContainer.teaserarea.triple .moduleContainer .imageContainer,
.grid_3_6_3 .colRight .moduleContainer.teaserarea.triple .moduleContainer .imageContainer + .textContainer {
	width: 48.717948717948715%;
	float: left;
}

.colMain .moduleContainer.teaserarea.triple .moduleContainer .imageContainer + .textContainer,
.grid_3_6_3 .moduleContainer.teaserarea.triple .moduleContainer .imageContainer + .textContainer {
	margin-left: 2.564102564102564%;
}


.grid_3_6_3 .colRight .moduleContainer.teaser .innerContainer a{
	text-align: left;
}

/* full */

.colMain .moduleContainer.teaserarea.full .teaserwidth {
	width: 48.717948717948715%;
}

.colMain .moduleContainer.teaserarea.full .teaserwidth:nth-child(2n+1) {
	clear: both;
	margin-left: 0;
}

/* spezial single + double */

.colMain .teaserCombination .moduleContainer.teaserarea.single.pull-left,
.colMain .teaserCombination .moduleContainer.teaserarea.double.pull-left {
    width: 100%;
}

.colMain .moduleContainer.teaserarea.single.pull-left,
.colMain .moduleContainer.teaserarea.double.pull-left {
	float: none;
}

.colMain .moduleContainer.teaserarea.single.pull-left .teaserwidth,
.colMain .moduleContainer.teaserarea.double.pull-left .teaserwidth {
    width: 100%;
}

.colMain .moduleContainer.teaserarea.double.pull-left + .moduleContainer.teaserarea.single.pull-left,
.colMain .moduleContainer.teaserarea.single.pull-left + .moduleContainer.teaserarea.double.pull-left {
    margin-left: 0;
}

.colMain .teaserCombination > .teaserarea:first-child,
.colMain .teaserCombination > .teaserarea:first-child .moduleContainer{
	margin-bottom: 0;
}

/*******************************************************
    @TEASER BLOCK
********************************************************/

.colRight .moduleContainer.teaser .innerContainer h2,
.colRight .moduleContainer.teaser .innerContainer h2 + p,
.colRight .moduleContainer.teaser .innerContainer h2 + a,
.grid_12 .moduleContainer.teaser.full .innerContainer h2,
.grid_12 .moduleContainer.teaser.full .innerContainer h2 + p,
.grid_12 .moduleContainer.teaser.full .innerContainer h2 + a,
.grid_12 .moduleContainer.teaser.full .innerContainer h2 + p + a {
	text-align: center;
}

.moduleContainer.teaser .innerContainer h2,
.moduleContainer.teaser .innerContainer h2 + p,
.moduleContainer.teaser .innerContainer h2 + a,
.moduleContainer.teaser .innerContainer h2 + p + a,
.grid_6_6 .span6 .moduleContainer.teaser .innerContainer h2,
.grid_6_6 .span6 .moduleContainer.teaser .innerContainer h2 + p,
.grid_6_6 .span6 .moduleContainer.teaser .innerContainer h2 + a,
.grid_6_6 .span6 .moduleContainer.teaser .innerContainer h2 + p + a,
.grid_3_6_3 .colRight .moduleContainer.teaser .innerContainer h2,
.grid_3_6_3 .colRight .moduleContainer.teaser .innerContainer h2 + p,
.grid_3_6_3 .colRight .moduleContainer.teaser .innerContainer h2 + a,
.grid_3_6_3 .colRight .moduleContainer.teaser .innerContainer h2 + p + a {
	text-align: left;
}

.colRight .moduleContainer.teaser .innerContainer a {
    text-align: right;
}

.promoTab .moduleContainer.teaser .innerContainer a {
	text-align: center;
}

/* laptop */

.moduleContainer.teaser.laptop .imageContainer {
	background-position: 100% 8px;
	padding-top: 12px;
	height: 102px;
	margin: 0 auto;
}

/* @TEASER IMAGE BLOCK */

.colMain .moduleContainer.teaserarea.full .moduleContainer.teaser.image .imageContainer {
	margin: 0;
}

.moduleContainer.teaser.image .imageContainer img {
	margin: 0 auto 20px;
}

/*******************************************************
    @TEASER CONTACT BLOCK
********************************************************/

/*.moduleContainer.contact .innerContainer h2,
.moduleContainer.contact .innerContainer h2 + p {
    text-align: left;
}*/

/*@media only screen and (min-width : 768px) {
	.grid_9_3 .colRight .moduleContainer.contact .innerContainer h2,
	.grid_9_3 .colRight .moduleContainer.contact .innerContainer h2 + p {
	    text-align: center;
	}
}*/





/*******************************************************
	@SHAREINFO
********************************************************/

/*** grid cases ***/

.grid_3_6_3 .span3 .shareInfo .shareGrafic{
	float: left;
	width: 46%;
}

.grid_3_6_3 .span3 .shareInfo .information{
	float: right;
	width: 46%;
	margin-right: 10px;
}

.grid_6_6 .span6 .shareInfo .shareGrafic{
	float: left;
	width: 40%;
}

.grid_6_6 .span6 .shareInfo .information{
	float: right;
	width: 51%;
	margin-right: 10px;
}

.grid_6_6 .grid_6_6 .span6 .shareInfo .shareGrafic{
	float: none;
	width: auto;
}

.grid_6_6 .grid_6_6 .span6 .shareInfo .information{
	float: none;
	width: auto;
	margin-right: 0px;
}


/*******************************************************
	@VIDEO Single Box 9 cols for fullres
********************************************************/
.span9 .moduleContainer.videoPlayer .jp-video, .span9 .moduleContainer.videoPlayer .yt-video-container {
    float:none;
    width:auto;
    margin:auto;
}
.span9 .moduleContainer.videoPlayer .yt-video-container {
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
}

.span9 .moduleContainer.videoPlayer .videoDescription {
    float:none;
    width:auto;
}
.span9 .moduleContainer.videoPlayer .videoDescription {
    padding-right:0;
}
.span9 .moduleContainer.videoPlayer div.jp-video-information {
    padding: 4px 0 13px 0;
    max-width: 550px;
    margin: auto;
}

.grid_6_6 .moduleContainer div.jp-video .jp-volume-bar{
	width: 35px;
}

.grid_6_6 .moduleContainer div.jp-video ul.jp-controls a.jp-volume-max{
	left: 86px;
}

/****************************************************
      @google maps
*****************************************************/


.span9 .googlemap_text,
.span9 .googlemap_map{
	width: 100%;
	margin-left: 0;
}
  
  
 
/*******************************************************
	@SLIDER
********************************************************/ 
 
/**** VIDEO SLIDER ****/ 
 
 
.colMain .moduleContainer.teaserarea.double .sliderContainer.teaserSlider .moduleContainer .imageContainer,
.grid_6_6 .span6 .moduleContainer.teaserarea.double .sliderContainer.teaserSlider .moduleContainer .imageContainer,
.grid_3_6_3 .colMain .moduleContainer.teaserarea.double .sliderContainer.teaserSlider .moduleContainer .imageContainer,
.grid_3_9 .moduleContainer.teaserarea.triple .sliderContainer.teaserSlider .moduleContainer .imageContainer{
 	float:none; 
	width:100%;
	display:block;
}

.colMain .moduleContainer.teaserarea.double .sliderContainer.teaserSlider .moduleContainer .imageContainer + .textContainer,
.grid_6_6 .span6 .moduleContainer.teaserarea.double .sliderContainer.teaserSlider .moduleContainer .imageContainer + .textContainer,
.grid_3_6_3 .colMain .moduleContainer.teaserarea.double .sliderContainer.teaserSlider .moduleContainer .imageContainer + .textContainer,
.grid_3_9 .moduleContainer.teaserarea.triple .sliderContainer.teaserSlider .moduleContainer .imageContainer + .textContainer {
	width:100%;
	display:block;
	float:left;
}

.sliderContainer.teaserSlider .moduleContainer.teaser .innerContainer h2{
	text-align:center;
}

/*******************************************************
	@SOCIAL MEDIA SHARE
********************************************************/


.socialshareprivacy_container{
	width:500px;
}

.span6 .socialshare hr{
	width: 30px; 
	border-top:1px dotted #babdc0; 
	padding:0px;
	margin:0px 0px 5px 25px;
}

.colMain .socialshareprivacy_fbtwitter{
	margin-bottom: 10px !important;
}

.span6 .socialshareprivacy_print{
	width: 80px;
}

.span6 .socialshare .socialshareprivacy_print .socialshareprivacy_printspan{
	display: inline-block;
}

.span6 .social_share_privacy_area{
	width: 80%;
}

/* Google+ begin */
.social_share_privacy_area .gplus {
	width: 138px;
}
/* Google+ end */

.socialshareprivacy_gplus{
	border-right: 0px;
}

.socialshare .socialshareprivacy_border{
    height: 25px;
    margin-bottom: 30px;
}


/*******************************************************
	@SEARCH RESULTS
********************************************************/

.searchResults .resultContainer .result .personData{
	width: 60%;
}

.searchResults .resultContainer .leftInfo{
	float: none; 
	width: 100%;
}

.searchResults .resultContainer .rightInfo{
	float: none; 
	width: 100%;
}
.searchHeader{
	
	padding-left: 34%;
}


/* carousel */

.carousel .item img{
    margin-right:-160px;
}

/* @ opco legend */

.opcolegend {
  padding: 6px 0px;
}


/* CALENDAR STYLES HIGH RESOLUTION */

.cl--event .cl--content {
    padding-left: 2px;
    padding-right: 2px;
}

.cl-selectview #cl-showupcoming{
	bottom:auto;
}


/*******************************************************
	@subgrid
********************************************************/

.subGrid .span4,
.subGrid .span8{
	width: 100%;
	margin-left: 0px;
}

.colLeft .newsChannel.top .divider{
	visibility: visible;
}

@media screen and (max-width: 860px) {
	.colMain.span9 .grid_6_6 .span6 {
		width: 100%;
	}
	
	.colMain.span9 .grid_6_6 .colRight {
		margin-left: 0px !important;
	}
	
} 


