/* @group Basis */

body{
	font: normal 11px/15px Verdana, Arial;
	color: #00244d;
	margin: 0;
	padding: 0;
}

p{
	margin: 0 0 5px 0;
}

h1 {
	font: bold 29px/33px Georgia, Times, serif;
	letter-spacing: 1px;
	text-transform: uppercase;
	color: #a89682;	
	margin: 0 0 9px 0;
}

h2 {
	font: bold 14px/18px Georgia, Times, serif;
	letter-spacing: 1px;
	text-transform: uppercase;
	padding: 0;
	margin: 0 0 4px 0;
}

h3 {
	font: bold 11px/15px Verdana, Arial;
	padding: 0;
	margin: 0 0 6px 0;
}

.bigMargin p,
.bigMargin h2 {
	margin: 0 0 13px 0;
}

.blackP {
	background-color: #00244D;
	font-weight: bold;
	color: #fff;
	display: inline;
	padding: 0 8px 2px 8px;
}

#rechtespalteBreit h2 {
	font: bold 12.5px/14px Georgia, Times, serif;
	letter-spacing: 1px;
	text-transform: uppercase;
	padding: 0;
	margin: 0 0 12px 0;
}

/* @end */

/* @group Klassen */

h2.verlauf {
	width: 804px;
	height: 25px;
	overflow: hidden!important;
	font: bold 14px/18px Georgia, Times, serif;
	color: #fff;
	letter-spacing: 1px;
	text-transform: uppercase;
	padding: 2px 0 0 24px;
	margin: 0;
	background: #e9e5e0 url(/images/h2verlaufback.jpg) no-repeat;
}

h2.verlaufWeiss {
	width: 804px;
	height: 25px;
	overflow: hidden!important;
	font: bold 14px/18px Georgia, Times, serif;
	color: #fff;
	letter-spacing: 1px;
	text-transform: uppercase;
	padding: 2px 0 0 24px;
	margin: 0;
	background: #fff url(/images/h2verlaufback.jpg) no-repeat;
}

.weiss {
	color: #fff;
}

.beige {
	color: #a89682;
}

.georgiaFont {
	font: normal 11.7px/18px Georgia, Times, serif;
	padding: 0;
	margin: 0;
}

.nomargin {
	margin: 0;
}

/* @end */

/* @group Links */

a:link,
a:visited {
	color: #00244d;
}

a:hover {
	color: #000;
}

/* @end */

/* @group Teaser */

.homeTeaser {
	width: 402px;	
	background-color: #e9e5df;	
}

.homeTeaserBild {
	float: left;
	margin: 0 auto 0 0;
}

.homeTeaserText {
	float: left;
	margin: 0 0 0 auto;
	width: 246px;
}

.homeTeaserTextPadder {
	padding: 0 0 0 18px;	
}

.homeTeaserText p {
	font: normal 11.7px/18px Georgia, Times, serif;
	padding: 0;
	margin: 0;
}

.homeTeaserText a:link,
.homeTeaserText a:visited {
	font-style: normal;
}

#linkespalte .homeTeaserBildPadder {
	padding: 0 0 0 24px;
}

#rechtespalte .homeTeaserBildPadder {
	padding: 0 0 0 18px;
	border-left: 1px solid #907c67;		
}

.gabelTeaser {
	width: 402px;	
	background-color: #e9e5df;	
}

.gabelTeaserBild {
	float: left;
	margin: 0 auto 0 0;
}

.gabelTeaserText {
	float: left;
	margin: 0 0 0 auto;
	width: 171px;
}

.gabelTeaserTextPadder {
	padding: 0 0 0 18px;	
}

.gabelTeaserText p {
	font: normal 11px/15px Verdana, Arial;
	padding: 0;
	margin: 0;
}

.gabelTeaserText a:link,
.gabelTeaserText a:visited {
	font-style: normal;
}

#linkespalte .gabelTeaserBildPadder {
	padding: 0 0 0 24px;
}

#rechtespalte .gabelTeaserBildPadder {
	padding: 0 0 0 18px;
	border-left: 1px solid #907c67;		
}

/* @end */

/* @group Spacer */

.spacer3px {
	height: 3px;
	overflow: hidden;
	background-color: #fff;
	margin: 0;
}

.spacerBeige1px {
	height: 1px;
	overflow: hidden;
	background-color: #e9e5e0;
	margin: 0 24px 15px 12px;
}

.spacer15px {
	height: 15px;
	overflow: hidden;	
}

/* @end */

/* @group StellenTeaser */

.stellencontainer {
	background-color: #fff;
	width: 100%;
	overflow: hidden;
	padding: 15px 0 0 0;
	border-bottom: 3px solid #e9e5e0;
}

.stellencontainer .scLinks,
.qcontainer .scLinks {
	background-color:#e9e5e0;
	width: 189px;
	float: left;
	margin: 0 auto 0 24px;
	display: inline;
}

.stellencontainer .scLinksP,
.qcontainer .scLinksP {
	padding: 10px 12px 12px 12px;
}

.stellencontainer .scLinks img,
.qcontainer .scLinks img {
	background-color: #fff;
	padding: 0 0 15px 0;
}

.stellencontainer .scRechts,
.qcontainer .scRechts  {
	background-color:#fff;
	float: right;
	width: 565px;
	margin: 0 24px 0 auto;
	display: inline;
}

.stellencontainer .scRechtsP,
.qcontainer .scRechtsP {
	padding: 10px 12px 7px 16px;
}


.qcontainer {
	background-color: #fff;
	width: 100%;
	overflow: hidden;
	padding: 15px 0 0 0;
}

/* @end */




.padderrechtespalteBreit p{
	color:#fff;
	margin: 0 0 5px 0;
}
.padderrechtespalteBreit #ruf{
	overflow: hidden;
	width: 132px;
}
.padderrechtespalteBreit #ruf .rufFeld {
	font: normal 11px/13px Verdana, Arial;
	color:#a89682;
	width:100%;
	border-bottom: none;
	border-right:none;
	border-top: 1px solid #907c82;
	border-left: 1px solid #907c82; 
	padding: 1px 0 2px 2px;
	margin: 0 0 12px 0;
}
.padderrechtespalteBreit #ruf .rufButton {
	float: right;
	width:58px; 
	height:27px;
}

.padderrechtespalteBreit a:link,
.padderrechtespalteBreit a:visited {
	color: #fff;
}

.padderrechtespalteBreit a:hover {
	color: #000;
}

.padderrechtespalteBreit ul {
	margin: 0 0 24px 0;
	padding: 0;
	text-align: left;	
}

.padderrechtespalteBreit ul li {
	margin: 0;
	padding: 0;
	text-align:left;
	list-style-type: none;
	display: inline;
}

.padderrechtespalteBreit li a:link,
.padderrechtespalteBreit li a:visited {
	width: auto;
	color: #fff;
	font-weight: bold;
	text-decoration: none;	
	padding: 0 0 5px 24px;
	margin: 0;
	display: block;
	background: url(/images/optionenPfeil.gif) no-repeat 0 1px;
}

.padderrechtespalteBreit li a:hover {
	color: #00244d;	
}

.agbs td p {
	margin-bottom: 12px;
}

/* @group Inhaltsstoffe Tabelle */

.inhaltsstoffe {
	background-color: #fff;
	width: 764px;
	margin-left: 20px;
	margin-bottom: 24px;
}

.inhaltsstoffe ul,
.inhaltsstoffe ol {
	margin: 0 0 0 15px;
}

.inhaltsstoffe ul li ul,
.inhaltsstoffe ul li ul li ul,
.inhaltsstoffe ol li ol,
.inhaltsstoffe ol li ol li ol {
	margin-bottom: 0;
}

.inhaltsstoffe ul {
	list-style-type: none;
	list-style-image: url(../images/ul-list-strich.png);
}

.inhaltsstoffe td {
	background-color: #E9E5E0;
	width: 20%;
	padding: 3px 5px 5px 5px;
	font-size: 10px;
}

.inhaltsstoffe td table td {
	padding: 0px;
	font-size: 10px;
}

.inhaltsstoffe .sp1header {
	background-color: #ce95b6;
	padding: 0px 1px 2px 5px;
	font-weight: bold;
}

.inhaltsstoffe .sp2header {
	background-color: #FDCA5E;
	padding: 0px 1px 2px 5px;
	font-weight: bold;	
}

.inhaltsstoffe .sp3header {
	background-color: #96CFED;
	padding: 0px 1px 2px 5px;
	font-weight: bold;	
}

.inhaltsstoffe .sp4header {
	background-color: #F4A8A8;
	padding: 0px 1px 2px 5px;
	font-weight: bold;	
}

.inhaltsstoffe .sp5header {
	background-color: #979BB0;
	padding: 0px 1px 2px 5px;
	font-weight: bold;	
}

/* @end */

/* @group Inhaltsstoffe Vita Tabelle */

.inhaltsstoffeV {
	background-color: #fff;
	width: 764px;
	margin-left: 20px;
	margin-bottom: 24px;
}

.inhaltsstoffeV ul,
.inhaltsstoffeV ol {
	margin: 0;
}

.inhaltsstoffeV ul li,
.inhaltsstoffeV ol li {
	margin: 0;
	padding: 0 0 0 8px;
	background: url(../images/ul-list-strich-ie.png) no-repeat 0 2px;
}

.inhaltsstoffeV ul {
	list-style-type: none;
	list-style-image: none;
}

.inhaltsstoffeV td {
	background-color: #E9E5E0;
	width: 20%;
	padding: 3px 5px 5px 5px;
	font-size: 10px;
}

.inhaltsstoffeV td table td {
	padding: 0px;
	font-size: 10px;
}

.inhaltsstoffeV .sp1header {
	background-color: #f6a44d;
	padding: 0px 1px 2px 5px;
	font-weight: bold;
}

.inhaltsstoffeV .sp2header {
	background-color: #a4646b;
	padding: 0px 1px 2px 5px;
	font-weight: bold;	
}

.inhaltsstoffeV .sp3header {
	background-color: #a4cf4d;
	padding: 0px 1px 2px 5px;
	font-weight: bold;	
}

.inhaltsstoffeV .sp4header {
	background-color: #c4bb99;
	padding: 0px 1px 2px 5px;
	font-weight: bold;	
}

.inhaltsstoffeV .sp5header {
	background-color: #709d64;
	padding: 0px 1px 2px 5px;
	font-weight: bold;	
}

/* @end */


/* @group Inhaltsstoffe2 Tabelle */

.inhaltsstoffe2 {
	background-color: #fff;
	width: 762px;
	margin-left: 20px;
	margin-bottom: 24px;
}

.inhaltsstoffe2 td {
	background-color: #E9E5E0;
	width: 184px;
	padding: 3px 5px 5px 5px;
	font-size: 10px;
}

.inhaltsstoffe2 td table td {
	padding: 0px;
	font-size: 10px;
}

.inhaltsstoffe2 .sp1header {
	background-color: #F5DC70;
	padding: 0px 1px 2px 5px;
	font-weight: bold;
}

.inhaltsstoffe2 .sp2header {
	background-color: #F0E88A;
	padding: 0px 1px 2px 5px;
	font-weight: bold;	
}

.inhaltsstoffe2 .sp3header {
	background-color: #F7F2C1;
	padding: 0px 1px 2px 5px;
	font-weight: bold;	
}



.inhaltsstoffe2 .sp5header {
	background-color: #C4CED8;
	padding: 0px 1px 2px 5px;
	font-weight: bold;	
}

/* @end */

/* @group InhaltsstoffeCat Tabelle */

.inhaltsstoffeCat {
	background-color: #fff;
	width: 372px;
	margin-left: 9px;
	margin-bottom: 18px;
}

.inhaltsstoffeCat td {
	background-color: #E9E5E0;
	width: 120px;
	padding: 3px 5px 5px 5px;
	font-size: 10px;
}

.inhaltsstoffeCat td table td {
	padding: 0px;
	font-size: 10px;
}


.inhaltsstoffeCat .spHeader {
	background-color: #FFD200;
	padding: 0px 1px 2px 5px;
	font-weight: bold;	
	height: 16px;
}



/* @end */

#headernavigation {
	color: #667c94;
}

#headernavigation a:link,
#headernavigation a:visited {
	color: #667c94;
	text-decoration: none;
}

#headernavigation a:hover {
	color: #fff;	
}

#headernavigation a.active:link,
#headernavigation a.active:visited {
	color: #fff;	
}

#footer {
	color: #a89682;
}

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

#footer a:hover {
	color: #00244d;	
}

#footer a.active:link,
#footer a.active:visited {
	color: #00244d;	
}

/* !FORMULARE */

.userForm {

}

.userForm h2 {
	margin-bottom: 12px;
}

.userForm p {
	margin: 0;
}

.userForm label{
	font-weight: bold;
}

.userForm .textFeld,
.inputfield,
.selectfield {
	border: none;
	background: #fff url(/images/formularfeld_back.gif) no-repeat;
	width:100%;
	padding: 2px;
	margin: 5px 0 12px 0;
}

.userForm .pflichtfeld {
	border: none;
	background: #fff url(/images/formularfeld_back_rot.gif) no-repeat;
	width:100%;
	padding: 2px;
	margin-bottom: 18px;
}

.userForm .pflichtfeldtext {
	color: #cf0014;
}

.userForm .textArea {
	font: normal 11px/15px Verdana, Arial;
	border: none;
	background: #fff url(/images/textarea_back.gif) no-repeat;
	width:100%;
	padding: 2px;
	margin-bottom: 3px;
}

.userForm td {
	overflow: hidden;
}

#meinHundHeader {
	height: 313px;
	background-color: #e9e5df;
	position: relative;
}

#meinHundHeaderText {
	position: absolute;
	width: 200px;
	top: 80px;
	left: 24px;
}

.meinHundHeaderBildSchatten0 {
	position: absolute;
	top:84px;
	left:255px;
	background: url(/images/meinHundHeaderBildSchatten.png) no-repeat;
	padding: 7px 13px 12px 7px;
}

.meinHundHeaderBildSchatten1 {
	position: absolute;
	top:70px;
	left:425px;
	background: url(/images/meinHundHeaderBildSchatten.png) no-repeat;
	padding: 7px 13px 12px 7px;
	z-index: 3;
}

.meinHundHeaderBildSchatten2 {
	position: absolute;
	top:84px;
	left:596px;
	background: url(/images/meinHundHeaderBildSchatten.png) no-repeat;
	padding: 7px 13px 12px 7px;
}

.meinHundHeaderBildName { 
	font-family: Georgia;
	font-size: 11px;
	font-weight: bold;
	color: #fff;
	text-transform: uppercase;
	background: url(/images/hundeNameBackL.gif) no-repeat;
	padding-left: 7px;
}

.meinHundHeaderBildNameDiv {
	position: absolute;
	top: 168px;
	text-align: center;
	width: 170px;
	left: 7px;
}

.meinHundHeaderBildNameT {
	margin: 0 auto 0 auto;
	z-index: 200;
}

.meinHundDetailBildNameT {
	margin: 0 auto 0 auto;
	z-index: 200;
}

.meinHundDetailBildName { 
	font-family: Georgia;
	font-size: 19px;
	font-weight: bold;
	color: #fff;
	text-transform: uppercase;
	background: url(/images/detailHundeNameBackL.gif) no-repeat;
	padding-left: 17px;
}

#meinHundGalerie {
	width: 780px;
	overflow: hidden;
	margin: 22px 0 24px 24px;
}

#meinHundGalerie p {
	text-align: center;
	color: #00244d;
	font-weight: bold;
	margin: 0 0 15px 0;
}

.meinHundGalerieBild {
	overflow: hidden;
	float: left;
	margin: 0 13px 0 0;
}

.meinHundGalerieBild img {
	width: 115px;
	height: 115px;
	overflow: hidden;
}

#steuerungTop {
	margin: 0 24px 21px 0;
}

#steuerungTop td {
	font-weight: bold;
	color: #a89682;
}

#steuerungTop td a:link,
#steuerungTop td a:visited {
	color: #a89682;
	text-decoration: none;
}


#steuerungTop td a:hover,
#steuerungTop td a:active {
	color: #00244d;
	text-decoration: underline;
}

#steuerungTop td a.alleAnzeigen:link,
#steuerungTop td a.alleAnzeigen:visited {
	color: #00244d;
	text-decoration: underline;
	font-weight: normal;
}


#steuerungTop td a.alleAnzeigen:hover,
#steuerungTop td a.alleAnzeigen:active {
	color: #000;
	text-decoration: underline;
}

#steuerungTop td a.selected {
	color: #00244d;
}

#steuerungObereTabelle {
	float: left;
	margin: 0 auto 0 0;
	height: 27px;
}

#meinHundSuche {
	float: right;
	font-weight: bold;
	color: #a89682;
	margin: 0 0 0 auto;
}


#ecard {
	position:fixed;
	left:0;
	top:0;
	width:100%;
	height:100%;
	z-index:90000;
	background-color:#baab9b;
	opacity:.7;
	filter:alpha(opacity=70);
}

#ecardDiv {
	height:466px;
	width:578px;
}

#ecardo {
	position:fixed;
	left:0;
	top:0;
	width:100%;
	height:100%;
	z-index:90000;
}

#ecardDivo {
	position: relative;
	background: url(/images/ecard-Back.png) no-repeat;
	height:466px;
	width:578px;
}

#ecardContent {
	position: absolute;
	top: 42px;
	left: 21px;
	width: 516px;
	height: 403px;
	overflow: auto;
	text-align: left;
}

#ecardClose {
	position: absolute;
	top:0;
	right:0;
	width: 51;
	height: 51;
}