body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:10pt;
	margin:0px; 
	padding:0;
	background:#FFF;
	color: black;
}

img {
	border: 0;
}

a {
	color: black;
	text-decoration: none;
}

a:hover {
	text-decoration: none;
}

/* Het blok wat alles bij elkaar houdt*/
#container {
	width: 790px;
	margin: 0 auto; 
}

#header {
	overflow: hidden;
	padding: 20px 0 10px 0;
	text-align: center;
}

/* Het logo positioneren */ 
#header #logo {
	float: left;
	width: 310px;
	overflow: hidden;
}

/* De reclame positioneren */ 
#header #reclame_links, #header #reclame_rechts {
	float: left;
	width: 240px;
	overflow: hidden;
}

/* Het menu */ 
#topmenu {
	background: #990033;
	border-bottom: #3347FF 2px solid;
	height: 30px;
}

/* 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: #ff0000;
}

/* De menu link als hij geselecteerd is */
#topmenu ul li .selected {
	background: #ff0000; 
}

/* //////////////////////////////////////// */
/* 				Kolommen					*/
/* //////////////////////////////////////// */

/* Het element waar de categorie�n inzitten */
#content {
	padding: 10px 0 20px 0; 
}

/* Een aantal eigenschappen van kolom 1 t/m 3 */
#kolom4,#kolom2,#kolom3 {
	width: 210px;
	float: left;
}

/* Een aantal eigenschappen van kolom 4 */
#kolom1 {
	float: left;
	width: 160px;
}

#catWelkom {
	float: left;
	width: 623px;
}

/* //////////////////////////////////////// */
/* 			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;
}

.curl {
	width: 16px;
	height: 16px;
	float: right;
	margin: -1px -1px 0 0;
}


/* //////////////////////////////////////// */
/* 				KLEUR 1						*/
/* //////////////////////////////////////// */


/* De opmak van de titel balk van kleur 1 */
.kleur1 .titel {
	background: #FF001A;
	font-weight: bold;
	padding: 1px; 
}

.kleur1 .curl {
	background: url(../inc/ImageCurl.php?bg_color=FFF&front_color=FF001A);
}

/* Het vak waar de links in staat van de categorie */
.kleur1 .links {
	background: #FFC7CD; /* Achtergrond */
	padding: 3px;
}

/* De opmaak van de links van kleur 1 */
.kleur1 a {
	color: Black;
}

/* Opmaak van de links met muis over de link */
.kleur1 a:hover{
	text-decoration: none;
}

/* Opmaak van het woordje 'tip' achter een link aan */
.kleur1 .tip {
	font-size: 0.8em;
	font-style: italic;
	font-weight: bold;
	color: gray; 
}

/* Opmaak van het woordje 'nieuw' achter een link aan */
.kleur1 .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: #FF0099;
	font-weight: bold;
	padding: 1px; 
}

.kleur2 .curl {
	background: url(../inc/ImageCurl.php?bg_color=FFF&front_color=FF0099);
}

/* Het vak waar de links in staat van de categorie */
.kleur2 .links {
	background: #FFCCEB;
	padding: 3px; 
}

/* De opmaak van de links van kleur 2 */
.kleur2 a {
	color: Black;
}

/* Opmaak van de links met muis over de link */
.kleur2 a:hover{
	text-decoration: none;
}


/* Opmaak van het woordje 'tip' achter een link aan */
.kleur2 .tip {
	font-size: 0.8em;
	font-style: italic;
	font-weight: bold;
	color: red;
}

/* Opmaak van het woordje 'nieuw' achter een link aan */
.kleur2 .nieuw {
	font-size: 0.8em;
	font-style: italic; 
	font-weight: bold; 
	color: red; 
}

/* //////////////////////////////////////// */
/* 				KLEUR 3						*/
/* //////////////////////////////////////// */

/* De opmak van de titel balk van kleur 3 */
.kleur3 .titel {
	background: #FF8533; 
	font-weight: bold; 
	padding: 1px; 
}

.kleur3 .curl {
	background: url(../inc/ImageCurl.php?bg_color=FFF&front_color=FF8533);
}

/* Het vak waar de links in staat van de categorie */
.kleur3 .links {
	background: #FFE0CC; /* Achtergrond */
	padding: 3px;
}

/* De opmaak van de links van kleur 2 */
.kleur3 a {
	color: Black; 
}

/* Opmaak van de links met muis over de link */
.kleur3 a:hover{
	text-decoration: none; 
}

/* Opmaak van het woordje 'tip' achter een link aan */
.kleur3 .tip {
	font-size: 0.8em; 
	font-style: italic; 
	font-weight: bold; 
	color: bleu; 
}

/* Opmaak van het woordje 'nieuw' achter een link aan */
.kleur3 .nieuw {
	font-size: 0.8em; 
	font-style: italic; 
	font-weight: bold; 
	color: blue; 
}

/* //////////////////////////////////////// */
/* 				Footer						*/
/* //////////////////////////////////////// */


.error{
	color: red;
	font-size: 0.8em; 
}

#footer{
	padding-top: 20px; 
	clear: left; 
	text-align: center; 
}

/* De lijn */
#footer hr {
	color: #3347FF; 
	background: #3347FF; 
	height: 1px; 
}

