/* fissler.css */
/* (c) 2013 IWI GmbH Münster */
/* www.iwi.de */

body{
	margin:0;
	padding:0;
	background-color:#FFFFFF;
	font-family:verdana,arial,helvetica,sans-serif;
	font-size:0.9em;
}

#exterior{
	position:relative;
	width:1000px;
	margin:0 auto;
	border:0;
	padding:0;
}

#corpus{
	position:relative;
	width:966px;
	padding:0;
	margin:0 auto;
	box-shadow: 0px 0px 15px rgba(0,0,0,0.25);
}

	#c-top{
		position:relative;
		height:440px;
		border-bottom:8px solid #5E9FB9;
		background-image:none;
		background-repeat:no-repeat;
	}

		#ct-rect{
			position:absolute;
			left:30px;
			top:0;
			height:155px;
			width:936px;
			background-image:url(grafik/white-rect.png);
			background-repeat:repeat;
		}

		#ct-logo{
			position:absolute;
			left:35px;
			top:75px;
			height:152px;
			width:260px;
			background-image:url(grafik/fissler-logo.png);
			background-repeat:repeat;
		}

		#responsive{ display:none; /*mobile*/ }

		#ct-menu{
			position:absolute;
			bottom:0px;
			right:10px;/*20-10padding*/
			font-family:arial,helvetica,sans-serif;
		}

		#ct-menu2{
			position:absolute;
			bottom:56px;
			right:20px;
			font-family:arial,helvetica,sans-serif;
		}

			#ct-menu2 a{
				text-decoration:none;
				color:#767778;
			}

			#ct-menu2 a:hover{ color:#92B53C; }

			#ct-menu2 .fb-logo{
				margin-left:10px;
				border:0;
			}

			#ct-menu2 .m2hp{
				margin-right:5px;
				border-right:1px dotted #92B53C;
				padding-right:5px;
			}

	#c-main{
		position:relative;
		background-color:#FFFFFF;
	}

		#cm-inhalt{
			position:relative;
			margin:0;
			padding:25px 30px;
		}

			#inhalt{
				position:relative;
				min-height:300px;
				color:#969697;
				font-weight:bold;
			}

				#inhalt .inhalt600{
					position:relative;
					width:600px;
				}

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

				#inhalt h2{
					font-size:1.2em;
					color:#8FB636;
					margin:0;
					padding:0 0 20px 0;
				}

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

				#inhalt p{
					margin:0;
					padding:0 0 20px 0;
					line-height:200%;
				}

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

					#inhalt ul li{
						margin:0 0 0 18px;
						padding:0 0 0 0;
						line-height:200%;
					}

				#inhalt table{
					position:relative;
					left:-2px;
					margin:0;
					padding:0 0 20px 0;
				}

					#inhalt tr{ line-height:170%; }

						#inhalt td{
							vertical-align:bottom;
						}

				#inhalt a{ color:#8FB636; }
					#inhalt a:hover, #inhalt a:active{ color:#6C8A28; }

				#inhalt .extra{
					background-color:#ACC469;
					padding:1em 1em 0 1em;
					margin: 0 0 2em 0;
					color:#FFFFFF;
				}

				#inhalt a img{
					border:0;
					position:relative;
					top:3px;
				}

				#inhalt .hv, #inhalt b, #inhalt strong{ color:#8FB636; }

					#inhalt div.hv{ padding:0 0 20px 0; }

				#inhalt .hv2{ color:#5E9FB9; }

				#inhalt .zitat{
					font-style:italic;
					font-family:arial,helvetica,sans-serif;
				}

				#inhalt .alarm{ color:#E33C25; }

				#inhalt .textblock{
					float:left;
					width:430px;
					margin:0;
					padding:0 20px 20px 0;
					text-align:left;
				}

				#inhalt .textblock3{
					float:left;
					width:280px;
					margin:0;
					padding:0 20px 20px 0;
					text-align:left;
				}

				#inhalt .t3{
					float:left;
					width:260px;
					margin:0 0 0 20px;
					padding:0 20px 0 0;
					text-align:left;
				}

				#inhalt .block-links{
					float:left;
					margin:0;
					padding:0 30px 0 0;
				}

				#inhalt .block-rechts{
					float:right;
					margin:0;
					padding:0 0 0 30px;
				}

					#inhalt .bildblock{
						margin:0;
						padding:0 0 30px 0;
					}

						#inhalt .bildblock img{
							padding:1px;
							border:1px solid #5E9FB9;
							z-index:100;
						}

						#inhalt .bildblock img.logo{
							padding:0;
							border:0px solid #FFFFFF;
						}

						#inhalt .bildblock a{ z-index:90; }

				#inhalt iframe{
					margin:0 0 20px 0;
					padding:1px;
					border:1px solid #5E9FB9;
					z-index:10;
				}

				#inhalt .galerie-element{
					float:left;
					margin:0;
					padding:0 16px 16px 0;
				}

						#inhalt .galerie-element img{
							padding:1px;
							border:1px solid #5E9FB9;
						}

				#inhalt #adressblock{
					position:absolute;
					left:630px;
					top:2px;
					width:270px;
					padding: 5px 10px 5px 10px;
					background-color:#ACC469;
				}

					#adressblock p{ color:#FFFFFF; }

					#adressblock a{ color:#FFFFFF; }
					#adressblock a:hover{ color:#F2F2F2; }

				#inhalt .messagebox{
					margin: 5px 0 0 0;
					padding: 5px 10px 5px 10px;
					background-color:#ACC469;
					color:#FFFFFF;
					font-size:1.1em;
				}

				#inhalt .link-extern{ clear:both; }

				#inhalt .link-extern a{
					display:block;
					float:left;
					min-width:300px;
					margin:0 10px 15px 0;
				}

				#inhalt .noborder, #inhalt .logo{ border:10px solid lime; }

				#inhalt .nopadding{ padding:0; }

				#inhalt .alignright{ text-align:right; }

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

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

				/*Impressum*/
				#steuernummer{
					position:absolute;
					top:42px;
					right:150px;
					line-height:200%;
				}


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

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

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

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

.formular_text{
	position:relative;
	top:-5px;
	display:block;
	width:125px;
	float:left;
	padding-right:5px;
	padding-bottom:2px;
	border:0;
	text-align:left;
	line-height:200%;
}

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

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

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

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

.formular_feld input.radiobutton{
	width:auto;
	border:0;
}

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

.formular_knopf{
	margin-top:10px;
	margin-left: 135px;
	border:1px #6C8A28 solid;
	background-color:#ACC469;
	color:#FFFFFF;
	font-weight:bold;
	font-size:1.2em;
}

	#c-bottom{
		position:relative;
		height:50px;
		background-color:#ACC469;
		color:#FFFFFF;
		font-size:1.1em;
	}

			#cb-menuzeile{ display:none; }

		#cb-fusszeile{
			position:absolute;
			top:18px;
			left:30px;
		}

		#c-bottom .hv{ font-weight:bold; }


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

/* ____________________ ________ ____________________ */
/* ******************** 750-999 ******************** */

@media only screen  and (min-width:750px) and (max-width:999px){

	#exterior{ width:750px;/*x*/ }

	#corpus{ width:730px;/*x*/ }

			#ct-rect{ width:700px;/*x*/ }

			#ct-logo{
				left:25px;/*x*/
				top:35px;/*x*/
				background-image:url(grafik/fissler-logo160.png);/*x*/
				background-repeat:no-repeat;/*x*/
			}

			#cm-inhalt{ padding:25px 25px;/*x*/	}

					#inhalt .inhalt600{
						position:relative;
						width:450px;/*o*/
					}

					#inhalt .textblock{
						float:none;/*x*/
						width:100%;/*x*/
					}

					#inhalt .block-box + p{ clear:both; /*x*/ }

					#inhalt iframe{
						width:670px;/*x*/
						height:377px;/*x*/
					}

					#inhalt #adressblock{
						left:480px;/*x*/
						width:200px;/*x*/
					}

}/*media 750-999*/



/* ____________________ ____ ____________________ */
/* ******************** -749 ******************** */

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

	#exterior{
		box-sizing:border-box;
		width:100%;/*x*/
		padding:0 0;/*x*/
	}

	#corpus{
		width:100%;/*x*/
		box-shadow:none;
	}

			#ct-rect{
				box-sizing:border-box;/**/
				position:relative;/**/
				left:0;/**/
				top:0;/**/
				margin:0 auto 0 auto;/**/
				padding:10px;/**/
				height:auto;/**/
				width:auto;/**/
				max-width:100%;/**/
				background-image:url(grafik/white-rect.png);
				background-repeat:repeat;
			}

			#ct-logo{
				position:relative;/**/
				left:0;/**/
				top:0;/**/
				margin:0 auto 0 auto;/**/
				height:152px;
				width:260px;
				background-image:url(grafik/fissler-logo.png);
				background-repeat:repeat;
			}

			#responsive{
				display:block;
				position:absolute;
				top:120px;
				left:15px;
				z-index:5000;
				margin:0 0 20px 5px;
				font-family:'Source Sans Pro', helvetica, sans-serif;
			}

				/*167e3f*/
				#responsive .toggle{
					display: inline-block;
					margin:0 0 0 0;
					border-radius:.5em;
					padding:5px 3px;
					background-color:#FFFFFF;
					color:#16a231;
					min-width:20px;
					cursor:pointer;
					font-size:1.1em;
					text-align:center;
					font-weight:bold;
				}

					#responsive .toggle #menubutton{
						width:48px;
						height:33px;
						background-image:url('grafik/menubutton.gif');
						background-position:left;
					}

					#responsive .toggle:hover, #responsive .toggle:active{
						color:#FFFFFF;
						background-color:#16a231;
					}

						#responsive .toggle:hover #menubutton, #responsive .toggle:active #menubutton{ background-position:right; }

				#responsive .togglemenu{
					display: inline-block;
					margin:0 0 0 0;
					border:1px solid #3979a6;
					border-radius:.5em;
					padding:0;
					background-color:#FFFFFF;
					color:#3979a6;
					min-width:20px;
					cursor:pointer;
					font-size:1.1em;
					text-align:center;
					font-weight:bold;
				}

					#responsive .togglemenu:hover, #responsive .togglemenu:active{
						color:#FFFFFF;
						background-color:#3979a6;
					}

				#responsive ul{
					display:none;
					margin:9px 0 0 0;
					padding:0 0 0 0;
					list-style-type:none;
				}

				#responsive>ul{
					background-color:rgba(255,255,255,0.7);
					border:0px solid #FFFFFF;
					padding:0 10px 10px 10px;
				}

					#responsive li{
						margin:0;
						padding:0;
						height:auto;
					}

					#responsive a{
						display:inline-block;
						margin:4px 0 0 0;
						border:1px solid #3979a6;
						border-radius:0 .5em .5em 0;
						padding:6px;
						background-color:#FFFFFF;
						color:#3979a6;
						text-decoration:none;
						font-size:1.1em;
						font-weight:bold;
					}

						#responsive a.aktiv{
							border:1px solid #16a231;
							color:#FFFFFF;
							background-color:#16a231;
						}

						#responsive a:hover, #responsive a:active{
							color:#FFFFFF;
							background-color:#3979a6;
						}

					#responsive li>ul{
						margin: 0 0 0 5px;
						padding:0 0 0 5px;
						border-left:2px solid #3979a6;
					}

			#ct-menu{ display:none; }
			#ct-menu2{ display:none; }

			#cm-inhalt{
				position:relative;
				margin:0;
				padding:25px 20px;
			}

				#inhalt{
					position:relative;
					min-height:300px;
					/*color:#B4B5B6;*/
					color:#969697;
					font-weight:bold;
					max-width:100%;
				}

					#inhalt .inhalt600{
						position:relative;
						width:600px;
						max-width:100%;
					}

					#inhalt .extra{
						background-color:#ACC469;
						padding:1em 1em 0 1em;
						margin: 0 0 2em 0;
						color:#FFFFFF;
					}

					#inhalt a img{
						max-width:80%;/**/
						height:auto;/**/
					}

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

					#inhalt .textblock{
						float:left;
						width:430px;
						max-width:100%;/**/
						margin:0;
						padding:0 20px 20px 0;
						text-align:left;
					}

					#inhalt .textblock3{
						float:left;
						width:280px;
						margin:0;
						padding:0 20px 20px 0;
						text-align:left;
					}

					#inhalt .t3{
						float:left;
						width:260px;
						margin:0 0 0 20px;
						padding:0 20px 0 0;
						text-align:left;
					}

					#inhalt .block-box + p{ clear:both; /*x*/ }

					#inhalt .block-rechts{
						float:left;/**/
						padding:0 20px 0 0;/**/
					}

						#inhalt .bildblock{
							margin:0;
							padding:0 0 30px 0;
						}

							#inhalt .bildblock img{
								max-width:100%;/**/
								height:auto;/**/
							}

					#inhalt iframe{
						max-width:100%;/**/
						height:auto;/**/
						min-height:250px;/**/
					}

					#inhalt .galerie-element{ padding:0 12px 12px 0;/**/ }

							#inhalt .galerie-element img{
								max-width:180px;/**/
								width:180px;/**/
								height:auto;/**/
							}

					#inhalt #adressblock{
						position:relative;/**/
						left:0;/**/
						top:0;/**/
						width:auto;/**/
					}

						#adressblock p{ color:#FFFFFF; }

						#adressblock a{ color:#FFFFFF; }
						#adressblock a:hover{ color:#F2F2F2; }

					#inhalt .messagebox{
						margin: 5px 0 0 0;
						padding: 5px 10px 5px 10px;
						background-color:#ACC469;
						color:#FFFFFF;
						font-size:1.1em;
					}

					#inhalt .link-extern{ clear:both; }

					#inhalt .link-extern a{
						display:inline;
						box-sizing:border-box;
						float:none;
						width:100px;
						margin:0 10px 15px 0;
					}

					#inhalt .noborder, #inhalt .logo{ border:10px solid lime; }
					#inhalt .nopadding{ padding:0; }
					#inhalt .alignright{ text-align:right; }

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

					/*Impressum*/
					#steuernummer{
						position:relative;
						top:0;
						right:0;
						line-height:200%;
						margin-bottom:20px;
					}

		#c-bottom{
			position:relative;
			height:auto;
			padding:0 0 10px 0;
			background-color:#ACC469;
			color:#FFFFFF;
			font-size:0.9em;/*x*/
		}

			#cb-menuzeile{
				display:block;
				padding:10px 0 0 20px;
			}

				#cb-menuzeile a{ color:#ffffff; }
				#cb-menuzeile .fb-logo{ margin:10px 0 0 0; }

			#cb-fusszeile{
				position:relative;
				left:0;/*x*/
				top:0;/*x*/
				padding:10px 0 0 20px;
			}

			#c-bottom .hv{ font-weight:bold; }

}/*media -749*/