* {
	font-family:Verdana, sans-serif;
	padding:0;
	margin:0;
}

html, body {
	height:100%;
}

body {
	background-color:#53443F;
	background-image:url('../img/bg_body.jpg');
	background-repeat:repeat-y;
	background-position:center;
	text-align: center;
}

h1, h2, h3 {
	text-align:center;
	font-weight:normal;
	color:#53443F;
}

h1 {
	font-size:18px;
}

h2 {
	font-size:15px;
}

p {
	margin:20px auto;
	width:490px;
}


img { /*Damit Firefox bei verlinkten Bildern keinen Rand anzeigt*/
	border:none;
	text-align: center;
}

a {
	text-decoration:none;
	font-weight:bold;
}

a:link {
	color:#5D5D5D;
}

a:visited {
	color:#5D5D5D;
}

a:hover {
	color:#B3AAA3;
}

a:active {
	color:#5D5D5D;
}

legend {
	padding:0 2px;
	font-weight:bold;
}

table {
	width:90%;
	border:1px solid #B3AAA3;
	margin:1em auto;
	border-collapse:collapse;
	margin:20px auto;
}

th {
	background-color:#B3AAA3;
}

td {
	border:1px solid #B3AAA3;
}

table, td, th {
	padding:3px;
}

tr.odd td {
	background-color:#DCD5CF;
}

.bold {
	font-weight:bold;
}

/* Aktuelles */


.news {
	background-color:#DCD5CF;
	width:500px;
	margin:20px auto;
	border:1px solid #B3AAA3;
	-moz-border-radius:3px; /*Runde Ecken fŸr Firefox*/
	-webkit-border-radius:3px; /*Runde Ecken fŸr Webkit-basierte Browser (Safari)*/
	text-align: left;
	/*border-radius: 3px; /*Runde Ecken fŸr zukŸnftige Browser (CSS3)*/
}

.newsdate { /* Datum der News: */
	padding:5px 12px;
	font-weight:bold;
	float:right;
}

.newstitle { /* Header der News */
	background-color:#B3AAA3;
	font-weight:bold;
	padding:5px 12px;
}

.newstext { /* Text der News: */
	padding:0 12px;
	text-align: left;
}

.newstext_wichtig { /* Text der News: */
	padding:0px;
	color: #600;
	font-size: 14px;
}
.news img {
	float:right;
	margin:33px 20px 0 15px;
	border:1px solid #B3AAA3;
	-moz-border-radius:3px; /*Runde Ecken fŸr Firefox*/
	-webkit-border-radius:3px; /*Runde Ecken fŸr Webkit-basierte Browser (Safari)*/
	/*border-radius: 3px; /*Runde Ecken fŸr zukŸnftige Browser (CSS3)*/
}

.news ul {
	padding-left:25px;
	text-indent:-25px;
	list-style-position:inside;
	list-style-type:square;
}

.jstip {
	display:none;
	font-size:10px;
	text-align:center;
	margin:10px auto;
	background-color:#DCD5CF;
	width:20em;
	padding:2px;
}

/* Gallerie */

.gallery td, table.gallery {
	border:none;
}

.gallery td {
	text-align:center;
}

.gallery img {
	border:2px solid #DCD5CF;
}

/* Das Team */

.teampic {
	float:right;
	margin:10px;
	border:2px solid #DCD5CF;
}

/* Welpenkauf */

.welpenkauf li {
	list-style-position:inside;
	list-style-type:square;
	margin:20px auto;
	width:490px;
}

.welpenkauf img {
	margin:1px;
	border:1px solid #B3AAA3;
}

/* Showtermine */

table.showtable {
	width:70%;
}

table.showtable th{
	width:10em;
}

/* Gesundheit */

table.gesundheit td:first-child,
table.gesundheit th:first-child{
	width:200px;
}

/*Ein paar Hacks, damit in jedem Browser der Wrapper zentriert und der Footer am Ende angezeit wird*/
#wrapper {
	min-height:100%;
	height:auto !important;
	height:100%;
	margin:0 auto -16px; /*Platz fŸr footer lassen*/
	width:784px;
	background-color:#EAE9E4;
}

#banner {
	background-color:#B3AAA3;
	height:157px; /*Bildgrš§e angegeben um wŠhrend des Ladens DesignsprŸnge zu vermeiden*/
}

#flashContent {
	position:relative;
	z-index:1;
	}

#content {
	padding:20px;
	font-size:12px;
	color:#4F403B;
}


#header {
	height:26px;
	background-color:#B3AAA3;
}

#footer { 
	padding:2px 20px 0 20px; /*links und rechts Abstand lassen*/
	margin:0 auto; /*zentrieren*/
	height:14px;
	background-color:#B3AAA3;
	font-size:10px;
	width:744px;
}

#footer a:link {
	color:#5D5D5D;
	text-decoration:none;
}

#footer a:active {
	color:#5D5D5D;
	text-decoration:none;
}

#footer a:visited {
	color:#5D5D5D;
	text-decoration:none;
}

#footer a:hover {
	color:#5D5D5D;
	text-decoration:underline overline;
}

.center {
	text-align:center;
}

.left {
	text-align:left;
}

.wide {
	margin:20px auto;
	width:550px;
}

.info {
	font-size:16px;
}


.footer {
	float:right;
}

.floatcenter {
	float:center;
}

.floatright {
	float:right;
}

.floatleft {
	float:left;
}


/* Sonstiges */

.previewbox {
	width:300px;
	height:auto;
	padding:6px;
	margin:10px auto;	/* auto: wird durch die l/r Selektoren Ÿberschrieben. */
	background-color:#DCD5CF;
	line-height:18px;
}

.pboxl {
	text-align:right;
	margin-left:80px;
}

.pboxr {
	margin-right:80px;
}

.pboxc {
	text-align:right;
	margin-left:240px;
}
.clearing {
	clear:both;
}

/* Linklisten */


.linksright, .linksleft {
	list-style-type:square;
	text-align:left;
	margin:0 30px;
}

.linksright {
	float:right;
}

.linksleft {
	float:left;
}

/* Kontaktformular */

.contact {
	font-weight:bold;
}

.contact span {
	width:130px;
	display:block;
	text-align:right;
	padding-right:8px;
	float:left;
}

.contact label {
	margin-bottom:6px;
	display:block;
}


.contact input[type="text"] { /*Selektor funktioniert nicht mit IE6, Pech*/
	width:260px;
}

.contact textarea
{
	width: 262px;
	font-size:12px;
}

.contact input[type="submit"]{
	margin-left:172px;
}

/*.contact/**/ fieldset { 
	-moz-border-radius:3px; /*Runde Ecken fŸr Firefox*/
	-webkit-border-radius:3px; /*Runde Ecken fŸr Webkit-basierte Browser (Safari)*/
	/*border-radius: 3px; /*Runde Ecken fŸr zukŸnftige Browser (CSS3)*/
	margin:10px 130px;
	padding:8px 15px;
	border:1px solid #4F403B;
	
}


/* Navigation */

#nav {
	position:relative;
	z-index:2;
	}

#nav, #nav ul {
	margin-left:100px; /*MenŸ zentrieren*/
	text-align:center; /*Text zentrieren*/
	list-style:none;
}

#nav a {
	font-weight:normal;
	font-size:13px;
	color:#333333;
	text-decoration:none;
	display:block;
}

#nav li {
	background-color:#B3AAA3;
	float:left;
	padding:4px 7px; /*horiz. Abstand der MenŸelemente*/
}

#nav li ul {
	/*background-color:#5d5d5d; /*Tag entfernen, wenn durch die AbstŠnde gesehen werden soll*/
	position: absolute;
	padding-top:6px; /*Abstand zwischen MenŸ und UntermenŸs*/
	width: 125px; /*Breite der UntermenŸs*/
	left: -999em;
}

#nav ul li {
	font-size:13px;
	color:#333333;
	margin-top:2px; /*Abstand zwischen einzelnen UntermenŸeintrŠgen*/
	padding:5px 5px;
	width: 118px; /*Breite der UntermenŸelemente*/
	/*background-color:green;/**/
}

#nav li:hover ul {
	text-align:left;
	margin:auto;
	left:auto;
}

#nav li:hover ul, #nav li.sfhover ul { /*Hover-Hack fŸr den Internet Explorer*/
	text-align:left;
	margin:auto;
	left:auto;
}
#wrapper img {
	text-align: center;
}