/* Algemeen */
body {
	width			: 100%;
	text-align		: center;
	background		: #000000;
}

body, div {
	font-family        : verdana, arial, "sans-serif";
	border             : 0;
	margin             : 0;
	padding            : 0;
}

p, form {
	margin				: 0;
	padding				: 0;
}

div#maindiv1 {
	text-align			: center;
	margin-top			: 30px;
}

/* Top */
div#top {
	background			: url(IMG/header-background.gif) no-repeat 0 -12px;
	width				: 1000px;
	height				: 145px;
	margin				: 0 auto 0 auto;
	overflow			: hidden;
}

div#top img#toplogo {
	float				: left;
	margin				: 37px 0 0 55px;
	width              	: 250px;
	height             	: 100px;
}

div#top img#topbbnt {
  float					: left;
  margin				: 37px 0 0 25px;
  height				: 100px;
  width					: 400px;
}

div#subtop {
	float				: left;
	width				: 240px;
	height				: 600px;
	margin				: 0 auto;
	padding				: 5px 0 5px 0;
}

div#voet {
	width				: 1000px;
	margin				: 0;
	padding				: 0;
	clear				: both;
}

div#links {
	padding-top        : 5px;
	padding-bottom     : 5px;
	color              : #663433;
	font               : 10px verdana, arial, sans-serif;
}

div#links a {
  color              : #663433;
  text-decoration    : none;
}

div#links a:hover {
  color              : #505027;
}

div#leeg {
	clear				: both;
	height				: 20px;
}

/* Pagina-frame */
div#frame {
	background				 : url(IMG/bladmuziek.jpg) repeat;	/* url(IMG/bg-frame.jpg) repeat-y; */
	clear					 : both;
	width					 : 1000px;
	margin					 : 0 auto;
	overflow				 : hidden;
}

div#page {
	background				: white url(IMG/hoek-rb.gif) no-repeat right top;
	width					: 700px;
	float					: right;
	margin					: 30px 40px 10px 0;
}

div#fotoframe {
  margin             : 0;
  padding            : 50px 10px 0 10px;
  xwidth              : 774px;
  xheight             : 440px;
  text-align         : center;
}

div#pictogrammen {
  width					 		 : 500px;
	margin             : 0 auto;
  padding            : 0 0 20px 0;
}

div#pictogrammen ul {
  list-style-type    : none;
}

div#pictogrammen li {
  float              : left;
  margin             : 0;
  padding            : 0 3px 0 3px;
}

div#pictogrammen img {
  border             : 1px solid black;
  width              : 75px;
  height             : 50px;
}

/* Tekst-positionering */
.welkomstitel {
  text-align         : center;
  margin             : 0;
  padding            : 40px 0 40px 0;
}

.paginatitel {
  text-align         : right;
  margin             : 0;
  padding            : 25px 45px 20px 0;
}

.alineatitel {
  text-align         : left;
  margin             : 0;
  padding            : 15px 45px 0 45px;
}

.alineatekst {
  text-align         : left;
  margin             : 0;
  padding            : 15px 45px 15px 60px;
}

.nieuwstitel {
  text-align         : left;
  margin             : 0;
  padding            : 5px 30px 0 30px;
}

.nieuwsdatum {
  font-size          : 10px;
  text-align         : left;
  margin             : 0;
  padding            : 0 30px 0 30px;
}

.nieuwstekst {
  text-align         : left;
  margin             : 0;
  padding            : 10px 30px 30px 30px;
}

.formulier {
  text-align         : right;
  margin             : 0;
  padding            : 30px 175px 15px 15px;
}

div.foto {
  text-align         : center;
}

div.foto img {
}

img#foto {
  width              : 500px;
}

/* Tekst opmaak */
h1 {
  font               : 25px verdana, arial, sans-serif;
  color              : #996666; /* bruin */
}

h2 {
  font               : 18px verdana, arial, sans-serif;
  color              : #669966; /* groen */
}

h3 {
  font               : 14px verdana, arial, sans-serif;
  color              : #006699; /* blauw */
}

p {
  font               : 13px/20px verdana, arial, sans-serif;
} 

textarea {
  font               : 13px/20px verdana, arial, sans-serif;
}

/* Navigatie-menu */
div#navigatie {
	background			: url(IMG/bg-menu.gif) no-repeat;
	float				: left;
	width				: 200px;
	height				: 430px;
	margin				: 25px 0 0 40px;
	clear				: both;
}

div#navigatie ul {
	margin				: 40px 0;
	padding				: 5px;
	list-style-type		: none;
	font				: bold 11px verdana, arial, sans-serif;
}

div#navigatie ul li {
	margin				: 10px 0 0 20px;
	width				: 150px;
}

div#navigatie ul li a {
	display				: block;
	text-decoration		: none;
	color				: #663433;
	border				: 2px solid #505027;
	padding				: 3px 10px 3px 10px;
}

div#navigatie ul li a:hover {
	color				: #505027;
}

div#navigatie ul li.actief a {
	color				: #505027;
}

iframe#player {
  margin             : 0 auto;
  width              : 454px;
  height             : 349px;
}

/* GASTENBOEK */

table.gastboek {
	width			: 500px;
	margin-left		: 100px;
	margin-bottom	: 20px;
	border			: 1px solid black;
}

table.gastboek tr {
	background-color	: #505027;	
}

table.gastboek td.titel {
	font-size			: 14px;
	color				: white;
	background-color	: #505027;	
}

table.gastboek td.bericht {
	font-size			: 12px;
	color				: black;
	background-color	: white;
}

table.gastboek td.naam {
	font-size			: 11px;
	color				: #663433;
	background-color	: white;
	text-align			: right;
}

table.gastboek td.timestamp {
	font-size			: 10px;
	color				: #663433;
	background-color	: white;
	text-align			: right;
}

div.links {
	font-size			: 12px;
	color				: black;
	padding				: 15px;
}

div.links a {
	font-size			: 12px;
	color				: black;
}