/* siebrecht.css */
/* (c) 2014-2020 IWI GmbH, Münster */
/* http://www.iwi.de */

/* source-sans-pro-regular - latin */
@font-face {
	font-family: 'Source Sans Pro';
	font-style: normal;
	font-weight: 400;
	src: url('fonts/source-sans-pro-v14-latin-regular.eot'); /* IE9 Compat Modes */
	src: local('Source Sans Pro Regular'), local('SourceSansPro-Regular'),
	url('fonts/source-sans-pro-v14-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	url('fonts/source-sans-pro-v14-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
	url('fonts/source-sans-pro-v14-latin-regular.woff') format('woff'), /* Modern Browsers */
	url('fonts/source-sans-pro-v14-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
	url('fonts/source-sans-pro-v14-latin-regular.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}
/* source-sans-pro-700 - latin */
@font-face {
	font-family: 'Source Sans Pro';
	font-style: normal;
	font-weight: 700;
	src: url('fonts/source-sans-pro-v14-latin-700.eot'); /* IE9 Compat Modes */
	src: local('Source Sans Pro Bold'), local('SourceSansPro-Bold'),
	url('fonts/source-sans-pro-v14-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	url('fonts/source-sans-pro-v14-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
	url('fonts/source-sans-pro-v14-latin-700.woff') format('woff'), /* Modern Browsers */
	url('fonts/source-sans-pro-v14-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
	url('fonts/source-sans-pro-v14-latin-700.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}

body{
	margin:0;
	padding:0;
	background-color:#FFFFFF;
	background-image:url(grafik/body-bg_1240.png);
	background-repeat:repeat-x;
	font-family:'Source Sans Pro',arial,helvetica,sans-serif;
	color:#58595A;
}

#corpus{
	position:relative;
	z-index:200;
	width:1120px;
	margin:0 auto;
}

	#header{
		position:relative;
		z-index:200;
		height:340px;
		margin:0 24px;
		background-repeat:no-repeat;
	}

		#header.startseite{
			background-image:url(grafik/header/1240/startseite-201608.jpg);/*2016-08*/
		}

		#header.floristik{
			background-image:url(grafik/header/1240/geschenkfloristik.jpg);
		}

			#header.hochzeitsfloristik{
				background-image:url(grafik/header/1240/hochzeitsfloristik.jpg);
			}

			#header.fleurop{
				background-image:url(grafik/header/1240/fleuropservice.jpg);
			}

			#header.trauerfloristik{
				background-image:url(grafik/header/1240/trauerfloristik.jpg);
			}

		#header.friedhofsgaertnerei{
			background-image:url(grafik/header/1240/friedhofsgaertnerei.jpg);
		}

			#header.grabgestaltung{
				background-image:url(grafik/header/1240/grabgestaltung.jpg);
			}

		#header.balkonpflanzen{
			background-image:url(grafik/header/1240/balkonpflanzen.jpg);
		}

		#h-logo{
			position:relative;
			top:0;
			left:0;
			z-index:300;
			width:100%;
			height:85px;
			background-image:url(grafik/logo_1240_blank.png);
			background-repeat:no-repeat;
			background-position:center;
		}

			#h-logo img{
				visibility:hidden;
			}

		#h-slogan{
			position:relative;
			top:100px;
			left:0;
			z-index:300;
			width:90%;
			height:150px;
			background-image:url(grafik/slogan_1240_blank.png);
			background-repeat:no-repeat;
			background-position:right;
		}

			#h-slogan img{
				visibility:hidden;
			}

	#nav{
		position:relative;
		z-index:900;
		margin:11px 0 0 0;
		padding:0 24px;
		height:56px;
		text-transform:uppercase;
		font-size:23px;
	}

		#css3-menu{
		}

			ul#css3menu1,ul#css3menu1 ul{
				margin:0;
				list-style:none;
				padding:0;
				background-color:none;
			}

			/*submenu*/
			ul#css3menu1 ul{
				display:none;
				position:absolute;
				left:0;
				top:100%;
				background-color:#368f3f;
				padding:0;
			}

			ul#css3menu1 li:hover>*{
				display:block;
			}

			ul#css3menu1 li{
				position:relative;
				display:block;
				white-space:nowrap;
				font-size:0;
				float:left;
			}

			ul#css3menu1 li:hover{
				z-index:1;
			}

			ul#css3menu1{
				font-size:0;
				z-index:999;
				position:relative;
				display:inline-block;
				zoom:1;
				padding:0;
				*display:inline;
			}

			* html ul#css3menu1 li a{
				display:inline-block;
			}

			ul#css3menu1>li{
				margin:0;
			}

			ul#css3menu1 a:active, ul#css3menu1 a:focus{
				outline-style:none;
			}

			ul#css3menu1 a{
				display:block;
				vertical-align:middle;
				text-align:left;
				text-decoration:none;
				font: 18px 'Source Sans Pro',arial,helvetica,sans-serif;
				font-weight:normal;
				color:#58595A;
				cursor:pointer;

			}

			ul#css3menu1 ul li{
				float:none;
				margin:0;
			}

			ul#css3menu1 ul a{
				text-align:left;
				padding:3px 15px;
				width: 200px;
				background-color:#368f3f;
				border-width:0 0 1px 0;
				border-style:solid;
				border-color:#e8e8e8;
				font: 18px 'Source Sans Pro',arial,helvetica,sans-serif;
				color:#FFFFFF;
				text-decoration:none;
			}

			ul#css3menu1 li:hover>a,ul#css3menu1 li a.pressed{
				border-style:none;
				color:#368f3f;
				text-decoration:none;
			}

			ul#css3menu1 ul li:hover>a,ul#css3menu1 ul li a.pressed{
				background-color:#61a768;
				border-style:solid;
				border-color:#e8e8e8;
				color:#FFFFFF;
				text-decoration:none;
			}

			ul#css3menu1 li.topmenu>a{
				background-color:#FFFFFF;
				border-width:2px 0 9px 0;
				border-style:solid;
				border-color:transparent transparent #faf8f8 transparent;
				border-radius:0px;
				-moz-border-radius:0px;
				-webkit-border-radius:0px;
				padding:8px 0px 14px 0;
				margin:0 79px 0 0;
				height:22px;/*!*/
			}

			ul#css3menu1 li.topmenu>a.last{
				margin:0;
			}

			ul#css3menu1 li.topmenu>a.aktiv{
				background-color:#FFFFFF;
				border-color:transparent transparent #ece9e9 transparent;
			}

			ul#css3menu1 li.topmenu:hover>a,ul#css3menu1 li.topmenu a.pressed{
				background-color:#FFFFFF;
				border-color:transparent transparent #56965a transparent;
			}

		#responsive-menu-button{
			display:none;
		}

		#responsive-menu{
			display:none;
		}

	.balken{
		position:relative;
		z-index:200;
		height:40px;
		background-image:url(grafik/balken-bg_1240.png);
		background-repeat:repeat-y;
		}

	#main{
		position:relative;
		z-index:200;
		padding:35px 24px 0 24px;	/*130 22 0 22*/
		background-image:url(grafik/main-bg_1240.png);
		background-repeat:repeat-y;
	}

		#inhalt{
			padding:0 50px 15px 0;
			font-size:18px;
			min-height:400px;
		}

			#jubilaeum{
				position:relative;
				top:-20px;
				margin:0 auto 20px auto;
				box-sizing:border-box;
				width:90%;
				color:#FFFFFF;
			}

			#schaltflaeche{
				position:relative;
				top:-20px;
				margin:0 auto 20px auto;
				box-sizing:border-box;
				width:100%;
				color:#FFFFFF;
			}

				#inhalt #jubilaeum a, #inhalt #schaltflaeche a{
					box-sizing:border-box;
					padding:15px;
					border:1px solid #368f3f;
					text-align:center;
					display:block;
					font-size:1.5em;
					width:100%;
					background-color:#FFFFFF;
					color:#368f3f;
					border-radius:0.5em;
					box-shadow:2px 2px 5px rgba(0,0,0,0.7);
				}

				#inhalt #jubilaeum a:hover, #inhalt #schaltflaeche a:hover{
					background-color:#368f3f;
					color:#FFFFFF;
					box-shadow:none;
				}

			.inhaltselement{
				padding:15px 0 0 0;
				margin:0 0 0 0;
			}

				/* --- */

				#bildblock_startseite{
					position:relative;
					padding:20px 0 0 0;
					/*margin:0 0 0 15px;*/
					margin:0 0 0 40px;/**/
					border-top:0;
					width:520px;/**/
					float:left;
					min-height:200px;
				}

					#bildblock_startseite figure{
						padding:0 0 20px 0;
						border:0;
						margin:0 0 0 0;
						width:520px;/**/
					}

						#bildblock_startseite figcaption{
							padding:0 0 0 0;
							border:0;
							margin:0 0 0 0;
							font-size:0.8em;
							font-style:italic;
						}

					#bildblock_startseite img{
						padding:0 0 0 0;
						border:0;
						margin:0 0 0 0;
						width:520px;
					}

				#textblock_startseite{
					position:relative;
					top:-8px;
					padding:0 0 0 0;
					margin:0;
					/*width:550px;*/
					width:450px;
					float:right;
					text-align:left;
					min-height:100px;
				}

				/* --- */

				#bildblock{
					position:relative;
					padding:20px 0 0 0;
					margin:0 0 0 15px;
					border-top:2px dashed #368f3f;
					width:355px;
					float:left;
					min-height:200px;
				}

					#bildblock figure{
						padding:0 0 20px 0;
						border:0;
						margin:0 0 0 0;
						width:355px;
					}

						#bildblock figcaption{
							padding:0 0 0 0;
							border:0;
							margin:0 0 0 0;
							font-size:0.8em;
							font-style:italic;
						}

					#bildblock img{
						padding:0 0 0 0;
						border:0;
						margin:0 0 0 0;
						width:355px;
						/*height:155px;*/
						/*height:266px;*/
					}

					.bb_schaltflaeche{
						position:relative;
						/*top:-80px;*/
						background-color:#c0bcba;
						padding:0.6em 1.5em;
						/*margin:0 20px;*/
						margin:0 35px 30px 35px;
						text-transform:uppercase;
						font-weight:bold;
						font-size:1.2em;
						color:#000000;
						text-align:center;
					}

						#inhalt .bb_schaltflaeche a{
							color:#000000;
						}

						#inhalt .bb_schaltflaeche a:hover{
							color:#555555;
						}

					.bb_onlineshop{
						position:relative;
						top:-20px;
						padding:0.6em 1.5em;
						border:1px solid #c0bcba;
						margin:0 40px 20px 40px;
						font-size:1.2em;
						color:#58595A;;
						text-align:center;
						box-shadow:3px 3px 5px rgba(0,0,0,0.7);
						/*background-image: url("bilder/buttonOnlineShop.png");*/
						/*background-position: right bottom;*/
						/*background-repeat: no-repeat;*/
						background-color:rgba(54,143,63,0.5);
						color:#FFFFFF;
					}

						#inhalt .bb_onlineshop a{
							display:block;
							padding:10px 20px 10px 20px;
							border:1px solid #368f3f;
							border-radius: 0.5em;
							margin:10px 10px 10px 10px;
							box-shadow:3px 3px 5px rgba(0,0,0,0.7);
							text-shadow:1px 1px 1px rgba(255,255,255,0.8),
							1px -1px 1px rgba(255,255,255,0.8),
							-1px 1px 1px rgba(255,255,255,0.8),
							-1px -1px 1px rgba(255,255,255,0.8);
							background-color:#FFFFFF;
						}

						#inhalt .bb_onlineshop a:hover, #inhalt .bb_onlineshop a:active, #inhalt .bb_onlineshop a:focus{
							box-shadow:1px 1px 3px rgba(0,0,0,0.7);
							text-shadow:1px 1px 2px rgba(0,0,0,0.3),
								1px -1px 2px rgba(0,0,0,0.3),
								-1px 1px 2px rgba(0,0,0,0.3),
								-1px -1px 2px rgba(0,0,0,0.3);
							/*background-color:#368f3f;*/
							background-color:rgba(54,143,63,0.5);
							color:#FFFFFF;
						}

				#textblock{
					position:relative;
					top:-8px;
					padding:0 0 0 0;
					margin:0;
					width:550px;
					float:right;
					text-align:left;
					min-height:100px;
				}

			#inhalt h1{
				font-size:24px;
				color:#368f3f;
				text-transform:uppercase;
				font-weight:normal;
				padding:0 0 35px 0;
				margin:0;
			}

			#inhalt h2{
				font-size:19px;
				color:#368f3f;
				text-transform:normal;
				font-weight:bold;
				padding:0 0 35px 0;
				margin:0;
			}

			#inhalt h3{
				font-size:17px;
				text-transform:normal;
				font-weight:bold;
				padding:0 0 17px 0;
				margin:0;
			}

			#inhalt p{
				padding:0 0 35px 0;
				margin:0;
				line-height:1.5em;
			}

			#inhalt ul{
				padding:0 0 35px 0;
				margin:0 0 0 18px;
			}

				#inhalt li{
					padding:0;
					margin:0;
					line-height:1.5em;
				}

			#inhalt #textblock div.highslide-gallery{
				padding:0 0 35px 0;
				margin:0;
				line-height:1.5em;
			}

				#textblock div.highslide-gallery a{
					text-decoration:underline;
				}

			#inhalt .anfahrt iframe{
				padding:0 0 35px 0;
				margin:0;
				line-height:1.5em;
				width:550px;
				height:380px;
			}

			#inhalt sup{
				font-size:0.5em;
				padding:0;
				margin:0;
			}

			#inhalt .nopad{
				padding:0;
			}

			#inhalt .schrift-kleiner{
				font-size:17px;
			}

			#inhalt a{
				color:#368f3f;
			}

				#inhalt a:hover{
					color:#56965a;
				}

			#inhalt b{
				font-weight:bold;
			}

			#inhalt .bildlink{
				border:1px solid silver;
			}

			#inhalt .text-image{
				width:100%;
				height:auto;
			}

			#inhalt .links{
				float:left;
				margin:0 10px 10px 0;
			}

			#inhalt .rechts{
				float:right;
				margin:0 0 10px 10px;
			}

			#inhalt .grauer_rahmen{
				background-color:#c0bcba;
				padding:0.6em 1.5em;
				text-transform:uppercase;
				font-weight:bold;
				font-size:1.2em;
				color:#000000;
			}

			#inhalt .kasten{
				color:#58595A;
				padding: 1em 1em 0 1em;
				border: 1px solid #58595A;
				margin: 0 0 35px 0;
				box-shadow: 3px 3px 5px rgba(0,0,0,0.7);
				font-weight:bold;
			}

			#inhalt .serviceKasten{
				color:#58595A;
				text-align:center;
				padding: 1em 1.5em 0 1em;
				border: 1px solid #58595A;
				margin: 0 0 35px 0;
				box-shadow: 3px 3px 5px rgba(0,0,0,0.7);
				font-weight:bold;
			}

				#inhalt .kasten h2, #inhalt .serviceKasten h2{
					padding:0 0 1em 0;
				}

				#inhalt .kasten p, #inhalt .serviceKasten p{
					padding:0 0 1em 0;
				}

				#inhalt .serviceKasten .dokumentLink{
					text-align:left;
				}

				#inhalt .serviceKasten p.dokumentLink{
					margin-bottom:0;
					padding-bottom:0;
				}


			table {
				position: relative;
				left: 0;
				top: 0;
				padding: 0;
				margin: 0 0 1em 0;
			}

			table.datenschutz {
				border-collapse: collapse;
				margin: 0 0 1.5em 0;
			}

				table.datenschutz caption{
					text-align:left;
					line-height: 1.5em;
				}

				table.datenschutz th{
					font-size:17px;
				}

				table.datenschutz td, table.datenschutz th{
					border: 1px solid #000000;
					padding: 0.5rem;
					vertical-align: top;
				}

			.nobr{
				white-space:nowrap;
			}

			/* ******************** ******** ******************** */
			/* ******************** FORMULAR ******************** */

			form
				{
				margin:0 0px 35px 0px;
				padding:0px;
				font-size:1em;
				}

			.formular_zeile
				{
				margin-bottom:0px;
				padding:0 0 0.5em 0;
				clear:both;
				}

			.formular_hochzeile
				{
				margin-bottom:0px;
				padding:10px 0 0 0;
				clear:both;
				}

			.formular_leerzeile
				{
				margin-bottom:0px;
				padding:0px;
				height:8px;
				width:300px;
				font-size:1px;
				clear:both;
				border:0px green solid;
				}

			.formular_text
				{
				display:block;
				float:left;
				width:150px;
				text-align:left;
				padding-right:5px;
				padding-bottom:2px;
				border:0px #000000 solid;
				}

			.formular_feld
				{
				float:left;
				display:block;
				width:350px;
				padding-left:0px;
				padding-bottom:2px;
				border:0px #000000 solid;
				}

			.formular_feld input
				{
				padding:0px;
				margin:0px;
				width:340px;
				font-family:'Source Sans Pro',arial,helvetica,sans-serif;
				font-size:14px;
				border:1px #006D25 solid;
				padding:1px;
				}

			input.plz
				{
				width:42px;
				margin: 0 4px 0 0;
				}

			.formular_feld input.ort
				{
				width:290px;
				margin:0 0 0 0;
				}

			.formular_feld textarea
				{
				padding:0px;
				margin:0px;
				width:340px;
				font-family:'Source Sans Pro',arial,helvetica,sans-serif;
				font-size:14px;
				border:1px #006D25 solid;
				padding:1px;
				}

			.form_button
				{
				font-size:16px;
				border:1px #368f3f solid;
				padding:5px;
				margin:0 5px 0 0;
				color:#FFFFFF;
				font-family:'Source Sans Pro',arial,helvetica,sans-serif;
				background-color:#368f3f;
				}

			.verborgen{
				display: none;
			}

	#footer{
		position:relative;
		z-index:90;
		height:auto;
		background-color:#368f3f;
	} /*ok*/

		#f-main{
			position:relative;
			z-index:101;
			width:1072px;
			height:auto;
			margin:0 auto;
			padding:10px 10px 10px 10px;
		} /*ok*/

			.f-weissbox{
				position:relative;
				bottom:0;
				width:auto;
				height:auto;

				background-color:#FFFFFF;
				padding:10px;
				border-left:1px solid #227a2c;
				border-top:1px solid #227a2c;
				border-right:1px solid #227a2c;
				margin:0 0 10px 0;
				color:#58595A;
				font-size:16px;
				/*font-size:1em;*/
				line-height:1.5em;
			} /*ok*/

			.f-weissbox h3{
				font-size:1em;
				/*font-size:1.1em;*/
				font-weight:bold;
				padding:0;
				margin:0;
				color:#368f3f;
			} /*ok*/

				.f-weissbox h3.abstand{
					padding:0;
				}

			.f-weissbox a{
				color:#368f3f;
			}

				.f-weissbox a:hover{
					color:#56965a;
				}

			.f-weissbox b{
				font-weight:bold;
			}

			#f-1{
				left:0;
			}

			#f-2{
				left:0;
			}

			#f-3{
				right:0;
				margin:0;
			}

				#facebook{
					position:absolute;
					right:10px;
					top:10px;
					width:50px;
					height:50px;
				}

			.f-weissbox .adressElement{
				padding:0;
				margin:0 5px 0 0;
				display: inline-block;
			}

				.f-weissbox .adressElement:after{
					content:",";
				}

				.f-weissbox .letztes:after{
					content:"";
				}

		#f-zusatz{
			position:relative;
			z-index:100;
			width:auto;
			box-sizing:border-box;
			margin:5px auto 0 auto;
			padding:0 15px 10px 15px;
			color:#FFFFFF;
			text-align:center;
		}

		#f-navi{
			position:relative;
			z-index:102;
			width:1072px;
			box-sizing:border-box;
			margin:5px auto 0 auto;
			padding:0 0 30px 15px;
			color:#FFFFFF;
			text-align:right;
		}

			#f-navi a{
				color:#FFFFFF;
			}

			#f-navi a:hover{
				color:#CCCCCC;
			}

.clearer{
	height:0px;
	font-size:0px;
	clear:both;
}

/* ______________________________ ____________ ______________________________ */
/* ****************************** MEDIA-EVENTS ****************************** */

/* ____________________ _________ ____________________ */
/* ******************** 900-1280 ******************** */

@media only screen and (min-width:901px) and  (max-width:1280px){

	body{
		background-image:url(grafik/body-bg_1000.png);
	}

	#corpus{
		width:903px;
	}

		#header{
			height:275px;
			margin:0 19px;
		}

			#header.startseite{
				background-image:url(grafik/header/1000/startseite-201608.jpg);/*2016-08*/
			}

			#header.floristik{
				background-image:url(grafik/header/1000/geschenkfloristik.jpg);
			}

				#header.hochzeitsfloristik{
					background-image:url(grafik/header/1000/hochzeitsfloristik.jpg);
				}

				#header.fleurop{
					background-image:url(grafik/header/1000/fleuropservice.jpg);
				}

				#header.trauerfloristik{
					background-image:url(grafik/header/1000/trauerfloristik.jpg);
				}

			#header.friedhofsgaertnerei{
				background-image:url(grafik/header/1000/friedhofsgaertnerei.jpg);
			}

				#header.grabgestaltung{
					background-image:url(grafik/header/1000/grabgestaltung.jpg);
				}

			#header.balkonpflanzen{
				background-image:url(grafik/header/1000/balkonpflanzen.jpg);
			}

			#h-logo{
				height:70px;
				background-image:url(grafik/logo_1000_blank.png);
			}

				#h-logo img{
				}

			#h-slogan{
				top:80px;
				height:120px;
				background-image:url(grafik/slogan_1000_blank.png);
			}

				#h-slogan img{
				}

		#nav{
			margin:9px 0 0 0;
			padding:0 21px;
			height:45px;
			font-size:19px;
		}

			#css3-menu{
			}

				ul#css3menu1,ul#css3menu1 ul{
				}

				/*submenu*/
				ul#css3menu1 ul{
				}

				ul#css3menu1 li:hover>*{
				}

				ul#css3menu1 li{
				}

				ul#css3menu1 li:hover{
				}

				ul#css3menu1{
				}

				* html ul#css3menu1 li a{
				}

				ul#css3menu1>li{
				}

				ul#css3menu1 a:active, ul#css3menu1 a:focus{
				}

				ul#css3menu1 a{
					font: 15px 'Source Sans Pro',arial,helvetica,sans-serif;
				}

				ul#css3menu1 ul li{
				}

				ul#css3menu1 ul a{
					padding:2px 12px;
					width: 162px;
					font: 15px 'Source Sans Pro',arial,helvetica,sans-serif;
				}

				ul#css3menu1 li:hover>a,ul#css3menu1 li a.pressed{
				}

				ul#css3menu1 ul li:hover>a,ul#css3menu1 ul li a.pressed{
				}

				ul#css3menu1 li.topmenu>a{
					border-width:2px 0 8px 0;
					padding:6px 0px 11px 0;
					margin:0 64px 0 0;
					height:18px;/*!*/
				}

				ul#css3menu1 li.topmenu>a.last{
				}

				ul#css3menu1 li.topmenu:hover>a,ul#css3menu1 li.topmenu a.pressed{
				}

			#responsive-menu-button{
			}

			#responsive-menu{
			}

		.balken{
			height:38px;
			background-image:url(grafik/balken-bg_1000.png);
			}

		#main{
			padding:28px 19px 0 19px;	/*130 22 0 22*/
			background-image:url(grafik/main-bg_1000.png);
		}

			#inhalt{
				padding:0 40px 15px 0;
				font-size:16px;
			}

				.inhaltselement{
					padding:15px 0 0 0;
					margin:0 0 0 0;
				}

					/* --- */

					#bildblock_startseite{
						padding:20px 0 0 0;
						margin:0 0 0 40px;/**/
						width:400px;/**/
						min-height:160px;
					}

						#bildblock_startseite figure{
							padding:0 0 20px 0;
							border:0;
							margin:0 0 0 0;
							width:400px;/**/
						}

							#bildblock_startseite figcaption{
								padding:0 0 0 0;
								border:0;
								margin:0 0 0 0;
								font-size:0.8em;
								font-style:italic;
							}

						#bildblock_startseite img{
							margin:0 0 0 0;
							width:400px;/**/
						}

					#textblock_startseite{
						position:relative;
						top:-8px;
						padding:0 0 0 0;
						margin:0;
						width:370px;/**/
						float:right;
						text-align:left;
						min-height:100px;
					}

					/* --- */

					#bildblock{
						padding:20px 0 0 0;
						margin:0 0 0 15px;
						width:287px;
						min-height:160px;
					}

						#bildblock figure{
							padding:0 0 20px 0;
							border:0;
							margin:0 0 0 0;
							width:287px;
						}

							#bildblock figcaption{
								padding:0 0 0 0;
								border:0;
								margin:0 0 0 0;
								font-size:0.8em;
								font-style:italic;
							}

						#bildblock img{
							margin:0 0 0 0;
							width:287px;
							/*height:215px;*/
						}

					#textblock{
						position:relative;
						top:-8px;
						padding:0 0 0 0;
						margin:0;
						width:440px;
						float:right;
						text-align:left;
						min-height:100px;
					}

				#inhalt h1{
					font-size:24px;
					color:#368f3f;
					text-transform:uppercase;
					font-weight:normal;
					padding:0 0 35px 0;
					margin:0;
				}

				#inhalt h2{
					font-size:19px;
					color:#368f3f;
					text-transform:normal;
					font-weight:bold;
					padding:0 0 35px 0;
					margin:0;
				}

				#inhalt p{
					padding:0 0 35px 0;
					margin:0;
					line-height:1.5em;
				}

				#inhalt ul{
					padding:0 0 35px 0;
					margin:0 0 0 18px;
				}

					#inhalt li{
						padding:0;
						margin:0;
						line-height:1.5em;
					}

				#inhalt .anfahrt iframe{
					width:440px;
					height:380px;
				}

				/* ******************** ******** ******************** */
				/* ******************** FORMULAR ******************** */

				form
					{
					}

				.formular_zeile
					{
					}

				.formular_hochzeile
					{
					}

				.formular_leerzeile
					{
					width:auto;
					}

				.formular_text
					{
					width:120px;
					}

				.formular_feld
					{
					width:300px;
					}

				.formular_feld input
					{
					width:290px;
					}

				input.plz
					{
					width:42px;
					}

				.formular_feld input.ort
					{
					width:240px;
					margin:0 0 0 0;
					}

				.formular_feld textarea
					{
					width:290px;
					}

				.form_button
					{
					font-size:15px;
					}

	#f-main{
		width:865px;
	} /*ok*/

	#f-navi{
		width:865px;
	}

	.clearer{
		height:0px;
		font-size:0px;
		clear:both;
	}

}


/* ____________________ _____ ____________________ */
/* ******************** -900 ******************** */


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

	body{
		background-image:none;
	}

	#corpus{
		position:relative;
		z-index:100;
		width:100%;
		margin:0;
	}

		#header{
			height:250px;
			margin:0;
			background-image:url(grafik/header01_1000.jpg);
			background-repeat:no-repeat;
			background-position:center;/*2016-08*/
		}

			#h-logo{
				position:relative;
				left:0;
				width:auto;
				height:auto;
				text-align:center;
				background-image:none !important;
			}

				#h-logo img{
					visibility:visible;
					max-width:90%;
					height:auto;
				}

			#h-slogan{
				position:relative;
				right:0;
				top:30px;
				width:auto;
				height:auto;
				text-align:right;
				background-image:none !important;
			}

				#h-slogan img{
					visibility:visible;
					max-width:100%;
					height:auto;
				}

		#nav{
			top:73px;
			margin:0 0 0 0;
			padding:0;
			height:0;
			display:none;
		}

			#css3-menu{
				display:none;
			}

			#responsive-menu{
				position:relative;
				z-index:1000;
				width:auto;
				padding:0;
				display:block;
				background-color:#FFFFFF;
				text-align:center;
				overflow:hidden;
			}

				/*
				#sub_ueberuns, #sub_friedhofsgaeretnerei, #sub_floristik{
					display:none;
				}
				*/

				#responsive-menu a.menu{
					display:inline-block;
					min-width:91%;
					max-width:92%;
					margin:0 0 2px 0;
					/* ALTERNATIVE F�R BREITERES BILD: ZWEIZEILIGES MEN� M�GLICH */
					/* width:44%; */
					/*margin:0 1% 5px 1%;*/
					padding:15px 0 15px 17px;
					border-top:1px solid #356F46;
					border-right:1px solid #356F46;
					border-bottom:1px solid #356F46;
					border-left:1px solid #356F46;
					background-color:#368f3f;
					color:#FFFFFF;
					font-size:0.9em;
					font-weight:normal;
					text-decoration:none;
					text-transform:uppercase;
					text-align:left;
				}

					#responsive-menu a.aktiv{
						font-weight:bold;
						/*background-color:#56965a;*/
						text-decoration:underline;
					}

					#responsive-menu a:active, #responsive-menu a:hover, #responsive-menu a.aktiv:active, #responsive-menu a.aktiv:hover{
						color:#368f3f;
						background-color:#FFFFFF;
					}

				#responsive-menu a.sub{
					background-image:url(grafik/pfeile_rechts_57.png);
					background-position:left top;
					background-repeat:no-repeat;
				}

					#responsive-menu a.sub > div{
						margin-left:38px;
					}

					#responsive-menu a.sub:active, #responsive-menu a.sub:hover{
						background-position:left bottom;
					}

				#responsive-menu > a.sub_vorhanden{
					background-image:url(grafik/pfeile_rechts_57.png);
					background-position:right top;
					background-repeat:no-repeat;
				}

					#responsive-menu a.sub_vorhanden:active, #responsive-menu a.sub_vorhanden:hover{
						background-position:right bottom;
					}

				#responsive-menu > a.sub_aktiv{
					background-image:url(grafik/pfeile_unten_57.png);
					background-position:right top;
					background-repeat:no-repeat;
				}

					#responsive-menu a.sub_aktiv:active, #responsive-menu a.sub_aktiv:hover{
						background-position:right bottom;
					}

		.balken{
			position:relative;
			z-index:100;
			height:3px;
			margin:8px 0;
			background-image:none;
			background-color:#368f3f
			}

		#responsive-menu-button-box{
			height:39px;
			text-align:right;
			margin:0;
			padding:0;
		}

			#responsive-menu-button{
				display:inline-block;
				position:relative;
				right:0;
				width:58px;
				height:39px;
				margin:0 5px 0 0;
				padding:0;
				background-image:url(grafik/menu.png);
				background-repeat:no-repeat;
				background-position:right;
			}

		#main{
			padding:0px 5px 0 5px;	/*130 22 0 22*/
			background-image:none;
		}

			#inhalt{
				padding:0 0 10px 0;
				font-size:18px;
			}

			#jubilaeum{
				top:0;
				margin:10px auto 20px auto;
			}

				#inhalt #jubilaeum a, #jubilaeum a:hover{
					box-sizing:border-box;
				}

				.inhaltselement{
					padding:15px 0 0 0;
					margin:0 0 0 0;
				}

					/* --- */

					#bildblock_startseite{
						position:relative;
						padding:20px 0 15px 0;
						margin:0 0 0 0;
						border-top:2px dashed #368f3f;
						width:100%;
						float:none ;
						min-height:10px;
					}

						#bildblock_startseite figure{
							display:inline-block;
							padding:0 0 0 0;
							border:0;
							margin:0 5% 10px 0;
							width:44%;
						}

							#bildblock_startseite figcaption{
								display:none;
							}

						#bildblock_startseite img{
							padding:0 0 0 0;
							margin:0;
							width:100%;
							height:auto;
						}

						.bb_schaltflaeche{
							/*display:inline-block;*/
							top:0;/**/
							/*margin:0 0 30px 0;*/
							margin:0 35px 30px 35px;
						}

					#textblock_startseite{
						position:relative;
						top:0;
						padding:0 0 0 0;
						margin:0;
						width:100%;
						float:none ;
						min-height:10px;
					}

					/* --- */

					#bildblock{
						position:relative;
						padding:20px 0 15px 0;
						margin:0 0 0 0;
						border-top:2px dashed #368f3f;
						width:100%;
						float:none ;
						min-height:10px;
					}

						#bildblock figure{
							display:inline-block;
							padding:0 0 0 0;
							border:0;
							margin:0 5% 10px 0;
							width:44%;
						}

							#bildblock figcaption{
								display:none;
							}

						#bildblock img{
							padding:0 0 0 0;
							margin:0;
							width:100%;
							height:auto;
						}

						.bb_onlineshop{
							top:0;
						}

					#textblock{
						position:relative;
						top:0;
						padding:0 0 0 0;
						margin:0;
						width:100%;
						float:none ;
						min-height:10px;
					}

				#inhalt 	h1{
					}

				#inhalt 	h2{
				}

				#inhalt p{
				}

				#inhalt ul{
				}

					#inhalt li{
					}

				#inhalt .anfahrt iframe{
					width:440px;
					height:380px;
				}

				/* ******************** ******** ******************** */
				/* ******************** FORMULAR ******************** */

				form
					{
					}

				.formular_zeile
					{
					}

				.formular_hochzeile
					{
					}

				.formular_leerzeile
					{
					width:auto;
					}

				.formular_text
					{
					float:none;
					width:auto;
					padding-bottom:0;
					}

				.formular_feld
					{
					float:none;
					width:auto;
					padding-bottom:0;
					}

				.formular_feld input
					{
					padding:0px;
					margin:0px;
					width:90%;
					font-size:18px;
					}

				input.plz
					{
					width:20%;
					border-right:0;
					}

				.formular_feld input.ort
					{
					width:70%;
					}

				.formular_feld textarea
					{
					width:90%;
					font-size:18px;
					}

				.form_button
					{
					font-size:18px;
					margin:0 5px 5px 0;
					}


		#footer{
			height:auto;
			background-color:#368f3f;
		}

			#f-main{
				width:auto;
				height:auto;
				margin:0;
				padding:10px 10px 10px 10px;
			}

				.f-weissbox{
					position:relative;
					width:auto;
					height:auto;
					padding:10px;
					margin:0 0 10px 0;
					font-size:1em;
				}

				.f-weissbox h3{
					font-size:1.1em;
				}

					.f-weissbox h3.abstand{
						padding:0;
					}

				.f-weissbox b{
				}

				#f-1{
					left:0;
				}

				#f-2{
					left:0;
				}

				#f-3{
					right:0;
					margin:0;
				}

				.f-weissbox .adressElement{
					padding:0;
					margin:0 5px 0 0;
					display: block;
				}

				.f-weissbox .adressElement:after{
					content:"";
				}

			#f-zusatz{
				width:auto;
				margin:5px auto 0 auto;
				padding:0 15px 10px 15px;
			}

			#f-navi{
				width:auto;
				margin:5px auto 0 auto;
				padding:0 15px 10px 15px;
			}

				#f-navi a{
				}

				#f-navi a:hover{
				}

	.clearer{
		height:0px;
		font-size:0px;
		clear:both;
	}


}

/* ____________________ _________ ____________________ */
/* ******************** -480 ******************** */

@media only screen and (max-width:480px){
				#responsive-menu a.menu{
					width:95%;
					margin:0 0 2px 0;
				}

						#bildblock_startseite figure{
							display:inline-block;
							padding:0 0 0 0;
							border:0;
							margin:0 5% 10px 0;
							width:90%;
						}

				#inhalt .grauer_rahmen{
					display:inline-block;
				}

				#inhalt .anfahrt iframe{
					width:220px;
					height:380px;
				}

}