/* ================================================================================ */
/*	kleuren												                    		*/												
/* ================================================================================ */
/*	wit					: #FFFFFF	tekst						rgb(255,255,255)	*/										
/*	geel				: #FFFF00	mouse-over					rgb(255,255,0)   	*/												
/*	donkergroen-zacht	: #2E8B57	menu achtergrond			rgb(46,139,87)		*/
/*	donkergroen			: #006400  	hoofdmenu / submenu randen	rgb(0,100,0)		*/	
/*	groen 				: #008000  	mouse-over					rgb(0,128,0)		*/									
/*	donkergroen			: #001100	achtergrond website			rgb(0,17,0)			*/
/*  licht groen			: #BFFF80   achtergrond tabel website   rgb(191,255,128)
/*	groen 				: #339E35	link						rgb(51,158,53)		*/
/*	blauw				: #00A3DD	link						rgb(0,163,221)		*/
/* ================================================================================ */



/* ============================================================ */
/* basis website de leemput                                     */
/* ============================================================ */

/* nodig om het menu in IE6 telaten werken                      */

body {			background-color: #001100;

}

body, table {	font-size		: 11px;
				font-family		: verdana;
				line-height		: 140%;
				margin-top		: 0;
				margin-left		: auto;
				margin-right	: auto;
}

img {			border			: 0px;
}

.tabel-basis {	width			: 1026px;
				background-color: #BFFF80;
				border-left		: 3px solid #FFFF00;
				border-right	: 3px solid #FFFF00;
				border-bottom	: 3px solid #FFFF00;
				padding			: 0;
}

.leemput { 		font-family		: lucida handwriting;
}

.kop-vet {		font-size		: 120%; 
				font-weight		: bold;  
				line-height		: 130%;
}

.vet 	{		font-weight		: bold;
}

.cursief {		font-style		: italic;
}

.onderstreept {	text-decoration : underline;
}

.groen { 		color			: #339E35;
}  	

.linkkleur { 	color			: #339E35; 
				text-decoration	: none; 
				font-weight		: bold;
}

a:hover	{ 		color			: #00A3DD;
}

a:active, a:focus {
    		outline				: none;

 }						 

.opsomming-nivo1	{	list-style-type	: disc; 
						padding			: 0px; 
						margin-left		: 15px; 
}


/* ============================================================ */
/* opmaak kopregels                                             */
/* ============================================================ */

.tabel-kop { 	width			: 100%;
				height			: 102px;
 				background-image: url("http://www.sportparkdeleemput.nl/images/kopregels/achtergrond.jpg"); 
 				color			: #FFFF00;
				font-weight		: bold;
}

.kopregel-1 { 	font-size		: 33px;}
.kopregel-2 { 	font-size		: 16px;}
.kopregel-3 { 	font-size		:  1px;}
.kopregel-4 { 	font-size		: 13px;}
.kopregel-5 { 	font-size		: 24px;}


/* ============================================================ */
/* opmaak middendeel                                            */
/* ============================================================ */

.blokgroen { 	display			: block;
				font-size		: small;
				color			: #FFFFFF;					 
				height			: 18px;
				text-align		: center;
				border-top		: 2px solid #006400;
				border-left		: 2px solid #006400;
				border-right	: 2px solid #006400;
				border-bottom	: 2px solid #006400;
				border-bottom	: 2px solid #006400;
				background		: #2E8B57;						 
}


/* ============================================================ */
/* opmaak middendeel  - tabellen                                  */
/* ============================================================ */

.tabel-midden { width			: 820px;
				margin-top		: 14px;
}

.tabel-270 { 	width			: 270px;
				margin-top		: 14px;
}

.tabel-280 { 	width			: 280px;
				margin-top		: 14px;
}

.tabel-580 { 	width			: 580px;
				margin-top		: 14px;
}

.tabel-800 { 	width			: 800px;
}


/* ============================================================ */
/* opmaak middendeel  - cellen                                  */
/* ============================================================ */

.cel-3 	{		width			:   3px;	}
.cel-7 	{		width			:   7px;	}
.cel-15 {		width			:  15px;	}
.cel-20 {		width			:  22px;	}
.cel-22 {		width			:  20px;	}
.cel-35 {		width			:  35px;	}
.cel-40 {		width			:  40px;	}
.cel-50 {		width			:  50px;	}
.cel-60 {		width			:  60px;	}
.cel-65	{		width			:  65px;   	}
.cel-70 {		width			:  70px;	}
.cel-80 {		width			:  80px;	}
.cel-90 {		width			:  90px;	}
.cel-100 {		width			: 100px;	}
.cel-120 {		width			: 120px;	}
.cel-130 {		width			: 130px;	}
.cel-150 {		width			: 150px;	}
.cel-170 {		width			: 170px;	}
.cel-172 {		width			: 172px;	}
.cel-180 {		width			: 180px;	}
.cel-190 {		width			: 190px;	}
.cel-200 {		width			: 200px;	}
.cel-220 {		width			: 220px;	}
.cel-230 {		width			: 230px;	}
.cel-240 {		width			: 240px;	}
.cel-250 {		width			: 250px;	}
.cel-260 {		width			: 260px;	}
.cel-290 {		width			: 290px;	}
.cel-330 {		width			: 330px;	}
.cel-390 {		width			: 390px;	}
.cel-404 {		width			: 404px;	}
.cel-430 {		width			: 430px;	}
.cel-580 {		width			: 580px;	}
.cel-680 {		width			: 680px;	}
.cel-rest {		vertical-align	: top;		}


/* ============================================================ */
/* opmaak middendeel  - foto                                  */
/* ============================================================ */

.foto-40-30 {	width			: 40px;
				height			: 30px;
				border			:  0px;
}

.foto-63-94 {	width			: 63px;
				height			: 94px;
				margin-right	: 1px;
				margin-bottom   : 3px;
}

.foto-70-104 {	width			: 70px;
				height			: 104px;
}

.foto-100-185 {	width			: 100px;
				height			: 185px;
}

.foto-104-165 {	width			: 104px;
				height			: 165px;
				margin-bottom	: 8px;
				margin-right	: 4px;
}

.foto-120-160 {	width			: 120px;
				height			: 160px;
				margin-bottom	: 8px;
}

.foto-120-160t{	width			: 120px;
				height			: 160px;
}

.foto-128-96 {	width			: 128px;
				height			: 96px;
				margin-bottom	: 8px;
}

.foto-130-155t{	width			: 130px;
				height			: 155px;
}

.foto-133-100 {	width			: 133px;
				height			: 100px;
				border			:   0px;
				margin-bottom	:  10px;
}

.foto-147-220t{	width			: 147px;
				height			: 220px;
}

.foto-165-220t{	width			: 165px;
				height			: 220px;
}

.foto-169-225t{	width			: 169px;
				height			: 225px;
}


.foto-220-140t{	width			: 220px;
				height			: 140px;
}

.foto-220-147 {	width			: 220px;
				height			: 147px;
				margin-bottom	: 8px;
}

.foto-220-147t{	width			: 220px;
				height			: 147px;
}

.foto-220-150 {	width			: 220px;
				height			: 150px;
				margin-bottom	: 8px;
}
.foto-220-150t{	width			: 220px;
				height			: 150px;
}

.foto-220-151 {	width			: 220px;
				height			: 151px;
				margin-bottom	: 8px;
}

.foto-220-151t{	width			: 220px;
				height			: 151px;
}

.foto-220-155 {	width			: 220px;
				height			: 155px;
				margin-bottom	: 8px;
}

.foto-220-155t{	width			: 220px;
				height			: 155px;
}

.foto-220-157 {	width			: 220px;
				height			: 157px;
				margin-bottom	: 8px;
}
.foto-220-157t{	width			: 220px;
				height			: 157px;
}

.foto-220-160 {	width			: 220px;
				height			: 160px;
				margin-bottom	: 8px;
}

.foto-220-160t{	width			: 220px;
				height			: 160px;
}

.foto-220-165 {	width			: 220px;
				height			: 165px;
				margin-bottom	: 8px;
}

.foto-220-165t {width			: 220px;
				height			: 165px;
}

.foto-220-177t{	width			: 220px;
				height			: 177px;
}

.foto-220-200 {	width			: 220px;
				height			: 200px;
				margin-bottom	: 8px;
}

.foto-220-200t{	width			: 220px;
				height			: 200px;
}

.foto-220-204 {	width			: 220px;
				height			: 204px;
				margin-bottom	: 8px;
}

.foto-220-204t{	width			: 220px;
				height			: 204px;
}

.foto-220-210 {	width			: 220px;
				height			: 210px;
				margin-bottom	: 8px;
}

.foto-220-210t{	width			: 220px;
				height			: 210px;
}

.foto-220-215t{	width			: 220px;
				height			: 215px;
}

.foto-220-220 {	width			: 220px;
				height			: 220px;
				margin-bottom	: 8px;
}

.foto-220-220t{	width			: 220px;
				height			: 220px;
}

.foto-220-275 {	width			: 220px;
				height			: 275px;
				margin-bottom	: 8px;
}

.foto-220-275t{	width			: 220px;
				height			: 275px;
}

.foto-220-293t{	width			: 220px;
				height			: 293px;
}

.foto-220-293 {	width			: 220px;
				height			: 293px;
				margin-bottom	: 8px;
}

.foto-220-329t{	width			: 220px;
				height			: 329px;
}

.foto-240-165{	width			: 240px;
				height			: 165px;
}

.foto-250-167t{	width			: 250px;
				height			: 167px;
}

.foto-300-225t{	width			: 300px;
				height			: 225px;
}

.foto-550-413t{	width			: 550px;
				height			: 413px;
}

.foto-vergroot{ position		: relative; 
				left			: 0px; 
				top				: 0px; 
				display			: block;
}

.container {	width			: 400px; 
				height			: 225px; 
				overflow		: hidden;
}


/* ------------------------------------------- */
/* cel uitlijnen                            */
/* ------------------------------------------- */

.top { 			vertical-align	: top;
}

.ruimte-links-15 {	margin-left	: 15px;
}	

.ruimte-links-40 {	margin-left	: 40px;
}	

.ruimte-3 {		margin-top		: 3px;
				margin-bottom	: 3px;
				margin-left		: 3px;
				margin-right	: 3px;
}

.rand{			border-width	: 1px; 
				border-style	: solid;
}

	
/* ------------------------------------------- */
/* tekst uitlijnen                            */
/* ------------------------------------------- */

.uitvullen { 	text-align		: justify;
}

.centreren { 	text-align		: center;
}

.links { 		text-align		: left;
}

.rechts { 		text-align		: right;
}


/* 	=========================================================== */
/* 	mainmenu css 											 	*/
/* 	=========================================================== */

/* ============================================================ */
/*	kleuren														*/												
/* ============================================================ */
/*	wit					: #FFFFFF	tekst						*/										
/*	geel				: #FFFF00	mouse-over					*/												
/*	donkergroen-zacht	: #2E8B57	menu achtergrond			*/
/*	donkergroen			: #006400  	hoofdmenu / submenu randen	*/	
/*	groen 				: #008000  	mouse-over					*/									
/* ============================================================ */

.mainmenu {		width			: 175px;
				padding			: 0;
}

.mainmenu ul {	list-style		: none;
				margin-top		: 16px;
				margin-left		: 10px;
				padding			: 0px;
				background-color: #BFFF80;;
}

/* ============================================================ */
/* opmaak tekst in het menu en submenu 							*/
/* ============================================================ */

.mainmenu a, .mainmenu a:visited {
				display			: block;
				font-family		: verdana, sans-serif;
				font-size		: small;
				font-weight		: normal;
				font-style		: normal;
				color			: #FFFFFF;
				text-decoration	: none;
				padding			: 0em 0em;
				text-indent		: 0.5em;
				margin			: 0;
}

/* ============================================================ */
/* opmaak blokken in het menu en submenu 						*/
/* ============================================================ */

.mainmenu li  {
				margin-top		: 0;
				margin-left		: 0px;
				margin-right	: 0px;
				margin-bottom	: 1px;

				border-top		: 2px solid #006400;
				border-left		: 2px solid #006400;
				border-right	: 2px solid #006400;
				border-bottom	: 2px solid #006400;
				border-bottom	: 2px solid #006400;
				height			: 18px;
				background		: #2E8B57;
}

/* ============================================================ */
/* submenu 														*/
/* ============================================================ */

/* definitie .................................................. */

.mainmenu ul li {
				position		: relative;
				width			: 100%;
				}

/* plaats ..................................................... */

.mainmenu li ul {
				display			: block;
				position		: absolute;
				left			: -999em;
				margin			: -1.2em 0 0 -0.4em;
}
/* breedte .................................................... */

.mainmenu li li {
				width			: 155px ;
				}

/* ============================================================ */
/* link in submenu 												*/
/* ============================================================ */

/* link ....................................................... */


.mainmenu li:hover>ul 					{left : 103%;}


/* link - achtergrond ......................................... */

.mainmenu li:hover 						{background : #008000;}


/* link - kleur tekst bij mouse-over .......................... */

.mainmenu li:hover a,
.mainmenu li:hover a:visited,
.mainmenu li:hover a:hover,
.mainmenu li a:hover,
.mainmenu ul ul a:hover,
.mainmenu li:hover li:hover a,
.mainmenu li:hover li:hover a:visited 	{color: #FFFF00;}
										
										
/* link - kleur tekst submenu ................................. */

.mainmenu li:hover li a,
.mainmenu li:hover li a:visited 		{color : #FFFFFF;}

/* ============================================================ */
/* einde mainmenu css 										 	*/
/* ============================================================ */