/* 	CSS Presentatie
	-	Lettertype
	-	Teksteffecten
	-	Kleuren
*/

body {
	background-color:#888888; /* Achtergrondkleur van de pagina */
	font-family: Arial, Helvetica, sans-serif; /* Lettertype (bij afwezigheid van een font) */
	color: #CCCCCC; /* Kleur van het lettertype */
}
#container { /* Buitenste div waar alle anderen in worden geplaatst */
	border: 1px solid #888888; /* Kleur en grootte van de rand */
	background-color: #000000;
}
#top { /* Bovenste balk met naam */
	border-bottom:0; /* Kleur en grootte van de rand, onder */
	border-left:1px solid #888888; /* links */
	border-right:1px solid #888888; /* rechts */
	background-color:#000000; /* achtergrondkleur */
	
	background-position:center;
	background-repeat: no-repeat;
}
#top h1 { /* Tekst in bovenste balk */
	font-family:Arial Black, Helvetica, sans-serif; /* Lettertype */
	color: #FFFFFF; /* Kleur van lettertype */
	font-size: 1.8em; /* Grootte van de letters */
}
#top img {
	border-style:none;
}
.menublok1 { /* Kleine menublokken */
	border: 1px solid #888888; /* Kleur en grootte van de rand */
}
.menublok2 { /* Kleine menublokken */
	border: 0; /* Kleur en grootte van de rand */
	border-top: 0;
	border-bottom: 0;
}

#content h2 {
	margin: 0;
	padding: 0;
	font-size:1.6em;
	font-weight:bolder;
	text-align: center;
}
#content h3 {
	margin: 0;
	padding: 0;
	font-size: 0.7em;
	font-weight:normal;
	font-style:italic;
}
.contactlink {
	float: right;
	
}
.contactlink:link, .contactlink:visited {
	color:#CCCCCC;
	text-decoration:underline;
	font-family:Arial, Helvetica, sans-serif;
}
.contactlink:hover {
	color:#FFFF99;
	text-decoration:underline;
	font-family:Arial, Helvetica, sans-serif;
}
.backlink:link, .backlink:visited {
	color:#CCCCCC;
	text-decoration:underline;
	font-family:Arial, Helvetica, sans-serif;
}
.backlink:hover {
	color:#FFFF99;
	text-decoration:underline;
	font-family:Arial, Helvetica, sans-serif;
}

#fotocontainer { /* Container voor de 6/10 foto's */
	border: 1px solid #888888; /* Kleur en grootte van de rand */
}
#fotorow1 { /* Eerste rij met foto's */
	border-bottom: 1px solid #888888; /* Kleur en grootte van de rand, onder */
}
#fotorow2 { /* Tweede rij met foto's */
	border-top: 1px solid #888888; /* Kleur en grootte van de rand, boven */
}
.fotobox { /* Houder van een foto */
	border-right: 1px solid #888888; /* Kleur en grootte van de rand, rechts */
	border-left: 1px solid #888888; /* Kleur en grootte van de rand, links */
}
.headlink:link, .headlink:visited, .headlink:hover, .headlink {
	text-decoration:none;
	color:#FFFFFF;
}
.menublok1 img, .fotobox img {
	border-style:none;
}
/* Fadescript voor het menu */
.opacity1 {
    -khtml-opacity    : 0.7;                    /* Konquerer and Safari */
    filter            : alpha(opacity=70);      /* MSIE. */
    -moz-opacity      : 0.7;                    /* Mozilla. */
    opacity           : 0.7;                    /* This one is the official CSS3 method, at the moment it works in Mozilla version 1.5 and above.*/ }

.opacity2 {
    -khtml-opacity    : 1;
    filter            : alpha(opacity=100);
    -moz-opacity      : 1;                      /* This one works in older versions of Mozilla. */
    opacity           : 1;
}
/* Einde van het Fadescript */
ul li {
	list-style-type:circle;
	font-family:Arial, Helvetica, sans-serif;
	color:#CCCCCC;
}
ul li a:link, ul li a:visited {
	text-decoration:none;
	color:#CCCCCC;
}
ul li a:hover {
	text-decoration:underline;
	color:#FFFFCC;
}
input, textarea {
	border: 1px solid #000000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:small;
}
table {
	margin: 0;
	padding: 0;
}
.small, .small:link, .small:visited {
	text-decoration:none;
	color:#CCCCCC;
	font-size:small;
}
.small:hover {
	text-decoration:underline;
	
}
.sanlink:link, .sanlink:visited {
	color:#CCCCCC;
	text-decoration:underline;
	font-family:Arial, Helvetica, sans-serif;
}
.sanlink:hover {
	color:#FFFF99;
	text-decoration:underline;
	font-family:Arial, Helvetica, sans-serif;
	

}
.footerbox {
	border: 1px solid #888888;
	border-bottom: 0;
	border-left: 0;
}
.footerboxlast {
	border: 1px solid #888888;
	border-bottom: 0;
	border-left: 0;
	border-right: 0;
}

.footerbox p, .footerboxlast p {
	text-align:center;
	font-size:small;
	margin: 0;
	padding: 0;
}
table, tr, td {
	padding: 0;
	margin: 0;
}
td p {
	padding: 0;
	margin: 0;
	text-align:right;
}
.invoer {
	width: 220px;
}