@media all{
	body{
	font-size:0.95em;
		font-family:Arial;
		line-height:120%;
		margin:0 auto;
		width:100%; 
		color:#575757;
	background: url(http://www.josera-katze.de/fileadmin/templates/verlauf.jpg);
	
	}
	#auswahs {position:relative; float:left; width:31%;margin-left:8px;margin-bottom:1%;}
	p {margin:0; padding:0;}
	#all {max-width:991px; width:100%; margin:0 auto; }
	.textmargin {line-height:140%; float:left; width:95%; position:relative; margin:0.5em;background:none; margin-top:1em; margin-bottom:0.5em;}
	table, th, td, tr {font-size:0.98em; line-height:130%}
	table {width:100%}
	.bodytext {margin:0;padding:0;}
	#page {max-width:991px; width:100%; background:url(http://www.josera-katze.de/fileadmin/templates/img/hint.png); margin:0 auto; margin-bottom:0;  position:relative; float:left; 
	}
	h1 { font-size:18px;margin:0;margin-bottom:1px; color:#e2001a;margin-left:10px;}
	h2 {font-size:12px; font-weight:bold;margin:0px;}
#formulare {margin-left:0%}
	#oben {background:url(http://www.josera-katze.de/fileadmin/templates/img/top.png) top left no-repeat;  width:991px; height:101px; margin-top:9px; position:relative; float:left;}
	#logo {position:absolute; float:right; width:1px; height:1px; z-index:3900;top:1px;}
	#logobild {position:absolute; width:225px; height:150px; top:55px; left:732px; z-index:4000;}
	#logobild img {width:225px;height:auto;}
	.head {font:1.2em Arial, Helvetica, sans-serif; color:#ff0000; font-weight:bold;}
	#head {margin:0; padding:0; position:relative; float:left;}
	#header {margin:0.5%; margin-left:0.6%; position:relative; float:left; top:-37px; z-index:3000; height:140px; width:960px;}
	.trenner {position:relative; float:left; width:1%; text-align:center;}
	.trennob {margin-top:3px;padding-left:4px; padding-right:4px}
	#button-rote {margin-left:10px; margin-top:5px;position:absolute;float:left;z-index:50000;}
#button-rot {width:150px;height:22px;}
#button-rot a {color:#ffc100;}
img {border:0;}
#button-geschaeft { position:absolute;float:left;top:65px; left:1px;z-index:2; width:230px;height:22px;color:#ffc100;border-radius:10px; font-weight:normal;padding-top:4px; text-align:center;background: #f9f0bb; /* Old browsers */

background: -moz-linear-gradient(top,  #f9f0bb 0%, #fccd4d 50%, #f7c23d 51%, #f7e691 100%); /* FF3.6+ */

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9f0bb), color-stop(50%,#fccd4d), color-stop(51%,#f7c23d), color-stop(100%,#f7e691)); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(top,  #f9f0bb 0%,#fccd4d 50%,#f7c23d 51%,#f7e691 100%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(top,  #f9f0bb 0%,#fccd4d 50%,#f7c23d 51%,#f7e691 100%); /* Opera 11.10+ */

background: -ms-linear-gradient(top,  #f9f0bb 0%,#fccd4d 50%,#f7c23d 51%,#f7e691 100%); /* IE10+ */

background: linear-gradient(to bottom,  #f9f0bb 0%,#fccd4d 50%,#f7c23d 51%,#f7e691 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f0bb', endColorstr='#f7e691',GradientType=0 ); /* IE6-9 */


}
#button-geschaeft a {color:#e2001a;}
#button-online { position:absolute;float:left;top:65px; left:250px;z-index:2; width:230px;height:22px;color:#ffc100;border-radius:10px; font-weight:normal;padding-top:4px; text-align:center;background: #f9f0bb; /* Old browsers */

background: -moz-linear-gradient(top,  #f9f0bb 0%, #fccd4d 50%, #f7c23d 51%, #f7e691 100%); /* FF3.6+ */

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9f0bb), color-stop(50%,#fccd4d), color-stop(51%,#f7c23d), color-stop(100%,#f7e691)); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(top,  #f9f0bb 0%,#fccd4d 50%,#f7c23d 51%,#f7e691 100%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(top,  #f9f0bb 0%,#fccd4d 50%,#f7c23d 51%,#f7e691 100%); /* Opera 11.10+ */

background: -ms-linear-gradient(top,  #f9f0bb 0%,#fccd4d 50%,#f7c23d 51%,#f7e691 100%); /* IE10+ */

background: linear-gradient(to bottom,  #f9f0bb 0%,#fccd4d 50%,#f7c23d 51%,#f7e691 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f0bb', endColorstr='#f7e691',GradientType=0 ); /* IE6-9 */


}
#button-online a {color:#e2001a;}

.li {margin:0px; margin-left:25px;padding-left:15px; list-style-image:url(http://www.josera-katze.de/fileadmin/templates/img/li.png); line-height:150%;}
/* Produktbild */
.cloud-zoom-image-small { 	border: 1px solid #fff; 	margin-bottom: 9px; 	margin-left:12px; }
.cload-zoom-image-small img a {border:0;}
.cload-zoom-image img a {border:0;}
.cloud-zoom-gallery { 	padding:0px; 	margin-left:12px; }
.cloud-zoom-normal {border:0;}
.cloud-zoom-normal img {border:0;}
.cloud-zoom-normal img a {border:0;}
.cloud-zoom-gallery  img  { border: 1px solid #ccc;padding:3px; }
.cloud-zoom-lens { 	border: 1px solid #888; 	margin: -4px; /* Set this to minus the border thickness. */ 	background-color: #fff; 	cursor: move; }
.cloud-zoom-title {
	font-family: Arial, Helvetica, sans-serif;
	position: absolute !important;
	background-color: #000;
	color: #fff;
	padding: 3px;
	width: 100%;
	text-align: center;
	font-weight: bold;
	font-size: 10px;
	top: 0px;
}
.cloud-zoom-big { 	border: 1px solid #ccc; 	overflow: hidden; 	margin-left:-1px; 	width:210px; }
.cloud-zoom-loading { 	color: white; 	background: #222; 	padding: 3px; 	border: 1px solid #000; }
#cloud-zoom-big { 	border: 1px solid #ccc; 	overflow: hidden; 	margin-left:-1px; 	width:210px; }
#cloud-zoom-loading { 	color: white; 	background: #222; 	padding: 3px; 	border: 1px solid #000; }
#cloud-zoom-image-small { 	border: 0px solid #ccc; 	margin-bottom: 9px; 	margin-left:12px; }
#cloud-zoom-gallery { 	padding:0px; 	margin-left:12px; }
#cloud-zoom-gallery  img { border: 1px solid #ccc;padding:3px;}
#cloud-zoom-lens { 	border: 1px solid #888; 	margin: -4px; /* Set this to minus the border thickness. */ 	background-color: #fff; 	cursor: move; }
/* ENDE Produktbild */


div.anythingSlider { 	height: 275px; 	list-style: none; 	overflow: hidden; width:100%; border-radius:6px; cursor:pointer; }

.anythingSlider-cs-portfolio .arrow {display: block;position: absolute;bottom: 134px;z-index: 100;}

/* back arrow */
.anythingSlider-cs-portfolio .back { left: 1px; }
.anythingSlider-cs-portfolio .back a { background-position: left top; }
.anythingSlider-cs-portfolio .back a:hover,
.anythingSlider-cs-portfolio .back a.hover { background-position: left -27px; }

/* forward arrow */
.anythingSlider-cs-portfolio .forward { right: 15px; }
.anythingSlider-cs-portfolio .forward a { background-position: -24px top; }
.anythingSlider-cs-portfolio .forward a:hover,
.anythingSlider-cs-portfolio .forward a.hover { background-position: -24px -27px; }
.csc-header {display:none;}
  
#2sp {margin:0; padding:0; width:730px; position:relative; float:right; background:#541254; height:400px;}
.half2 {position:relative; float:right; height:100%; width:77%; background:#fff;line-height:140%;}
 #inhalt {margin:1.5%; margin-top:0px; position:relative; float:right; width:100%;margin-left:0px; line-height:140%; }
#inhalt2 {margin:1.5%; margin-top:0px; position:relative; float:right; width:100%;}
#futterfinder 	{margin:1.5%; margin-top:0px; position:relative; float:right; width:100%;height:auto;box-shadow: 1px 1px 3px 3px #CCC; border-radius:6px;height:200px;}

	#klinke_1  {display:none}
	#klinke_2  {margin:0; margin-top:0px; position:relative; float:left; width:23.6%; margin-right:1.8%; box-shadow: 1px 1px 3px 3px #CCC; border-radius:6px;height:auto; background:#f0f1f3;margin-left:1px;margin-bottom:2%;}
	#klinke_3  {margin:0; margin-top:0px; position:relative; float:left; width:23.68%; margin-right:1.7%; box-shadow: 1px 1px 3px 3px #CCC; border-radius:6px;height:auto; background:#f0f1f3;margin-bottom:2%;}
	#klinke_4 {margin:0; margin-top:0px; position:relative; float:left; width:23.6%; margin-right:1.7%;box-shadow: 1px 1px 3px 3px #CCC; border-radius:6px;height:auto; background:#f0f1f3;margin-bottom:2%;}
	#klinke_5 {margin:0; margin-top:0px; position:relative; float:left; width:23.6%; margin-right:0; box-shadow: 1px 1px 3px 3px #CCC; border-radius:6px;height:auto; background:#f0f1f3;margin-bottom:2%;}

#klinke_2_p  {margin:0; margin-top:0px; position:relative; float:left; width:31.6%; margin-right:1.8%; box-shadow: 1px 1px 3px 3px #CCC; border-radius:6px;height:auto; background:#f0f1f3;margin-left:-4px;margin-bottom:2%;}
	#klinke_3_p  {margin:0; margin-top:0px; position:relative; float:left; width:31.6%; margin-right:1.8%; box-shadow: 1px 1px 3px 3px #CCC; border-radius:6px;height:auto; background:#f0f1f3;margin-bottom:2%;}
	#klinke_4_p {margin:0; margin-top:0px; position:relative; float:left; width:31.65%; margin-right:0%;box-shadow: 1px 1px 3px 3px #CCC; border-radius:6px;height:auto; background:#f0f1f3;margin-bottom:2%;}

	#klinke_1 img {width:100%; height:auto; border-radius:6px;}
	#klinke_2 img {width:100%; height:auto; border-radius:6px;}
	#klinke_3 img {width:100%; height:auto; border-radius:6px;}
	#klinke_4 img {width:100%; height:auto; border-radius:6px;}
	#klinke_5 img {width:100%; height:auto; border-radius:6px;}
	
	#klinke_2_p img {width:100%; height:auto; border-radius:6px;}
	#klinke_3_p img {width:100%; height:auto; border-radius:6px;}
	#klinke_4_p img {width:100%; height:auto; border-radius:6px;}
	
	#klinke_inhalt {width:100%; height:auto;position:relative;float:left; z-index:6000;}
#klinke_futter_text-4er { position:absolute; z-index:7500; font-size:0.9em; color:#454545;top:65px;left:5px;width:240px;height:auto;line-height:120%}
#klinke_futter_text-4er a {color:#454545;}
#klinke_kontakt_text-4er { position:absolute; z-index:7500; font-size:0.9em; color:#454545;top:105px;left:5px;width:240px;height:auto;line-height:120%}
#klinke_kontakt_text-4er a {color:#454545;}
#klinke_suche_text-4er  { position:absolute; z-index:7500; font-size:0.9em; color:#454545;top:105px;left:5px;width:100%;line-height:120%}
#klinke_suche_text-4er a {color:#454545;}


#klinke_futter_text { position:absolute; z-index:7500; font-size:0.95em; color:#454545;top:105px;left:10px;width:240px;height:auto;}
#klinke_futter_text a {color:#454545;}
#klinke_kontakt_text { position:absolute; z-index:7500; font-size:0.95em; color:#454545;top:105px;left:10px;width:240px;height:auto;}
#klinke_suche_text  { position:absolute; z-index:7500; font-size:0.95em; color:#454545;top:105px;left:10px;width:100%}
#klinke_suche_text a {color:#454545;}

#social_facebook {position:absolute; z-index:8500; font-size:0.95em; color:#000;top:50px;left:10px;width:40px;height:40px;}
#social_google {position:absolute; z-index:8500; font-size:0.95em; color:#000;top:50px;left:65px;width:40px;height:40px;}

#social_facebook-4er {position:absolute; z-index:8500; font-size:0.95em; color:#000;top:50px;left:9px;width:30px;height:30px;}
#social_google-4er {position:absolute; z-index:8500; font-size:0.95em; color:#000;top:50px;left:49px;width:30px;height:30px;}
	
	hr {border:0px; border-bottom:1px dotted #aaa;}

	#bread {font:0.9em Arial, Helvetica, sans-serif; margin-top:0.1%; margin-bottom:0.1%; background:#ededed; -moz-border-radius:6px; -webkit-border-radius:6px; -khtml-border-radius:6px; border-radius:6px; behavior:url(border-radius.htc); padding:0.4%; 		 	float:left; position:relative; width:98%; margin:0.5%; margin-left:0.6%;}
	
	#breadcrumb {float:left; position:relative; font-size:0.9em; margin:1%;}
	
	#suche {float:right; position:relative; margin:0; width:219px; height:26px; background:url(http://www.josera-katze.de/fileadmin/templates/img/suchback.png) no-repeat center; padding-left:19px; padding-top:3px; margin-top:2px;margin-bottom:2px;}
	#suche input {border:0;padding-left:1px;}
	.inputsearch {}
	#searchbox {margin-left:5px;}
	.searchbox-button {margin:0px; padding-right:12px;padding-bottom:2px;width:35px;}
	
	.bodytext {line-height:125%; margin:0; font-size:0.9em}
	#linie {height:1%}

#content {margin:1%; background:#ffffff;}
a:link, a:active, a:visited {color:#ff0000;}
a{ text-decoration:none; }

#footer {width:100%; float:left;position:relative; font-size:0.688em; color:#585858; border-top:1px dotted #aaa; margin-bottom:2%;}
#footer2 {background:url(http://www.josera-katze.de/fileadmin/templates/img/last.png); position:relative; float:left; width:100%; margin:0; padding:0;height:98px;}

#navoben {width:100%; float:right; position:relative; z-index:5000; margin:0; color:#fff; font-size:0.9em; text-align:right; display:block;margin-right:-19px;margin-top:0px;margin-bottom:1px;}
/* Navigation Sprachauswahl */
#vertikale-navi {  list-style: none; 	margin: 0; padding: 0; 	font-size: 1.1em; float: right; position: relative;top:5px;}
#vertikale-navi li {float: left; position: relative;}
#vertikale-navi li a { 	float: left; 	display: block; padding: 4px; 	text-decoration: none; color: #fff; margin-right: 0px; }
#vertikale-navi li:hover a, #vertikale-navi li a:hover { background: none; color: #fff;	}
.lang {background:url(http://www.wir-lieben-fiene.de/fileadmin/templates/img/langb.png) no-repeat center right;}
#vertikale-navi ul {display: none;}
#vertikale-navi li:hover ul {display: block;}
#vertikale-navi ul {float: none; position: absolute; list-style: none; margin: 0; padding: 0; top: 1.5em; left: 0; }
#vertikale-navi ul li { 	float: none; clear: none; margin: 0; padding: 0; width: auto; color: #fff; background:#013567; width:120px; text-align:left; border-bottom:1px dotted #FFF; }
#vertikale-navi li:hover ul li a, #vertikale-navi ul li a { 	line-height: 200%; 	display: block; padding: 0 0 0 0; float: none; color: #fff; background: none; }
#vertikale-navi li:hover ul li a:hover,
#vertikale-navi ul li a:hover {background: #30577d; color: #fff; width:120px; }

#sparten {padding-top:3px;width:100%}
#sparten2 {padding-top:5px;width:100%; display:none;}

.lang {background:url(http://www.josera-katze.de/fileadmin/templates/img/langb.png) no-repeat center right;}
#produktbild {width:220px; position:relative; float:left;}
#produktbild-mobile {display:none;} 
#produktbeschreibung {width:100%;max-width:500px; position:relative; float:left;min-height:130px;}
.button_produkt {width:150px;height:25px;margin-right:50px;}

#produkttabs {width:100%; max-width:525px; position:relative; float:right;font-size:0.95em;}
.ui-tabs .ui-tabs-nav li {font-size:0.68em;}
.csc-textpic-text {font-size:1em;width:99%;}

#produktslider {height:282px; background-size:cover; width:740px;}
#slider_start_bild ul {margin-left:28px;}
#slider_start_text {margin-left:25px;margin-top:63px;}
#slider_start  {margin:1.5%; margin-left:2%;margin-top:0.5%;margin-bottom:2%; position:relative; float:right; width:98.6%;box-shadow: 1px 1px 3px 3px #CCC; border-radius:6px;overflow: hidden; cursor:pointer; height:276px; width:740px; background: #ececec; background: -moz-linear-gradient(top,  #ececec 0%, #f6f6f6 53%, #e9e9e9 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ececec), color-stop(53%,#f6f6f6), color-stop(100%,#e9e9e9)); background: -webkit-linear-gradient(top,  #ececec 0%,#f6f6f6 53%,#e9e9e9 100%); background: -o-linear-gradient(top,  #ececec 0%,#f6f6f6 53%,#e9e9e9 100%); background: -ms-linear-gradient(top,  #ececec 0%,#f6f6f6 53%,#e9e9e9 100%); background: linear-gradient(to bottom,  #ececec 0%,#f6f6f6 53%,#e9e9e9 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ececec', endColorstr='#e9e9e9',GradientType=0 ); }
.cloud-zoom-image-small {width:100%;}
.cloud-zoom-normal {width:230px;}
.cloud-zoom-big {width:400px;}

#navimobile {display:none;}
#vertikale-navi2 {display:none;}
#half {font-size:1em;line-height:120%;}
}


@media all and (max-width: 360px) {
	body{
		font:0.75em Arial, Helvetica, sans-serif;
		margin:auto;
		width:100%; 
		color:#575757;
		background:#004164;
	}
	#auswahs {position:relative; float:left; width:95%;margin-left:8px;}
	#navimobile {display:block;background: #4c4c4c; /* Old browsers */

background: -moz-linear-gradient(top,  #4c4c4c 0%, #595959 12%, #666666 25%, #474747 39%, #2c2c2c 50%, #000000 51%, #111111 60%, #2b2b2b 76%, #1c1c1c 91%, #131313 100%); /* FF3.6+ */

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4c4c4c), color-stop(12%,#595959), color-stop(25%,#666666), color-stop(39%,#474747), color-stop(50%,#2c2c2c), color-stop(51%,#000000), color-stop(60%,#111111), color-stop(76%,#2b2b2b), color-stop(91%,#1c1c1c), color-stop(100%,#131313)); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(top,  #4c4c4c 0%,#595959 12%,#666666 25%,#474747 39%,#2c2c2c 50%,#000000 51%,#111111 60%,#2b2b2b 76%,#1c1c1c 91%,#131313 100%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(top,  #4c4c4c 0%,#595959 12%,#666666 25%,#474747 39%,#2c2c2c 50%,#000000 51%,#111111 60%,#2b2b2b 76%,#1c1c1c 91%,#131313 100%); /* Opera 11.10+ */

background: -ms-linear-gradient(top,  #4c4c4c 0%,#595959 12%,#666666 25%,#474747 39%,#2c2c2c 50%,#000000 51%,#111111 60%,#2b2b2b 76%,#1c1c1c 91%,#131313 100%); /* IE10+ */

background: linear-gradient(to bottom,  #4c4c4c 0%,#595959 12%,#666666 25%,#474747 39%,#2c2c2c 50%,#000000 51%,#111111 60%,#2b2b2b 76%,#1c1c1c 91%,#131313 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c4c4c', endColorstr='#131313',GradientType=0 ); /* IE6-9 */
padding-top:3px;
}
	#produktslider {height:114px; background-size:cover;}
		#mobile_logo { width:64px; top:8px; position:fixed; right:20px; z-index:60000}

	#produkttabs {width:100%; max-width:325px; position:relative; float:right;font-size:0.9em;}
	.ui-tabs .ui-tabs-nav { padding: 0px; 	margin:-1px;}
.ui-tabs .ui-tabs-nav li.ui-tabs-active {
	padding-bottom: 0px; padding-right:0px; 	margin:0; 
}
.ui-tabs .ui-tabs-nav li {font-size:10px; width:48%; height:25px; border-radius:3px;}
.csc-textpic-text {font-size:1em;width:99%;}
	
	.button_produkt {width:140px;height:auto;margin-right:20px; margin-bottom:12px;}
#produkt {width:300px;}
	
#produktbild-mobile {display:none;width:70px; position:relative; float:left; margin-bottom:12px;}
	

#klinke_1  {margin:0; margin-top:0px; position:relative; float:left; width:98.5%;margin-bottom:2%; margin-top:2%; margin-right:1%;display:block}
#klinke_2  {margin:0; margin-top:0px; position:relative; float:left; width:98.5%;margin-bottom:2%; margin-top:2%; margin-right:1%;}
#klinke_3  {margin:0; margin-top:0px; position:relative; float:left; width:98.5%;margin-bottom:2%; margin-top:2%; margin-right:1%;}
#klinke_4  {margin:0; margin-top:0px; position:relative; float:left; width:98.5%;margin-bottom:2%; margin-top:2%; margin-right:1%;}
#klinke_5  {margin:0; margin-top:0px; position:relative; float:left; width:98.5%;margin-bottom:2%; margin-top:2%; margin-right:1%;}

#breadcrumb {display:none;}
#footer2 {background:url(http://www.josera-katze.de/fileadmin/templates/img/last-mobile.jpg); position:relative; float:left; width:100%; margin:0; padding:0;height:35px;}
#bread {font:0.875em Arial, Helvetica, sans-serif; margin:0;background:#fff; border-radius:6px; float:left; position:relative; width:99%; }
#mobile {margin-left:5px;}
#sparten {display:none;}
#sparten2 {padding-left:2px;display:block; width:98%; max-width:310px;margin-bottom:10px;}
#navoben {width:99%; float:right; position:relative; z-index:5000; margin:0; color:#fff; font-size:0.75em; text-align:right; display:block;height:29px;}

img, embed, object, video {
  max-width: 100%;
  height: auto;
  width: auto;
}

.csc-header {display:none;}

	
	.cloud-zoom-image-small {width:140px;position:relative; float:left; left:35px;}
	.cloud-zoom-normal {width:1px;position:relative; float:left; height:310px;}
	.cloud-zoom-gallery {float:right; position:relative; width:10px; top:-230px; left:310px;z-index:5000;}
	.cloud-zoom-gallery img {float:right; position:relative;right:35px;}
	.cloud-zoom {width:140px;}
	
	#navimobile {display:block;background: #4c4c4c; /* Old browsers */

background: -moz-linear-gradient(top,  #4c4c4c 0%, #595959 12%, #666666 25%, #474747 39%, #2c2c2c 50%, #000000 51%, #111111 60%, #2b2b2b 76%, #1c1c1c 91%, #131313 100%); /* FF3.6+ */

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4c4c4c), color-stop(12%,#595959), color-stop(25%,#666666), color-stop(39%,#474747), color-stop(50%,#2c2c2c), color-stop(51%,#000000), color-stop(60%,#111111), color-stop(76%,#2b2b2b), color-stop(91%,#1c1c1c), color-stop(100%,#131313)); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(top,  #4c4c4c 0%,#595959 12%,#666666 25%,#474747 39%,#2c2c2c 50%,#000000 51%,#111111 60%,#2b2b2b 76%,#1c1c1c 91%,#131313 100%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(top,  #4c4c4c 0%,#595959 12%,#666666 25%,#474747 39%,#2c2c2c 50%,#000000 51%,#111111 60%,#2b2b2b 76%,#1c1c1c 91%,#131313 100%); /* Opera 11.10+ */

background: -ms-linear-gradient(top,  #4c4c4c 0%,#595959 12%,#666666 25%,#474747 39%,#2c2c2c 50%,#000000 51%,#111111 60%,#2b2b2b 76%,#1c1c1c 91%,#131313 100%); /* IE10+ */

background: linear-gradient(to bottom,  #4c4c4c 0%,#595959 12%,#666666 25%,#474747 39%,#2c2c2c 50%,#000000 51%,#111111 60%,#2b2b2b 76%,#1c1c1c 91%,#131313 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c4c4c', endColorstr='#131313',GradientType=0 ); /* IE6-9 */
padding-top:3px;height:43px;
}
	#vertikale-navi2 {  	list-style: none; 	margin: 0; padding: 0; 	font-size: 1.1em; float: left; position: relative;top:1px;display:block;}
#vertikale-navi2 li {float: left; position: relative;}
#vertikale-navi2 li a { float: left; 	display: block; padding: 4px; 	text-decoration: none; color: #fff; margin-right: 0px; }
#vertikale-navi2 li:hover a, #vertikale-navi2 li a:hover { 	background: none; color: #fff;	 }
#vertikale-navi2 ul {display: none;}
#vertikale-navi2 li:hover ul {display: block;}
#vertikale-navi2 ul { 	float: none; position: absolute; list-style: none; margin: 0; padding: 0; top: 30px; left: 0; z-index:15000;}
#vertikale-navi2 ul li { 	float: none; clear: none; margin: 0; padding: 7px; width: auto; color: #fff; background:#000; width:307px; text-align:left; border-bottom:1px dotted #FFF; z-index:15000; font-size:1.5em;}
#vertikale-navi2 li:hover ul li a, #vertikale-navi2 ul li a { 	line-height: 200%; 	display: block; padding: 0 0 0 0; float: none; color: #fff; background: none;  }
#vertikale-navi2 li:hover ul li a:hover, #vertikale-navi2 ul li a:hover { 	background: #121212; color: #fff; width:307px;  }
#mobilenavi {width:98%; background:#000;border-bottom:1px solid #ccc;}
#navoben {display:none;}


		#suche {float:right; position:relative; margin:0; width:219px; height:26px; background:url(http://www.josera-katze.de/fileadmin/templates/img/suchback.png) no-repeat center; padding-left:19px; padding-top:3px; margin-top:2px;margin-bottom:3px;display:none;}
	
	#suche input {border:0;padding-left:1px;}
	#searchbox {margin-left:5px;}
	
	.inputsearch {}
	.searchbox-button {margin:0px; padding-bottom:2px; width:30px;padding-right:15px;}
	#all { width:100%; margin:0 auto; background:#fff; position:relative; float:left; overflow:hidden;}
	.textmargin {line-height:140%; float:left; width:95%; position:relative; margin:0.5em;background:none; margin-top:1em; margin-bottom:0.5em;}
	table, th, td, tr {font-size:0.6em; line-height:120%}
	table {width:100%}
	.bodytext {margin:0;padding:0;}
	#page { width:100%; background:#fff; margin:0 auto; margin-bottom:0;  position:relative; float:left; 
	}
	#oben {background: #f0efef; /* Old browsers */

background: -moz-linear-gradient(left,  #f0efef 0%, #f5f4f5 53%, #efefed 100%); /* FF3.6+ */

background: -webkit-gradient(linear, left top, right top, color-stop(0%,#f0efef), color-stop(53%,#f5f4f5), color-stop(100%,#efefed)); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(left,  #f0efef 0%,#f5f4f5 53%,#efefed 100%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(left,  #f0efef 0%,#f5f4f5 53%,#efefed 100%); /* Opera 11.10+ */

background: -ms-linear-gradient(left,  #f0efef 0%,#f5f4f5 53%,#efefed 100%); /* IE10+ */

background: linear-gradient(to right,  #f0efef 0%,#f5f4f5 53%,#efefed 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0efef', endColorstr='#efefed',GradientType=1 ); /* IE6-9 */ width:100%; height:70px; margin-top:1px; position:relative; float:left;}

		#logo {position:absolute; float:right; width:1px; height:1px; z-index:3900;top:1px;display:block;}
	#logobild {position:absolute; width:50px; height:auto; top:85px; left:15px; z-index:4000;display:block;}
	#logobild img {width:50px; height:auto;}
	.head {font:1.2em Arial, Helvetica, sans-serif; color:#ff0000; font-weight:bold;}
	#head {margin:0; padding:0; position:relative; float:left;maxwidth:320px;}
	#header {margin:0; position:relative; float:left; top:1px; z-index:3000; height:62px; width:100%;}
	.trenner {position:relative; float:left; width:1%; text-align:center;}

	#half {display:none;}
 
 .half2 {position:relative; float:right; height:100%; width:98%; background:#fff;margin:1%;}
 #inhalt {margin:1.5%; margin-top:0px; position:relative; float:right; width:100%;padding-bottom:5px;}
 #inhalt2 {margin:1.5%; margin-top:0px; position:relative; float:right; width:100%;padding-bottom:5px;}
#futterfinder 	{margin:1.5%; margin-top:0px; position:relative; float:right; width:100%;height:82px;}
#slider_start {display:none;}

#mobile-product {width:31.5%; height:auto; font-size:0.9em; position:relative; float:left; text-align:center;}
#mobile-product img {width:98%;}
#klinke_inhalt {width:100%; height:auto;position:relative;float:left; z-index:6000;}
#klinke_futter_text { position:absolute; z-index:7500; font-size:1.2em; color:#454545;top:135px;left:15px;width:240px;height:auto;}
#klinke_futter_text a {color:#454545;}
#klinke_kontakt_text { position:absolute; z-index:7500; font-size:1.2em; color:#454545;top:135px;left:15px;width:240px;height:auto;}
#klinke_suche_text  { position:absolute; z-index:7500; font-size:1.2em; color:#454545;top:135px;left:15px;width:100%}
#klinke_suche_text a {color:#454545;}

#klinke_futter_text-4er { position:absolute; z-index:7500; font-size:1.7em; color:#454545;top:115px;left:13px;width:240px;height:auto;}
#klinke_futter_text-4er a {color:#454545;}
#klinke_kontakt_text-4er { position:absolute; z-index:7500; font-size:1.7em; color:#454545;top:165px;left:13px;width:240px;height:auto;}
#klinke_kontakt_text-4er a {color:#454545;}
#klinke_suche_text-4er  { position:absolute; z-index:7500; font-size:1.7em; color:#454545;top:145px;left:13px;width:100%}
#klinke_suche_text-4er a {color:#454545;}

#social_facebook {position:absolute; z-index:8500; font-size:0.95em; color:#000;top:62px;left:10px;width:48px;height:48px;}
#social_google {position:absolute; z-index:8500; font-size:0.95em; color:#000;top:62px;left:80px;width:48px;height:48px;}

#social_facebook-4er {position:absolute; z-index:8500; font-size:0.95em; color:#000;top:95px;left:15px;width:48px;height:48px;}
#social_google-4er {position:absolute; z-index:8500; font-size:0.95em; color:#000;top:95px;left:75px;width:48px;height:48px;}

#button-geschaeft { position:absolute;float:left;top:70px; left:1px;z-index:2; width:220px;height:22px;color:#ffc100;border-radius:10px; font-weight:normal;padding-top:4px; text-align:center;background: #f9f0bb; /* Old browsers */

background: -moz-linear-gradient(top,  #f9f0bb 0%, #fccd4d 50%, #f7c23d 51%, #f7e691 100%); /* FF3.6+ */

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9f0bb), color-stop(50%,#fccd4d), color-stop(51%,#f7c23d), color-stop(100%,#f7e691)); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(top,  #f9f0bb 0%,#fccd4d 50%,#f7c23d 51%,#f7e691 100%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(top,  #f9f0bb 0%,#fccd4d 50%,#f7c23d 51%,#f7e691 100%); /* Opera 11.10+ */

background: -ms-linear-gradient(top,  #f9f0bb 0%,#fccd4d 50%,#f7c23d 51%,#f7e691 100%); /* IE10+ */

background: linear-gradient(to bottom,  #f9f0bb 0%,#fccd4d 50%,#f7c23d 51%,#f7e691 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f0bb', endColorstr='#f7e691',GradientType=0 ); /* IE6-9 */


}
#button-geschaeft a {color:#e2001a;}
#button-online { position:absolute;float:left;top:110px; left:1px;z-index:2; width:220px;height:22px;color:#ffc100;border-radius:10px; font-weight:normal;padding-top:4px; text-align:center;background: #f9f0bb; /* Old browsers */

background: -moz-linear-gradient(top,  #f9f0bb 0%, #fccd4d 50%, #f7c23d 51%, #f7e691 100%); /* FF3.6+ */

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9f0bb), color-stop(50%,#fccd4d), color-stop(51%,#f7c23d), color-stop(100%,#f7e691)); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(top,  #f9f0bb 0%,#fccd4d 50%,#f7c23d 51%,#f7e691 100%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(top,  #f9f0bb 0%,#fccd4d 50%,#f7c23d 51%,#f7e691 100%); /* Opera 11.10+ */

background: -ms-linear-gradient(top,  #f9f0bb 0%,#fccd4d 50%,#f7c23d 51%,#f7e691 100%); /* IE10+ */

background: linear-gradient(to bottom,  #f9f0bb 0%,#fccd4d 50%,#f7c23d 51%,#f7e691 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f0bb', endColorstr='#f7e691',GradientType=0 ); /* IE6-9 */


}
#button-online a {color:#e2001a;}
#produktbeschreibung {width:100%; position:relative; float:left;min-height:148px;}
}
@media all and (max-width: 599px) and (min-width: 360px) {
	body{
		font:0.8em Arial, Helvetica, sans-serif;
		margin:auto;
		width:100%; 
		color:#575757;
		background:#004164;
	}
	#auswahs {position:relative; float:left; width:95%;margin-left:8px;font-size:11px;}
	#produktslider {height:114px; background-size:cover;}
		#mobile_logo { width:64px; top:8px; position:fixed; right:20px; z-index:60000}

	#produkttabs {width:100%; max-width:325px; position:relative; float:right;font-size:0.9em;}
	.ui-tabs .ui-tabs-nav { padding: 0px; 	margin:-1px;}
.ui-tabs .ui-tabs-nav li.ui-tabs-active {
	padding-bottom: 0px; padding-right:0px; 	margin:0; 
}
.ui-tabs .ui-tabs-nav li {font-size:10px; width:48%; height:25px; border-radius:3px;}
.csc-textpic-text {font-size:1em;width:99%;}
	
	.button_produkt {width:140px;height:auto;margin-right:20px; margin-bottom:12px;}
#produkt {width:300px;}
	.half2 {font-size:0.6em;}
#produktbild-mobile {display:none;width:70px; position:relative; float:left; margin-bottom:12px;}
	

#klinke_1  {margin:0; margin-top:0px; position:relative; float:left; width:98.5%;margin-bottom:2%; margin-top:2%; margin-right:1%;display:block}
#klinke_2  {margin:0; margin-top:0px; position:relative; float:left; width:47.5%;margin-bottom:2%; margin-top:2%; margin-right:2%;}
#klinke_3  {margin:0; margin-top:0px; position:relative; float:left; width:47.5%;margin-bottom:2%; margin-top:2%; margin-right:1%;}
#klinke_4  {margin:0; margin-top:0px; position:relative; float:left; width:47.5%;margin-bottom:2%; margin-top:2%; margin-right:2%;}
#klinke_5  {margin:0; margin-top:0px; position:relative; float:left; width:47.5%;margin-bottom:2%; margin-top:2%; margin-right:1%;}


#breadcrumb {display:none;}
#footer2 {background:url(http://www.josera-katze.de/fileadmin/templates/img/last-mobile-quer.jpg); position:relative; float:left; width:100%; margin:0; padding:0;height:48px;}
#bread {font:0.875em Arial, Helvetica, sans-serif; margin:0;background:#fff; border-radius:6px; float:left; position:relative; width:99%; }
#mobile {margin-left:5px;}
#sparten {display:none;}
#sparten2 {padding-left:5%; display:block;}
#footer {width:100%; float:left;position:relative; font-size:0.5em; color:#585858; border-top:1px dotted #aaa; margin-bottom:2%;}
#navoben {width:99%; float:right; position:relative; z-index:5000; margin:0; color:#fff; font-size:0.75em; text-align:right; display:block;height:29px; display:none;}
jfmulticontent {width:480px; height:150px;}


#slider_start  {display:none;}
.csc-header {display:none;}

img, embed, object, video {
  max-width: 100%;
  height: auto;
  width: auto;
}

.csc-header {display:none;}

	
	.cloud-zoom-image-small {width:140px;position:relative; float:left; left:35px;}
	.cloud-zoom-normal {width:1px;position:relative; float:left; height:310px;}
	.cloud-zoom-gallery {float:right; position:relative; width:10px; top:-230px; left:310px;z-index:5000;}
	.cloud-zoom-gallery img {float:right; position:relative;right:35px;}
	.cloud-zoom {width:140px;}
	
	#navimobile {display:block;background: #4c4c4c; /* Old browsers */

background: -moz-linear-gradient(top,  #4c4c4c 0%, #595959 12%, #666666 25%, #474747 39%, #2c2c2c 50%, #000000 51%, #111111 60%, #2b2b2b 76%, #1c1c1c 91%, #131313 100%); /* FF3.6+ */

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4c4c4c), color-stop(12%,#595959), color-stop(25%,#666666), color-stop(39%,#474747), color-stop(50%,#2c2c2c), color-stop(51%,#000000), color-stop(60%,#111111), color-stop(76%,#2b2b2b), color-stop(91%,#1c1c1c), color-stop(100%,#131313)); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(top,  #4c4c4c 0%,#595959 12%,#666666 25%,#474747 39%,#2c2c2c 50%,#000000 51%,#111111 60%,#2b2b2b 76%,#1c1c1c 91%,#131313 100%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(top,  #4c4c4c 0%,#595959 12%,#666666 25%,#474747 39%,#2c2c2c 50%,#000000 51%,#111111 60%,#2b2b2b 76%,#1c1c1c 91%,#131313 100%); /* Opera 11.10+ */

background: -ms-linear-gradient(top,  #4c4c4c 0%,#595959 12%,#666666 25%,#474747 39%,#2c2c2c 50%,#000000 51%,#111111 60%,#2b2b2b 76%,#1c1c1c 91%,#131313 100%); /* IE10+ */

background: linear-gradient(to bottom,  #4c4c4c 0%,#595959 12%,#666666 25%,#474747 39%,#2c2c2c 50%,#000000 51%,#111111 60%,#2b2b2b 76%,#1c1c1c 91%,#131313 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c4c4c', endColorstr='#131313',GradientType=0 ); /* IE6-9 */
padding-top:3px;height:45px;z-index:20000;
}
	#vertikale-navi2 {  	list-style: none; 	margin: 0; padding: 0; 	font-size: 1.1em; float: left; position: relative;top:1px;display:block;}
#vertikale-navi2 li {float: left; position: relative;}
#vertikale-navi2 li a { float: left; 	display: block; padding: 4px; 	text-decoration: none; color: #fff; margin-right: 0px; }
#vertikale-navi2 li:hover a, #vertikale-navi2 li a:hover { 	background: none; color: #fff;	 }
#vertikale-navi2 ul {display: none;}
#vertikale-navi2 li:hover ul {display: block;}
#vertikale-navi2 ul { 	float: none; position: absolute; list-style: none; margin: 0; padding: 0; top: 30px; left: 0; z-index:15000;}
#vertikale-navi2 ul li { 	float: none; clear: none; margin: 0; padding: 7px; width: auto; color: #fff; background:#000; width:100%;min-width:400px;  text-align:left; border-bottom:1px dotted #FFF; z-index:15000; font-size:1.5em;}
#vertikale-navi2 li:hover ul li a, #vertikale-navi2 ul li a { 	line-height: 200%; 	display: block; padding: 0 0 0 0; float: none; color: #fff; background: none;  }
#vertikale-navi2 li:hover ul li a:hover, #vertikale-navi2 ul li a:hover { 	background: #121212; color: #fff; width:100%; min-width:400px;  }
#mobilenavi {width:98%; background:#000;border-bottom:1px solid #ccc;}
#navoben {display:none;}


		#suche {float:right; position:relative; margin:0; width:219px; height:26px; background:url(http://www.josera-katze.de/fileadmin/templates/img/suchback.png) no-repeat center; padding-left:19px; padding-top:3px; margin-top:2px;margin-bottom:3px;display:none;}
	
	#suche input {border:0;padding-left:1px;}
	#searchbox {margin-left:5px;}
	
	.inputsearch {}
	.searchbox-button {margin:0px; padding-bottom:2px; width:30px;padding-right:15px;}
	#all { width:100%; margin:0 auto; background:#fff; position:relative; float:left; overflow:hidden;}
	.textmargin {line-height:140%; float:left; width:95%; position:relative; margin:0.5em;background:none; margin-top:1em; margin-bottom:0.5em;}
	table, th, td, tr {font-size:0.6em; line-height:120%}
	table {width:100%}
	.bodytext {margin:0;padding:0;}
	#page { width:100%; background:#fff; margin:0 auto; margin-bottom:0;  position:relative; float:left; 
	}
	#oben {background: #f0efef; /* Old browsers */

background: -moz-linear-gradient(left,  #f0efef 0%, #f5f4f5 53%, #efefed 100%); /* FF3.6+ */

background: -webkit-gradient(linear, left top, right top, color-stop(0%,#f0efef), color-stop(53%,#f5f4f5), color-stop(100%,#efefed)); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(left,  #f0efef 0%,#f5f4f5 53%,#efefed 100%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(left,  #f0efef 0%,#f5f4f5 53%,#efefed 100%); /* Opera 11.10+ */

background: -ms-linear-gradient(left,  #f0efef 0%,#f5f4f5 53%,#efefed 100%); /* IE10+ */

background: linear-gradient(to right,  #f0efef 0%,#f5f4f5 53%,#efefed 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0efef', endColorstr='#efefed',GradientType=1 ); /* IE6-9 */ width:100%; height:78px; margin-top:-1px; position:relative; float:left;}

	#logo {position:absolute; float:right; width:1px; height:1px; z-index:3900;top:1px;display:block;}
	#logobild {position:absolute; width:50px; height:auto; top:95px; left:15px; z-index:4000;display:block;}
	#logobild img {width:50px; height:auto;}
	.head {font:1.2em Arial, Helvetica, sans-serif; color:#ff0000; font-weight:bold;}
	#head {margin:0; padding:0; position:relative; float:left;}
	#header {margin:0; position:relative; float:left; top:1px; z-index:3000; height:auto;width:99.7%;}
	.trenner {position:relative; float:left; width:1%; text-align:center;}

	#half {display:none;}
 
 .half2 {position:relative; float:right; height:100%; width:98%; background:#fff;margin:1%;}
 #inhalt {margin:1.5%; margin-top:0px; position:relative; float:right; width:100%;padding-bottom:5px;}
 #inhalt2 {margin:1.5%; margin-top:0px; position:relative; float:right; width:100%;padding-bottom:5px;}
#futterfinder 	{margin:1.5%; margin-top:0px; position:relative; float:right; width:100%;height:82px;}
#slider_start {display:none;}

#mobile-product {width:23.5%; height:auto; font-size:0.9em; position:relative; float:left; text-align:center;}
#mobile-product img {width:98%;}
#klinke_inhalt {width:100%; height:auto;position:relative;float:left; z-index:6000;}
#klinke_futter_text { position:absolute; z-index:7500; font-size:1.2em; color:#454545;top:135px;left:15px;width:240px;height:auto;}
#klinke_futter_text a {color:#454545;}
#klinke_kontakt_text { position:absolute; z-index:7500; font-size:1.2em; color:#454545;top:135px;left:15px;width:240px;height:auto;}
#klinke_suche_text  { position:absolute; z-index:7500; font-size:1.2em; color:#454545;top:135px;left:15px;width:100%}
#klinke_suche_text a {color:#454545;}

#klinke_futter_text-4er { position:absolute; z-index:7500; font-size:1.7em; color:#454545;top:82px;left:13px;width:240px;height:auto;}
#klinke_futter_text-4er a {color:#454545;}
#klinke_kontakt_text-4er { position:absolute; z-index:7500; font-size:1.7em; color:#454545;top:120px;left:13px;width:240px;height:auto;}
#klinke_kontakt_text-4er a {color:#454545;}
#klinke_suche_text-4er  { position:absolute; z-index:7500; font-size:1.7em; color:#454545;top:120px;left:13px;width:100%}
#klinke_suche_text-4er a {color:#454545;}

#social_facebook {position:absolute; z-index:8500; font-size:0.95em; color:#000;top:62px;left:10px;width:48px;height:48px;}
#social_google {position:absolute; z-index:8500; font-size:0.95em; color:#000;top:62px;left:80px;width:48px;height:48px;}

#social_facebook-4er {position:absolute; z-index:8500; font-size:0.95em; color:#000;top:58px;left:12px;width:48px;height:48px;}
#social_google-4er {position:absolute; z-index:8500; font-size:0.95em; color:#000;top:58px;left:75px;width:48px;height:48px;}

#button-geschaeft { position:absolute;float:left;top:70px; left:1px;z-index:2; width:220px;height:22px;color:#ffc100;border-radius:10px; font-weight:normal;padding-top:4px; text-align:center;background: #f9f0bb; /* Old browsers */

background: -moz-linear-gradient(top,  #f9f0bb 0%, #fccd4d 50%, #f7c23d 51%, #f7e691 100%); /* FF3.6+ */

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9f0bb), color-stop(50%,#fccd4d), color-stop(51%,#f7c23d), color-stop(100%,#f7e691)); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(top,  #f9f0bb 0%,#fccd4d 50%,#f7c23d 51%,#f7e691 100%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(top,  #f9f0bb 0%,#fccd4d 50%,#f7c23d 51%,#f7e691 100%); /* Opera 11.10+ */

background: -ms-linear-gradient(top,  #f9f0bb 0%,#fccd4d 50%,#f7c23d 51%,#f7e691 100%); /* IE10+ */

background: linear-gradient(to bottom,  #f9f0bb 0%,#fccd4d 50%,#f7c23d 51%,#f7e691 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f0bb', endColorstr='#f7e691',GradientType=0 ); /* IE6-9 */


}
#button-geschaeft a {color:#e2001a;}
#button-online { position:absolute;float:left;top:110px; left:1px;z-index:2; width:220px;height:22px;color:#ffc100;border-radius:10px; font-weight:normal;padding-top:4px; text-align:center;background: #f9f0bb; /* Old browsers */

background: -moz-linear-gradient(top,  #f9f0bb 0%, #fccd4d 50%, #f7c23d 51%, #f7e691 100%); /* FF3.6+ */

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9f0bb), color-stop(50%,#fccd4d), color-stop(51%,#f7c23d), color-stop(100%,#f7e691)); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(top,  #f9f0bb 0%,#fccd4d 50%,#f7c23d 51%,#f7e691 100%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(top,  #f9f0bb 0%,#fccd4d 50%,#f7c23d 51%,#f7e691 100%); /* Opera 11.10+ */

background: -ms-linear-gradient(top,  #f9f0bb 0%,#fccd4d 50%,#f7c23d 51%,#f7e691 100%); /* IE10+ */

background: linear-gradient(to bottom,  #f9f0bb 0%,#fccd4d 50%,#f7c23d 51%,#f7e691 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f0bb', endColorstr='#f7e691',GradientType=0 ); /* IE6-9 */


}
#button-online a {color:#e2001a;}
#produktbeschreibung {width:100%; position:relative; float:left;min-height:148px;}
}


@media all and (max-width: 719px) and (min-width: 600px) {
	body{
		font:0.8em Arial, Helvetica, sans-serif;
		margin:auto;
		width:100%; 
		color:#575757;
		background:#004164;
	}
	#auswahs {position:relative; float:left; width:31%;margin-left:8px;}
	#produktslider {height:114px; background-size:cover;}
		#mobile_logo { width:64px; top:8px; position:fixed; right:20px; z-index:60000}

	#produkttabs {width:100%; max-width:325px; position:relative; float:right;font-size:0.9em;}
	.ui-tabs .ui-tabs-nav { padding: 0px; 	margin:-1px;}
.ui-tabs .ui-tabs-nav li.ui-tabs-active {
	padding-bottom: 0px; padding-right:0px; 	margin:0; 
}
.ui-tabs .ui-tabs-nav li {font-size:10px; width:48%; height:25px; border-radius:3px;}
.csc-textpic-text {font-size:1em;width:99%;}
	
	.button_produkt {width:140px;height:auto;margin-right:20px; margin-bottom:12px;}
#produkt {width:300px;}
	.half2 {font-size:1em;}
#produktbild-mobile {display:none;width:70px; position:relative; float:left; margin-bottom:12px;}
	

#klinke_1  {margin:0; margin-top:0px; position:relative; float:left; width:98.5%;margin-bottom:2%; margin-top:2%; margin-right:1%;display:block}
#klinke_2  {margin:0; margin-top:0px; position:relative; float:left; width:47.5%;margin-bottom:2%; margin-top:2%; margin-right:2%;}
#klinke_3  {margin:0; margin-top:0px; position:relative; float:left; width:47.5%;margin-bottom:2%; margin-top:2%; margin-right:1%;}
#klinke_4  {margin:0; margin-top:0px; position:relative; float:left; width:47.5%;margin-bottom:2%; margin-top:2%; margin-right:2%;}
#klinke_5  {margin:0; margin-top:0px; position:relative; float:left; width:47.5%;margin-bottom:2%; margin-top:2%; margin-right:1%;}


#breadcrumb {display:none;}
#footer2 {background:url(http://www.josera-katze.de/fileadmin/templates/img/last-mobile-685.jpg); position:relative; float:left; width:100%; margin:0; padding:0;height:48px;}
#bread {font:0.875em Arial, Helvetica, sans-serif; margin:0;background:#fff; border-radius:6px; float:left; position:relative; width:99%; }
#mobile {margin-left:5px;}
#sparten {display:none;}
#sparten2 {padding-left:5%; display:block;}
#footer {width:100%; float:left;position:relative; font-size:0.5em; color:#585858; border-top:1px dotted #aaa; margin-bottom:2%;}
#navoben {width:99%; float:right; position:relative; z-index:5000; margin:0; color:#fff; font-size:0.75em; text-align:right; display:block;height:29px; display:none;}
jfmulticontent {width:480px; height:150px;}


#slider_start  {display:none;}
.csc-header {display:none;}

img, embed, object, video {
  max-width: 100%;
  height: auto;
  width: auto;
}

.csc-header {display:none;}

	
	.cloud-zoom-image-small {width:140px;position:relative; float:left; left:35px;}
	.cloud-zoom-normal {width:1px;position:relative; float:left; height:310px;}
	.cloud-zoom-gallery {float:right; position:relative; width:10px; top:-230px; left:310px;z-index:5000;}
	.cloud-zoom-gallery img {float:right; position:relative;right:35px;}
	.cloud-zoom {width:140px;}
	
	#navimobile {display:block;background: #4c4c4c; /* Old browsers */

background: -moz-linear-gradient(top,  #4c4c4c 0%, #595959 12%, #666666 25%, #474747 39%, #2c2c2c 50%, #000000 51%, #111111 60%, #2b2b2b 76%, #1c1c1c 91%, #131313 100%); /* FF3.6+ */

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4c4c4c), color-stop(12%,#595959), color-stop(25%,#666666), color-stop(39%,#474747), color-stop(50%,#2c2c2c), color-stop(51%,#000000), color-stop(60%,#111111), color-stop(76%,#2b2b2b), color-stop(91%,#1c1c1c), color-stop(100%,#131313)); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(top,  #4c4c4c 0%,#595959 12%,#666666 25%,#474747 39%,#2c2c2c 50%,#000000 51%,#111111 60%,#2b2b2b 76%,#1c1c1c 91%,#131313 100%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(top,  #4c4c4c 0%,#595959 12%,#666666 25%,#474747 39%,#2c2c2c 50%,#000000 51%,#111111 60%,#2b2b2b 76%,#1c1c1c 91%,#131313 100%); /* Opera 11.10+ */

background: -ms-linear-gradient(top,  #4c4c4c 0%,#595959 12%,#666666 25%,#474747 39%,#2c2c2c 50%,#000000 51%,#111111 60%,#2b2b2b 76%,#1c1c1c 91%,#131313 100%); /* IE10+ */

background: linear-gradient(to bottom,  #4c4c4c 0%,#595959 12%,#666666 25%,#474747 39%,#2c2c2c 50%,#000000 51%,#111111 60%,#2b2b2b 76%,#1c1c1c 91%,#131313 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c4c4c', endColorstr='#131313',GradientType=0 ); /* IE6-9 */
padding-top:3px;height:45px;z-index:20000;
}
	#vertikale-navi2 {  	list-style: none; 	margin: 0; padding: 0; 	font-size: 1.1em; float: left; position: relative;top:1px;display:block;}
#vertikale-navi2 li {float: left; position: relative;}
#vertikale-navi2 li a { float: left; 	display: block; padding: 4px; 	text-decoration: none; color: #fff; margin-right: 0px; }
#vertikale-navi2 li:hover a, #vertikale-navi2 li a:hover { 	background: none; color: #fff;	 }
#vertikale-navi2 ul {display: none;}
#vertikale-navi2 li:hover ul {display: block;}
#vertikale-navi2 ul { 	float: none; position: absolute; list-style: none; margin: 0; padding: 0; top: 30px; left: 0; z-index:15000;}
#vertikale-navi2 ul li { 	float: none; clear: none; margin: 0; padding: 7px; width: auto; color: #fff; background:#000; width:100%;min-width:400px;  text-align:left; border-bottom:1px dotted #FFF; z-index:15000; font-size:1.5em;}
#vertikale-navi2 li:hover ul li a, #vertikale-navi2 ul li a { 	line-height: 200%; 	display: block; padding: 0 0 0 0; float: none; color: #fff; background: none;  }
#vertikale-navi2 li:hover ul li a:hover, #vertikale-navi2 ul li a:hover { 	background: #121212; color: #fff; width:100%; min-width:400px;  }
#mobilenavi {width:98%; background:#000;border-bottom:1px solid #ccc;}
#navoben {display:none;}


		#suche {float:right; position:relative; margin:0; width:219px; height:26px; background:url(http://www.josera-katze.de/fileadmin/templates/img/suchback.png) no-repeat center; padding-left:19px; padding-top:3px; margin-top:2px;margin-bottom:3px;display:none;}
	
	#suche input {border:0;padding-left:1px;}
	#searchbox {margin-left:5px;}
	
	.inputsearch {}
	.searchbox-button {margin:0px; padding-bottom:2px; width:30px;padding-right:15px;}
	#all { width:100%; margin:0 auto; background:#fff; position:relative; float:left; overflow:hidden;}
	.textmargin {line-height:140%; float:left; width:95%; position:relative; margin:0.5em;background:none; margin-top:1em; margin-bottom:0.5em;}
	table, th, td, tr {font-size:0.6em; line-height:120%}
	table {width:100%}
	.bodytext {margin:0;padding:0;}
	#page { width:100%; background:#fff; margin:0 auto; margin-bottom:0;  position:relative; float:left; 
	}
	#oben {background: #f0efef; /* Old browsers */

background: -moz-linear-gradient(left,  #f0efef 0%, #f5f4f5 53%, #efefed 100%); /* FF3.6+ */

background: -webkit-gradient(linear, left top, right top, color-stop(0%,#f0efef), color-stop(53%,#f5f4f5), color-stop(100%,#efefed)); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(left,  #f0efef 0%,#f5f4f5 53%,#efefed 100%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(left,  #f0efef 0%,#f5f4f5 53%,#efefed 100%); /* Opera 11.10+ */

background: -ms-linear-gradient(left,  #f0efef 0%,#f5f4f5 53%,#efefed 100%); /* IE10+ */

background: linear-gradient(to right,  #f0efef 0%,#f5f4f5 53%,#efefed 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0efef', endColorstr='#efefed',GradientType=1 ); /* IE6-9 */ width:100%; height:110px; margin-top:-1px; position:relative; float:left;}

	#logo {position:absolute; float:right; width:1px; height:1px; z-index:3900;top:1px;display:block;}
	#logobild {position:absolute; width:50px; height:auto; top:125px; left:15px; z-index:4000;display:block;}
	#logobild img {width:65px; height:auto;}
	.head {font:1.2em Arial, Helvetica, sans-serif; color:#ff0000; font-weight:bold;}
	#head {margin:0; padding:0; position:relative; float:left;}
	#header {margin:0; position:relative; float:left; top:1px; z-index:3000; height:auto;width:99.7%;}
	.trenner {position:relative; float:left; width:1%; text-align:center;}

	#half {display:none;}
 
 .half2 {position:relative; float:right; height:100%; width:98%; background:#fff;margin:1%;}
 #inhalt {margin:1.5%; margin-top:0px; position:relative; float:right; width:100%;padding-bottom:5px;}
 #inhalt2 {margin:1.5%; margin-top:0px; position:relative; float:right; width:100%;padding-bottom:5px;}
#futterfinder 	{margin:1.5%; margin-top:0px; position:relative; float:right; width:100%;height:82px;}
#slider_start {display:none;}

#mobile-product {width:23.5%; height:auto; font-size:0.9em; position:relative; float:left; text-align:center;}
#mobile-product img {width:98%;}
#klinke_inhalt {width:100%; height:auto;position:relative;float:left; z-index:6000;}
#klinke_futter_text { position:absolute; z-index:7500; font-size:1em; color:#454545;top:135px;left:15px;width:240px;height:auto;}
#klinke_futter_text a {color:#454545;}
#klinke_kontakt_text { position:absolute; z-index:7500; font-size:1em; color:#454545;top:135px;left:15px;width:240px;height:auto;}
#klinke_suche_text  { position:absolute; z-index:7500; font-size:1em; color:#454545;top:135px;left:15px;width:100%}
#klinke_suche_text a {color:#454545;}

#klinke_futter_text-4er { position:absolute; z-index:7500; font-size:1.4em; color:#454545;top:115px;left:13px;width:240px;height:auto;}
#klinke_futter_text-4er a {color:#454545;}
#klinke_kontakt_text-4er { position:absolute; z-index:7500; font-size:1.4em; color:#454545;top:150px;left:13px;width:240px;height:auto;}
#klinke_kontakt_text-4er a {color:#454545;}
#klinke_suche_text-4er  { position:absolute; z-index:7500; font-size:1.4em; color:#454545;top:150px;left:13px;width:100%}
#klinke_suche_text-4er a {color:#454545;}

#social_facebook {position:absolute; z-index:8500; font-size:0.95em; color:#000;top:62px;left:10px;width:48px;height:48px;}
#social_google {position:absolute; z-index:8500; font-size:0.95em; color:#000;top:62px;left:80px;width:48px;height:48px;}

#social_facebook-4er {position:absolute; z-index:8500; font-size:0.95em; color:#000;top:77px;left:12px;width:48px;height:48px;}
#social_google-4er {position:absolute; z-index:8500; font-size:0.95em; color:#000;top:77px;left:75px;width:48px;height:48px;}

#button-geschaeft { position:absolute;float:left;top:70px; left:1px;z-index:2; width:220px;height:22px;color:#ffc100;border-radius:10px; font-weight:normal;padding-top:4px; text-align:center;background: #f9f0bb; /* Old browsers */

background: -moz-linear-gradient(top,  #f9f0bb 0%, #fccd4d 50%, #f7c23d 51%, #f7e691 100%); /* FF3.6+ */

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9f0bb), color-stop(50%,#fccd4d), color-stop(51%,#f7c23d), color-stop(100%,#f7e691)); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(top,  #f9f0bb 0%,#fccd4d 50%,#f7c23d 51%,#f7e691 100%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(top,  #f9f0bb 0%,#fccd4d 50%,#f7c23d 51%,#f7e691 100%); /* Opera 11.10+ */

background: -ms-linear-gradient(top,  #f9f0bb 0%,#fccd4d 50%,#f7c23d 51%,#f7e691 100%); /* IE10+ */

background: linear-gradient(to bottom,  #f9f0bb 0%,#fccd4d 50%,#f7c23d 51%,#f7e691 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f0bb', endColorstr='#f7e691',GradientType=0 ); /* IE6-9 */


}
#button-geschaeft a {color:#e2001a;}
#button-online { position:absolute;float:left;top:110px; left:1px;z-index:2; width:220px;height:22px;color:#ffc100;border-radius:10px; font-weight:normal;padding-top:4px; text-align:center;background: #f9f0bb; /* Old browsers */

background: -moz-linear-gradient(top,  #f9f0bb 0%, #fccd4d 50%, #f7c23d 51%, #f7e691 100%); /* FF3.6+ */

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9f0bb), color-stop(50%,#fccd4d), color-stop(51%,#f7c23d), color-stop(100%,#f7e691)); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(top,  #f9f0bb 0%,#fccd4d 50%,#f7c23d 51%,#f7e691 100%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(top,  #f9f0bb 0%,#fccd4d 50%,#f7c23d 51%,#f7e691 100%); /* Opera 11.10+ */

background: -ms-linear-gradient(top,  #f9f0bb 0%,#fccd4d 50%,#f7c23d 51%,#f7e691 100%); /* IE10+ */

background: linear-gradient(to bottom,  #f9f0bb 0%,#fccd4d 50%,#f7c23d 51%,#f7e691 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f0bb', endColorstr='#f7e691',GradientType=0 ); /* IE6-9 */


}
#button-online a {color:#e2001a;}
#produktbeschreibung {width:100%; position:relative; float:left;min-height:148px;}
}

@media all and (max-width: 980px) and (min-width: 720px) {
	body{
		font:0.8em Arial, Helvetica, sans-serif;
		margin:auto;
		width:100%; 
		color:#575757;
		background:#004164;
	}
	#auswahs {position:relative; float:left; width:31%;margin-left:8px;}
	#produktslider {height:114px; background-size:cover;}
		#mobile_logo { width:64px; top:8px; position:fixed; right:20px; z-index:60000}

	#produkttabs {width:100%; max-width:325px; position:relative; float:right;font-size:0.9em;}
	.ui-tabs .ui-tabs-nav { padding: 0px; 	margin:-1px;}
.ui-tabs .ui-tabs-nav li.ui-tabs-active {
	padding-bottom: 0px; padding-right:0px; 	margin:0; 
}
.ui-tabs .ui-tabs-nav li {font-size:10px; width:48%; height:25px; border-radius:3px;}
.csc-textpic-text {font-size:1em;width:99%;}
	
	.button_produkt {width:140px;height:auto;margin-right:20px; margin-bottom:12px;}
#produkt {width:300px;}
	.half2 {font-size:1em;}
#produktbild-mobile {display:none;width:70px; position:relative; float:left; margin-bottom:12px;}
	

#klinke_1  {margin:0; margin-top:0px; position:relative; float:left; width:98.5%;margin-bottom:2%; margin-top:2%; margin-right:1%;display:block}
#klinke_2  {margin:0; margin-top:0px; position:relative; float:left; width:47.5%;margin-bottom:2%; margin-top:2%; margin-right:2%;}
#klinke_3  {margin:0; margin-top:0px; position:relative; float:left; width:47.5%;margin-bottom:2%; margin-top:2%; margin-right:1%;}
#klinke_4  {margin:0; margin-top:0px; position:relative; float:left; width:47.5%;margin-bottom:2%; margin-top:2%; margin-right:2%;}
#klinke_5  {margin:0; margin-top:0px; position:relative; float:left; width:47.5%;margin-bottom:2%; margin-top:2%; margin-right:1%;}


#breadcrumb {display:none;}
#footer2 {background:url(http://www.josera-katze.de/fileadmin/templates/img/last-mobile-685.jpg); position:relative; float:left; width:100%; margin:0; padding:0;height:48px;}
#bread {font:0.875em Arial, Helvetica, sans-serif; margin:0;background:#fff; border-radius:6px; float:left; position:relative; width:99%; }
#mobile {margin-left:5px;}
#sparten {display:none;}
#sparten2 {padding-left:5%; display:block;}
#footer {width:100%; float:left;position:relative; font-size:0.5em; color:#585858; border-top:1px dotted #aaa; margin-bottom:2%;}
#navoben {width:99%; float:right; position:relative; z-index:5000; margin:0; color:#fff; font-size:0.75em; text-align:right; display:block;height:29px; display:none;}
jfmulticontent {width:480px; height:150px;}


#slider_start  {display:none;}
.csc-header {display:none;}

img, embed, object, video {
  max-width: 100%;
  height: auto;
  width: auto;
}

.csc-header {display:none;}

	
	.cloud-zoom-image-small {width:140px;position:relative; float:left; left:35px;}
	.cloud-zoom-normal {width:1px;position:relative; float:left; height:310px;}
	.cloud-zoom-gallery {float:right; position:relative; width:10px; top:-230px; left:310px;z-index:5000;}
	.cloud-zoom-gallery img {float:right; position:relative;right:35px;}
	.cloud-zoom {width:140px;}
	
	#navimobile {display:block;background: #4c4c4c; /* Old browsers */

background: -moz-linear-gradient(top,  #4c4c4c 0%, #595959 12%, #666666 25%, #474747 39%, #2c2c2c 50%, #000000 51%, #111111 60%, #2b2b2b 76%, #1c1c1c 91%, #131313 100%); /* FF3.6+ */

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4c4c4c), color-stop(12%,#595959), color-stop(25%,#666666), color-stop(39%,#474747), color-stop(50%,#2c2c2c), color-stop(51%,#000000), color-stop(60%,#111111), color-stop(76%,#2b2b2b), color-stop(91%,#1c1c1c), color-stop(100%,#131313)); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(top,  #4c4c4c 0%,#595959 12%,#666666 25%,#474747 39%,#2c2c2c 50%,#000000 51%,#111111 60%,#2b2b2b 76%,#1c1c1c 91%,#131313 100%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(top,  #4c4c4c 0%,#595959 12%,#666666 25%,#474747 39%,#2c2c2c 50%,#000000 51%,#111111 60%,#2b2b2b 76%,#1c1c1c 91%,#131313 100%); /* Opera 11.10+ */

background: -ms-linear-gradient(top,  #4c4c4c 0%,#595959 12%,#666666 25%,#474747 39%,#2c2c2c 50%,#000000 51%,#111111 60%,#2b2b2b 76%,#1c1c1c 91%,#131313 100%); /* IE10+ */

background: linear-gradient(to bottom,  #4c4c4c 0%,#595959 12%,#666666 25%,#474747 39%,#2c2c2c 50%,#000000 51%,#111111 60%,#2b2b2b 76%,#1c1c1c 91%,#131313 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c4c4c', endColorstr='#131313',GradientType=0 ); /* IE6-9 */
padding-top:3px;height:45px;z-index:20000;
}
	#vertikale-navi2 {  	list-style: none; 	margin: 0; padding: 0; 	font-size: 1.1em; float: left; position: relative;top:1px;display:block;}
#vertikale-navi2 li {float: left; position: relative;}
#vertikale-navi2 li a { float: left; 	display: block; padding: 4px; 	text-decoration: none; color: #fff; margin-right: 0px; }
#vertikale-navi2 li:hover a, #vertikale-navi2 li a:hover { 	background: none; color: #fff;	 }
#vertikale-navi2 ul {display: none;}
#vertikale-navi2 li:hover ul {display: block;}
#vertikale-navi2 ul { 	float: none; position: absolute; list-style: none; margin: 0; padding: 0; top: 30px; left: 0; z-index:15000;}
#vertikale-navi2 ul li { 	float: none; clear: none; margin: 0; padding: 7px; width: auto; color: #fff; background:#000; width:100%;min-width:400px;  text-align:left; border-bottom:1px dotted #FFF; z-index:15000; font-size:1.5em;}
#vertikale-navi2 li:hover ul li a, #vertikale-navi2 ul li a { 	line-height: 200%; 	display: block; padding: 0 0 0 0; float: none; color: #fff; background: none;  }
#vertikale-navi2 li:hover ul li a:hover, #vertikale-navi2 ul li a:hover { 	background: #121212; color: #fff; width:100%; min-width:400px;  }
#mobilenavi {width:98%; background:#000;border-bottom:1px solid #ccc;}
#navoben {display:none;}


		#suche {float:right; position:relative; margin:0; width:219px; height:26px; background:url(http://www.josera-katze.de/fileadmin/templates/img/suchback.png) no-repeat center; padding-left:19px; padding-top:3px; margin-top:2px;margin-bottom:3px;display:none;}
	
	#suche input {border:0;padding-left:1px;}
	#searchbox {margin-left:5px;}
	
	.inputsearch {}
	.searchbox-button {margin:0px; padding-bottom:1px; width:32px;padding-right:13px;padding-top:3px;}
	#all { width:100%; margin:0 auto; background:#fff; position:relative; float:left; overflow:hidden;}
	.textmargin {line-height:140%; float:left; width:95%; position:relative; margin:0.5em;background:none; margin-top:1em; margin-bottom:0.5em;}
	table, th, td, tr {font-size:0.6em; line-height:120%}
	table {width:100%}
	.bodytext {margin:0;padding:0;}
	#page { width:100%; background:#fff; margin:0 auto; margin-bottom:0;  position:relative; float:left; 
	}
	#oben {background: #f0efef; /* Old browsers */

background: -moz-linear-gradient(left,  #f0efef 0%, #f5f4f5 53%, #efefed 100%); /* FF3.6+ */

background: -webkit-gradient(linear, left top, right top, color-stop(0%,#f0efef), color-stop(53%,#f5f4f5), color-stop(100%,#efefed)); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(left,  #f0efef 0%,#f5f4f5 53%,#efefed 100%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(left,  #f0efef 0%,#f5f4f5 53%,#efefed 100%); /* Opera 11.10+ */

background: -ms-linear-gradient(left,  #f0efef 0%,#f5f4f5 53%,#efefed 100%); /* IE10+ */

background: linear-gradient(to right,  #f0efef 0%,#f5f4f5 53%,#efefed 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0efef', endColorstr='#efefed',GradientType=1 ); /* IE6-9 */ width:100%; height:110px; margin-top:-1px; position:relative; float:left;}

	#logo {position:absolute; float:right; width:1px; height:1px; z-index:3900;top:1px;display:block;}
	#logobild {position:absolute; width:50px; height:auto; top:125px; left:25px; z-index:4000;display:block;}
	#logobild img {width:65px; height:auto;}
	.head {font:1.2em Arial, Helvetica, sans-serif; color:#ff0000; font-weight:bold;}
	#head {margin:0; padding:0; position:relative; float:left;}
	#header {margin:0; position:relative; float:left; top:1px; z-index:3000; height:auto;width:99.7%;}
	.trenner {position:relative; float:left; width:1%; text-align:center;}

	#half {display:none;}
 
 .half2 {position:relative; float:right; height:100%; width:98%; background:#fff;margin:1%;}
 #inhalt {margin:1.5%; margin-top:0px; position:relative; float:right; width:100%;padding-bottom:5px;}
 #inhalt2 {margin:1.5%; margin-top:0px; position:relative; float:right; width:100%;padding-bottom:5px;}
#futterfinder 	{margin:1.5%; margin-top:0px; position:relative; float:right; width:100%;height:82px;}
#slider_start {display:none;}

#mobile-product {width:23.5%; height:auto; font-size:0.9em; position:relative; float:left; text-align:center;}
#mobile-product img {width:98%;} 
#klinke_inhalt {width:100%; height:auto;position:relative;float:left; z-index:6000;}
#klinke_futter_text { position:absolute; z-index:7500; font-size:1em; color:#454545;top:135px;left:15px;width:240px;height:auto;}
#klinke_futter_text a {color:#454545;}
#klinke_kontakt_text { position:absolute; z-index:7500; font-size:1em; color:#454545;top:135px;left:15px;width:240px;height:auto;}
#klinke_suche_text  { position:absolute; z-index:7500; font-size:1em; color:#454545;top:135px;left:15px;width:100%}
#klinke_suche_text a {color:#454545;}

#klinke_futter_text-4er { position:absolute; z-index:7500; font-size:1.4em; color:#454545;top:145px;left:13px;width:240px;height:auto;}
#klinke_futter_text-4er a {color:#454545;}
#klinke_kontakt_text-4er { position:absolute; z-index:7500; font-size:1.4em; color:#454545;top:150px;left:13px;width:240px;height:auto;}
#klinke_kontakt_text-4er a {color:#454545;}
#klinke_suche_text-4er  { position:absolute; z-index:7500; font-size:1.4em; color:#454545;top:150px;left:13px;width:100%}
#klinke_suche_text-4er a {color:#454545;}

#social_facebook {position:absolute; z-index:8500; font-size:0.95em; color:#000;top:62px;left:10px;width:48px;height:48px;}
#social_google {position:absolute; z-index:8500; font-size:0.95em; color:#000;top:62px;left:80px;width:48px;height:48px;}

#social_facebook-4er {position:absolute; z-index:8500; font-size:0.95em; color:#000;top:77px;left:12px;width:48px;height:48px;}
#social_google-4er {position:absolute; z-index:8500; font-size:0.95em; color:#000;top:77px;left:75px;width:48px;height:48px;}

#button-geschaeft { position:absolute;float:left;top:70px; left:1px;z-index:2; width:220px;height:22px;color:#ffc100;border-radius:10px; font-weight:normal;padding-top:4px; text-align:center;background: #f9f0bb; /* Old browsers */

background: -moz-linear-gradient(top,  #f9f0bb 0%, #fccd4d 50%, #f7c23d 51%, #f7e691 100%); /* FF3.6+ */

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9f0bb), color-stop(50%,#fccd4d), color-stop(51%,#f7c23d), color-stop(100%,#f7e691)); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(top,  #f9f0bb 0%,#fccd4d 50%,#f7c23d 51%,#f7e691 100%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(top,  #f9f0bb 0%,#fccd4d 50%,#f7c23d 51%,#f7e691 100%); /* Opera 11.10+ */

background: -ms-linear-gradient(top,  #f9f0bb 0%,#fccd4d 50%,#f7c23d 51%,#f7e691 100%); /* IE10+ */

background: linear-gradient(to bottom,  #f9f0bb 0%,#fccd4d 50%,#f7c23d 51%,#f7e691 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f0bb', endColorstr='#f7e691',GradientType=0 ); /* IE6-9 */


}
#button-geschaeft a {color:#e2001a;}
#button-online { position:absolute;float:left;top:110px; left:1px;z-index:2; width:220px;height:22px;color:#ffc100;border-radius:10px; font-weight:normal;padding-top:4px; text-align:center;background: #f9f0bb; /* Old browsers */

background: -moz-linear-gradient(top,  #f9f0bb 0%, #fccd4d 50%, #f7c23d 51%, #f7e691 100%); /* FF3.6+ */

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9f0bb), color-stop(50%,#fccd4d), color-stop(51%,#f7c23d), color-stop(100%,#f7e691)); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(top,  #f9f0bb 0%,#fccd4d 50%,#f7c23d 51%,#f7e691 100%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(top,  #f9f0bb 0%,#fccd4d 50%,#f7c23d 51%,#f7e691 100%); /* Opera 11.10+ */

background: -ms-linear-gradient(top,  #f9f0bb 0%,#fccd4d 50%,#f7c23d 51%,#f7e691 100%); /* IE10+ */

background: linear-gradient(to bottom,  #f9f0bb 0%,#fccd4d 50%,#f7c23d 51%,#f7e691 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f0bb', endColorstr='#f7e691',GradientType=0 ); /* IE6-9 */


}
#button-online a {color:#e2001a;}
#produktbeschreibung {width:100%; position:relative; float:left;min-height:148px;}
}