.primaryContainer {
    height: auto;
    margin: 0 auto 20px auto;
    min-height: 100%;
    width: 971px;
    float: none;
    clear: none;
}

#header {
    float: right;
	max-height:inherit;
    height: auto;
    clear: none;
    width: 827px;
    position: relative;
    top: 0px;
    left: 0px;
    z-index: 1;
    margin: 0px;
}
#sliderContainer {
    float: left;
    height: 334px;
    margin-left: 0%;
    margin-top: 135px;
    clear: none;
    width: 100%;
    position: relative;
    top: 0px;
    left: 0px;
    min-width: 0px;
    z-index: 1;
}
#content{
    float: left;
    height: auto;
    clear: both;
    width: 711px;
    position: relative;
    top: 0px;
    left: 0px;
    margin-top: 33px;
    margin-left: 14%;
    min-height: 700px;
}
#ba_logo {
	width: 211px;
	height: auto;
	margin-top: 5px;
	position: absolute;
	right: 15px;
}
#navigation {
    float: left;
    clear: none;
    width: 160px;
    min-height: 50px;
    position: absolute;
    top: 14px;
    left: 0px;
    z-index: 2;
	margin-left: -141px;
}

#footer {
    float: left;
    height: 59px;
    margin-left: 0;
    margin-top: 30px;
	margin-bottom:30px;
    clear: both;
    width: 100%;  
    position: relative;
}

#carusell {position:absolute;height:272px}
#carousellHead {
	position: absolute;
	top: 91%;
	left: 114px;
	float:none;
}


@media only screen and (max-width: 800px) {

  .primaryContainer {
        width: 98%;
        margin-left: auto;
        margin-right: auto;
        float: none;
        clear: none;
   }

   #header {
        margin-right: 0px;
        margin-top: 0px;
        clear: none;
        width: 86%;
        display: block;
        height: auto;
   }

#content {
	margin-top: 10px;
	
	clear: both;
	width: 85%;
	min-height: 580px;
	}
   #sliderContainer {
        margin-top: 94px;
        margin-left: 0%;
        clear: none;
        z-index: 1;
		height:auto;
   }
   #ba_logo {
        margin-top: 5px;
        margin-left: -28%;
        clear: none;
		width:144px;
   }
   #navigation {
        top: -1.5%;
        left: 20px;
		height:auto;
        position: absolute;
        width: 160px;
        margin-left: -111px;
        clear: both;
        z-index: 5;
   }

   #carousellHead {
	    top:90%;
		left:12%;
	}
   
   .teaser {width:100%}
}
@media only screen and (max-width: 486px) {

   div.sg {display:none}
   .primaryContainer {
        margin-left: auto;
        margin-right: auto;
        float: none;
        clear: none;
        width: 98%;
   }
	.date,
	.pubid,
	.title,
	.wider,
	.smaler
	{display:block !important;width:95% !important;float:none !important}
	#white #pagetitle  {
	position:absolute;
	top:-22px;
	left:14px;
	z-index:6;
	}


 
   #header {
        width: 100%;
        margin-left: auto;
        float: none;
        clear: none;
        left: 0px;
        right: auto;
        margin-top: 0px;
        z-index: 4;
        margin-right: auto;
		height:10%
   }
   #header_static
   {
	   position:relative;
   }
   #header_static img{width:100%}
   #sliderContainer {
        margin-top: 72px;
        clear: none;
        z-index: 1;
        margin-left: 1px;
        min-height: 50px;
        height: auto;
   }
   #content{
        margin-top: 0;
		margin-left:auto;
		margin-right:auto;
		width:94%;
        clear: none;
        float: left;
        z-index: 1;
		padding:10px;
        min-height: 200px;
   }
        #ba_logo {
	    margin-top: 4px;
        margin-left: -28%;
		width:110px;
        clear: none;
   }
   #navigation {
        position: static;
        top: 0px;
        left: 0px;
        width: 100%;
        clear: none;
        z-index: 1;
        margin-left: auto;
        margin-top: 0;
        float: none;
        min-height: 49px;
		height:auto;
        margin-right: auto;
		padding:0 0 4px 0;
   }
   #carousellHead {
		display:none;
	} 
	
}
  
/* Navigationssteuerung Mobiltelefone (iPhone etc)*/
@media only screen and (max-width : 486px) {
	#navigation a {color: #fff;	display: inline-block; width:95%;text-align: left;text-decoration: none;line-height: 40px;padding-top:6px;	padding-left:15px}
	#navigation ul {display: none;height: auto;}
	#navigation ul li ul{display: none;	height: auto;}
	#navigation a#pull {display: block;	width: 95%;	position: relative;}
	#navigation a#pull:after {content:"";background: url('../static/nav-icon.png') no-repeat;width: 30px;height: 30px;display: block;	position: absolute;right: 0;top: 16px;}
}