@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 {
  position: absolute;
  top: 0px;
  left: 524px;
}

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

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

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

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

/*** TOP LINKS ***/

/*
#login a {
	float: 			left;
	display:block;
	background: 		url('../img/top_left_both.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.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,#registration a {
    float:          left;
    display:block;
    background:         url('../img/top_left_both.gif') left top no-repeat;
    padding:        0 0 0 6px;
    position:       relative;
    color:          #fff;   
    text-decoration:    none;
}
        
#login a span,#registration a span{
    float:          left;
    height:         18px;
    display:        block;
    background:     url('../img/top_right_both.gif') right top no-repeat;
    padding:        4px 42px 4px 5px;
    position:       relative;
} 
#registration a span{
    padding: 4px 11px 4px 5px;
    background:     url('../img/top_right_reg_both.gif') right top no-repeat;
}     
    
#login a:hover, #registration a:hover {
    background-position:    0% -26px;
} 
#login a:hover span, #registration a:hover span {
    background-position:    100% -26px;
} 

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

#registration {
  position: absolute;
  top: 0px;
  left: 614px;
}

#changeworld a {
        float: left;
        display:block;
        width:181px;
        height:56px;
        color: #fff;
        text-decoration: none;
}
#changeworld a span{
        display:block;
        padding:4px 0 0 34px;
}

/*** 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 .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 h2{margin-top:20px}
.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, .user-rcregistration-pi1 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}