* {
	margin: 0;
	padding: 0;}


/* ----------BASIC LAYOUT---------- */

body {
	text-align: center;
	font-family: "Lucida Grande","Lucida Sans Unicode",Arial,sans-serif;
	color: #fff;
	font-size: 0.7em;
	background: #366195; }


#wrapper {
	width: 767px;
	position: absolute;
	left: 50%;
	margin-left: -383px; 
	background: #002653 url(body-bg.gif) repeat-x 0 185px;}
	
#header {
	width: 767px;
	background: #002653 url(header.jpg) /* no-repeat -60px 0 */ ; 
	height: 230px;}
	
#menu {
	float: left;
	width: 210px;
	padding: 3px 0 60px 0;
	text-align: left;
	margin-bottom: 20px;
	display: inline;}  /* fixes the IE doubled margin bug */

#content {
	float: left;
	width: 536px;
	margin: 0 20px 19px 0px;
	padding: 3px 0 20px 0;
	text-align: justify;
	line-height: 175%;
	border-left: 1px solid #001639;
	display: inline;}  /* fixes the IE doubled margin bug */
	
#wrapper #content h3.divtitle, #wrapper #menu h3.divtitle {
	margin: 0 3px 15px 3px;
	text-align: left;
	font-size: 1.1em; 
	letter-spacing: 0.1em;
	color:  #001639;
	background-color: #b7cbef; 
	padding: 4px;
	height: 20px;}

#wrapper #menu h3.divtitle {
	margin-left: 23px;
	margin-right: 20px;} 

h1 {
	margin-left: -9999px;}


/* ----------CONTENT, MORE SPECIFIC---------- */

/*general*/

hr {
	margin-left: 5px;
	background-color: #001639;}

#content div.mailing {
	width: 240px;
	margin: 10px 0 0 10px;
	display: inline;
	float: right;
	background-color: #366195;
	border: 1px solid #001639;
	text-align: center;
	font-weight: bold;
	color: #001639;
	padding-top: 5px;
	padding-bottom: 5px;}

#menu #mailing {
	display: none;
	width: 188px;
	background-color: #366195;
	position: relative;
	left: 50%; 
	margin-left: -94px; 
	padding-top: 10px;
	padding-bottom: 10px;
	text-align: center;
	color: #001639;
	font-weight: bold;
	border: 1px solid #001639;}

#menu #mailing *, #content div.mailing * {
	margin: 0 0 2px 0;
	padding: 0;}

#wrapper #content h3 {
	color: #f06113; 
	font-size: 1.2em;
	margin: 17px 0 0 8px; 
	text-align: left;}

#content p {
	margin: 5px 3px 10px 20px;} 

#content ul {
	margin: 5px 3px 10px 35px;}

#content ol {
	margin: 5px 3px 10px 40px;}

#content p.info {
	text-transform: uppercase;
	letter-spacing: 0.1em;
	color: #366195; 
	margin-top: -5px;}

#content h5 {
	font-size: 1em;
	margin: 15px 0 0 14px;}


	

/*links*/

#content a:link {
	color: #f06113;
	text-decoration: none;
	border-bottom: 1px solid #f06113;}
	
#content a:visited {
	color: #f06113; 
	border-bottom: 1px solid #f06113;
	text-decoration: none;}
	
#content a:hover {
	color: #ccc;
	background-color: #f06113;}
	
.top {
	text-align: right;
	float: right;
	display: block;
	margin-right: 3px;}

#wrapper #content h3.divtitle a {
	color:  #001639;
	text-decoration: underline;
	border-bottom: none;}

#wrapper #content h3.divtitle a:hover {
 	color:  #001639;
	background-color: #b7cbef;
	text-decoration: none;
	border-bottom: none; }

#wrapper #content a.intern {
	border-bottom: 1px dotted #f06113;
	text-decoration: none;}



/* paragraaflinks indexpagina vrijwilligers */

#wrapper #content a.submenuitem, #wrapper #content a.submenuitem * {
	margin: 0;
	padding: 0;}

#wrapper #content a.submenuitem p {
	margin: 0 3px 0 20px;
	padding: 5px 0 10px 0;}

#wrapper #content a.submenuitem h3 {
	margin: 0 0 0 8px; 
	padding: 5px 0 0 0;}

#wrapper #content a.submenuitem {
	border: 0;
	color: #ccc;
	display: block;
	padding: 0px 0 10px 0;
	margin: 0;}

#wrapper #content a.submenuitem:hover {
	background-color: #366195;
	border: 1px solid #001639;
	margin: -1px;}



#wrapper #content a.submenuitem:link p.klikgebied span {
	border-bottom: 1px solid #f06113;
	color: #f06113;
	display: inline;
	margin: 0;
	padding: 0;}

#wrapper #content a.submenuitem:visited p.klikgebied span {
	border-bottom: 1px solid #f06113;
	color: #f06113;}



#wrapper #content a.submenuitem:hover p.klikgebied span {
	color: #ccc;
	background-color: #f06113;}

	
/* ----------MENU, MORE SPECIFIC---------- */


#menu ul {
	list-style: none;
	margin: 15px 0 40px 28px; /* 8 ipv 28 rrr */
	font-size: 1.1em;
	text-align: left;
	width: 144px;}

#menu ul li {
	border-bottom: 1px solid #366195; }

#menu ul li a {
	display: block;
	width: 131px; /* 144 - 3px border - 10px padding */
	text-decoration: none;
	padding: 5px;
	padding-left: 8px; /* 3px extra to simulate transparent border (cf. the orange one on hovering) */
	color: #ccc;}

#menu ul ul {
	font-size: 1.0em;
	margin: 0;}  

#wrapper #menu ul ul li {
	border-top: 1px solid #366195;   
	border-bottom-color: #002653;} 

#menu ul ul li a{
	margin-left: 15px;
	width: 116px;} /* (131-15) */

#wrapper #menu a:hover {  
	color: #fff;
	padding-left: 5px;
	border-left: 3px solid #e7521e;} 

#menu li.current a, #menu li.currenttop a, #menu li.submenuindex a {
	cursor: default;
	color: #fff;
	padding-left: 5px;
	border-left: 3px solid #e7521e;}

#menu li.currenttop a {
	cursor: pointer;}

#menu li.currenttop li a, #menu li.submenuindex li a {
	padding-left: 8px; /* 3px extra to simulate transparent border (cf. the orange one on hovering) */
	border-left: 0;
	color: #ccc;
	cursor: pointer;}

#menu ul ul li.current a {
	cursor: default;
	color: #fff;
	padding-left: 5px;
	border-left: 3px solid #e7521e;} 

#menu p {
	margin-bottom: 10px;
	text-align: center;}


/* --------- TABLES -------------- */

#wrapper #content table {
	margin: 5px 3px 10px 20px;
	border-collapse: collapse;}

#wrapper #content table.vrijwilliger {
	margin-right: 0;
	text-align: left;
	line-height: 100%;
	margin-top: 10px;}

th.naam {
	padding-bottom: 10px;
	font-weight: bold;}

th, td {
	vertical-align: top;
	font-weight: normal;}

td.datum {
	padding-right: 10px;
	padding-left: 20px;
	width: 100px;
	vertical-align: baseline;}

td {
	padding-bottom: 10px;}

table.openingsuren td {
	padding-bottom: 0;}

table.openingsuren th {
	width: 90px;}


th.datum {
	width: 120px;
	text-align: left;}

td.voetbal {
	width: 70px;
	text-align: left;
	padding-left: 40px;}

th.voetbaldatum {
	text-align: right;}

th.categorie {
	padding-left: 10px;
	padding-right: 10px;
	text-align: right;}

td.invulling {
	width: 190px;
	padding-right: 10px;}

/* ------ FOTO ------ */

div.foto {
	display: inline;
	float: left;
	margin: 5px 0 10px 20px;
	width: 113px;
	height: 160px;
	text-align: left;}

#wrapper #content div.foto p {
	margin: 0;
	padding: 0;
	border-bottom: 1px solid #f06113;
	display: inline;
	color: #f06113;}

#wrapper #content div.foto img {
	display: block;
	width: 110px;
	height: 110px;
	border: 1px solid #fff /* #001639 */ ;}

#wrapper #content .foto a:link {
	border-bottom: none;}
	
#wrapper #content .foto a:visited {
	border-bottom: none;}
	
#wrapper #content .foto a:hover p {
	background-color: #f06113;
	color: #fff;
	border-bottom: none;}

#wrapper #content .foto a:hover img {
	border: 1px solid #f06113;}