html 
{
    background: #336633;
	color: #F8E607;
	background-image: url('background.jpg');
}
body
{

}


html, body
{
    height: 600px;
	font-size:100%; /* This is needed in combination with EM font sizes to make IE look the same as other brouwsers*/
    font-size:1em; /*default text size is 16px = 1em*/
    font-family: Times New Roman, Times, serif; /*We'll make everything serif except for the main text (for easier reading) which is set further below */
}

DIV.fpcontainer
{
	margin-top:100px;
	vertical-align: middle;
	text-align: center;
	text-decoration: none;
}

a.fpimage:link, a.fpimage:visited, a.fpimage:active, a.fpimage:hover
{
color: #39723F;
}

#logo
{
float: left;
}


#headerTitle
{
font-size: 3em;
font-style: italic;
font-family: Times New Roman, Times, serif;
position:relative;
left:200px;
top:18px;
margin-bottom: 30px

}

#headerExtra
{
font-size: .7em;
text-align: right;
}

#menuBar
{
text-align: right;
margin-right: 40px;
margin-top: 5px;
}

#menuButton
{
margin-left: 20px
}

#menuBar a span
{
display: none;
}

#menuBar a:hover span
{
	display: block;
	position: relative; 
	/*left: 40px;*/
	z-index: 100;
	float: left;
	color: #F8E607;
	font-style: italic;
    /*background: black;*/
	/*font: 10px Verdana, sans-serif; */
}


#container
{
background-image: url('pictures/logos/background.jpg');
background: #336633; 
    	border: none; /*2px solid black;*/
		position: relative;
    	margin: 0 auto;
	width: 700px;
    	min-height: 94%; /* hoogte van de container */
    	height: auto !important; /* voor moderne browsers */
    	/*height: 100%; /* voor IE */
    	/*height: 600px;*/
}

#mainTextContainer
{
background-image: url('pictures/logos/background.jpg');
    	/*border: 2px solid black;*/
    	margin: 15px 0px 0px 50px;
    	left: 50px;
    	width: 650px;
		height: auto !important; /* voor moderne browsers */
    	/*height: 100%; /* voor IE */
    	/*height: 600px;*/
	text-decoration: none;
	text-align: left;
}

#mainTextContainer p
{
font-family: Verdana, Arial;
font-size: 0.8em;
}

#menuButton
{
border: 0px
}

#subpagecontainer
{
	text-decoration: none;
	text-align: right;
	position: relative;
}

.forSaleHorse, .liveryFacilities, .teamText
{
	font-family: Verdana, Arial;
	position: static;
	/*border: 2px solid black;*/
    	text-align: left;
    	width: 600px;
	min-height: 150px;
	margin: 20px 45px 5px 0px;
	text-decoration: none;
}

.forSalePic, .liveryFacilities img, .teamText img
{
	border: 1px solid #8b5a2b;
	float: left;
	/*position: static;*/
	margin: 0px 20px 5px 0px;
}


.forSalePic, .forSalePic img {
	width: 190px;
	height: 152px;
	display: block;
	position: relative;
}
.forSalePic img.soldPic {
	width: 190px;
	height: 152px;
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	/* filter:alpha(opacity=90);
	opacity:.90; */
}
.forSalePic img{

	margin: 0 auto;
}


.forSaleHorse .parents
{
	font-size:0.8em;
	font-weight: bold;
}

.breedingImage
{
	border: 1px solid #8b5a2b;
	float: right;
	/*position: static;*/
	margin: 0px 0px 10px 20px;
}


.forSaleHorse .description
{
	font-size:0.7em;
	font-style: italic;
		
}

.forSaleHorse p {line-height: 1em}



.liveryFacilities .title, .teamText .name
{
	font-size:0.8em;
	font-weight: bold;
}

.liveryFacilities p, .teamText p
{
line-height: 1.3em
}

