/* 1753909861.5108 */
@charset "utf-8";

body {
	background:#fff url(/gif/bg-body_kl_small.jpg) repeat-x left top;
}

#header,
#container,
#bildslider,
#navi,
#streifen,
#menu,
#footer {
	width:auto;
	display:block;
}

#footer {
	width:98%;
	padding:1%;
}


#container,
p#breadcrumb, 
#inhalt,
body.home #inhalt,
#subnavi {
	display:block;
	width:auto;
	float:none;
	margin:0;
	padding:0;
}

#container {
	padding:10px;
	font-size:120%;
}

#navi {
	height:auto;
	text-align:left;
	margin-top:0px;
}

#wrapper {
	width:100%;
	height:100%;
	margin:0;
}

#carousel {
	overflow:hidden;
	width:100%;
	height:auto;
}

#carousel div {
	width:100%;
	height:auto;
	float: left;
	position:relative;
}

#bildslider,
#bildslider img.sliderpic {	
	width:100%;
	height:auto;
}







#homeheader #text {
position:absolute;
left:0px;
top:0px;
z-index:10;
width:48%;
padding:10px 0 0 2%;
}

#homeheader #text h1 {
font-size:600%;
line-height:160%;
width:auto;
letter-spacing:2px;
}

#homeheader #text h1 strong {
font-size:60%;
}

#homeheader #text h2 {
font-size:240%;
margin-bottom:20px;
letter-spacing:2px;
}

#homeheader #slogan {
display:none;
}

#homeheader #montix_animation {
position:relative;
left:auto;
bottom:auto;
right:0;
float:right;
margin:0;
padding-bottom:30px;
text-align:right;
width:50%;
}

#homeheader #montix_animation img {
width:80%;
height:auto;
}




#subnavi {
	margin-top:20px;
}



#container div.boxen div.box50 {
width:48%;
margin:0 4% 0 0;
}

#container div.boxen div.box50:nth-child(2n){
margin-right:0;
}

#container div.boxen div.box33 {
	width:32%;
	margin:0 2% 0 0;
}

#container div.boxen div.box33:nth-child(3n){
	margin:0;
}

#container div.boxen div.box33 h3,
#container div.boxen div.box33 p {
	width:96%;
	padding:2% 2%;
}

#container div.boxen div.box33 img,
#container div.boxen div.box33 p.bild {
	width:100%;
	height:auto;
	padding:0;
}	

#container div.boxen div.box33 span.bauchbinde {
	width:96%;
	padding:3px 2%;
}








#container div.boxen div.box16 {
width:15%;
margin:0 2% 0 0;
}

#container div.boxen div.box16 p {
	width:100%;
}

#container div.boxen div.box16 img {
width:50%;
height:auto;	
}

#container div.boxen div.box16:nth-child(6n){
margin-right:0;
}






#container h1,
#container h2,
#container h3,
#container h4 {
	line-height:130%;
}

#container p {
	line-height:130%;
}






#container table td, 
#container table th {
	font-size:120%;
}




#container #karte {
width:100%;
height:360px;
}

#container #routenplaner fieldset {
width:44%;
padding:2%;
margin:0 3% 0 0;
}

#container #routenplaner fieldset:nth-child(2n+0) {
margin-right:0;
}

#container #routenplaner fieldset input.txt {
width:98%;
}


#route,
#route * {
width:auto;
}

#route div.adp {
font-size:110%;
}

#container #inhalt div.iframe {
	width:100%;
	height:auto;
	margin-bottom:24px;	
}

#container #inhalt div.iframe iframe.piwik {
	border:none;	
	height:auto;
	overflow-y:show;
	width:98%;
	border:1px solid #666;
}









#container div.scroll_content {
	display:block;
	overflow-x:auto;
}




@media only screen and (min-width: 560px) and (max-width: 1023px) {

	#container div.boxen div.box16 {
	width:32%;
	margin:0 2% 0 0;
	}

	#container div.boxen div.box16:nth-child(3n){
	margin-right:0;
	}

}

@media only screen and (min-width: 120px) and (max-width: 559px) {

	#container div.boxen div.box16 {
	width:100%;
	margin:0;
	}

}



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

	#container p.einsatzbeispiele, 
	#container p.einsatzbeispiel {
	overflow:hidden;
	text-align:center;
	margin:0 auto 24px auto;
	padding:0;
	width:100%;
	}

	#container p.einsatzbeispiele span, 
	#container p.einbauanleitung span {
		width:48%;
		margin:0 4% 0 0;
	}

	#container p.einsatzbeispiele span:nth-child(2n), 
	#container p.einbauanleitung span:nth-child(2n) {
		margin-right:0;
	}
	
	#container p.einsatzbeispiele span img {
		width:100%;
		height:auto;
	}
	
}


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

	#container div.boxen div.box66,
	#container div.boxen div.box66_33	{
	width:100%;
	margin:0 0 6px 0;
	float:none;
	display:block;
	}
	
	
	#container div.boxen div.box25 {
	width:48%;
	margin:0 4% 6px 0;
	}

	#container div.boxen div.box25:nth-child(2n) {
	margin-right:0;
	}

	#container div.boxen div.box25:nth-child(5n) {
	clear:none;	
	}
	
	
	#container form fieldset p.label_block label {
		width:100%;
	}
	
	#container form fieldset p.label_block input.txt {
		margin:0;
	}

}

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

	#container div.boxen div.box50 {
	width:100%;
	margin:0;
	}

	#container div.boxen div.box50:nth-child(2n){
	width:100%;
	margin-right:0;
	}
	
	
	#footer {
		width:auto;
		text-align:center;
	}

	
	#homeheader #text {
	position:relative;
	left:0px;
	top:0px;
	z-index:10;
	width:96%;
	padding:10px 2%;
	}

	#homeheader #text h1 {
	font-size:400%;
	line-height:160%;
	width:100%;
	letter-spacing:2px;
	}

	#homeheader #text h1 strong {
	font-size:60%;
	}

	#homeheader #text h2 {
	font-size:200%;
	margin-bottom:20px;
	letter-spacing:2px;
	}

	#homeheader #slogan {
	display:none;
	}

	#homeheader #montix_animation {
	display:block;
	width:100%;
	position:relative;
	left:0;
	margin:0;
	float:none;
	padding-bottom:30px;
	text-align:center;
	}

	#homeheader #montix_animation img {
	width:50%;
	max-width:320px;
	height:auto;
	float:none;
	margin:0 auto;
	}
	
	
	#container div.box p.box50 a span.kundenwunsch {
	height:50px;	
	}
	
}



@media only screen and (min-width: 480px) and (max-width: 768px) {
	
	#container form {
		width:auto;
		display:block;
	}
	
	#container form fieldset {
		width:96%;
		padding:2%;
	}
	
	
	#container form fieldset label,
	#container form fieldset label.plz,
	#container form fieldset label.ort {
		width:20%;
		margin:0;
	}
	
	#container form fieldset label.checkbox_label {
	width:auto;
	margin-left:6px;
	margin-right:16px;
	vertical-align:2px;
	}
	
	#container form fieldset input.txt,
	#container form fieldset textarea {
		width:72%;
		margin:0 0 0 2%;
		padding:2%;
	}
	
	#container form fieldset input.plz {
		margin-bottom:4px;
	} 
	
	#container form fieldset textarea#nachricht {
		width:96%;
		margin:0;
		padding:2%;
	}
	
	#container form fieldset input.captcha {
		width:80px;
	}

	#container form fieldset input.radio,
	#container form fieldset input.checkbox {
		display:inline-block;
		width:16px;
		margin-left:25px;
	}
	
	
	#container form fieldset input.checkbox_txt_label {
	float:left;
		margin:2%;
		clear:none;
		display:inline-block;
	}
	#container form fieldset label.checkbox_txt_label {
		width:82%;
		float:left;
		display:inline-block;
		margin:0;
		vertical-align:0px;
		font-weight:normal;
		line-height:120%;
		clear:none;
	}
	
	
	/*
	#container table th,
	#container table td {
		font-size:90%;
	}
	*/
	
	#container div.box p.box50 a span.kundenwunsch {
	height:50px;	
	}

	
}


@media only screen and (max-width: 600px) {
	
	#container #inhalt img {
		width:auto;
		max-width:100%;
	}
	
	#homeheader #text h1 strong {
	margin-top:12px;
	margin-bottom:12px;
	font-size:56%;
	}
	
}

@media only screen and (max-width: 480px) {
	
	#bildslider {
		display:none;
	}
	
	#home #bildslider {
		display:block;
	}
	
	
	#homeheader {
		display:block;
		height:auto;
	}
	
	#homeheader #text {
		position:relative;
	}
	
	#homeheader #text h1 {
	font-size:320%;
	width:auto;
	}

	#homeheader #text h1 strong {
	margin-top:12px;
	margin-bottom:12px;
	font-size:75%;
	}
	
	#homeheader #animation img#ani {
		display:none;
	}
	
	#container div.boxen {
		text-align:center;
	}
	
	#container div.boxen h1,
	#container div.boxen h2,
	#container div.boxen h3,
	#container div.boxen h4,
	#container div.boxen p,
	#container div.boxen div.box {
		text-align:left;
	}
	
	#container div.boxen .mitte {
		text-align:center;
	}
	
	 

	
	#container div.boxen div.box33,
	#container div.boxen div.r,
	#container div.boxen div.box33:nth-child(3n),
	#container #subnavi div.boxen div.box50 {
		float:none;
		width:96%;
		margin:0 auto;
		text-align:left;
	}
	
	#header {
		width:auto;
	}
	
	#footer {
		width:auto;
		text-align:center;
	}
	
	#footer p.footer {
		font-size:130%;
		line-height:150%;
		text-align:center;
	}
	
	#footer p.footer span {
		display:block;
		width:100%;
		float:none;
		height:auto;
		clear:both;
	}
	
	#footer p.footer span.links {
		margin-bottom:8px;
	}
	
	#footer p.footer a {
		float:none;
		display:inline-block;
		padding:4px 8px;
	}
	
	
	#subnavi {
		display:block;
		width:auto;
	}
	
	#subnavi div.subnavi_box,
	#subnavi div.subnavi_boxaktivebox {
		text-align:left;
	}
	
	#subnavi div.subnavi_box img.pic_l,
	#subnavi div.subnavi_boxaktivebox img.pic_l {
		float:none;		
		margin-left:0;
		margin-bottom:4px;
	}
	
	
	#container h4.cb a.fancybox,
	#container h4.cb a	{
		display:block;
		height:auto;
		width:auto;
		max-width:202px;
	}
	
	#container h4.cb a img.pic_l {
		float:none;
		margin-bottom:6px;
	}
	


	#container #routenplaner fieldset {
	float:none;
	width:auto;
	display:block;
	padding:2%;
	margin:0 0 4px 0;
	}

	#container #routenplaner fieldset:nth-child(2n+0) {
	margin-right:0;
	}
	
	#container #routenplaner input.button {
		margin-top:2px;
	}
	
	
	#container table.impressum,
	#container table.impressum tr, 
	#container table.impressum td {
		display:block;
		hyphens: auto;
	}
	
	#container table.impressum tr {
		margin:0 0 4px 0;
	}
	
	#container table.impressum tr td {
		padding:0 0 2px 0;
	}
	
	#container table.impressum tr td.first-child {
		width:100%;
	}

	
	#container table.impressum td:nth-child(even) {
		border-bottom:1px dotted #F0F0F0;
	}
	
	#container div.box_kontakt {
		float:none;
		display:block;
		width:100%;
		margin:0 0 8px 0;
	}

	
	#container form {
		width:auto;
		display:block;
	}
	
	#container form fieldset {
		width:96%;
		padding:2%;
	}
	
	
	#container form fieldset label,
	#container form fieldset label.plz,
	#container form fieldset label.ort,
	#container form.en fieldset label.plz,
	#container form.en fieldset label.ort,
	#container form.es fieldset label.plz,
	#container form.es fieldset label.ort,
	#container form.fr fieldset label.plz,
	#container form.fr fieldset label.ort,
	#container form.it fieldset label.plz,
	#container form.it fieldset label.ort,
	#container form.se fieldset label.plz,
	#container form.se fieldset label.ort {
		width:100%;
		margin:0 0 2px 0;
	}
	
	#container form fieldset label.checkbox_label,
	#container form fieldset label.radio_label	{
	width:auto;
	margin-left:6px;
	margin-right:16px;
	vertical-align:2px;
	}
	
	
	
	
	#container form fieldset span.span_checkbox,
	#container form fieldset input.txt,
	#container form fieldset input.plz,
	#container form fieldset input.ort,
	#container form.en fieldset input.plz,
	#container form.en fieldset input.ort,
	#container form.es fieldset input.plz,
	#container form.es fieldset input.ort,
	#container form.it fieldset input.plz,
	#container form.it fieldset input.ort,
	#container form.fr fieldset input.plz,
	#container form.fr fieldset input.ort,
	#container form.se fieldset input.plz,
	#container form.se fieldset input.ort,
	#container form fieldset textarea,
	#container form fieldset textarea#nachricht	{
		width:94%;
		margin:0 0 8px 0;
		padding:2%;
	}
	
	#container form fieldset span.span_checkbox {
		display:block;
		clear:both;
		margin:0;
		padding:8px 0;
	}
		
	#container form fieldset input.captcha {
		width:80px;
	}

	#container form fieldset input.radio,
	#container form fieldset input.checkbox {
		display:inline-block;
		width:16px;
		margin-left:0;
	}
	
		
	
	#container form fieldset input.checkbox_txt_label {
		float:left;
		margin:0.75% 2% 2% 0.75%;
		clear:none;
		display:inline-block;
		padding-top:0;
	}
	#container form fieldset label.checkbox_txt_label {
		width:90%;
		float:left;
		display:inline-block;
		margin:0;
		vertical-align:0px;
		font-weight:normal;
		line-height:120%;
		clear:none;
	}
	
	#container form p.r span.fl {
		display:block;
		float:none;
		text-align:left;
	}
	
	
	#container div.bestellbox {
		float:none;
		margin-left:0;
	}


	#container div.bestellbox {
		float:none;
		display:block;
		width:auto;
		height:auto;
		margin-left:0;
		padding:8px;
		background:none;
		background-color:#EBEBEB;
	}
	
	
	
	#container p.einsatzbeispiele, 
	#container p.einsatzbeispiel {
	overflow:hidden;
	text-align:center;
	margin:0 auto 12px; auto;
	padding:0;
	width:100%;
	}

	#container p.einsatzbeispiele span, 
	#container p.einbauanleitung span {
		width:100%;
		margin:0 0 12px 0;
		float:none;
	}

	#container p.einsatzbeispiele span:nth-child(2n), 
	#container p.einbauanleitung span:nth-child(2n) {
		margin-bottom:0;
	}
	
	#container p.einsatzbeispiele span img {
		width:100%;
		height:auto;
	}
	
	
	
	#container div.box p.box50 a span.kundenwunsch {
	height:50px;	
	}
	
}



@media only screen and (max-width: 480px) {
	
	#header h4 {
		width:auto;
		max-width:160px;
	}
	
	#header h4 a,
	#header h4 a img {
		width:auto;
		height:auto;
		width:auto;
		max-width:160px;
	}
	
}


@media only screen and (min-width: 360px) and (max-width: 480px) {
			
	#breadcrumb span.loc {
		display:none;
	}
	
		
}



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

	#container div.boxen div.box25 {
	width:100%;
	margin:0 0 6px 0;
	}

	#container div.boxen div.box25:nth-child(2n) {
	margin-right:0;
	}

	#container div.boxen div.box25:nth-child(5n) {
	clear:none;	
	}

}
	

@media only screen and (max-width: 360px) {
		
	#bildslider {
		display:none;
	}
	
	#home #bildslider {
		display:block;
	}
	
	
	#homeheader #text {
		position:relative;
	}
	
	#homeheader #text h1 {
	font-size:320%;
	width:auto;
	}

	/*
	#homeheader #text h1 strong {
	margin-top:12px;
	margin-bottom:12px;
	font-size:75%;
	}
	*/
	
	#homeheader #montix_animation,
	#homeheader #montix_animation img, {
		display:none;
	}
	
	#container div.box p.box50 a span.kundenwunsch {
	height:50px;	
	}
	
	
}


@media only screen and (min-width: 240px) and (max-width: 359px) {
	
	
	#bildslider {
		display:none;
	}
	
	#home #bildslider {
		display:block;
	}
	
	
	
	#homeheader #text {
		position:relative;
	}
	
	#homeheader #text h1 {
	font-size:320%;
	width:auto;
	}

	#homeheader #text h1 strong {
	margin-top:12px;
	margin-bottom:12px;
	font-size:75%;
	}
	
	
	#homeheader #montix_animation,
	#homeheader #montix_animation img, {
		display:none;
	}
	
	
	
}





