body {
	background-color: black; margin: 0px; 
	font-family: Verdana, Helvetica, sans-serif; 
	line-height:130%; 
	color:black;
	font-size: 70%;
}

#containsAll { 
	position:absolute; left:50%; margin-left:-396.5px; width: 793px; top:0px; margin-top:0px; text-align:left; 
	background-color: #ffcc00; 
}

#logo { position: absolute; left: 30px; top: 67px; }

#content {
	/* relative t.o.v. #containsAll. Hierdoor komt de onderrand op de goede plek, namelijk na de content. Het volgende element
	verschijnt op de plek na dit element, zonder acht te slaan op positie. Voor de duidelijkheid verticaal niet positioneren: 
	Absolute positioned boxes have no impact on the layout of later siblings.
	Deze div beslaat ruimte tot aan de onderrand-div*/
	position: relative; 
	top:183px;	/* toegevoegd juni 2008, om verspringen te voorkomen */
	margin-left: 30px;
	margin-right: 0px;
	margin-bottom: 40px;
	/* margin-top:183px;
width:490px;
	margin-top:100px; werkt alleen in ff? Lijkt een IE-bug. */

	/* Het volgende element	verschijnt op de plek na dit element, zonder acht te slaan op positie.
	Voor de duidelijkheid verticaal niet positioneren: 
	top:0px;*/
width:490px;
	/* Totale hoogte 620px - ondermarge. Groeit vanzelf aan bij meer inhoud. Maar niet bij FF. Die houdt hoogte vast.
	height: 580px;	*/

	/* Rare truc: Zonder een border laat FF div niet bovenaan beginnen, maar pas bij tekst.
	Alleen ligt div dan over de knoppen en kunnen die nietmeer bediend worden.
	border-top:dashed 1px #c4c5c7;*/
	
	/* background-color: green; */
}

#content p, #content div
{
	width: 490px;
}

#instrumenten p
{
	width:160px;
}

#kader
{
	position:absolute;
	left:653px;
	top:182px;
}

#kaderContent
{
	/* Beslaat vlak kader incl. bovenrand, excl. onderrand */
	position:relative; 
	top:-3px;
	background:url('images/KaderRandLinks.gif') black;
	padding:0px;
	
	/* FF bug. Til z-index omhoog anders ziet div de muis niet */
	z-index:99;
	
}

#kaderContent p, #kaderContent div
{
	/* 	tekst in kader moet in een container, anders krijg je de lijning niet goed,
	 *	en komt de kaderlijn niet goed te staan
	 */
	margin-left:9px;
	margin-right:1px;
	margin-bottom:7px;
	margin-top:6px;
}
#kaderContent p {	padding:7px 0; }

h2
{
	font-size:100%;
	font-weight: bold;
	color:black;
	margin: 6px 4px 0px 0px;
}


table h2, table p
{
	font-size:70%;
}

h1
{
	font-size:100%;
	font-weight: bold;
	color:black;
	margin: 6px 4px 0px 0px;
}

a { color:rgb(112,112,112); text-decoration:none; }
a:hover { color:rgb(112,112,112); text-decoration:underline; }

#kaderContent p {color:white;}

#kaderContent h1, #kaderContent h2
{
	margin-left:6px;
	color:#ffcc00;	
}

#kaderContent a {color:#ffcc00 }

.contactKnop {
	font-weight: bold;
	color:rgb(112,112,112);
}

.hoofdtekst {
	width:450px;
	margin-left:6px;
}

#blauwBalk {
	position: absolute;
	left: 32px;
	top: 565px;
	width: 761px;
	height: 18px;
	background-color: #00779d; 
}

.balktekst
{
	color: white;
	font-size:11px;
	font-weight:bold;
	margin:1px 5px;
}

#instrumenten
{
	width: 190px;
}

p.geenmarge
{
	margin-top:0px;
}

/* purchase knop op sectie pagina (synthmaker) */
.purchase
{
	font-weight:bold;
}