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

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

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

@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;
	}
	#menue {}
	#subnavi {
		  min-height: 480px;
	}

	#logo {
	    float: left;
	    left: 46px;
	    padding: 0 0 0 5px;
	    position: absolute;
	    top: 90px;
	    width: 231px;
	}
	#touchmenuClick {
	    left: 8px;
	}
	#footer01 {
	    padding: 0 0 0 15px;
	}
	#footer {
	    padding: 0;
	    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: 0px;
	}
	#subnavi, 	#layout06 {
		display: none;
	}
	#layout04 {
		background: none;
		width: 100%;
		padding: 0;
		margin: 144px 0 40px;
	}
	iframe {
		width: 100% !important;
	}
	#page {
	    width: 100% !important;
	}	
	#news, #cal {
		overflow: hidden;	
	}

	#news ul li, #cal ul li {
	    padding: 0 17px;
	}
	#tabwrap,#tab, #homeLayout01,#news ul, #cal ul, #news, #cal, #layout01, #layout02  {
		width: 100%;
	}
	.nomob {
		display: none;
	}
	#willkommen {
	    background: url("../images/willkommen02.png") no-repeat scroll -165px top transparent;
	    float: left;
	    padding: 2%;
	    width: 96%;
	}
	
	#inhalt-bg {
	    background-position: left 10px;
	}
	
	#suchbereich {
	    width: 280px;
	}
	#twitter {
	    background: url("../images/twitter.gif") no-repeat scroll 30px top transparent;
	    padding: 0 0 0 85px;
	    width: 335px;
	}
	#homeLayout03 {
	    width: 419px;
	    padding-right: 0;
	    float: left;
	}
	#tabwrap {
		border-left: none;
	    border-right: none;
	}
	#layout05 {
		padding: 0;
	}
	#layout04 {
	    margin: 365px 0 0;
	}
	ul.tabs a,ul.tabs a.current, ul.tabs a.current:hover, ul.tabs li.current a {
	    width: 255px;
	}
	ul.tabs a.current, ul.tabs a.current:hover, ul.tabs li.current a {
	    width: 256px;
	}
	#willkommen02 {
	    width: 260px;
	}
	ul.tabs {
		background: url("../images/tabs02.png") repeat-x scroll center top transparent;
	}
	#layout04, #layout01, #layout05 {
		padding: 0 !important;
	}
	#twitter {
	    height: 157px;
	}
	#link3 {
		display: none;
	}

	#menue ul li {}
	#menue ul li.menueebene4 {}
	
	#layout09 {
	    margin: 0 2%;
    	width: 96%;
	}
	
	#sites {
		margin: 0;
    	width: 100%;
	}
	
	#site-schwabenprogress {
		background-size: 100% 170px;
	}
	#sites .site {
	    background-size: 100% 226px;
	    margin: 0 0 0 0.4%;
	    width: 24.69%;
	}
	#sites .site .point {
	    margin: 0 0 0 15%;
   	}
   	
   	#site-spmobiledienste {
   		width: 24.7% !important;
   	}
   	#site-tylerservice {
   		width: 24.8% !important;
   	}
   	
   	#kontakt {
   		background-position: center center;
	    background-size: 110% 120%;
	    border: 3px solid #FFFFFF;
	    clear: both;
	    float: none;
	    height: 210px;
	    margin: 0 auto 15px;
	    width: 48%;
	    
	    -webkit-box-shadow: 0 0 5px 1px rgba(100, 100, 100, 0.8);
		-moz-box-shadow: 0 0 5px 1px rgba(100, 100, 100, 0.8);
		box-shadow: 0 0 5px 1px rgba(100, 100, 100, 0.8);
   	}
   	#kontakt .title {
   		margin: 25px 0 0 25px;
   	}
   	#kontakt .text {
   		clear: both;
   	}
   	
   	#footer-info {
   		margin: 16px 0 0 2%;
	    width: 40%;
	}
	#footer-qr {
	    float: right;
	    margin: 20px 2% 0 0;
	    width: 30%;
	}
	
}


@media only screen and (max-width: 650px) {
	
	#sites .site {
	    background-size: 100% 226px;
	    width: 24.55%;
	}
	
}