*{
	padding:0; 
	margin:0;
}
html {
	display:block; 
	height:100%; 
	width:100%; 
}
body {
	background: #FF3333; 
	color: white;
	width: 900px; 
	margin: 0px auto 0px auto;
	margin-right: auto;
	margin-left: auto;
	text-align:center;
}
#menu {
	background: url(../figuren/menu.jpg) no-repeat center top;
	top:0px;
	width: 900px;
	height: 200px;
}

#blad {
	background: #CC3333;
	/*position: relative;*/ 
	top: 190px;
	/*position: absolute;
	top: 200px;*/
	/*text-align: center;*/
	width: 900px;
	/*margin: auto;*/
	padding-top: 10px; /*Dit hebben we gedaan zodat de spatie tussen het menu en h1 toch de juiste achtergrondkleur heeft. Daarom ontbreekt de margin-top:10px bij h1 */	
}

p{
	color: white;
	font-family: verdana, Arial;
}

h1{
	background: white;
	color: #CC3333;
	font-family: Verdana,Arial;
	font-size: 23px;
	margin: 0px 0px 10px 0px;
}
h2{
	background: white;
	color: #CC3333;
	font-family: Verdana,Arial;
	font-size: 18px;
	margin: 5px 0px 5px 0px;
}
h3{
	background: white;
	color: #CC3333;
	font-family: Verdana,Arial;
	font-size: 10px;
	margin: 2px 0px 2px 0px;
}
td{
	text-align: center;
	font-family: inherit;
}


.streep {
	text-decoration: line-through;
}

A.link:visited {
	text-decoration:underline;
	color: white;
}

/*A.link {
	text-decoration:underline;
	color: white;
}

A {
	text-decoration:underline;
	color: white;
}
*/
.vulop {
	border: 0px solid;
}

.datum{
	width: 200px;
	text-align: left;
	color: white;
}

.activiteit{
	width: 400px;
	text-align: left;
	color: white;
}
table {
	margin: auto;

}

.kop  {
	background: #CCCCCC;
	color: #FFFFFF
}

.rij1 {
	text-align: left;
	background: #FF8282;
	color: #FFFFFF;
}

.rij2 {
	text-align: left;
	background: #FF0000;
	color: #FFFFFF
}
.tdlinks
{
	text-align:left;
}

.tabel {
	border-collapse: collapse;
	border: solid 2px #C0C0C0;
	empty-cells: show;
	font-family: arial, verdana,  sans-serif;
	margin: auto;

}

li{
	display: block;
	color: white
}
ul{
	text-align: left;
}

.tabel tr { 
	border: solid 2px #FFFFFF;
}

.tabel td { 
	padding: 5px;
}
.leidingfotoliggend{
	height: 200px;
	border: 0;
}
.leidingfotostaand {
	width: 200px;
	border: 0;
}

/* gastenboek ----------------------------------------------------------------------------------------------------------------*/

dl {
	width: 500px;
	color: #000000;
	overflow: hidden;
	margin: 0 0 10px 0;
	padding: 0;
}
dl a {
	color: #000000;
}
dt a {
	color: #FFFFCC;
}
dt,dd {
	background: #FFEDB6;
	padding: 5px;
	text-align: left;
}
dd {
	margin: 0;
}
.dark {
	padding: 2px;
	background: #FF0000;
	color: #FFFFCC;
}

div.date {
	float:right;
}

.admin_footer{
	background: #FFFFFF;
	color: #000000;
}

.input, #captcha input {
	font-family: Arial;
	font-size: 13px;
	width: 99%;
	border:1px solid #999;
}
.fr .input {width: 237px;}
#captcha input {
	width: 70px;
	margin-left: 5px;
}
.namemetmail a {
	vertical-align: top;
	color: white;
	text-decoration:underline;
}

.date{
	vertical-align: middle;
	font-size: 14px;
	}
/* config */

#naamplaatje1 {
	width:200px;
	height:80px;
	/*Background-image: url("../figuren/naamplaatjes/naamplaatje1.png");*/
	Background-image: url("../figuren/naamplaatjes/nameplates.png");
	Background-repeat: no-repeat;
	background-position: 0px 0px;
	text-align:center;
	vertical-align:middle;
}
/* menu css -------------------------------------------------------------------------------------------------------------------*/

ul.topnav {
	font-family: verdana, Arial;
/*	position: absolute;
	top: 165px;*/
	position: relative;
	top: 163px;
	list-style: none;
	padding: 0px 0px 0px 0px;
	/*margin: 0;*/
	width: 900px;
	height: 35px;
	background: #222;
	font-size: 1em;
	background: url(../figuren/topnav_bg.gif) repeat-x;
	z-index:1;
	text-align: center;
}
ul.topnav li {
	float: left;
	margin: 0;
	padding: 0 15px 0 0;
	position: relative; /*--Declare X and Y axis base for sub navigation--*/
}
ul.topnav li a{
	padding: 10px 5px;
	color: #fff;
	display: block;
	text-decoration: none;
	float: left;
}
ul.topnav li a:hover{
	/*background: url(/figuren/topnav_hover.gif) no-repeat center top;*/
}
ul.topnav li span { /*--Drop down trigger styles--*/
	width: 17px;
	height: 35px;
	float: left;
	background: url(../figuren/subnav_btn.gif) no-repeat center top;
}
ul.topnav li span.subhover {
	background-position: center bottom;
	cursor: pointer;
} /*--Hover effect for trigger--*/
ul.topnav li ul.subnav {
	list-style: none;
	position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/
	left: 0; top: 35px;
	background: #CC3333;
	margin: 0; padding: 0;
	display: none;
	float: left;
	width: 170px;
	border: 0px solid #111;
}
ul.topnav li ul.subnav li{
	margin: 0; padding: 0;
	/*border-top: 1px solid #FFFFFF; /*--Create bevel effect--*/
	border-bottom: 1px solid #FFFFFF; /*--Create bevel effect--*/
	border-right: 1px solid #FFFFFF; /*--Create bevel effect--*/
	border-left: 1px solid #FFFFFF; /*--Create bevel effect--*/
	clear: both;
	width: 170px;
}
html ul.topnav li ul.subnav li a {
	float: left;
	width: 145px;
	background: #CC3333 url(../figuren/dropdown_linkbg.gif) no-repeat 10px center;
	padding-left: 20px;
}
html ul.topnav li ul.subnav li a:hover { /*--Hover effect for subnav links--*/
	background: #DD3333 url(../figuren/dropdown_linkbg.gif) no-repeat 10px center;
}

