@media only screen and (min-width : 940px) and (max-width : 1024px) {
div.container, #footerwrapper {width:900px}
	#footerwrapper{min-width:900px}
div#fixnav {margin-left:850px}	
header nav {margin-left:350px; width:535px}
div#logo a {background-size:320px 81px; height:81px; width:320px}
}

@media only screen and (min-width : 768px) and (max-width : 940px) {
img, iframe {max-width:100%}
div.container, #footerwrapper {width:750px}
	#footerwrapper{min-width:750px}
div#fixnav {margin-left:700px}	
header nav {left:50%; margin-left:-267px; top:130px; width:535px}
div#logo a {background-size:320px 81px; height:81px; line-height:50px; left:50%; margin-left:-160px; width:320px}
div#senslerbueb {top:220px; height:150px; width:auto}
	div#senslerbueb img {height:150px; width:auto}
div#content nav ul {width:180px}
	#content nav ul.nav li a {width:170px}	
}

@media only screen and (min-width : 480px) and (max-width : 768px) {
img, iframe {max-width:100%; height:auto}
div.container, #footerwrapper, #footerleft, #footerright {width:470px}
	#footerwrapper{min-width:470px}
div#fixnav {margin-left:400px}	
header nav {left:50%; margin-left:-225px; top:160px; width:450px}
div#logo a {background-size:320px 81px; height:81px;  line-height:50px; top:50px; left:50%; margin-left:-140px; width:320px}
div#senslerbueb {top:40px; height:100px; margin-left:10px; width:auto}
	div#senslerbueb img {height:100px; width:auto}
#content nav ul.nav, #content nav ul.nav li, #content nav ul.nav li a {display:none; visibility:hidden}	
footer {height:100px}
	#footerleft {float:none; margin-bottom:20px;}
	#footerright {float:none; text-align:left}

.bildlinks, .bildrechts {display:block; float:none; margin-left:auto; margin-right:auto; margin-top:10px; margin-bottom:20px}
}

@media only screen and (min-width : 320px) and (max-width : 480px) {
img, iframe {max-width:100%; height:auto}
div.container, #footerwrapper, #footerleft, #footerright {width:300px}
	#footerwrapper{min-width:300px}
div#fixnav {margin-left:250px}	
header nav {margin-left:0; top:260px; left:50%; margin-left:-140px; width:280px}
div#logo a {background-size:300px 76px; height:76px;  line-height:30px; left:10px; top:50px; left:50%; margin-left:-150px; width:300px}
div#senslerbueb {top:140px; height:100px; left:50%; margin-left:-35px; width:auto}
	div#senslerbueb img {height:100px; width:auto}
#content nav ul.nav, #content nav ul.nav li, #content nav ul.nav li a {display:none; visibility:hidden}	
footer {height:120px}
	#footerleft {float:none; margin-bottom:20px;}
	#footerright {float:none; text-align:left}

.bildlinks, .bildrechts {display:block; float:none; margin-left:auto; margin-right:auto; margin-top:10px; margin-bottom:20px}

#text table {width:300px}
td {float:left; margin-bottom:10px; padding:5px 7px; width:300px}

}