@media only screen and (min-width:871px) {
	header { position:fixed;}
	
}


@media only screen and (min-width: 960px) {
a[href^="tel"]:link, a[href^="tel"]:visited { text-decoration: none !important; }
a[href^="tel"]:hover {text-decoration: underline;}

a[href^="fax"]:link, a[href^="fax"]:visited { text-decoration: none !important; }
a[href^="fax"]:hover {text-decoration: underline;}


}


@media only screen and (max-width:1220px) {
	.main .application {
		margin-bottom:20px;
	}
	.main .application h3 {
		display:block;
		margin-left:0;
		padding-left:0;
		margin-top:0;
	}
	.main .application a {
		width:100%;
		position:static;
		margin-top:15px;
	}
	header nav .langSelect {
		width:116px;
		right:-12px;
	}
}
@media only screen and (max-width:950px) {
	header nav li a {
		padding-left:8px;
		padding-right:8px;
	}
}
@media only screen and (max-width:870px) {
	.anchorContent section .column {
		float:none;
		width:100%;
		margin-right:0;
		margin-left:0;
	}
}
@media only screen and (max-width:850px) {
	header nav li a {
		font-size:13px;
	}
}
@media only screen and (max-width:800px) {
	header > .container {
		padding-right:10px;
		padding-left:10px;
	}
}
@media only screen and (max-width:750px) {
	header {
		height:auto;
	}
	header nav,
	#logo {
		float:none;
		width:100%;
	}
	#logo {
		margin:0 auto;
	}
	header nav {	
		margin:0;
		margin-top:10px;
	}
	header nav ul {
		text-align:center;
		float:none;
	}
	header nav ul li {
		float:none;
		display:inline-block;
	}
	header nav .langSelect {
		float:none;
		margin:0;
		position:absolute;
		top:25px;
		right:85px;
	}
	.deviceTeaser .column {
		border:0;
		margin-right:8%;
		width:28%;
	}
	.deviceTeaser .column.last {
		margin-right:0;
	}
	footer .column {
		width:100%;
		margin-bottom:70px;
		float:none;
	}
	footer .column.last h4 {
		text-align:left;
	}
	.slideMenu .container > ul li {
		width:50%;
		border-bottom:1px solid #fff;
	}
	.anchorMenu ul.three-anchors li,
	.anchorMenu ul.four-anchors li {
		width:50%;
	}
	.anchorMenu ul.four-anchors li:nth-child(1) a,
	.anchorMenu ul.four-anchors li:nth-child(2) a {
		border-bottom:1px solid #fff;
	} 
	.anchorMenu ul.four-anchors li:nth-child(2) a {
		border-right:0;
	}
	.anchorMenu ul.four-anchors li:nth-child(3) {
		clear:both;
	}
	.anchorMenu ul.three-anchors li:nth-child(1) {
		width:100%;
	}
	.anchorMenu ul.three-anchors li:nth-child(1) a {
		border-right:0 none;
		border-bottom:1px solid #fff;
	}
	/*#p131 .main {
		margin-top:301px;
	}*/
	header nav .langSelect {
		top:13px;
		right:0;
		z-index:10;
	}
	header nav {
		position:static;
	}
	header nav ul li ul li {
		display:block;
	}
	header nav > ul li ul {
		margin-left:9px;
	}
}
@media only screen and (max-width:780px) {
	.flagsRow {
		height: auto;
	}
	.flagsRow > span {
		position: static;
		text-indent: 0;
		padding: 17px 15px;
		background-position: right 15px center;
		border-bottom: 1px solid #fff;
	}
	.flagsRow .flags {
		position: static;
		padding: 20px 30px 0;	
	}
	.flagsRow .flags a {
		margin-bottom: 22px;
	}
	#section3 + section .Tx-Formhandler {
		padding: 10px 0;
	}
	#p133 span#section3 + section .csc-textpic-imagewrap, 
	.sub133 span#section3 + section .csc-textpic-imagewrap {
		margin-left: 0;
	}
}
@media only screen and (max-width:670px) {
	div.csc-textpic-intext-right-nowrap .csc-textpic-imagewrap {
		float:none !important;
		margin-left:0 !important;
	}
	.csc-textpic-text {
		margin-right:0 !important;
	}
	/*#p131 .main {
		margin-top:250px;
	}*/
}
@media only screen and (max-width:620px) {
	.devices .column {
		width:100%;
		float:none;
		border:0;
	}
	.bar.head {
		height:auto;
		margin-top:0;
		border-top:1px solid #fff;
	}
	.bar.head .container {
		background:none !important;
	}
	.bar.head h1 > span {
		display: block;
		margin-left:0;
		margin-top:7px;
	}
	.bar.head h2 > span {
		display:inline-block;
	}
	.devices .column .box.top {
		background-image:url(../images/bar_bg.png);
		background-position:95% center;
		background-repeat:no-repeat;
		padding:14px;
	}
	.devices .column .box.top h2 {
		text-align:left;
		font-size:15px;
	}
	.devices .column .box.bottom .moreInfo,
	.devices .column .box.bottom .moreInfoNews,
	.devices .column .box.bottom .toTop {
		width:50%;		
		float:left;
	}
	.devices .column .box.bottom .moreInfo {
		border-right:1px solid #fff;
	}
	.devices .column .box.bottom .moreInfoNews {
		border-right:1px solid #fff;
	}
	.devices .column .box.bottom .clear,
	.devices .column .box.bottom .toTop {
		display:block;
	}


	.devices .column .box.bottom .moreInfoNews,
	.devices .column .box.bottom .toTop {
		width:50%;		
		float:left;
	}
	.devices .column .box.bottom .moreInfoNews {
		border-right:1px solid #fff;
	}
	.devices .column .box.bottom .clear,
	.devices .column .box.bottom .toTop {
		display:block;
	}


	/*.main {
		margin-top:155px !important;
	}*/
	#p135 .main .devices .column .box.top {
		background-image:url(../images/picto-ferngesteuert.png);
	}
	#p136 .main .devices .column .box.top {
		background-image:url(../images/picto-hydrostatish.png);
	}
	#p137 .main .devices .column .box.top {
		background-image:url(../images/picto-mechanisch.png);
	}
}
@media only screen and (max-width:600px) {
	.deviceTeaser {
		padding-bottom:0;
	}
	.deviceTeaser .container {
		padding:0;
	}
	.deviceTeaser .column {
		width:100%;
		margin-right:0;
		margin-bottom:20px;
		border-bottom:1px solid #BAB9BA;
		padding-bottom:25px;
	}
	.deviceTeaser .column.last {
		margin-bottom: 0;
	}
	.deviceTeaser .column.right {
		border:0;
	}
	.deviceTeaser .toTop {
		display:block;
	}
}
@media only screen and (max-width:550px) {
	.bar.head h2 > span {
		margin-left:0;
		margin-top:10px;
	}
	header nav ul {
		display:none;
	}
	header nav input:checked ~ ul {
		display:block;
	}
	header nav label.navButton {
		width:39px;
		height:20px;
		background:url(../images/nav_icon.png) no-repeat center center;
		display:block;
		cursor:pointer;
		position:absolute;
		top:30px;
		left:20px;
	}
	header nav input:checked + label.navButton {
		background-image:url(../images/nav_icon_act.png);
	}
	header {
		height:auto;  /*86*/
	}
	header nav {
		margin:0;
	}
	#logo {
		max-width:140px;
	}
	header > .container {
		padding:10px 20px;
	}
	header nav > ul {
		position:absolute;
		top:83px;
		width:100%;
		z-index:9999;
		text-align:left;
		background:#0F1B5A;
	}
	header nav ul li {
		display:block;
	}
	header nav ul li ul li {
		position: relative;
	}
	header nav ul li a {
		padding:18px;
		display:block;
		border-bottom:1px solid #fff;
	}
	header nav ul li .langSelect a {
		border-bottom:0;
	}
	header nav .langSelect {
		top:112px;
		right:210px;
		top:83px;
		display:block;
		z-index:9999;
	}
	header nav .langSelect a.langContact,
	header nav .langSelect a.langContact:hover 	{
		background-image:url(../images/only_globe.png);
		top:0;
		border-right:1px solid #fff;
		border-left:1px solid #fff;
		width:68px;
	}
	header nav .langSelect a.langPage,
	header nav .langSelect a.langPage:hover {
		background:none;
		top:0;
		width:70px;
		left:70px;
		border-right:1px solid #fff;
		padding-top:16px;
	}
	header nav .langSelect a.langPage ~ .dropDown.langPage {
		left:139px;
		z-index:99999;
		display:block;
		height:55px;
		padding-top:0;
		top:0;
		background:none;
	}
	header nav .langSelect .dropDown.langPage a {
		width:68px;
		padding:0;
		height:100%;
		padding-top:16px;
	}
	header nav .langSelect > a {
		z-index:99999;
	}
	header nav .langSelect .dropDown.langContact {
		display:none;
	}
	.bar.news .container {
		padding:21px 20px 20px;
	}
	header #logo
	header nav {
		width:49%;
	}
	header #logo {
		float:right;
	}
	header #logo:after {
		content:"";
		clear:both;
	}
	header nav {
		width:80%;
		position:absolute;
		left:0;
		top:0;
	}
	.banner {
		margin-top:86px;
	}
	
	header nav .langSelect {
		position: static;
		width: 100%;
		height: auto;
	}
	header nav .langSelect .lang.contact,
	header nav .langSelect .lang.page {
		width: 100%;
	}
	header nav .langSelect .lang {
		float:none;
	}
	header nav .langSelect .lang.contact > label {
		height: 53px;
		width: 68px;
		position: absolute;
		top: 0;
		right: 128px;
		border-left: 1px solid #fff;
		background: url(../images/globe_lang.png) no-repeat center center;
		background-color: #0f1b5a;
		cursor: pointer;
	}
	header nav .langSelect .lang.contact > label:hover,
	header nav .langSelect .lang.contact > input:checked + label {
		background-image: url(../images/globe_act_lang.png);
	}
	header nav .langSelect .lang > label:hover + .dropDown, 
	header nav .langSelect .lang.contact .dropDown:hover {
		display: none !important;
	}
	header nav .langSelect .lang.contact > input:checked ~ .dropDown {
		display: block !important;
	}
	header nav .langSelect .lang.contact .dropDown {
		width: 100%;
		margin-left: 0;
	}
	header nav .langSelect .lang.page > a img {
		margin-top: 0;
	}
	header nav .langSelect .lang.page > a {
		position: absolute;
		top: 0;
		right: 64px;
		background: none !important;
		border-left: 1px solid #fff;
		background-color: #0f1b5a !important;
	}
	header nav .langSelect .lang > a,
	header nav .langSelect .lang > label {
		height: 53px;
	}
	header nav .langSelect .lang.page .dropDown {
		display: block;
		background: none;
		position: absolute;
		top: 0;
		right: 0;
		width: auto;
		padding: 0;
		border-left: 1px solid #fff;
		background-color: #0f1b5a;
	}
	header nav .langSelect .lang.page .dropDown a {
		padding: 18px;
		height: 53px;
	}
	header nav ul li ul {
		position: static;
		margin-left: 0;
		width: 100%;
		display: block;
	}
	header nav ul li ul li a {
		text-align: left;
		padding-left: 18px;
		padding-right: 18px;
	}
	header nav li.act > a, 
	header nav li > a:hover {
		color: #fff;
		background: #d8211c;
	}
}
@media only screen and (max-width:420px) {
	.Tx-Formhandler input.submit {
		width: 100%;
		padding: 0;
	}
	.anchorContent .container > section .toTop,
	.newsContent .newsItem .container + .toTop {
		width: 100%;
		text-align: right;
		background-position: right 15px center;
		padding-right: 50px;
		float:none;
	}
}
@media only screen and (max-width:320px) {
	.newsItem .moreInfo, .newsItem .moreInfoNews,
	.newsItem .toTop {
		width:50%;
	}
	.newsItem .moreInfo, .newsItem .moreInfoNews {
		border-right:1px solid #fff;
	}

	.newsItem .moreInfo, .newsItem .moreInfoNews {
		border-right:1px solid #fff;
	}

	.news-single .moreInfoNews {
		border-right:1px solid #fff;
	}

	.flagsRow .flags a {
		margin-right: 24px;
	}
	.flagsRow .flags a:nth-child(4n) {
		margin-right: 0;
	}	
}