@charset "utf-8";
/* CSS Document */

html{
height:  100%;
}

body{
background-color:#53453e;
margin: 0px; 
overflow-x:hidden;
}

#horizontal        
	 { 
	background-color:#53453e;
	text-align: center; 
	 position: absolute; 
	 top: 50%; 
	 left: 0px; 
	 width: 100%; 
	 height: 1px; 
	 overflow: visible; 
	 visibility: hidden; 
	 display: block 
	 }

#centerpos  {
	background-color:#53453e;
	width: 926px;
	height:  588px;
	max-width: 926px;
	max-height:  588px;
	padding:0px;
	margin-left: -463px;
	position: absolute;
	top: -294px;
	left: 50%;
	visibility: visible;
	text-align: left; 
}


/*********************** oben nav  *************************************/
#navbar
{
	background-color:#000;
	height: 75px;
}

#navi
{
		background-color:#362f2d;
		height:50px;
		max-height:50px;
		width:926px;
}

/*********************** mitte  *************************************/

#content
{
	background-color:#000;
	height:482px;
	width:926px;
}

#content, #textteil, p, div, a, span
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFF;
}


/*********************** aufbau mitte -  links nach rechts  *************************************/

#galerie
{
	position:absolute;
	top:75px;
	left:25px;
	width:124px;
	height:461px;
}

#headline
{
	position:absolute;
	top:75px;
	left:174px;
	width:18px;
	}

#textteil
{
	position:absolute;
	top:75px;
	left:203px;
	background-color:#5f504b;
	max-width:446px;
	width:476px;
	height:461px;
	max-height:431px;
	padding:15px;
	overflow:auto;
}

#textteil p, #textteil img
{
	margin-top:0;
	margin-bottom:9px;
}

*+html div#textteil{
overflow-x:hidden;
}

ul.profil { 
margin-left: 0.5em; 
padding-left: 0.5em; 
margin-top:0;}

ul.profil li
{
margin-bottom:9px;
	
	}

	
div.galerierubrik
	{
	margin-bottom:7px;
	margin-right:5px;
	border:0;
	padding:0;

	width:143px;
	height:100px;
	max-height:22px;
	padding-top:74px;
	float:left;
}

div.galerierubrikLast
{
	margin-right:0;
	}

div.rubrikText
{
	background-image:url(images/r_hg.png);
	background-repeat:repeat-x;
	color:#FFF;
	width:143px;
	height:22px;
	max-height:19px;
	text-align:center;
	font-size:11px;
	padding-top:3px;
}

div.rubrikText a, div.rubrikText a:visited
{	
font-size:11px;
color:FFF;
text-decoration:none;
}


div.rubrikText a:hover, div.rubrikText a:active
{	
font-size:11px;
color:FFF;
text-decoration:none;
}


/************************* Bilder für die Rubriken Fotos und Texte ************************************/
#rubrikVierbeiner
{	background-image:url(images/r_andere-Vierbeiner.jpg);
}
#rubrikIslaender
{	background-image:url(images/r_islandpferde.jpg);
}
#rubrikAuftraege
{	background-image:url(images/r_auftraege.jpg);
}
#rubrikAusruestung
{	background-image:url(images/r_ausruestung.jpg);
}
#rubrikFutter
{	background-image:url(images/r_futter.jpg);
}
#rubrikHaltung
{	background-image:url(images/r_haltung_reitanlagen.jpg);
}
#rubrikHufe
{	background-image:url(images/r_hufe_hufpflege.jpg);
}
#rubrikMedizin
{	background-image:url(images/r_medizin.jpg);
}
#rubrikReiten
{	background-image:url(images/r_pferderassen_reiten.jpg);
}
#rubrikTurniere
{	background-image:url(images/r_turniere_veranstaltungen2010.jpg);
}
#rubrikLeer1
{	background-image:url(images/r_platzhalter.jpg);
}
#rubrikLeer2
{	background-image:url(images/r_platzhalter.jpg);
}
#rubrikTexte
{	background-image:url(images/r_platzhalter.jpg);
}
#rubrikTexteIslaender
{	background-image:url(images/r_platzhalter.jpg);
}
#rubrikFlyer1
{	background-image:url(images/r_platzhalter.jpg);
}
#rubrikFlyer2
{	background-image:url(images/r_platzhalter.jpg);
}
#rubrikFlyer3
{	background-image:url(images/r_platzhalter.jpg);
}
#rubrikFlyer4
{	background-image:url(images/r_platzhalter.jpg);
}

/************************* rechte Seite ************************************/

#rechts
{
	position:absolute;
	top:75px;
	left:688px;
	width:209px;
	height:461px;
	}

div.hr
{
	width:12px;
	margin-right:13px;
}

div.kr
{
	float:right;
	width:187px;
	}


.rechtsbox
{
	float:right;
	width:187px;
	max-width:161px;
	height:207px;
	margin-top:25px;
	margin-bottom:16px;
	background-color:#5f504b;
	padding:13px;	
	font-size:11px;
	overflow:auto;
	}
	
div.rechtsbox p, div.rechts ul
{	
font-size:11px;
margin:0;
margin-bottom:7px;
padding:0;
}

div.rechtsbox a
{	
font-size:11px;
	text-decoration:none;
	border-bottom: 1px dotted #FFF;
}

div.rechtsbox a:hover
{	
font-size:11px;
	text-decoration:none;
	border-bottom: 1px solid #FFF;
}


ul.kameras { 
margin-left: 0.5em; 
padding-left: 0.5em; 
}



div.rechtsAbstand	
{
	margin-top:25px;
	}

a.kontakt
{
	text-decoration:none;
	border-bottom: 1px dotted #FFF;
	font-size:12px;
}

a.kontakt:hover
{
	text-decoration:none;
	border-bottom: 1px solid #FFF;
	font-size:12px;
}

.kontakt20
{
	font-size:18px;
	}


#jalbum
{
font-size:11px;	
margin:0;
padding:0;

	position:absolute;
	top:540px;
	left:25px;
	width:150px;
	height:20px;
}

	
#jalbum a
{	
font-size:11px;
text-decoration:underline;
}

#jalbum a:hover
{	
font-size:11px;
text-decoration:underline;
}

/*********************** unten  *************************************/

#footer
{
	background:#53453e url(images/verlauf.png) repeat-x;
	height:56px;
	max-height:56px;
	width:inherit;
}

* html #footer {
 background-image: none;
 background-repeat:repeat-x;
 filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='images/verlauf.png')
}


/*********************** bestellformular  *************************************/
p.formularHead
{
font-weight:700;
width:429px;
border-bottom: 1px solid white;
}

p.abstandoben
{
padding-top:12px;
}

td.formular
{
	height:30px;
	}

td.formularTextarea
{
	height:108px;
	}

td.formularPreis
{
	height:26px;
	width:60px;
	font-weight:700;
	text-align:right;
	
}
	
td.formularPreis span
{
	height:26px;
	width:60px;
	font-weight:700;
	text-align:right;
}
	
td.formularSumme
{
	height:26px;
	font-weight:700;
	text-align:right;
	text-decoration:underline;
	
	}
	
input
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000;	
	width:180px;
	height:18px;
	border: 1px solid #ddc9b1;
	}

textarea
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000;	
	width:180px;
	height:100px;
	border: 1px solid #ddc9b1;
	}

input.bildname
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000;
	width:70px;
	margin-right:10px;
}

/*select.anzahl
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000;
	width:40px;
	margin-right:10px;

}*/

input.anzahl
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000;
	width:35px;
	margin-right:10px;

}

option.format
{
	width:240px;
	margin-right:10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000;
}

select
{	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000;
}

input[checkbox], input[radio], input.checkboxB, input.radioB
{
	width:10px;
	height:12px;
	border: none;
}


input[submit], #abschicken
{
	background-color:#ddc9b1;
color:#53453e;
font-weight:700;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

.buttonRefresh{
	background-color:#ddc9b1;
color:#53453e;
text-decoration:none;
font-weight:700;
padding:3px 7px;
}

#fehlerVorname
{
visibility:hidden;
position:absolute;
left: 250px;
top: 74px;
}

#fehlerNachname
{
visibility:hidden;
position:absolute;
left: 250px;
top: 104px;
}

#fehlerStrasse
{
visibility:hidden;
position:absolute;
left: 250px;
top: 134px;
}

#fehlerPlz
{
visibility:hidden;
position:absolute;
left: 250px;
top: 164px;
}

#fehlerOrt
{
visibility:hidden;
position:absolute;
left: 250px;
top: 194px;
}

#fehlerLand
{
visibility:hidden;
position:absolute;
left: 250px;
top: 224px;
}

#fehlerAddress
{
visibility:hidden;
position:absolute;
left: 250px;
top: 271px;
width:160px;
max-height:21px;
max-width:135px;
height:44px;
background-image:url(images/hg-validierung.png);
background-repeat:no-repeat;
padding: 6px 6px 15px 19px;
color: black;
font-size:11px
}

#fehlerAgb
{
visibility:hidden;
position:absolute;
left: 220px;
top: 890px;

}

.fehlermeldung
{
width:199px;
max-height:21px;
max-width:183px;
height:30px;
background-image:url(images/hg-validierung2.png);
background-repeat:no-repeat;
padding: 5px 0px 14px 19px;
color: black;
font-size:11px;
}


/**************captcha farben ändern *******************************/


 .recaptchatable .recaptcha_image_cell, #recaptcha_table {
   background-color:#5f504b !important; //reCaptcha widget background color
 }
 
 #recaptcha_table {
   border-color: #FFFFFF !important; //reCaptcha widget border color
 }
 
 #recaptcha_response_field {
   border-color: #ddc9b1 !important; //Text input field border color
   background-color:#FFFFFF !important; //Text input field background color
 }