/* Default spul */

* {
	margin:0px;
	padding:0px;
}

html {
	height:100%;
}

body {
	background-repeat:repeat-x;
	background-image:url(/img/site/mainbackground.jpg);
	font-family:Arial;
	font-size:13px;
	color:#333333;	
	height:100%;
}

/* Container voor site */

div#main {
	width:950px;
	margin-left:auto;
	margin-right:auto;	
	overflow:hidden;
	margin-bottom:15px;	
}

/* Logo */

img#noplogo {
	border:0px;		
}

/* Toplinkjes rechts boven */

div#toplinks {
	float:right;
	margin-top:-45px;
	margin-right:50px;
}

div#toplinks a {
	margin-left:15px;
	font-size:12px;	
	color:#333333;
}

/* Hoofdmenu */

div#hoofdmenu {	
	clear:left;
	margin-top:3px;
	width:950px;
	height:29px;
	background-image:url(/img/site/menubalk.gif);
	background-repeat:no-repeat;
	white-space:nowrap;	
}

div#hoofdmenu ul {
	list-style:none;	
	padding-top:5px;
	padding-bottom:10px;
}

div#hoofdmenu ul li {
	float:left;
	position:relative;
	top:-4px; 
	left:1px;
	padding-left:19px;
	padding-right:19px;
	padding-top:4px;
	padding-bottom:1px;		
}

div#hoofdmenu ul li#menuactive {
	background-color:#ffdc00; 
}

div#hoofdmenu ul li.separator {
	margin:0px;
	margin-top:-1px;
	padding:0px;
	width:2px;	
}

div#hoofdmenu ul li.separator:hover {
	background-color:transparent;
}

div#hoofdmenu ul li ul {
	display:none;
	background-color:transparent;
	position: absolute; 
	top:20px;
	left:0px;
	margin-top:8px;
	margin-left:-1px;
	border-left:1px solid #91A759;
	border-right:1px solid #91A759;
	border-bottom:1px solid #91A759;
	padding-bottom:0px;		
}

div#hoofdmenu ul li ul li {
	padding-bottom:6px;	
	padding-top:6px;			
	margin-top:-2px;
	border-top:1px solid #91A759;
	margin-right:2px;
	width:225px;	
	overflow:hidden;		
}

div#hoofdmenu ul li:hover ul, div#hoofdmenu ul li:hover, div#hoofdmenu ul li.menuover ul, div#hoofdmenu ul li.menuover { 
	display:block;
	background-color:#ffdc00; 
}

div#hoofdmenu ul li a {
	font-weight:bold;
	font-size:18px;
	color:#333333;
	text-decoration:none;
}

div#hoofdmenu ul li ul li a{
	font-weight:normal;
	font-size:14px;
}

/* Gras rand */
div#gras {
	display:none;
	height:83px;
	width:100%;
	position:static;
	bottom:0px;
	background-image:url(/img/site/footer.jpg);
	text-align:center;			
}

div#gras p {
	display:block;
	position:relative;
	top:70px;
	font-size:10px;
	color:#096D31;	
}

div#gras p a {
	font-size:10px;
	color:#096D31;
}

/* Homepage Stuff */
div#leftcolumnhome {
	width:598px;
	height:353px;
	float:left;
	margin-top:10px;
}

div#rightcolumnhome {
	float:left;
	width:352px;	
	height:353px;
	background-color:#FFFFFF;
	margin-top:10px;	
	overflow:hidden;
}

div#homevisual {
	width:598px;
	height:353px;
	overflow:hidden;
}

div#homevisual img {
	border:0px;
}

div#homeseparator {
	float:left;
	width:950px;
	border-top:3px solid #979274;
	margin-top:6px;		
}

div#homepageteasers {
	float:left;
	margin-top:10px;
	padding:0px;
}

div#homepageteasers table {
	width:952px;
	padding:0px;
	margin-left:-1px;
}

div#homepageteasers td.teaser {
	width:200px;
	border:1px solid #979274;
	background-image:url(/img/site/teaser-background.gif);	
	background-position:bottom;	
	background-repeat:repeat-x;
	vertical-align:top;
	padding:12px;
}

div#homepageteasers td.teaserpaard {
	width:142px;
	background-image:url(/img/site/teaser-paard.jpg);	
	padding-right:70px;
}

div#homepageteasers td.teaser h2 a {	
	color:#00AE69;
	text-decoration:none;	
	font-size:17px;
}

div#homepageteasers td.teaser h2 a:hover {
	text-decoration:underline;
}

/* Alsosee */

div.alsoseecontainer {
	width:320px;
	margin-top:15px;
	margin-left:auto;
	margin-right:auto;
	overflow:hidden;		
}

div.alsoseetabcontainer {
	width:100%;
	height:100%;
	border-bottom:1px solid #979274;
	float:left;
}

div#alsoseenieuwstab, div#alsoseeagendatab {
	float:left;
	width:80px;
	height:22px;
	margin-right:10px;
	border:1px solid #979274;
	border-bottom:0px;	
	background-color:#EEEEEE;
	color:#333333;
	font-size:14px;	
	font-weight:bold;
	text-align:center;
	padding-top:3px;	
	cursor:pointer;
}

div.alsoseefreetexttab {
	float:left;
	height:22px;
	margin-right:10px;
	border:1px solid #979274;
	border-bottom:0px;	
	background-image:url(/img/site/activetab.gif);	
	color:#333333;
	font-size:14px;	
	font-weight:bold;
	text-align:center;
	padding-top:3px;
	padding-left:15px;
	padding-right:15px;		
}

div.alsoseefreetextfoto {
	float:left;
	width:100%;
	overflow:hidden;
	text-align:center;
	margin-top:15px;
}

div.alsoseefreetextintro {
	float:left;
	width:100%;
	overflow:hidden;
	margin-top:10px;
}

div.alsoseefreetextintro p {
	margin-top:10px;	
}

div.alsoseefreetextintro ul {
	margin-top:10px;
	margin-left:25px;
	color:#00AE69;
}

div.alsoseefreetextintro ol {
	margin-top:10px;
	margin-left:30px;
}

div.alsoseefreetextfoto img {
	border:1px solid #979274;
}

div.alsoseefreetextlink {
	float:left;
	overflow:hidden;
	margin-top:10px;
	margin-bottom:30px;
}

div.alsoseefreetextlink a {
	color:#00AE69;
	font-weight:bold;
	text-decoration:none;
}

div.alsoseefreetextlink a:hover {
	text-decoration:underline;
}

div#alsoseefotoalbumlink {
	margin-left:45px;
	margin-top:15px;
	margin-bottom:25px;
	float:left;
}

div#alsoseefotoalbumlink a img {
	border:0px;
}

div.alsoseetabcontainer div.tabactive{
	background-image:url(/img/site/activetab.gif);	
}

div#alsoseenieuwscontainer, div#alsoseeagendacontainer {
	width:100%;
	float:left;
	margin-bottom:20px;
}

div#alsoseeagendacontainer {
	display:none;
}

div.alsoseenieuwsagendaitem {
	width:100%;
	float:left;
	margin-top:15px;
	padding-bottom:5px;
	border-bottom:1px solid #979274;	
}

div.alsoseenieuwsagendadatum {
	width:50px;
	float:left;
}

div.alsoseenieuwsagendadatum span {
	display:block;
	width:50px;
	height:16px;
	background-color:#00AE69;
	font-weight:bold;
	font-size:12px;
	color:#FFFFFF;
	text-align:center;	
}

div.alsoseenieuwsagendaintro {
	margin-left:10px;
	float:left;
	width:255px;
	overflow:hidden;
}

div.alsoseenieuwsagendaintro h3 a {
	color:#00AE69;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
}

div.alsoseenieuwsagendaintro h3 a:hover {
	text-decoration:underline;
}

div.alsoseenieuwsagendaintro p {
	font-size:12px;
	margin-bottom:10px;
}

div.noborder {
	border:0px;
}

/* Normale pagina Stuff */
div#leftcolumn {
	width:598px;
	float:left;
	margin-top:10px;
	margin-bottom:15px;
}

div#rightcolumn {
	float:left;
	width:352px;
	min-height:350px;	
	background-color:#FFFFFF;
	margin-top:10px;	
	overflow:hidden;	
	margin-bottom:15px;
}

div#visual {
	width:598px;
	height:207px;
	overflow:hidden;
}

div#visual img {
	border:0px;
}

div#webtrail{
	margin-top:15px;
	margin-left:20px;
	color:#000000;
	font-size:11px;
}

div#webtrail a {
	color:#000000;
	font-size:11px;
	text-decoration:none;
}

div#webtrail a:hover {
	text-decoration:underline;
}

div#content {
	width:540px;
	overflow:hidden;
	margin-left:20px;
	margin-top:15px;	
	margin-bottom:35px;	
}

div#content h1.content {
	width:100%;
	font-size:18px;
	font-weight:bold;
	color:#3B4DA0;
	padding-bottom:8px;
	border-bottom:1px solid #C7C4B4;
}

div#content h2.content {
	font-size:18px;
	font-weight:normal;
	color:#00AE69;
	margin-top:15px;
	margin-bottom:8px;
}

div#content h1, div#content h2,div#content h3, div#content h4, div#content h5, div#content h6 {
	font-size:14px;
	font-weight:bold;
	color:#00AE69;
}

div#content p {
	font-size:13px;
	margin-bottom:10px;
}

div#content ul {
	list-style:disc;	
	margin-bottom:10px;
}

div#content ul li {
	margin-left:25px;
	margin-bottom:5px;	
}

div#content ol li {
	margin-left:25px;
	margin-bottom:5px;	
}

div#content a {
	font-size:13px;
	color:#00AE69;
}

div#content img.contentimageleft {
	float:left;
	margin:8px;
	margin-left:0px;
}

div#content img.contentimageright {
	float:right;
	margin:8px;
	margin-right:0px;
}

/* Nieuws overzicht */

div#nieuwstabcontainer {
	width:100%;
	border-bottom:1px solid #BDC1A3;
	float:left;
	margin-top:15px;
	margin-bottom:10px;
}

div#nieuwstabcontainer div.nieuwstab {
	float:left;
	width:80px;
	height:22px;
	margin-right:10px;
	border:1px solid #BDC1A3;
	border-bottom:0px;	
	background-color:#EEEEEE;
	color:#333333;
	font-size:14px;	
	font-weight:bold;
	text-align:center;
	padding-top:3px;	
	cursor:pointer;
}

div#nieuwstabcontainer div.nieuwstab a {
	font-size:14px;
	font-weight:bold;
	color:#333333;
	text-decoration:none;
}

div#nieuwstabcontainer div.tabactive{
	background-image:url(/img/site/activetab.gif);	
}

div.nieuwscontainer {
	width:100%;
	border-bottom:1px solid #BDC1A3;
	padding-bottom:10px;
	margin-top:15px;	
	float:left;
}

div.nieuwscontainer div.nieuwsdatum {
	width:60px;
	height:64px;
	float:left;
	margin-left:15px;
	margin-right:30px;
	background-image:url(/img/site/nieuwsdatum.jpg);	
	background-repeat:no-repeat;
	text-align:center;	
}

div.nieuwscontainer div.nieuwsdatum span.nieuwsdag {
	display:block;
	font-size:30px;
	font-weight:bold;
	color:#FFFFFF;
	margin-top:2px;
}

div.nieuwscontainer div.nieuwsdatum span.nieuwsmaand {
	display:block;
	font-size:12px;
	font-weight:bold;
	color:#FFFFFF;	
}

div.nieuwscontainer div.nieuwsoverzichtcontent {
	float:left;
	width:400px;
}

div#content div.nieuwscontainer div.nieuwsoverzichtcontent h2 {
	margin-bottom:3px;
}

/* Nieuws detail pagina */

div#content h2#nieuwskop {
	font-size:18px;
	color:#00AE69;
	font-weight:normal;
	margin-top:20px;
	margin-bottom:20px;
	padding-bottom:8px;
	border-bottom:1px solid #BDC1A3;
}

div#nieuwsdetaildatum {
	width:60px;
	height:64px;
	float:left;
	margin-right:30px;
	margin-left:-4px;
	background-image:url(/img/site/nieuwsdatum.jpg);	
	background-repeat:no-repeat;
	text-align:center;	
}

div#nieuwsdetaildatum span#nieuwsdetaildag {
	display:block;
	font-size:30px;
	font-weight:bold;
	color:#FFFFFF;
	margin-top:2px;
}

div#nieuwsdetaildatum span#nieuwsdetailmaand {
	display:block;
	font-size:12px;
	font-weight:bold;
	color:#FFFFFF;	
}

div#nieuwsdetailcontent {
	float:left;
	width:450px;	
}

/* Paarden en pony's overzicht */

div#paardtabcontainer {
	width:100%;
	border-bottom:1px solid #BDC1A3;
	float:left;
	margin-top:15px;
	margin-bottom:10px;
}

div#paardtabcontainer div.paardtab {
	float:left;
	width:80px;
	height:22px;
	margin-right:10px;
	border:1px solid #BDC1A3;
	border-bottom:0px;	
	background-color:#EEEEEE;
	color:#333333;
	font-size:14px;	
	font-weight:bold;
	text-align:center;
	padding-top:3px;	
	cursor:pointer;
}

div#paardtabcontainer div.paardtab a {
	font-size:14px;
	font-weight:bold;
	color:#333333;
	text-decoration:none;
}

div#paardtabcontainer div.tabactive{
	background-image:url(/img/site/activetab.gif);	
}

div.paardoverzichtcontainer {
	width:100%;
	border-bottom:1px solid #BDC1A3;
	padding-bottom:10px;
	margin-top:15px;	
	float:left;
}

div.paardoverzichtcontainer div.paardafbeelding {
	float:left;
	width:100px;
}

div.paardoverzichtcontainer div.paardafbeelding img {
	border:1px solid #000000;
}

div.paardoverzichtcontent {
	float:left;
	overflow:hidden;
	width:410px;
	margin-left:25px;
}

div.paardoverzichtcontent h2 {
	margin-bottom:5px;
}

/* Manegepaard detail pagina */

div#content h2#paardkop {
	font-size:18px;
	color:#00AE69;
	font-weight:normal;
	margin-top:20px;
	margin-bottom:20px;
	padding-bottom:8px;
	border-bottom:1px solid #BDC1A3;
}

div#paarddetailcontainer {
	margin-top:30px;
	width:540px;		
}

div#paarddetailcontainer div#paarddetailafbeelding {
	float:left;
	width:220px;
	padding-right:20px;
	padding-bottom:20px;
}

div#paarddetailcontainer div#paarddetailafbeelding img {
	border:1px solid #000000;
}

div#paarddetailcontainer ul#paardinfo {
	display:block;
	float:left;
	margin-top:10px;
	margin-bottom:20px;
	width:300px;
}

div#paarddetailcontainer ul#paardinfo li {	
	margin-left:0px;	
	list-style:none;
	padding-bottom:6px;
	padding-top:6px;
	border-bottom:1px solid #E4E3E3;
}

div#paarddetailcontainer ul#paardinfo li span.paardkenmerk {
	display:block;
	float:left;
	width:150px;
	font-weight:bold;
}

div#paarddetailcontent {
	width:540px;
	overflow:hidden;
	margin-left:20px;
	margin-bottom:20px;	
	margin-top:-35px;
}

div#paarddetailcontent p {
	margin-bottom:15px;
}

/* Tarieven overzicht */

div#tariefintro {
	margin-top:5px;
}

div#content h2.tariefkop {
	margin-top:30px;
	margin-bottom:5px;
}

table.tarieftabel {
	width:100%;	
}

th.tariefomschrijving, th.tariefbedrag {
	height:22px;
	border:1px solid #BDC1A3;
	color:#333333;
	font-size:13px;	
	font-weight:bold;
	background-image:url(/img/site/activetab.gif);	
	text-align:left;
	padding-left:15px;
	margin:0px;
}

th.tariefbedrag {
	border-left:0px;
	width:150px;
	text-align:center;
	padding-left:0px;
}

td.tariefomschrijving, td.tariefbedrag {
	border-bottom:1px solid #BDC1A3;
	border-right:1px solid #BDC1A3;
	border-left:1px solid #BDC1A3;
	padding-left:15px;
	padding-right:15px;
	padding-top:5px;
	padding-bottom:5px;
	text-align:left;	
	vertical-align:top;
}

td.tariefbedrag {
	border-left:0px;
	text-align:right;
}

.listgrijs {
	background-color:#F0F1EC;
}

.listempty {
	background-color:#FFFFFF;
}

span.prijseuroteken {
	display:block;
	float:left;
	margin-left:30px;
}

/* Sitemap */

div#sitemap {
	width:100%;
	margin-top:20px;
	margin-bottom:30px;
	margin-left:30px;
}

div#sitemap ul {
	list-style:arrow;
	color:#BDC1A3;
	margin:0px;
} 

div#sitemap ul li ul {
	margin-left:40px;
}

div#sitemap ul li, div#sitemap ul li ul li {
	margin-top:3px;
}

div#sitemap ul li a {
	font-size:14px;
	line-height:20px;
	text-decoration:none;
}

div#sitemap ul li a:hover {
	font-weight:bold;
	text-decoration:underline;
}

/* Contact formulier */

form#contactform {
	margin-top:30px;
	
}

td.contactformlabel {
	width:100px;
	color:#00AE69;
	vertical-align:top;
	padding-top:5px;
}

td.contactformveld {
	width:350px;
	padding-top:5px;
}

input.formveldgroot, textarea.formveldgroot {
	width:350px;
	border:1px solid #BDC1A3;
}

textarea.formveldgroot {
	height:100px;
}

input.error, textarea.error {
	border:1px solid red;
}

p#contacterror {
	color:red;
	font-weight:bold;
	margin-top:20px;
}

td.contactformveldr {
	padding-top:5px;
	text-align:right;
}

/* Kalender overzicht */

div#kalendertabcontainer {
	width:100%;
	border-bottom:1px solid #BDC1A3;
	float:left;
	margin-top:15px;
	margin-bottom:10px;
}

div#kalendertabcontainer div.kalendertab {
	float:left;
	width:80px;
	height:22px;
	margin-right:10px;
	border:1px solid #BDC1A3;
	border-bottom:0px;	
	background-color:#EEEEEE;
	color:#333333;
	font-size:14px;	
	font-weight:bold;
	text-align:center;
	padding-top:3px;	
	cursor:pointer;
}

div#kalendertabcontainer div.kalendertab a {
	font-size:14px;
	font-weight:bold;
	color:#333333;
	text-decoration:none;
}

div#kalendertabcontainer div.tabactive{
	background-image:url(/img/site/activetab.gif);	
}

div#kalenderoverzicht {
	float:left;
	width:100%;	
}

table.kalendertabel {
	width:100%;
	margin-bottom:30px;	
}

th.kalenderdatum, th.kalendertype, th.kalenderinfo {
	height:22px;
	border:1px solid #BDC1A3;
	color:#333333;
	font-size:13px;	
	font-weight:bold;
	background-image:url(/img/site/activetab.gif);	
	text-align:center;	
}

th.kalenderdatum {
	width:60px;
}

th.kalendertype {
	border-left:0px;
	width:85px;	
}

th.kalenderinfo {
	padding-left:15px;
	text-align:left;
	border-left:0px;	
}

td.kalenderdatum {
	height:72px;
	background-image:url(/img/site/kalenderdatum.gif);	
	background-repeat:no-repeat;
	border-bottom:1px solid #BDC1A3;
	border-right:1px solid #BDC1A3;
	border-left:1px solid #BDC1A3;
	vertical-align:top;
	text-align:center;	
}

td.kalenderdatum span.kalenderdag {
	display:block;
	font-size:30px;
	font-weight:bold;
	color:#FFFFFF;
	margin-top:10px;	
}

td.kalenderdatum span.kalendermaand {
	display:block;
	font-size:12px;
	font-weight:bold;
	color:#FFFFFF;	
}

td.kalendertype {
	border-bottom:1px solid #BDC1A3;
	border-right:1px solid #BDC1A3;
	text-align:center;	
	vertical-align:top;
	color:#333333;
	font-weight:bold;
	padding-top:30px;
}

td.kalenderinfo {
	border-bottom:1px solid #BDC1A3;
	border-right:1px solid #BDC1A3;
	text-align:left;	
	padding-left:10px;
	padding-right:10px;
	padding-top:5px;
	padding-bottom:5px;
	vertical-align:top;
}

div#content td.kalenderinfo h2 {
	font-size:13px;
}

/* Kalender detail */

div#kalenderdetailtabcontainer {
	width:100%;
	border-bottom:1px solid #BDC1A3;
	float:left;
	margin-top:25px;
	margin-bottom:10px;
}

div#kalenderdetailtabcontainer div.kalendertab {
	float:left;
	width:80px;
	height:22px;
	margin-right:10px;
	border:1px solid #BDC1A3;
	border-bottom:0px;	
	background-color:#EEEEEE;
	color:#333333;
	font-size:14px;	
	font-weight:bold;
	text-align:center;
	padding-top:3px;	
	cursor:pointer;
}

div#kalenderdetailtabcontainer div.kalendertab a {
	font-size:14px;
	font-weight:bold;
	color:#333333;
	text-decoration:none;
}

div#kalenderdetailtabcontainer div.tabactive{
	background-image:url(/img/site/activetab.gif);	
}

div#content h2#kalenderdetail {
	width:100%;
	font-size:18px;
	font-weight:normal;
	padding-bottom:8px;
	margin-top:20px;
	border-bottom:1px solid #C7C4B4;
}

/* Kalender detail Info */

div#kalenderdetailinfo {
	width:100%;
	float:left;
}

div#kalenderdetaildatum {
	float:left;
	height:60px;
	width:64px;
	background-image:url(/img/site/nieuwsdatum.jpg);	
	background-repeat:no-repeat;
	vertical-align:top;	
	text-align:center;
	margin-top:15px;
	margin-left:8px;
}

div#kalenderdetaildatum span#kalenderdetaildag {
	display:block;
	font-size:30px;
	font-weight:bold;
	color:#FFFFFF;
	margin-top:2px;		
}

div#kalenderdetaildatum span#kalenderdetailmaand {
	display:block;
	font-size:12px;
	font-weight:bold;
	color:#FFFFFF;	
}

div#kalenderdetailinfo ul#kalenderdetailtekstinfo {
	margin-left:105px;
	margin-top:15px;	
}

div#kalenderdetailinfo ul#kalenderdetailtekstinfo li {
	margin-left:0px;
	list-style:none;
	padding-bottom:5px;
}

div#kalenderdetailinfo ul#kalenderdetailtekstinfo li span.label {
	display:block;
	font-weight:bold;
	font-size:13px;
	color:#333333;
	width:75px;
	float:left;
}

div#kalenderdetailinfo ul#kalenderdetailtekstinfo li span.waarde {
	font-size:12px;
	color:#333333;
}

div#kalenderdetailcontent {
	float:left;
	margin-top:20px;
	margin-left:105px;
}

/* Kalender detail verslag */
	
div#kalenderverslagcontent {
	float:left;
	margin-top:20px;	
}

/* Multimedia */

div#multimedia {
	width:100%;
	min-height:300px;
	padding-left:20px;
	padding-right:20px;
	margin-top:20px;	
}

div#multimedia h1 {
	width:560px;
	font-size:18px;
	font-weight:bold;
	color:#3B4DA0;
	padding-bottom:8px;
	border-bottom:1px solid #C7C4B4;
	margin-bottom:15px;	
}

div#multimedia td {
	width:100px;
	padding-left:18px;
	padding-right:18px;
	padding-bottom:15px;
	vertical-align:top;
	text-align:center;
	color:#555555;
	font-size:11px;	
}

div#multimedia td img {
	border:1px solid #000000;	
	margin-bottom:5px;
}