body {
 
background-image: url("achtergrond/bg.jpg"); 
background-repeat: no-repeat; 
background-attachment: fixed; 
background-position: top center 

}
a:link {
	text-decoration: none;
	color:#2A1F55;
}
a:visited {
	text-decoration: none;
	color:#2A3F55;
}
a:hover {
	text-decoration: none;
	color:#2A3F55;
    text-decoration: underline;
}
a:active {
	text-decoration: none;
	color:#2A1F55;
}	
#menu {
	FONT-SIZE: 12px;
	COLOR: #FFF;
	font-family: Arial;
	text-align: left;
	font-weight: bold;
	vertical-align: middle;

}
#menu A:link
{
	color: #000;
	TEXT-DECORATION: none;
	font-weight: bold;
	bottom: auto;
}
#menu A:visited
{
	color: #000;
	TEXT-DECORATION: none;
}
#menu A:hover
{
	color: #000;
	TEXT-DECORATION: underline;
}

.thrColLiqHdr #container {
	width: 600px;  
	height:auto 
	height:100%;
	min-height:100%; 	
	background: #FFF;
	margin: 0 auto; 
	border: 2px solid #000;
	text-align: center;
} 
.thrColLiqHdr #header {
	background: #FFF;  
} 
.thrColLiqHdr #header h1 {
	margin: 0; 
	padding: 10px 0;
}

.thrColLiqHdr #sidebar1 {
	float: left; 
	width: 22%; 
	padding: 15px 0; 
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
}
.thrColLiqHdr #sidebar2 {
	float: right; 
	width: 24%; 
	padding: 15px 0; /* binnen dit element div maakt de padding (opvulling) aan de onder- en bovenkant de visuele ruimte */
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	background-color: #FFF;

}
.thrColLiqHdr #sidebar1 p, .thrColLiqHdr #sidebar1 h3, .thrColLiqHdr #sidebar2 p, .thrColLiqHdr #sidebar2 h3 {
	margin-left: 10px; 
	margin-right: 10px;
	background-color: #FFF;
}

/* Tips voor mainContent:
1. de ruimte tussen mainContent en de zijbalken wordt gemaakt met de linker- en rechtermarge van het element div voor mainContent.
2. om het wegvallen van het zwevende element te voorkomen bij een ondersteunde minimale resolutie van 800 x 600, dienen elementen binnen het element div voor mainContent 300 pixels of kleiner te zijn (dit geldt tevens voor afbeeldingen).
3. in de onderstaande voorwaardelijke opmerking van Internet Explorer wordt de eigenschap zoom gebruikt om "hasLayout" mee te geven aan mainContent. Hiermee voorkomt men verschillende IE-specifieke bugs.
*/
.thrColLiqHdr #mainContent {
	margin: 0 26% 0 3%; /* de linker- en rechtermarge van dit element div maken de twee buitenste kolommen aan de zijkanten van de pagina. De kolomruimte blijft gehandhaafd, ongeacht de hoeveelheid inhoud die de div-elementen voor de zijbalken bevatten. U kunt deze marge verwijderen als u de tekst van het element div voor #mainContent de ruimten van de zijbalken wilt laten opvullen wanneer de inhoud in elke zijbalk eindigt. */
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.thrColLiqHdr #footer {
	padding: 0 10px; /* deze instelling voor padding (opvulling) komt overeen met de uitlijning links van de elementen binnen de div-elementen, die voorafgaan aan deze padding. */
	background:#DDDDDD;
	bottom:0;
	left: auto;
} 
.thrColLiqHdr #footer p {
	margin: 0; /* door de marges van het eerste element in de footer (voettekst) in te stellen op 0 vermijdt u het risico dat de marge wegvalt – een ruimte tussen div-elementen */
	padding: 5px 0; /* door het gebruik van padding (opvulling) voor dit element maakt u ruimte (op dezelfde manier als door middel van een marge), zonder het probleem van wegvallende marges */
	bottom:0;
	font-family: "Times New Roman", Times, serif;
}

/* Miscellaneous classes for reuse */
.fltrt { /* dit exemplaar van class kan worden gebruikt om een element aan de rechterzijde van uw pagina te laten zweven. Het zwevende element moet voorafgaan aan het element dat, op de pagina, naast het zwevende element moet staan. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* dit exemplaar van class kan worden gebruikt om een element aan de linkerzijde van uw pagina te laten zweven. Het zwevende element moet voorafgaan aan het element dat, op de pagina, naast het zwevende element moet staan. */
	float: left;
	margin-right: 8px;
}
/* .clearfloat { /* dit exemplaar van class moet op een element div of break zijn geplaatst en dient het laatste element te zijn vóór de afsluiting van een container (hoofdobject) die op zijn beurt onderliggende zwevende objecten dient te bevatten */
/* 	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;/* 
}
.thrColLiqHdr #container #mainContent p strong {
	font-weight: bold;
}
.thrColLiqHdr #container #mainContent p strong {
	font-size: 10px;
}
.thrColLiqHdr #container #mainContent p strong {
	font-size: 9px;
}
.thrColLiqHdr #container #mainContent p {
	font-weight: bold;
}
.thrColLiqHdr #container #mainContent p {
	font-weight: bold;
}