/*
 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 ***/
	/*-----------------*/
	.hide320 {
		display:none;
	}
	
	.show320{
		display: block;
	}
	
	.headerServiceItemShortcut {
		display:none;
	}
	
	.BABarContainer {
		height: 94px;/*CR-418*/
		width: 300px;/*CR-418*/
	}
	
	.BABarCenter {
		/*CR-418 width: 320px;*/
		width: 300px;/*CR-418*/
		background-image: url("../images/Header_300.png");
		height: 94px;/*CR-418*/
		padding-top:0;/*CR-418*/
		background-position: left 0;/*CR-418*/
	}
	
	.BABar {
		width: 300px;/*CR-418*/
		/*CR-418 width: 320px;*/
	}
	
	.BABarSearchResults {
		top: 67px;/*CR-418*/
		left: 101px;/*CR-418*/
	}
	
	.headerServiceCenter {
		height: 28px;/*CR-418*/
		width: 300px;/*CR-418*/
	}
	
	.headerServiceLogIn {
		width: 280px;/*CR-418*/
	}
	
	.headerServiceLogIn .headerServiceLogInInner {
		width: 280px;/*CR-418*/
	}
	
	.headerImageCenter {
		/*CR-418 width: 320px;*/
		width: 300px;/*CR-418*/
	}
	
	.headerContainer {
		/*CR-418 height: 151px;*/
		width: 300px;/*CR-418*/
		height: 31px;/*CR-418*/
	}
	
	.headerSubpageContainer {
		height: 151px;
	}
	
	.header {
		/*CR-418 height: 167px;*/
		/*CR-418 width: 320px;*/
		width: 300px;/*CR-418*/
		height: 31px;/*CR-418*/
	}
	
	.headerSubpage {
		/*CR-418 width: 320px;*/
		width: 300px;/*CR-418*/
	}
	
	.headerMenuGrayLine {
		/*CR-418 top: 120px;*/
		top: 1px;/*CR-418*/
		height: 30px;/*CR-418*/
	}
	
	.headerSubpageMenuGrayLine {
		top: 120px;
	}
	
	.headerImage320 {
		display: none;
	}
	
	.headerLogoImage320 {
		display: block;
	}
	
	.headerLogoImageSmall320 {
		display: block;
	}
	
	.header2LogoImage320 {
		display: block;
	}
	
	.footer {
		/*CR-418 width: 320px;*/
		width: 300px;/*CR-418*/
	}
	
	.footerBottomCentered {
		/*CR-418 width: 320px;*/
		width: 300px;/*CR-418*/
	}
	
	.headerMenuStart, .headerMenuStart .headerMenuItemArrowDownWrapper{
		z-index: 1450;
	}
	
	.headerMenu{
		bottom: 0;
		width: 120px;/*CR-418*/
		height: 30px;/*CR-418*/
	}
	
	.headerMenuExt{
		bottom: 0;/*CR-418*/
		height: 30px;/*CR-418*/
	}
	
	.headerMenu.startpage{
		/*CR-418 bottom: 16px;*/
	}
	
	.headerMenuItem {
		border: none;
		height: 30px;
		line-height: 30px;
	}
	
	.headerMenuItem a.cr-arrow {
		background-image: url("../images/arrow-white.png");
		font-weight: bold;
		color: #fff;
		padding-left: 12px;
		background-position: -2px 7px;
	}
	
	.headerMenuItem.itemTab a.cr-arrow,
	.headerMenuItem:hover a.cr-arrow {
		background-image: url("../images/w_arrowdownblack.png");
		background-position: 0 12px;
	}

	.headerMenuItem.itemTab,
	.headerMenuItem:hover {
		color: #000;
		border-top: none;
		height: 30px;
		background-color: #ffffff;
	}
	
	#headerMenu320{
		margin-top: -40px;
		height: 40px;
	}

	.footerLinksBottomBar {
		width: 300px;
		/*CR-418 top: -25px;*/
	}

	.footerBottomBar {
		width: 300px;
	}
	
	.BABarMenu {
		width: 300px;
		/*CR-418 left: 11px;*/
		display:none;/*CR-418*/
	}
	
	.BABarSpaceLeft {
		width: 10px;
	}
	
	.BABarSpaceWhite {
		left: 10px;
	}
	
	.BABarSearchBox {
		/*CR-418 width: 220px;*/
		top:27px;/*CR-418*/
		right: 321px;/*B-831*/
	}
	
	.BABarSearchWrapper {
		width: 288px;/*CR-418*/
		left: 26px;/*CR-418*/
		top: 31px;/*CR-418*/
	}
	
	.BABarLabel {
		display:none;/*CR-418*/
	}
	
	.BABarInput {
		/*CR-418 width: 93px;*/
		width: 213px;/*CR-418*/
		margin-right: 12px;/*CR-418*/
	}
	
	.BABarSearchResults {
		width: 220px;
	}
	
	.BABarLangSubmenu {
		left: -20px;
		background-position: 12px top;
	}
	
	.BABarCloseContainer320 {
		display: block;
	}

	.footerList {
		/*CR-418 width: 140px;*/
		margin-left:20px;
		width: 135px;/*CR-418 */
	}
	
	.footerStartpage {
		position: relative;
		top: 0px;
		margin-top: 15px;
		padding-top: 15px;/*CR-418 */
	}
	
	.footerFirst {
		margin-left:0px;
	}
	
	.footerListContainer {
		padding-top: 20px;
		margin-left: 10px;
	}
	
	.footerLinksBottomBarGray {
		width: 10px;
	}

	.footerLinksBottomBarRed {
		width: 289px;
	}

	.footerBottomBarGray {
		width: 10px;
	}

	.footerBottomBarRed {
		width: 289px;
	}
	
	.footerBottomContent{
		left: 10px;
	}
	
	.headerMenuleftSpace{
		display: none;
	}
	
	.footerBottomCentered{
		height: auto;
	}
	
	.footerBottomContent{
		position: relative;
		top: 0px;
		padding-bottom: 15px;
	}
	
	.contentMenu320, .headerMenu320 {
		display: block;
	}
	
	.serviceMenu320 {
		display: table;
	}

	.headerServiceBackground {
		display:none;
	}
	
	.headerServiceContainer {
		/*CR-418 display:none;*/
		height: 28px;
		width: 300px;
	}
	
	.headerMenuItemContent {
		margin-bottom: 7px;
		margin-top: 7px;
	}

	.headerMenuItemFirst  {
		/**position:absolute;/*CR-418*/
	}
	
	/*-------------------------*/
	/*0.1) *** Frame ***********/ 
	/* Frame *******************/
	/*-------------------------*/
	.headerImage {
		display:none;
	}
	
	.headerContainer .headerImageBox a {
		top: 77px;
	}

	.headerSubpageContainer .headerImageBox a {
		top: 53px;
		/*right: 136px;*/
	}
}