body {font-family: Arial, Helvetica, sans-serif; background-color:black; background-image:url(images/ymad.gif)}
p {	font-size: 14px;color:white;line-height:16px;padding: 10px 40px 10px 20px;}
h1 {font-size: 30px;color:white;}
h2 {font-size: 16px;font-weight: bold;color: white;letter-spacing:0px;}
h3 {font-size: 18px; padding: 0 10px 0 20px;}
h5 {font-size: 48px;color: black;}
h6 {font-size: 12px; color:black; line-height:140%;}
.intro2 {font-size: 20px;color: #FFFFFF;background-color: #000000;text-decoration: underline;}
.trans {background-color: #00FF;filter: alpha(opacity=60);-moz-opacity: 0.6;opacity: 0.6;}
.Cc {font-size: 18px;font-style: italic;line-height: 120%;color: #000000;padding-right: 10px;}
li {font-size: 13px;color:lightgrey;}
#name {font-size: 30px;}
#content .jwquote {color:#000; background-color:#00FFFF; font-size:12px; line-height: 12px; font-style:italic; font-weight:bold; padding: 10px 20px; margin: 0 20px;}
#content .basquote {color:#000; background-color:#FFFF00; font-size:12px; line-height: 12px; font-style:italic; font-weight:bold;  padding: 10px 20px; margin: 0 20px; }
#content .remcoquote {background-color: #00FF00;	color: #000; font-size:12px; line-height: 12px; font-style:italic; font-weight:bold;  padding: 10px 20px; margin:  0 20px;}
#content .khquote {background-color: #FF00FF; color: #000; font-size:12px; line-height: 12px; font-style:italic; font-weight:bold;  padding: 10px 20px; margin: 0 20px;}
#content h1 { margin-bottom:5px; font-size:36px;}
#content h2 { font-size: 20px; color:red; margin-bottom:5px; background-color:black;}
#content h5  {font-size: 30px;}
#content h6 {font-size:18px;font-weight:bold;margin: 10px 0 10px 20px;padding: 2px;text-align: right;}
#content ul li { line-height: 160%; padding: 0; margin:0; padding: 0px 40px 0 0;}
ul {
	list-style-type:square;
	list-style-image: url(images/Smilie.gif);
}
li h2 {
	list-style-type:square;
	list-style-image: url(images/Smilie_2.gif);
}
big {font-size:60px;}
/*Backgrounds*/
.backgr_wit {background-color:#FFFFFF}
.backgr_geel {background-color:#FFFF00}
.backgr_geel_plus {background-color:#000000; background-image:url(images/smilies/sm69-2-still.gif)}
.backgr_geel_anim {	background-color:#FFFF00;	background-image:url(images/smilies/sm69-2.gif);	background-repeat: repeat-x;}
.backgr_magenta {background-color:#FF00FF}
.backgr_magenta_plus {	background-color:#000000;	background-image: url(images/smilies/two_cheers-still.gif);}
.backgr_magenta_anim {	background-color:#FF00FF; background-image: url(images/smilies/two_cheers.gif); background-repeat: repeat-x;}
.backgr_groen {background-color:#33FF00}
.backgr_groen_plus {background-color:#000000; background-image:url(images/smilies/bouncy-2-still.gif)}
.backgr_groen_anim {background-color:#33FF00; background-image:url(images/smilies/bouncy-2.gif); background-repeat: repeat-x;}
.backgr_cyaan {	background-color: #00FFFF;}
.backgr_cyaan_plus {background-color: #000000;	background-image: url(images/smilies/shocking-3-still.gif);}
.backgr_cyaan_anim {	background-color: #00FFFF;	background-image: url(images/smilies/shocking-3.gif);	background-repeat: repeat-x;}
.top { font-size:9px; color:#FFFFFF; font-style:italic; letter-spacing:1px;}

/* Transparantie
@media screen 
{
#topname h1, #topgoto h1, #footer, #colofon, #home1, #home2, #home3, #home4, #home5, #home6, #home7, #home8, 
{ 	background-color: #000000;
	filter: alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6; }
} */

.backroll {
	background-color:#000000;
	border-color: #E3EBF3;
	border-style: solid;
	border-width: 1px;
	border-color: red;
}
.backroll:hover, .backroll:active {color:#FF0000;	background-color: #000000;}
.homebackroll {	background-color:#FF0000;border-color: #CCCCCC;border-style: solid;border-width: 1px;color: #FFFFFF; }
.homebackroll:hover, .backroll:active {color:#FFFFFF;background-color: black;}
.backroll_plain {
	background-color:#000000;
	border-color: #E3EBF3;
	border-top: 1px solid red;
}


a.h1:link {	color: white;	text-decoration: none;}
a.h1:visited {	color: white;	text-decoration: none;}
a.h1:hover {color: red;	text-decoration: none;}
a.h1:active {color: red;text-decoration: none;}
a.black:link {	color: black;	text-decoration: none;}
a.black:visited {	color: black;	text-decoration: none;}
a.black:hover {color: red;	text-decoration: none;}
a.black:active {color: red;text-decoration: none;}


#content a:link, a:visited, a:hover, a:active { color: #FF0000; font-weight:bold; text-decoration:underline;}
#content a.top:link, a.top:visited, a.top:hover, a.top:active {font-size:9px; color:#CCCCCC; font-style:italic; letter-spacing:1px;}
#nav a:link, a:visited, a:hover, a:active {font-size: 100%;}

.red {color:#FF0000;}
.grey {color:#333333;}
.cyaan {color: #FF00FF;}
.geel {color: #00CCFF;}
.groen {color: #33FF00;}
.paars {color: #00FF00;}

/* De 4 cases - JW */
.jw {color: #FF00FF;background-color: #00FFFF;}
#nav a.jw:link, a.jw:visited {color: #FF00FF;background-color: #00FFFF;text-decoration:none;}
#nav a.jw:hover {color: #00FFFF;	background-color: #FF00FF;	text-decoration: none;}
#nav a.jw:active {color: #000;text-decoration: none;}
#content a.jw:link, a.jw:visited {color: #000000;background-color: #00FFFF;text-decoration:none;}
#content a.jw:hover {color: #00FFFF;background-color: #FF00FF;text-decoration: none;}
#content a.jw:active {color: #000;text-decoration: none;}

/* De 4 cases - BAS */
.bas {color: #00CCFF;background-color:#FFFF00;}
#nav a.bas:link, a.bas:visited {color:#00FFFF; background-color:#FFFF00; text-decoration:none;}
#nav a.bas:hover { color:#FFFF00; background-color:#00FFFF; text-decoration:none;}
#nav a.bas:active {color:#000000; text-decoration:none;}
#content a.bas:link, a.bas:visited {color:#000000; background-color:#FFFF00; text-decoration:none;}
#content a.bas:hover { color:#FFFF00; background-color:#00FFFF; text-decoration:none;}
#content a.bas:active {color:#000000; text-decoration:none;}

/* De 4 cases - REMCO */
.remco {color: #33FF00;background-color: #00FF00;}
#nav a.remco:link, a.remco:visited {background-color: #00FF00;	color: #FFFF00;	text-decoration:none;}
#nav a.remco:hover {	background-color:  #FFFF00;	color:#00FF00;	text-decoration:none;}
#nav a.remco:active {color:#000000; text-decoration:none;}
#content a.remco:link, a.remco:visited {	background-color: #00FF00;	color: #000000;	text-decoration:none;}
#content a.remco:hover {	background-color:  #FFFF00;	color:#000000;	text-decoration:none;}
#content a.remco:active {color:#000000; text-decoration:none;}

/* De 4 cases - KH */
.kh {color: #00FF00; background-color: #FF00FF;	}
#nav a.kh:link, a.kh:visited {	background-color: #FF00FF;	color: #00FF00; text-decoration:none;}
#nav a.kh:hover {	background-color:#00FF00 ;	color: #FF00FF; text-decoration:none;}
#nav a.kh:active {color:#000000; text-decoration:none;}
#content a.kh:link, a.kh:visited {	background-color: #FF00FF;	color: #000000; text-decoration:none;}
#content a.kh:hover {	background-color:#00FF00 ;	color: #FF00FF; text-decoration:none;}
#content a.kh:active {color:#000000; text-decoration:none;}
