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

body {
	color: #970157;
	font-size: 76%;
	font-family: Arial, Helvetica, Geneva, SunSans-Regular, sans-serif;
	background-color: #fff;
	background-image: url(background.gif);
	background-repeat: repeat-x;
	text-align: center;
}

xdiv {
	border: 1px dotted green;
	margin: -1px;
}

img { border: 0 none; }
p { }
td { }
a:link { }
a:visited { }
a:focus { }
a:hover { }
a:active { }

/*div { margin: -1px; border: solid 1pt green; }*/
#container {
	text-align: left;
	width: 63em;
	margin: 0 auto;
}

#header {
	position: relative;
	background-image: url(head_bg.jpg);
	background-repeat: no-repeat;
	width: 100%;
	height: 198px;
}

#header #logo {
	width: 252px;
	height: 54px;
	position: absolute;
	top: 129px;
	left: 150px;
}

#header #kitty {
	width: 53px;
	height: 44px;
	position: absolute;
	top: 112px;
	left: 403px;
	background-image: url(kitty.gif);
	background-repeat: no-repeat;
}

#header #hundi {
	width: 43px;
	height: 42px;
	position: absolute;
	top: 115px;
	left: 472px;
	background-image: url(hundi.gif);
	background-repeat: no-repeat;
}

#header #schweini {
	width: 43px;
	height: 42px;
	position: absolute;
	top: 121px;
	left: 532px;
	background-image: url(schweini.gif);
	background-repeat: no-repeat;
}

#header #pferdi {
	width: 43px;
	height: 42px;
	position: absolute;
	top: 69px;
	left: 567px;
	background-image: url(pferdi.gif);
	background-repeat: no-repeat;
}

#header #hasi {
	width: 30px;
	height: 41px;
	position: absolute;
	top: 114px;
	left: 707px;
	background-image: url(hasi.gif);
	background-repeat: no-repeat;
}

#header #veterinaerbutton {
	width: 72px;
	height: 65px;
	position: absolute;
	top: 139px;
	left: -36px;
	background-image: url(veterinaerbutton.jpg);
	background-repeat: no-repeat;
}
/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
#topnav {
	position: relative;
	background-image: url(topnav_bg.gif);
	background-repeat: no-repeat;
	width: 100%;
	height: 19px;
	clear: both;
	clip: rect(0, auto, 19px, 0);
	overflow: hidden;
}

#topnav ul {
	list-style: none;
	margin: 0 0 0 12em;
}

#topnav li {
	text-transform: uppercase;
	display: inline;
}

#topnav a,
#topnav a:link,
#topnav a:visited {
	color: #FFF;
	text-decoration: none;
	font-weight: bold;
	letter-spacing: 0.1em;
	padding: 0 0 0 4px;
	float: left;
}

#topnav span {
	padding: 3px 1em 0 1em;
	height: 20px;
	float: left;
}

#topnav .active a,
#topnav .active a:link,
#topnav .active a:visited {
	color: #970458;
	background-image: url(topnav_active-bg.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

#topnav .active a span,
#topnav .active a:link span,
#topnav .active a:visited span {
	background-image: url(topnav_active-br.gif);
	background-repeat: no-repeat;
	background-position: right top;
}

#topnav a:focus,
#topnav a:hover,
#topnav a:active {
	background-image: url(topnav_over-bg.gif);
	background-repeat: no-repeat;
	background-position: left top;
	cursor: pointer;
}

#topnav a:focus span,
#topnav a:hover span,
#topnav a:active span {
	background-image: url(topnav_over-br.gif);
	background-repeat: no-repeat;
	background-position: right top;
}

/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
#wrapper {
	width: 100%;
	float: left;
}

/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
#contentnavigation {
	width: 10em;
	float: left;
}

#cntnav {
	width: 10em;
	background-color: #F5A300;
	background-image: url(nav_bg-br.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
	margin-bottom: 1em;
	clear: both;
	border: 0 none;
}

#cntnavbl {
	background-image: url(nav_bg-bl.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}

#cntnavtl {
	background-image: url(nav_bg-tl.gif);
	background-repeat: no-repeat;
	background-position: left top;
	border: 1px solid #fff;
	margin: -1px;
}

#cntnavtr {
	background-image: url(nav_bg-tr.gif);
	background-repeat: no-repeat;
	background-position: right top;
	padding: 2em 0 1.5em 0;
}

#cntnav ul {
	font-size: 0.94em;
	letter-spacing: 0.1em;
	list-style: none;
	margin: 0;
	clear: both;
}

#cntnav li {
	text-transform: uppercase;
	background-image: url(nav_bullet.gif);
	background-repeat: no-repeat;
	background-position: left top;
	margin: 0 0 1em 0;
	padding: 0 0 0 1.5em;
}

#cntnav li ul {
	list-style: disc outside;
	letter-spacing: 0em;
	background-image: url(nav_subnav-bg.gif);
	background-repeat: repeat-y;
	background-position: right top;
	margin: 0.5em 0 0 -1.65em;
	padding: 0.7em 0 0.3em 1.65em;
}

#cntnav li li {
	list-style: none;
	text-transform: none;
	background-image: none;
	margin: 0 0 0.5em 0;
	padding: 0;
}

#cntnav a,
#cntnav a:link,
#cntnav a:visited {
	font-weight: bold;
	color: #FFF;
	text-decoration: none;
	display: block;
	height: 1%;
}

#cntnav a:focus,
#cntnav a:hover,
#cntnav a:active {
	color: #970157;
}

#cntnav li .active a,
#cntnav li .active a:link,
#cntnav li .active a:visited { color: #970157; }

/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
#content {
	background-color: #FFF;
	width: 39em;
	padding: 1.7em;
	float: left;
	background-image: url(nav_content-corner.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

#content h4 {
	color: #9ab81d;
	font-size: 1.2em;
	line-height: 1.3em;
	margin: 0 0 0.5em 0;
}

#content p {
	line-height: 1.3em;
	margin: 0 0 1em;
}

.backtop {
	clear: both;
	margin: 1em 0 2em 0;
}

#content .fleft {
	float: left;
	margin: 0 2em 1em 0;
}

#content .fright {
	float: right;
	margin: 0 0 1em 2em;
}

/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
#anchorbox {
	width: 470px;
	margin-bottom: 2em;
	background-image: url(anchorbox_bg.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	float: left;
}

#anchorbox ul {
	width: 470px;
	padding: 5em 0 1em 7em;
	background-repeat: no-repeat;
	background-position: left top;
	float: left;
}

#anchorbox li {
	display: inline;
}

#anchorbox li a {
	color: #FFF;
	text-decoration: none;
	width: 190px;
	height: 1.5em;
	float: left;
	font-weight: bold;
}

.abkatzew ul { background-image: url(katze_wissenswertes-head.gif); }
.abkatzek ul { background-image: url(katze_krankheiten-head.gif); }
.abkaninchenw ul { background-image: url(kaninchen_wissenswertes-head.gif); }
.abkaninchenk ul { background-image: url(kaninchen_krankheiten-head.gif); }
.abminipigsw ul { background-image: url(minipigs_wissenswertes-head.gif); }
.abminipigsk ul { background-image: url(minipigs_krankheiten-head.gif); }
.abpferdew ul { background-image: url(pferde_wissenswertes-head.gif); }
.abpferdek ul { background-image: url(pferde_krankheiten-head.gif); }
.abfohlenw ul { background-image: url(fohlen_wissenswertes-head.gif); }
.abfohlenk ul { background-image: url(fohlen_krankheiten-head.gif); }
.abhundew ul { background-image: url(hunde_wissenswertes-head.gif); }
.abhundek ul { background-image: url(hunde_krankheiten-head.gif); }
/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
#steckbrief {
	width: 470px;
}

.stcontent {
	margin: 0 0 0 7em;
	padding: 0 1em 1em 0;
}

.stkatzen {
	background-color: #f8e4f2;
}

.stkaninchen {
	background-color: #dff4fe;
}

.stminipigs {
	background-color: #fcebe0;
}

.stpferde {
	background-color: #f7eddb;
}

.stfohlen {
	background-color: #e6edcb;
}

.sthunde {
	background-color: #fff7dc;
}

/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
#imgGallery {
	width: 470px;
	background-color: #F3DBE6;
	float: left;
}

#galleryDesc {
	background-image: url(das_spiel-header.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding: 8em 1em 1em 1em;
}

#imgThumbs {
	margin: 0;
	padding: 0;
}
.imgThumb {
	float: left;
	margin: 0 0 4px 4px;
}

.imgThumb img {
	border: solid 1px #fff;
}
/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
#extra {
	width: 10em;
	background-color: #FFF;
	padding-top: 1em;
	float: left;
	z-index: 999;
}

.extratl {
	width: 10em;
	background-image: url(extra_bg-tl.gif);
	background-repeat: no-repeat;
	background-position: left top;
	margin-bottom: 1em;
}

.extrabr {
	background-image: url(extra_bg-br.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
}

.extratr {
	background-image: url(extra_bg-tr.gif);
	background-repeat: no-repeat;
	background-position: right top;
}

.extrabl {
	background-image: url(extra_bg-bl.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	text-align: center;
	font-size: 0.9em;
	padding: 0.5em 0 0.3em 0;
}

.extrabl h3,
#extra h3 {
	color: #FFF;
	font-size: 1em;
	text-transform: uppercase;
	margin: 0 0 0.5em 0;
	letter-spacing: 0.1em;
	padding: 0;
}

.extrabl p,
#extra p { margin: 0.5em; }

.extrabl a,
.extrabl a:link,
.extrabl a:visited {
	color: #970458;
	text-decoration: none;
}

/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
#footer {
	color: #FFF;
	font-size: 0.9em;
	text-align: center;
	background-image: url(footer_bg.gif);
	background-repeat: no-repeat;
	width: 100%;
	height: 33px;
	position: relative;
	margin-bottom: 1em;
	clear: left;
}

#faddon {
	width: 101px;
	height: 99px;
	position: absolute;
	left: 659px;
	top: -66px;
	background-image: url(hase.jpg);
	background-repeat: no-repeat;
}

/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
h1, h2 {
	display: none;
	visibility: hidden;
}

.fleft { float: left; }
.fright { float: right; } 
