/* iPhone 4 ----------- */

/* Smartphones (breit) ----------- */

@media only screen and (max-width: 1024px) {
	
	#nachOben {
		background-position: left 1px;
	    background-size: 20px auto;
	    bottom: 10px;
	    font-size: 11px;
	    height: 18px;
	    overflow: hidden;
	    padding: 5px 26px 0 25px;
	    right: 0;
	    width: 55px;
	}
	#wrap {
		overflow: hidden;
		margin: 0 auto;
		position: absolute;
		width: 100%;
		background: url("../images/bg.jpg") no-repeat scroll center top transparent;
		background-size: auto 96.5%;
	}
	#quickTurm-info, #quickGeborgenheit-info, #quickMobileDienste-info, #quickSchwabenprogress-info, #quickTyler-info {
		display: none;
	}
	
}

@media only screen and (max-width: 980px) {
	/* Styles */
	#contentbereich {
		font-size: 16px !important;
	}
		#alles, #pageWrap, #layout05,#layout07, #layout09, #layout08, #footerwrap, #headerThumbnails, #headerImage #headerImages, #layout02  {
		width: 100%;
	}
	#pageWrap {
		border: none;
	}
	#suchbereich {
	    width: 230px;
	    border-right: none;
	}
	#footerwrap {
		margin: 0;
	}
	#layout01 {
		width: 100%;
		padding: 0;
	}
	
	#mainMenue {
	    width: 100%;
	}
	
	#menue {
    float: left;
    margin: 0;
    width: 100%;
    /*margin: 0 0 0 3.5%;
    width: 96.5%;*/
    z-index: 9999;
	}
	#subnavi {
		/*min-height: 150px;*/
	}
	
	#nav {
		margin: 0 0 0 0.25% !important;
		width: 99.5%;	
	}
	
	#menue ul li.menueebene4 {
    	margin: 0;
	}
	
	#menue ul li a.menueebene0, #menue ul li a.menueebene0Active, 
	#menue ul li a.menueebene1, #menue ul li a.menueebene1Active, 
	#menue ul li a.menueebene2, #menue ul li a.menueebene2Active, 
	#menue ul li a.menueebene3, #menue ul li a.menueebene3Active, 
	#menue ul li a.menueebene4, #menue ul li a.menueebene4Active {
		font-size: 14px;
	    height: 40px;
	    line-height: 20px;
	    margin: 15px 10px;
	    overflow: hidden;
	    padding: 0 !important;
	    
	    -moz-hyphens: auto;
		-webkit-hyphens: auto;
		-ms-hyphens: auto;
		hyphens: auto;
	}
	
	#logo {}
	#footer01 {
	    padding: 0 0 0 15px;
	}
	#footer {
	    padding: 25px 0 20px;
	    width: 100%;
	}
	#contentfoot {
	    background: none;
	    left: 4px;
	}
	#drucken a, #nachOben a, #hw a,#hw,#hw span  {
	    font-size: 15px;
	        font-family: 'Carrois Gothic',Arial,Helvetica,sans-serif;
	}
	#contentbereich {
	    -moz-hyphens: auto;
	    margin: 0 auto;
	    padding: 0 0 90px;
	    width: 530px;
	    float: none;
	}
	#breadcrumb {
	    -moz-hyphens: auto;
	    margin: 0 auto;
 		width: 530px;
	    float: none;
	}
	#subnavi ul {
	    float: left;
	    margin: 0;
	    overflow: hidden;
	    width: 255px;
	}
	#subnavi, 
	#layout06 {
		display: none;
	}
	#layout04 {
		background: none;
		width: 100%;
		margin-top: 395px;
		padding: 0;
	}
	
	
	#inhalt-bg {
		background-image: url("../images/startseite-overlay.png");
    	background-position: left 25px;
	    width: 100%;
	}
	
	#wrap-subnavi {
		background: none repeat scroll 0 0 transparent;
	    width: 100%;
	}
	#wrap-content {
		/*background: none repeat scroll 0 0 #E9E9E9;*/
	    width: 100%;
	    
	    background: #ffffff; /* Old browsers */
		background: -moz-linear-gradient(top,  #ffffff 0%, #e9e9e9 530px); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(530px,#e9e9e9)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  #ffffff 0%,#e9e9e9 530px); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  #ffffff 0%,#e9e9e9 530px); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  #ffffff 0%,#e9e9e9 530px); /* IE10+ */
		background: linear-gradient(to bottom,  #ffffff 0%,#e9e9e9 530px); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e9e9e9',GradientType=0 ); /* IE6-9 */
	}
	
	
	
	#layout08 {
	    float: none;
	    margin: 0 auto;
	    width: 530px;
	}
	
	#layout08 .category {
    	margin-right: 12px;
   	}
	
	#layout09 {
		background: none repeat scroll 0 0 transparent;
		float: left;
		margin: 0 0 25px;
    	padding: 0;
    	
    	-webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow: none;
	}


	iframe {
		width: 100% !important;
	}
	
	#page {
	    width: 100% !important;
	}	
	
	#subnavi {
	    margin: 0 0 0 18px;
    	width: 265px;
	}
	
	#quicklinks a {
	    font-size: 18px;
	}

	#touchmenuClick h2 {
    font-size: 17px;
}
	#subnaviHeader {
	    display: block;
	}
	#touchmenu {
		cursor: pointer;
	    display: block;
	    float: left;
	    height: 47px;
	    left: 0;
	    position: absolute;
	    text-align: center;
	    top: 0;
	    width: 285px;
	    z-index: 5;
	}
	#touchmenuButton {
	  	background: url("../images/subnavi-button.png") no-repeat scroll 0 0 transparent;
	    bottom: 6px;
	    height: 32px;
	    left: 237px;
	    position: absolute;
	    width: 35px;
	}
	#touchmenuClose {
	   	background: url("../images/close.png") no-repeat scroll 0 0 transparent;
	    cursor: pointer;
	    height: 36px;
	    left: 237px;
	    position: absolute;
	    top: -40px;
	    width: 36px;
	    z-index: 5;
	}
	#touchmenu h2 {
/*		border-bottom: 1px solid #FDA620;*/
	    color: #0D7E3B;
	    font-family: 'Economica',Arial,Helvetica,sans-serif;
	    font-size: 27px;
	    font-weight: normal;
	    margin: 0 6px 0 15px;
	    padding: 22px 0 8px 45px;
	    text-align: left;
	    width: 213px;
	}
	#touchmenuClick {
	    cursor: pointer;
	    left: 8px;
	}
	#contentWrap {
		background-color: #FEA21E;
		background-size: 100% auto, 100% auto;
		padding: 4% 3% 3% 3%;
		width: 94%;
	}
	#content {
		background-color: #FFFFFF;
		background-size: 100% auto, 100% auto;
		padding: 0 0 53px;
		width: 100%;
	}
	#menue ul li.menueebene4 {
    	margin: 0 !important;
	}
	
	
	#dynamischeListe2 .teaserPicture {
		width: 24%;
	}
	#dynamischeListe2 .newsText {
		width: 75%;
	}
	
	
	#drucken {
	    clear: both;
	    float: none;
	    margin: 10px auto;
	    padding: 15px 0;
	    width: 530px;
	}
	#drucken a {
		/*margin-left: 25px;*/
	}
	
	#nachOben {
	    background-position: left 1px;
	    background-size: 20px auto;
	    bottom: 23px;
	    font-size: 15px;
	    height: 18px;
	    overflow: hidden;
	    padding: 5px 0 0 25px;
	    right: 15%;
	    width: auto;
	}
	
	
	
	
	#footer {
    	padding: 0;
   	}
	#footer-info {
	    width: 98%;
	}
	#footer-ue-1 {
		width: 56%;
	}
	#footer-ue-2 {
	    width: 30%%;
	}
	
	#footer1 {
	    width: 30%;
	}
	#footer2 {
	    width: 30%;
	}
	#footer3 {
	    width: 40%;
	}
	
	#footer-qr {
	    float: right;
	    margin: 0 2%;
	    width: 30%;
	}
	#footer-qr img {
		display: none;
	}
	
	
	#layout08 {
		display: none;
	}
	#footeromi {
		/*display: none;*/
	}
	#footeromi img {
		padding: 0;
		
		width: 150px;
	}
	#footerschriftzug {
		float: right;
	    position: relative;
	    top: 50px;
	    width: 100%;
	}
	#footerschriftzug img {
		padding: 0 15px 54px 0;
    	width: 506px;
    	float: right;
	}
	#suchbereich {
		background: none repeat scroll 0 0 #FCE3A9;
	    float: right;
	    left: 0;
	    height: 20px;
	    margin: 0 13px 0 10px;
	    padding: 5px 0 5px 5px;
	    position: relative;
	    top: 15px;
	    width: 240px !important;
	}
	#footer-qr {
		margin: 18px 2% 0;
	}
}