/* 
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: white;
	padding: 0px;
	border: 0px solid #d9d9d9;
    }
	
 /*  =========================================================
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/kopfbild6unten.png);
	color: #FFFFFF;
}
* 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;
}   
/* 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,
#ich	 #navi03 a, /* 201 Punkte */
#suri  #navi04 a, 
#erinnerung   #navi05 a, 
#hundesport  #navi06 a, 
#fotografie #navi07 a,
#galerie #navi08 a,
#referenz #navi09 a,
#verkauf #navi10 a {

	color: #FF9900;
	
} 
/* 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: #5A5B5A;
}

/* Linkfarbe im Textbereich*/

#textbereich a:link,
#textbereich a:visited {
	color:#FFFFFF;
}

#textbereich a:hover {
	color:#FF9900;
	text-align: center;
}

/*
#textbereich  a:visited {
	color:#CCCCCC;
	text-decoration: underline;
}
/*



/* Hyperlinks auf der Link-Seite*/

#links a:link, a:hover, a:visited {
	color:#FFFFFF;
}

#links a:active {
	color:#FFFFFF;
	text-decoration: underline;
}



/* Hintergrundbild für Start-Seite*/
#startseite #textbereich {
	background-image: url(startseite/startseite%20januar%2012.jpg);
	background-repeat: no-repeat;
	text-align: center;
}


/* 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_III.jpg);
	background-repeat: no-repeat;
	}
	
/* Hintergrundbild für Kontakt-Seite*/
#kontakt #textbereich {
	background-image: url(startseite/hintergrund_kontakt.png);
	background-repeat: no-repeat;
}


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

#navibereich02 {
	overflow: hidden;
	width: 945px;
	padding: 0;
	margin: 0;
	background-color: #393C39;
	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: #FF9900;
	
} 
/* 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:#424142;
	color:#FFFFFF;
	padding: 10px;
	padding-top: 10px;
	border-top: 1px solid #8c8c8c;
	margin-top: 1px;
}
h1 {
	font-size: 200%;
	text-align: left;
} 
h2 {
	font-size: 150%;
	margin-bottom: 1em;
	text-align: left;
}
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: #000000;
}
a:active {
	color: #CCCCCC;
}
.skiplink { display: none; }

p, ul {
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 1em;
	margin-left: 0;
	text-align: center;
}  
ul ul { 
  margin: 0; 
} 
li { 
  margin-top: 0 ; 
  margin-right: 0; 
  margin-bottom: 0; 
  margin-left: 1em; 
} 
p {
	text-align: center;
}
h4 {
	text-align: center;
}
#fotografie #wrapper #textbereich table tr td h3 {
	text-align: left;
}
#fotografie #wrapper #textbereich table tr td h4 {
	text-align: center;
}
#fotografie #wrapper #textbereich h2 {
	text-align: center;
}
#fotografie #wrapper #textbereich h3 {
	text-align: center;
}
#fotografie #wrapper #textbereich table tr td h4 {
	text-align: justify;
}
#fotografie #wrapper #textbereich table tr td h4 {
	text-align: center;
}
#referenz #wrapper #textbereich p {
	color: #999;
}
#startseite #wrapper #textbereich table tbody tr td .Stil3 {
	text-align: center;
}
#news #wrapper #textbereich h4 {
	text-align: left;
}
#news #wrapper #textbereich h4 {
	text-align: left;
}
#news #wrapper #textbereich p .Stil3 {

}
#news #wrapper #textbereich p .Stil3 {
	text-align: left;

}
#news #wrapper #textbereich table tr td {
	text-align: center;
}