/*
 changes: JK 23.10.2014 P43 Z:535: 100% deaktiviert Serena 000477 Inhalt .aii-section .cr-figure img
 
  This file contains layout for screens 767px:
  0) Frame
  1) Frame Inhalt
  2) Picture (Inhalt)
  3) Akkordeon -> dynamische Liste (Inhalt)
  4) Gallery (Inhalt)
  5) Zielgruppe, eServices  
  6) B�hne 
  7) Coverflow  
  8) Slider 
 16) Sitemap 
 17) Leichte Sprache 

Note:
.aii -> Allgemeine Informationen, Inhalt
.aim -> Allgemeine Informationen, Megamap
.ais -> Allgemeine Informationen, Slot
.ait -> Allgemeine Informationen, Trefferliste
 
.pri -> Presseinformationen, Inhalt
.prm -> Presseinformationen, Megamap
.prs -> Presseinformationen, Slot
.prt -> Presseinformationen, Trefferliste

.frt -> Frage, Trefferliste

.put -> generische Publikationen, Trefferliste
.pus -> generische Publikationen, Slot

.kwi -> kurze Weisung, Inhalt
.kws -> kurze Weisung, Slot
.kwt -> kurze Weisung, Trefferliste

.bii -> Bild, Inhalt
.bis -> Bild, Slot

.vii -> Video, Inhalt
.vis -> Video, Slot
.vit -> Video, Trefferliste

.koi -> Kontakt, Inhalt
.kos -> Kontakt, Slot

.dyi -> dynamische Liste, Inhalt 
.dys -> dynamische Liste, Slot
.dyt -> dynamische Liste, Trefferliste 

.mai -> manuelle Liste, Inhalt 
.mas -> manuelle Liste, Slot
.mat -> manuelle Liste, Trefferliste 

.lii -> Liste ,Inhalt
.lis -> Liste ,Slot

.lsi -> Linksamlung, Inhalt 
.lss -> Linksamlung, Slot
.lst -> Linksamlung, Trefferliste 

.bgi -> Bildergalerie, Inhalt 
.bgs -> Bildergalerie, Slot
.bgt -> Bildergalerie, Trefferliste 

.pai -> Partner, Inhalt
.pas -> Partner, Slot

.szg -> Startseite, Zielgruppe
.ses -> Startseite, eService

.sbu -> Startseite, B�hne

.sco -> Startseite, Coverflow

.sdm -> Sitemap
*/

@media screen and (max-width: 757px), 
only screen and (max-device-width: 480px),
only screen and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio) {

	/*-----------------*/
	/*0.0) *** Frame ***/
	/*-----------------*/	
	.content {
		width: 300px;
	}
	
	.contentRight {
		clear: both;
		margin-left: 0px;
		width: 300px;
	}
	
	.contentRightStart {
		clear: both;
		margin-left: 0px;
		width: 300px;
	}
	
	.footerLinksContainer {
		height: auto;
		padding-bottom: 15px;
	}
	
	.footerLinks {
		height: auto;
		position: relative;
		right: 0px;
		top: 0px;
		text-align: right;
	}
	
	.footerLink {
		float: none;
	}
				
	.tabBar {
		width: 300px;
	}
	
	.tabBar .tabBarContainer {
		width: 300px;
	}
	
	.tabContentContainer {
		width: 280px;
	}
	
	/*-------------------------*/
	/*0.1) *** Frame ***********/ 
	/* Frame *******************/
	/*-------------------------*/
	.marketingStage {
		width:300px;
	}

	.marketingStage .marketingStageContainer {
		width:280px;
		margin:0 10px 10px 10px;
	}

	.accordion,
	.accordion div .accordionTabContent .entireWidth {
		float:none;
	}

	.accordion div .accordionTabContent .accordionContentBox {
		margin-left: 0;
	}

	.ContentRowWhiteIE {
		width: 300px;
	}

	.ContentRowNormalIE,
	.accordion,
	.accordion div .accordionTabContent,
	.accordion div .accordionTabContent .accordionContentBox,
	.accordion div .accordionTabContent .entireWidth {
		width:300px;
	}

	.accordionLeft,
	.accordionLeft div .accordionTabContent,
	.accordionLeft div .accordionTabContent .accordionContentBox {
		width:280px;
	}
	
	/* Safari */
	.csection > .accordion > h3 {
		/*CR-418 width:247px;*/ 
		width:280px;/*CR-418*/
	}

	.caside > .accordion > h3 {
		/*CR-418 width:267px;*/
		width:300px;/*CR-418*/
	}
	/* Safari END */

	/*-------------------------*/
	/*1.0) *** Frame Inhalt ****/ 
	/* Trefferliste ************/
	/*-------------------------*/
	.aii-section, .ait-section,
	.bii-section, 
	.bgi-section, .bgt-section,
	.vii-section, .vit-section,  
	.pri-section, .prt-section, 
	.frt-section,
	.pui-section, .put-section,
	.lii-section, .lit-section, 
	.kwi-section, .kwt-section,
	.koi-section, 
	.pai-section,
	.dyi-section, .dyt-section, 
	.mai-section, .mat-section, 
	.lsi-section, .lst-section {
		width:280px;
	}
	
	.ait-section .ait-col,
	.vit-section .vit-col,
	.prt-section .prt-col,
	.frt-section .frt-col,
	.put-section .put-col,
	.kwt-section .kwt-col,
	.dyt-section .dyt-col,
	.mat-section .mat-col,
	.lst-section .lst-col {
		margin-right:0;
		float:none;
		width:100%;
		min-height:0;
	}

	.ait-section,
	.vit-section,
	.prt-section,
	.frt-section,
	.put-section,
	.kwt-section,
	.dyt-section,
	.mat-section,
	.lst-section,
	.bgt-section {
		width:260px;
	}

	.frt-section .frt-col,
	.kwt-section .kwt-col,
	.dyt-section .dyt-col,
	.mat-section .mat-col,
	.lst-section .lst-col,
	.ait-section .ait-nopic,
	.vit-section .vit-nopic,
	.prt-section .prt-nopic,
	.put-section .put-nopic {
		margin-left:0;
	}

	/*1.2) *** Inhalt ***/
	.dyi-section .bii-section .cr-left, .dyi-section .bii-section .cr-right,
	.dyi-section .vii-section .cr-left, .dyi-section .vii-section .cr-right,
	.mai-section .bii-section .cr-left, .mai-section .bii-section .cr-right,
	.mai-section .vii-section .cr-left, .mai-section .vii-section .cr-right,
	.koi-section .cr-right,
	.pai-section .cr-right {
		float:none;
		padding-left:0;
		padding-right:0;
	}

	.koi-section .koi-col1,
	.pai-section .pai-col1 {
		width: 275px;
	}

	.koi-section .cr-labelcol3,
	.pai-section .cr-labelcol3 {
		min-width: 160px;
	}

	/*1.3) *** Table ***/
	.colouredTable, .contentTable, .lineTable, .verticalTable, .dataTable {
		/*CR-492 width: 280px;*/
	}
	
	.colouredTable tr th, .contentTable tr th, .lineTable tr th, .colouredTable tr td, .contentTable tr td, .lineTable tr td {
		/*CR-492 width: 100px;*/
	}
	
	.contentTable tr td:first-child, .colouredTable tr td:first-child, .lineTable tr td:first-child, .contentTable tr th:first-child, .colouredTable tr th:first-child, .lineTable tr th:first-child, .verticalTable tbody th {
		/*CR-492 width: 48px;*/
	}
	
	.contentTable tr th:last-child, .colouredTable tr th:last-child, .lineTable tr th:last-child, .contentTable tr td:last-child, .colouredTable tr td:last-child, .lineTable tbody tr td:last-child {
		/*CR-492 width: 72px;*/
	}
	
	.verticalTable tr th:first-child {
		/*CR-492 width: 48px;*/
	}

	.contentTable.uniform tr td,
	.colouredTable.uniform tr td,
	.lineTable.uniform tr td,
	.contentTable.uniform tr th,
	.colouredTable.uniform tr th,
	.lineTable.uniform tr th,
	.verticalTable.uniform th:first-child {
		/*CR-492 width:73px;*/
	}
	
	/*-------------------*/
	/*2.0) *** Picture ***/ 
	/* Inhalt ************/
	/*-------------------*/
	.aii-section .cr-figure img,
	.bgi-section .cr-figure img,
	.bii-section .cr-figure img,
	.vii-section .cr-video .cr-ivideo, .vii-section .cr-video .cr-ivideo object, .vii-section .cr-figure img,
	.pri-section .cr-figure img,
	.koi-section .cr-figure img,
	.pai-section .cr-figure img {
		/* JK 23.10.2014 100% deaktiviert Serena 000477 */
		/* width:100%;	*/
	}

	/*2.1) *** Trefferliste ***/
	.ait-section .cr-figure, 
	.vit-section .cr-figure,
	.prt-section .cr-figure, 
	.frt-section .cr-figure, 
	.put-section .cr-figure {
		display:none;
	}

	.bgt-section .bgt-col {
		width: 160px;
	}

	/*2.2) *** Slot ***/
	.ais-section .cr-figure img,
	.bgs-section .cr-figure img,
	.bis-section .cr-figure img,
	.vis-section .cr-figure img  {
		width:260px;
	}

	.ais-aside .cr-figure img,
	.bgs-aside .cr-figure img,
	.bis-aside .cr-figure img,
	.vis-aside .cr-figure img  {
		width:280px;
	}

 	.entireWidth .ais-aside .cr-figure {
		margin-left:0;
	}

	.entireWidth .ais-aside .cr-figure img {
		width:300px;
		float:none;
	}

	.ais-section .cr-left img, .ais-aside .cr-left img,
	.bgs-section .cr-left img, .bgs-aside .cr-left img,
	.bis-section .cr-left img, .bis-aside .cr-left img,
	.vis-section .cr-left img, .vis-aside .cr-left img {
		width:130px;
	}

	.ais-section .cr-right img, .ais-aside .cr-right img,
	.bgs-section .cr-right img, .bgs-aside .cr-right img,
 	.bis-section .cr-right img, .bis-aside .cr-right img,
	.vis-section .cr-right img, .vis-aside .cr-right img {
		width:130px;
	}

	/*2.3) *** Bildergalerie ***/
	.bgi-section .bg-thumbnail img {
   	 	width:111px;
	}

	.bgi-section .bg-thumbnail {
		margin-left:15px;
	}

	.bgi-section .bg-thumbnail #b3,
	.bgi-section .bg-thumbnail #b4,
	.bgi-section .bg-thumbnail #b5,
	.bgi-section .bg-thumbnail #b6 {
		display:none;
	}

	/*------------------------------*/
	/*3.0) *** Akkordeon ************/ 
	/* Inhalt dynamische Liste ******/
	/*------------------------------*/
	.dyi-section .ContentRowNormalIE,
	.dyi-section .accordion,
	.mai-section .ContentRowNormalIE,
	.mai-section .accordion {
		width:280px;
	}

	/*------------------------------*/
	/*4.0) *** Gallery **************/ 
	/* Inhalt ***********************/
	/*------------------------------*/
	#bgi-gallery .bgi-container li > div {
		height: 450px;
		top: -450px;
		width: 282px;
	}

	#bgi-gallery .bgi-fullsize {
		height: 450px;
	}

	#bgi-gallery .bgi-container .cr-figure {
		float: none;
		padding-left: 0;
		padding-right: 0;
		height:240px;
		width:100%;
	}

	#bgi-gallery .bgi-container li .bg-thumbnail {
		height: 84px;
		width: 111px;
		line-height: 84px;		
	}

	#bgi-gallery .bgi-container li.maxwidth .cr-figure img {
		width:100%;
	}

	#bgi-gallery .bgi-container li.maxheight .cr-figure img {
		height: 210px;
	}

	#bgi-gallery .bgi-container li .bg-thumbnail img {
		width:111px;
	}

	#bgi-gallery .bgi-container li.maxwidth .bg-thumbnail img {
		width:111px;
	}

	#bgi-gallery .bgi-container li.maxheight .bg-thumbnail img {
		height: 75px;
	}

	#bgi-gallery .bg-icright {
		left: 275px;
	}

	#bgi-gallery .bg-icright .cr-icon {
		margin-top:8px;   	
	}

	#bgi-gallery .bg-icleft .cr-icon {
		margin-top:8px;
	}
	
	#bgi-gallery .bg-bar {
		height:83px;
	}
	
	/*------------------------*/
	/*5.0) *** Zielgruppe, eServices ****/ 
	/* General ****************/
	/*------------------------*/
	.szg-section,
	.ses-section {
		clear:both;
		margin-right:0;
		margin-bottom:15px;
	}

	.sei-section .sei-container ul li {
		width:260px;
	}

	/*------------------------*/
	/*6.0) *** B�hne **********/ 
	/* General ****************/
	/*------------------------*/
	#nojs .sbu-section,
	#js .sbu-section {
		width:270px;
		display:block;
		background-repeat:repeat-x;
		padding:15px 5px 5px 5px;	
		clear:both;
	}

	.sbu-div,
	#nojs .sbu-div {
		padding:0;
	}

	.sbu-section ul.sbu-link li {
		width:135px;
	}

	/*---------------------------*/ 
	/*7.0) *** Coverflow ********/ 
	/* Inhalt ********************/ 
	/*---------------------------*/ 
	#js .sco-section ul,
	#js .sco-section .sbu-div ul { 
		width: 270px;
		height:155px;
	}	

	#js .sco-section.small ul {
    		height: 130px;
	}

	.marketingStage .marketingStageContainer .sco-section .sbu-div ul li.maxwidth .cr-figure img {
		width:105px;
	}

	.marketingStage .marketingStageContainer .sco-section .sbu-div ul li.maxheight .cr-figure img {
		height: 80px;
	}


	.marketingStage .marketingStageContainer .sco-section.small .sbu-div ul li.maxwidth .cr-figure img {
		width:67px;
	}

	.marketingStage .marketingStageContainer .sco-section.small .sbu-div ul li.maxheight .cr-figure img {
		height:50px;
	}

	#js .sco-section .title-text,
	#js .sco-section .sbu-div .title-text {
		width: 250px;
	}

	#js .sco-section .bg-icleft,
	#js .sco-section .sbu-div .bg-icleft {
		left:0;
	}

	#js .sco-section .bg-icright,
	#js .sco-section .sbu-div .bg-icright {
		right:-1px; 
	}
	
	#js .sco-section .sco-direction,
	#js .sco-section .sbu-div .sco-direction {
		width: 225px;
	}
	
	#nojs .sco-section .sco-direction,
	#nojs .sco-section .sbu-div  .sco-direction	{
		width: 241px;
	}

	/*------------------------------*/
	/*8.0) *** Slider B�hne ********/ 
	/* Inhalt ***********************/
	/*------------------------------*/
	.sbu-section > .flexslider	{
		padding: 0 0 0 20px;
		width: 255px;
	}
	
	.flexslider .flex-viewport {
		width: 255px;
	}
	
	.sbu-768 .flexslider,
	.sbu-768 .flexslider .flex-viewport {
		width: 255px;
	}
	
	.flexslider.bgimg .flex-viewport,
	.sbu-768 .flexslider.bgimg .flex-viewport {
    	width: 235px;
	}

	.flexslider .flex-viewport .cr-figure,
	.sbu-768 .flexslider .flex-viewport .cr-figure	{
		width: 230px;
	}
	
	.flexslider .flex-viewport .cr-figure img,
	.sbu-768 .flexslider .flex-viewport .cr-figure img	{
		max-width: 230px;
	}
	
	#js .sbu-768,
	#nojs .sbu-768	{
		margin-top: 0;
	}

	.sbu-768 .flexslider.bgimg {
    	padding-top:15px;
    	padding-right:20px;
    	padding-bottom:20px;
    	padding-left:20px;
		width: 235px;
	}

	.sbu-768 .flexslider .flex-control-nav {
    	width: 265px;
	}

	.sbu-768 .flexslider.bgimg .flex-control-nav {
    	width: 230px;
	}

	.flexslider .flex-direction-nav .flex-prev,
	.flexslider.bgimg .flex-direction-nav .flex-prev {
		left: 0;
	}

	.flexslider .flex-direction-nav .flex-next {
		right: -265px;
	}
	
	.sbu-768 .flexslider .flex-direction-nav .flex-prev, .sbu-768 .flexslider.bgimg .flex-direction-nav .flex-prev {
		left: 0;
	}

	.flexslider .cr-col1, 
	.sbu-768 .flexslider .cr-col1 {
		width: 230px;
	}
	
	.marketingStage .marketingStageContainer .flexslider img {
		right: 0;
	}

	.marketingStage .marketingStageContainer .sbu-768 .flexslider img {
		right: 0;
	}
	
	.sco-section .title-text, 
	.sco-section .sbu-div .title-text {
		margin-left: 15px;
		width: 238px;
	}

	#nojs .sbu-div,
	#nojs .flexslider,
	#nojs .sbu-768 .flexslider {
		width: 270px;
	}

	#nojs .sbu-section .sbu-direction,
	#nojs .sbu-section .sbu-div .sbu-direction {
		width: 241px;
	}
	
	.flex-control-nav,
	.sbu-768 .flexslider .flex-control-nav	{
		width: 230px;
	}
	
	/*---------------------*/
	/*16.0) *** Sidemap ***/
	/*--------------------*/
	.sdm-section > div {
		width: 270px;
	}
	
	/*-----------------------------*/
	/*17.0) *** Leichte Sprache ***/
	/*----------------------------*/
	.easyLang .ait-section .ait-col {
		width: 100%;
	}
	
	/****************************/
	/*19.0 Switch: 3/3 Akkordeon*/
	/****************************/
	.cindented,
	.cindented .contentRight	{
		width: 300px;
		margin-left: 0;
	}
	
	.cindented .ContentRowNormal.ContentRowNormalIE {
		margin-left: 0;
	}

	.cindented .ContentRowNormal.ContentRowNormalIE, .cindented .ContentRowNormal.ContentRowNormalIE .accordion,
	.cindented .ContentRowNormal.ContentRowNormalIE .accordion div .accordionTabContent	{
		width: 300px;
	}
	
	.cindented .ContentRowNormal.ContentRowNormalIE .accordion div .accordionTabContent .accordionContentBox {
		width: 300px;
	}
	
	.cindented .ais-aside .cr-figure img, 
	.cindented .bgs-aside .cr-figure img, 
	.cindented .bis-aside .cr-figure img, 
	.cindented .vis-aside .cr-figure img {
		width: 280px;
	}
	
	.cindented .ais-aside .cr-left img, 
	.cindented .bgs-aside .cr-left img, 
	.cindented .bis-aside .cr-left img, 
	.cindented .vis-aside .cr-left img {
		width: 130px;
	}
	
	.cindented .ais-aside .cr-right img, 
	.cindented .bgs-aside .cr-right img, 
	.cindented .bis-aside .cr-right img, 
	.cindented .vis-aside .cr-right img {
		width: 160px;
	}
	
	.cindented .ContentRowNormal.ContentRowNormalIE .accordion div .accordionTabContent .entireWidth,
	.cindented .ContentRowNormal.ContentRowNormalIE .entireWidth .ais-aside .cr-figure img	{
		width: 300px;
	}
	
	.cindented .caside > .accordion > h3 {
		width: 300px;
	}
	
}