html{	margin: 0px 0px 0px 0px; }

body{
	margin: 0px 0px 0px 0px;
	background: url(../images/layout/bg_body.gif);
	font: 10px/14px Verdana, Geneva, Arial, Helvetica, sans-serif;
}

a { outline: none; }

/* ********************************************************************************************************* */
/* main divs */

#Logo{
	position: absolute;
	top: 0px;
	left: 0px;
}

#TopNav{
	position: absolute;
	top: 75px;
	left: 600px;
	height: 5px;
	/* width: 137px */
}

#Container{
	position: absolute;
	top: 87px;
	left: 0px;
	width: 950px; /* 780+150+20 */
	background: url(../images/layout/bg_container.gif) repeat-y;
}

#Container #Nav{
	position: relative;
	float: left;
	width: 245px;
	border-top: 10px solid #515151;
}

#Container #Nav #BannerLeft{
	padding-top: 10px;
	text-align: center;
	border-top: 1px solid #FFFFFF;
}

#BannerLeft a img{
	border: 0;
	margin: 0px 0px 30px 0px;
}

#Container #Content{
	position: relative;
	float: left;
	width: 520px;
	margin-left: 1px;
	border-top: 10px solid #990000;
}

#Content #Header{
	border-bottom: 10px solid #990000;	
}

#Header img{
	border-top: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
}

#Right{
	position: relative;
	float: left;
	width: 14px;
	height: 643px;
	background: url(../images/layout/bg_right.gif) no-repeat 0px 273px;
}

#BannerRight{
	position: relative;
	margin: 0px 0px 0px 20px;
	float: left;
	width: 150px;
	height: 601px;
	text-align: center;
	border-top: 1px solid #666666;
	border-bottom: 1px solid #666666;
	overflow: hidden;
}

#BannerRight img{
	margin: 5px 0px 15px 0px;
}

#BannerRight a img{ border: 0; }
#BannerRight img{ margin: 0px 0px 30px 0px; }

#Container #Footer{
	clear: both;
	width: 756px;
	height: 10px;
	padding-right: 10px;
	text-align: right;
	background: url(../images/layout/bg_footer.gif);
	border-top: 1px solid #FFFFFF;
}

/* ********************************************************************************************************* */
/* content */

#Content #Inhoud{
	width: 480px;
	padding: 20px 20px 20px 20px;
	font: 10px/14px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #505050;
}

#Inhoud h1{
	margin: 0px 0px 20px 0px;
	font: 25px "Times New Roman", Times, serif;
	color: #990000;
}

#Content h2{
	margin: 0px 0px 10px 0px;
	font: bold 10px/14px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #505050;
}

#Content h4{
	margin: 10px 0px 20px 0px;
	padding-bottom: 5px;
	font: 10px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: Silver;
	text-align: right;
	border-bottom: 1px solid Silver;
}

#Content li h2{ margin: 10px 0px 5px 0px; }

#Inhoud p, #Inhoud table{
	margin: 0px 0px 20px 0px;
	font: 10px/14px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #505050;
}

#Inhoud a{
	color: #990000;
	text-decoration: none;
}

#Inhoud a:hover{
	background-color: #CCCCCC;
}

#Inhoud a img{
	border: 1px solid #000000;
}

#Inhoud ul{
	margin: 0px 0px 20px 0px;
	padding: 0px 0px 0px 10px;
	list-style: square;
}

#Inhoud ul.news{
	margin: 0px 0px 20px 0px;
	padding: 0;
	list-style: none;
}

#Inhoud hr{
	margin: 0px 0px 20px 0px;
	height: 1px;
	border: 0;
	background-color: #CCCCCC;
	clear: both;
}

#Inhoud th{
	text-align: left;
}

#Inhoud form{
	margin: 0;
	padding: 0;
}

#Inhoud label{
	margin: 0px 0px 0px 0px;
	font: italic 10px/14px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #505050;
}

#Inhoud input{
	margin: 5px 0px 10px 0px;
	width: 200px;
	font: 10px/14px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #505050;
	border: 1px solid #505050;
}

#Inhoud textarea{
	margin: 5px 0px 10px 0px;
	width: 350px;
	height: 120px;
	overflow: auto;
	font: 10px/14px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #505050;
	border: 1px solid #505050;
}

#Inhoud input.false, #Inhoud textarea.false{
	border: 1px solid #990000;
}

#Inhoud input.submit{
	margin: 0px 0px 10px 0px;
	width: auto;
	border: 1px solid #505050;
	font: 10px/14px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #505050;
	cursor: pointer;
}

/* ********************************************************************************************************* */
/* menu */

#Nav #Menu{
	padding: 23px 0px 22px 0px;
	background-color: #FFFFFF;
	border-bottom: 10px solid #515151;
}

#Menu ul { list-style-type:none; margin:0; padding:0;  width:245px; z-index:100;}
#Menu ul li { display:block; padding:0; margin:0; position:relative; z-index:100;}
#Menu ul li a, #Menu ul li a:visited {display: block; text-decoration: none;}
#Menu ul li dd {display:none;}
#Menu ul li:hover, #Menu ul li a:hover {border:0;}
#Menu ul li dt a, #Menu ul li:hover dt a, #Menu ul li a:hover dt a { display: block; width: 245px; height: 23px; }
#Menu ul table {border-collapse:collapse; border: 0; padding:0; margin:-1px;}
#Menu ul dl {width: 245px; margin: 0; cursor:pointer;}
#Menu ul dt {margin:0; padding: 0; }
#Menu ul dd {margin:0; padding:0;  }

#Menu ul dt a{ color: #FFFFFF; }

/* extract height */
#Menu ul li:hover dd, #Menu ul li a:hover dd {display:block;}
#Menu ul li:hover dl, #Menu ul li a:hover dl {height: 150px;}
#Menu ul li:hover dl.extractkampioen, #Menu ul li a:hover dl.extractkampioen {height: 149px;}
#Menu ul li:hover dl.extractcomp, #Menu ul li a:hover dl.extractcomp {height: 120px;}
#Menu ul li:hover dl.extractjeugd, #Menu ul li a:hover dl.extractjeugd {height: 113px;}

/* background mouse over links */
#Menu ul li dt a.kampioen{ background: White url(../images/layout/menu_hsvdekampioen.gif) 0px 0px; }
#Menu ul li:hover dt a.kampioen{ background: White url(../images/layout/menu_hsvdekampioen.gif) 245px 0px; }
#Menu ul li:hover dt a.kampioen:hover{ background: White url(../images/layout/menu_hsvdekampioen.gif) 245px 0px; }

#Menu ul li dt a.competities{ background: White url(../images/layout/menu_competities.gif) 0px 0px; }
#Menu ul li:hover dt a.competities{ background: White url(../images/layout/menu_competities.gif) 245px 0px; }
#Menu ul li:hover dt a.competities:hover{ background: White url(../images/layout/menu_competities.gif) 245px 0px; }

#Menu ul li dt a.jeugd{ background: White url(../images/layout/menu_jeugd.gif) 0px 0px; }
#Menu ul li:hover dt a.jeugd{ background: White url(../images/layout/menu_jeugd.gif) 245px 0px; }
#Menu ul li:hover dt a.jeugd:hover{ background: White url(../images/layout/menu_jeugd.gif) 245px 0px; }

#Menu ul li a.home{ display:block; width:245px; height:23px; background:White url(../images/layout/menu_homepage.gif) 0px 0px; color:White;}
#Menu ul li a.home:hover{ background: White url(../images/layout/menu_homepage.gif) 245px 0px; color: White;}

#Menu ul li a.lid{ display:block; width:245px; height:23px; background:White url(../images/layout/menu_lid.gif) 0px 0px; color:White;}
#Menu ul li a.lid:hover{ background: White url(../images/layout/menu_lid.gif) 245px 0px; color: White;}

#Menu ul li a.wedstrijden{ display:block; width:245px; height:23px; background:White url(../images/layout/menu_wedstrijden.gif) 0px 0px; color:White;}
#Menu ul li a.wedstrijden:hover{ background: White url(../images/layout/menu_wedstrijden.gif) 245px 0px; color: White;}

#Menu ul li a.kennismaking{ display:block; width:245px; height:23px; background:White url(../images/layout/menu_kennismaking.gif) 0px 0px; color:White;}
#Menu ul li a.kennismaking:hover{ background: White url(../images/layout/menu_kennismaking.gif) 245px 0px; color: White;}

#Menu ul li a.koop{ display:block; width:245px; height:23px; background:White url(../images/layout/menu_koop.gif) 0px 0px; color:White;}
#Menu ul li a.koop:hover{ background: White url(../images/layout/menu_koop.gif) 245px 0px; color: White;}

#Menu ul li a.fotoalbums{ display:block; width:245px; height:23px; background:White url(../images/layout/menu_fotoalbums.gif) 0px 0px; color:White;}
#Menu ul li a.fotoalbums:hover{ background: White url(../images/layout/menu_fotoalbums.gif) 245px 0px; color: White;}

/* 2nd level links */

#Menu ul li dd a, #Menu ul li dd a, #Menu ul li dd a{
	display: block;
	width: 150px;
	height: 18px;
	padding-left: 95px;
	font: 10pxVerdana, Geneva, Arial, Helvetica, sans-serif;
	color: Black;
	text-decoration: none;
	background: #F8F8F8 url(../images/layout/bg_menulink.gif) no-repeat 82px 8px;
}

#Menu ul li dd a:hover{	background: #F8F8F8 url(../images/layout/bg_menulink.gif) no-repeat 85px 8px; }

/* TopNav */

#TopNav a img{
	margin: 0px 10px 0px 0px;
	border: 0;	
}

/* ********************************************************************************************************* */
/* diversen */

img.fotonieuws{
	border: 1px solid Black;
	margin-bottom: 5px;
}

#Inhoud .sponsor{
	float: left;
	display: block;
	margin: 0px -1px -1px 0px;
	height: 160px;
	width: 160px;
	border: 1px solid #E9E9E9;
}

#Inhoud .sponsor a img{ border: 0; }
#Inhoud .sponsor a:hover{ background-color: White; }