html, body {
		min-height:100%;
	}
	body {
		margin-left: 0px;
		margin-right: 0px;
		margin-top: 0px; 
		margin-bottom: 0px;
		color: #000000;
		font-family: verdana;
		font-size: 12;
		background: #c2cfdb url('images/header-bg.jpg') top center no-repeat;
		/*background-color: #c2cfdb;background-color: rgb(195, 207, 219);*/
	}


	@font-face {
    font-family: "Open Sans";
    font-style: normal;
    font-weight: 400;
    src: local("Open Sans"), local("OpenSans"), url("http://fonts.gstatic.com/s/opensans/v10/cJZKeOuBrn4kERxqtaUH3VtXRa8TVwTICgirnJhmVJw.woff2") format("woff2"), url("http://fonts.gstatic.com/s/opensans/v10/cJZKeOuBrn4kERxqtaUH3T8E0i7KZn-EPnyo3HZu7kw.woff") format("woff");
}
	.d_clearboth {
		clear:both;
	}
	.clear {
		clear:both;
	}


	.main-center {
		margin: 0px auto 0px auto;position:relative;
		width:980px;min-height:70%;z-index:22;
	}

	.logo  img{border:0px;}
	.logo {
	width:252px;height:134px;margin: 30px auto 50px auto;
	}
	.topnavi {
	 background-color:#FFF; width:980; border-radius:10px; height:54px;
	}
	.topnavi .hr-menu {
		z-index:130;

	}
	.topnavi .hr-menu ul{
		margin:0px 0px 0px 0px;width: 940px;padding:0px 0px 0px 40px; height:54px; float:left;
	}
	.topnavi .hr-menu li{
		float:left;display: inline;
		list-style:none;vertical-align:center;padding:0px 0px 0px 0px;margin:0px 2px 0px 2px;
	}
	.topnavi .hr-menu li .active{
	border-right: 1px solid #d7d7d7; border-left: 1px solid #d7d7d7;background-color:#ebebeb;height:24px;}
	.topnavi .hr-menu li a{
		height:24px;margin:0px;border-left: 1px solid #fff;border-right: 1px solid #fff;
		display:block;
		text-align:center;
		text-decoration:none;
		font-family:verdana;font-size:16px;
		padding:15px 28px 15px 30px;color:#000;
	}  
	.topnavi .hr-menu li:hover  a{
	 height:24px; color:#e6371f;
		 border-right: 1px solid #d7d7d7; border-left: 1px solid #d7d7d7;background-color:#ebebeb;
		 
	}
	
	.topnavi .hr-menu li:hover > ul   .sub-column-1 ul {
    visibility: visible;
	
	}
	.topnavi .hr-menu li:hover > ul  {
    visibility: visible;

	}
	
	

	
	
	.topnavi .hr-menu li ul .nav-pic{position:absolute; right:10px; top:20px;}
	.topnavi .hr-menu li ul{
		width:auto;
		min-width:150px;
		height:auto;background-color:#ebebeb;
		
		/*border-top:1px solid #d7d7d7;*/
		
		display: inline;
		visibility: hidden;
		position: absolute;

		
		z-index:130;
		margin:0px;padding:0px;
	}
	/*.topnavi .hr-menu ul li ul{padding-top:10px;background-color:#ebebeb;}*/
	.topnavi .hr-menu ul li ul li a{text-align:left; height:10px;font-size:14px;padding:15px 0px 15px 30px;}
	.topnavi .hr-menu ul li ul li{
	height:10px;
    float: none;padding:0px;margin:0px;text-align:left;
	
	}
	.topnavi .hr-menu ul li ul li a:hover{
		color: #000;/*background-color:#FFF;*/
	}
	.topnavi .hr-menu .sub-column-1  li {border:0px; background-color:#ebebeb;}
	.topnavi .hr-menu .sub-column-1  li a{border:0px;}
	.topnavi .hr-menu .sub-column-1 ul {position:relative;}
	.topnavi .hr-menu .sub-column-1 {
	background-color:#ebebeb;z-index:130;height:auto;
	}.topnavi .hr-menu .about-nav {
	background-color:#ebebeb;z-index:130;height:auto; right:0px;
	}
	
	.slider-bg {
		margin-top:18px;
		padding:10px;height:330px; width:960px;
		background-color:#FFF;
		border-radius:10px;
		position:relative;
	}
	.slider-bg .slider-top {
	background: url('images/slider/slider-top.png') center top no-repeat;
	height:75px; width:960px;position:absolute; top:7px;left:10px;
	}
	.slider-bg .slider-top .slider-title p{ text-align:center; margin:0px;}
	.slider-bg .slider-top .slider-title {
	}
	
	.slideshow-text p { margin:0px;}
	.slideshow-text {font:10px; color:#fff; z-index:100;position:absolute; top:0px; width:80px;left:50%;margin-left:-50px;
		padding:10px;border-radius:10px;background-image:url('images/slider/transparent-bg.png');
	}
	.slideshow-title {
		z-index:100;position:absolute; top:0px; width:167px;left:50%;margin-left:-84px;
	}
	
	.main-wrapper {
	width:980px;margin-top:20px;font-family:verdana;
	}
	.main-wrapper .main-left {
	  float:left;margin-right:20px; min-width:660px;
	}
	.main-wrapper .main-left  .left-white-box{
		background-color:#fff;border-radius:10px;padding:20px;width:640px;margin-bottom:20px;
	
	}
			.main-text {font-size:14px;}
			.main-text h3 {color:#e6371f;margin:0px;font-size:20px;font-weight:normal;}
			.main-text h4 {color:#e6371f;margin:0px;font-size:18px;font-weight:normal;}
			.main-text .subfirst {color:#e6371f;margin:0px;font-size:14px;font-weight:normal;float:left;line-height:25px;padding-right:10px;}
			.main-text hr {/*border:1px solid #009fe3;*/}
			.main-text hr {border: none;border-top: 1px dotted #e6371f;background-color: #FFFFFF;height: 0px; margin:10px 0px 10px 0px;}
			.main-text p {font-size:14px;}
			.main-text a {font-size:14px;color:#e6371f;text-decoration:none;}
			.main-text i {font-size:14px;color:#555;text-decoration:none;}
			.main-text .sub-text p{background-color:#eee;padding:11px;border: 1px dotted #aaa;text-align:center;background:url('images/list-arrow-bot-grey.png') 10px center no-repeat #eee;}
			.main-text .sub-text p{font-size:13px;margin:0px;}
			.main-text .sub-text hr {border: none;border-top: 1px solid #eee;background-color: #FFFFFF;height: 0px; margin:2px 0px 10px 0px;}

			
			.main-text .main-text-img {width:200px; float:left;margin:0px;margin-right:20px;text-align:Center;}
			.main-text .main-text-img-gcase {width:180px; float:left;margin:0px;margin-right:20px;background-image:url('images/stripe.png');padding:10px;}
			.main-text .main-text-img-gcase  img{width:180px;border:0px;margin:0px;padding:0px;}
			.main-text .main-text-img .main-text-img-text{width:auto; background-color:#eeeeee; line-height:30px;padding:5px;font-size:14px;text-align:center;}
			.main-text .main-text-img .main-text-img-text .preis {font-weight:bold;}
			.main-text .main-text-img  img{}
			.main-text .text-area { width:420px;float:left;}
			.main-text .iconfish {background:url('images/fisch-icon.png')left center no-repeat;padding-left:30px;}
			.main-text .iconbuddha {background:url('images/buddha-icon.png')left center no-repeat;padding-left:30px;}
			.main-text .icontechnik {background:url('images/technik-icon.png')left center no-repeat;padding-left:30px;}
			.main-text .iconpresse {background:url('images/presse-icon.png')left center no-repeat;padding-left:30px;}
				.main-text .icontree {background:url('images/tree-icon.png')left center no-repeat;padding-left:30px;}
			
			.main-text .contact-us  h3{color:#e6371f;margin:0px 0px 4px 0px;font-size:16px;font-weight:normal;}
			.main-text .google-maps{padding:10px;width:620px; background-color:#eee;}
			/*
			.main-text .contact-us  .c-tab{color:#e6371f;float:left;line-height:24px;display:block;font-size:14px;margin:5px 0px 5px 0px;}
			.main-text .contact-us  .mail{color:#333;margin:5px 0px 5px 20px;font-size:14px;font-weight:normal;
				background: left center no-repeat url('images/mail-icon.png'); padding-left:30px;line-height:24px;
				width:100px;display:block;float:left;
			}
			.main-text .contact-us  .phone{color:#333;margin:5px 0px 5px 20px;font-size:14px;font-weight:normal;
				background: left center no-repeat url('images/phone-icon.png'); padding-left:30px;line-height:24px;
				width:100px;display:block;float:left;
			}
			*/
			.main-text .contact-us  {color:#333;margin:10px 0px;}
			.main-text .contact-us  .c-tab-case{display:block;line-height:24px;margin-left:20px;padding:10px;}
			.main-text .contact-us  .c-tab{width:100px;display:block;float:left;margin:2px 0px 0px 0px;padding-left:30px;}
			.main-text .contact-us  #email{background: left center no-repeat url('images/mail-icon.png'); line-height:24px;color:#333;}
			.main-text .contact-us  #phone{background: left center no-repeat url('images/phone-icon.png'); line-height:24px;color:#333;}
			.main-text .contact-us  .c-tab-case p{margin:0px; clear: both;color:#e6371f;}
			.main-text .contact-us  .mail{color:#333;font-size:14px;font-weight:normal;
				background: left center no-repeat url('images/mail-icon.png'); padding-left:30px;
				width:100px;display:block;float:left;
			}
			.main-text .contact-us  .phone{color:#333;margin:5px 0px 5px 20px;font-size:14px;font-weight:normal;
				background: left center no-repeat url('images/phone-icon.png'); padding-left:30px;line-height:24px;
				width:100px;display:block;float:left;
			}
			
			.main-text .tech-data {margin:40px 0px; width:640px;}
			.main-text .tech-data  .tech-table{ float:right;width:100%;}
			.main-text .tech-data  .tech-table caption{ text-align:left;  color:#e6371f;padding:10px; font-size:16px;}
			.main-text .tech-data  .tech-table table{ border: 1px dotted #aaa;width:100%; }
			.main-text .tech-data  .tech-table table th{background-color:#c2cfdb; padding:5px; color:#333;font-weight:normal;}
			.main-text .tech-data  .tech-table table td{background-color:#eee; padding:5px; color:#333;font-weight:normal;text-align:center;}
			.main-text .tech-data  .tech-table table  tr:hover td{background-color:#ddd;}

			
			
			.main-text .st {width:220px;display:block;float:left;}
			.main-text .st1 {width:120px;display:block;float:left;}
			
			.main-text-imgshow  {float:left; margin-right:20px;margin-top:8px;}
			.main-text-imgshow   .f-border {padding:10px;background-image:url('images/stripe.png');}
			/*.main-text-imgshow   .f-border  p{text-align:center; margin:0px;padding:5px 10px 5px 10px;background-color:#FFF;}*/
			.main-text-imgshow  .first .text{background-image:url('images/slider/transparent-bg.png');position:absolute; bottom:0px;width:180px;color:#fff;padding:10px; text-align:center;}
			.main-text-imgshow  .first{position:relative;

				width:200px; height:200px;
				background: url('images/frank_koi.jpg') center center no-repeat;
			}
			.main-text-imgshow  .msome{position:relative;
				width:200px; height:200px;
				background: url('') center center no-repeat;background-color:#FFF;
			}
			.main-text-imgshow  .msome .text{background-image:url('images/slider/transparent-bg.png');position:absolute; bottom:0px;width:180px;color:#fff;padding:10px; text-align:center;}
			
			
			.main-text .gteich-block{padding:10px;background-color:#eee;width:280px;border-radius:10px;float:left;border:1px solid #ccc;}
			.main-text .gteich-block:hover{background-color:#ddd;}
			.main-text .gteich-block img{float:left;margin-right:10px;}
			
			.main-text .thumb-slider-container .thumbs-img ul {display: inline-block;width:100%;margin:0px auto; padding:0px; background-color:#eee;text-align:center;}
			.main-text .thumb-slider-container .thumbs-img ul  .active img{opacity: 1;}
			.main-text .thumb-slider-container .thumbs-img ul  li{display:inline-block;padding:0px;list-style:none;margin:5px 1px;}
			.main-text .thumb-slider-container .thumbs-img ul  li img {padding:0px 0px 0px 0px;opacity: 0.5; cursor:pointer;}
			.main-text .thumb-slider-container .thumbs-img ul  li:last-child{margin:5px 0px;}
			.main-text .thumb-slider-container .thumbs-img ul  li:first-child{margin:5px 0px;opacity: 1;}
			.main-text .thumb-slider-container .thumbs-img ul  li:first-child img{}
			.main-text .thumb-slider-container .main-img  ul{position:relative;width:640px;height:480px;background-color:#eee;}
			.main-text .thumb-slider-container .main-img  ul{display: inline-block;margin:0px;padding:0px;}
			.main-text .thumb-slider-container .main-img  ul li{margin:0px;list-style:none;padding:0px;display: inline;position:absolute;width:640px; display:none;background-color:#eee;}
			.main-text .thumb-slider-container .main-img  ul li .text{position:absolute;bottom:3px;padding:15px;background-image:url('images/geleande/transparent-bg.png');color:#fff;}
			.main-text .thumb-slider-container .main-img  ul li:first-child img{margin:0px;list-style:none;padding:0px;display: inline;}
			.main-text .thumb-slider-container .main-img  ul li:first-child {margin:0px;list-style:none;padding:0px;display: inline;}
			.main-text .thumb-slider-container .main-img  img{  display:block; margin:auto;}
			.main-text .thumb-slider-container .main-img  {position:relative; z-index:5;}
			.main-text .thumb-slider-container .main-img  .arrows .left{position:absolute; left:5px; top:0px ;z-index:10; background: url('images/geleande/prev.png') left 48% no-repeat;width:49%; height:100%;cursor:pointer;}
			.main-text .thumb-slider-container .main-img  .arrows .right{position:absolute; right:5px;top:0px; z-index:10; background: url('images/geleande/next.png') right 48% no-repeat;width:49%; height:100%;cursor:pointer;}
			.main-text .thumb-slider-container .main-img  .arrows .right {opacity: 0.5;}
			.main-text .thumb-slider-container .main-img  .arrows .left {opacity: 0.5;}
			.main-text .thumb-slider-container .main-img  .arrows .right:hover {opacity: 1;}
			.main-text .thumb-slider-container .main-img  .arrows .left:hover {opacity: 1;}
			
	.futter-case { border: 1px solid #ececec; padding:5px; float:left;vertical-align: top;width: 195px ; margin-right:6px;background: none repeat scroll 0 0 #f4f4f4; font-family:verdana;}
					.futter-case .futter-content{padding:5px;}
					.futter-case p {margin:0px; padding:0px;font-size:10px;}
					.futter-case h3 {margin:0px; padding:0px;color:#e6371f;margin:0px;font-size:16px;font-weight:normal;}
					.futter-case small {font-size: 11px; }
					.futter-case :nth-child (3n) {

						margin-right: 0px;

					}
					.futter-case  img{ width: 195px ; height:auto;}
	
	
	.main-wrapper .main-left  .left-wrapper-box{
		width:680px; padding:0px; height:auto;
	}	
	
	.main-wrapper .main-left  .left-wrapper-box .no-items{
		width:638px; padding:20px; height:auto; background-color:#eee;border-radius:0px; border:1px dashed #aaa;text-align:center; margin:auto;font-size:14px;
		
	}
	
		.left-wrapper-box .left-smallhl-box{
			height:auto; width:640px; background-color:#FFF; border-radius:10px; padding:10px 20px 10px 20px; margin-bottom:20px;
			background: url('images/small-headline-box-bg.jpg') center center no-repeat;
		}
		.left-wrapper-box .left-smalltext-box p{font-size:12px;margin:2px 0px 2px 0px;text-align:center;}
		.left-wrapper-box .left-smalltext-box{
			height:auto; width:640px; background-color:#FFF; border-radius:10px; padding:10px 20px 10px 20px; margin-bottom:20px;
			background: url('images/small-headline-box-bg.jpg') center center no-repeat;
		}
		
				.left-wrapper-box .left-smallhl-box h3{ color:#e6371f; margin:0px; padding:0px; font-weight:normal;
				background: left center no-repeat url('images/list-arrow-bot.png');padding-left: 25px;font-size:17px;
				}
				
				.left-wrapper-box .left-smallhl-box .star{ color:#e6371f; margin:0px; padding:0px; font-weight:normal;
				background: left center no-repeat url('images/star-icon.png');padding-left: 25px;font-size:17px;
				}
				
				.left-wrapper-box .left-smallhl-box .open{ color:#e6371f; margin:0px; padding:0px; font-weight:bold;
				background: left center no-repeat url('images/list-arrow-bot.png');padding-left: 25px;
				}
				
				.left-wrapper-box .left-smallhl-box .close{ color:#e6371f; margin:0px; padding:0px; font-weight:normal;
				background: left center no-repeat url('images/list-arrow.png');padding-left: 25px;
				}
			
		.left-wrapper-box .futter-container .clearleft{clear:left;}
		.left-wrapper-box .futter-container{
			width:680px; padding:0px;height:500px;
		}
			.left-wrapper-box .futter-container .futtercase {
				background-color:#fff; min-width: 216px;max-width:216px; float:left;margin-right:10px;
				border-radius:10px;padding:2px;
				margin-bottom:10px;
			}
				
			
					.left-wrapper-box .futter-container .futtercase .inner-case{background-color:#eee;height:auto;}
					.left-wrapper-box .futter-container .futtercase .inner-case .text-case{font-size:10px;margin:0px;padding:10px;height:90px;}
					.left-wrapper-box .futter-container .futtercase .inner-case  .text-case p{font-size:10px;margin:0px;padding:4px 0px 4px 0px;}
					.left-wrapper-box .futter-container .futtercase .inner-case .text-case h4{color:#e6371f; margin:0px; font-weight:normal;font-size:15px; float:left;
					text-decoration:normal;}
					.left-wrapper-box .futter-container .futtercase .inner-case .text-case small{ margin:0px; font-weight:normal;font-size:11px; float:right;line-height:20px; }
					.left-wrapper-box .futter-container .futtercase  .imgcase {}
					.left-wrapper-box .futter-container .futtercase  .imgcase  img{
					
					border-radius:5px;
					}
					
		.left-wrapper-box .tech-pages  {margin-top:10px;float:right;}
		
		
		/*
		 .tteessttt{border:1px solid #ff0000;height:10px; width:200px;
			animation-duration: 3s;
			animation-fill-mode: forwards;
			animation-iteration-count: infinite;
			animation-name: placeHolderAni;
			animation-timing-function: linear;
			background: -moz-linear-gradient(left center , #f6f7f8 0%, #edeef1 20%, #f6f7f8 40%, #f6f7f8 100%) no-repeat scroll 0 0 / 200px 104px #f6f7f8;
			height: 104px;
			height: 104px;
		}*/
		@keyframes placeHolderAni {
		0% {
			background-position: -182px 0;
		}
		100% {
			background-position: 182px 0;
		}
		}
		.left-wrapper-box .tech-pages  .disabled {padding: 6px 12px;border: 1px solid #ddd;float:left;font-size: 13px;text-decoration:none;color: #aaa; margin-left: -1px;background-color:#fff;
												cursor: not-allowed;
												}
		.left-wrapper-box .tech-pages  ul li .active{cursor: normal;background-color: #333;border-color: #333; color: #fff;}
		.left-wrapper-box .tech-pages  ul li .active:hover{cursor: default;background-color: #333;border-color: #333; color: #fff;}
		.left-wrapper-box .tech-pages  ul{display: inline-block;margin:0px;}
		.left-wrapper-box .tech-pages  ul li{display: inline;box-sizing: border-box;margin:0px;}
		.left-wrapper-box .tech-pages  ul li a{padding: 6px 12px;border: 1px solid #ddd;float:left;font-size: 13px;text-decoration:none;color: #333; margin-left: -1px;background-color:#fff;cursor: pointer;}
		.left-wrapper-box .tech-pages  ul li a:focus{background-color: #333;border-color: #333; color: #fff;}
		.left-wrapper-box .tech-pages  ul li a:hover{background-color: #eeeeee; color: #0d0d0d;}
		
		
		.left-wrapper-box .technik-placeholder {position:absolute;z-index:10;}
		.left-wrapper-box .technik-placeholder .ph-info{
			width:400px; position:absolute; margin-left:-200px; left:50%; height:20px; top:50%; margin-top:-20px; padding:10px;text-align:center; background-color:#fff;opacity:1;z-index:2;
			box-shadow: 0px 0px 4px #666;display:none;
		}	
			
		.left-wrapper-box .technik-placeholder .placeholder-case {width:182px;height:296px; padding:15px; background-color:#FFF; border-radius:5px;float:left;margin-right:10px;border:4px solid #ecf5fc;margin-top:10px;}
		.left-wrapper-box .technik-placeholder .placeholder-case .inner  .pic{height:140px;text-align:center; color:#ddd;font-weight:900;font-size:18;position:relative;}
		.left-wrapper-box .technik-placeholder .placeholder-case .inner  .pic p{background-color:#fff;border-radius:5px; padding:5px;width:100px;position:absolute; left:50%; margin-left:-50px;top:50%; margin-top:-18px;font-size:18;}
		.left-wrapper-box .technik-placeholder .placeholder-case .inner  .ph1{height:10px; background-color:#fff; width:182px;clear:right;}
		.left-wrapper-box .technik-placeholder .placeholder-case .inner  .ph2{height:17px; background-color:#fff; width:22px;clear:right;float:right;}
		.left-wrapper-box .technik-placeholder .placeholder-case .inner  .ph4{height:17px; background-color:#fff; width:52px;clear:right;float:right;}
		.left-wrapper-box .technik-placeholder .placeholder-case .inner  .ph5{height:17px; background-color:#fff; width:32px;clear:right;float:right;}


		.left-wrapper-box .technik-placeholder .placeholder-case .inner  .ph3{height:6px; background-color:#fff; width:182px;clear:right;}
		.left-wrapper-box .technik-placeholder .placeholder-case .inner  .typ{height:17px;background-color:#fff;width:109px;float:right;clear:right;}
		.left-wrapper-box .technik-placeholder .placeholder-case .inner {animation-duration: 1.3s;
			animation-fill-mode: forwards;
			animation-iteration-count: infinite;
			animation-name: placeHolderAni;
			animation-timing-function: linear;
			/*background: -moz-linear-gradient(left center , #f6f7f8 0%, #edeef1 20%, #f6f7f8 40%, #f6f7f8 100%) no-repeat scroll 0 0 / 182px 240px #f6f7f8;
			/*background: -ms-linear-gradient(left,  #f6f7f8 0%,#edeef1 20%,#f6f7f8 40%, #f6f7f8 100%);
			background: linear-gradient(to right, #f6f7f8 0%,#edeef1 20%,#f6f7f8 40%,#f6f7f8 100%); /* W3C */
			background: #f6f7f8; /* Old browsers */
			background: -moz-linear-gradient(left, #f6f7f8 0%, #edeef1 20%, #f6f7f8 40%, #f6f7f8 100%); /* FF3.6+ */
			background: -webkit-gradient(linear, left top, right top, color-stop(0%,#f6f7f8), color-stop(20%,#edeef1), color-stop(40%,#f6f7f8), color-stop(100%,#f6f7f8)); /* Chrome,Safari4+ */
			background: -webkit-linear-gradient(left, #f6f7f8 0%,#edeef1 20%,#f6f7f8 40%,#f6f7f8 100%); /* Chrome10+,Safari5.1+ */
			background: -o-linear-gradient(left, #f6f7f8 0%,#edeef1 20%,#f6f7f8 40%,#f6f7f8 100%); /* Opera 11.10+ */
			background: -ms-linear-gradient(left, #f6f7f8 0%,#edeef1 20%,#f6f7f8 40%,#f6f7f8 100%); /* IE10+ */
			background: linear-gradient(to right, #f6f7f8 0%,#edeef1 20%,#f6f7f8 40%,#f6f7f8 100%); /* W3C */
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f7f8', endColorstr='#f6f7f8',GradientType=1 ); /* IE6-9 */
			
			height: 240px;width:182px;
		}
		

		.left-wrapper-box .technik-container {height:auto; overflow:auto;z-index:9;min-height:300px;}
		
				.left-wrapper-box .technik-container .tech-case{width:182px; padding:15px; background-color:#FFF; border-radius:5px;float:left;margin-right:10px;border:4px solid #ecf5fc;margin-top:10px;z-index:21;}
				.left-wrapper-box .technik-container .tech-case img{border:0px;}
				.left-wrapper-box .technik-container .tech-case:hover{border:4px solid #ccc;box-shadow: 0px 0px 6px #aaa; }
				.left-wrapper-box .technik-container .tech-case:hover img{border:0px;
						-moz-filter: grayscale(100%);
						-ms-filter: grayscale(100%);
						-o-filter: grayscale(100%);
						filter: grayscale(100%);
				}
						.left-wrapper-box .technik-container .tech-case .image-wrapper{width:185px; height:140px;max-height:140px;cursor:pointer;}
						.left-wrapper-box .technik-container .tech-case .image-wrapper img{ display: block;  margin: 0 auto;max-height:140px; max-width:140px;}
						.left-wrapper-box .technik-container .tech-case .text-wrapper {padding-top:5px; color:#333;font-family: "Open Sans";}
						.left-wrapper-box .technik-container .tech-case .text-wrapper  h4{color:#e6371f; font-weight:bold;margin:0px;font-size:18px;padding:0px;}
						.left-wrapper-box .technik-container .tech-case .text-wrapper  .psmall{margin:0px;font-size:12px;padding:0px;}
						.left-wrapper-box .technik-container .tech-case .text-wrapper  .desc-wrapper{height:100px;padding:4px 0px; cursor:pointer; overflow:hidden;}
						.left-wrapper-box .technik-container .tech-case .text-wrapper  .desc-wrapper p{font-size:14px;margin:3px 0px 3px 0px;}
						.left-wrapper-box .technik-container .tech-case .text-wrapper  .preis{font-size:18px;font-weight:bold;margin:auto;text-align: center;}
		
		
		.left-wrapper-box .fishcat-container.clearleft{clear:left;}
		.left-wrapper-box .fishcat-container{
			width:680px; padding:0px;height:500px;
		}
			.left-wrapper-box .fishcat-container .fishcatcase:hover .inner-case .text-case  h3{color:#e6371f;}
			.left-wrapper-box .fishcat-container .fishcatcase:hover  {
			background-color:#eee;cursor:pointer;
			}
			.left-wrapper-box .fishcat-container .fishcatcase:hover img {
				-webkit-filter: grayscale(100%);
				-moz-filter: grayscale(100%);
				-ms-filter: grayscale(100%);
				-o-filter: grayscale(100%);
				filter: grayscale(100%);

			}
			.left-wrapper-box .fishcat-container .fishcatcase a {text-decoration:none;}
			.left-wrapper-box .fishcat-container .fishcatcase {
				background-color:#fff; min-width: 216px;max-width:216px; float:left;margin-right:10px;
				padding:1px;
				margin-bottom:10px;
			}
				
			
					.left-wrapper-box .fishcat-container .fishcatcase   #no-item {position:relative;}
					.left-wrapper-box .fishcat-container .fishcatcase   #no-item .imgcase img{-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: grayscale(100%);
 filter: url(images/desaturate.svg#greyscale);
 filter: gray;
 -webkit-filter: grayscale(1);
}
					.left-wrapper-box .fishcat-container .fishcatcase .inner-case{background-color:#eee;height:auto;}
					.left-wrapper-box .fishcat-container .fishcatcase .inner-case .imgcase .no-items {text-align:center;padding:10px;border: 1px solid #111;height:20px; width:140px; margin-left:-80px;display:none; position:absolute;top:36%;left:50%;background-color:#fff;}
					.left-wrapper-box .fishcat-container .fishcatcase   #no-item .imgcase .no-items {display:block;}
					.left-wrapper-box .fishcat-container .fishcatcase .inner-case .text-case{font-size:10px;margin:0px;padding:10px;height:50px;}
					.left-wrapper-box .fishcat-container .fishcatcase .inner-case  .text-case p{font-size:10px;margin:0px;padding:4px 0px 4px 0px;}
					.left-wrapper-box .fishcat-container .fishcatcase .inner-case .text-case h3{color:#555; margin:0px; font-weight:normal;font-size:17px; text-align:center;
					text-decoration:none; line-height:40px;
					}
					.left-wrapper-box .fishcat-container .fishcatcase .inner-case .text-case small{ margin:0px; font-weight:normal;font-size:11px; float:right;line-height:20px; }
					.left-wrapper-box .fishcat-container .fishcatcase  .imgcase {}
					.left-wrapper-box .fishcat-container .fishcatcase .imgcase  img{border:0px;
					

					}
					
		.left-wrapper-box .koifish-container{
			width:680px; padding:0px;height:auto;
		}
			.left-wrapper-box .koifish-container .koifishcase {
				background-color:#fff; min-width: 216px;max-width:216px; float:left;margin-right:10px;
				padding:1px;
				margin-bottom:10px;
			}
					.left-wrapper-box .koifish-container .koifishcase .inner-case{background-color:#eee;height:auto;}
					.left-wrapper-box .koifish-container .koifishcase .inner-case .text-case{
						font-size:12px;margin:0px;padding:10px;min-height:50px;font-family: verdana;color: #000;
					}
					.left-wrapper-box .koifish-container .koifishcase .inner-case .text-case p{margin:4px 0px 4px 0px;padding:0px;}
					.left-wrapper-box .koifish-container .koifishcase .inner-case .text-case .tab {width:100px;display:block;float:left;}
					.left-wrapper-box .koifish-container .koifishcase .inner-case .text-case h3{color:#e6371f; margin:0px; font-size:16px;padding:0px;
					text-decoration:none;
					}
		
		
		
		.left-wrapper-box .akoilist .placeholder{
			width:680px; padding:0px;/*height:500px;*/ position:relative;
		}	
		.left-wrapper-box .akoilist .placeholder .ph-info{
			width:400px; position:absolute; margin-left:-200px; left:50%; height:20px; top:50%; margin-top:-20px; padding:10px;text-align:center; background-color:#fff;opacity:1;z-index:2;
			box-shadow: 0px 0px 4px #666;
		}	
			
			.left-wrapper-box .akoilist .placeholder .placeholdercase{
				width:148px; background-color:#FFF; float:left; height:auto; margin-right:8px; padding:8px; 
				border-radius:10px;opacity:0.5;
			}
			.left-wrapper-box .akoilist .placeholder .placeholdercase .inner .imgcase{position:relative;
						width: 148px; height:191px; 
			}
			.left-wrapper-box .akoilist .placeholder .placeholdercase .inner .ph1{height:14px; background-color:#fff;clear:both; }
			.left-wrapper-box .akoilist .placeholder .placeholdercase .inner .ph2{height:18px; background-color:#fff;width:35px; margin-left:50px;float:left; }
			.left-wrapper-box .akoilist .placeholder .placeholdercase .inner .ph3{height:18px; background-color:#fff;width:5px; margin-left:0px;float:right; }
			
			.left-wrapper-box .akoilist .placeholder .placeholdercase .inner .ph4{height:8px; background-color:#fff;clear:both; }
			
			.left-wrapper-box .akoilist .placeholder .placeholdercase .inner .ph5{height:18px; background-color:#fff;width:45px; margin-left:40px;float:left; }
			.left-wrapper-box .akoilist .placeholder .placeholdercase .inner .ph6{height:18px; background-color:#fff;width:5px; margin-left:0px;float:left; }
		
			.left-wrapper-box .akoilist .placeholder .placeholdercase .inner .ph7{height:18px; background-color:#fff;width:25px; margin-left:60px;float:left; }
			.left-wrapper-box .akoilist .placeholder .placeholdercase .inner .ph8{height:13px; background-color:#fff;clear:both; }

		
			.left-wrapper-box .akoilist .placeholder .placeholdercase .inner .imgcase .txt{
					background-color: #fff;
					border-radius: 5px;
					left: 50%;
					margin-left: -50px;
					margin-top: -16px;
					padding: 5px;
					position: absolute;
					top: 50%;height:22px;
					width: 100px; color: #ddd;
					font-weight: 900;
					text-align: center;
			}
		
		.left-wrapper-box .akoilist .placeholder .placeholdercase .inner {animation-duration: 2.8s;
			animation-fill-mode: forwards;
			animation-iteration-count: infinite;
			animation-name: placeHolderAni;
			animation-timing-function: linear;
			/*background: -moz-linear-gradient(left center , #f6f7f8 0%, #edeef1 20%, #f6f7f8 40%, #f6f7f8 100%) no-repeat scroll 0 0 / 182px 240px #f6f7f8;
			/*background: -ms-linear-gradient(left,  #f6f7f8 0%,#edeef1 20%,#f6f7f8 40%, #f6f7f8 100%);
			background: linear-gradient(to right, #f6f7f8 0%,#edeef1 20%,#f6f7f8 40%,#f6f7f8 100%); /* W3C */
			background: #f6f7f8; /* Old browsers */
			background: -moz-linear-gradient(left, #f6f7f8 0%, #edeef1 20%, #f6f7f8 40%, #f6f7f8 100%); /* FF3.6+ */
			background: -webkit-gradient(linear, left top, right top, color-stop(0%,#f6f7f8), color-stop(20%,#edeef1), color-stop(40%,#f6f7f8), color-stop(100%,#f6f7f8)); /* Chrome,Safari4+ */
			background: -webkit-linear-gradient(left, #f6f7f8 0%,#edeef1 20%,#f6f7f8 40%,#f6f7f8 100%); /* Chrome10+,Safari5.1+ */
			background: -o-linear-gradient(left, #f6f7f8 0%,#edeef1 20%,#f6f7f8 40%,#f6f7f8 100%); /* Opera 11.10+ */
			background: -ms-linear-gradient(left, #f6f7f8 0%,#edeef1 20%,#f6f7f8 40%,#f6f7f8 100%); /* IE10+ */
			background: linear-gradient(to right, #f6f7f8 0%,#edeef1 20%,#f6f7f8 40%,#f6f7f8 100%); /* W3C */
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f7f8', endColorstr='#f6f7f8',GradientType=1 ); /* IE6-9 */
			
			height: 288px;width:148px;
		}
		
			.left-wrapper-box .akoilist  .koicase h4{color:#e6371f; margin:10px 0px 4px 0px; overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;font-size: 14px;}
			.left-wrapper-box .akoilist  .koicase p{color:#000; font-size:12px;margin:5px 0px 5px px;}
			.left-wrapper-box .akoilist  .koicase .tab {width:80px;display:block;float:left;}
			
			
			
			.left-wrapper-box .akoilist  .koicase{margin-bottom:20px; }
			.left-wrapper-box .akoilist  .koicase:nth-child(4n){margin-right:0px; }
			.left-wrapper-box  #angebot-slider .akoilist  .koicase{margin-bottom:0px;}
			.left-wrapper-box .akoilist  .koicase{
				width:148px; background-color:#FFF; float:left; height:auto; margin-right:8px; padding:8px;
				border-radius:10px;
			}.left-wrapper-box .akoilist  .empty-koicase{
				width:148px; background-color:#FFF; float:left; height:auto; padding:8px;opacity:0.3;margin-right:8px;
				border-radius:10px;margin-bottom: 0;
			}
					.left-wrapper-box .akoilist  .koicase .imgcase:hover > .view-ico{display:block; cursor:pointer;}
					.left-wrapper-box .akoilist  .koicase .imgcase .view-ico img{border:0px;}
					.left-wrapper-box .akoilist  .koicase .imgcase .view-ico{display:none; position:absolute; width:52px; height:52px; margin-left:-26px; margin-top:-26px; left:50%; top:50%;}
					.left-wrapper-box .akoilist  .koicase .imgcase .sale-bg{background:url('images/red-transparent.png'); position:absolute; padding:3px 15px;  left:0px; top:20px;color:#fff;}
					.left-wrapper-box .akoilist  .koicase .imgcase{position:relative;
						width: 148px; height:191px; background: url('images/fishes/koi/thumb/koi-1.jpg') center center no-repeat;
					}
			


		.left-wrapper-box .fish-page  {margin-top:0px;float:left;padding:0px; margin:0px;line-height:30px;vertical-align:center;color: #222; font-size:13px;}			
		.left-wrapper-box .fish-page  b{font-size:14px;}			
		.left-wrapper-box .fish-pages  {margin-top:0px;float:right;padding:0px; margin:0px;}			
		.left-wrapper-box .fish-pages   #f-pages {padding:0px; margin:0px; }
		.left-wrapper-box .fish-pages  .disabled {padding: 6px 12px;border: 1px solid #ddd;float:left;font-size: 13px;text-decoration:none;color: #aaa; margin-left: -1px;background-color:#fff;
												cursor: not-allowed;
												}
		.left-wrapper-box .fish-pages  ul li .active{cursor: normal;background-color: #333;border-color: #333; color: #fff;}
		.left-wrapper-box .fish-pages  ul li .active:hover{cursor: default;background-color: #333;border-color: #333; color: #fff;}
		.left-wrapper-box .fish-pages  ul{display: block;margin:0px; padding:0px;}
		.left-wrapper-box .fish-pages  ul li{display: inline;box-sizing: border-box;margin:0px;padding:0px;}
		.left-wrapper-box .fish-pages  ul li a{padding: 6px 12px;border: 1px solid #ddd;float:left;font-size: 13px;text-decoration:none;color: #333;margin:0px; margin-left: -1px;background-color:#fff;cursor: pointer;}
		.left-wrapper-box .fish-pages  ul li a:focus{background-color: #333;border-color: #333; color: #fff;}
		.left-wrapper-box .fish-pages  ul li a:hover{background-color: #eeeeee; color: #0d0d0d;}	
					
					
					
					
			
		.left-wrapper-box .figure-list-w {
			width: 680px; padding:0px; height:500px; display:none;
		}
		
			.left-wrapper-box .figure-list-w  .figure-case{
				width: 151px; padding:8px;background-color:#FFF; float:left; margin-right:4px;
			}	
			
		.left-wrapper-box .figure-typ-list {
			width: 680px; padding:0px; height:283px; margin-bottom:20px;
		}
		
			.left-wrapper-box .figure-typ-list  .figure-typ-case.active  .figure-typ-img-case{ }

			.left-wrapper-box .figure-typ-list  .figure-typ-case:hover .figure-typ-img-case{ background-position:top left;cursor:pointer;}
			.left-wrapper-box .figure-typ-list  .figure-typ-case:hover .figure-typ-img-case .ft-text-bg { } 
			.left-wrapper-box .figure-typ-list  .figure-typ-case {
				width: 200px; padding:8px;background-color:#FFF; float:left; margin-right:16px; border-radius:10px;
			}
					.left-wrapper-box .figure-typ-list  .figure-typ-case .ft-text {color:#CCc;text-align:center;color:#e6371f;font-weight:bold;padding:5px;}
					.left-wrapper-box .figure-typ-list  .figure-typ-case .figure-typ-img-case img{border-radius:10px;}
					
					.left-wrapper-box .figure-typ-list  .figure-typ-case .figure-typ-img-case .ft-text-bg{
						background: url('images/figuren/tbg-circle2.png') no-repeat; height:136px; width:136px;
						position:absolute; top:50%; margin-top:-68px; left:50%; margin-left: -68px;display:block;
						text-align:center;font-size:18px;line-height:136px;color:#e6371f;font-weight:normal;
					}
					.left-wrapper-box .figure-typ-list  .figure-typ-case .figure-typ-img-case{
						width:200px; height:267px;
						background-position:top right;
						background-repeat: no-repeat;
						position:relative;
					}
	.main-wrapper .main-right {
	 height:auto;  width:280px;float:left;
	}
			
			/* ########################## Rechtes Menu CSS ############################ */
			.main-right-menu {
			background-color:#fff;border-radius:10px;padding:20px;width:240px;
			}
			.main-right-menu  .ico-menu{background: url('images/menu-icon.png')left center no-repeat;padding-left:25px;}
			.main-right-menu  h3{
				color:#e6371f;margin:0px 0px 20px 0px;font-size:19px;
			}
			
			.main-right-menu nav ul {
				margin:0px;padding:0px;
				
				
			 }
			.main-right-menu nav li {           /* Normalisierung */
				list-style: circle inside url('images/list-arrow.png');
				margin: 0; 
				padding: 0;
				border: 0;
			}

			.main-right-menu nav li {
				margin: 10px 0px 0px 0px; border-radius:10px;
				padding: 10px 20px 10px 20px;
				background-color:#ebebeb;
			  }
			
			.main-right-menu nav li a {text-decoration:none; color:#000;}
			.main-right-menu nav li:hover{background-color:#dadada;}
			.main-right-menu nav li:hover a{ color:#e6371f;}
			.main-right-menu nav .active { color:#e6371f; border:1px solid #e6371f;background-color:#fff;cursor:normal;}	
			.main-right-menu nav .active a{ color:#e6371f;cursor:normal;}	
			.main-right-menu nav .active:hover { color:#e6371f; border:1px solid #e6371f;background-color:#fff;}
			
			/* ####################### Rechte Content Box CSS ############################ */
			.main-right-content-box .ico-anfahrt{background: url('images/anfahrt-icon.png')left center no-repeat;padding-left:25px;}
			.main-right-content-box .ico-contact{background: url('images/contact-icon.png')left center no-repeat;padding-left:25px;}
			.main-right-content-box h3{
				color:#e6371f;margin:0px 0px 20px 0px;font-size:19px;
			}
			.main-right-content-box  p{}
			.main-right-content-box  .spantabu{width:100px;display:block;float:left;}
			.main-right-content-box {
			background-color:#fff;border-radius:10px;padding:20px;width:240px; margin-top:20px;font-size:14px;
			
			}
	
	
	.main-wrapper .main-clear {
		clear:both;
	}
	

	.footer-bg {
		height:481px;
		z-index:10;
		min-height:481px;margin-top:-110px; 
		position:relative; bottom:0px;
		background: url('images/footer-bg.jpg') bottom center no-repeat;
		 width:100%;		
	}
	/*
	.footer-line {
		background-color:#1d0e07; width:100%; height:20px;color:#fff;
	}*/
	
	

#slider {
  position: relative;
  overflow: hidden;
  margin: 0px auto 0 auto;
  border-radius: 4px;
}

#slider ul {
  position: relative;
  margin: 0;
  padding: 0;
  height: 200px;
  list-style: none;
}

#slider ul li {
  position: relative;
  display: block;
  float: left;
  margin: 0;
  padding: 0;
  width: 960px;
  height: 330px;
  background: #ccc;
  text-align: center;
  
}

a.control_prev img, a.control_next img{  border:0px;}
a.control_prev, a.control_next {
  position: absolute;
  top: 30%;
  z-index: 120;
  display: block;
  padding: 4% 3%;
  width: auto;
  height: auto;

  color: #fff;
  text-decoration: none;
  font-weight: 600;
  font-size: 18px;
  opacity: 0.4;
  cursor: pointer;

}

a.control_prev:hover, a.control_next:hover {
  opacity: 1;
  -webkit-transition: all 0.2s ease;
}

a.control_prev {
  border-radius: 0 2px 2px 0;
}

a.control_next {
  right: 0;
  border-radius: 2px 0 0 2px;
}

.slider_option {
  position: relative;
  margin: 10px auto;
  width: 160px;
  font-size: 18px;
}


/**		# # # # # # Wookmark CSS # # # # # #	**/
/**				Japan Steinfiguren				**/
/**---------------------------------------------**/

.figure-list-tiles-container {
	width:680px;  margin:0px;padding:0px;
	position: relative;overflow:hidden;
 

}
#loaderFig  {margin:auto;width:16px; width:100px;padding:5px;border-radius:10px;background-color:#aaa;}
#loaderFig #loaderCircle img {margin:auto;}
#loaderFig #loaderCircle {text-align:center; font-size:10px;padding:5px;border-radius:10px;background-color:#FFF;}
#scrolldown  img {margin:auto;}
#scrolldown {text-align:center; font-size:10px;padding:5px;border-radius:10px;background-color:#FFF;}

#figure-list-tiles {
  list-style-type: none;
  position: relative; /** Needed to ensure items are laid out relative to this container **/
  margin: 0;
  padding: 0;
  

}

/**
 * Grid items
 */

#figure-list-tiles li.fixed-folio-item {
    opacity: 1 !important;
    transform: scale(1) !important;
    visibility: visible !important;

}
#figure-list-tiles li  .ft-tab{width:100px;display:block;float:left;border-right:1px dotted #999;}
#figure-list-tiles li hr{border: none;border-top: 1px dotted #999;background-color: #FFFFFF;height: 0px; margin:10px 0px 10px 0px;}
#figure-list-tiles li  p{  color: #666;margin:10px 0px 10px 0px;
  font-size: 14px;
  line-height: 20px;
  text-align: center;
  font-weight: 200;}
#figure-list-tiles li  .buyinfo{border:1px solid #888; border-radius: 5px;display: inline-block;padding:5px 20px 5px 20px; margin:0px;}
#figure-list-tiles li  .buyinfo:hover{ border:1px solid #e6371f;color:#e6371f;}
  
#figure-list-tiles li {
  width: 200px;
  background-color: #ffffff;
  /*border: 1px solid #dedede;*/
          border-radius: 5px;
     -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  display: none; /** Hide items initially to avoid a flicker effect **/
  /*cursor: pointer;*/
  padding: 8px;
  position:relative;
    transform: scale(0);
    transition: all 0.3s ease-out 0s;
box-shadow: 0px 0px 2px #666;
}

#figure-list-tiles li .fixed-folio-item   .inactive {visibility: hidden;  opacity: 0;display:none;transform: scale(0);}
#figure-list-tiles li .inactive.fixed-folio-item  {visibility: hidden;  opacity: 0;display:none;transform: scale(0);}
#figure-list-tiles li.inactive {
  visibility: hidden;  opacity: 0;display:none;
 
}

#figure-list-tiles li  .hovtext {background-color:#000; position:absolute; height:50px;width:200px; display:none;color:#fff; opacity: 0.6;}
#figure-list-tiles li:hover   .hovtext{display:block;}

#figure-list-tiles li img {
  display: block;
  width:200px;
}
#figure-list-tiles  .disable {display:none;}



#filters {
  list-style-type: none;
  text-align: center;
  margin: 0 5% 0 5%;
}

#filters li {
  font-size: 12px;
  float: left;
  padding: 6px 0 4px 0;
  cursor: pointer;
  margin: 0 1% 0 1%;
  width: 8%;
  -webkit-transition: all 0.15s ease-out;
     -moz-transition: all 0.15s ease-out;
       -o-transition: all 0.15s ease-out;
          transition: all 0.15s ease-out;
  -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
          border-radius: 3px;
}

#filters li:hover {
  background: #4281f5;
  color: #ffffff;
}

#filters li.active {
  background: #4281f5;
  color: #ffffff;
}
#figure-list-tiles li {
  -webkit-transition: all 0.3s ease-out;
     -moz-transition: all 0.3s ease-out;
       -o-transition: all 0.3s ease-out;
          transition: all 0.3s ease-out;
}
.wookmark-placeholder {
          border-radius: 2px;
     -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  background-color: #eee;
  border: 1px solid #dedede;
  z-index: -1;
}
.test {z-index:99999999999; Background-color:#FF0000; width:200px; height:200px;display:block;    transform: scale(1);}









/*     ANGEBOT SLIDER     */
#angebot-slider {
  position: relative;
  /*overflow: hidden;*/
 overflow: hidden;
  margin: 0 auto 0 auto;
	width:680px;
}

#angebot-slider ul {
  position: relative;
  margin: 0;
  padding: 0;

  list-style: none;
}
/* Save
#angebot-slider ul li {
  position: relative;
  display: block;
  float: left;
  margin: 0;
  padding: 0;
  width: 680px;

  text-align: center;

}*/
#angebot-slider ul li {
  position: relative;
  display: block;
  float: left;
  margin: 0;
  padding: 0;


  text-align: center;}

a.angebot-control_prev, a.angebot-control_next {
  position: absolute;
  top: 30%;
  z-index: 999;
  display: block;
  padding: 4% 2% 4% 1%;
  width: auto;
  height: auto;
  background: #eee;
  color: #444;
  text-decoration: none;
  font-weight: 600;
  font-size: 18px;
  opacity: 0.8;
  cursor: pointer;
  text-align:center;
}
a.angebot-control_prev{padding: 4% 1% 4% 2%;}
a.angebot-control_prev:hover, a.angebot-control_next:hover {
  opacity: 1;
  -webkit-transition: all 0.2s ease;
}

a.angebot-control_prev {
  border-radius: 0 2px 2px 0;
}

a.angebot-control_next {
  right: 0;
  border-radius: 2px 0 0 2px;
}

.tpl-1-txtcase {overflow:hidden;}
  .tpl-1-imgcase {float:left;margin:0px;margin-right:20px;}
.tpl-1-imgcase img{}