/*Generelle Formatierung----------------------------------------------------------------*/

* {padding:0; margin:0;}

body	{ 
font-size: 16px; 
font-family: Arial, Helvetica, sans-serif;
color: #000;
background-color: #ffc; 
background: url(pics_back/hintergrund.gif) repeat; }

html {height: 101%;}

h2 {font-size: 21px;  margin: 10px 0; color: #960; margin-top: 0;}
h3 {font-size: 17px;  margin: 7px 0; margin-top: 0; color: #960;}
.link-anzeigen {text-decoration: underline;}
p {margin-bottom: 10px;} 
strong { font-weight: normal; background-color: #fcc287; }

#hauptteil table {clear:left;}

/*Bilder im Fliesstext-----------------------------------------*/

.bildtext-float-left { float: left; margin: 5px 5px 0 0; border: 1px solid #c29c51;} 
.bildtext-float-left img{ background:#eee2cb;  padding: 1px; padding-bottom: 0;}
.bildtext-float-left p{background:#e7d5b0; font-family: Arial, sans-serif; font-size: 11px; color:#000; padding-right: 3px; margin: 1px; text-align: center;}

.bildtext-float-right{ float: right; margin: 5px 0 0 5px; border: 1px solid #c29c51;} 
.bildtext-float-right img{ background:#eee2cb;  padding: 0; padding-bottom: 0; }
.bildtext-float-right p{ background:#e7d5b0; font-family: Arial, sans-serif; font-size: 11px; color:#000; padding-right: 3px; margin: 1px; text-align: center;}



/*DIV Formatierung----------------------------------------------------------------*/



#mantel {  width: 790px;  margin:40px auto;
padding: 10px 10px 0 10px; border: 1px solid #960; background: #fff5db; }

/*Banner----------------------------------------------------------------*/

#banner { width: 779px; height: 177px; margin-left:8px; margin-top:8px; margin-bottom: 10px; float: left; 
}
#banner img{ border: 0; padding: 0; margin: 0; 
}
#banner h1 {
	margin: 0;
	padding: 0;
	font-size: 1px;
	position: relative;
	left: -3000px;
	width: 0;
	height: 0;
	overflow: hidden;
	}

#banner h2 { 
	margin: 0;
	padding: 0;
	font-size: 1px;
	position: relative;
	left: -3000px;
	width: 0;
	height: 0;
	overflow: hidden;
		}
	
	
/*Hauptteil----------------------------------------------------------------*/		
		  
#hauptteil {  width: 580px; margin-top: 20px; margin-left:20px;  float: left;}	  


#hauptteil  a {text-decoration: none; color: #960;}  

#hauptteil  a:hover {text-decoration: underline; color: #e50101;}  

#hauptteil ul {margin: 7px 0 20px 7px;}

.listehaupttext li {list-style: none; padding-left: 15px; 
background: url(pics_back/liste_pferd.gif) no-repeat 0% 50%;}

.mehrzeiler li {list-style: none; padding-left: 15px; 
background: url(pics_back/liste_pferd.gif) no-repeat 0% 8%;}

.listehaupttext .mehrzeiler {list-style: none; padding-left: 15px; 
background: url(pics_back/liste_pferd.gif) no-repeat 0% 8%;}

#hauptteil .liste-impressum {list-style-type: none; margin-left: 0;}

.anker {list-style: none; padding-left: 17px; margin: 0;
background: url(pics_back/up.gif) no-repeat 0% 50%;}

.haftung {font-size: 12px;  text-align: right; color: #000; margin-top: 3px;} 
.haftung-links {font-size: 12px;  text-align: left; color: #000; margin-top: 3px;} 
#hauptteil .anker a{text-decoration: underline;}

.clearing {clear: both;}

table {border-collaps: collaps; margin-top: 10px;}
td { border-bottom: 1px solid #777; padding-top: 5px; padding-bottom: 5px;}
.breite-spalte {width: 140px;}


/* Bilder Startseite---------------------------------*/


#bilder .bilder-startseite {
	width: 450px;
	height: 280px;
	list-style: none;
	float: left;
	margin: 20px 30px 20px 0;
	background: #F0DCAC;
	border: 1px solid #B38722;
		}

#bilder .bilder-startseite h3{
	text-align: center; margin-top: 5px;
}

#bilder .bilder-startseite h3 img{
	border: 1px solid #B38722;
	margin-top: 5px;
	padding: 1px;
	}

#bilder .bilder-startseite a:hover img {
	border: 2px solid #c00;	
	}

#bilder #hauptteil {width: 600px;
	
	}

/* Ende - Bilder Startseite---------------------------------*/


/* Galerien Startseite---------------------------------*/

#bilder h3 {clear: left;  }	
#bilder h3 a{text-decoration: underline; }	

#bilder .galerie-startseite {
	list-style: none;
	margin: 0;
	padding: 0;
	}
		
#bilder .galerie-startseite li{
	float: left;	
	width: 130px;
	height: 130px;
	background: #F0DCAC;
	border: 1px solid #B38722;
	margin: 0 15px 15px 0;
	}
		
#bilder .galerie-startseite img{
	margin-top: 3px;
	margin-left: 3px;
	border: 1px solid #B38722;
	padding: 1px;
	}
	
#bilder .galerie-startseite a:hover img{
	border: 2px solid #c00;	
	}

/* Ende - Galerien Startseite---------------------------------*/


/* Galerie-Bilder gross---------------------------------*/



 #galeriebild { 
	height: 100%;
	width: 520px;
	margin-bottom: 20px;
	position: relative;
	border: 1px solid #B38722;
	}
	
	
/*Formatierung Bild und und Unterschrift*/	


 .galeriebild-gross	{
	 list-style: none;
	 text-align: center;
	 padding: 0;
	 margin: 0;
	 padding-top: 20px;
	  }
	 
 
	  
.galeriebild-gross	li{
	 padding: 0;
	 margin: 0;
	 list-style-position:outside;
	text-indent: -6px;
	 }
	  
	 
	 
/* Schriften der Navigation*/

#galeriebild p{ 
	text-align: center;
	margin: 0;
	padding: 0;
	padding-top: 3px;
	height: 17px;
	width: 70px;
	font-weight: bold;
	}
	
.back{ 
	position: absolute;
	width: 80px;
	height: 19px;
	top: 0;
	left: 0;
	background: #B38722;
	}
	
.overview{ 
	position: absolute;
	width: 120px;
	height: 19px;
	top: 0;
	left: 200px;
	background: #B38722;
	}	
	
.next{ 
	position: absolute;
	width: 80px;
	height: 19px;
	top: 0;
	right: 0;
	background: #B38722;
	}	

#galeriebild p a{ 
	color: #fff;
	}			
	
#galeriebild  a:hover{ 
	color: #fff;
	}
	
/* Ende - Galerie-Bilder---------------------------------*/


/*Navigation----------------------------------------------------------------*/


#navigation { width: 155px;  margin-top: 20px; margin-left:10px; 
	  float: left;}



#navigation ul {list-style: none; }

#mainnav li { width: 150px; 
height: 40px; margin-bottom: 2px;
background: url(pics_back/navi_back.gif) no-repeat top left;}

#mainnav li a {
display: block; 
	color: #000;
	text-align: center;
    text-decoration: none;
	font-size: 20px;
	padding-top:7px;} /*Schriftgröße Navigation normal*/
	
		 
		  
#mainnav li .kleiner{margin-bottom: 6px; padding: 0; padding-top: 2px; font-size: 14px;
 font-weight: bold; line-height: 14px;}		/*Schriftgröße Navigation Therapeutisches Reiten*/  

/*Navigation Bilder*/

#navibilder {margin-top: 20px;}

#navibilder #bild1 { height: 130px; width: 150px;
background: url(pics_back/pferd_n.jpg) no-repeat ; margin-bottom: 10px;}

#navibilder #bild2 { height: 130px; width: 150px;
background: url(pics_back/reiterferien_n.jpg) no-repeat; margin-bottom: 10px;}

#navibilder #bild3 {height: 130px; width: 150px;
background: url(pics_back/therapeutisches_n.jpg) no-repeat; margin-bottom: 10px;}

#navibilder #bild4 {height: 130px; width: 150px;
background: url(pics_back/schneewanderung_n.jpg) no-repeat; margin-bottom: 10px;}

#navibilder #bild5 {height: 130px; width: 150px;
background: url(pics_back/pensionsboxen_n.jpg) no-repeat; margin-bottom: 10px;}

#navibilder #bild6 {height: 130px; width: 150px;
background: url(pics_back/koppel_n.jpg) no-repeat; margin-bottom: 10px;}

#navibilder #bild7 {height: 130px; width: 150px;
background: url(pics_back/kutschfahrt_n.jpg) no-repeat; margin-bottom: 10px;}

#navibilder #bild8 { height: 130px; width: 150px;
background: url(pics_back/pferdekoppel_n.jpg) no-repeat; margin-bottom: 10px;}

#navibilder #bild9 { height: 130px; width: 150px;
background: url(pics_back/reitausbildung_n.jpg) no-repeat; margin-bottom: 10px;}

#navibilder #bild10 {height: 130px; width: 150px;
background: url(pics_back/reiterstube_n.jpg) no-repeat; margin-bottom: 10px;}

#navibilder #bild11 {height: 130px; width: 150px;
background: url(pics_back/pferdeliebe_n.jpg) no-repeat; margin-bottom: 10px;}

#navibilder #bild12 {height: 130px; width: 150px;
background: url(pics_back/zirkuspferde_n.jpg) no-repeat; margin-bottom: 10px;}

#navibilder #bild13 {height: 130px; width: 150px;
background: url(pics_back/mittagessen_n.jpg) no-repeat; margin-bottom: 10px;}

#navibilder #bild14 {height: 130px; width: 150px;
background: url(pics_back/pfohlen_n.jpg) no-repeat; margin-bottom: 10px;}

#navibilder #bild15 {height: 130px; width: 150px;
background: url(pics_back/katze_garfield_n.jpg) no-repeat; margin-bottom: 10px;}

#navibilder #bild16 {height: 130px; width: 150px;
background: url(pics_back/reitplatz_n.jpg) no-repeat; margin-bottom: 10px;}

#navibilder #bild17 {height: 130px; width: 150px;
background: url(pics_back/pferdepflege_n.jpg) no-repeat; margin-bottom: 10px;}

#navibilder #bild18 {height: 130px; width: 150px;
background: url(pics_back/therapie_reithalle_n.jpg) no-repeat; margin-bottom: 10px;}

#navibilder #bild19 { height: 130px; width: 150px;
background: url(pics_back/reitausbildung_2_n.jpg) no-repeat; margin-bottom: 10px;}

/*Navigation Linkverhalten*/

#mainnav li a:link, a:visited {color: #000;}

#mainnav li a:hover { color: #e50101;}

/*Navigation auto. Seitenhervorhebung*/

#startseite #mainnav .startseite a,
#aktuelles #mainnav .aktuelles a,
#reiterferien #mainnav .reiterferien a,
#therapeutisches #mainnav .therapeutisches a,
#bilder #mainnav .bilder a,
#preise #mainnav .preise a,
#kontakt #mainnav .kontakt a,
#ausbildung #mainnav .ausbildung a {color: #e50101;}

/*Formatierung Bildergalerie -----------------------------------------*/

div.spacer {
  clear: both;}


div.bilder { width: 180px; height: 180px;  padding: 0px;  float: left; }


div.bilder p {
   text-align: left; font-size: 13px;}
   
   
/*Footer----------------------------------------------------------------*/

#footer { 
	text-align: right;
  	clear: both;
	margin: 0 20px 0 10px;
	border-top: 1px solid #960; 
  }
 
 #footer p{
   font-size: 11px; 
   color: #960; 
  }
   
#footer a{ text-decoration: none;
   font-size: 11px; 
   color: #960; 
   margin-left: 5px;
  }
  
#footer a:hover{
    color: #e50101; 
    } 
  
#news {clear: both; width:580px; border: solid 1px grey; background-color: #FFEC8B}
#news h2 {height: 96px; margin: 10px; padding-top: 35px; font-size: 50px; text-align: center; background-image: url(pics_back/filmstreifen_klein.png); color: #CE0000; text-decoration: underline;}  
#news p {padding: 10px 100px; font-size: 20px; text-align: center;}  


#Happyteaser {border: 2px solid red; color: red; font-size: x-large; margin: 20px; padding: 20px; text-align: center;}
#Happyteaser div {font-weight: bold; font-size: 150%;}