html { height: 100%;  margin-bottom: 1px; }
html * { padding: 0; margin: 0; }

body {
    background: url(images/bg_pferde6gruen.jpg);
   padding: 20px 0px 40px 0px;
   font-size: 62.5%;
}

#gesamt {
  text-align: left;
  width: 720px;
  height:100%;
  margin:15px auto 0;
  padding-bottom:15px;
  position:relative;
  font-family:  Arial, sans-serif;
}





a, a:link {
 text-decoration: underline;
 color: #504020;
}

a:hover {
  color: #996600;
  text-decoration:none;
}






#header {
  height: 83px;
  position: relative;

}

  
#header h2 {   
  color: #504020;  
  font-size: 2.5em;
  padding: 25px 0px 0px 0px;
  margin: 0px 20px 0px 150px;
  }

#header h2 a {
  display: block;
  }
    
    


ul#menue {
   position: absolute;
   top: 58px; 
   left: 171px; 
   width: 536px; 
   height: 25px;
   list-style-type: none; 
background: #FFFBEE url(images/menu_zwei_g_neu_gruen2.jpg) no-repeat;
}

ul#menue li {
  display: block; 
  position: absolute;
  top: 0px;
  }

ul#menue li a { 
  display: block; 
  height: 25px;     
  text-decoration: none; 
  text-indent: -4040px;
    }
    
    ul#menue a.verlinkt { cursor: default; }
    
    ul#menue li { width: 75px; }
    ul#menue li a { background: transparent url(menu_zwei_g_neu_gruen2.jpg) no-repeat; }
    
    ul#menue li#nav_start           { width: 45px; left: 0px; }
    ul#menue li#nav_start          { background-position: -0px  -0px; }
    ul#menue li#nav_start a:hover   { background-position: -0px -25px; }
    ul#menue li#nav_start a.verlinkt { background-position: -0px -50px; }
    
    ul#menue li#nav_hof           { width: 59px; left: 47px; }
    ul#menue li#nav_hof a         { background-position: -47px  -0px; }
    ul#menue li#nav_hof a:hover   { background-position: -47px -25px; }
    ul#menue li#nav_hof a.verlinkt { background-position: -47px -50px; }
	
	ul#menue li#nav_apartments           { width: 100px; left: 108px; }
    ul#menue li#nav_apartments a         { background-position: -108px  -0px; }
    ul#menue li#nav_apartments a:hover   { background-position: -108px -25px; }
    ul#menue li#nav_apartments a.verlinkt { background-position: -108px -50px; }
    
    ul#menue li#nav_reiten           { width: 69px; left: 210px; }
    ul#menue li#nav_reiten a         { background-position: -210px  -0px; }
    ul#menue li#nav_reiten a:hover   { background-position: -210px -25px; }
    ul#menue li#nav_reiten a.verlinkt { background-position: -210px -50px; }
    
    ul#menue li#nav_pferde           { width: 50px; left: 281px; }
    ul#menue li#nav_pferde a         { background-position: -281px  -0px; }
    ul#menue li#nav_pferde a:hover   { background-position: -281px -25px; }
    ul#menue li#nav_pferde a.verlinkt { background-position: -281px -50px; }
    
    ul#menue li#nav_aktuelles           { width: 72px; left: 333px; }
    ul#menue li#nav_aktuelles a         { background-position: -333px  -0px; }
    ul#menue li#nav_aktuelles a:hover   { background-position: -333px -25px; }
    ul#menue li#nav_aktuelles a.verlinkt { background-position: -333px -50px; }    
    
    ul#menue li#nav_kontakt           { width: 57px; left: 407px; }
    ul#menue li#nav_kontakt a         { background-position: -407px  -0px; }
    ul#menue li#nav_kontakt a:hover   { background-position: -407px -25px; }
    ul#menue li#nav_kontakt a.verlinkt { background-position: -407px -50px; } 

 



	
#logo{
  width:156px;
  height:250px;
  position:absolute;
  top:10px;
  left:-15px;
  background:url(images/logo_dorisdrei.gif) no-repeat;
  z-index:99;
} 

  

#submenue {
  height:40px;
  background: url(images/oben_hellblau.gif) no-repeat
}



#submenue ul {
  font-size: 1.4em;
  background: transparent ;  
  list-style-type: none;
  padding: 10px 12px 0px  0px;
  text-align: right;
  }
  
  
#submenue ul li {
  display: inline;
  margin-left: 10px;
}
    
	
 
#submenue ul li a {
  color: #504020;
}
	
#submenue ul li a:hover {
  color: #996600;
}
    
#submenue ul li.verlinkt a{
  color: #996600;
  text-decoration: none;
  cursor: text;
    }    
   



div#inhalt{
  background-color:#EDF6F5;
  border-left:2px solid #9d6c3c;
  border-right:2px solid #9d6c3c;
  color: #504020;
  padding: 0px;
  width:716px;
  font-size:1em;
}


div#text a, a:link {
  text-decoration: underline;
  color: #504020;
}

div#text a:hover {
   color: #996600;
   text-decoration:none;
}

	
div#text strong {
  color: #504020;
  }
  

div#text h2 {
  color: #9D6C3C;
  font-size: 1.8em;
  padding: 20px 0px 0px 0px;
  margin: 0px 20px 0px 50px;
  }
  
div#text h3 {
  font-weight: normal;
  font-size: 1.6em;
  color: #c0a782;
  border-bottom: 1px solid #c0a782;
  padding: 0px 0px 20px 0px;
  margin: 0px 20px 20px 50px;
  }
  
  
  
div#textunten{
  font-size: 1.2em;
  float:right;  
  margin: 0px 20px 20px 0px;
  width:500px;
  }  
  
div#textunten h4 {
  font-size: 1.4em;
  color: #9D6C3C;
  padding: 0px 0px 0px 0px;
  margin: 0px 20px 20px 0px;
  } 
  
  div#textunten h2 {
  font-size: 1.8em;
  color: red;
  padding: 0px 0px 0px 0px;
  margin: 0px 20px 20px 0px;
  } 
   
  
div#textunten h3.unten {
  font-weight: normal;
  font-size: 1.4em;
  color: #c0a782;
  border-bottom: 0;
  padding: 0px 0px 10px 0px;
  margin: 0px 20px 0px 0px;
  }
  
  
  
  
div#textunten p {
  font-size: 1.2em;
  margin: 0px 20px 0px 0px;
  padding: 0em 0em 0.5em 0em;
}

   
div#textunten img {
  float:left;
  margin: 0px 6px 10px 0px;
  padding: 0px 0px 0px 1px;
}


   
  
div#textunten ul {
  margin: 0px 20px 0px 30px;
  padding: 0 0 1em 0;
  font-size: 1.2em;
  }
  
div#textunten ul li {
  padding: 0px 0px 3px 10px;
}
   
   
    
#textunten table{
  font-size:1.3em;
  width:450px;
  border:1px solid #fff;
  background-color:#dfeceb;
  padding:5px 0px 0px 0px;
}


#textunten th{
 padding:5px 5px 0px 10px;
}

#textunten td{
 vertical-align:top;
 padding:5px 5px 0px 10px;
 font-size: 0.8em;
}

#textunten tfoot{
  text-align:top;

}
	
   
#textunten table{
  font-size:1.3em;
  width:450px;
  border:1px solid #fff;
  background-color:#dfeceb;
  padding:5px 0px 0px 0px;
}

#textunten th{
  padding:5px 5px 0px 10px;
  }
  
  
#textunten td{
  vertical-align:top;
  padding:5px 5px 5px 10px;
  font-size: 0.8em;
}


#textunten td ul{

  font-size: 1em;
}

#textunten tfoot{
  text-align:top;
}
	   
	

#textunten table.icon{
  width:5px;
  border:none;
  background-color:transparent;
  padding: 0px;
  margin:0px;
}


#textunten th.icon{
  padding: 0px;
  margin:0px;
}


#textunten td.icon{
  margin:0px;
  padding: 0px ;
 }

#textunten tfoot.icon{
  margin:0px;
  padding: 0px ;
}
	

	
div#textfeld {
  float:left;
  width:120px;
  margin:60px 0 0 8px;
  padding:8px 6px;
  border:1px solid #9d6c3c;
  background-color:#DFECEB;
  -moz-border-radius:10px;
  color: #504020;
  font-size:1.1em;
}
	
		
	
div#textfeld p.news{
  color: #996600;
  font-size:1.5em;
  font-weight:bold
}
	


body>#textfeld {width:120px;}


div#textfeld  a:hover {
   color: #996600;
   text-decoration:none;
   background-attachment:scroll;
	}
	
div#textfeld .hauptlink {
	text-align:left;
	display:block;
	padding:4px 0px 4px 10px;
	text-indent:10px;
    background-color:transparent;
	}
	
	
div#textfeld .hoverlink {
	color: #996600;
	text-align:left;
	display:block;
	text-decoration:none;
	padding:4px 0px 4px 10px;
	text-indent:10px;
    background-attachment:scroll;
	background-image:url(images/pfeil.jpg);
	background-repeat:no-repeat;
	background-position:4px 6px;
	background-color:transparent;
	
	}


    
p.unten {
  text-align:right;
  padding: 6px 20px 6px 20px;
  background-color: #9d6c3c;
  color: #fff;
  margin: 0px ;
  font-size: 1.2em;
  clear: both;
}

p.unten a:link,
p.unten a:visited,
p.unten a:active {
  text-decoration: none;
  color: #fff;
  }
    
p.unten a:hover {
 color: #C0A681;
  }
  
 
  
  /*** Fotogalerie ***/
  
  
  
  
div#foto{
  background-color:#dfeceb;
  width: 800px;
  margin:15px auto 0;
  font-family:  Arial, sans-serif;
  border-collapse:collapse;
}



.fototable { 
  width:100%;
  border-collapse:collapse;
  color: #504020;
  text-align:center;
  font-size:12px;
  background-color:#dfeceb;
  margin:20px 0px 20px 0px;
}

div#fotoheader {
  background-color:#9D6C3C;
  color:#fff;
  text-align:center;
  margin:0;
}


div#fotoheader {
	height:40px;
	overflow:none;
}


div#fotoheader h1 {
	font-size:14px;
	color:#fff;
	margin:2px;
}



div#fotoheader a {
	color:#fff;
	font-size:10px;
	text-decoration:none;
}



div#fotoheader a:hover{
	color: #C0A681;
}


div#fotofooter {
  height:25px;
  text-align: left;
  font-size: 1em;
  background-color:#9D6C3C;
  color:#fff;
  padding:1px;
  text-align:center;
  margin:0;
}




div#fotofooter a {
  color:#fff;
  font-size:10px;
  text-decoration:none;
}

div#fotofooter a:hover {
	color: #C0A681;
}

div#fotoseite {
  text-align:center; 
  height:20px;
  background-color:#9D6C3C; 
  padding:2px 6px; 
  font-size:10px; 
}

div#fotoseite a {
  margin-right:1px; 
  padding: 2px 6px; 
  border:0; 
  background: #DFECEB;
  }
  
  
div#fotoseite span.current {
  margin-left:2px; 
  padding: 2px 6px; 
  border:0; 
  background: #C0A681; 
  color: #fff;
}

div#fotoseite a:hover {
  color: #fff; 
  background:  #C0A681;  
}

div#fotoseite a:active { 
  background: #C0A681; 
}



/*** FOOTER ***/

div#footer {
  background: url(images/rund_unten_braun.gif) no-repeat;
  text-align: right;
  font-size: 1em;
  color:  #504020;
  padding: 9px 10px 4px 20px;
}

div#footer a:link,
div#footer a:active,
div#footer a:visited {
  outline: none;
  color:  #504020;
  }
  
div#footer a:hover {
  color: #996600;
  text-decoration:none;
  }