/* Stylesheet www.horsearts.de
Erstellt am: 04.01.2010
Autorin: Gertraud Hofegger


AUFBAU:
1. Farbfestlegungen
2. Kalibrierung und allgemeine Styles
3. Styles für Layoutbereiche
4. Sonstige Styles
*/


/* ================================
	1. Farben:
   ==============================*/
   
/*

background-color: #CCC
schrift: #4D4D4D
ueberschrift: #4D4D4D
ueberschrift 2: #999
links: #4D4D4D
hover, focus: #4D4D4D
visited: #333
link-bg: #AD9F9F
border: #999
navi hover, focus: #AD9F9F

*/


/* =========================================
	2. Kalibrierung und allgemeine Styles
   =======================================*/


/*Kalibrierung der wichtigsten Abstände*/
* {
	padding:0;
	margin:0;
}


h2, p, ul, ol {margin-bottom:1em;}

ul ul {margin-bottom:0;}

li { margin-left:1em;}



/*Allgemeine Selektoren*/

html { height: 101% }


body {
	background-color: #CCC;
	font-family: Helvetica, Arial, sans-serif;	
	font-size:12px;
}


h1, h2 { font-family:Helvetica, Arial, sans-serif; }

h1 {
	color:#4D4D4D;
	font-size: 115%;
	font-weight:normal;
	text-transform:uppercase;
	padding: 35px 0 15px 55px;
}


h2 {
	color:#999;
	font-size: 100%;
	font-weight:normal;
	padding: 4px 0 0px 100px;
}


i {
	padding: 0 0px 0px 80px;
}


p {
	line-height:1.3em;
}

.einrueck {
	padding: 0 90px 0 100px;
}


address {
	text-align:center;
	font-size:80%;
	font-style:normal;
	line-height:1.5em;
}

breadcrumb {
	color:#999;
	font-size:80%;
	padding-left:30px;
}

information {
	color:#999;
	font-size: 90%;
	padding: 0 0 60px 0;
	margin-left: 65px;
	margin-bottom: 20px;
	text-indent: 65px;
}
	
	
#email {
	position : relative;
	margin-left: -2400px;
	margin-top: -1200px;
}


/*Hyperlinks allgemein*/

a { text-decoration:none; outline:none; }

a:link { color:#4D4D4D; }
a:visited { color: #333; }
a:hover, a:focus {
		font-weight:bold;
}
a:active {
	font-weight:bold;
}

a img { 
	border:1px solid #666; 
}




/* =========================================
	3. Styles für Layoutbereiche
   =======================================*/
   
   
   
#wrapper {
	background-color:#666;
	width:800px;
	margin: 15px auto;
	padding: 1px;
}

	
#kopf {
	position:relative;
	background-color:#FCC;
	background-image:url(header.jpg);
	width:800px;
	height:137px;
}

	#signatur {
		position: absolute;
		color: #AD9F9F;
		top: 48px;
		right: 43px;
	}


#navi {
	position:relative;
	background-color:#FFF;
	text-align:right;
	height:24px;
	border-top: 1px solid #999;
	padding: 0px 60px 10px 20px;
}


	#logo {
		position:absolute;
		color: #AD9F9F;
		top: -55px;
		left:5px;
		z-index:10;
	}

	#navi ul { margin-bottom:0;}

	#navi li {
		display:inline;
		list-style-type:none;
	}
	
	#navi a {
		padding: 12px 15px 10px 15px;
	}
	
	#navi a:active {
		color:white;
		background-color:#AD9F9F;
	}
	
	#navi a:hover, 
	#navi a:focus,
	#startseite #navi01 a,
	#kuenstlerin #navi02 a,
	#galerie #navi03 a,
	#angebote #navi04 a,
	#kontakt #navi05 a {
		color:white;
		background-color:#AD9F9F;
		font-weight:normal;
	}
	
				#galerie #subnavi3_1 a, 
				#galerie #subnavi3_2 a, 
				#galerie #subnavi3_3 a, 
				#galerie #subnavi3_4 a, 
				#galerie #subnavi3_5 a {
					color:#000;
					background-color:#fff;
					font-weight:normal;
				}
				
				#galerie #subnavi3_1 a:hover, 
				#galerie #subnavi3_2 a:hover, 
				#galerie #subnavi3_3 a:hover, 
				#galerie #subnavi3_4 a:hover, 
				#galerie #subnavi3_5 a:hover {
					color:#fff;
					background-color:#AD9F9F;
					font-weight:normal;
				}
				
				#galerie #subnavi3_1 a:focus, 
				#galerie #subnavi3_2 a:focus, 
				#galerie #subnavi3_3 a:focus, 
				#galerie #subnavi3_4 a:focus, 
				#galerie #subnavi3_5 a:focus {
					color:#fff;
					background-color:#AD9F9F;
					font-weight:normal;
				}
			
			
			
				#angebote #subnavi4_1 a, 
				#angebote #subnavi4_2 a, 
				#angebote #subnavi4_3 a {
					color:#000;
					background-color:#fff;
					font-weight:normal;
				}
				
				#angebote #subnavi4_1 a:hover, 
				#angebote #subnavi4_2 a:hover, 
				#angebote #subnavi4_3 a:hover {
					color:#fff;
					background-color:#AD9F9F;
					font-weight:normal;
				}
				
				#angebote #subnavi4_1 a:focus, 
				#angebote #subnavi4_2 a:focus, 
				#angebote #subnavi4_3 a:focus {
					color:#fff;
					background-color:#AD9F9F;
					font-weight:normal;
				}
	
	#MenuBar1 {
		padding: 0 0 0 250px;
	}
	
	

#text {
	position:relative;
	color:#4D4D4D;
	background-color:#FFF;
	min-height:400px;
	padding: 25px 45px 20px 20px;
	border-top: 1px solid #999;
}

	#text a:hover, 
	#text a:focus: {
		font-weight:bold;
		border-bottom:none;
	}
	
	
		#text breadcrumb a/*,
		#text breadcrumb a:visited,
		#text breadcrumb a:hover,
		#text breadcrumb a:focus*/ {
			color:#999;
		}
		
	#text li {
		list-style-type:none;
		text-indent:75px;
		padding: 0.1px 0 0.1px 0;
	}
	
		#text li a {
			color:#666;
		}

	#galeriediv {
		padding-left:75px;
		margin-top:10px;
	}

	
	#galeriediv a img {
		cursor:url(lupe.cur), crosshair;
		cursor: -webkit-zoom-in;
		cursor: -moz-zoom-in;
	}
	
	
	#angebote a img {
		cursor:url(lupe.cur), crosshair;
		cursor: -webkit-zoom-in;
		cursor: -moz-zoom-in;
	}

	

	#bildlink {
		margin: 20px 40px 20px 20px;
	}
		
		
#back {
	position:absolute;
	top:71px;
	right:80px;
}


#kontaktformular {
	padding: 0 0 0 75px;
}


#fuss {
	color:#666;
	background-color:#FFF;
	text-align: center;
	padding-top: 10px;
	border-top: 1px solid #999;
}

#fuss a {
	color:#666;
}