body {
	background: #9FCBF1 url("/img/body_background.jpg") repeat-x;
	text-align: center;
	padding: 0;
	margin: 0;
}

body, div, td {
	font-family: Verdana, sans-serif;
	font-size: 91%; /* IE5 kan geen x-small aan */
	f\ont-size: x-small;
	color: #000000;
	line-height: 1.5em;
}

html > body {
	font-size: 12px; /* in pixels voor moderne browsers */
}

div {
	text-align: left;
}

p {
	margin: 5px 0 10px 0;
}

table {
	margin: 5px 0 5px 0;
}

img {
	border: 0;
}

a {
	color: #273E6E;
	text-decoration: underline;
}

a:visited {
	color: #666666;
}

a:hover {
	color: #FFA500;
}

h1, h2, h3 {
	font-family: "Trebuchet MS", Verdana, sans-serif;
	margin: 15px 0 2px 0;
}

div#content h1 {
	color: #273E6E;
	font-size: 180%;
	display: block;
	border-bottom: 2px solid #273E6E;
}

div#content h2 {
	font-size: 140%;
	font-style: italic;
}

div#content h3 {
	font-size: 120%;
}

hr {
	border: 1px solid #5787AF;
	clear: both;
}

body > hr {
	margin: 5px 0 5px 0; /* margin zit standaard op IE */
}

/***************************************************************
                   HOOFD DIVJES OPMAKEN
***************************************************************/

div#container {
	width: 750px;
	margin: 65px auto 10px auto;
	/*background: #CFE5F8;*/
}

div#sponsor {
	position: absolute;
	z-index: 99;
	top: 8px;
	left: 50%;
	margin-left: -25px;
	width: 400px;
	height: 50px;
	overflow: hidden;
}

div#header {
	height: 150px;
	overflow: hidden;
	background: #FFA500 url("/img/header.jpg") no-repeat left top;
}

div#logo {
	position: absolute;
	z-index: 99;
	top: 5px;
	left: 50%;
	margin-left: -438px;
	width: 175px;
	height: 230px;
	background: url("/img/logo.png") no-repeat left top;
}

div#main {
	background: url("/img/background_main.png") repeat-y;
	border-bottom: 2px solid #FFA500;
	height: 100%;
}

div#menu {
	float: left;
	padding: 30px 5px 15px 5px;
	/* box model hack */
	width: 150px; 
	w\idth: 140px;
	/* end box model hack */
}

div#content {
	float:left;
	padding: 0 10px;
	margin: 30px 0;
	background: url("/img/background_content.png") no-repeat left top;
	/* box model hack */
	width: 600px; 
	w\idth: 580px;
	/* end box model hack */
}

div#breadcrumb {
	font-size: 90%;
	padding: 5px 0 5px 0;
}

div#footer {
	padding: 15px 10px 5px 10px;
	text-align: center;
}

div#skyscraper {
	position: absolute;
	left: 50%;
	top: 215px;
	margin-left: 380px;
	width: 120px;
	height: 600px;
}

/***************************************************************
                          MENU
***************************************************************/

div#menu * {
	color: #FFFFFF;
}

div#menu hr {
	border: 1px solid #FFA500;
}

div#menu ul#nav, div#menu ul#nav li {
	list-style: none;
	padding: 0;
	margin: 10px 0 10px 0;
}

div#menu ul#nav {
	margin-bottom: 20px;
}

* html div#menu ul#nav li {
	height: 1px; /* white space bug oplossen (http://csscreator.com/index.php?topic=9016)*/
}

div#menu ul#nav li a {
	display: block;
	padding: 4px 0 4px 30px;
	margin: 0 5px 0;
	line-height: 1em;
	text-decoration: none;
	font-weight: bold;
	border: 1px solid #273E6E;
	color: #273E6E;
	background: #ABC3D7;
	/* box model hack */
	width: 125px; 
	w\idth: 95px;
	/* end box model hack */
}

div#menu ul#nav li a:hover {
	background: #5787AF url("/img/menu_bullet.png") no-repeat 95% 50%;
	color: #FFFFFF;
	border-color: #FFFFFF;
}

div#menu ul#nav li img {
	position: absolute;
	margin: -20px 10px 0;
}

#nieuws					li#menu-nieuws      a,
#wedstrijden			li#menu-wedstrijden a,
#zaaltaken				li#menu-zaaltaken   a,
#teams					li#menu-teams       a,
/*#pagina					li#menu-overbvl     a,*/
#links					li#menu-links       a,
#technische_commissie	li#menu-tc			a,
#contact				li#menu-contact     a {background-color: #FFA500 !important;}

div#menu div.menu_col h1 {
	font-size: 100%;
	background: #5787AF;
	margin:0;
	padding: 2px;
	font-weight: bold;
}

div#menu div.menu_col {
	font-size: 90%;
	border: 1px solid #ABC3D7;
	color: #273E6E;
	background: #273E6E;
	margin: 10px 0 10px 0;
}

div#menu div.menu_col ul {
	list-style: none;
	margin: 5px;
	padding: 0;
}

div#menu div#agenda {
	overflow: hidden;
	width: 138px;
}

div#menu div#agenda div {
	padding: 15px;
	line-height: 1em;
	background: url("/img/bg_agenda.jpg") no-repeat center bottom;
}

/***************************************************************
                          REST OPMAKEN
***************************************************************/


/********** nieuws **********/
body#nieuws img.commenticon {
	vertical-align: middle;
}

body#nieuws form#reactieformulier #naam {
	width: 25em;
}

body#nieuws form#reactieformulier #email {
	width: 25em;
}

body#nieuws form#reactieformulier #reactie {
	width: 25em;
	height: 20em;
}

body#nieuws ul#nieuwsarchief, #nieuws ul#nieuwsarchief ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#nieuws ul#nieuwsarchief ul {
	margin: 0 0 20px 0;
}

table.nb-opsomming {
	border-collapse: collapse;
}

table.nb-opsomming td {
	padding: 0;
	margin: 0;
}

/********** teams **********/
body#teams table#teamlijst {
	border-collapse: collapse;
	empty-cells: show;
	border: 1px solid #5787AF;
	width: 100%;
}

body#teams table#teamlijst td {
	padding: 5px;
	border: 1px solid #5787AF;
	border-width: 1px 0 1px 0;
}

body#teams table#teamlijst tr.rij_even {
	background: #ABC3D7;
}

table.teamleden div.naam {
	font-size: 16px;
	font-weight: bold;
	font-style: italic;
	padding-bottom: 5px;
}

/********** wedstrijden **********/
body#wedstrijden table#wedstrijden_menu {
	border-collapse: collapse;
	empty-cells: show;
	border: 1px solid #5787AF;
	width: 100%;
}

body#wedstrijden table#wedstrijden_menu td {
	padding: 5px;
	border: 1px solid #5787AF;
	border-width: 1px 0 1px 0;
}

ul.wedstrijden {
	list-style: none;
	padding: 0;
	margin: 0 0 0 10px;
}

ul.wedstrijden li {
	margin: 0 0 10px 0;
}

/********** over bvl **********/
body#pagina  img.img_historie {
	clear: both;
	float: right;
	margin: 10px 0 10px 10px;
}

body#pagina  img.promotieposter {
	float: left;
	margin: 10px 20px 0 0;
}

body#pagina ul#clubkranten li {
	list-style: none;
}

body#pagina  ul#clubkranten li ul li {
	list-style-image: url("/img/pdf.gif");
	padding-left: 10px;
}

/********** formulieren **********/
div#content form input.input_text {
	font: inherit;
	border: 1px solid #273E6E;
	color: #273E6E;
	background: #ABC3D7;
}

div#content form input.input_button {
	font: inherit;
	border: 2px solid #273E6E;
	color: #ABC3D7;
	background: #273E6E;
	font-weight: bold;
}

div#content form textarea {
	font: inherit;
	border: 1px solid #273E6E;
	color: #273E6E;
	background: #ABC3D7;
}

div#content form textarea {
	font: inherit;
	border: 1px solid #273E6E;
	color: #273E6E;
	background: #ABC3D7;
}

div#content form select {
	font: inherit;
	border: 1px solid #273E6E;
	color: #273E6E;
	background: #ABC3D7;
}

/* dat gare internet explorer kan weer eens geen inherit aan op form elements */
* html div#content form input.input_text, 
* html div#content form input.input_button, 
* html div#content form textarea,
* html div#content form select {font-size: 91%; font-family: Verdana, sans-serif;}

form table th {
	vertical-align: top;
	margin-right: 10px;
}

/********** contact **********/
#contact form#contactformulier #contact_naam {
	width: 25em;
}

#contact form#contactformulier #contact_email {
	width: 25em;
}

#contact form#contactformulier #contact_bericht {
	width: 25em;
	height: 20em;
}

/********** agenda **********/

#agenda table.agendatabel {
	border-collapse: collapse;
	empty-cells: show;
	border: 1px solid #5787AF;
	width: 100%;
}

#agenda table.agendatabel td {
	padding: 5px;
	border: 1px solid #5787AF;
	border-width: 1px 0 1px 0;
}

#agenda table.agendatabel tr.rij_even {
	background: #ABC3D7;
}

/********** losse pagina's **********/

ul#pagemenu {
	list-style: none;
	text-align:center; 
	margin: 10px 0;
	padding: 0 0 0 65px;
	text-align: center;
}

ul#pagemenu li {
	float: left;
	margin: 0 5px;
}

ul#pagemenu a {
	display: block;
	background: url('/img/ico_page.png') no-repeat 4px center;
	padding: 5px 5px 5px 22px;
	font-weight: bold;
	border: 1px solid #ABC3D7;
}

ul#pagemenu a:hover {
	background-color: white;
}