@import url("rte.css");

/*** MAIN STYLES ***/

html, body {
  margin: 0;
  padding: 0;
}

img {
  border: 0;
}

form {
  margin: 0;
  padding: 0;
}

/*** LAYOUT ***/

body {
  background-image: url("../img/background.jpeg");
  background-repeat: repeat-x;
}

#body {
  position: relative;
  margin: 0 auto;
  width: 892px;
}

#logo {
  position: absolute;
  top: 30px;
  left: 0px;
}
#channel {
  position: absolute;
  top: 0px;
  left: 480px;
}

#login * { /* for IE */
  cursor: pointer; /* for IE5.5 this should be hand */
}

#login-iframe {
  position: absolute;
  top: 0px;
  left: 500px;
}

#changeworld * { /* for IE */
  cursor: pointer; /* for IE5.5 this should be hand */
}

#changeworld {
  position: absolute;
  top: 0px;
  left: 320px;
  overflow:hidden;
}

#search {
  position: absolute;
  top: 24px;
  left: 727px;
}

#facebook {
  position: absolute;
  top: 0px;
  right: 10px;
}

#navbar {
  position: absolute;
  top: 30px;
  right: 5px;
}

/*** TOP LINKS ***/

/*
#login a {
	float: 			left;
	display:block;
	background: 		url('../img/top_left_both_n.gif') left top no-repeat;
	padding: 		0 0 0 6px;
	position:		relative;
	color:  		#fff;
	text-decoration: 	none;
}

#login a span {
	float: 			left;
	height: 		18px;
	display:		block;
	background:		url('../img/top_right_both_n.gif') right top no-repeat;
	padding:		4px 42px 4px 5px;
	position:		relative;
}

#login a:hover {
	background-position: 	0% -26px;
}
#login a:hover span {
	background-position: 	100% -26px;
}
*/

#login a,#my-rc a {
    float:          left;
    display:block;
    background:         url('../img/top_left_both_n.gif') left top no-repeat;
    padding:        0 0 0 6px;
    position:       relative;
    color:          #fff;   
    text-decoration:    none;
}
#login a {
    background:         url('../img/top_left_both_n.gif') left -26px no-repeat;
}
        
#login a span,#my-rc a span{
    float:          left;
    height:         18px;
    display:        block;
    background:     url('../img/top_right_both_n.gif') right top no-repeat;
    padding:        4px 42px 4px 5px;
    position:       relative;
} 
#my-rc a span{
    height:         36px;
}
#my-rc a span{
    padding: 4px 11px 4px 5px;
    background:     url('../img/top_right_reg_both_n.gif') right top no-repeat;
}     
    
#login a:hover {
    background-position:    0% -78px;
}
#my-rc a:hover, #my-rc a.active {
    background-position:    0% -62px;
} 
#login a:hover span {
    background:     url('../img/top_right_both_n.gif') right -26px no-repeat!important;
}
#my-rc a:hover span, #my-rc a.active span {
    background-position:    100% -62px;
} 

#my-rc * { /* for IE */
  cursor: pointer; /* for IE5.5 this should be hand */ 
}

#my-rc {
  width:210px;
}

#changeworld a {
        float: left;
        display:block;
        width:39px;
        height:57px;
        color: #fff;
        text-decoration: none;
		margin:0 14px 0 0;
}

/*** BREADCRUMBS ***/

#breadcrumbs {
  position: absolute;
  top: 103px;
  left: 250px;
  color: #333333;
}

#breadcrumbs ul {
	list-style-type: none;
	margin:0;
	padding:0;
}

#breadcrumbs ul li {
	float: left;
}

#breadcrumbs a, #breadcrumbs a:link, #breadcrumbs a:visited {
  color: #333333;
  text-decoration: none;
	display:block;
	padding-right: 12px;
	margin-right: 2px;
	background:url('../img/barrow.gif') right top no-repeat;
}

#breadcrumbs a:hover, #breadcrumbs a:active {
  color: #000;
  text-decoration: underline;
	background:url('../img/barrow.gif') right top no-repeat;
}

#breadcrumbs span.current {
  color: #DF0024;
}

/*** FOOTER ***/

#footer {
  padding: 20px 0 10px 0;
  width: 100%;
  text-align: center;
  color: #333333;
  font-size: 11px;
}

#footer a, #footer a:link, #footer a:visited {
  color: #333333;
  text-decoration: none;
}

#footer a:hover,  #footer a:active {
  color: #000;
  text-decoration: underline;
}

#footer ul{
	margin:4px 0 8px 0;
	text-align:center;
  padding: 0;
  list-style-type: none;
}

#footer ul li{
	display:inline;
}
#footer ul li a{
	display:inline;
	padding: 0 6px;
	border-right: 1px solid #333;
}
#footer ul li.last a{
	border: 0;
}

/* content frame */

#frame {
  position: relative;
  padding-top: 90px;
}
#frame-middle {
  position: relative;
  background-image: url("../img/frame-middle.gif");
  background-repeat: repeat-y;
}
#frame-top {
  width: 892px;
  height: 17px;
  background-image: url("../img/frame-top.gif");
  background-repeat: no-repeat;
}
#frame-bottom {
  width: 892px;
  height: 13px;
  background-image: url("../img/frame-bottom.gif");
  background-repeat: no-repeat;
}

#contentarea {
  width: 100%;	/* needed for IE7 */
  padding-top: 50px;
}

#contentarea a {
  color: #DF0024;
}
#contentarea a:hover {  
  text-decoration: none;
}

#search {
	padding-top:2px
}
#search input.text {
  border-color: #191919 rgb(145, 145, 145) rgb(145, 145, 145) rgb(25, 25, 25);
  border-style: solid;
  border-width: 2px;
border:none;
background-color:#fff;
  color: #333333;
}

/*** VERTICAL MENU AND LEFT COLUMN ***/

#sub-menu, #sub-menu ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

#sub-menu, #left-col {
  margin-left: 5px;
}

#left-col p{
margin: 5px;
}

#sub-menu li a {
	padding: 4px 10px;
	color: #3e3e3e;
	background-color: #cacaca;
	display:block;
	text-decoration: none;
	font-weight: bold;
	border-bottom: 1px solid #333;
}
#sub-menu li.level2 a {
	padding: 4px 15px;
}
#sub-menu li.level3 a {
	padding: 4px 20px;
}
#sub-menu li.level4 a {
	padding: 4px 25px;
}
#sub-menu li.level5 a {
	padding: 4px 30px;
}
#sub-menu li.level6 a {
	padding: 4px 35px;
}
#sub-menu li.last a {
	background-color: #fff;
}
#sub-menu li a:hover, #sub-menu li.last a:hover, #sub-menu li.current a {
	background-color: #df0024;
	color: #fff;
}
#sub-menu li.current li a {
	color: #3e3e3e;
	background-color: #fff;
}
#sub-menu li.current li a:hover {
	background-color: #df0024;
	color: #fff;
}
/* #todo */
#sub-menu li.current a.last {
	background-color: #fff;
	color: #df0024;
}

/*******************/

/* one content column */

#left {
  display: none;
}

#right {
  display: none;
}

#container {
  float: left;
  width: 100%;
}


.cf {
	*display:inline-block;
	clear: both;
}

.cf:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both;
    visibility: hidden;
}

dfn,.invisible{position:absolute;left:-1000px;top:-1000px;width:0px;height:0px;overflow:hidden;display:inline}

/* IE6 hack */
* html li .invisible {
    display: none;
}


fieldset{border:none}
fieldset{border:none;margin:0;padding:0}

.csc-mailform-field{padding:1px 0}
.csc-mailform-field label{width:150px;display:block;float:left}
.csc-mailform-field input{width:200px}
.csc-mailform-field textarea{width:400px;height:80px}
.csc-mailform-field input.csc-mailform-submit{width:auto;margin-top:10px}

/*** SITEMAP ***/

.sitemap ul, .sitemap h1, .sitemap h2, .sitemap h3, .sitemap h4, .sitemap div, .sitemap li {
  margin: 0;
  padding: 0;
}

ul.sitemap {
  width: 604px;
  margin: 0;
  padding: 0;
}

#contentarea .sitemap a {
  display: block;
  color: #333333;
  text-decoration: none;
  font-size: 11px;
  font-weight: bold;
  padding: 4px;
}

.sitemap li {
  list-style-type: none;
}

.sitemap h2 {
  border-bottom: solid #9E9E9E 2px;
  margin-top: 8px;
  margin-bottom: 1px;
}

.sitemap h3 {
  float: left;
  width: 200px;
  border-top: solid #fff 2px;
}

.sitemap h3.kinderlos {
  width: 604px;
}

.sitemap h4 {
  float: left;
  width: 200px;
  border-top: solid #fff 2px;
}

.sitemap h4.kinderlos {
  width: 402px;
}

.sitemap .spalte1 li {
  background-color: #9E9E9E;
}

.sitemap .spalte2 {
  float: left;
  border-left: solid #fff 2px;
}

.sitemap .spalte2 li.odd {
  background-color: #D6D4D5;
}

.sitemap .spalte2 li.even {
  background-color: #C3C1C2;
}

.sitemap .spalte3 {
  float: left;
  border-left: solid #fff 2px;
}

.sitemap .spalte3 li {
  border-top: solid #fff 2px;
  width: 200px;
}

.sitemap li.odd .spalte3 li {
  background-color: #E3E2E2;
}

.sitemap li.even .spalte3 li {
  background-color: #D7D5D6;
}

.clear0, .clear1 {
  clear: left;
  /* for IE6: we need a size, therefore we need to make it fit to the design */
  height: 1px;
  font-size: 1px;
  line-height: 1px;
  background-color: #fff;
}

/*
.clear1 {
  clear: left;
  height
}
*/

.sitemap .clear2 {
  clear: left;
  /* for IE6+7: we need a size, therefore we need to make it fit to the design */
  height: 1px;
  width: 200px;
  margin-left: 200px;
  border-left: solid #fff 2px;
  /* for IE6 only */
  font-size: 1px;
  line-height: 1px;
}
.sitemap li.odd .clear2 {
  background-color: #E3E2E2;
}
.sitemap li.even .clear2 {
  background-color: #D7D5D6;
}
.sitemap li.odd .clear2.kinderlos, .sitemap li.even .clear2.kinderlos {
  background-color: transparent;
  border: none;
}

.news-list-item{margin: 0 0 1.5em 0}

div.news-amenu-container{margin: 1.5em 0 2em 0}
div.news-amenu-container ul{list-style-type:none;margin:0;padding:0}
div.news-amenu-container li{padding:0;margin:0 0 0.5em 2em;display:block}
div.news-amenu-container li.news-amenu-item-year {margin:1em 0 0 1em!important;font-weight:bold}


#intro {padding:16px 50px 10px 50px}
#intro p{color:#333!important;text-align:center}

.csc-textpic{overflow:auto}
.csc-textpic-caption{font-size:11px;color:#666;font-style:italic}
.stflcontainer img{margin:auto!important}

.header-layout-2 h1 {
  padding-bottom: 2px;
  border-bottom: 1px solid #959595;
}

.header-layout-3 h1 {
  padding: 2px;
  background-color: #959595;
  color: #fff;
}

.header-layout-4 h1 {
  padding: 2px;
  background-color: #DF0024;
  color: #fff;
}

.header-layout-5 h1 {
  padding: 2px;
  background-color: #959595;
  color: #000;
}

.header-layout-6 h1 {
  padding: 2px;
  background-color: #E3BC7C;
  color: #fff;
}

.product-teaser-item {
  background-repeat: no-repeat;
}
.product-teaser-title {
  width: 210px;
  border-bottom: dotted 1px #000;
  font-size: 16px;
  font-weight: normal;
}
.product-teaser-title a {
  text-decoration: none;
}

td {vertical-align:top}


.user-rcpromotion-pi1 .error {
    color: #df0024;
}
.user-rcpromotion-pi1 p, .user-rcpromotion-pi1 h2 {
    clear:both;
}
.user-rcpromotion-pi1 .row {
    clear:both;
    display:block;
    overflow:hidden;
    margin:0 0 5px 0;
}
.user-rcpromotion-pi1 .row label{
    width:180px;
    display:block;
    float:left;
    margin-right:10px;
}
.user-rcpromotion-pi1 .row input{
    float:left;
}
.user-rcpromotion-pi1 .row input.text, .user-rcpromotion-pi1 .row select{
    width:200px;
}
.user-rcpromotion-pi1 .row div input, .user-rcpromotion-pi1 .row div label{
    display:inline;
    width:auto;
}
.user-rcpromotion-pi1 .row input.small {
    width:50px
}
.user-rcpromotion-pi1 .row input.inline {
    float:left;    margin:0 5px 0 0;
}
.user-rcpromotion-pi1 .pet-info-c {
    padding:10px;
    margin:0 0 10px 0;
    background-color:#ececec;
    overflow:hidden;
}


.zendform label{cursor:pointer;}
.zendform ul.errors{clear:both;list-style-type:circle;display:block;overflow:auto;color:#c00;font-weight:normal;background-color:#ececec;padding:10px 10px 10px 20px;margin-left:0}
.zendform .row{clear:both;overflow:auto;padding:2px 0 6px 0;margin:0 0 6px 0;border-bottom:1px solid #ccc}
.zendform .file-element label, .zendform .textarea-element label, .zendform .html-element label, .zendform .text-element label, .zendform .password-element label, .zendform .select-element label, .zendform .radio-element span.label{display:block;float:left;width:180px;margin-right:20px;line-height:20px;overflow:hidden;}
.zendform .submit-element{padding-left:155px;border-bottom:none}
.zendform .html-element p{line-height:20px;width:380px;float:left}

.zendform h2{margin-top:20px}
.zendform .ui-accordion h2{margin-top:0}
.zendform .ui-accordion h2 span{float:left}
.zendform .ui-accordion h2 span.controls{float:right}
.zendform .ui-accordion h2 span.controls a{display:block;float:left;width:16px;height:16px}
.zendform .ui-accordion h2 span.controls a.controls-new{background:url('../js/css/smoothness/images/ui-icons_454545_256x240.png') 0 -192px no-repeat}
.zendform .ui-accordion h2 span.controls a.controls-delete{background:url('../js/css/smoothness/images/ui-icons_454545_256x240.png') -32px -192px no-repeat}
.zendform .textarea-element textarea{width:300px;height:80px}
/*
.zendform .description{padding:5px;background-color:#fffbb3;color:#333;float:right;text-align:right;width:200px}
*/
.zendform .description{display:none}
.zendform .error label,.zendform .error span.label{color:#c00}
.zendform .errors a{text-decoration:none;font-weight:normal}

#user_rcpuppiesworld_pi2-file-preview{background:transparent url('../img/pw_uploadimg.jpg') top left no-repeat;width:470px;height:81px;overflow:hidden;display:block;clear:both;float:none}
.user-rcpuppiesworld-pi2 #user_rcpuppiesworld_pi2-file-preview{margin:5px 0 0 0;padding:5px 0;overflow:hidden}
.user-rcpuppiesworld-pi2 #user_rcpuppiesworld_pi2-file-preview ul{list-style-type:none;padding:7px 0 0 0;margin:0;overflow:hidden;}
.user-rcpuppiesworld-pi2 #user_rcpuppiesworld_pi2-file-preview ul li{display:block;float:left;margin:0 0 0 16px;width:60px;height:55px;overflow:hidden}

.user-rcpuppiesworld-pi1 a, .user-rcpuppiesworld-pi2 a, .user-rcpuppiesworld-pi10 a{text-decoration:none!important;color:#000!important;font-weight:bold!important}
.user-rcpuppiesworld-pi10{overflow:hidden;margin:0 0 40px 0}

.puppies-gallery-pager {overflow:hidden;margin:5px 10px}
.puppies-gallery-pager a:hover{cursor:pointer;background-color:#ccc}
.puppies-gallery-pager a,.puppies-gallery-pager span {display:block;float:left;padding:2px 5px;color:#000!important}
.puppies-gallery-pager span {background-color:#666;color:#fff!important}

.tx-felogin-pi1 div{margin:0 0 15px 0}
.tx-felogin-pi1 fieldset legend{display:none}

.file-preview{background:transparent url('../img/pw_uploadimg.jpg') top left no-repeat;overflow:hidden;width:470px;height:81px;display:block;clear:both;float:none;margin:5px 0 0 0;padding:5px 0;}
.file-preview p{margin:1em 0 0 0;}
.file-preview ul{list-style-type:none;padding:7px 0;margin:0;overflow:hidden;}
.file-preview ul li{display:block;float:left;margin:0 0 0 16px;width:60px;height:55px;overflow:hidden}

#login-form .row {
    clear:both;
    display:block;
    overflow:hidden;
    margin:0 0 5px 0;
}
#login-form .row label{
    width:80px;
    display:block;
    float:left;
    margin-right:10px;
}
#login-form .row input{
	width:150px;
    float:right;
}

#left-col .tx-felogin-pi1 {
	padding:20px 15px;
}

#pet-info-accordion {
	margin:0 0 15px 0
}

.ui-widget-header {
    background:#fff!important;
    color:#036!important;
    border:none!important;
}
.ui-widget-content a.new {
  color:#DF0024;text-decoration:none;font-weight:normal;
  font-size:14px;
  line-height:18px;
  background:url('../img/arrow_n.gif') 0 2px no-repeat;
  padding-left:18px;
}
.ui-widget-content a.new:hover {
  background:url('../img/arrow_h.gif') 0 2px no-repeat;
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
    float:left!important;
    margin-left:5px;
}
.ui-tabs .ui-tabs-nav {
    padding-left:1em;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected {
    margin-bottom:0;
    padding-bottom:1px;
}
.ui-tabs .ui-tabs-nav li {
    border-bottom:0 none !important;
    float:left;
    list-style:none outside none;
    margin:0.5em 0.2em 1px 0.2em;
    padding:0.2em 0.5em 0 0.5em;
    position:relative;
    top:1px;
    white-space:nowrap;
}
.ui-tabs .ui-tabs-nav li {
    font-size: 12px;
}
.ui-tabs .ui-widget-header a { 
    color:#666!important;
}
.ui-tabs .ui-widget-header li.ui-tabs-selected {
    color:#df0024!important;
}

.user-rclnsync-pi1 table td {
  padding: 2px 10px 2px 0;
  border-bottom:1px solid #ccc;
}
.user-rclnsync-pi1 table td.date {
  width:6em;
}


/* SURVEY MODS */
.survey_item textarea{
	width:580px !important;
}
.questionComment{
	width:300px !important;
}
legend.question{
	width:600px !important;
	white-space:normal !important;
	white-space:normal;
	word-wrap: normal;
}

.tx-pbsurvey-pi1 table td {
	padding:0 0 2px 10px;
}
.tx-pbsurvey-pi1 span.question {
	display:block;
	margin-bottom:4px;
}

.zendform-contact .file-preview {
	display:none!important;
}

td.align-left p,th.align-left p,td.align-left,th.align-left,p.align-left, div.align-left { text-align: left; }
td.align-center p,th.align-center p,td.align-center,th.align-center,p.align-center, div.align-center { text-align: center; }
td.align-right p,th.align-right p,td.align-right,th.align-right,p.align-right, div.align-right { text-align: right; }
td.align-justify p,th.align-justify p,td.align-justify,th.align-justify,p.align-justify, div.align-justify { text-align: justify; }


/* BOOKSHELF */
.tx-p2nbookshelf-pi1 UL{
	background-image:url(/typo3conf/ext/p2n_bookshelf/res/shelf.png);
	list-style:none;
	background-position:0 86px;
	overflow:hidden;
	min-height:420px;
	margin:-10px 0 0 0;
	padding:0 0 0 44px;
}
	.tx-p2nbookshelf-pi1 UL LI{
		float:left;
		height:136px;
		width:100px;
		position:relative;
	}

	.tx-p2nbookshelf-pi1 UL LI A{
		float:left;
		position:absolute;
		bottom:0;
	}