.formBody
{
    height:100%;
    background-color:#5c5c5c;
}

html 
{
	height:100%; 
	max-height:100%; 
	padding:0; 
	margin:0; 
	border:0; 
	/* hide overflow:hidden from IE5/Mac */ 
	/* \*/ 
	overflow: hidden; 
	/* */ 
	}

img
{
  border-style:none;
}

body 
{
	height:100%; 
	max-height:100%; 
	overflow:hidden; 
	padding:0; 
	margin:0; 
	border:0;
	}

#ContentWrapper 
{
 display:block; 
 overflow:hidden;
 position:absolute; 
 z-index:3; 
 top:167px; /* om het witte two-column-deel tegen het menu te zetten */
 bottom:30px; /* om het witte two-column-deel onder tegen het menu te zetten */
 width:950px; 
 margin-left:-476px; 
 left:50%; 
 background:#fff;
}

* html #ContentWrapper 
{
	top:0; 
	bottom:0px;
	height:100%;
	width:650px;
	border-top:185px solid #fff; 
	border-bottom:30px solid #fff;
	}

#leftContent 
{   
    display:block; 
	overflow:auto; 
	position:absolute; 
	z-index:3; 
	top:181px; 
	bottom:32px; 
	width:300px; 
	margin-left:-776px; 
	left:50%; 
	background:#fff;
}


* html #leftContent 
{
	top:0; 
	bottom:0; 
	height:100%;
	width:300px;
	border-top:175px solid #fff; 
	border-bottom:30px solid #fff;
	}

#top-information  
{
	position:absolute; 
	margin-left:-476px; 
	left:50%; 
	top:0; 
	width:950px; 
	min-width:950px; 
	height:175px; 
	z-index:5; 
}

* html #top-information  
{
	top:0px; 
	width:950px; 
	height:165px;
}

#PageFooter 
{
	text-align:center;
	position:absolute;
	margin-left:-476px;
	left:50%; 
	bottom:0; 
	width:950px; 
	min-width:950px; 
	height:30px; 
	z-index:5; 
	background: url(images/Bottom.gif) repeat-x;
}

* html #PageFooter 
{
	bottom:2px;
	width:950px; 
	height: 28px;
	
}



/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	CONTENT CONTAINER - TWO COLUMN

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#content-container-two-column 
{
 width:950px;
 height:100%;
 padding-top:3px;
 padding-bottom:3px;
}


#content-main-two-column
{
  width: 640px;
  padding: 5px 5px 15px 0px;
  position: absolute;
  min-height: 1px;
  height: 99%;
  overflow: scroll;
  right:0px;
}


#content-side-two-column
{
 width:295px;
 position:relative;
 min-height:300px!important;
 padding: 5px;
 float:left;
}

	
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*



	TOP INFORMATION

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

	
#logo 
{
	position:relative;
	top:0px;
	left:0px;
	padding:0px;
	height:150px;
}

#MenuTop
{
	position:absolute;
	top:95px; /* pixels vanaf bovenkant site t.o.v. Bovenkant home-junioren-etc  */
	left:0px;
    width:100%;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*


	Footer

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/




/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	HTML TAGS 

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

body 
{
	margin:0px;
	background-color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.7em;
	line-height:1.4em;
	color:#5c5c5c;
}

table 
{
	font-size: 1em;
}

.highLight
{
    color: #000000;
}

p {
	margin:10px 0;
	}

p.no-padding-no-margin {
	padding:0;
	margin:0;
	}
	
hr{
	color: #5c5c5c;
	background-color: #5c5c5c;
	height: 1px;
	border:0;
	margin:15px 0;
	_margin:10px 0;
	}
	
blockquote {
	padding:0 0 0 12px;
	margin:12px 0 0 0;
	background:url(images/bg-quote.png) no-repeat;
	}

blockquote p {
	margin:2px 0;
	}
	
cite {
	font-size:.85em;
	margin:0;
	padding:0 0 0 6px;
	}

fieldset {
	padding:15px;
	}
	
legend {
	color:#333333;
	padding:5px 3px 10px 3px;	
	}

.clear {
	clear:both;
	}



/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

    Normal 

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.normal {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	color: #000000;
	text-decoration: none;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	HEADINGS 

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

	

.titelgroot 
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: bold;
	color: #d62525;
	padding-top: 10px;
	padding-bottom: 10px
}


.titel {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #000000;
}

.bijschrift {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
}

.wedstrijdverslagen {									/* Notatie spelende teams/uitslag bij verslagenoverzicht */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
}

.adrotator {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	text-align: right;
	color: #5c5c5c;
	padding-right: 10px;
}

.aankondiging-rood
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: bold;
	color: #d62525; 
}

.aankondiging-zwart 
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: bold;
	color: #000000;
}

.competitie {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	color: #d62525;
	text-decoration: none;
}

.zelfwerkzaamheid {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;

}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	LINKS

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/


.BBL,
.link,
.overlay
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	color: #d62525;

}
.linkzwart 
{
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	color: #000000;
	text-decoration: none;
}

a:hover 
{
	color: #d62525;
	text-decoration: none;
}



/****Lichtkrant****/

#NewsOuter
{
 height: 80px;
 position: relative;
 border: 1px solid;
 border-color: #5C5C5C;
 width: 250px;
 
 margin-top:10px;
 margin-left:auto;
 margin-right:auto;
}



#NewsItems
{
   /* border-style: solid;
    border-width: 1px;
    width: 250px;*/
    width: 250px;
    height: 80px;
    border-color: #5C5C5C;
    text-align: center;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
	color: #000000;
    display: table-cell;
    vertical-align:middle;

}

#NewsItems a:link
{
	color: #000000;
	text-decoration: none;
}

#NewsItems a:visited
{
	color: #000000;
	text-decoration: none;
}

#NewsItems a:active
{
	color: #000000;
	text-decoration: none;
}


/****Sponsoren ****/
.SponsorPanel
{
  border-style: solid;
  border-width: 1px;
  width: 250px;
  height: 48px;
  border-top-color: #5C5C5C;
  border-right-color: inherit;
  border-bottom-color: inherit;
  border-left-color: inherit;
  vertical-align: middle;

  position:relative;
  margin-top:20px;
  margin-left:auto;
  margin-right:auto;
}

/****Breadcrumps****/

#breadcrump

{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #5c5c5c

}

#breadcrump a:link
{
	color: #5c5c5c;
	text-decoration: none;
}

#breadcrump a:visited
{
	color: #5c5c5c;
	text-decoration: none;
}

#breadcrump a:active
{
	color: #5c5c5c;
	text-decoration: none;
}

#breadcrump a:active
{
	color: #5c5c5c;
	text-decoration: none;
}






/* BBL CSS */


.BBLtitelgroot 
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: bold;
	color: #d62525;
	padding-top: 10px;
	padding-bottom: 10px
}

.quote {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;

}

/* BBL Links */

a.BBL:link 
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	color: #d62525;
	text-decoration: underline;

}

a.BBL:active
{
	font-size: 12px;
	font-style: normal;
	color: #d62525;
	text-decoration: underline;
}

a.BBL:visited 
{
	font-size: 12px;
	font-style: normal;
	color: #d62525;
	text-decoration: underline;
}

a.BBL:hover 
{
	font-size: 12px;
	font-style: normal;
	color: #d62525;
	text-decoration: none;
}

/**** BBL Fotoblok ****/
.BBLSponsorPanel
{
  border-style: solid;
  border-width: 0px;
  width: 250px;
  height: 250px;
  border-top-color: #000000;
  border-right-color: inherit;
  border-bottom-color: inherit;
  border-left-color: inherit;
  vertical-align: middle;

  position:relative;
  margin-top:20px;
  margin-left:auto;
  margin-right:auto;
}



/*---------------------------------------------------------*/

/* OVERLAY */

/*---------------------------------------------------------*/

#overlay {
	width: 50px;
	
$(#overlay).block({
					message:$(img#displayBox);
					timeout: 3000;
					css {
						padding: 0;
						margin: 0;
						width: 500px;
						top: 0px;
						left: 0px;
					}
				  });