/* 
Style Sheet für SRFotos
*/

* {
	padding: 0;
	margin: 0;
	border: none;
}
html { height: 101%; } 
body {
	color: white;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	background-attachment: fixed;
	background-repeat: repeat;
	background-position: top;
}
#wrapper {
	color: black;
	background-color: white;
	width: 945px;
	height:auto;
	/*  padding: 20px; */
  margin-top: 20px;
	margin-right: auto;
	margin-bottom: 40px;
	margin-left: auto;
}
#kopfbereich {
	color: black;
	background-color: #f3c600;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
    #kopfbereich img {
	background-color: #FFFFFF;
	padding: 0px;
	border: 0px solid #d9d9d9;
	padding-left: -10px;
    }
	
 /*  =========================================================
Stylesheet für die horizontale Navigation mit Dropdown-Menü 
Datum: 2010-03-15
========================================================== */

#navibereich {
	overflow: hidden;
	width: 945px;
	padding: 0;
	margin: 0;
	background-image: url(startseite/Kopfbild_01_unten.jpg);
	color: #FFFFFF;
	height: 50px;
}
* html #navibereich {height: 1%; } 

/* =================================
   02 Die ungeordnete Liste in Ebene 1 gestalten 
   =============================== */
#navibereich ul {
	margin: 0;
}

#navibereich li {
	float: left;
	width: auto;
	list-style: none;
	margin: 0;
	padding-top: 20px;
}   
/* Liste in Ebene 2 clearen */ 
#navibereich li li { clear: both; }

/* ==============================================
   03 Die Hyperlinks in Ebene 1 gestalten 
   ============================================== */
#navibereich a {
	display: block;
	color: #FFFFFF;
	padding: 0.4em 1em;
	font-size: 14px;
}
#navibereich a:hover,
#navibereich a:focus,
#startseite #navi01 a, 
#news #navi02 a,
#wir	 #navi03 a, /* 201 Punkte */
#females  #navi04 a, 
#males   #navi05 a, 
#puppies  #navi06 a, 
#dogs #navi07 a,
#memory #navi08 a,
#galerie #navi09 a {
	color: #FFFF99;
} 
/* 314 Punkte */ 
div#wrapper div#navibereich ul#ebene01 a:active {
  color: white; 
  background-color: #d90000; 
}

/* ==============================
   04 Ebene 2 verstecken 
   ========================= */ 
#navibereich li ul {
  position: absolute; 
  top: -9999px; 
  left: -9999px; 
  display: inline; 
  width: 0; 
  height: 0; 
  background-color: transparent; 
}   

/* ==============================
   05 Ebene 2 sichtbar machen  
   ========================= */ 
#navibereich li:hover ul {
  left: auto; 
  top: auto; 
  display: block; 
  width: auto; 
  height: auto; 
  background-color: #fff3c0; 
  border-bottom: 2px solid #f3c600; 
}
   
/* ==============================
   06 Ebene 2 korrekt einfärben   
   ========================= */   
/* 214 Punkte */ 
#navibereich ul#ebene01 ul.ebene02 li a { 
  background-color: #fff3c0; 
}   
/* 224 Punkte */ 
#navibereich ul#ebene01 ul.ebene02 li a:hover { 
  background-color: #ffe05a; 
}   

/* Feste Breite für die Links in Ebene 2 */ 
#navibereich li li a {
  width: 8em; /* Wert an den längsten Menüpunkt anpassen */ 
}



/* ======================================
   E N D E navi_dropdown.css
   ====================================== */

#textbereich {
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom:5px;
	padding-left: 20px;
	background-color: #EBD8B0;
}

/* Hintergrundbild für Start-Seite*/
#startseite #textbereich {
	background-image: url(startseite/startseite_alt.jpg);
	background-repeat: no-repeat;
}


/* Hintergrundbild für Suri-Seite*/
#suri #textbereich {
	background-image: url(suri/hintergrund_suri_III.jpg);
	background-repeat: no-repeat;
}

/* Hintergrundbild für Erinnerung-Seite*/
#erinnerung #textbereich {
	background-image:url(erinnerung/hintergrund_erinnerungIV.jpg);
	/* background-attachment: scroll; */
	background-repeat: no-repeat;
	/* background-position: top; */
}

/* Hintergrundbild für Hundesportbilder-Seite*/
#hundesport #textbereich {
	background-image: url(hundesport/hintergrund_hundesport.jpg);
	background-repeat: no-repeat;
	}
	
/* Hintergrundbild für Kontakt-Seite*/
#kontakt #textbereich {
	background-image: url(startseite/hintergrund_kontakt.png);
	background-repeat: no-repeat;
}

/* Hyperlinks auf der Link-Seite*/

#links a:link, a:hover, a:visited {
color:#CCCCCC
}

#links a:active {
color:#000000
}

/*  =========================================================
Stylesheet für die horizontale Navigation im Fußbereich
========================================================== */

#navibereich02 {
	overflow: hidden;
	width: 945px;
	padding: 0;
	margin: 0;
	background-color: #5E594F;
	color: #FFFFFF;
}
* html #navibereich {height: 1%; } 

/* =================================
   02 Die ungeordnete Liste in Ebene 1 gestalten 
   =============================== */
#navibereich02 ul {
	margin: 0;
}

#navibereich02 li {
	float: right;
	width: auto;
	list-style: none;
	margin: 0;
}   
/* Liste in Ebene 2 clearen */ 
#navibereich02 li li { clear: both; }

/* ==============================================
   03 Die Hyperlinks in Ebene 1 gestalten 
   ============================================== */
#navibereich02 a {
	display: block;
	color: #FFFFFF;
	padding: 0.4em 1em;
	font-size: 12px;
}
#navibereich02 a:hover,
#navibereich02 a:focus,
#links 		#navi11 a, 
#kontakt	#navi12 a, /* 201 Punkte */
#imprint  	#navi13 a {
	color: #FFFF99;
} 
/* 314 Punkte */ 
div#wrapper div#navibereich ul#ebene01 a:active {
  color: white; 
  background-color: #d90000; 
}

/* ==============================
   04 Ebene 2 verstecken 
   ========================= */ 
#navibereich02 li ul {
  position: absolute; 
  top: -9999px; 
  left: -9999px; 
  display: inline; 
  width: 0; 
  height: 0; 
  background-color: transparent; 
}   

/* ==============================
   05 Ebene 2 sichtbar machen  
   ========================= */ 
#navibereich02 li:hover ul {
  left: auto; 
  top: auto; 
  display: block; 
  width: auto; 
  height: auto; 
  background-color: #fff3c0; 
  border-bottom: 2px solid #f3c600; 
}
   
/* ==============================
   06 Ebene 2 korrekt einfärben   
   ========================= */   
/* 214 Punkte */ 
#navibereich02 ul#ebene01 ul.ebene02 li a { 
  background-color: #fff3c0; 
}   
/* 224 Punkte */ 
#navibereich02 ul#ebene01 ul.ebene02 li a:hover { 
  background-color: #ffe05a; 
}   

/* Feste Breite für die Links in Ebene 2 */ 
#navibereich02 li li a {
  width: 8em; /* Wert an den längsten Menüpunkt anpassen */ 
}



/* ======================================
   E N D E Navigation im Fußbereich
   ====================================== */	

#fussbereich {
	background-color:#635E4A;
	color:#FFFFFF;
	padding: 10px;
	padding-top: 10px;
	border-top: 1px solid #8c8c8c;
	margin-top: 1px;
}
h1 { font-size: 200%; text-align: center; } 
h2 { font-size: 150%; margin-bottom: 1em; text-align: center;}
strong {
	color: #000000;
}
address {
  text-align: center;  
  font-size: 80%; 
  font-style: normal; 
  letter-spacing: 2px; 
  line-height: 1.5em; 
}
a { text-decoration: none; outline:none;} 

a:hover, a:focus {
	text-decoration: underline;
	color: #FF0000;
}
a:active {
	color: #0000FF;
}
.skiplink { display: none; }

p, ul { 
  margin-top: 0 ;
  margin-right: 0 ;
  margin-bottom: 1em;
  margin-left: 0; 
}  
ul ul { 
  margin: 0; 
} 
li { 
  margin-top: 0 ; 
  margin-right: 0; 
  margin-bottom: 0; 
  margin-left: 1em; 
}