
/* 	///////////////////////////////////////////////////////////////
	Nationaal fonds gehandicaptensport
	2008 clockwork zwolle 

	default.css	amg	
	/////////////////////////////////////////////////////////////// */	
	
/* 	///////////////////////////////////////////////////////////////
	Reset CSS - default
	/////////////////////////////////////////////////////////////// */	

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, em, font, 
img, ins, sub, sup, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, input,
table, caption, tbody, tfoot, thead, tr, th, td, select {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	vertical-align: baseline;
	font-size: 100%;
	font-family: Arial, Helvetica, sans-serif;
	font-variant: normal;
	font-weight: normal;
	font-style: normal;
	color:#474749;
	}
body {
	line-height: 1;
	}
ol, ul {
	list-style: none;
	}
:focus {
	outline: 0;
	}
	
div, span {
	position:relative;
	}

a:link, a:visited, a:active, a:hover{
	color:#000000;
	} 	
a:hover { 
	text-decoration: underline;
	}


	
/* 	///////////////////////////////////////////////////////////////
	Opmaak grid 
	/////////////////////////////////////////////////////////////// */	

#wrapper {
    width: 1000px; 
	margin: 0px auto;
	font-size: 0.7em;
	}
#branding {
    width: 1000px; 
	height: 292px;
	background: transparent url(../images/homepage_plaat1.jpg) no-repeat;
    background-position: center 23px;
	}
#content {
	float:left; 
	background: transparent url(../images/bg_wrapper.gif) bottom left no-repeat;
	}		
.content {
	background: url(../images/bg_content.gif) top repeat-x;
	padding: 15px 0 28px 0;
	float: left; 
	width: 1000px;
	line-height: 1.4;
	}	
.content.noPaddingBottom{
	padding: 15px 0 0px 0;
	}	
.content.XtrPddngBttm {	
	padding: 15px 0 308px 0;
	}
	
.vlakLinks {
	float:left;
	width:218px;
	padding-bottom: 200px;
	}	
.vlakMidden {
	float:left;
	width: 385px;
	padding-right: 8px;
	}		
.vlakRechts  {
	float:left;
	width: 382px;
	padding-right: 5px;
	
	}	
.content.breed .vlakMidden {
	width:538px;
	} 
.content.breed .vlakRechts {
	width:230px;
	} 
#footer {
	height: 200px;
	float: left;
	width: 1000px;
	padding-top: 30px;
	}	
a span {
	display:none;
	}
h1,
h2 {
	color: #474749;
	font-size: 2.1em;
	font-weight: bold;
	margin-bottom:2px;
	}
h1 {
	color: #ff0000;
	margin:0 0 7px 212px;
	}
h1 span
{
    color: #ff0000;
	font-weight: bold;
	margin-bottom:2px;
    }

.homepage h2 {	
	position:relative;
	margin:-50px 0 20px -6px;
	position:absolute;
	}
.homepage h1 {	
	margin: 0px 0 20px -6px;
	position: relative;
    *margin: 0px 0 20px -2px;
	}
 h2.outerContent {
	color: #ff0000;
	font-size: 2.1em;
	font-weight: bold;
	margin:0 0 8px 218px;
	}	
	
h3 {
	color: #464648;
	font-size: 1.2em;
	font-weight: bold;
	margin-bottom: 6px;
	}
h4 { 
	font-weight: bold;
	}	
.rood {
	color: #ff0000;
	}	
.donkergrs {
	color:#474749
	}
	
	
/* 	///////////////////////////////////////////////////////////////
	#branding
	/////////////////////////////////////////////////////////////// */		

#branding a.terugNaarFonds{
	width: 304px;
	height: 23px;
	display: block;
	background: transparent;
	position:absolute;
	z-index:1;
	}
#branding #topBalk{
    width: 1000px; 
	height: 23px;
	background:#464648;
	}
#branding img.visual{
	position:absolute;
	bottom:0px;
	}
#branding #sterRoodBreed{
	width: 986px; 
	height: 220px;
	position: absolute;
	right: 0px;
	top:34px;
	}
	
	
	
	
	
	
/* 	///////////////////////////////////////////////////////////////
	#inlogBalk
	/////////////////////////////////////////////////////////////// */		
			
#inlogBalk{
	width: 356px; 
	height: 35px;
	background: transparent url(../images/bg_inloggen.png) no-repeat;
	position: absolute;
	right: 14px;
	bottom: -23px;
	}			
#inlogBalk input{	
	width: 103px;
	border: 0;
	position: absolute;
	top: 10px;
	left: 13px;
	}
#inlogBalk .input_psswrd {
	left: 142px;
	}	
#inlogBalk .submit_inloggen {
	width: 91px; 
	height: 27px;
	top: 4px;
	left: 261px;
	background: transparent url(../images/buttons/knop_inloggen.gif) no-repeat;
	cursor: pointer;
	/* geen value laten zien bij ondersteuning van css */
	font-size: 0;	
	line-height: 100px;
	} 	

	
#balkIngelogd	{
	height: 20px;
	position: absolute;
	right: 20px;
	top: 6px;
	text-align:right;
	color: #fff;
	}		
#balkIngelogd a:link,
#balkIngelogd a:visited,
#balkIngelogd a:hover   {
	color: #fff;
	font-weight:bold;
	}
	
	

	
	
	
/* .tbl_evenementGegevens */
.tbl_evenementGegevens {
	margin-bottom: 20px;
	}
.tbl_evenementGegevens th {
	text-align:left;
	font-weight:bold;
	width:80px;
	position:relative;
	}
.tbl_evenementGegevens td {
	padding-left:10px;
	}
.tbl_evenementGegevens td.td1{
	font-weight:bold;
	}
.tbl_evenementGegevens th.nuAanmelden {

	}
.tbl_evenementGegevens th.nuAanmelden a.knop_grijs{
	position:relative;
	left:auto;
	bottom:auto;
	display:block;
	margin:20px 0 0 0;
	cursor: pointer;
	}
	
	

	
	
/* 	///////////////////////////////////////////////////////////////
	#tekstGroteHolder
	/////////////////////////////////////////////////////////////// */		

#tekstGroteHolder	{
	width: 204px;
	height: 41px;
	position: absolute;
	top: 65px;
	right: 0px;	
	}
#tekstGroteHolder li {
	display: inline;
	padding-top:14px;	
	color:#fff;
	font-weight:bold;
	}
#tekstGroteHolder li, 
#tekstGroteHolder li a {
	display:block;
	height: 41px;
	float:left;
	display: inline;
	}	
#tekstGroteHolder li a  {
	width: 43px;
	cursor:pointer;
	}
#tekstGroteHolder li.knop_txtkleiner a {
	background: transparent url(../images/buttons/btn_min.png) 0 0 no-repeat;
	margin:-14px 8px 0 8px;	
    }    
    
#tekstGroteHolder li.knop_txtgroter a {
	background: transparent url(../images/buttons/btn_plus.png) 0 0 no-repeat;
	margin:-14px 0 0 0;	
	}		
	
	



	
	
/* 	///////////////////////////////////////////////////////////////
	.lijst
	/////////////////////////////////////////////////////////////// */			
.vlakMidden .lijst {
	float:left;
	}
.lijst.breed,
.lijst.breed ul,
.lijst.breed ul li,
.lijst.breed ul li div{
	position:relative;
	} 
.lijst.breed ul li div img{
	float:right;
	margin:0 2px -28px 2px;
	} 	
	
.lijst.breed ul li div div img {
	float: none;
	margin: 0;
}
	
.vlakMidden .lijst ul{
	width: 380px;
	background: transparent url(../images/bg_nieuwsRowTop.gif) no-repeat top left;
	padding-top:7px;
	}
.vlakMidden .lijst.breed ul {
	width: 495px;
	background: transparent url(../images/bg_nieuwsRowTop_brd.gif) no-repeat top;
	}
.vlakMidden .lijst.breed ul{
	padding-bottom:5px;
	}	
.vlakMidden .lijst li.grijs ul{
	background: transparent url(../images/bg_nieuwsRowTopGrijs.gif) no-repeat top;
	}
.vlakMidden .lijst.breed li.grijs ul{
	background: transparent url(../images/bg_nieuwsRowTopGrijs_brd.gif) no-repeat top;
	}	
.vlakMidden .lijst li.highlite ul{
	background: transparent url(../images/bg_nieuwsRowTopStreep.gif) 1px 0 no-repeat ;
	} 	 		
.vlakMidden .lijst ul li {
	background:transparent url(../images/bg_Row.gif) left;
	margin-bottom:-1px;
	}
.vlakMidden .lijst ul li div {
	background: transparent url(../images/bg_nieuwsRowBottom.gif) no-repeat bottom left;
	padding:2px 10px 10px 10px;
	width:360px;
	}

.vlakMidden .lijst.breed ul li {
	background:transparent url(../images/bg_Row_brd.gif) left;
	margin-bottom:-1px;
	}
.vlakMidden .lijst.nieuws ul li {
	background:transparent url(../images/bg_nieuwsRow.gif) left;
	margin-bottom:-1px;
	}
.vlakMidden .lijst li.grijs ul li {
	background: transparent url(../images/bg_RowGrijs.gif) left;
	}
.vlakMidden .lijst.breed li.grijs ul li {
	background: transparent url(../images/bg_RowGrijs_brd.gif) left top;
	}	
.vlakMidden .lijst li.highlite ul li {
	background: transparent url(../images/bg_RowStreep.gif) 0 0 ;
	} 			 			
.vlakMidden .lijst.nieuws li.grijs ul li {
	background: transparent url(../images/bg_nieuwsRowGrijs.gif) left;
	}
.vlakMidden .lijst.nieuws li.highlite ul li {
	background: transparent url(../images/bg_nieuwsRowStreep.gif) left;
	} 		 	

.vlakMidden .lijst li.grijs ul li div,	
.vlakMidden .lijst.nieuws li.grijs ul li div{
	background: transparent url(../images/bg_nieuwsRowBottomGrijs.gif) no-repeat left bottom;
	padding:2px 10px 10px 120px;

	}
.vlakMidden .lijst.nieuws li.grijs ul li div.grijs2 {
    padding:2px 10px 10px 120px;
    }

.vlakMidden .lijst li.grijs ul li div{
	padding:2px 10px 10px 10px;
	}	
		
.vlakMidden .lijst.breed ul li div {
	background: transparent url(../images/bg_nieuwsRowBottom_brd.gif) no-repeat bottom;
	padding:2px 10px 42px 10px;
	width:475px;	
	}			
.vlakMidden .lijst.breed ul li div div {
        background:none;
        display:inline-block;
        }	
.vlakMidden .lijst.breed ul li div div img{
float:left;
        }	
.vlakMidden .lijst.breed ul li div div div img{
float:none;
        }	
	
.vlakMidden .lijst.nieuws ul li div {
	padding:2px 10px 10px 120px;
	width:250px;
	}
.vlakMidden .vlakMidden .lijst li.grijs ul li div {
	background: transparent url(../images/bg_nieuwsRowBottomGrijs.gif) no-repeat bottom;
	margin-bottom:-3px;
	}	
.vlakMidden .lijst.breed li.grijs ul li div {
	background: transparent url(../images/bg_nieuwsRowBottomGrijs_brd.gif) no-repeat bottom;
	width:475px;	
    padding:2px 10px 42px 10px;
	}	
.vlakMidden .lijst li.highlite ul li div {
	background: transparent url(../images/bg_nieuwsRowBottomStreep.gif) no-repeat bottom;
	}		
.vlakMidden .lijst.breed ul li div div {
	margin: 0;
	padding: 0;
	background: none;
	width: auto;
	}
.vlakMidden .lijst ul li div span.header {
	color: #464648;
	font-size: 1.2em;
	font-weight: bold;
	margin: -4px 0  6px 0;
	position:relative;
	left:auto;
	display:inline-block
	}	
.vlakMidden .lijst ul li div strong {
	color: #474749;
	font-size: 0.94em;
	font-weight: bold;
	}
.vlakMidden .lijst ul li div strong.header {
	margin-bottom:6px;
	font-size:1.2em;
	margin-bottom:6px;	
	color: Red;
	}	
.vlakMidden .lijst ul li div strong.rood {
	color: #ff0000;
	} 
.vlakMidden .lijst ul li div span {
	position:absolute;
	color: #ff0000;
	font-weight: bold;
	left:26px;
	}
.vlakMidden .lijst li.knop a{
	float:right;
	margin:6px 8px 0 0;
	display:inline;
	}		
.vlakMidden .lijst ul li p h3 {
	width: 200px;
	background:#ccc
	}
.vlakMidden .lijst ul li div span.datum {
	position:relative;
	left:auto;
	}
	
	
/*	.aantalItemsPerPagina  */
	
ul.aantalItemsPerPagina {
	height: 52px;
	width: 381px;
	background:#fff url(../images/bg_itemsperpagina.gif) no-repeat;
	float:left;
	position:relative;
	margin-top:10px;
	}
ul.aantalItemsPerPagina li {
	display: inline;
	padding:0px 0 0 30px;
	line-height: 4.3em;	
	}	
ul.aantalItemsPerPagina li select{
	position:absolute;
	right:50px;
	top:15px;
	font-weight: bold;
	}	
.content.breed ul.aantalItemsPerPagina {
	height: 52px;
	width:495px;
	background:url(../images/bg_itemsperpagina_breed.gif) no-repeat;
	float:left;
	position:relative;
	margin-top:10px;
	}	
	

	
	
	
	
/* 	///////////////////////////////////////////////////////////////
	.zoekBox	
	/////////////////////////////////////////////////////////////// */		
	
.zoekBox {
	width: 364px;
	height: 90px;
	}	
.zoekBox input{
	background: transparent url(../images/bg_inputZoeken.gif) top left no-repeat;
	width: 364px;
	height: 35px;
	font-size:1.4em;
	padding:8px 10px 0 10px;
	}		
.zoekBox span{
	position:absolute;
	left:40px;
	bottom: 23px;
	}	
.zoekBox select{
	position: absolute;
	left: 140px;
	top: 47px;
	font-weight: bold;
	font-size:1.0em;
	width:96px;
	padding:3px;
	border:1px solid #474749;
	}	
.zoekBox .knop_zoeken{
	background: transparent url(../images/buttons/knop_zoeken.gif);
	width: 104px;
	height: 35px;
	line-height:10px;
	font-size:0;
	cursor:pointer;
    float: right;
    	
	}	

/* sportFaciliteitHomepage */
.sportFaciliteitHomepage input{
	background: transparent url(../images/bg_inputZoeken.gif) top left no-repeat;
	width: 364px;
	height: 35px;
	font-size:1.4em;
	padding:8px 10px 0 10px;
}
.sportFaciliteitHomepage .secondRow 
{
    right:18px;
    float:right;
}
.sportFaciliteitHomepage .secondRow input.zoeken{
	background: transparent url(../images/buttons/knop_zoeken.gif);
	width: 104px;
	height: 35px;
	line-height:10px;
	font-size:0;
	cursor:pointer;
}
.sportFaciliteitHomepage .secondRow select {

	font-size:1.4em;
	width:120px;
	height:30px;
	padding:0px;
	border:3px solid #474749;
}
	
	

/* .zoekBox.sportfaciliteit */	
.zoekBox.sportfaciliteit {
	width: 513px;
	height: 100px;
	}			
	
.zoekBox.sportfaciliteit select.sportFinder {
    position: absolute;
	left: auto;
	right: 0px;
	top: 28px;
	font-size:1.4em;
	width:140px;
	height:30px;
	padding:0px;
	border:3px solid #474749;
	}	
	
.zoekBox.sportfaciliteit span{
	left: 0px;
	top: 23px;
	width: 513px;
	/*bottom: 12px;*/
	}		
.vlakRechts	.zoekBox.sportfaciliteit {
	width: 380px;
	}	



	
/* .zoekBox.zoekEnVind */		
.zoekBox.zoekEnVind {
	width: 608px;
	height:76px;
	margin-right:-100px;
	}	
.zoekBox.zoekEnVind .input_postcode{
	bottom:12px;
	margin-top:24px;
	}
.zoekBox.zoekEnVind .select_items,
.zoekBox.zoekEnVind .txt_straal,
.zoekBox.zoekEnVind .txt_postcode{
	position:absolute;
	top:0;
	left:4px;
	}
.zoekBox.zoekEnVind .txt_straal {
	left:384px;
	}
.zoekBox.zoekEnVind .select_items {
	left:383px;
	top:29px;
	}
.zoekBox.zoekEnVind .knop_zoeken{
	top: 26px;
	}		
.zoekBox.zoekEnVind a:link,
.zoekBox.zoekEnVind a:visited{
	position:absolute;
	top: 0px;
	right:2px;
	color:#FF0000;
	font-weight:bold;
	font-size:0.94em;
	}		


	
/* .zoekBox.contactForm */	
.zoekBox.contactForm,
.contactForm ul {
	height:auto;
	float:left;
	}
.zoekBox.contactForm ul li {
    margin-bottom:	10px;
   	white-space: nowrap;
    }
.zoekBox.contactForm ul li label {
    font-size: 1.2em;
    font-weight:bold;
}
.zoekBox.contactForm ul li input{
	margin-top:3px;
	}	
.zoekBox.contactForm ul li.textarea div{
	width: 364px;
	height: 160px;
	background: transparent url(../images/bg_textArea.gif) top left;
	margin:3px 0 10px 0;
	}
.zoekBox.contactForm ul li textarea{
	width: 348px;
	height: 144px;
	margin: 6px 0 0 6px;
	border:0;
	text-decoration: none;
	text-rendering:normal;
	overflow:auto;
	}
.zoekBox.contactForm ul li select {
	border: 3px solid #474749;
	width: 364px;
	font-size: 1em;
	padding: 3px;
	position: relative;
	left: auto;
	top: auto;
	}


/* 	///////////////////////////////////////////////////////////////
	.boxKlein
	/////////////////////////////////////////////////////////////// */			
	
.boxKlein {
	width: 221px;
	background: transparent url(../images/bg_box_klein_middle.gif);
	position: relative;
	padding: 12px 0 16px 0px;
	float: left;
	}	
.boxKlein .top{
	width: 221px;
	height:12px;
	background: transparent url(../images/bg_box_klein_top.gif) top no-repeat;
	position:absolute;
	display:block;
	top:0;
	}		
.boxKlein .bottom{
	width: 221px;
	height:12px;
	background: transparent url(../images/bg_box_klein_bottom.gif) bottom no-repeat;
	position:absolute;
	bottom: -2px;
	left:0;	
	}		
.boxKlein h3 {
	color: #ff0000;
	padding:1px 0 3px 16px;
	}	
.aanmeldKnop{
    color: #ff0000;
    font-weight: bold;
    cursor: pointer;
    }
.boxKlein ul{
	margin:0 0 0 8px;
 	}		
.boxKlein ul li {
	width: 175px;
	min-height: 21px;
	position:relative;
	margin-bottom:3px;
	padding:4px 22px 0 8px;

	}
.boxKlein ul li.grijs {
	background:url(../images/bg_list_grijs.gif);
	width: 175px;
	*height: 21px;
	position:relative;
	margin-bottom:3px;
	padding:4px 22px 0 8px;
	}	
.boxKlein ul li.grijs.hoog { 
	background:url(../images/bg_list_grijs_hoog.gif);
    min-height:33px;
    *height: 33px;
    }




.boxKlein li a
{
    /*
	width: 18px;
	height:18px;
	background: transparent url(../images/buttons/ico_verwijder.gif);
	position:absolute;
	right: 4px;
	top: 3px;	*/
	}		
.boxKlein.topMargin {
	margin-top:175px;
	}
.boxKlein p{
	padding:0px 10px 3px 17px;
	margin-top:-2px;
	}
.boxKlein .knop_doorgeven{ 
	float:right;
	margin:0 14px -5px 0;
	}

	
	
	
	

/* 	///////////////////////////////////////////////////////////////
	#sportLocatieHolder
	/////////////////////////////////////////////////////////////// */		

#sportLocatieHolder {
	width: 495px;
	background: transparent url(../images/bg_tabel_sportfaciliteiten_midden.gif);
	position:relative;
	padding:12px 0 12px 0;
	float:left;
	}
#sportLocatieHolder span.bottom{
	position:absolute;
	bottom:0;
	width: 495px;
	height:9px;
	background: transparent url(../images/bg_tabel_sportfaciliteiten_bottom.gif) bottom no-repeat;
	}
#sportLocatieHolder span.top{
	position:absolute;
	top:0;
	width: 495px;
	height:10px;
	background: transparent url(../images/bg_tabel_sportfaciliteiten_top.gif) top no-repeat;
	}
#sportLocatieHolder table {
	margin-left: 17px;
	} 	
#sportLocatieHolder table td { 
	padding:0 30px 11px 0;
	width:120px;
	}
#sportLocatieHolder table td.kopje { 
	width:450px;
	}
#sportLocatieHolder table td ul {
	margin: 7px 0 -5px 2px;
	
	}	
#sportLocatieHolder table td ul li{
	padding:0px;
	line-height:1.4em;
	}	
#sportLocatieHolder table td ul li a:link,
#sportLocatieHolder table td ul li a:visited {
	background: none;
	color:#474749 !important;
	font-weight:normal;
	height:auto;
	padding:0;
	display:inline;
	text-align:left;
	} 
#sportLocatieHolder table td ul li.selected a,
#sportLocatieHolder table td ul li.selected a:visited{
	background: none;
	color: #ff0000 !important;
	}	
#sportLocatieHolder table td ul li a:hover { 
	text-decoration: underline;
	}	
	
	







/*  #footerLinkBlok  */
		
#footerLinkBlok {
	position:absolute;
	right:0px;
	bottom:30px;
	height: 170px;
	width: 566px;
	background: url(../images/bg_footerlinkblok.gif) bottom no-repeat;
	}
#footerLinkBlok ul {
	float:right;
	}	
#footerLinkBlok li a{
	height: 41px;
	width: 132px;
	display:block;
	}



.floatright
{
    float: right;
}

	
.locatieImage {
	
	float: right;
	position: relative;
	
	}	
.locatieImage.resultaat {
	
	}		
	
.divBreed {
	width: 600px;
	padding-bottom:20px;
	}	
	
	
	
	
	
	
p.wieIs img {
	float:right;
	margin:3px 0 0 5px;
	}	
.knop_grijs,
#sportLocatieHolder table td a:link,
#sportLocatieHolder table td a:visited{
	background: transparent url(../images/buttons/knop_grijs.gif);

	width: 120px;
	height: 18px;
	display: block;
	font-weight: bold;
	text-decoration: none;
	color: #fff !important;
	text-align:center;
	padding-top:1px;
    cursor: pointer;
	}	
.knop_wit:link,
.knop_wit:visited,
.knop_wit:hover{
	background: transparent url(../images/buttons/knop_wit.gif);
	width: 120px;
	height: 18px;
	display: block;
	font-weight: bold;
	text-decoration: none;
	color: #ff0000 !important;
	text-align:center;
	padding-top:1px;
	}		
#sportLocatieHolder table td a.selected:link,
#sportLocatieHolder table td a.selected:visited{
	background: transparent url(../images/buttons/knop_rood.gif);
	}
.knop_zoeken{
	background: transparent url(../images/buttons/knop_zoeken.gif);
	width: 104px;
	height: 35px;
	line-height:10px;
	font-size:0;
	cursor:pointer;
	}		
.vlakRechts .knop_zoeken{
	float:right;
	margin:8px 8px 0 0;
	}		
.knop_printdezelijst {
	background: transparent url(../images/buttons/knop_printdezelijst.gif);
	width: 133px;
	height: 134px;
	display: block;
	float:right;
	display:inline;
	}
.knop_doorgeven{
	background: transparent url(../images/buttons/knop_doorgeven.gif);
	width: 99px;
	height: 35px;
	line-height:2px;
	font-size:0;
	cursor:pointer;
	display:inline-block;
	padding-left:5px;
	}		
.content.breed .knop_printdezelijst {
	margin-right: 43px;
	}	
	
.lijst.evenementen .knop_wit:link,	
.lijst.evenementen .knop_wit:visited,
.lijst.evenementen .knop_grijs {
	display:inline-block;
	position:absolute;
	bottom:10px
	}
.lijst.evenementen .knop_grijs {
    left:136px;
    }	
.lijst.evenementen .knop_grijs.doorsturen {
left:10px

	} 	
	
#iframe	 {
	background: url(../images/bg_content.gif) top repeat-x;


    }
 
 
 
 
/*******************************
*** ADDED BY GERARD ************
*******************************/ 
p.search_logo 
{
    background: url(../images/ordina_logo.png);
    width: 231px;
    height: 76px;
}
/* MODAL POPUP */
.modalBackground {
	background-color: #000000;
	filter: alpha(opacity=20);
	opacity: 0.20;
}

.modalPopup 
{    
    background: url(../images/popupBackground.png) no-repeat;    
    padding:10px;
    width: 487px;
    height: 360px;
}

div.closePopup
{
    position: absolute;
    height: 40px; 
    width: 100px; 
    top: 15px; 
    left: 360px;
}

div.titlePopup
{
    position: absolute;
    left: 15px;
    top: 15px;
    width: 365px; 
    height: 50px;
}
h1.titlePopup
{    
    margin: 0px 0px 0px 0px;
    color: #ff0000; 
    font-weight:bold; 
    font-size: 2em
}
div.contentPopup
{
    position: absolute;
    left: 15px;
    top: 70px;
    width: 440px;
    height: 260px;
    overflow: auto;
}

.styleInline {
    display: inline;
}

/*******************************
*** SPORTCLUB SUBSCRIBE FORM ***
*******************************/ 
table.sid_table
{
    //border: 0px solid #000000;
}

tr.sid_inputs input
{
    background: transparent url(../images/bg_inputZoeken.gif);
	width: 344px;
	height: 27px;
	font-size:1.4em;
	padding: 8px 10px 0px 10px;
}

td.flag span
{
    display: block;  
    background: transparent url(../images/bg_inputZoeken.gif);
	width: 344px;
	height: 27px;
	font-size:1.4em;
	padding: 8px 10px 0px 10px; 
}

td.flag input
{
    background: none;
    width: 20px;
    height: 20px;
	font-size:1.4em;
}

tr.sid_inputs select
{
    border: 1px solid;
}

tr.sid_inputs td
{
    //border: 0px solid #000000;
    vertical-align: top;
    text-align: left;
}

tr.sid_buttons input, tr.sid_inputs input.sid_buttonadd
{
    background: transparent url(../images/buttons/knop_grijs.gif);
	width: 120px;
	height: 19px;
	display: block;
	font-weight: bold;
	font-size: 11px;
	text-decoration: none;
	color: #fff !important;
	text-align:center;
	padding-top: 0px;
	display: inline;
}

tr.sid_buttons td
{
    padding-top: 24px;
    padding-left: 125px;
}

tr.sid_inputs textarea 
{
    width: 354px;
	height: 150px;
	background: transparent url(../images/bg_textArea.gif) top left;
	border: 0px;
	padding: 5px;
    overflow: hidden;
}
/*  Enquete formulieren */
.table_formulier
{
     border: 0px solid #000000;
}
.td_formulier input
{
    background: transparent url(../images/bg_inputZoeken.gif);
	width: 344px;
	height: 27px;
	font-size:1.4em;
	padding: 8px 10px 0px 10px;
}
.td_formulier .label
{
    font-size: 1.2em;
    font-weight:bold;
}

.td_formulier .checkBoxList,
.td_formulier .radioButtonList,
.td_formulier .handicapList
{
    font-size: 1.4em;
}
.td_formulier .checkBoxList input,
.td_formulier .radioButtonList input,
.td_formulier .handicapList table tr td input
{
    width:12px;
    height:12px;
    padding: 0px 0px 0px 0px;
    margin-left:2px;
    margin-right:2px;
}

.submit_formulier
{
    background: transparent url(../images/buttons/knop_grijs.gif);
	width: 120px;
	height: 19px;
	display: block;
	font-weight: bold;
	font-size: 11px;
	text-decoration: none;
	color: #fff !important;
	text-align:center;
	padding-top: 0px;
	display: inline;    
}
.td_formulier select
{
    border: 3px solid #474749;
    width: 364px;
	height: 27px;
	font-size:1.4em;
}
.td_formulier textarea
{
    width: 354px;
	height: 150px;
	background: transparent url(../images/bg_textArea.gif) top left;
	border: 0px;
	padding: 5px;
    overflow: hidden;
}

/* TABEL SPORTCLUBS ZONDER JAVASCRIPT */
table.tblNoJS
{
    width: 575px;
}

table.tblNoJS td, table.tblNoJS th 
{
    vertical-align: top;
    text-align: left;
    border: 1px solid #AAAAAA;
    padding: 5px;
}

table.tblNoJS th
{
    font-weight: bold;
}

table.tblNoJS td table td
{
    border: 0px solid #000000;
}