/* spillner.css */
/* (c) 2012,2015 IWI GmbH, Münster */
/* http://www.iwi.de */

body{
	margin:0;
	padding:0;
	/*background-color:#C6D6C0;*/
	background-color:#f6eecc;
	font-family:arial,sans-serif;

	/*background: url('bilder/bg03.jpg') no-repeat top center;
	min-height:100%;
	background-size:cover;
	background-attachment: fixed;*/

	/*
	background-color:#feb811;
	background-image:url(grafik/hg_verlauf01.gif);
	background-repeat:repeat-x;
	*/
}

#corpus{
	position:relative;
	margin:0 auto 20px auto;
	padding:0;
	width:1000px;
}

#c-head{
	position:relative;
	height:75px;
	/*966x75*/
}

	#ch-internal{
		position:relative;
		width:966px;
		height:75px;
		margin:0 auto;
		background-color:#178439;

		-webkit-box-shadow:5px 5px 7px rgba(0,0,0,0.6);
	   	   -moz-box-shadow:5px 5px 7px rgba(0,0,0,0.6);
	            box-shadow:5px 5px 7px rgba(0,0,0,0.6);
	}

		#chi-logo{
			position:absolute;
			left:60px;
			top:18px;
		}

		#chi-menu{
			position:absolute;
			right:55px;
			bottom:14px;
			color:#FFFFFF;
			font-size:11px;
			text-transform:uppercase;
		}

			#chi-menu a{
				color:#FFFFFF;
				text-decoration:none;
			}

			#chi-menu a:hover{
				text-decoration:underline;
			}

			#chi-menu a.aktiv{
				color:#FFCB06;
			}

			#chi-menu a::after{
				content:" | ";
			}

			#chi-menu a:last-of-type::after{
				content:"";
			}

#c-main{
	position:relative;
	min-height:250px;
	margin:0 0 0 0;
}

	#cm-internal{
		position:relative;
		width:966px;
		min-height:250px;
		margin:0 auto;
		-webkit-box-shadow:5px 5px 7px rgba(0,0,0,0.6);
	   	   -moz-box-shadow:5px 5px 7px rgba(0,0,0,0.6);
	            box-shadow:5px 5px 7px rgba(0,0,0,0.6);
	}

		#cmi-menu{
			position:relative;
			height:50px;
			background-color:#FEB811;
		}

			#cmim-text{
				position:absolute;
				left:60px;
				top:20px;
				color:#178439;
				font-size:12px;
				text-transform:uppercase;
			}

				#cmih-text .cmiht-zwei{
					padding-left:70px;
				}

				#cmim-text a{
					color:#178439;
					text-decoration:none;
				}

				#cmim-text a:hover{
					text-decoration:underline;
				}

				#cmim-text a.aktiv{
					color:#FFFFFF;
				}

				#cmim-text a::after{
					content:" | ";
				}

				#cmim-text a:last-of-type::after{
					content:"";
				}

				div.menubutton, div#responsive-headline, div#responsive-menu{
					display:none;
				}

		#cmi-bigpic{
			height:210px;
			background-color:#419846;
		}

		#cmi-head{
			position:relative;
			padding:0 55px 0 60px;
			height:140px;
			background-color:#FFFFFF;

		}

			#cmih-text{
				color:#208340;
				font-size:28px;
				padding:20px 0;
			}

		#cmi-body{
			position:relative;
			background-image:url(grafik/hg-cmi-body.gif);
			background-repeat:repeat-y;
		}

			#cmib-inhalt{
				width:666px;
				padding:0 0 20px 60px;
			}

				#inhalt{
				min-height:490px;
				/*350*/
				color:#626264;
				}

					#inhalt h1{
						font-size:1.3em;
						margin:0;
						padding:0 0 20px 0;
					}

					#inhalt h2{
						font-size:1.1em;
						margin:0;
						padding:0 0 20px 0;
					}

					#inhalt h3{
						font-size:1.0em;
						margin:0;
						padding:0 0 20px 0;
					}

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

					#inhalt ul{
						margin:0 0 0 17px;
						padding:0 0 20px 0;
					}

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

					#inhalt iframe{
						margin:0;
						padding:0 0 20px 0;
					}

					#inhalt table.typ1{
						margin:0;
						padding:0 0 20px 0;
					}

						.typ1 tr{
							margin:0;
							padding:0;
						}

						.typ1 td{
							margin:0;
							padding:0 15px 0 0;
							line-height:1.5em;
						}

					#inhalt a{
						color:#1F8441;
					}

					#inhalt a:hover{
						color:#17602F;
					}

					.bildblock{
						float:right;
						max-width:200px;
						padding-left:10px;
					}

						.bildblock img{
							margin-bottom:10px;
						}

					div.highslide-gallery{
						padding:0 0 1em 0;
					}

					.galerie-element{
						float:left;
						margin:0;
						padding:0 5px 5px 0;
					}

						.galerie-element img{
							padding:0px;
							border:1px solid #CACECC;
						}

						.galerie-element .untertitel{
							font-size:0.9em;
							width:260px;
							line-height:1em;
							min-height:30px;
						}

					.nobr, .nowrap{
						white-space:nowrap;
					}

					.zurueck{
						font-size:0.9em;
						font-family:arial,helvetiva,sans-serif;
						padding:0 0 20px 0;
						margin-bottom:20px;
						text-align:left;
					}

					.hv{
						font-weight:bold;
					}

					#inhalt a.specButton{
						display: inline-block;
						background-color:#1f8441;
						color:#FEB811;
						text-decoration: none;
						font-weight:bold;
						font-size:1.5em;
						margin:0;
						padding:0.5em;
						border-radius: 0.5em;
						box-shadow: 2px 2px 5px rgba(0,0,0,0.6);
					}

						#inhalt a.specButton:hover{
							display: inline-block;
							background-color:#FEB811;
							color:#1f8441;
							box-shadow: 0px 0px 2px rgba(0,0,0,0.8);
						}

	/*		#cmib-info{
				position:absolute;
				right:0;
				top:0;
				width:220px;
				min-height:350px;

			}
*/
				.text{
					padding:17px 17px;
					color:#FFC108;
					font-size:14px;
				}

					.text:last-child{
						padding:0 17px 17px 17px;
					}

				.text h1{
					margin:0;
					padding:0 0 10px 0;
					font-size:1em;
					font-weight:bold;
					text-decoration:underline;
				}

				.text p{
					margin:0;
					padding:0 0 10px 0;
				}

				.text a{
					color:#FFC108;
				}

				.text a:hover{
					color:#FFFFFF;
				}


#cmi-body{
	background-image:none;
	background-color:#FFFFFF; /* bild weg, weißer Hintergrund */
}

#cmib-inhalt{
	width:auto;
	padding:0 20px 20px 20px;
}

#inhalt{
	min-height:50px;
}

/**/

.komma:after{
	content:",";
}

#cmib-info{
	box-sizing: border-box;
	position:relative;
	width:auto;
	/*min-height:245px;*/
	background-color:#178439;
}
#cmib-info .text{
	box-sizing: border-box;
	padding:17px 17px 17px 5em;
}
#cmib-info .text:first-child{
	width:50%;
	float:left;
}
#cmib-info .text:last-child{
	padding:17px 5em 17px 17px;
}

span.wochenTag{
	display: inline-block;
	width:90px;
}


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

/* __ ____ __ */
/* ++ FORM ++ */

form{
	font-size:1em;
	font-weight:normal;
	margin:0;
	padding: 0 0 20px 0;
}

.formular_zeile{
	margin:0;
	padding:0;
	clear:both;
}

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

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

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

.formular_feld input{
	padding:0px;
	margin:0px;
	width:250px;
	font-family:arial,helvetica,sans-serif;
	background-color:#FFFFFF;
	border:1px #646566 solid;
	padding:1px;
	font-size:0.8em;
}

.formular_feld input.plz{
	width:38px;
}

.formular_feld input.ort{
	width:204px;
	margin-left:4px;
}

.formular_feld textarea{
	padding:0px;
	margin:0px;
	width:250px;
	font-family:arial,helvetica,sans-serif;
	font-size:0.8em;
	background-color:#FFFFFF;
	border:1px #646566 solid;
	padding:1px;
}

.formular_knopf{
	margin-top:10px;
	margin-left: 95px;
	border:1px #646566 solid;
	color:#646566;
	background-color:#E7EDE6;
	width:150px;
}


.vorschau{
	width:202px;
	margin:0 10px 10px 0;
	padding:0;
	float:left;
}


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

/* ____________________ _________ ____________________ */
/* ******************** 801-1024 ******************** */

@media only screen and (min-width:801px) and  (max-width:1024px){

	#corpus{
		width:750px;
	}
		#c-head{
		}
			#ch-internal{
				width:706px;
				/*height:120px;*/
			}
				#chi-logo{
					left:20px;
					top:10px;
				}
				#chi-menu{
					right:20px;
					bottom:5px;
				}

					/**/

		#c-main{
		}
			#cm-internal{
				width:706px;
			}
				#cmi-menu{
					height:70px;
				}
					#cmim-text{
						left:20px;
						top:20px;
					}

						#cmim-text a{
							display:inline-block;
							margin:0 0 5px 0;
						}

						#cmim-text a:last-of-type::after{
							content:" | ";
						}

						/**/

				#cmi-bigpic{
				}

				#cmi-head{
					height:auto;
				}
					#cmih-text{
						font-size:22px;
						padding-bottom:40px;
					}
						#cmih-text .cmiht-zwei{
							padding-left:60px;
						}
				#cmi-body{
					background-image:none;
					background-color:#FFFFFF; /* bild weg, weißer Hintergrund */
				}
					#cmib-inhalt{
						width:auto;
						padding:0 20px 20px 20px;
					}

						#inhalt{
							min-height:50px;
						}

							/**/

							.komma:after{
								content:",";
							}

					#cmib-info{
						position:relative;
						width:auto;
						/*min-height:100px;*/
						/*min-height:230px;*/
						padding-bottom:3em;
						background-color:#178439;
					}
						#cmib-info .text{
							padding:17px;
						}
							#cmib-info .text:first-child{
								width:320px;
								float:left;
							}
							#cmib-info .text:last-child{
								padding:17px;
							}

							span.wochenTag{
								display: inline-block;
								width:100%;
							}
								/**/

		.clearer{
		}

		/* __ ____ __ */
		/* ++ FORM ++ */

		/**/

}/*media >800*/

/* ____________________ _____ ____________________ */
/* ******************** -800 ******************** */


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

	body{
	}

	#corpus{
		margin:0 auto 0 auto;
		width:auto;
	}

	#c-head{
		position:relative;
		height:75px;
		/*966x75*/
	}

		#ch-internal{
			width:auto;
		}
			#chi-logo{
				position:relative;
				left:0;
				top:0;
			}
				#chi-logo img{
					width:70%;
					min-width:250px;
					max-width:490px;
					height:auto;
					margin:20px 0 0 10px;
				}
			#chi-menu{
				display:none;
			}

				/**/

	#c-main{
	}

		#cm-internal{
			width:auto;
		}

			#cmi-menu{
				position:relative;
				height:50px;
				background-color:#FEB811;
			}

			  /* Button positionieren  */
			  	div.menubutton {
				    display: block;
				    position: relative;
				    top:2px;
				    text-align:right;
				    height:40px;
				    padding-bottom:5px;
			  	}

			  /* Button gestalten */
			  	div.menubutton a {
				    display: inline;
					position:relative;
				    top:0.8em;
				    right:0.5em;
				    color: #feb811;
				    background: #178439;
				    text-decoration: none;
				    padding: 0.5em;
				    border-radius: 0.25em;
				    border: none;
			  	}

					div.menubutton a.shownavlist:after {
					    content: " \25bc";
					    font-size: 0.7rem;
					}

					div.menubutton a.hidenavlist:after {
					    content: " \25b2";
					    font-size: 0.7rem;
					}

					div.menubutton a.hidenavlist {
				    	display:none;
				  	}

					#menu-an:target a.shownavlist {
		    			display: none;
		  			}

		  			#menu-an:target a.hidenavlist {
		    			display: inline;
		  			}

				div#responsive-headline{
					display:block;
					position:absolute;
					top:10px;
					left:10px;
				}

					div#responsive-headline h1{
						margin:0;
						padding:0;
						font-size:1.3em;
						color:#178439;
					}

				#menu-an:target div#responsive-menu {
					position:relative;
					top:-44px;
					display:block;
					width:65%;
					border-right: 1px solid #178439;
					background-color:#feb811;
					z-index:10000;
					webkit-box-shadow:1px 1px 3px rgba(0,0,0,0.3);
					   moz-box-shadow:1px 1px 3px rgba(0,0,0,0.3);
					       box-shadow:1px 1px 3px rgba(0,0,0,0.3);
					border-radius:0 0.5em 0.5em 0;
				}
					#menu-an:target div#responsive-menu a{
						display:block;
						padding:4px 0 4px 5px;
						color:#178439;
						text-decoration:none;
						border-bottom:1px solid #178439;
					}
						#menu-an:target div#responsive-menu a:first-of-type{
							border-radius:0 0.5em 0 0;
							border-top:1px solid #178439;
						}
						#menu-an:target div#responsive-menu a:last-of-type{
							border-radius:0 0 0.5em 0;
						}
						#menu-an:target div#responsive-menu a:hover,
						#menu-an:target div#responsive-menu a:active,
						#menu-an:target div#responsive-menu a:focus{
							background-color:#178439;
							color:#feb811;
						}
						#menu-an:target div#responsive-menu a.aktiv{
							background-color:#178439;
							color:#feb811;
							font-weight:bold;
						}


				#cmim-text{
					display:none;
					position:absolute;
					left:60px;
					top:20px;
					color:#178439;
					font-size:12px;
					text-transform:uppercase;
				}

					#cmim-text a{
						color:#178439;
						text-decoration:none;
					}

					#cmim-text a:hover{
						text-decoration:underline;
					}

					#cmim-text a.aktiv{
						color:#FFFFFF;
					}

			#cmi-bigpic{
				background-position:center;
			}

			#cmi-head{
				position:relative;
				padding:0 10px;
				height:auto;
			}
				#cmih-text{
					color:#208340;
					font-size:20px;
					padding:20px 0 30px 0;
				}
					#cmih-text .nobr{
						white-space:normal;
					}
					#cmih-text .cmiht-zwei{
						padding-left:0;
					}

			#cmi-body{
				background-image:none;
				background-color:#FFFFFF;
			}
				#cmib-inhalt{
					width:auto;
					padding:0 10px 20px 10px;
				}
					#inhalt{
					min-height:50px;
					}
						#inhalt h1{
							display:none;
							font-size:1.1em;
						}

						/**/

						#inhalt iframe{
							width:100%;
						}

						.komma:after{
							content:",";
						}

				#cmib-info{
					position:relative;
					right:0;
					top:0;
					width:auto;
					/*min-height:85px;*/
					padding-bottom:4em;
					background-color:#178439;
				}

					#cmib-info .text{
						padding:17px;
					}
					#cmib-info .text:first-child{
						width:50%;
						float:left;
					}
					#cmib-info .text:last-child{
						padding:17px;
					}

					span.wochenTag, span.wochenTage{
						display: inline-block;
						width:100%;
					}

						/**/

	.clearer{
	}

	/* __ ____ __ */
	/* ++ FORM ++ */

	form{
		font-size:1em;
		font-weight:normal;
		margin:0;
		padding: 0 0 20px 0;
	}

	.formular_zeile{
		margin:0;
		padding:0;
		clear:both;
	}

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

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

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

	.formular_feld input{
		padding:0px;
		margin:0px;
		width:250px;
		font-family:arial,helvetica,sans-serif;
		background-color:#FFFFFF;
		border:1px #646566 solid;
		padding:1px;
		font-size:0.8em;
	}

	.formular_feld input.plz{
		width:38px;
	}

	.formular_feld input.ort{
		width:204px;
		margin-left:4px;
	}

	.formular_feld textarea{
		padding:0px;
		margin:0px;
		width:250px;
		font-family:arial,helvetica,sans-serif;
		font-size:0.8em;
		background-color:#FFFFFF;
		border:1px #646566 solid;
		padding:1px;
	}

	.formular_knopf{
		margin-top:10px;
		margin-left: 95px;
		border:1px #646566 solid;
		color:#646566;
		background-color:#E7EDE6;
		width:150px;
	}


	.vorschau{
		width:202px;
		margin:0 10px 10px 0;
		padding:0;
		float:left;
	}
}/*media <800*/


/* ____________________ _____ ____________________ */
/* ******************** -580 ******************** */


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

	#cmi-body {
		background-image: none;
		background-color: #ffffff; /* bild weg, weißer Hintergrund */
	}

	#cmib-inhalt {
		width: auto;
		padding: 0 20px 20px 20px;
	}

	#inhalt {
		min-height: 50px;
	}

	/**/
	.komma:after {
		content: ",";
	}

	#cmib-info {
		position: relative;
		width: auto;
		/*min-height:100px;*/
		padding-bottom:1em;
		background-color: #178439;
	}

	#cmib-info .text {
		padding: 17px;
		width:100%;
	}

	#cmib-info .text:first-child {
		width:100%;
		float: none;
	}

	#cmib-info .text:last-child {
		padding: 17px;
	}

}