/* CSS Document */
/** general elements**/
html *{
	margin: 0pt;
	padding: 0pt;
	font-size: medium;
	font-family:Arial;
}

body{
	background-color:#E5FFF4;
}

/**remove the indents and bullets from the unordered list and define the width of our menu items.*/
ul{
	margin:0;
	padding:0;
	list-style:none;
	width:200px;
}

a{
	text-decoration:none;
}

/*****************************/
/** specific classes and ids */
/*****************************/


#mainRegion{
	overflow:auto;
	border-left-color:#CCCCCC;
	border-left-style:solid;
	border-left-width:1px;
	padding-left:10px;
	padding-bottom: 10px;
}

#footer{
	clear:both;
	border-top-color:#999999;
	border-top-style:solid;
	border-top-width:thin;
	border-bottom-color:#999999;
	border-bottom-style:solid;
	border-bottom-width:thin;
}

#logoDiv{
	background:url(../images/top.jpg);
	background-color:transparent;
	background-attachment:scroll;
	background-repeat:no-repeat;
	background-position:center;
	position:relative;
	height: 161px;
	/*width: 800px;*/
	
}

#surrounding {
	margin-top: 0pt;
	margin-right: 10%;
	min-height:100%;
	text-align:left;
	margin-left:10%;
	
}

/**************************
 **************************
 ***** left menu **********
 **************************/

#leftMenu{
	float:left;
	padding-right:10px;
	
}

/**we must set the position as relative, because we will need to position the sub-menus absolutely within them.**/
/**dit zijn de list items van de ganse lijst*/
ul#leftNav li {
	position:relative;
	background-color:#73976A;
	background-image:url(../images/glossyback_green.jpg);
	background-repeat:repeat-x;
	background-position:left;
	padding-left:10px;
	padding-bottom:0.2em;
}

/**kleur voor alle links in de lijst*/
ul#leftNav li a{
	display:block;	
	color:#FFFFFF;
}

/** als ge nog een extra niveau hebt in u menu, moet er een prentje verschijnen. **/
.arrowSpan{
	background-color:transparant;
	background-image:url(../images/arrow.gif);
	background-position:right;
	background-repeat:no-repeat;
	background-attachment:scroll;
	right:6px;
	top:1px;
	width:8px;
	position:absolute;
	
}



/** als ge over een li hangt in de ganse lijst **/
ul#leftNav li:hover, ul#leftNav li a:hover, ul#leftNav li a:active {
	display:block;
	background-color:#017546;
	color:#FFFFFF;	
		background-image:url(../images/glossyback2_green.jpg);
	background-repeat:repeat-x;
	background-position:left;
}


/*We want each sub-menu to appear to the right of its parent menu item when that item is hovered over.
Using the “left” and “top” attributes, we can absolutely position each sub-menu within its parent menu item. 
You will notice I have set the “left” property to 149px (1px less than the width of the menu items), 
which allows the sub-menus to overlap the main menu and not produce a double border.
display to “none,” as we don’t want the sub-menus to be visible by default.*/
ul#leftNav li ul{
	position:absolute;
	left:199px;
	top:0;
	display:none;
	
}
/*It is important to set display to “block,” as we want each link to take up all the available space of its containing list item.*/
/*IE fix: apparently when i add no width to this and the following style, IE 7 releases the dropdown when you go after the link*/
ul#leftNav li ul li a{
	display:block;
	width:200px;
}

ul#leftNav li ul li {
	display:block;
	width:200px;
}


ul#leftNav li ul li a:hover{
	display:block;
	color:#FFFFFF;

}
/*E Win interprets the line breaks between our nicely formatted HTML list items as white space, 
so you will notice that the menu items don’t stack up neatly in that browser.*/
/* Fix IE. Hide from IE Mac \*/
* html ul#leftNav li { float: left;height: 1%; }
* html ul#leftNav li a { height: 1%; }
/* End */

ul#leftNav li:hover ul{
	display:block;
}


/************************
 ************************
 ****** nieuws items ****
 ************************/
 
.newsItem{
	/*background-color:#809E91;*/
	background-color:#C0E2B7;
	margin-bottom:10px;
	margin-top:5px;
} 

.newsItem h6{
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
	text-align:center;
	color:#dbdfdd;
	padding: 3px;
	background-color:#809E91;
}

.newsItem h5{
	font-style:italic;
	text-align:center;
	font-size:0.8em;
	color:#dbdfdd;
	padding-top:2px;
	background-color:#809E91;
}

.newsItem p{
	/*background-color:#C0E2B7;*/
	padding: 3px;
}

.newsItem .important{
	color:#FF0033;
	/*text-decoration:blink;*/
	font-weight:bolder;
	font-size:medium;
	
}
.newsItem ul{
	/*background-color:#C0E2B7;*/
	padding-left :5px;
	list-style-position:inside;
	list-style-type:disc;
	width: auto;
}
		
.newsItem li{
background-color:#C0E2B7;
}

/**.newsItem script{
background-color:#C0E2B7;
}/

/************************
 ************************
 ****** keuring items ****
 ************************/
.keuringItem{
	background-color:#C0E2B7;
	
	margin-bottom:10px;
	margin-top:5px;
} 

.keuringItem h6{
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
	text-align:center;
	color:#dbdfdd;
	padding: 3px;
	background-color:#809E91;
}

.keuringItem ul{
	width : auto;
	padding: 3px;
	list-style:inside;
}

.keuringItem p{
	/*background-color:#C0E2B7;*/
	padding: 3px;
}

.keuringItem ol{
	list-style:inside;
	list-style-type:decimal;
	padding: 3px;
	/*background-color:#C0E2B7;*/
}

.keuringItem .image{
	padding-bottom:5px;
}

.keuringItem .image img{
	border:2px solid #000000;
	width:350px;
	
}

/********************
 ********************
 ***  links     *****
 ********************/
 
 .links ul{
 	width:auto;
 }
 
/********************
 ********************
 ***  te koop     *****
 ********************/ 

.tekoop{
	background-color:#809E91;
	margin-bottom:10px;
	margin-top:5px;
} 

.tekoop h6{
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
	text-align:left;
	color:#dbdfdd;
	padding: 3px;
}

.tekoop p{
	background-color:#C0E2B7;
	padding: 3px;
	text-align:left;
}

.gezocht{
	background-color:#809E91;
	margin-bottom:10px;
	margin-top:5px;
} 

.gezocht h6{
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
	text-align:center;
	color:#dbdfdd;
	padding: 3px;
}

.gezocht p{
	background-color:#C0E2B7;
	padding: 3px;
}

/********************
 ********************
 ***  hengsten     **
 ********************/
 .hengsten ul{
 	width:auto;
 }
 
 ul#Navhengsten li {
	position:center;
	background-repeat:repeat-x;
	background-position:left;
	padding-left:10px;
	padding-bottom:0.2em;
	border:#336600; border-color:#000000;
}

/**kleur voor alle links in de lijst*/
ul#Navhengsten li a{
	
	color:#000000;
	text-decoration:underline;
}

/** als ge nog een extra niveau hebt in u menu, moet er een prentje verschijnen. **/
.arrowSpan{
	background-color:transparant;
	background-image:url(../images/arrow.gif);
	background-position:right;
	background-repeat:no-repeat;
	background-attachment:scroll;
	right:6px;
	top:1px;
	width:8px;
	position:absolute;
	
}



/** als ge over een li hangt in de ganse lijst **/
ul#Navhengsten li:hover, ul#Navhengsten li a:hover, ul#Navhengsten li a:active {
	display:block;
	background-color:#017546;
	color:#FFFFFF;	
		background-image:url(../images/glossyback2_green.jpg);
	background-repeat:repeat-x;
	background-position:left;
	text-decoration:underline;
}


/*We want each sub-menu to appear to the right of its parent menu item when that item is hovered over.
Using the “left” and “top” attributes, we can absolutely position each sub-menu within its parent menu item. 
You will notice I have set the “left” property to 149px (1px less than the width of the menu items), 
which allows the sub-menus to overlap the main menu and not produce a double border.
display to “none,” as we don’t want the sub-menus to be visible by default.*/
ul#Navhengsten li ul{
	position:absolute;
	left:199px;
	top:0;
	display:none;
	
}
/*It is important to set display to “block,” as we want each link to take up all the available space of its containing list item.*/
/*IE fix: apparently when i add no width to this and the following style, IE 7 releases the dropdown when you go after the link*/
ul#Navhengsten li ul li a{
	display:block;
	width:200px;
}

ul#Navhengsten li ul li {
	display:block;
	width:200px;
}


ul#Navhengsten li ul li a:hover{
	display:block;
	color:#FFFFFF;

}
/*E Win interprets the line breaks between our nicely formatted HTML list items as white space, 
so you will notice that the menu items don’t stack up neatly in that browser.*/
/* Fix IE. Hide from IE Mac \*/
* html ul#Navhengsten li { float: left;height: 1%; }
* html ul#Navhengsten li a { height: 1%; }
/* End */

ul#Navhengsten li:hover ul{
	display:block;
}

/********************
 ********************
 **  stamboeklogo  **
 ********************/
#stamboeklogo img{
	float:right;
	width:"236";
	height:"237";
}


/**  fix   **/
.fix{
	display: block;
}

/*****forestersinsport*****/
.sportItem .image img{
	border:2px solid #000000;
	/**width:350px;**/
	
}
.sportItem{
	background-color:#C0E2B7;
	
	margin-bottom:10px;
	margin-top:5px;
} 

.sportItem h6{
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
	text-align:center;
	color:#dbdfdd;
	padding: 3px;
	background-color:#809E91;
}