/*	Algemene HTML tags	*/
html, body {
	height:					100%;								/* CSS-hack */
	color:					black;
	background:				white;
	margin:					0px;
	font-family:			Verdana, Helvetica, sans-serif;
	font-style:				normal; 
	font-weight:			normal;
	font-size:				90%;
}
	
h1, h2, h3, h4, h5, h6 {
	font-family:			Verdana, Arial, Helvetica, sans-serif;
}

#test {
	font-size:				50%;
}

a:link {
background-color:			#FFFFFF;
color:						#0000FF;
text-decoration:			none;
}

a:visited {
background-color:			#FFFFFF;
color:						#000090;
text-decoration:			none;
}

a:hover {
background-color:			#CCFFFF;
color:						#1250ED;
text-decoration:			underline;
}

/*
a:active {
background-color:			#FFFFFF;
color:						#808080;
text-decoration: 			underline;
}
*/

.opsompijl {
list-style:					none;
margin-top:					5px;
margin-left:				5px;
}


/*	Divs t.b.v. de standaard scherm/pagina layout voor ALLE loopgroeppagina's	*/

#layout-header {
	width:					100%;
	height:					155px;
	background-image:		url(wrapper_header_1x155.gif);
    background-repeat:		repeat-x;
}

#layout-voet {
	position:				absolute;
	top:					30px;
	left:					130px;
}

#layout-logo {
	position:				absolute;
	top:					0px;
	left:					500px;
	width:					463px;
	height:					105px;
}

#layout-googlemap {
	position:				absolute;
	top:					225px;
	left:					500px;
}

#header-lichtkrant {
	color:					#FFFFFF;
	position:				absolute;
	top:					135px;
	left:					205px;
}

#header-print {
	display:				none;
	position:				absolute;
	top:					26px;
	left:					100px;
}

#header_foto {
	position:				absolute;
	top:					26px;
	left:					100px;
}

#header_retro {
	position:				absolute;
	top:					80px;
	left:					0px;
}

#header_1917 {
	position:				absolute;
	top:					30px;
	left:					785px;
/*	left:					720px;	*/
}

#Trainerskleding_achter {
	position:				absolute;
	top:					455px;
	left:					0px;
/*	left:					720px;	*/
}

#header_left {
	position:				relative;
	top:					0px;
	left:					0px;
}

#layout-menu {
	position:				relative;
	top:					0px;
	left:					0px;
}

#content-left {
	float:					left;
	width:					201px;
}

#layout-left {
    width:					100%;
    margin:					0px;
    padding-left:			0px;
    background-image: 		url(wrapper_left_201x1.gif);
    background-repeat:		repeat-y;
}

#content-right {
	float:					right;
	width:					50px;
}


#content-right-icons {
	position:				absolute;
	top:					155px;
	right:					8px;
}

#layout-right {
    margin:					0px;
    padding:				0px;
    width:					100%;
    background-image: 		url(wrapper_right_50x1.gif);
    background-position:	right;
    background-repeat:		repeat-y;
}


#content {
	margin:					0px 50px 0px 201px;
	height:					100%;								/* CSS-hack t.b.v. IE 6.x									*/
	border:					1px solid white;					/* CSS-hack t.b.v. Opera(kleur = achtergrond				*/
	padding:				25px 100px 25px 50px;				/* Om de rechter-marge te veranderen wijzig: padding right	*/
}

#layout-footer {
	border-top:				1px solid #0099FF;
	clear:					both;
	color:					#999;
	font-family:			Times, Verdana, Arial;
	font-size:				83%;
	text-align:				center;
	margin-top:				0px;
	height:					25px;
}


/*	Class t.b.v. de standaard scherm/pagina layout voor ALLE pagina's	*/
.clear {
    margin:					0px;
    padding:				0px;
    clear: 					both;
    display: 				block;
    height: 				1px;
    overflow: 				hidden;
}


/*	Divs t.b.v. de standaard LEFT CONTENT voor ALLE pagina's	*/
#content-left-koppelingen {
	position:				relative;
	top:					10px;
	padding:				0px 10px 0px 10px;
}

#content-left-koppelingen a {
	display: 				block;
}


/*#content-left-koppelingen a:link {
/*	color:					#0099FF;		/* Voorgrondkleur blauw 			*/
/*	text-decoration:		none;			/* Niet onderstrepen    			*/
/*}	

#content-left-koppelingen a:visited {
/*	color:					gray;			Voorgrondkleur blauw				*/
/*	text-decoration:  		none;			Niet onderstrepen  		  			*/
/*}

#content-left-koppelingen a:hover {
/*	color:	            	yellow;			 Voorgrondkleur lichter blauw   	*/
/*	cursor:					pointer;		 Aanwijzer weergeven als handje		*/
/*	text-decoration:		none;		  	 Onderstrepen                  		*/
/*}

#content-left-koppelingen a:active {
/*	color:            		#0099FF;		 Voorgrondkleur wit				*/
/*	cursor:           		pointer;		 Aanwijzer weergeven als handje	*/
/*	text-decoration:  		none;			 Niet onderstrepen             	*/
/*	}	*/

#content-left-foto200x50 {
	position:				absolute;
	top:					155px;
	left:					0px;
}

#content-left-foto200x300 {
	position:				absolute;
	top:					155px;
	left:					0px;
}

#content-left-foto {
	position: 				absolute;
	top:					220px;
	left:					25px;
	text-align:				center;
}

#content-left-sponsorblok1 {
	position: 				absolute;
	top:					320px;
	left:					25px;
	text-align:				center;
}

#content-left-sponsorblok-link {
	position: 				absolute;
	top:					410px;
	left:					8px;
	text-align:				center;
}

#content-left-sponsorblok2 {
	position:				absolute;
	top:					440px;
	left:					25px;
	text-align:				center;
}

#content-left1-1 {
	position:				relative;
	top:					0px;
	left:					0px;
	line-height:			1.5em;
}


/*	Divs t.b.v. de standaard CONTENT voor ALLE pagina's		*/
#content-home {
	position:				relative;
	top:					0px;
	left:					0px;
	height:					200px;
/*																	border: 1px solid black;	*/
}

#content-home-news {
	position:				relative;
	top:					1px;
	left:					0px;
	width:					590px;
	height:					140px;
	padding-top:			25px;
	line-height:			1.5em;
/*																	border: 1px solid black;	*/
}

#content-infopagina {
	line-height:			1.5em;
}

#content-formulier {
	font-family:			Arial, Helvetica, sans-serif;
	font-style:				normal;
	color:					black;
}

#content-formulier table {
	border-collapse:		collapse;
}

.dimmed {
/*	color:					#C0C0C0;	*/
	color:					#FFFFFF;
	background-color:		#808080;
	font-family:			Verdana, Helvetica, sans-serif;
	font-size:				90%;
}

.tabel-kop {
	color:					#000000;
	background-color:		#CCCCCC;
	font-family:			Verdana, Helvetica, sans-serif;
	font-size:				100%;
	font-weight:			bold;
}

#content-formulier td.veldnaam {
	width:					11em;
	text-align:				left;
	vertical-align:			middle;
	color:					#999999;			/* grijs */
	background-color:		#CCCCCC;			/* grijs */
	border-left:			3px solid #999999;	/* grijs */
	padding-left:			0.5em;
}

#content-formulier td.error {
	width:					25em;
}

#content-formulier td.errorsmall {
	width:					15;
}

#content-formulier tr.verplicht td.veldnaam {
	color:					black;
	border-left:			3px solid red;
}

input:focus {
	background-color:		#CCCCCC;			/* grijs */
}

input {
	color:					black;
	background-color:		#F5F5F5;			/* lichtgrijs */
	font-family:			"Courier New", Courier, monospace;
}

select {
	color:					black;
	background-color:		#F5F5F5;			/* lichtgrijs */
	font-family:			"Courier New", Courier, monospace;
}

textarea {
	color:					black;
	background-color:		#F5F5F5;			/* lichtgrijs */
	font-family:			"Courier New", Courier, monospace;
}

.button {
	width:					11em;
	color:					black;
	background-color:		#CCCCCC;			/* grijs */
	font-family:			Arial, Verdana;
	font-weight:			bold;
}

/* Begin CSS Popout Menu */

#menuh-container
	{
	position:  absolute;		
	top: 0;
	left: 0;
	}

#menuh
	{
	font-size: small;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	width:100%;
	float:left;
	margin:0;
	margin-top: 0;
	}
		
#menuh a
	{
	text-align: left;
	display:block;
/*	border: 1px solid #555;	*/
/*	border: 1px solid #0099FF; */
	border: 1px solid #CCCCCC;
	white-space:nowrap;
	margin:0;
	padding: 0.6em; /* was 0.4em */
	}
	
#menuh a, #menuh a:visited	/* menu at rest */
	{
	color: white;
/*	background-color: royalblue;	
	background-color: #0066FF;	*/
	background-color: #1250ED;
	text-decoration:none;
	}
	
#menuh a:hover	/* menu at mouse-over  */
	{
	color: white;
/*	background-color: cornflowerblue;	*/
	background-color: cornflowerblue;
	}	
			
#menuh a.top_parent, #menuh a.top_parent:hover  /* attaches down-arrow to all top-parents */
	{
	background-image: url(../menu/navdown_white.gif);
	background-position: right center;
	background-repeat: no-repeat;
	}
	
#menuh a.parent, #menuh a.parent:hover 	/* attaches side-arrow to all parents */
	{
	background-image: url(../menu/nav_white.gif);
	background-position: right center;
	background-repeat: no-repeat;
	}

#menuh ul
	{
	list-style:none;
	margin:0;
	padding:0;
	float:left;
	width:9em;	/* width of all menu boxes */
	}

#menuh li
	{
	position:relative;
	}

#menuh ul ul
	{
	position:absolute;
	z-index:500;
	top:auto;
	display:none;
	padding: 1em;
	margin:-1em 0 0 -1em;
	}

#menuh ul ul ul
	{
	top:0;
	left:100%;
	}

div#menuh li:hover
	{
	cursor:pointer;
	z-index:100;
	}

div#menuh li:hover ul ul,
div#menuh li li:hover ul ul,
div#menuh li li li:hover ul ul,
div#menuh li li li li:hover ul ul
{display:none;}

div#menuh li:hover ul,
div#menuh li li:hover ul,
div#menuh li li li:hover ul,
div#menuh li li li li:hover ul
{display:block;}

/* End CSS Popout Menu */