body {
	font-family: "trebuchet ms", arial, verdana, tahoma, sans-serif;
	font-size: 85%;
	color: #5F5F5F;
	background-color: white;
	line-height: 120%;
	margin: 0;
	padding: 0;
	text-align: center;
}




/* Set the page width here */
#header, #wrapper-content, #wrapper-footer {
	width: 85%;
	margin: 0 auto;
	text-align: left;
}



#wrapper-header { background: transparent url('images/banner.png') top center repeat-x; }
#header { background: #eee url('images/gebrauchter-hund.jpg') no-repeat center top; }
#wrapper-header2 { background: transparent url('images/banner-lgreen.png') top left no-repeat; }
#wrapper-header3 { background: transparent url('images/banner-rgreen.png') top right no-repeat; }

#header h1 {
	margin: 0 0 0 40px;
	padding: 0;
	height: 192px;
	line-height: 3em;
	color: #DBDBDB;
	font-size: 210%;
	font-family: Arial;
}

#header h2 {
   position: absolute;
   top: 100px;
   right: 160px;
   height: 100px;
	line-height: 3em;
	color: #DBDBDB;
	font-size: 180%;
	font-family: Arial;
}



#wrapper-content { background: white url('images/bg02-white-left.png') no-repeat left top; }
* html #wrapper-content { height: 1%; }

#content {
	background: transparent url('images/bg02-white-right.png') no-repeat right top;
	padding: 5px 245px 0em 40px;
}

#content p {
	text-align: justify;	
}

/*Grafisches Seitenmenü*/
#hunde_nav {
	position: fixed;
	top: 200px;
	left: -5px;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	font-size: 65%;
	padding-top: 0px;
}

#hunde_nav ul {
	list-style-type: none;
}

#hunde_nav a:link {
	color: Teal;
	text-decoration: none;
	font-weight: bold;
}

#hunde_nav a:visited {
	color: Silver;
	text-decoration: none;
	font-weight: bold;
}

/*Ende Grafisches Seitenmenü*/


#themenbox {
  padding:15px;
  text-align: justify;
  border:1px solid #C5D8C0;
  background-color: #E9EFE7;
  border-right: 2px solid #B0B7AF;
  border-bottom: 2px solid #B0B7AF;
  background-image: url(images/backpawsrel.gif);
  
}

#rudelgefbox {
  padding:15px;
  text-align: justify;
  color: Teal;
  border:1px solid #C5D8C0;
  background-color: #E9EFE7;
  border-right: 2px solid #B0B7AF;
  border-bottom: 2px solid #B0B7AF;
  background-image: url(images/backpawsrel.gif);
}

#rudelgefbox1 {
  padding:15px;
  text-align: justify;
  color: Teal;
  border:1px solid #C5D8C0;
  background-color: #E9EFE7;
  border-right: 2px solid #B0B7AF;
  border-bottom: 2px solid #B0B7AF;
  background-image: url(images/backpawsrel.gif);
}

#rudelgefbox2 {
  padding:15px;
  text-align: justify;
  color: Teal;
  border:1px solid #C5D8C0;
  background-color: #E9EFE7;
  border-right: 2px solid #B0B7AF;
  border-bottom: 2px solid #B0B7AF;
  background-image: url(images/backpawsrel.gif);
}

#rudelgefbox3 {
  padding:15px;
  text-align: justify;
  color: Teal;
  border:1px solid #C5D8C0;
  background-color: #E9EFE7;
  border-right: 2px solid #B0B7AF;
  border-bottom: 2px solid #B0B7AF;
  background-image: url(images/backpawsrel.gif);
}

#rudelgefbox4 {
  padding:15px;
  text-align: justify;
  color: Teal;
  border:1px solid #C5D8C0;
  background-color: #E9EFE7;
  border-right: 2px solid #B0B7AF;
  border-bottom: 2px solid #B0B7AF;
  background-image: url(images/backpawsrel.gif);
}

#rudelgefbox5 {
  padding:15px;
  text-align: justify;
  color: Teal;
  border:1px solid #C5D8C0;
  background-color: #E9EFE7;
  border-right: 2px solid #B0B7AF;
  border-bottom: 2px solid #B0B7AF;
  background-image: url(images/backpawsrel.gif);
}

#forenbox {
	padding: 15px;
	text-align: left;
	font-family: Arial;
	font-size: x-small;
	color: Teal;
	border: 1px solid #C5D8C0;
	background-color: #E9EFE7;
	border-right: 2px solid #B0B7AF;
	border-bottom: 2px solid #B0B7AF;
	background-image: url(images/backpawsrel.gif);
}

ul {
	list-style-type: square;
}

ol {
	list-style-type: upper-roman;
}

p.forenbox {
	text-indent: 10px;
	
}

.einrahmen {
	border-left: 1px solid Teal;
	border-right: 1px solid Teal;
	width: 80%;
	margin-left: auto;
	margin-right: auto;
	text-align: inherit;
	padding: 5px;
	background-color: #E9E9E9;
	background-image: url(images/backpawsrel.gif);
}

.gewitter {
	border-left: 2px solid Teal;
	border-right: 2px solid Teal;
	width: 80%;
	margin-left: auto;
	margin-right: auto;
	text-align: inherit;
	padding: 5px;
	background-color: White;
}

.info {
	border-left: 1px solid Teal;
	border-right: 1px solid Teal;
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	padding-left: 2%;
	padding-right: 2%;
	text-align: justify;
	padding: 5px;
	background-color: White;
}

.citation {
	font-size: 100%;
	text-align: center;
	font-style: italic;

}

.zitat {
	font-size: small;
	font-weight: bold;
	font-style: italic;
	font-family: "Trebuchet MS";
	text-align: center;
	color: Teal;
}

.umflossen {
	float: left;
   width: 144px;        
   border: none;
   margin: 0 1em 1em 1em;

}

.bildbeschreibung {
	font-size: 70%;
	text-align: center;
	float: left;
	border: none;
	margin: 0 1em 1em 1em;
}

.bildbeschreibungr {
	font-size: 70%;
	text-align: center;
	float: right;
	border: none;
	margin: 0 1em 1em 1em;
}

.index {
	text-align: left;
	color: #DBDBDB;
	font-size: 180%;
	font-family: Arial;
}
	
h4 {
	text-align: center;
	color: Red;
	font-size: 200%;
	margin-bottom: 1em;
}

h5 {
	text-align: left;
	color: Teal;
	font-size: 120%;
	margin-bottom: 2em;
}

h6 {
	text-align: center;
	color: Teal;
	font-size: 90%;
	margin-bottom: 2em;
}


table.harrybos {
	border: 0;
	color: Teal;
	text-align: left;
	font-family: sans-serif;
	font-size: x-small;
}

.navigation {
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	font-family: Arial;
	font-size: 75%;
	border: thin;
	padding-top: 0px;
}

/*Sitemap*/

.map {
	font-family: Arial;
	font-size: 14px;
	font-weight: normal;
	text-decoration: none;
	color: Teal;
}

.map2 {
	font-family: Arial;
	font-size: 14px;
	font-weight: normal;
	text-decoration: none;
	color: Teal;
}

.map:visited {
	font-family: Arial;
	font-size: 14px;
	font-weight: normal;
	text-decoration: none;
	color: Teal;
}

.map:hover {
	text-decoration: underline;
	color: Green;
}

.map2:visited {
	font-family: Arial;
	font-size: 14px;
	font-weight: normal;
	text-decoration: none;
	color: Teal;
}

.map2:hover {
	text-decoration: underline;
	color: Green;
}

ul.map1{
	list-style-image: url(images/sitemap/folder-green.gif);
}

ul.map2{
	list-style-image: url(images/sitemap/folder-gray.gif);
}

ul.map3{
	list-style-image: url(images/sitemap/folder-gray.gif);
}

a.alt:link{text-decoration:none;color:#0090E0;}
a.alt:visited{text-decoration:none;color:#0090E0;}
a.alt:hover{text-decoration:underline overline;font-weight:bold;color:#AF00FF;}
a.alt:active{text-decoration:none;color:#00BF00;}

/*Ende Sitemap*/

/*Tierhilfe_3.htm Link zu den Notfellen*/

.staff {
	background-color: Teal;
	font-family: Arial;
	color: White;
	border: 4px;
	text-align: center;
	margin-left: auto;
	margin-right: auto;

}

#staffdiv {
	font-size: xx-small;
}

/* Ende Definition Tierhilfe_3.htm Link zu den Notfellen*/

/*Die Linklistentabelle besonderer Hundeseiten auf links.htm*/
.hundeseiten {
	margin-left: auto;
	margin-right: auto;
	background-image: url(images/backpawsrel.gif);
	text-align: center;
}
/*Ende Linklistentabelle besonderer Hundeseiten auf links.htm*/

/*Position*/
.position {
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	font-family: Arial;
	font-size: 65%;
	border: thin;
	padding-top: 0px;
	border-bottom: thin solid Silver;
	border-bottom-width: 1px;
}
/*Ende Positione*/

/*Grafische Menüleiste*/
.uebersicht {
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	font-family: Arial;
	font-size: 65%;
	border: thin;
	padding-top: 0px;
}
/*Ende Grafische Menüleiste*/

.themenuebersicht {
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	font-family: Arial;
	font-size: 65%;
	border: thin;
}

.bsueber {
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

/*Überschrift h2 in der Zelle*/
.seitentitel {
	margin-left: auto;
	margin-right: auto;
	font-family: Trebuchet MS;
	font-size: 120%;
	color: Teal;
	background-image: url(images/headertapps.jpg);
	background-position: bottom;
	background-repeat: no-repeat;
	text-align: center;
}
/*Ende Überschrift h2 in der Zelle*/

/*Zelle Prolog*/
.gebrauchter_hund_prolog {
	margin-left: auto;
	margin-right: auto;
	border-left: 1px solid Teal;
	border-right: 1px solid Teal;
	padding-left: 2%;
	padding-right: 2%;
	font-family: Trebuchet MS;
	font-size: 100%;
	color: Teal;
	background-image: url(images/gebrauchter_hund_prolog.jpg);
	background-position: center;
	background-repeat: no-repeat;
	text-align: justify;
}
/*Ende Zelle Prolog*/


.gebrauchter_hund_bardino {
	margin-left: auto;
	margin-right: auto;
	border-left: 1px solid Teal;
	border-right: 1px solid Teal;
	padding-left: 2%;
	padding-right: 2%;
	font-family: Trebuchet MS;
	font-size: 100%;
	color: White;
	background-image: url(images/harrybo_weisheit.jpg);
	background-position: center;
	background-repeat: no-repeat;
	text-align: center;
}

.gebrauchter_hund_normal {
	margin-left: auto;
	margin-right: auto;
	border-left: 1px solid Teal;
	border-right: 1px solid Teal;
	padding-left: 2%;
	padding-right: 2%;
	font-family: Trebuchet MS;
	font-size: 100%;
	color: Teal;
	background-position: center;
	background-repeat: no-repeat;
	text-align: justify;
}

.gebrauchter_hund_photo {
	margin-left: auto;
	margin-right: auto;
	border-left: 2px solid Teal;
	border-right: 2px solid Teal;
	padding-left: 4%;
	padding-right: 4%;
	font-family: Trebuchet MS;
	font-size: 100%;
	color: Teal;
	text-align: justify;
	background-position: bottom;
	background-repeat: no-repeat;
}

/*Nach Prolog*/
.gebrauchter_hund {
	margin-left: auto;
	margin-right: auto;
	font-family: Arial;
	font-size: 140%;
	color: Teal;
	text-align: center;
}
/*Ende gebrauchter_hund*/

.notfelle {
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

/*Tabelle Forenthreads PHP Script inhalt2.php */
.forumueber {
	margin-left: auto;
	margin-right: auto;
}
/*Ende Tabelle Forenthreads PHP Script inhalt2.php */

/*Remote IP Hallo*/
.iphallo {
	margin-left: auto;
	margin-right: auto;
	font-family: Arial;
	font-size: 80%;
	color: Teal;
	text-align: center;
}
/*Ende Remote IP Hallo*/

/*Themenüberschrift*/
.diethemen {
	margin-left: auto;
	margin-right: auto;
	font-family: Arial;
	font-size: 150%;
	color: Teal;
	text-align: center;
	background-image: url(images/hund_leitspruch.jpg);
	background-position: bottom;
	background-repeat: no-repeat;
}
/*Ende Themenüberschrift*/

/*Die Sache mit den Christen*/
#christen {
	background-image: url(images/ichthys.jpg);
	background-repeat: no-repeat;
	background-position: center;
}
/*Danke das reicht*/

/*Kloster Frauenalb*/
#frauenalb {
	background-image: url(images/gewitter/frauenalb.jpg);
	background-repeat: no-repeat;
	background-position: center;
	color: #3C3C3C;
}
/* Ende Kloster Frauenalb*/

#fun {
	position: relative; 
	width: 453px; 
	height: 80px;  
	line-height: 130%;
	left: 0px; 
	top: 0px;
}

#fun p {
	font-family: arial;
   font-size:150%;
	text-align: center;
	word-spacing:0px;
	margin-top: 0em
}




#themen {
	position: relative;
	width: 100%;
	height: 687px;
	z-index: 3;
	left: 0px;
	top: 10px;
}



img
{
border:0;
}


img.up {
	position: relative;
	top: 0px;
	left: 98%;
	width: 15px;
	height: 15px;
	border: 0px;
	z-index: 2;
}

img.valid-xhtml10 {
	position: relative;
	top: 0px;
	right: 0%;
	width: 88px;
	height: 31px;
	border: 0px;
	z-index: 1;
	
}

img.vcss {
	position: relative;
	top: -0px;
	right: 0%;
	width: 88px;
	height: 31px;
	border: 0px;
}

#menu-page {
	float: right;
	width:180px;
	margin: 20px 30px 3em 2em;
	background: transparent url('images/menu.png') no-repeat;
	text-align: center;
	line-height: 140%;
	font-family:"Lucida Grande","Lucida Sans Unicode",arial,sans-serif;
	border: none;
}

.hund_bildrunter {
	vertical-align: middle;
}



.pict-d {
   font-family: arial;
   font-size: 80%;
	text-align: center;
	word-spacing:1px;
}


* html #menu-page { margin-right: 15px; }

#menu-page ul {
	margin: 0;
	padding: 0;
	list-style: none;
	font-size: 90%;
}
/*test*/
#menu-page ul ul {
	display:none;
}

#menu-page ul li:hover ul {
	visibility: visible;
	display: block;
	position: absolute;
	text-align: justify;
	width: 120px;
	margin: 0;
	background: transparent url('images/menu.png') no-repeat;
}
#menu-page li li a {
	padding:5px 0 5px 5px;
}
/*ende*/

#menu-page h3 {
	font-size: 75%;
	text-transform: uppercase;
	margin: 1em 0 0.3em 0;
	color: #1FABA2;
	font-weight: normal;
	letter-spacing: 0.15em;
	margin-top: 1.3em;
}



#menu-page a:link, #menu-page a:visited { 
	color: #888;
	font-weight: normal;
 }
#menu-page a:hover {
	color: Teal;
}

#wrapper-footer {	text-align: left; }

#footer {
	margin: 0 20px;
	background-color: Window;
	border: none;
	border-bottom: 0;
	clear: both;
	line-height: 2.2em;
	font-size: 75%;
}

p {
	text-align: center;
}

img.footer_track {
	position:relative;
	top:0px;
	left:0px;
	width:86px;
	height:229px;
	border:0px;
	z-index:3;
	
}



h2 { font-size: 120%;
	  padding-top: 30px; 
	}
h3 { font-size: 100%; margin-bottom: 0.5em; }
p { margin-top: 0.5em; }

a:link, a:visited {
	color: Teal;
	text-decoration: none;
	font-weight: bold;
}
a:hover{ color: #666; text-decoration: none; }




/* footerStickAlt http://themaninblue.com/experiment/footerStickAlt/ */
/* This code is for the positioning of the footer */
html, body { height: 100% }

#nonFooter {
	position: relative;
	min-height: 100%;
}

* html #nonFooter { height: 100%; }

#wrapper-footer {
	position: relative;
	margin-top: -2.3em;
	clear: none;
}