@charset "utf-8";

html, body {height:100%; margin:0; padding:0;}


/*-------------------------------------------------*/
/* BODY */
/*-------------------------------------------------*/

body {font-family:arial; font-size:9pt; color:#111111}
h1 {font-family:'Jockey One',arial narrow; font-weight:normal; font-size:16pt; text-decoration:underline; color:#006699; line-height:10pt}
h2 {font-family:arial; font-size:11pt; font-weight:normal; color: #111111}

body {background:url("../afbeeldingen/bg.gif") repeat;}



/*-------------------------------------------------*/
/* PAGINA-ONDERVERDELINGEN */
/*-------------------------------------------------*/

#wrapper {background:url('../afbeeldingen/bgc.gif') repeat; position:relative; width:984px; margin: 0 auto;}

#header-index {background:url('../afbeeldingen/header-index.gif') no-repeat; width:984px; height:400px;}
#header-historiek {background:url('../afbeeldingen/header-historiek.gif') no-repeat; width: 984px; height:220px;}
#header-clubinfo {background:url('../afbeeldingen/header-clubinfo.gif') no-repeat; width: 984px; height:220px;}
#header-leden {background:url('../afbeeldingen/header-leden.gif') no-repeat; width:984px; height:220px;}
#header-brevet {background:url('../afbeeldingen/header-brevet.gif') no-repeat; width:984px; height:220px;}
#header-ivandevriendt {background:url('../afbeeldingen/header-ivandevriendt.gif') no-repeat; width:984px; height:220px;}
#header-karelvanwijnendaele {background:url('../afbeeldingen/header-karelvanwijnendaele.gif') no-repeat; width:984px; height:220px;}
#header-vtt {background:url('../afbeeldingen/header-vtt.gif') no-repeat; width:984px; height:220px;}
#header-wielrennen {background:url('../afbeeldingen/header-wielrennen.gif') no-repeat; width:984px; height:220px;}
#header-andere {background:url('../afbeeldingen/header-andere.gif') no-repeat;	width:984px; height:220px;}
#header-contact {background:url('../afbeeldingen/header-contact.gif') no-repeat; width:984px; height:220px;}

.hleft {width:184px; float:left; padding: 10px 0 0 80px;}
.hmiddle {padding: 11px 0 0 0;}
.hright {width:300px; float:right; padding: 20px 20px 0 0;}


#menu {width:984px; height:50px; text-align:left; padding: 0 0 0 40px;}

#content {width:984px; margin:0 auto; overflow:hidden; padding-bottom:20px;}
.inhoud {float:left; width:620px; text-align:justify; padding-left: 60px;}
.right {float:right; width:200px; text-align:right; padding-right:44px;}

#contact {width:820px; padding-left:80px; text-align:justify;}

#footer {width:984px; height:70px; background:url('../afbeeldingen/footer.gif') no-repeat; margin: 0 auto; overflow:hidden; position:top;}


/*-------------------------------------------------*/
/* LINKEN */
/*-------------------------------------------------*/

#menu a:link, #menu a:visited {color: #ff0000}
#menu a:hover {color:#fff; text-decoration:none}

#content a:link, #content a:visited {color: #ff0000; text-decoration:none}
#content a:hover {color: #006699; text-decoration:underline}

#contact a:link, #content a:visited {color: #ff0000; text-decoration:none}
#contact a:hover {color:#006699; text-decoration:underline}



/*-------------------------------------------------*/
/* Css Menu */
/*-------------------------------------------------*/

.menu {
	border: none;
	border: 0px;
	margin: 0px;
	padding: 0px;
	font-family: arial;
	font-size: 14px;
	font-weight: bold;
	}

.menu ul {
	height: 35px;
	list-style: none;
	margin: 0;
	padding: 0;
	}

.menu li {
	float: left;
	padding: 0px;
	}

.menu li a{
	color: #ff0000;
	display: block;
	line-height: 35px;
	margin: 0px;
	padding: 0px 40px;
	text-align: center;
	text-decoration: none;
	}

.menu li a:hover, .menu ul li:hover a{
	background: #006699;
	color: #fff;
	text-decoration: none;
	}

.menu li ul{
	background: #fff;
	display: none;
	height: auto;
	padding: 0px;
	margin: 0px;
	border: 0px;
	position: absolute;
	width: 270px;
	z-index: 999;
	/*top:1em;
	/*left:0;*/
	}

.menu li:hover ul{
	display: block;
	}

.menu li li {
	display: block;
	float: none;
	margin: 0px;
	padding: 0px;
	width: 270px;
	}

.menu li:hover li a{
	background: none;
	color: #ff0000;
	}

.menu li ul a{
	display: block;
	height: 35px;
	font-size: 14px;
	color: #ff0000;
	margin: 0px;
	padding: 0px 10px 0px 15px;
	text-align: left;
	}

.menu li ul a:hover, .menu li ul li:hover a{
	background: #006699;
	border: 0px;
	color: #fff;
	text-decoration: none;
	}

.menu p {clear: left;}