/* CSS Document */
.catelux {color:#374c5f;}
	.carismo {color:#641737;}
	.sensicat {color:#278839;}
	.josicat {color:#fccc06;}
	.classic {color:#8e114b;}
	.sensijunior {color:#965559;}
	.culinesse {color:#573589;}
	.leger {color:#678a9d;}
	

a { text-decoration:none; }
a:hover { text-decoration:underline; }
td { vertical-align:top; text-align:left; }
td.rechts { text-align:right; }
td.mitte { vertical-align:middle; }
input.eingabe { border:0px solid #fff; padding:3px 5px; }
input.checker { margin-top:2px; }
input.mittel { width:228px; }
input.vorname,
input.homepage { width:350px; }
input.plz { width:61px; }
input.ort { width:234px; }
input.tel { width:150px; }
select.land { width:122px; border:0px solid #ffffff; padding:3px; }
input.strasse { width:164px; }
input.hausnr { width:40px; margin-left:10px; }

#inhalt-padding {margin-left:15px; width:730px;}

.rot { color:#e2001a; }
.kleiner { font-size:12px; color:#666; }
.heller { color:#999; }
.big { font-size:14px; }
.bigger { font-size:16px; }
.tdline { background:url(../img/tdline.gif) repeat-x bottom left; }

.shadow { border:1px solid #666; -moz-box-shadow:3px 3px 5px 6px #ccc; -webkit-box-shadow:3px 3px 5px 6px #ccc; box-shadow:3px 3px 5px 6px #ccc; }

.josera { width:740px; margin:0 auto; overflow:hidden; -webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;}
.inhaltsbereich { margin:0 auto; width:790px; position: relative;margin-left:-45px;}

#lp-oben { height:1px; }
#lp-auswahl-futterproben { background:url(../img/hg-hund-futterkalkulator-ergebnis.png) no-repeat top left; }
#lp-angaben-allgemein { background:url(../img/hg-hund-futterkalkulator-ergebnis-2.png) no-repeat bottom left; }

.headline { height:32px; }
.headline ul { float:right; padding-right:8px; }
.headline li { float:left; list-style-type:none; padding-left:11px; margin-left:10px; }
.headline li.trenner { background:url(../img/trenner-headline.png) no-repeat center left; }
.headline a { color:#fff; line-height:32px; }

.box { }
#ergebnisse {margin-top:-65px;margin-left:-65px;}
.inhalt {width:710px;}
#eins { height:1px; position: relative;}
.logo { position:relative; }
#josera-logo { position:absolute; right:38px; top:35px; }
#zwei { height:412px; }
#zwei .inhalt { padding:0px 38px; }
#zwei ul { padding:3px 0px 0px 22px; }
#zwei li { list-style-image:url(../img/li.png); }
#button-futterberater { width:453px; height:238px; background:url(../img/button-futterberater.png) no-repeat left bottom; }
#button-futterberater:hover,#button-futterberater.active { background:url(../img/button-futterberater.png) no-repeat right bottom; cursor:pointer; }
#button-futterprobe-direkt { width:454px; height:240px; background:url(../img/button-futterprobe-direkt.png) no-repeat left bottom; }
#button-futterprobe-direkt:hover,#button-futterprobe-direkt.active { background:url(../img/button-futterprobe-direkt.png) no-repeat right bottom; cursor:pointer; }

#welle-futterprobe { background:url(../img/welle-transparent.png) no-repeat top center; height:73px; }
#lp-futterberater-auswahl { background:url(../img/hg-hund-futterkalkulator-sprite.png) no-repeat 43px bottom; min-height:665px; }
#lp-futterberater-auswahl.default {  }
#lp-futterberater-auswahl .inhalt { padding:0px 71px; }
#futterberater-einleitung { padding:1px 0px; height:190px;}
#futterberater-funktion { height:50px;; position:relative; margin-top:-15px;}
#zusatzstoffe-FB { position:absolute; left:18px; }
#headline-futterberater { font-size:16px; color:#e20720; }

.inhalt2 {background:none; width:800px;}

#probenauswahl-futtersorten { padding: 0px 42px 10px 77px; }
#probenauswahl-futtersorten #oberer-teil { background:url(../img/hg-hund-auswahl-futterproben.png) no-repeat scroll center top transparent; }
#probenauswahl-futtersorten #oberer-teil .inhalt { background:none; }
#headline-futterberater { padding-top:15px; }
#probenauswahl-bedingung { display:block; padding:15px 0px; }
#uebersicht-futtersorten { position:relative; }
#zusatzstoffe { position:absolute; /* right:80px; margin-top:-120px; */ right:-6px; bottom:60px; z-index:50; }
#uebersicht-futtersorten li,
#uebersicht-futtersorten-fg li { float:left; width:240px; list-style-type:none; height:225px; position:relative; padding-right:5px;}
#uebersicht-futtersorten a,
#uebersicht-futtersorten-fg a { color:#555; }

#culinesse { min-height:250px;}
#culinesset strong { color:#573589; }

#catelux { min-height:250px;}
#catelux strong { color:#374c5f; }

#sensicat {min-height:250px; }
#sensicat strong { color:#278839; }

#leger strong { color:#678a9d;}
#leger  { min-height:250px; }

#carismo strong { color:#641737; }
#carismo { min-height:250px; }

#classic strong { color:#8e114b; }
#classic {min-height:250px;  }

#josicat strong { color:#fccc06; }
#josicat { min-height:250px; }

#minette strong { color:#965559; }
#minette {min-height:250px; }

#marinesse strong { color:#1A6EB6; }
#marinesse {min-height:250px; }

	
	

div.abjuli { position:relative; }
div.abjuli img { position:absolute; top:70px; left:-40px; }
div.cleardiv-fp { clear:both; height:50px; }
#uebersicht-futtersorten li#lustige-hunde { position:relative; width:564px; width:282px; }
#die-hunde { position:absolute; top:0px; left:-150px; }

#vier.direct { height:454px; }
#vier { height:350px; position:relative; }
#vier-bg { height:454px; background:url(../img/angaben-tier.png) no-repeat top center; position:absolute; width:991px; margin-top:-58px; }
#vier .inhalt { padding:0px 77px; padding-top:50px; }
#vier strong { font-size:14px; line-height:18px; }
#vier select { padding:3px 5px; width:238px; border:1px solid #ccc; }
#vier select#tag, #vier select#monat { width:65px; }
#vier select#jahr { width:94px; }
#tab-tierinfo td { line-height:38px; }
#tab-tierinfo td.einleitung { line-height:16px; }
#tab-tierinfo td.tierart { line-height:16px; }
#gutschein { position:relative; }
#futtergutschein { position:absolute; top:60px; }

#fuenf { height:306px; position:relative; }
#fuenf-bg { background:url(../img/hg-bitte-geben-sie-an.png) no-repeat top center; height:323px; position:absolute; width:991px; margin-top:-110px; }
#fuenf .inhalt { padding:0px 77px; padding-top:64px; }
#tab-kontakt td { line-height:46px; }
#tab-kontakt td.lower { line-height:20px; }

#sechs { height:185px; position:relative; }
#sechs-bg { background:url(../img/hg-newsletter-bestaetigung.png) no-repeat top center; height:268px; position:absolute; width:991px; margin-top:-140px; margin-top:-110px; }
#sechs .inhalt { padding:0px 77px; padding-top:95px; }

#GutscheinOrt { position:relative; height:auto; min-height:300px; padding-bottom:40px; margin-top:-130px; }
#GutOrt-Header { background:url(../img/hg-online-shop-oben.png) no-repeat top center; height:61px; }
#GutOrt-bg { background:url(../img/hg-online-shop-g.png) no-repeat bottom center; position:absolute; width:991px; height:auto; padding-bottom:130px; }
#GutscheinOrt .inhalt { padding:10px 77px 0 77px; }
#GutOrt-bg li { float:left; list-style-type:none; }

#sieben { height:130px; }
#sieben .inhalt { padding:0px 77px; font-size:10px; color:#666; }
#acht { height:80px; }
#acht .inhalt { padding:0px 77px; text-align:center; }


div.cleardiv { clear: both; }

/***  Folgeseiten  ***/

body.folgeseite.hund .josera { background:url(../img/hg-hund-folgeseite.png) no-repeat top center; }
body.folgeseite.hund #zwei { height:360px; }
body.folgeseite.hund #zwei .inhalt { background:url(../img/signatur.png) no-repeat 40px 180px; }

.pdf-katalog { background:url(../img/button-pdf-formular-inaktiv.png) no-repeat 0 0; width:162px; height:32px; display:block; }
.pdf-katalog:hover { background:url(../img/button-pdf-formular-aktiv.png) no-repeat 0 0; width:162px; height:32px; display:block; text-decoration: none; }

/*** Futtergenerator ***/
.fgitems { margin: 27px 0 40px 0; clear: both; }
.fgitems input[name="u"], input#keineU, #uvMais, #uvReis, #uvGetreide, #uvFisch, #uvHuhn { float:left; margin:0 10px 10px 0; }
div.labelU { margin: 0 0 10px 0; }
div#leftU { float: left; width: 15%}
#count { display: block; text-align: center; color: red; font-size: 60px; left: 473px; position: absolute; text-align: center; top: 68px; text-shadow: 2px 2px 2px #bf9d18;width:150px; border:0;}
#products { display: none; background-color: #CCCCCC;padding: 3px;text-align: center;width: 300px; margin: 10px 0; }
.product_wrap { margin: 0 0 10px 0; }
#futterberaterFunktion{position: relative;}
#getProducts {background: url(http://www.josera-katze.de/futterberater/produkte-anzeigen-n.png) center no-repeat; width: 168px; height: 28px; border: none; position: absolute; top: 149px; left: 465px; cursor: pointer; text-align:center; font-size:16px; font-weight:bold;color:#e2001a;padding-top:6px;}
#getProducts:hover, #getProducts:active {background: url(http://www.josera-katze.de/futterberater/produkte-anzeigen.png) center no-repeat; width: 168px; height: 28px; border: none; position: absolute; top: 149px; left: 465px; cursor: pointer; text-align:center; font-size:16px; font-weight:bold;color:#e2001a;padding-top:6px;}
#unvertraeglichkeiten{ background: url(../img/lp-c-bekannte-unvertraeglichkeiten.png) no-repeat; margin: 0 0 15px 0; }
#unvertraeglichkeiten input {margin: 0 0 10px 0 }
div.hintU { font-style: italic; color: #4G4G4G; }

/*** Shop Logos ***/
li.shopLogos { background-position:top left; background-repeat:no-repeat; position:relative; margin-right:6px; cursor:pointer; }
li.shopLogos:hover { background-position:bottom left; }
li.shopLogos .shops { position:absolute; bottom:10px; left:18px; }
.shop-name { position:absolute; bottom:10px; left:36px; cursor:pointer; }

/*** Counter ***/
#counter { position: absolute; background: url('../img/counter-sprite.png') top left; width: 226px; height: 141px; bottom: 40px; right: 30px;}
/** Counter Number **/
#counter > span { position:absolute; top:50px; right:140px; font-size:40px; line-height:40px; color:white; text-shadow:1px 2px 5px #757575; }
/*** Tooltip ***/
.custom-tooltip { position: absolute;}

#blocker { position:absolute; background:#000; bottom:29px; width:979px; margin-left:6px; /* opacity:0.4; */ background:url(../img/transp.png) repeat top left; display:none;
-moz-border-radius:10px; -webkit-border-radius:10px; -ms-border-radius:10px; -o-border-radius:10px; -khtml-border-radius:10px; border-radius:10px;  }
#blockNO { background:url(../img/counter-sprite.png) no-repeat bottom left; width:226px; height:141px; margin:115px auto 0 auto; }

@media all and (max-width: 369px) {
	.big {font-site:0.8em;}
}

@media all and (max-width: 599px) and ((min-width: 360px)) {
		.big {font-site:0.8em;}
}