/* 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: #785a5a
hover, focus: #785a5a
visited: #785a5a
link-bg: #785a5a
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 { 
color: #785a5a;
text-decoration:none; outline:none; 
}

a:link { color:#785a5a; }
a:visited { color: #785a5a; }
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 30px 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,
	#bleistift #navi02 a,
	#buntstift #navi03 a,
	#pastell #navi04 a,
	#kohle #navi05 a 
	#acryl #navi06 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;
	}
	
	#inhalt {
		padding-left:75px;
	}
		
		
#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;
}


/* =========================================
	4. Galerie Skript - Styles
   =======================================*/
   
   td {
	font-size: 11px;
}
.schrift10 {
	font-size: 10px;
}
.schrift12 {
	font-size: 12px;
}
.schrift13 {
	font-size: 13px;
}
.tabellenRand_1px {
	border: 1px solid #CCCCCC;
}
.tabellenRand_2px_startSeite {
	border: 2px solid #AAAAAA;
}
/*a:link
{
	color: #A3030F;
	text-decoration: none;
	
}
a:visited
{
	color: #A3030F;
	text-decoration: none;
}
a:hover, a:active
{
	color: #A3030F;
	background-color: #EDE0D0;
	padding: 0px, 0px, 0px, 0px;
}*/

.schrift14 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
}



/* styles für die Galerie */

.galeryRahmen {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight:normal;
	border-top: 0px solid #CCCCCC;
	border-right: 0px solid #CCCCCC;
	border-bottom: 0px solid #CCCCCC;
	border-left: 0px solid #CCCCCC;
	background-color:#cccccc;
}
.galeryTitel {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	font-weight: bold;
	color: #333;
	padding:3px;
	border-top: 0px solid #CCCCCC;
	border-left: 0px solid #CCCCCC;
	border-right: 0px solid #CCCCCC;
	background-color: #CCC;
}

.galeryMain {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #333;
	padding:3px;
	border-top: 0px solid #CCCCCC;
	border-left: 0px solid #CCCCCC;
	border-right: 0px solid #CCCCCC;
	background-color: #ececec;
	
}



.galerie_pic {
	padding:3px;
	background-repeat:no-repeat;
	background-position:center;
	border:1px dotted #999;
}

.beschreibung {
	background-color:#ececec;
	margin-top:10px;
}


.smallGal {
	font-size: 80%;
}
.hintergrund
{
	background-color: #ffffff;
}
.hintergrund_startSeite
{
	background-color: ffffff;
}
/* ende styles galerie */


.viewTitel {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	color: #000000;
	border-top: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	background-color: #CCCCCC;
}


.trUnten {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
}

/* Gästebuch CSS */
.rahmen_unten {
	border-top-width: 0px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
	text-align: justify;
}
.rahmen_oben {
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 0px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
	text-align: justify;
	border-top-color: #CCCCCC;
}

.rahmen {
	padding: 15px;
	border: 1px solid #CCC;
	border-bottom:1px;
	
}

.gbTab {
	background-color:#FFF;
	border: 1px solid #CCC;
}

.tbText {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #333;
	padding: 6px;
	padding-left:20px;
}

/*	.gbTab {
	background-color:#CCC;
}*/

/* Bestellung */
.rahmen_untenBE {

	border-top-width: 0px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
	text-align: justify;
}
.rahmen_obenBE {
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
	text-align: justify;
	border-top-color: #CCCCCC;
}

/*news-styles*/

.hintergrundTab {
	background-color:#FFF;
	border: none;
}

.newstab {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #333;
	padding: 6px;
}

.newsimg {
	max-width:60px;
	max-height:60px;
	border: 1px solid #333;
}

.newsMain {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #999;
	padding:3px;
	border-top: 0px solid #CCCCCC;
	border-left: 0px solid #CCCCCC;
	border-right: 0px solid #CCCCCC;
	background-color: none;
	
}

/*kontaktformular */
.kontaktRahmen {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	border-top: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
}
.kontaktTitel {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	font-weight: bold;
	color: #000000;
	border-top: 0px solid #CCCCCC;
	border-left: 0px solid #CCCCCC;
	border-right: 0px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	background-color: #FCF0E0;
}