/* De standaard dingen */
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:10pt;
	margin:0px; 
	padding:0;
	background:#CCFFFF;
}

/* Zo krijgen de plaatjes in een link geen rand */
img {
	border: 0;
}

/* Het blok wat alles bij elkaar houdt*/
#container {
	width: 790px;
	margin: 0 auto; 
}

/* //////////////////////////////////////// */
/* 				Header						*/
/* //////////////////////////////////////// */

/* Het logo positioneren */ 
#header #logo {
	float: left;
	width: 250px; 
	padding: 20px 0 0 0;
}

/* De titel positioneren */
#header #titel {
	margin: 50px auto 0 auto;
	width: 100px;
	text-align: center;
	float:left;
}

/* De titel opmaak */
#header #titel h4{
	margin: 0;
	padding: 0;
}

/* De reclame positioneren */ 
#header #reclame {
	float: right;
	width: 300px;
	margin: 20px 0 0 0;
}

/* //////////////////////////////////////// */
/* 				Menu						*/
/* //////////////////////////////////////// */

/* Het menu */ 
#topmenu {
	background: #00CCFF;
	border-bottom: #0099FF 1px solid;
	border-top: #0099FF 1px solid;
	height: 29px;
}

/* Zorgen dat het menu niet uit zijn voegen springt */
#topmenu ul{
	margin: 0 auto;
	padding: 0 0 0 20px;
}

/* Elk menu item */
#topmenu ul li{
	list-style: none;
	float: left;
	line-height: 10px;
}

/* De menu links */ 
#topmenu ul li a {
	color: white;
	font-weight: bold; 
	text-decoration: none;  
	padding: 10px 10px 10px 10px; 
	display: block;
}

/* De menu link met roll-over */
#topmenu ul li a:hover {
	background: #0099FF;
}

/* De menu link als hij geselecteerd is */
#topmenu ul li .selected {
	background: #0099FF; 
}

/* //////////////////////////////////////// */
/* 				Kolommen					*/
/* //////////////////////////////////////// */

/* Het element waar de categorieën inzitten */
#content {
	padding: 10px 0 20px 0; 
}

/* Een aantal eigenschappen van kolom 1 t/m 3 */
#kolom1,#kolom2,#kolom3 {
	width: 210px;
	float: left;
}

/* Een aantal eigenschappen van kolom 4 */
#kolom4 {
	float: left;
	width: 160px;
}

/* //////////////////////////////////////// */
/* 			Algemene categorieën			*/
/* //////////////////////////////////////// */

/* Opmaak van de links */
.links a {
	display: block;
	width: 100%;
}


.categorie {
	padding: 3px; 
}

/* De titel opmaak */
.titel h3 {
	margin: 0 40px 0 0; 
	font-size: 1em;
}

/* //////////////////////////////////////// */
/* 				KLEUR 1						*/
/* //////////////////////////////////////// */


/* De opmak van de titel balk van kleur 1 */
.kleur1 .titel {
	background: #0099FF;
	border-bottom: #0099FF 1px solid;
	font-weight: bold;
	padding: 1px; 
	color: white;
}

/* Het vak waar de links in staat van de categorie */
.kleur1 .links {
	background: #00CCFF;
	padding: 3px;
}

/* De opmaak van de links van kleur 1 */
.kleur1 a {
	color: White;
}

/* Opmaak van de links met muis over de link */
.kleur1 a:hover{
	text-decoration: none;
}

/* Opmaak van de link als de link al bezocht is */
.kleur1 a:visited{
	color: White;
}

/* Opmaak van het woordje 'tip' achter een link aan */
.kleur1 a .tip {
	font-size: 0.8em;
	font-style: italic;
	font-weight: bold;
	color: gray; 
}

/* Opmaak van het woordje 'nieuw' achter een link aan */
.kleur1 a .nieuw {
	font-size: 0.8em; 
	font-style: italic; 
	font-weight: bold;
	color: gray;
}

/* //////////////////////////////////////// */
/* 				KLEUR 2						*/
/* //////////////////////////////////////// */

/* De opmak van de titel balk van kleur 2 */
.kleur2 .titel {
	background: #0099FF;
	border-bottom: #0099FF 1px solid;
	font-weight: bold;
	padding: 1px; 
	color: white;
}

/* Het vak waar de links in staat van de categorie */
.kleur2 .links {
	background: #00CCFF;
	padding: 3px;
}

/* De opmaak van de links van kleur 2 */
.kleur2 a {
	color: White;
}

/* Opmaak van de links met muis over de link */
.kleur2 a:hover{
	text-decoration: none;
}

/* Opmaak van de link als de link al bezocht is */
.kleur2 a:visited{
	color: White;
}

/* Opmaak van het woordje 'tip' achter een link aan */
.kleur2 a .tip {
	font-size: 0.8em;
	font-style: italic;
	font-weight: bold;
	color: gray; 
}

/* Opmaak van het woordje 'nieuw' achter een link aan */
.kleur2 a .nieuw {
	font-size: 0.8em; 
	font-style: italic; 
	font-weight: bold;
	color: gray;
}

/* //////////////////////////////////////// */
/* 				KLEUR 3						*/
/* //////////////////////////////////////// */

/* De opmak van de titel balk van kleur 3 */
.kleur3 .titel {
	background: #0099FF;
	border-bottom: #0099FF 1px solid;
	font-weight: bold;
	padding: 1px; 
	color: white;
}

/* Het vak waar de links in staat van de categorie */
.kleur3 .links {
	background: #00CCFF;
	padding: 3px;
}

/* De opmaak van de links van kleur 3 */
.kleur3 a {
	color: White;
}

/* Opmaak van de links met muis over de link */
.kleur3 a:hover{
	text-decoration: none;
}

/* Opmaak van de link als de link al bezocht is */
.kleur3 a:visited{
	color: White;
}

/* Opmaak van het woordje 'tip' achter een link aan */
.kleur3 a .tip {
	font-size: 0.8em;
	font-style: italic;
	font-weight: bold;
	color: gray; 
}

/* Opmaak van het woordje 'nieuw' achter een link aan */
.kleur3 a .nieuw {
	font-size: 0.8em; 
	font-style: italic; 
	font-weight: bold;
	color: gray;
}

/* //////////////////////////////////////// */
/* 				Footer						*/
/* //////////////////////////////////////// */


#footer{
	padding-top: 20px; 
	clear: left; 
	text-align: center; 
}

/* De lijn */
#footer hr {
	color: #B80000; 
	background: #00CCFF; 
	height: 1px; 
}