body
{
	/* only a:hover is supported by IE(5/6), work-around by using behavior.
			http://naarvoren.nl/artikel/hover/
  behavior:url("csshover.htc");
  */
	background: #A4A410;
  margin: 0;
  padding: 0;
  text-align: center;
	font-family: Verdana, Arial, Helvetica;
  font-size: 75%;
}

a { text-decoration: none; color: #AD0000; }
a:link { color: #AD0000; }
a:hover { text-decoration: underline; }

#content a img 
{
	color: black; 
	border: none;
	margin: 10px;
}

#content a img:hover		
{
	border: 1px solid #AD0000; 
	margin: 9px;
}

#container
{
  position: relative;
  width: 760px;    
  margin: 1em auto;			
  text-align: left;
}

#search
{
  position: absolute;
  top: .5em;
  right: 1em;
  border: none;
  z-index: 99999;
}

#search input
{
  border: 1px solid black;
}

#top-menu-container
{
  position: relative;
  height: 75px;  
  border: 1px solid black;
  TODO_background-image: url('http://bushproof.biosandfilter.org/dev/assets/templates/default/images/770-tap.jpg');
	background: #D6DC9E;
  background-repeat: no-repeat;
}

#breadcrumb
{  
	width: 60%;
	text-align: center;
  font-size: 150%;
  font-weight: bold;
  color: #AE0000;
	padding-top: 1em;
	TODO_margin-bottom: -0.2em;
}

#breadcrumb a
{
  font-size: 66%;
  color: white;
  text-decoration: none;
}

#breadcrumb a:hover
{
  text-decoration: underline;
  color: #AE0000;
}

/* ListGlobal, gebruikt voor het horizontale 'top-level' menu:
	.LGlob_list    ul element of list
	.LGlob_active  li of section you are in	*/

.LGlob_list
{
  position: absolute;
	margin: 0px;
	padding: 0px;
  bottom: 0;
  right: 0;
  list-style: none;
	text-transform: lowercase;
}

/* Hide from IE */
* html .LGlob_list 
{
	bottom: -1px;
}
/* End hide from IE */

.LGlob_list a
{
  text-decoration: none;
  color: black;
	MAYBE_vertical-align: sub;	
}

.LGlob_list li 
{	
  float: right;  
	padding: 0 .5em 0 .5em;	  
	border-left: 1px solid black;
	font-weight: bold;	
	text-align: center;
}

.LGlob_hover
{		
  color: white;
  background-color: #AC5206;
}

.LGlob_hover a:hover
{	
	text-decoration: none;
	color: white;
}

.LGlob_active 
{	  
  background-color: #AE0000;
}

.LGlob_active a
{	  
  color: white;
}

/* Het 100% CSS dropmenu 
	werkt in IE bij de gratie van csshover.htc 
	met dank aan http://naarvoren.nl/artikel/hover/#cssmenu */

#dropmenu {
	position: relative;
	float: left;
}

#dropmenu a {
	font-weight: bold;	
	text-decoration:none;
	color: #D5CE79; /* lichtgroen */	
}

#dropmenu a:hover {	
	color: white;	
	text-decoration: underline;
}

#dropmenu ul, #dropmenu li {
	margin:0;
	padding:0;
	display:block;
	background: #A4A410;
}  

#dropmenu ul {
	list-style:none;
	width:150px;
	padding:3px; 
} 

#dropmenu li {
	position:relative;
	padding:2px;
	z-index:9;
}

#dropmenu li:hover {   
	background: #AC5206;
	z-index:15;
}

/* Alle subnavigatie verbergen */  
#dropmenu ul ul {
	position:absolute;
	display:none;
	right:-150px;
	top:4px;
}

/* :hover, met specificity */  
#dropmenu li:hover ul ul {
	display:none;
}

#dropmenu li:hover ul, #dropmenu li:hover li:hover ul {
	display:block;
	border-bottom: 1px solid #AD0000;
	border-right: 1px solid #AD0000;
}

#dropmenu li.here {
	color: #A5A510;
	font-weight: bold;	
	background: #AE0000;
}

#dropmenu li.here:hover {
	color: #A5A510;
	background: #AE0000;
}

/* content block */ 

#content 
{	
	padding: 0 1em;
	background-color: #D6DC9E;
	border: 1px solid #D6DC9E;
	MAYBE_text-align: justify;
}

.content
{		
	margin: 0 0 0 180px;		
}

.wideContent
{		
	margin: 0;	
}

/*	Quotes */

.quote 
{
        display: inline-block;
        _display: block;
	text-align: justify;
	background: #F0F3A4;
	color: black;
	font-style: italic;
	line-height: 140%;
	padding: 5px 15px 5px 15px;
	margin: 10px 10px 0 10px;
}

.quote.title
{
	font-style: normal;
	color: #AD0000;	
	line-height: 2em;
}

.quote img
{
	top: -3px;
	width: 16px;
	padding: 0 3px 0 3px;
}

/* footer */

#footer
{
	clear: both;
	margin: 0;
	padding: 0;
	text-align: right;
}

/* long title van een post */
#post-
{
	text-align: left;
	color: #AD0000;
}

/* ====================================================*/
/* open te klikken subContent */

.subContentHidden div
{
	display: none;
}

.subContentVisible div
{
	display: block;
}

/* ====================================================*/
/* voor videopane */
#videoContainer, .clsVideoContainer
{
	position: relative;
	width: 100%;
}

#videoContent
{
	margin-right: 400px;
}

#videoThumbnail, .myVideoPaneClass
{
	position: relative;
	float: right;
	margin-right: 2em;  
}

#videoThumbnailImg, .myVideoPaneClass
{
	border: 1px solid black;
        display: block;
        float: right;
}

.myVideoPaneClassRight
{
	border: 1px solid black;
        display: block;
        float: right;
        margin: 10px;
}

.myVideoPaneClassLeft
{
	border: 1px solid black;
        display: block;
        float: left;
        margin: 10px;
}
/* ====================================================*/
/* voor bookingsform */

.ctrl:focus .ctrlSmall:focus
{	
  background-color: #A1C062; 
}

.fullborder
{	
  border: 1px dashed #000000; 
}

.btn
{	
  background-color: #F0F7E2; 
}

.inputMUST
{
  color: #AD0000;
}