﻿
/*======== Ergänzugen für RWD ======*/

body:after{
	content:'marker0';
	display:none;
}

/*--- Logo ---*/
.logo_top_container_rwd{
	display:none;
}


/*--- Slider ---*/
.csh4_txt{
	font-family:Calibri, Corbel, "Myriad Pro", "Lucida Grande", "Lucida Sans Unicode", "Gill Sans", Tahoma, Geneva;
	font-size:19px;
	font-weight:bold;
	color:white;
	position:absolute;
	width:100%;
	height:58px;
	left:0px;
	bottom:20px;
	background:url(images-ctec/top-img-text-bg.png) right top repeat-y;
	text-align:right;
}
	/*Für das Padding wird normaler DIV direkt verwendet*/
	.csh4_txt > div{
		padding:7px 20px 0px 0px;
	}

	.csh4_txt > div a{
		color:white;
		display:block;
	}

	.csh4_txt .subline{
		display:block;
		font-size:17px;
		font-weight:normal;
	}


/*--- Startseite ---*/
.startseite_2c{
	float:left;
	width:100%;
	padding-bottom:1em;
}
	.startseite_2c_left_col{
		float:left;
		width:310px;
		margin-right:30px;
	}
	.startseite_2c_right_col{
		float:left;
		width:300px;
	}


/*--- Menu ---*/
.tree .lvl_n br{
	display:none;
}
.tree .lvl_n{
	hyphens:auto;
}


/*--- News-Liste ---*/
.news_liste .body_text_is_images{
	width:370px;
}


/*--- HTML-Content ---*/
.bild_links_30{
	float:left;
	margin:0 20px 10px 0;
	border:none;
}

.bild_rechts_30{
	float:right;
	margin:0 0 10px 20px;
	border:none;
}


/*--- Footer ---*/
.footer_container_rwd{
	float:left;
	width:100%;
	background-color:#00ACE6;
	display:none;
}
	.footer_rwd{
		float:left;
		padding:20px 30px 20px 30px;
		color:white;
		font-family: Calibri, Corbel, "Myriad Pro", "Lucida Grande", "Lucida Sans Unicode", "Gill Sans", Tahoma, Geneva;
		font-size:16px;
	}
		.footer_rwd a{
			color:white;
		}
		.footer_rwd .copy{
			font-weight:bold;
		}
		.footer_rwd div{
			margin-bottom:0.5em;
		}

		.footer_rwd span{
			margin-right:10px;
		}

		.footer_rwd .email:before{
			font-family:fontawesome;
			content:'\f0e0';
			margin-right:6px;
		}

		.footer_rwd .tel:before{
			font-family:fontawesome;
			content:'\f095';
			margin-right:6px;
		}

		.footer_rwd .fax:before{
			font-family:fontawesome;
			content:'\f02f';
			margin-right:6px;
		}

		.footer_rwd .imp:before{
			font-family:fontawesome;
			content:'\f0f6';
			margin-right:6px;
		}






/*--- fmenu0 ---*/
.fmenu0_row{
	display:none;
	margin:0px -20px 0px -20px;
}
.fmenu0_btn_container, .fmenu0_btn_container *{
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
.fmenu0_btn_container{
	float:right;
	position:relative;
	margin-right:15px;
	margin-top:53px;
	z-index:1020;
}
	/*Sichtbarer Button*/
	.___________________fmenu0_btn{
		position:absolute;
		right:0;
		/*Wird nach oben aus dem Container gezogen und überlagert vorherige Elemente.*/
		top:-50px;
	}
._______fmenu0_btn_container{
	position:absolute;
	right:0;
	top:-40px;
	margin-right:20px;
	z-index:20;
}
/*Sichtbarer Button*/
.fmenu0_btn{
	float:left;
}
		/*Button mit Icon und Label*/
		.fm_button{
			font-family:roboto2014_condensed_regular, Arial, 'Arial Unicode MS', Helvetica, sans-serif;
			font-size:21px;
			line-height:1em;

			float:left;
			position:relative;
			color:rgb(102,102,102);
			background-color:white;
			border:1px solid rgb(204,204,204);
			border-radius:5px;
			min-height:39px;
			white-space:nowrap;
			cursor:pointer;
			padding:0 7px 0 10px;
		}
			.fm_button .icon{
				display:inline-block;
				padding-top:7px;
			}
				.fm_button .icon:before{
					/*icon-reorder*/
					content:'\f0c9';
					font-family:'fontawesome';
					display:inline-block;
					width:1em;
				}
			.fm_button .label{
				display:inline-block;
				padding:7px 2px 0 3px;
			}
				.fm_button .label:before{
					content:'MENÜ';
				}
			/*wenn FMenu offen*/
			.fmenu0_btn .btn_fmenu_opener.open{
				color:rgb(153,153,153);
				background-color:rgb(235,235,235);
				border-color:rgb(153,153,153);
				border-bottom-left-radius:0;
				border-bottom-right-radius:0;
				border-bottom:none;
				/*Mindesthöhe = negativer Offset des Öffnen-Buttons (.fmenu0_btn_container oder .fmenu0_btn)*/
				min-height:50px;
				/*Nachfolgenden FMenu Container um 1px nach oben ziehen, so dass der Öffnen-Button diesen überlagert.*/
				margin-bottom:-1px;
			}
				.fmenu0_btn .btn_fmenu_opener.open .icon:before{
					/*icon-remove*/
					content:'\f00d';
					/*Zeichen zentrieren*/
					padding-left:1px;
					margin-right:-1px;
				}
			#fmenu0_container .cms4d_fmenu_content{
				border-top:1px solid rgb(153,153,153);
			}

#fmenu0_container{
	margin-top:0px;
	z-index:1000;
}
	.cms4d_fmenu_head, .cms4d_fmenu_body, .cms4d_fmenu_footer{
		background-color:rgb(235,235,235);
		color:black;
	}
	.cms4d_fmenu_body{
		padding:0px 10px 0px 10px;
	}
		/*Icon: zurück zur aktuellen Seite, r/o neben Menütitel*/
		.cms4d_fmenu_head .btn.act:before{
			color:rgb(102,101,99);
		}
		/*Taste allgemein*/
		.cms4d_fmenu .fbtn{
			background-color:white;
			border-color:rgb(204,204,204);
		}
			/*Icon: Taste mit eigenem Seitenlink, Doc Symbol links vor Text*/
			.cms4d_fmenu .flbl a:before{
				color:rgb(153,152,151);
			}
			/*Icon: Taste allgemein, Symbol Pfeil nach rechts - nächste Ebene*/
			.cms4d_fmenu .fcbtn > span{
				background-color:rgb(153,153,153);
			}
			/*--- act, on ---*/
			/*aktive Taste*/
			.cms4d_fmenu .fcol.on .fbtn{
				font-family:roboto2014_condensed_regular, Arial, Helvetica, sans-serif;
				background-color:rgb(245,215,51);
				background-color:#00ACE6;
				border-color:rgb(153,153,153);
			}
				/*Icon aktive Taste*/
				.cms4d_fmenu .fcol.on .flbl a:before{
					color:rgb(102,101,99);
					color:white;
				}
				/*Text aktive Taste*/
				.cms4d_fmenu .fcol.on .flbl a {
					color:rgb(51,51,51);
					color:white;
				}
		.cms4d_fmenu_footer .btn{
			background-color:rgb(153,153,153);
		}
/*Zeilenumbrüche durch Entität*/
.cms4d_fmenu .flbl span{
	white-space:pre-line;
}



/*--- Breadcrumb Menü ---*/
/*Farben erben. So muss je nahc Hintergrundfarbe der Seite nicht explizit jedes Unterelement neu formatiert werden.*/
.bcmenu{
	color:inherit;
	color:#666666;
	float:left;
	width:100%;
	padding:0px 30px 0px 30px;
	margin:1em 0 -1em 0;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	z-index:900;
}
	.bcmenu .btn,
	.bcmenu .btn.on,
	.bcmenu a.btn
	{
		color:inherit;
	}
.bcmenu a > span{
	/*Für mehrzeillige Menülabels mit &#xa; als Entität für Zeilenumbruch muss der Umbruch neutralisiert werden.
	Andernfalls verschiebt sich die Grundlinie in iOS Safari gegenüber den anderen Labeln, obwohl der Text optisch nur in einer Zeile gerendert wird.*/
	word-break:break-all;
	white-space:normal;
}
.bcmenu_top{
	margin-bottom:10px;
	display:none;
/*etwas nach oben ziehen, um Platz zu sparen*/
margin-top:-0.5em;
}
.bcmenu_bottom{
	/*border-top:1px solid rgb(230,230,230);*/
	padding:10px 0 15px 0;
}
/*Nie auf Startseite*/
body.page-start .bcmenu_top, body.page-start .bcmenu_bottom{
	display:none;
}
/*Home Button nur Icon*/
.bcmenu .btn.home > span{display:none;}
	.bcmenu .btn.home:after{
		/*icon-home*/
		content:'\f015';
		font-family:fontawesome;
		display:inline-block;
	}




/*--- Bildergalerie ---*/
.bildergalerie_container{
	margin-bottom:30px;
	width:100%;
	float:left;
}
.img_register{
	margin:0 0 1em 0;
}
.img_register .but_fwd_back{
	color:black;
	border:1px solid #D2D2D2;
	background-color:#EAEAEA;
	font-weight:bold;
	text-decoration:none;
	padding:1px 4px 2px 4px;
	margin-right:4px;
	float:left;
}
.img_register .but_fwd_back:hover{
	color:white;
	background-color:#AA8345;
	text-decoration:none;
}

.img_register .but_fwd_back_on{
	color:white;
	border:1px solid #D2D2D2;
	background-color:#AA8345;
	font-weight:bold;
	text-decoration:none;
	padding:1px 4px 2px 4px;
	margin-right:4px;
	float:left;
}

.bildergalerie_liste{
	width:100%;
	float:left;
	padding:0px;
	margin:0 auto;
}

.bildergalerie_liste .thumb_container{
	width:100px;
	height:100px;
	overflow:hidden;
	float:left;
	border:1px solid #7D8A80;
	margin-right:10px;
	margin-bottom:10px;
}
.bildergalerie_liste .thumb_container img{
	width:100px;
	height:100px;
	min-width:100px;
	min-height:100px;
	max-width:100px;
	max-height:100px;
	border:none;
}


/*--- Platzhalter Bildergalerien ---*/
.bildergalerie1{
	width:100%;
	float:left;
	max-width:860px;
}
.bildergalerie1 .galerie_content{
	width:100%;
	float:left;
	max-height:315px;
	overflow:hidden;
}

	.bildergalerie1 .galerie_content .big{
		float:left;
		width:50%;
	}
		.bildergalerie1 .galerie_content .big img{
			width:100%;
			max-width:430px;

			background-size:cover;
			background-repeat:no-repeat;
			border:1px solid #0083C6;
			border-radius:2px;
			-webkit-box-sizing:border-box;
			-moz-box-sizing:border-box;
			box-sizing:border-box;
		}

	.bildergalerie1 .galerie_content .thumb{
		float:left;
		width:50%;
		height:150px;
	}
		.bildergalerie1 .galerie_content .thumb img{
			width:47%;
			margin:0px 0px 3% 3%;
			float:left;

			background-size:cover;
			background-repeat:no-repeat;
			border:1px solid #0083C6;
			border-radius:2px;
			-webkit-box-sizing:border-box;
			-moz-box-sizing:border-box;
			box-sizing:border-box;
		}
		.bildergalerie1 .galerie_content .thumb a:nth-child(3) img{
			margin-bottom:0;
		}
		.bildergalerie1 .galerie_content .thumb a:nth-child(4) img{
			margin-bottom:0;
		}

	.bildergalerie1 .thumb2{
		display:none;
		float:left;
		width:100%;
		margin-top:1.5%;
		padding:10px 0px 0px 12px;
		background-color:#F0F0EE;
		border-radius:5px;

		-webkit-box-sizing:border-box;
		-moz-box-sizing:border-box;
		box-sizing:border-box;
	}
		.bildergalerie1 .thumb2 img{
			width:82px;
			height:46px;
			float:left;
			margin:0 10px 10px 0px;
			border:1px solid rgb(190,190,190);
			border-radius:2px;
		}


@media screen and (max-width:470px){

	.bildergalerie1 .galerie_content{
		max-height:none;
		overflow:visible;
	}
		.bildergalerie1 .galerie_content .big{
			width:100%;
			margin-bottom:2%;
		}
		.bildergalerie1 .galerie_content .thumb{
			width:100%;
			height:auto;
		}
			.bildergalerie1 .galerie_content .thumb img{
				width:49%;
				margin:0 2% 2% 0;
			}
			.bildergalerie1 .galerie_content .thumb a:nth-child(2) img{
				margin-right:0;
			}
			.bildergalerie1 .galerie_content .thumb a:nth-child(4) img{
				margin-right:0;
			}

	.bildergalerie1 .thumb2{
		margin-top:0.5%;
	}
}


.bildergalerie2{
	width:100%;
	float:left;
	max-width:860px;
}
.bildergalerie2 .galerie_content{
	width:100%;
	float:left;
}

	.bildergalerie2 .galerie_content .thumb{
		float:left;
		width:100%;
	}
		.bildergalerie2 .galerie_content .thumb img{
			width:23%;
			margin:0 2% 2% 0;
			float:left;
			background-size:cover;
			background-repeat:no-repeat;
			-webkit-box-sizing:border-box;
			-moz-box-sizing:border-box;
			box-sizing:border-box;
		}


@media screen and (max-width:470px){

	.bildergalerie2 .galerie_content{
		max-height:none;
		overflow:visible;
	}
		.bildergalerie2 .galerie_content .thumb{
			width:100%;
			height:auto;
		}
			.bildergalerie2 .galerie_content .thumb img{
				width:48%;
				margin:0 2% 2% 0;
			}
			.bildergalerie2 .galerie_content .thumb a:nth-child(2) img{
				margin-right:0;
			}
			.bildergalerie2 .galerie_content .thumb a:nth-child(4) img{
				margin-right:0;
			}
}





/*--- Formularfelder ---*/
.ft1{
	font-family:roboto2014_regular, Arial, "Arial Unicode MS", Helvetica, sans-serif;
	color:black;
	font-size:14px;
	width:240px;
	background-color:#F4F4F4;
	border:1px solid #94A397;
	border-radius:5px;
	padding:6px;
}
.ft1:focus{
	background-color:#E0E0E0;
}

.ft2{
	font-family:roboto2014_regular, Arial, "Arial Unicode MS", Helvetica, sans-serif;
	color:black;
	font-size:14px;
	width:50px;
	background-color:#F4F4F4;
	border:1px solid #94A397;
	border-radius:5px;
	padding:6px;
}
.ft2:focus{
	background-color:#E0E0E0;
}


.ta1{
	font-family:roboto2014_regular, Arial, "Arial Unicode MS", Helvetica, sans-serif;
	color:black;
	font-size:16px;
	width:90%;
	max-width:490px;
	height:152px;
	background-color:#F4F4F4;
	border:1px solid #94A397;
	border-radius:5px;
	padding:4px;
}

.ta1:focus{
	background-color:#E0E0E0;
}


.fs1{
	font-family:roboto2014_regular, Arial, "Arial Unicode MS", Helvetica, sans-serif;
	color:black;
	font-size:14px;
	background-color:white;
	border:1px solid #DDDDDD;
	border-radius:5px;
	padding:4px;
	max-width:100%;
	width:auto;
}


.bt1{
	color:white;
	border:1px solid #00ACE6;
	background-color:#00ACE6;
	font-family:roboto2014_regular, Arial, "Arial Unicode MS", Helvetica, sans-serif;
	display:inline-block;
	text-align:left;
	font-size:1.3em;
	line-height:1.2em;
	border-radius:5px;
	padding:6px 16px 7px 16px;
	margin-top:2px;
	cursor:pointer;
}
.bt1:hover{
}

.bt1_dummy{
	line-height:1.2em;
	border-radius:5px;
	font-size:1.3em;
	line-height:1.4em;
	padding:6px 16px 7px 16px;
	margin-top:0px;
	position:relative;
	font-family:roboto2014_regular, Arial, "Arial Unicode MS", Helvetica, sans-serif;
	color:rgb(0,77,158);
	border:1px solid rgb(198,199,197);
	border-top-color:rgb(211,211,209);
	display:none;
}
	.bt1_dummy img{
		width:24px;
		float:left;
		margin:5px 5px 0px 0px;
	}

.bt2{
	color:white;
	border:1px solid #00ACE6;
	background-color:#00ACE6;
	display:inline-block;
	text-align:left;
	font-size:1em;
	line-height:1.2em;
	border-radius:5px;
	padding:6px 10px 6px 10px;
	margin-top:2px;
	cursor:pointer;
}

.hidden_formfield{
	position:absolute;
	top:-9999px;
	left:-9999px;
}
.checkbox{
	cursor:default;
}
.checkbox:before{
	content:'\f096';
	font-family:fontawesome;
	margin-right:8px;
}
input[type=checkbox]:checked ~ .checkbox:before{
	content:'\f046';
	margin-right:5px;
}



/*--- GoogleMap ---*/
#gm_error{
	float:left;
	margin:25px 0px 5px 0px;
}
#map{
	margin-bottom:1em;
	border:1px solid #CCCCCC;
	height:400px;
	width:100%;
}
#map img{
	max-width:none;
}
#route{
	margin-left:0px;
	margin-bottom:1.5em;
}





/*--- JSSOR ---*/
.slider_close{
	cursor:pointer;
	position:relative;
	margin-left:30px;
}
	.slider_close img{
		width:36px;
		height:36px;
		position:absolute;
		top:0px;
		left:0px;
	}
	.slider_close:after{
		content:'\f00d';
		font-family:fontawesome;
		color:white;
		font-size:42px;
	}

.slider_expand{
	cursor:pointer;
	position:relative;
	margin-left:30px;
}
	.slider_expand img{
		width:36px;
		height:36px;
		position:absolute;
		top:0px;
		left:0px;
	}
	.slider_expand:after{
		content:'\f065';
		font-family:'fontawesome';
		color:white;
		font-size:42px;
	}

.slider_play{
	cursor:pointer;
	position:relative;
	margin-left:40px;
}
	.slider_play img{
		width:36px;
		height:36px;
		position:absolute;
		top:0px;
		left:0px;
	}
	.slider_play:after{
		content:'\f04b';
		font-family:fontawesome;
		color:white;
		font-size:42px;
	}

.slider_stop{
	cursor:pointer;
	position:relative;
	margin-left:40px;
}
	.slider_stop img{
		width:36px;
		height:36px;
		position:absolute;
		top:0px;
		left:0px;
	}
	.slider_stop:after{
		content:'\f04c';
		font-family:fontawesome;
		color:white;
		font-size:42px;
	}

.slider_index{
	position:relative;
	margin-left:30px;
	font-size:42px;
	color:white;
	font-family:'roboto_bold';
	font-family:'sourcesanspro_bold';
}


.slider_compress{
	cursor:pointer;
	position: fixed;
	top: 10px;
	right: 10px;
	text-shadow: 2px 2px 5px #000000;
}

	.slider_compress:after{
		content:'\f066';
		font-family:'fontawesome';
		color:white;
		font-size:42px;		
	}

@media screen and (max-width:1024px){
	body:after{
		content:'marker1';
		display:none;
	}
	.slider_close{
		margin-left:25px;
	}
		.slider_close img{
			width:30px;
			height:30px;
		}
		.slider_close:after{
			font-size:35px;
		}

	.slider_expand{
		margin-left:25px;
	}
		.slider_expand img{
			width:30px;
			height:30px;
		}
		.slider_expand:after{
			font-size:35px;
		}

	.slider_play{
		margin-left:33px;
	}
		.slider_play img{
			width:30px;
			height:30px;
		}
		.slider_play:after{
			font-size:35px;
		}

	.slider_stop{
		margin-left:33px;
	}
		.slider_stop img{
			width:30px;
			height:30px;
		}
		.slider_stop:after{
			font-size:35px;
		}

	.slider_index{
		margin-left:25px;
		font-size:35px;
	}
}

@media screen and (max-width:640px){
	body:after{
		content:'marker2';
		display:none;
	}
	.slider_close{
		margin-left:15px;
	}
		.slider_close img{
			width:18px;
			height:18px;
		}
		.slider_close:after{
			font-size:21px;
		}

	.slider_expand{
		margin-left:15px;
	}
		.slider_expand img{
			width:18px;
			height:18px;
		}
		.slider_expand:after{
			font-size:21px;
		}

	.slider_play{
		margin-left:20px;
	}
		.slider_play img{
			width:18px;
			height:18px;
		}
		.slider_play:after{
			font-size:21px;
		}

	.slider_stop{
		margin-left:20px;
	}
		.slider_stop img{
			width:18px;
			height:18px;
		}
		.slider_stop:after{
			font-size:21px;
		}

	.slider_index{
		margin-left:15px;
		font-size:21px;
	}	
}

#zoom_slider_content{
}


.jssorb13 div, .jssorb13 div:hover, .jssorb13 .av {
	background: url(../jssor/b02.png) no-repeat;
	overflow: hidden;
	cursor: pointer;
}

.jssorb13 div {
	background-position: -5px -5px;
}

.jssorb13 div:hover, .jssorb13 .av:hover {
	background-position: -35px -5px;
}

.jssorb13 .av {
	background-position: -65px -5px;
}

.jssorb13 .dn, .jssorb13 .dn:hover {
	background-position: -95px -5px;
}

.jssora20l, .jssora20r, .jssora20ldn, .jssora20rdn
{
	position: absolute;
	cursor: pointer;
	display: block;
	background: url(../jssor/a13.png) no-repeat;
	overflow:hidden;
}
.jssora20l { background-position: -3px -33px; }
.jssora20r { background-position: -63px -33px; }
.jssora20l:hover { background-position: -123px -33px; }
.jssora20r:hover { background-position: -183px -33px; }
.jssora20ldn { background-position: -243px -33px; }
.jssora20rdn { background-position: -303px -33px; }

@media screen and (max-width:939px){
	.jssora20l, .jssora20r, .jssora20ldn, .jssora20rdn{display:none}
}




/*======== VIEWPORTS ======*/

/*--- ab kleiner XGA 1024, < iPad quer ---*/
@media screen and (max-width:1000px){

}

/*--- ab Standard-Außenbreite (980px) ---*/
@media screen and (max-width:980px){

	body{
		background-image:none;
	}

	.page_container{
		width:100%;
		float:left;
	}
	.inner_page_container{
		width:100%;
		background-position:left top;
		margin-top:0px;
	}
	.left_col{
		width:30%;
	}
	.center_col{
		width:70%;
	}
	.center_top_container{
		width:100%;
	}
	.html_content{
		width:100%;
		padding-right:30px;
		-webkit-box-sizing:border-box;
		-moz-box-sizing:border-box;
		box-sizing:border-box;
	}
		.non_rwd_footer{
			display:none;
		}

	.footer_container_rwd{
		display:block;
	}

	.startseite_2c_left_col{
		width:45%;
		margin-right:5%;
	}
	.startseite_2c_right_col{
		width:50%;
	}

	.top_container{
		width:100%;
	}
	.top_img_pcontainer{
		width:100%;
	}
	.top_img_container{
		width:100%;
	}

	.treemenu_container{
		width:100%;
		padding-right:20px;
		-webkit-box-sizing:border-box;
		-moz-box-sizing:border-box;
		box-sizing:border-box;
	}
		.tree{
			width:100%;
		}
		.tree .lvl_n{
			word-wrap:break-word;
		}
		.tree .lvl_n br{
			display:inline;
		}


	.news_liste{
		width:100%;
	}
		.news_liste ul li{
			width:100%;
		}
		.news_liste .data_img_container{
			width:35%;
		}
		.news_liste .data_img_container{
			width:35%;
			margin-right:3%;
		}
		.news_liste .body_text{
			width:100%;
			padding-bottom:1em;
		}
		.news_liste .body_text_is_images{
			width:60%;
		}

	img.bild_links_30, img.bild_rechts_30{
		width:30%;
		max-width:30%;
	}
}


/*--- grosse Tablets hoch ---*/
@media screen and (max-width:800px){

	div.c4g_grid_3 > div{width:50%;}
		div.c4g_grid_3 > div:nth-child(1n){clear:none;border-top-style:none;}
		div.c4g_grid_3 > div:nth-child(2n+1){clear:left;}
			div.c4g_grid_3 > div:nth-child(1n+3){border-top-style:solid;}

}

/*--- mittlere Tablets iPad ---*/
@media screen and (max-width:774px){
	.csh4_txt{
		font-size:17px;
		height:52px;
		bottom:10px;
	}
	.csh4_txt > div{
		padding-top:4px;
	}
	.csh4_txt .subline{
		font-size:15px;
	}
}
@media screen and (max-width:760px){

}
@media screen and (max-width:708px){

}

@media screen and (max-width:670px){
	.left_col{
		display:none;
	}
	.center_col{
		width:100%;
		margin-top:5px;
	}
	.html_content{
		padding-left:30px;
	}
	.top_bar{
		display:none;
	}	

	.logo_top_container_rwd{
		position:absolute;
		top:15px;
		left:20px;
		width:190px;
		height:140px;
		display:block;
	}

	.center_top_container{
		height:10px;
	}

	.csh4_txt{
		font-size:19px;
		height:58px;
		bottom:20px;
	}
	.csh4_txt > div{
		padding-top:7px;
	}
	.csh4_txt .subline{
		font-size:17px;
	}

	/*FMenu mobile einblenden*/
	.fmenu0_row{
		display:block;
		margin:0px -15px 0px -15px;
		margin:0;
	}

	.bcmenu_top{
		display:block;
	}

}


/*--- Smartphone gross quer (z.B. Galaxy S3) ---*/
@media screen and (max-width:640px){

	.csh4_txt{
		font-size:17px;
		height:52px;
		bottom:10px;
	}
	.csh4_txt > div{
		padding-top:4px;
	}
	.csh4_txt .subline{
		font-size:15px;
	}

	.fmenu0_row{
		margin:0px -10px 0px -10px;
		margin:0;
	}

}


/*--- kleine Tablets, Smartphone mittel quer ab <= 610px ---*/
@media screen and (max-width:610px){

	.footer_rwd .imp{
		display:block;
	}

}
@media screen and (max-width:564px){

}
@media screen and (max-width:533px){

	.startseite_2c_left_col{
		width:100%;
		margin-right:0;
	}
	.startseite_2c_right_col{
		width:100%;
	}

		.footer_rwd .email{
			display:block;
		}

		.footer_rwd .point_email{
			display:none;
		}

	.maschinenpark img.bild_rechts{
		margin-left:0;
		float:none;
		display:block;
	}

}


/*--- Smartphone quer < 480px (iPhone=480) ---*/
@media screen and (max-width:470px){
	.csh4_txt{
		font-size:13px;
		height:40px;
		bottom:0px;
		opacity:0.8;
	}
	.csh4_txt .subline{
		font-size:12px;
	}


	.news_liste .data_img_container{
		width:100%;
		margin-right:0;
	}
	.news_liste .body_text_is_images{
		width:100%;
	}


	/*--- cms4d fmenu einspaltig ---*/
	.cms4d_fmenu .fcol{width:100%;clear:both;}

}


/*--- Smartphone hoch ab <= 400px ---*/
@media screen and (max-width:400px){

	.footer_rwd .fax{
		display:block;
	}

	img.bild_links_30, img.bild_rechts_30{
		width:auto;
		max-width:100%;
		display:block;
		float:none;
	}

	div[class*=c4g_grid_] > div{width:100%;clear:both;}
		div[class*=c4g_grid_] > div:nth-child(1n+2){border-top-style:solid;}

}


@media screen and (max-width:359px){
	.fm_button .label{
		display:none;
	}
}




