/**  
	* General markup definitions for all pages
	*/
/* @group global */


/**
 * CSS reset
 *
 * @author		S. Schnoor
 * @date			13.01.2009
 */
* {
	padding:0;
	margin:0;
}

option {
	padding:0 3px;
}

/**
 * Standard elements
 *
 * @author		S. Schnoor
 * @date			13.01.2009
 */
body, input, select, textarea {
	color:#000000;
	font-family:Arial, Verdana, Trebuchet, sans-serif;
	font-size:11px;
}

input.radio {
	border:none !important;
}

h1 {
	position:absolute;
	top:11px;
	left:815px;
	width:173px;
	height:57px;
	background:transparent url('../img/logo.gif') no-repeat 0 0;
	z-index:100;
}

h1 a {
	display:block;
	width:100%;
	height:100%;
	outline:none;
}

.cleaner {
	clear:both;
}

a {
	color:#e63a88;
	text-decoration:none;
}

a.more {
	color:#000;
	font-size:11px;
	font-weight:bold;
	text-decoration:none;
	
	padding-right:20px;
	background-image:url(../img/pfeile.gif);
	background-repeat:no-repeat;
	background-position:100% 1px;
	outline:none;
}

a.more:hover {
	background-position:100% -13px;
}

a.back {
	color:#000;
	font-size:11px;
	font-weight:bold;
	text-decoration:none;
	
	padding-left:20px;
	background-image:url(../img/pfeile.gif);
	background-repeat:no-repeat;
	background-position:0% -34px;
	outline:none;
}

a.back:hover {
	background-position:0% -48px;
}

a.mailto {
	color:#000;
	font-weight:bold;
	
	padding-left:18px;
	background:transparent url('../img/mail_icon.gif') no-repeat 2px 50%;
}

.textonly {
	display:none;
}

.nojsViewable {
	text-indent:0;
	float:none;
}

fieldset {
	border:none;
}

form div.error {
	clear:both;
	padding:10px;
	background-color:#FAE4ED;
	border:1px solid #ea458f;
	margin-bottom:20px;
}

form div.error h4 {
	padding-top:0 !important;
}

form div.error ul {
	margin-left:20px;
}

form div.error a {
	text-decoration:underline;
}

form input.error {
	background-color:#ffb7d7;
}

form h4.error,
form p.error,
form label.error {
	color:#E73F8B;
	padding-left:22px;
	background:transparent url('../img/error_icon.gif') no-repeat 0 50%;
	margin-left:-22px;
}

form h4.error {
	background-position:0 35px;
}

form label.second.error {
	padding-left:19px !important;
	margin-left:0 !important;
}

/**
 * General page layout
 *
 * @author		S. Schnoor
 * @date			13.01.2009
 */
#layout {
	position:relative;
	min-width:980px;
	min-height:712px;
	background:#fff url('../img/bg.jpg') no-repeat 0 0;
}

#staticImageLeft {
	position:absolute;
	top:0;
	left:0;
	width:505px;
	z-index:1;
}

#content {
	position:relative;
	left:365px;
	width:638px;
	min-height:550px;
	padding-top:116px;
	z-index:10;
	padding-bottom:25px;
}


/**
 * Main menu
 *
 * @author		S. Schnoor
 * @date			13.01.2009
 */
ol.menu {
	list-style-type:none;
	
	height:30px;
	padding-bottom:30px;
}

ol.menu li {
	font-size:13px;
	line-height:15px;
	
	float:left;
	width:130px;
	height:29px;
	margin-right:8px;
}

ol.menu li.home,
ol.menu li.faq {
	width:31px;
}
	
ol.menu li a {
	color:#fff;
	font-size:11px;
	line-height:15px;
	letter-spacing:0;
	text-align:center;
	text-decoration:none;
	
	display:block;
	width:100%;
	height:100%;
	
	padding:6px 0;
	background:transparent url('../img/menu.gif') no-repeat -41px 0;
	outline:none;
}

ol.menu li a:hover {
	background-position:-41px -46px;
}

ol.menu li.current a {
	background-position:-41px -90px !important;
}

ol.menu li.home a {
	background-position:-4px 0;
}

ol.menu li.home a:hover {
	background-position:-4px -46px;
}

ol.menu li.currentHome a {
	background-position:-4px -90px !important;
}

ol.menu li.faq a {
	background-position:-175px 0;
}

ol.menu li.faq a:hover {
	background-position:-175px -46px;
}

ol.menu li.currentFaq a {
	background-position:-175px -90px !important;
}


/**
 * General content elements
 *
 * @author		S. Schnoor
 * @date			13.01.2009
 */
 
 /* Headlinines */
#content h2 {
	color:#e63a88;
	font-size:25px;
	font-weight:normal;
	line-height:25px;
	text-transform:uppercase;
	
	clear:both;
	margin-bottom:8px;
}

#content h3 {
	color:#222;
	font-size:17px;
	line-height:17px;
	font-weight:bold;
	text-transform:uppercase;
	
	margin-bottom:10px;
}

/* Paper sheet */
#content .paper {
	position:relative;
}

#content .paper .topleft {
	position:absolute;
	top:-8px;
	left:0;
	width:8px;
	height:8px;
	background:transparent url('../img/paper_topleft.gif') no-repeat 0 0;
}

#content .userPaper .topleft {
	background:transparent url('../img/userpaper_topleft.gif') no-repeat 0 0;
}

#content .paper .topRight {
	position:absolute;
	top:-8px;
	right:-8px;
	width:100%;
	height:8px;
	background:transparent url('../img/paper_topright.gif') no-repeat 100% 0;
	margin-left:8px;
}

#content .userPaper .topRight {
	background:transparent url('../img/userpaper_topright.gif') no-repeat 100% 0;
}

#content .paper .bottomLeft {
	position:absolute;
	left:0;
	bottom:-8px;
	width:8px;
	height:8px;
	background:transparent url('../img/paper_bottomleft.gif') no-repeat 0 0;
}

#content .userPaper .bottomLeft {
	background:transparent url('../img/userpaper_bottomleft.gif') no-repeat 0 0;
}

#content .paper .bottomRight {
	position:absolute;
	right:-8px;
	bottom:-8px;
	width:100%;
	height:8px;
	background:transparent url('../img/paper_bottomright.gif') no-repeat 100% 0;
	margin-left:8px;
}

#content .userPaper .bottomRight {
	background:transparent url('../img/userpaper_bottomright.gif') no-repeat 100% 0;
}

#content .paper .content {
	padding:10px 15px;
	background-color:#fae4ed;
	margin-right:-8px;
}

#content .userPaper .content {
	background-color:#fad1e6;
}

#content .expertPaper .content {
	padding:10px 30px;
}

/**
 * Overlay window
 *
 * @author		S. Schnoor
 * @date			13.01.2009
 */
#overlayWindowBackground {
	display:none;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-color:#fff;
	opacity:0.8;
	filter:Alpha(opacity=80);
	z-index:1000;
}

#overlayWindow {
	display:none;
	position:fixed;
	top:50%;
	left:50%;
	width:560px;
	height:514px;
	background:transparent url('../img/overlay_window.png') no-repeat 0 0;
	margin:-257px 0 0 -280px;
	
	opacity:0.9;
	filter:Alpha(opacity=90);
	z-index:1010;
}

#overlayWindow .head {
	width:405px;
	margin:20px 0 0 23px;
}

#overlayWindow .head p.close a {
	color:#2c2c2c;
	font-size:11px;
	font-weight:bold;
	text-decoration:none;
	
	padding-left:20px;
	background-image:url(../img/close_button.gif);
	background-repeat:no-repeat;
	background-position:0 1px;
	
	outline:none;
}

#overlayWindow .head p.close a:hover {
	background-position:0 -18px;
}

#overlayWindow .content {
	height:412px;
	padding-right:10px;
	margin:25px 40px 0 42px;
	overflow-y:auto;
}


/**
 * Overlay window content
 *
 * @author		S. Schnoor
 * @date			14.01.2009
 */
#overlayWindow .content h2 {
	color:#E63A88;
	font-size:17px;
	font-weight:bold;
	margin-bottom:15px;
}

#overlayWindow .content h3 {
	font-size:12px;
	font-weight:bold;
	margin-bottom:5px;
}

#overlayWindow .content p {
	margin-bottom:1em;
}

#overlayWindow .content .section {
	margin-bottom:2.5em;
}


/**
 * Page footer
 *
 * @author		S. Schnoor
 * @date			13.01.2009
 */
#footer {
	clear:both;
	position:relative;
	padding-top:62px;
	padding-bottom:100px;
	background:transparent url('../img/footer_wave.gif') no-repeat 0 0;
	z-index:2;
}

#footer ul {
	font-size:9px;
	list-style-type:none;
	text-transform:uppercase;
	margin-left:25px;
}

#footer ul li {
	float:left;
	border-right:1px solid #000;
	padding-right:5px;
	margin-right:5px;
}

#footer ul li.last {
	border-right:none;
}

#footer ul li a {
	color:#000;
	text-decoration:none;
	outline:none;
}

#footer p {
	float:left;
	padding-left:100px;
	margin-top:-1px;
}
/* @end */




/**  
	* Home page definitions 
	*/
/* @group home */
body.home #layout {
	background-image:url('../img/bg_home.jpg');
}

/**
 * Intro & lottery teaser button
 *
 * @author		S. Schnoor
 * @date			14.01.2009
 */
body.home #content .intro {
	font-size:12px;
	
	float:left;
	width:410px;
}
	
#content .benefitButton {
	float:right;
	width:149px;
	height:142px;
	margin-right:10px;
}

#content .benefitButton a {
	display:block;
	width:100%;
	height:100%;
	background:transparent url('../img/gewinnbutton.gif') no-repeat 0 0;
	outline:none;
}

#content .benefitButton a:hover {
	background-position:0 100%;
}


/**
 * Product teaser
 *
 * @author		S. Schnoor
 * @date			14.01.2009
 */
.productsTeaser {
	clear:both;
	position:relative;
	padding-top:81px;
	padding-bottom:110px;
}

.productsTeaser .leftPaper {
	float:left;
	width:240px;
}

.productsTeaser .rightPaper {
	float:right;
	width:225px;
}

.productsTeaser .products {
	position:absolute;
	top:-8px;
	left:50%;
	margin-left:-110px; /* home */
	z-index:10;
}

body.thanks .productsTeaser .products {
	margin-left:-90px;
}

.productsTeaser h4 {
	color:#e54990;
	font-size:17px;
	line-height:20px;
	font-weight:bold;
	text-transform:uppercase;
	
	margin-bottom:10px;
}


/**
 * Customer voices
 *
 * @author		S. Schnoor
 * @date			14.01.2009
 */
#content .customervoices {
	clear:both;
}
 
#content .customervoices h2 {
	font-size:17px;
	font-weight:bold;
	
	margin-bottom:30px;
}

#content .customervoices .page {
	clear:both;
}

#content .customervoices .paper,
#content .customervoices p.read,
#content .customervoices p.write {
	float:left;
	width:304px;
	margin-right:30px;
	margin-bottom:38px;
}

#content .customervoices .doublePaper {
	margin-bottom:0;
}

#content .customervoices .expertPaper {
	margin-top:-36px;
}

#content .customervoices .paper .content h3 {
	color:#000;
	font-size:11px;
	text-transform:none;
	padding:0 0 0 50px;
}

#content .customervoices .paper .content h3 strong {
	text-decoration:underline;
	cursor:pointer;
}

#content .customervoices .paper .content h4 {
	color:#000;
	font-size:11px;
	font-weight:normal;
	text-transform:none;
	padding:0 0 0 50px;
	margin-top:-10px;
	margin-bottom:10px;
}


#content .customervoices .paper .content h5 {
	color:#e63a88;
	font-size:12px;
	font-weight:bold;
	text-transform:uppercase;
	margin-bottom:5px;
}

#content .customervoices .paper .content p {
	background-image:url('../img/quote_left.gif');
	background-repeat:no-repeat;
	background-position:0 0;
	padding-left:50px;
	padding-right:45px;
}

#content .customervoices .userPaper .content p {
	background-image:url('../img/user_quote_left.gif');
}

#content .customervoices .expertPaper .content p {
	padding:0px;
	background-image:none;
}

#content .customervoices .paper .about {
	display:none;
}

#content .customervoices .paper .deco {
	background:transparent url('../img/quote_right.gif') no-repeat 100% 100%;
}

#content .customervoices .userPaper .deco {
	background:transparent url('../img/user_quote_right.gif') no-repeat 100% 100%;
}

#content .customervoices .secondPaper,
#content .customervoices p.write {
	margin-right:0px;
}

#content .customervoices .bigSecondPaper {
	float:right;
}

#content .customervoices .paper .content {
	min-height:100px;
}

#content .customervoices p.read,
#content .customervoices p.write {
	margin-top:-10px;
	margin-bottom:45px;
}

#content .customervoices p.write {
	margin-left:0px;
	width:290px;
}
/* @end */




/**  
	* "Nahrungsmittelakzeptanz" page definitions 
	*/
/* @group footpages */
body.theAnimal .rightDecorations {
	background:transparent url('../img/katze_nahrungsakzeptanz_rechts.jpg') no-repeat 1124px 1000px;
}

body.theAnimalEnviroment .rightDecorations {
	background:transparent url('../img/katze_nahrungsakzeptanz_umfeld_rechts.jpg') no-repeat 1070px 690px;
}

body.theAnimalFood .rightDecorations {
	background:transparent url('../img/katze_nahrungsakzeptanz_umfeld_rechts.jpg') no-repeat 1070px 280px;
}

/**
 * Intro & factors
 *
 * @author		S. Schnoor
 * @date			14.01.2009
 */
body.theAnimal #content .intro {
	font-size:12px;
	
	float:left;
	position:relative;
	width:325px;
	margin-top:10px;
	z-index:10;
}
	
body.theAnimal #content .intro p {
	width:250px;
}

body.theAnimal #content .intro p em {
	font-style:normal;
	border-bottom:1px dashed #333;
	cursor:pointer;
}

#content .threeFactors {
	list-style-type:none;
	
	float:right;
	position:relative;
	left:-82px;
	width:260px;
	height:240px;
	background:transparent url('../img/factors.jpg') no-repeat 50% 50%;
	margin-right:10px;
} 

#content .threeFactors li {
	position:absolute;
}

#content .threeFactors li.animal {
	top:205px;
	left:44px;
}

#content .threeFactors li.food {
	top:205px;
	left:171px;
}

#content .threeFactors li.environment {
	top:-11px;
	left:119px;
}



#content .threeFactors a {
	color:#777276;
	text-transform:uppercase;
	text-decoration:none;
	
	outline:none;
}

#content .threeFactors .current a {
	color:#e63a88;
}


/**
 * Progressbar
 *
 * @author		S. Schnoor
 * @date			14.01.2009
 */
#content .progressbar {
	clear:both;
	padding-top:20px;
	padding-bottom:30px;
}

#content .progressbar ol {
	list-style-type:none;
	
	width:536px;
	height:52px;
	background:transparent url('../img/progresspager_bg.gif') no-repeat 0 0;
}

#content .progressbar ol li {
	float:left;
	height:52px;
	background-repeat:no-repeat;
}

#content .progressbar ol li.food {
	width:127px;
	padding-left:60px;
	background-image:url('../img/progresspager_food.gif');
	background-position:13px 13px;
}

#content .progressbar ol li.currentFood {
	background-position:13px -26px;
}

#content .progressbar ol li.animal {
	width:102px;
	padding-left:74px;
	background-image:url('../img/progresspager_animal.gif');
	background-position:21px 10px;
}

#content .progressbar ol li.currentAnimal {
	background-position:21px -34px;
}

#content .progressbar ol li.environment {
	width:85px;
	padding-left:78px;
	background-image:url('../img/progresspager_environment.gif');
	background-position:32px 8px;
}

#content .progressbar ol li.currentEnvironment {
	background-position:32px -42px;
}

#content .progressbar ol li a {
	color:#746f73;
	font-size:15px;
	line-height:46px;
	text-decoration:none;
	
	outline:none;
}

#content .progressbar ol li.current a {
	color:#e63a88;
}


/**
 * Details section
 *
 * @author		S. Schnoor
 * @date			14.01.2009
 */
body.theAnimal #content .details {
	font-size:12px;
	width:495px;
}

body.theAnimal #content .details .arrows {
	position:fixed;
	left:363px;
	width:582px;
	height:78px;
	z-index:50;
}

body.theAnimal #content .details .arrows p.prev {
	float:left;
	position:relative;
	left:-45px;
	width:33px;
	height:78px;
	background:transparent url('../img/arrows.gif') no-repeat 0 0;
}

body.theAnimal #content .details .arrows p.next {
	float:right;
	width:33px;
	height:78px;
	background:transparent url('../img/arrows.gif') no-repeat 100% 0;
}

body.theAnimal #content .details .arrows a {
	display:block;
	width:33px;
	height:78px;
	outline:none;
}

body.theAnimal #content .details p {
	margin-bottom:34px;
}

body.theAnimalEnviroment #content .details p {
	margin-bottom:1em;
}

body.theAnimal #content .details h4 {
	color:#333;
	font-size:14px;
	font-weight:bold;
	text-transform:uppercase;
	margin-bottom:40px;
}

body.theAnimal #content .details dl {
	position:relative;
	margin-bottom:60px;
	z-index:60;
}

body.theAnimal #content .details dt {
	color:#e63a88;
	font-size:14px;
	text-transform:uppercase;
	
	margin-left:124px;
	margin-bottom:12px;
}

body.theAnimal #content .details dd {
	width:395px;
	min-height:80px;
	padding-left:141px;
	background-position:0% 50%;
	background-repeat:no-repeat;
	margin-bottom:50px;
}

body.theAnimal #content .details dd.scent {
	background-image:url('../img/geruchssinn_icon.gif');
}

body.theAnimal #content .details dd.mouth {
	background-image:url('../img/tastgefuehl_icon.gif');
}

body.theAnimal #content .details dd.feeling {
	background-image:url('../img/gefuehl_icon.gif');
}

body.theAnimal #content .details dd span {
	display:block;
}

body.theAnimal #content .details dd a {
	color:#000;
	font-size:12px;
	
	background-position:100% 2px;
	margin-top:5px;
}

body.theAnimal #content .details dd a:hover {
	color:#000;
	font-size:12px;
	
	background-position:100% -12px;
	margin-top:5px;
}

body.theAnimal #content .details h4.tips {
	margin-bottom:0;
}

body.theAnimal #content .details h5 {
	color:#e63a88;
	font-size:14px;
	font-weight:normal;
	text-transform:uppercase;
	
	margin-top:30px;
}

body.theAnimalEnviroment #content .details h5 {
	margin-top:25px;
}

body.theAnimal #content .details .imageRight {
	float:right;
	width:auto;
	margin:10px -35px 10px 10px;
}
/* @end */



/**  
	* Product pages definitions 
	*/
/* @group productpages */
body.products #layout {
	background-image:url('../img/bg_produkte.jpg');
}

body.products .rightDecorations {
	background:transparent url('../img/katze_nahrungsakzeptanz_rechts.jpg') no-repeat 1124px 520px;
}

body.products #content h3 {
	line-height:20px;
	width:600px;
}

body.products #content .intro {
	position:relative;
}

body.products #content .intro p {
	font-size:12px;
	
	width:610px;
}

body.products #content .intro p.return {
	margin-bottom:18px;
}

body.products #content .intro div.pageSwitcher {
	position:absolute;
	top:0;
	right:17px;
}

body.products #content .intro div.pageSwitcher ul {
	list-style-type:none;
}

body.products #content .intro div.pageSwitcher ul li {
	float:left;
	width:15px;
	height:15px;
	margin-right:2px;
}
	
body.products #content .intro div.pageSwitcher ul li a,
body.products #content .intro div.pageSwitcher ul li strong {
	display:block;
	width:11px;
	height:11px;
	background-color:#fff;
	border:2px solid #772d44;
	outline:none;
}

body.products #content .intro div.pageSwitcher ul li.product_33 a {
	border-color:#772d44;
}

body.products #content .intro div.pageSwitcher ul li.product_33 strong {
	background-color:#772d44;
	border-color:#772d44;
}

body.products #content .intro div.pageSwitcher ul li.product_3530 a {
	border-color:#e11c86;
}

body.products #content .intro div.pageSwitcher ul li.product_3530 strong {
	background-color:#e11c86;
	border-color:#e11c86;
}

body.products #content .intro div.pageSwitcher ul li.product_42 a {
	border-color:#e19944;
}

body.products #content .intro div.pageSwitcher ul li.product_42 strong {
	background-color:#e19944;
	border-color:#e19944;
}

	
/**
 * Products teaser
 *
 * @author		S. Schnoor
 * @date			14.01.2009
 */
ul.products {
	list-style-type:none;
	margin-top:25px;
}

ul.products li {
	float:left;
	width:212px;
}

ul.products li a {
	color:#000;
	font-size:11px;
	font-weight:bold;
	text-decoration:none;
	
	display:block;
	width:100%;
	padding-top:415px;
	padding-left:36px;
	padding-right:20px;
	background-image:url(../img/produkt_pfeile.gif);
	background-repeat:no-repeat;
	background-position:135px 417px;
	outline:none;
}

ul.products li a:hover {
	background-position:-197px 416px;
}

ul.products li.exigent33 {
	background:transparent url('../img/exigent33.gif') no-repeat 0 0;
}

ul.products li.exigent35-30 {
	background:transparent url('../img/exigent35-30.gif') no-repeat 0 0;
}

ul.products li.exigent42 {
	background:transparent url('../img/exigent42.gif') no-repeat 0 0;
}

/**
 * Samplebox
 *
 * @author		S. Schnoor
 * @date			14.01.2009
 */
.samplebox {
	clear:both;
	position:relative;
	width:550px;
	padding-top:100px;
	padding-bottom:40px;
}

.sampleboxFullWidth {
	width:630px;
	padding-top:39px;
	padding-left:22px;
}

.sampleboxFullWidthProducts {
	padding-left:0;
}

.samplebox h4 {
	color:#e54990;
	font-size:17px;
	line-height:20px;
	font-weight:bold;
	text-transform:uppercase;
	
	width:385px;
	margin-bottom:5px;
}

.samplebox p {
	font-size:12px;
	
	width:385px;
}

.samplebox .box {
	position:absolute;
	top:-65px;
	right:-40px;
	z-index:100;
}

.sampleboxFullWidth .box {
	top:-88px;
	right:-35px;
}

/**
 * Product details
 *
 * @author		S. Schnoor
 * @date			15.01.2009
 */
.productImage {
	float:left;
	margin-top:8px;
	margin-right:-12px;
}

.productDescription {
	font-size:12px;
	
	float:left;
	width:440px;
	padding-top:18px;
}

.productDescription p {
	clear:left;
	margin-bottom:1em;
}

.productDescription p img {
	float:left;
	margin-right:10px;
	margin-bottom:10px;
}

.productDescription dl {
	margin-top:30px;
}

.productDescription dt {
	clear:left;
	float:left;
	width:138px;
	background-position:0 0;
	background-repeat:no-repeat;
}

.productDescription dt.idealWeight33 {
	min-height:40px;
	background-image:url('../img/ideal_weight_33.jpg');
}

.productDescription dt.coatBeauty33 {
	min-height:40px;
	background-image:url('../img/coat_beauty_33.jpg');
	margin-bottom:15px;
}

.productDescription dt.idealWeight35 {
	min-height:40px;
	background-image:url('../img/ideal_weight_35.jpg');
}

.productDescription dt.coatBeauty35 {
	min-height:40px;
	background-image:url('../img/coat_beauty_35.jpg');
	margin-bottom:15px;
}

.productDescription dt.idealWeight42 {
	min-height:40px;
	background-image:url('../img/ideal_weight_42.jpg');
}

.productDescription dt.coatBeauty42 {
	min-height:40px;
	background-image:url('../img/coat_beauty_42.jpg');
	margin-bottom:15px;
}

.productDescription dd {
	float:left;
	width:295px;
	margin-bottom:15px;
}

.moreInformations {
	font-size:12px;
	
	clear:both;
	position:relative;
	padding-top:25px;
}

.moreInformations .paper .content {
	min-height:75px;
}

.moreInformations .paper p.text {
	margin-bottom:15px;
}

.moreInformations .paper a {
	font-size:12px;
	background-position:100% 2px;
}

.moreInformations .paper a:hover {
	background-position:100% -12px;
}

.moreInformations .leftPaper {
	float:left;
	width:305px;
}

.moreInformations .rightPaper {
	float:right;
	width:305px;
}
/* @end */



/**  
	* User reports pages definitions 
	*/
/* @group userreports */
body.reports #layout {
	background-image:url('../img/bg_erfahrungsberichte.jpg');
}

body.reports .rightDecorations {
	background:transparent url('../img/katze_nahrungsakzeptanz_rechts.jpg') no-repeat 1124px 550px;
}

body.reportsForm .rightDecorations {
	background:transparent url('../img/katze_erfahrungsberichte_schreiben_rechts.jpg') no-repeat 1185px 380px;
}

body.reportsFormPage2 .rightDecorations {
	background:transparent url('../img/katze_faq_rechts.jpg') no-repeat 985px 370px;
}

body.reportsFormPage3 .rightDecorations {
	background:transparent url('../img/katze_erfahrungsberichte_schreiben3_rechts.jpg') no-repeat 985px 510px;
}

/**
 * Intro / Yields
 *
 * @author		S. Schnoor
 * @date			15.01.2009
 */
body.reports .intro {
	font-size:12px;
	
	width:auto;
}

body.reports .intro .text {
	float:left;
	width:270px;
	padding-top:15px;
	margin-bottom:37px;
}

body.reports .intro .text p {
	margin-bottom:1em;
}

body.reports .intro .yields {
	float:left;
	margin-top:15px;
	margin-left:40px;
}

body.reports .intro .yields h4 {
	color:#E63A88;
	font-size:17px;
	font-weight:bold;
	text-transform:uppercase;
	margin-bottom:15px;
}

body.reports .intro .yields ul {
	list-style-type:none;
}

body.reports .intro .yields ul li {
	float:left;
	width:69px;
	height:69px;
	background-repeat:no-repeat;
	background-position:0 0;
	margin-right:45px;
}

body.reports .intro .yields ul li.year {
	background-image:url('../img/jahresration.gif');
}

body.reports .intro .yields ul li.halfYear {
	background-image:url('../img/halbjahresration.gif');
}

body.reports .intro .yields ul li.threeMonth {
	background-image:url('../img/dreimonatsration.gif');
	margin-right:0;
}


/**
 * Others
 *
 * @author		S. Schnoor
 * @date			15.01.2009
 */
body.reports hr {
	color:#fdeaf4;
	
	clear:both;
	height:1px;
	background-color:#fdeaf4; 
	border:none;
	margin-bottom: 20px;
}

body.reports p.annotation {
	clear:both;
}


/**
 * Formular pages 
 *
 * @author		S. Schnoor
 * @date			15.01.2009
 */
body.reportsForm #layout {
	background-image:url('../img/bg_reportsformular.jpg');	
}
 
body.reportsForm ul.steps {
	font-size:12px;
	list-style-type:none;
	border-top:1px solid #fbdbe9;
	margin-top:50px;
}

body.reportsForm ul.steps li {
	float:left;
	position:relative;
	top:-7px;
	padding-top:20px;
	background:transparent url('../img/form_steps_pointer.gif') no-repeat 50% 0;
	margin-right:40px;
}

body.reportsForm ul.steps li.current {
	color:#e63a88;
	background-position:50% -66px;
}

form {
	font-size:12px;
	
	clear:both;
	padding-top:15px;
}

form p {
	margin-bottom:8px;
}

body.reportsForm form p.stepDescription {
	margin-bottom:-15px;
}

form h4 {
	color:#E63A88;
	font-size:14px;
	font-weight:normal;
	text-transform:uppercase;
	
	clear:both;
	padding-top:35px;
	margin-bottom:8px;
}

form h4.newSection {
	padding-top:20px;
}

form p.hint {
	margin-top:-8px;
}

form input, form select, form textarea {
	padding:2px;
	border:1px solid #e73f8b;
}

form .fields {
	float:left;
	width:315px;
}

form .fields label,
form .fields span.set {
	float:left;
	width:110px;
	padding-right:10px;
}

form .fields label span {
	font-size:10px;
}

form .fields input {
	width:180px;
}

form .fields select {
	width:185px;
}

form .fields select#pet1_birthday_dd, 
form .fields select#pet1_birthday_mm,
form .fields select#pet2_cat_birthday_dd, 
form .fields select#pet2_cat_birthday_mm,
form .fields select#pet2_dog_birthday_dd, 
form .fields select#pet2_dog_birthday_mm {
	width:46px;
	margin-right:1px;
}

form .fields select#pet1_birthday_yyyy,
form .fields select#pet2_cat_birthday_yyyy,
form .fields select#pet2_dog_birthday_yyyy {
	width:85px;
}

form .products {
	float:left;
	width:215px;
	margin-left:10px;
}

form .products ul {
	font-size:10px;
	list-style-type:none;
}

form .products ul li {
	float:left;
	width:105px;
	padding-bottom:2px;
}

form .products ul li input {
	position:relative;
	top:3px;
	border:1px solid #e73f8b !important;
}

form .questions {
	clear:both;
}

form .questions ul {
	list-style-type:none;
}

form .questions ul li {
	padding-bottom:2px;
}

form .questions ul li input {
	position:relative;
	top:3px;
}

form p.mandatory  {
	clear:both;
	/*font-size:10px;*/
	
	margin-top:8px;
	margin-bottom:20px;
}

form p.button input:hover, 
form p.button input:focus {
	background-position:0 100%;
}

form p.button input {
	color:#FFFFFF;
	font-size:12px;
	font-weight:bold;
	
	width:165px;
	padding:7px 0 9px;
	background:transparent url(../img/send_button.gif) no-repeat scroll 0 0;
	border:none;
	margin-top:15px;
	cursor:pointer;
}

body.reportsForm form .packshootdeco {
	background:transparent url('../img/probierbox_gross.jpg') no-repeat 100% 100%;
}

body.reportsForm form p.bigButton input {
	width:210px;
	background:transparent url(../img/send_button_gross.gif) no-repeat scroll 0 0;
}

form .fields label.min {
	display:inline;
	float:none;
	padding-right:0px;
}

form .fields input#street {
	width:140px;
}

form .fields input#houseno {
	width:30px;
}

form .fields input#zip {
	width:50px;
}

form .fields input#place {
	width:120px;
}

form fieldset.fullWidth {
	clear:both;
	float:none;
	width:100%;
}

form p.selectPet input,
form p.selectPet label,
form ul#second_animal_radios li input, 
form ul#second_animal_radios li label {
	float:none;
	width:auto;
}

form p.selectPet input,
form ul#second_animal_radios li input {
	position:relative;
	top:2px;
}

form ul#second_animal_radios {
	list-style-type:none;
}

form ul#second_animal_radios li {
	float:left;
	margin:0 20px 25px 15px; 
}

form ul#second_animal_radios li label {
	padding-left:5px;
}

form textarea {
	width:180px;
}

body.yieldFormular form textarea {
	width:380px;
}

form fieldset.fullWidth fieldset.fullWidth {
	margin-bottom:25px;
}

form fieldset.sendOptions {
	clear:both;
}

form fieldset.sendOptions p {
	clear:both;
}

form fieldset.sendOptions input {
	float:left;
	width:auto;
	position:relative;
	top:2px;
	margin-right:10px;
}

form fieldset.sendOptions span {
	display:block;
	float:left;
	width:470px;
	padding-bottom:25px;
}

form fieldset.sendOptions span.mailerror {
	color:#E73F8B;
	float:none;
	color:#E73F8B;
	padding-left:22px;
	background:transparent url('../img/error_icon.gif') no-repeat 0 0%;
	margin-left:-22px;
	padding-bottom:7px;
}

form fieldset.sendOptions em {
	font-size:10px;
	font-style:normal;
	line-height:12px;
}

form ul.productSelect {
	list-style-type:none;
	margin-top:15px;
}

form ul.productSelect li {
	float:left;
	position:relative;
	width:195px;
}

form ul.productSelect li label {
	display:block;
	float:right;
	margin-right:43px;
}

form ul.productSelect li label img {
	position:relative;
	left:-15px;
	margin-bottom:5px;
}

form ul.productSelect li input {
	float:left;
	position:relative;
	top:66px;
}

form fieldset.comments {
	clear:both;
	float:none;
	width:500px;
}

form fieldset.comments h4 label {
	float:none;
	display:inline;
}

form fieldset.comments textarea {
	width:500px;
}

body.jsEnabled #second_animal_radios,
body.jsEnabled #second_animal_fields_cat,
body.jsEnabled #second_animal_fields_dog {
	display:none;
}

body.jsEnabled #second_animal_fields_dog input {
	width:350px;
}

body.jsEnabled #second_animal_fields_dog #pet2_dog_breed,
body.jsEnabled #second_animal_fields_dog #pet2_dog_gender {
	width:356px;
}

body.jsEnabled #second_animal_fields_dog #pet2_dog_birthday_yyyy {
	width:256px;
}
/* @end */



/**  
	* FAQ page definitions 
	*/
/* @group faq */
body.faq .rightDecorations {
	background:transparent url('../img/katze_faq_rechts.jpg') no-repeat 800px 192px;
}

body.faq #layout {
	background-image:url('../img/bg_home.jpg');
}

/**
 * Intro
 *
 * @author		S. Schnoor
 * @date			15.01.2009
 */
body.faq .intro {
	font-size:12px;
	
	width:535px;
}

/**
 * FAQ List
 *
 * @author		S. Schnoor
 * @date			15.01.2009
 */
body.faq dl {
	font-size:12px;
	
	clear:both;
	width:510px;
	margin-top:15px;
	margin-bottom:30px;
}

body.faq dl dt {
	font-weight:bold;
	line-height:16px;
	
	padding-left:30px;
	padding-bottom:2px;
	background:transparent url('../img/faq_buttons.gif') no-repeat 0 0;
	margin-top:10px;
	cursor:pointer;
}

body.faq dl dt:hover {
	background-position:0 -61px;
}

body.faq dl dt.current {
	display:none;
}

body.faq dl dd {
	display:none;
	position:relative;
	margin-top:30px;
}

body.faq dl dd.current {
	display:block;
}

body.faq dl dd .paper {
	margin-left:8px;
	margin-bottom:25px;
}

body.faq dl dd .paper .content {
	padding:20px 25px !important;
}

body.faq dl dd .paper h4 {
	color:#E63A88;
	font-size:14px;
	font-weight:normal;
	text-transform:uppercase;
	
	margin-bottom:12px;
}

body.faq dl dd li {
	margin-left:15px;
	margin-bottom:6px;
}

body.faq dl dd .paper p {
	margin-top:1em;
}

body.faq dl dd p.close {
	position:absolute;
	top:-16px;
	left:-1px;
	width:30px;
	height:30px;
	background:transparent url('../img/faq_buttons.gif') no-repeat 100% 0;
	cursor:pointer;
}

body.faq dl dd p.close:hover {
	background:transparent url('../img/faq_buttons.gif') no-repeat 100% -51px;
}

body.faq #content .paper .topleft {
	background:transparent url('../img/faqpaper_topleft.gif') no-repeat 0 0;
}

body.faq #content .paper .topRight {
	background:transparent url('../img/faqpaper_topright.gif') no-repeat 100% 0;
}

body.faq #content .paper .bottomLeft {
	background:transparent url('../img/faqpaper_bottomleft.gif') no-repeat 0 0;
}

body.faq #content .paper .bottomRight {
	background:transparent url('../img/faqpaper_bottomright.gif') no-repeat 100% 0;
}

body.faq #content .paper .content {
	background:#f9d2e4 url('../img/faqpaper_content_bg.gif') no-repeat 0 0;;
}
/* @end */



/**  
	* Yield pages definitions 
	*/
/* @group yield */
body.yield #layout {
	background-image:url('../img/bg_yield.jpg');	
}

/**
 * Intro
 *
 * @author		S. Schnoor
 * @date			15.01.2009
 */
body.yield .intro {
 font-size:12px;
}

body.yield .intro ol {
	float:left;
	width:290px;
	margin:15px 0 0 20px;
}

body.yield .intro .yields {
	float:right;
	position:relative;
	width:235px;
	height:185px;
	margin-top:15px;
}

body.yield .intro .yields h4 {
	color:#E63A88;
	font-size:17px;
	font-weight:bold;
	text-align:center;
	text-transform:uppercase;
	
	position:absolute;
	top:145px;
	left:72px;
	width:85px;
	margin-bottom:15px;
}

body.yield .intro .yields ul {
	list-style-type:none;
}

body.yield .intro .yields ul li {
	position:absolute;
	top:0;
	left:0;
	width:91px;
	height:91px;
	background-repeat:no-repeat;
	background-position:0 0;
}

/**
 * Prices
 *
 * @author		S. Schnoor
 * @date			15.01.2009
 */
body.yield .intro .yields ul li.year {
	left:70px;
	background-image:url('../img/jahresration_gross.gif');
}

body.yield .intro .yields ul li.halfYear {
	top:71px;
	background-image:url('../img/halbjahresration_gross.gif');
}

body.yield .intro .yields ul li.threeMonth {
	top:71px;
	left:139px;
	background-image:url('../img/dreimonatsration_gross.gif');
	margin-right:0;
}

body.yield .intro .yields p {
	font-size:10px;
	
	position:absolute;
	top:230px;
}

/**
 * Formular
 *
 * @author		S. Schnoor
 * @date			15.01.2009
 */
body.yield .question {
	float:left;
	width:366px;
	margin-top:25px;
}

body.yield .question .paper {
	margin-bottom:25px;
}

body.yield .question .paper .content {
	min-height:180px;
	padding:10px 20px !important;
}

body.yield .question .paper .content h5 {
	color:#000;
	font-size:12px;
	font-weight:bold;
}

body.yield .question .paper .content ul {
	font-size:12px;
	line-height:16px;
	list-style-type:none;
	margin-top:16px;
}

body.yield .question .paper .content ul li input {
	vertical-align:bottom;
}

body.yield .question .paper .content ul li span {
	padding-left:16px;
}

body.yield .question p.read {
	font-size:12px;
	margin-bottom:150px;
}

body.yield .question p.read a {
	font-size:12px;
	background-position:100% 2px;
}

body.yield .question p.read a:hover {
	background-position:100% -12px;
}

body.yield .question form p input {
	color:#fff;
	font-size:12px;
	font-weight:bold;
	
	width:201px;
	padding:5px 0 8px 0;
	background:transparent url('../img/button.gif') no-repeat 0 0;
	border:none;
	margin-top:15px;
	cursor:pointer;
}

body.yield .question form p input:hover,
body.yield .question form p input:focus {
	background-position:0% 100%;
}

body.yield .question .paper .content .worngAnswer {
	display:none;
}

body.yield .question .paper .content .worngAnswer h5 {
	color:#E63A88;
	font-size:14px;
	font-weight:normal;
	text-transform:uppercase;
	margin-top:40px;
	margin-bottom:8px;
}

/**
 * Thanks pages
 *
 * @author		S. Schnoor
 * @date			15.01.2009
 */
body.yield .rightDecorations {
	background:transparent url('../img/katze_nahrungsakzeptanz_umfeld_rechts.jpg') no-repeat 1030px 240px;
}

body.yield .thanksIntro {
	width:440px;
}

body.yield .thanksIntro p {
	margin-bottom:1em;
}

body.yield .thanksIntro p.return {
	margin-top:40px;
}

body.thanks .productsTeaser {
	left:175px;
	margin-bottom:95px;
}

body.yieldFormular .intro {
	width:540px;
}

body.yieldFormular .intro p {
	margin-bottom:1em;
}
/* @end */


/**  
	* Plugins 
	*/
/* @group plugins */
/**
 * Bubble popup window
 *
 * @author		S. Schnoor
 * @date			15.01.2009
 */
#jPopupBubble {
	position: absolute;
	top: 0;
	left: 0;
	width: 350px;
	z-index: 200;
}

body.products #jPopupBubble {
	width:350px;
}

#jPopupBubble .jPopupBubble_title_bar {
	position: relative;
	height: 43px;
	background-image: url(../img/jPopupBubble_top_left_border.png);
	background-repeat: no-repeat;
}

body.products #jPopupBubble .jPopupBubble_title_bar {
	height:24px;
}
	
#jPopupBubble .jPopupBubble_title_bar_inner {
	color:#fff;
	font-size:12px;
	font-weight:bold;
	height:18px;
	padding:25px 0px 0 10px;
	background-image: url(../img/jPopupBubble_top_border.png);
	background-repeat: repeat-x;
	margin: 0 30px 0 16px;
}

#jPopupBubble a.jPopupBubble_title_bar_close {
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	width: 30px;
	height: 43px;
	background-image: url(../img/jPopupBubble_close.png);
	background-repeat: no-repeat;
}

#jPopupBubble a.jPopupBubble_title_bar_close:hover {
	background-position: 0 100%;
}

#jPopupBubble .jPopupBubble_title_bar_close span {
	display: none;
}

#jPopupBubble .jPopupBubble_content {
	position: relative;
	background-image: url(../img/jPopupBubble_left_border.png);
	background-repeat: repeat-y;
	margin: -1px 0;
}

#jPopupBubble .jPopupBubble_content_inner {
	background-color:#746e72;
	padding:15px 0px 0 10px;
	margin: 1px 30px 0 16px;
}

body.products #jPopupBubble .jPopupBubble_content_inner {
	padding-top:5px;
}

#jPopupBubble .jPopupBubble_content_inner {
	color:#fff;
}

#jPopupBubble .jPopupBubble_content_inner dl {
	margin-bottom:-10px;
}

#jPopupBubble .jPopupBubble_content_inner dt {
	font-weight:bold;
}

#jPopupBubble .jPopupBubble_content_inner dd {
	padding-bottom:8px;
}

#jPopupBubble .jPopupBubble_content_right {
	position: absolute;
	top: 0;
	right: 0;
	width: 30px;
	height: 100%;
	background-image: url(../img/jPopupBubble_right_border.png);
	background-repeat: repeat-y;
}

#jPopupBubble .jPopupBubble_footer {
	position: relative;
	height: 30px;
	background-image: url(../img/jPopupBubble_bottom_left_border.png);
	background-repeat: no-repeat;
}

#jPopupBubble .jPopupBubble_footer_inner {
	height: 30px;
	background-image: url(../img/jPopupBubble_bottom_border_top.gif);
	background-position: 0% 0%;
	background-repeat: repeat-x;
	margin: 1px 30px 0 16px;
}

#jPopupBubble .jPopupBubble_footer_inner_arrow {
	position: relative;
	top: 18px;
	height: 30px;
	background-image: url(../img/jPopupBubble_bottom_border.png);
	background-position: 50% 100%;
	background-repeat: repeat-x;
	/*margin:0 30px 0 16px;*/
}

#jPopupBubble .jPopupBubble_footer_right {
	position: absolute;
	top: 0;
	right: 0;
	width: 30px;
	height: 30px;
	background-image: url(../img/jPopupBubble_bottom_right_border.png);
	background-repeat: no-repeat;
}