/* CSS Mobile Reset */
table { width:auto; border-collapse: collapse;border-spacing: 0; }

/*Ab hier springt er auf 760px breite Elemente*/
@media all and (max-width: 960px) {
	.head-top, .nav, .cont1, .cont2 .item, .cont2 .cont2-inner, #foot-inner {
		width: 720px;
	}
	#logo
	{
		background-image: url(../img/logo2x.png);
		background-size: 417px 141px;
		width: 417px;
		height: 141px;
	}
	#logo A {
		width: 417px;
		height: 141px;
	}
	#subhead {
		height: 331px;
		overflow: hidden;
	}
	.cont1 .left {
		width: 55%;
		margin-right: 5%;
	}
	.cont1 .right {
		width: 40%;
	}
	.rahmen {
		width: 23%;
		margin-right: 1%;
		padding: 3% 0;
	}
	.rahmen H3 {
		font-size: 16px;
	}
	.open_nav {
		display: inherit;
	}
	.open_nav P {
		padding: 0;
	}
	.open_nav A {
		display: block;
		height: 65px;
		line-height: 65px;
		color: #FFF;
		font-size: 18px;
		text-decoration: none;
		background: url(../img/trans-black.png) repeat left top;
	}
	.nav {
		display: none;
		position: absolute;
		top: 331px;
		left: 0;
		width: 100%;
		text-align: center;
	}
	.nav LI, .nav LI.last {
		float: inherit;
		padding: 1px 0 0 0;
	}
	.nav LI A {
		background-color: #FF9832;
		padding: 15px 10px;
	}
	.nav LI A:hover {
		background: #353535;
		color: #FFF;
	}
	.nav LI.act A {
		color: #FFF;
		border-bottom: 0px solid #FF9933;
		background: #353535;
	}
	.nav LI.over A {
		color: #fff;
	}
	.nav LI UL {
		position: inherit;
		left: inherit;
		top: inherit;
		padding-top: 0;
	}
	.head-top {
		padding: 100px 0 0;
	}
	.navi {
		margin: 25px 0 0;
	}
	#allcont {
    	padding: 0 0 55px;
	}
	.foot {
		height: 55px;
		margin-top: -55px;
	}
	#copy, #footnav {
		float: inherit;
		text-align: center;
	}
	.foot P {
		display: block;
		line-height: 18px;
	}
	.news.nlatest .subheader {
		width: 200px;
	}
}

/*Ab hier springt er auf 420px breite Elemente*/
@media all and (max-width: 760px) {
	.head-top, .cont1, .cont2 .item, .cont2 .cont2-inner, #foot-inner {
		width: 400px;
	}
	#logo {
		background-size: 390px 132px;
		width: 390px;
		height: 132px;
	}
	#logo A {
		width: 390px;
		height: 132px;
	}
	.head-top {
		padding: 120px 0 0;
	}
	.navi {
		margin: 14px 0 0;
	}
	#headnav {
		top: 10px;
	}
	#telefon {
		top: 40px;
	}
	.rahmen {
		float: inherit;
		width: 99%;
		margin-right: 0;
		margin-bottom: 2% !important;
		padding: 4% 0 3%;
	}
	.cont1 .left, .cont1 .right {
		float: inherit;
		width: 100%;
		margin-right: 0;
	}
	.lbox, .rbox {
		float: inherit;
		display: block;
		margin-right: 0;
		width: 100%;
	}
	#allcont {
		padding-bottom: 70px;
	}
	.foot {
		height: 69px;
		margin-top: -70px;
		text-align: center;
		border-top: 1px solid #D7D7D7;
	}
	#copy, #footnav {
		float: inherit;
	}
	/*Seite akutelles 4 Februar*/
	#uid47 #allcont .tableWrap {
		width: 100%;
		overflow-x: scroll;
		overflow-y: hidden;
		border: 1px solid #DDD; 
		margin-bottom: 10px;
		padding: 0 10px;
	}
	#uid47 #allcont table tr {
		display: block;
		width: 500px;
	}
	#uid47 #allcont table tr th, #allcont table tr td {
		width: 120px;
		padding: 0 5px 0 0;
	}
	.news.nlatest .item .date {
		float: inherit;
		margin-bottom: 15px;
	}
	.news.nlatest .subheader {
		float: inherit;
		width: 100%;
	}


	DIV.csc-textpic-intext-left-nowrap .csc-textpic-imagewrap, DIV.csc-textpic-intext-right-nowrap .csc-textpic-imagewrap {float: inherit;}
	.csc-textpic-intext-right-nowrap .csc-textpic-text {margin-right: 0;}
	.csc-textpic-intext-left-nowrap .csc-textpic-text {margin-left: 0;}
}

/*Ab hier springt er auf 100% breite Elemente (320px)*/
@media all and (max-width: 470px) {
	#allcont img, embed, object, video {
		max-width: 100%;
		height: auto;
		width: auto;
	}
	.head-top, #foot-inner {
		width: 100%;
	}
	.cont1, .cont2 .item, .cont2 .cont2-inner {
		width: 96%;
	}
	#logo {
		background-size: 280px 95px;
		width: 280px;
		height: 95px;
		margin: 0 auto;
	}
	#logo A {
		width: 280px;
		height: 95px;
	}
	#headnav {
		left: 2%;
	}
	#telefon {
		right: 2%;
	}
	.head-top {
		padding: 100px 0 0;
	}
	#subhead {
		height: 274px;
	}
	.nav {
		top: 274px;
	}
	.cont2, .cont2 .item {
		padding: 0;
	}
	.cont2, .cont2 H2, .cont2 H3, .cont2 H4, .cont2 A {
		color: #585858;
	}
	.cont2 .bg-img {
		position: inherit;
		top: inherit;
		left: inherit;
		width: 100%;
		height: 100%;
		z-index: 1;
	}
	.cont2 DIV.csc-textpic .csc-textpic-imagewrap IMG {
		max-width: 200% !important;
		height: auto !important;
	}
	.rahmen {
		border: 2px solid #585858;
	}
	.cont2 .icon-tel, .cont2 .icon-ort, .cont2 .icon-mail {
		color: #585858;
	}
	.icon-ort:before, .icon-tel:before, .icon-mail:before, .icon-web:before {
		background-color: #585858;	
	}
	.tx-powermail .powermail_form .powermail_fieldset INPUT, .b42 .tx-powermail .powermail_form .powermail_fieldset TEXTAREA {
		color: #585858;
	}
	.cont2 .tx-powermail .powermail_form .powermail_fieldset LABEL {
		color: #585858;
	}
	.cont2 .tx-powermail .powermail_form .powermail_fieldset INPUT, .cont2 .tx-powermail .powermail_form .powermail_fieldset TEXTAREA {
		border: 1px solid #D7D7D7;
	}
	.tx-powermail #powermail_fieldwrap_9, .tx-powermail #powermail_fieldwrap_17, .tx-powermail #powermail_fieldwrap_12, .tx-powermail #powermail_fieldwrap_13 {
		float: inherit;
		width: 100%;
		margin-right: 0;
	}
	#uid36 .tx-powermail .powermail_form .powermail_fieldwrap_56 .powermail_radio_outer .powermail_radio_inner,
	#uid36 .tx-powermail .powermail_form .powermail_fieldwrap_57 .powermail_radio_outer .powermail_radio_inner
	{
		width: 20%;
	}
	HTML, BODY, #site
	{
		height: inherit;
	}
	BODY > #site
	{
		height: inherit;
		min-height: inherit;
	}
	#allcont {
		padding-bottom: 20px;
	}
	.foot {
		height: 100%;
		margin-top: 0;
		padding-bottom: 5px;
	}
	

	DIV.csc-textpic .csc-textpic-imagewrap FIGURE, DIV.csc-textpic FIGURE.csc-textpic-imagewrap, FIGCAPTION.csc-textpic-caption {display: block;}
	DIV.csc-textpic-left .csc-textpic-imagewrap, DIV.csc-textpic-right .csc-textpic-imagewrap {float: none;}
	DIV.csc-textpic DIV.csc-textpic-imagecolumn {display: inline-block;float: none;vertical-align: top;}
	.csc-default {clear: both;}
	DIV.csc-textpic-intext-right-nowrap DIV.csc-textpic-imagewrap, DIV.csc-textpic-intext-left-nowrap DIV.csc-textpic-imagewrap, DIV.csc-textpic-intext-right DIV.csc-textpic-imagewrap, DIV.csc-textpic-intext-left DIV.csc-textpic-imagewrap {width: 38%;}
	DIV.csc-textpic-intext-right-nowrap .csc-textpic-text, DIV.csc-textpic-intext-left-nowrap .csc-textpic-text {margin: 0;}
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5), only screen and (min-resolution: 192dpi) {
	
	#headnav .xing {
		background: url(../img/xing2x.png);
		background-size: 59px 30px;
	}
	#headnav .immnet {
		background: url(../img/immnet2x.png);
		background-size: 67px 30px;
	}
	.news.nlist .item .more A {
		background-image: url(../img/more2x.png);
		background-size: 12px 15px;
	}
	.news.ndetail .backlink A {
		background-image: url(../img/back2x.png);
		background-size: 12px 15px;
	}
}