/* Layout Stylesheet */ 

body {
	margin:0px;
	text-align:center;
	padding:0;
	background-image: url(Images/layout/valeriding/bg.gif);
	background-position: center top;
	background-attachment: scroll;
	background-repeat: repeat-y;
 }

#outer {
	text-align:left;
	margin:auto;
	width: 787px;
 }

#hdr {
	width: 892px;
	background-position: center top;
	background-repeat: no-repeat;
	height: 138px;
	text-align: center;
 }

#bar {
 height:25px;
 background:#c0c0c0;
 color: #333333;
 border:solid #000000;	
 border-width:1px 0 1px 0;
 }

#bodyblock {
	position:relative;
	padding:0;
	width: 720px;
	float: left;
 }

#l-col {
	float:left;
	color: #333333;
	width:510px;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 16px;
	padding-top: 25px;
	padding-bottom: 25px;
 }
#pagelinks {
	color: #FF9900;
	width: 903px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 11px;
	font-weight: normal;
	border-top: 1px solid #720023
	position: fixed;
#;
	text-transform: uppercase;
	height: 36px;
	text-align: right;
	list-style-type: none;
	background-image: url(Images/layout/greylinksbox.gif);
	padding-top: 20px;
}
ul#main-nav {
	font-family:Georgia, "Times New Roman", Times, serif;
	margin:0;
	float:left;
	width:250px;
	color: #710023;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #710023;
	padding-left: 0px;
	display: block;
	text-align: center;
	letter-spacing: 2px;
	font-weight: normal;
	font-size: 13px;
}
ul#main-nav li {
	padding:0;
	list-style:none;
	float:left;
	margin:0 0.3em 0 0;
	margin-top: 0;
	margin-bottom: 0;
	margin-left: 0;
}
ul#main-nav li a {
	font-weight:normal;
	text-decoration:none;
	color:#FAF5E3;
	height: 50px;
	display: block;
	text-align: center;
	font-family: Georgia, "Times New Roman", Times, serif;
	padding-top: 15px;
	padding-bottom: 15px;
	margin-left: 61px;
}
ul#main-nav li a:hover {color:#9E7702;}

}
.links {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
}
.pageselected {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #000000;
}
.pagelinks {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #003300;
	height: 36px;
	padding-left: 30px;
}
.pagesubaddress {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	font-weight: normal;
	color: #333333;
	line-height: 18px;
	text-align: left;
}
.pagesubaddresscream {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	font-weight: normal;
	color: #897868;
	line-height: 18px;
	text-align: left;
}
.button:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	height: 21px;
	background-color: #FF9900;
}
.button {
	background: #333333;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	height: 21px;
}
.input {
	color: #333333;
	background-color: #CCCCCC;
}
#creativelogo {
	width: 50px;
	;
	margin-left: 30px;
	margin-top: 20px;
	float: left;
}
#gardenfriend {
	text-align:center;
	width: 180px;
	float: left;
	;
	height: 131px;
	margin-top: 5px;
	margin-right: 5px;
	margin-left: 5px;
}
#toppic {
	text-align:center;
	width: 852px;
	float: left;
	;
	height: 131px;
}
#toplinks {
	text-align:center;
	width: 852px;
	float: left;
	;
	background-image: url(images/layout/greenbar.gif);
	background-repeat: no-repeat;
	background-position: center;
	margin-top: 100px;
	height: 36px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 12px;
	color: #003300;
	vertical-align: middle;
}
#footerlogo {
	text-align:center;
	width: 903px;
	float: left;
	;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 14px;
	height: 55px;
	color: #999999;
	padding-bottom: 15px;
}
#pagetext {
	text-align:left;
	width: 500px;
	float: left;
;
	margin-top: 17px;
	padding-left: 30px;
}
.pagelinks:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #003300;
	height: 36px;
	padding-left: 30px;
	text-decoration: none;
}
#gallerytext {
	text-align:center;
	width: 800px;
	float: left;
;
	margin-top: 17px;
	padding-left: 30px;
}
.imagespacerleft {
	margin-right: 13px;
	margin-left: 9px;
}
#outergallery {
	text-align:left;
	margin:auto;
	width: 850px;
	border: 1px solid #99CC33;
	height: 975px;
	background-image: url(images/layout/grass.gif);
	background-repeat: no-repeat;
	background-position: bottom;
}
.topspacerimage {
	margin-top: 25px;
	border: 1px solid #FFFFFF;
}
#rightcol {
	text-align:left;
	width: 360px;
	float: left;
	;
	padding-left: 25px;
	padding-top: 25px;
	padding-bottom: 25px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 16px;
	color: #666666;
}
#mainimage {
	text-align:left;
	width: 787px;
	float: left;
	;
	height: 300px;
	background-image: url(Images/mainimage/variouspupils.jpg);
	background-repeat: no-repeat;
	background-position: center;
	margin-top: 25px;
}
.footerlinks {
font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #666666}
.footerlinks:hover {
font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #333333; text-decoration: none
}.footertextdark {
font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #666666}
.breadcrumbs:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #666666;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #8B7B53;
	padding-bottom: 3px;
	margin-bottom: 10px;
	font-weight: bold;
}
.breadcrumbs:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #999999;
	margin-bottom: 10px;
	padding-bottom: 5px;
	text-decoration: none;
	font-weight: bold;
}
.topspacerimagetop {
	margin-top: 25px;
	border: 1px solid #000000;
}
#gallerycontent {
	text-align:center;
	width: 903px;
	float: left;
	;
	height: 405px;
	background-color: #000000;
}
#toplefttextbo {
	text-align:left;
	width: 260px;
	float: left;
	;
	height: 238px;
	margin-top: 20px;
	margin-left: 50px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 16px;
	padding: 10px 15px;
	background-color: #FFFFFF;
}
#column1 {
	color: #333333;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 14px;
	width: 230px;
	margin-left: 30px;
	margin-top: 25px;
	float: left;
	margin-bottom: 25px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #8B7B53;
	padding-right: 10px;
}
#column2 {
	color: #000000;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 14px;
	width: 230px;
	margin-left: 20px;
	margin-top: 25px;
	float: left;
	margin-bottom: 25px;
}
#column3 {
	color: #666666;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 14px;
	width: 200px;
	margin-left: 30px;
	margin-top: 25px;
	float: left;
	margin-bottom: 25px;
}
#footer {
	color: #999999;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 14px;
	width: 733px;
	margin-left: 30px;
	float: left;
	padding-top: 15px;
}
#topmiddlebox {
	text-align:left;
	width: 174px;
	float: left;
	;
	height: 130px;
	margin-top: 126px;
	margin-left: 30px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 14px;
	padding: 10px 15px;
	background-color: #000000;
	color: #999999;
}
#footerimage {
	color: #666666;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 14px;
	width: 757px;
	float: left;
	height: 275px;
	background-image: url(Images/mainimage/bottomimage.jpg);
	padding-left: 30px;
}
#footerlogo {
	text-align: right;
	float: right;
	width: 150px;
	padding-top: 15px;
	margin-right: 23px;
}
#topbanner {
	width: 50px;
	float: left;
	;
	margin-left: 210px;
	margin-top: 20px;
}
#toppagelinks {
	text-align:left;
	width: 730px;
	float: left;
	;
	height: 35px;
	margin-top: 20px;
	border-bottom-width: 5px;
	border-bottom-style: solid;
	margin-left: 30px;
	font-weight: bold;
	padding-top: 5px;
}
.spacer {
	color: #666666;
	text-align: left;
	padding-right: 10px;
	padding-left: 10px;
}
.breadcrumbs {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #999999;
	margin-bottom: 10px;
	padding-bottom: 5px;
	text-decoration: none;
	font-weight: bold;
}
#mainimageblank {
	text-align:left;
	width: 787px;
	float: left;
	;
	height: 300px;
	background-repeat: no-repeat;
	background-position: center;
	margin-top: 25px;
	background-color: #CCCCCC;
}
#mainimageabout {
	text-align:left;
	width: 787px;
	float: left;
	;
	height: 300px;
	background-repeat: no-repeat;
	background-position: center;
	margin-top: 25px;
	background-image: url(Images/topbanner/ponytrekking.jpg);
}
#mainimagecontact {
	text-align:left;
	width: 787px;
	float: left;
	;
	height: 300px;
	background-repeat: no-repeat;
	background-position: center;
	margin-top: 25px;
	background-image: url(Images/topbanner/ponytrekking1.jpg);
}
#column1temp {
	color: #333333;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 14px;
	width: 230px;
	margin-left: 30px;
	margin-top: 25px;
	float: left;
	margin-bottom: 25px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #8B7B53;
	padding-right: 10px;
}
#indexpics {
	color: #000000;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 14px;
	width: 500px;
	margin-left: 30px;
	margin-top: 25px;
	float: left;
	margin-bottom: 25px;
}
#indexaddress {
	color: #333333;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 14px;
	width: 190px;
	margin-left: 30px;
	margin-top: 25px;
	float: left;
	margin-bottom: 25px;
}
