/* CSS Document */

body { background-color: #d7d7d7;
	   background-image: url(../images/bg.png);
	   background-repeat: repeat-y;
	   background-position: center;
	   color: #333333;
	   font-family: Arial, Helvetica, Verdana, sans-serif;
	   font-size: 12px;
	   margin: 0;
	   padding: 0;
	    }
img { border: 0;
	   margin-left: 5px;
	   margin-right: 5px;
	   }
img#loc { margin-bottom: 20px;
			 border: 1px solid #000000;
			  }
img.laatste { border: 1px solid #000000; }
a { color: #333333; }
a:hover { text-decoration: none }

div.white p a.top { font-weight: normal;
				    text-decoration: underline;
				     }
div.white p a.top:hover { text-decoration: none; }
/* h. */
h1, h2, h3 { color: #2e3192 }
h2, h3 a { color: #2e3192 }
h1 { background-image: url(../images/header.png);
	 text-indent: -9999px;
	 display: block;
	 width: 800px;
	 height: 143px;
	 padding: 0;
	 margin: 0;
	  }
div.white h2, h3 { display: block;
			  	   padding: 0;
			       margin: 0;
			       border-left: 2px solid #2e3192;
			       padding-left: 5px;
				   margin-bottom: 5px;
			   		}

div.grey h2 { font-size: 14px; }
div.white h3 { margin-left: 10px; }
h4 { color: #0076a3 }
/* ul */
ul#menu { list-style: none;
		  margin: 0;
		  padding: 0;
		   }
ul#menu li { float: left;
			 display: block;
			 width: 100px;
			 height: 25px;
			 background-color: #2e3192;
			 padding-top: 5px;
			 text-align: center;
			  }
ul#menu li a { color: #ffffff;
			   font-size: 14px;
			   display: block;
			   width: 100px;
			   height: 23px;
			   border-bottom: 1px solid #00aef0;
			    }
ul#menu li a:hover { text-decoration: underline }
ul.submenu { list-style: none;
		  	 margin: 0;
		  	 padding: 0;
			 visibility: hidden;
			 border-bottom: 1px solid #2e3192;
			 width: 100px;
			 position: absolute;
		 	 margin-top: 29px;
			  }
ul.submenu li { background-color: #00aef0;
				display: block;
				padding: 2px 0px 2px 3px;
				 }
ul.submenu li a { color: #ffffff;
			   	  font-size: 14px;
				  text-decoration: none;
				  display: block;
				  width: 100px;
				   }
ul#clubmenu { left: 200px; z-index: 1; }
ul#kalendermenu { left: 300px; z-index: 1; }
ul#wedstrijdmenu { left: 400px; z-index: 1; }

/* div */
div#container { width: 800px;
			    border-left: 1px solid #000000;
			    border-right: 1px solid #000000;
				position: absolute;
			 	left: 50%;
			 	margin-left: -401px;
			  	 }
div#content { background-color: #ffffff;
			  padding-top: 30px }
div.white { padding: 20px;
			 }
div.white p { margin: 0;
			  margin-left: 20px;
			  padding-bottom: 10px;
			   }
div.white p a { color: #333333;
				font-weight: bold;
			 	text-decoration: none;
			  	 }

div.grey { background-color: #d7d7d7;
		   padding-left: 15px;
		    }
div.grey ul { padding: 0;
			  padding-left: 20px;
			   }

div#left_big { width: 510px }
div#left_large { width: 750px }

div#right_small { position: absolute;
				  margin-top: 0px;
				  left: 550px;
				  width: 185px;
				  z-index: 2;
				   }

div#right_big { width: 510px;
				padding-left: 255px;
				 }

div#left_small { position: absolute;
				 margin-top: 0px;
				 left: 25px;
				 width: 185px;
				  }
div#right_medium { width: 325px;
				   padding-left: 400px;
					}

div#left_medium { position: absolute;
				  margin-top: 0px;
				  left: 25px;
				  width: 325px;
				   }

div.game { margin-left: 25px; }

/* table */
table#kalender { border: 1px solid;
				 border-spacing: 0; }
table#kalender td { width: 70px;
					border-right: 1px solid;
					border-top: 1px solid;
					 }
table#kalender tr.inhoud td { height: 50px }
table#kalender th { background-color: #d7d7d7; }
table#kalender td:last-child { border: 0; border-top: 1px solid; }
div.rood { color: #ff0000; }
div.paars { color: #800080; }
div.zwart { color: #000000; }
div.blauw { color: #0008b; }
div.groen { color: #008000; }
div.oranje { color: #ff6600; }