/* Stylesheet by RVD
http://www.rvd-design.nl

#f0f0f0 = White [Winter Skin]
#366A98 = Darkblue [Winter Skin (BG)]
#808080 = LightGrey [Winter Skin (Text)]
#d8f7af = LightGreen [Campagne (H1)]
#94c258 = Green [Campagne (H2), Absenten Registratie (BG,hover)]
#FBF89C = LightYellow [Digitaal Portfolio (BG)]
#FAC011 = Orange [Digitaal Portfolio (TH)]
crimson = Red [Jigokutsushin (link hover, H1)]
skyblue = Blue [Anime Home, ROC ICTers (TABLE BG)]
orange =  Orange [Digitaal Portfolio (link hover)]
*/
html { overflow-x: hidden; overflow-y: auto; }

form { display:inline; }
img  { vertical-align:middle; border:0px }
BODY { font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 10px; color: #808080; margin:0px 10px 0px 10px;background-color:#FFFFCC }
TABLE, THEAD, TD, TH { background: #FFFFCC; font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 10px; color: #808080; border-width: 1px; border-color: #000000; border-style:solid; }

a:link, a:visited, a:active { text-decoration: none; color: black }
a:hover { color: #94c258; text-decoration:underline }

.forminput, .textinput { font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 11px; color: #808080; border: 1px solid #d0d0d0; }
.radiobutton, .checkbox  { font-size: 11px; font-family: verdana, helvetica, sans-serif; vertical-align: middle }

#container { 
	margin-left: auto;
   	margin-right: auto;
   	width: 950px;
}

#QUOTE { font-family: Verdana, Arial; font-size: 10px; color: #a0a0a0; background-color: #fff; border: 1px solid #d0d0d0; border-left: 3px dotted #d0d0d0; padding-top: 2px; padding-right: 2px; padding-bottom: 2px; padding-left: 2px }

#CODE  { font-family: Courier, Courier New, Verdana, Arial;  font-size: 11px; color: #a0a0a0; background-color: #fff; border: 1px solid #d0d0d0; border-left: 3px dotted #d0d0d0; padding-top: 2px; padding-right: 2px; padding-bottom: 2px; padding-left: 2px }

.green  {color:green;}
.red    {color:red;}
.yellow {color:yellow;}
.purple {color:purple;}
.blue   {color:blue;}
.orange {color:orange;}
.gray	{color:gray;}
.black	{color:black;}
.white	{color:white;}
.pink 	{color:pink;}
.pinkbg {background:pink;}
.bold   {text-decoration:bold}

.logo		{font-family: Verdana; color: #366A98 ; font-size:28px;}
.text		{font-family: Verdana; color: #808080 ; font-size:10px;}
.bluetext	{font-family: Verdana; color: #366A98 ; font-size:10px;}
.bluehead	{font-family: Verdana; color: #366A98 ; font-size:12px;}
.redhead	{font-family: Verdana; color: crimson ; font-size:12px;}
.greenhead	{font-family: Verdana; color: #94c258 ; font-size:12px;}

scroll {
		scrollbar-3dlight-color:#568FC2;
	   	scrollbar-arrow-color:366A98;
		scrollbar-base-color:#FFFFFF;
		scrollbar-track-color:#FFFFFF;
		scrollbar-darkshadow-color:366A98;
		scrollbar-face-color:#E6E5E5;
		scrollbar-highlight-color:#FFFFFF;
		scrollbar-shadow-color:#366A98;
		/* margin-left: 1px /*
		/* overflow: auto; */
}

h1
{
	font-size:      16px;
	font-weight:    normal;
	color:          #366A98;
	font-family: 	Verdana;
}

h2
{
	font-size:      14px;
	font-weight:    normal;
	color:          #d8f7af;
	font-family: 	Verdana;
}

h3
{
	font-size:      10px;
	font-weight:    bold;
	color:          #94c258;
	font-family: 	Verdana;
}

h4
{
	font-size:      10px;
	font-weight:    bold;
	color:          #366A98;
	font-family: 	Verdana;
}

.tablehead 
{
	background: #366A98;
	color: #f0f0f0;
	font-weight:bold;
	text-align: center;
	border: #808080
}

.maintitle
{
	background-image: url(http://www.azupload.com/displayImage.php/setid7768.png);
	color: #f0f0f0;
	font-weight:bold;
	font-size: 11px;
	vertical-align:middle;
	font-weight:bold; 
	letter-spacing:1px; 
	padding:8px 0px 8px 20px; 
	background-color: #f0f0f0
}

.dropdown 
{ 
	background-color: #FFFFFF; 
	color: #000; 
	font-size:10px; 
	font-family: Verdana, Arial, Sans-Serif; 
	padding:2px;  
	border:2px inset #BCD0ED; 
}

/* Put this inside a @media qualifier so Netscape 4 ignores it */
@media screen, print { 
	/* Turn off list bullets */
	ul.mktree  li { list-style: none; } 
	/* Control how "spaced out" the tree is */
	ul.mktree, ul.mktree ul , ul.mktree li { margin-left:10px; padding:0px; }
	/* Provide space for our own "bullet" inside the LI */
	ul.mktree  li           .bullet { padding-left: 15px; }
	/* Show "bullets" in the links, depending on the class of the LI that the link's in */
	ul.mktree  li.liOpen    .bullet { cursor: pointer; background: url(../images/minus.gif)  center left no-repeat; }
	ul.mktree  li.liClosed  .bullet { cursor: pointer; background: url(../images/plus.gif)   center left no-repeat; }
	ul.mktree  li.liBullet  .bullet { cursor: default; background: url(../images/bullet.gif) center left no-repeat; }
	/* Sublists are visible or not based on class of parent LI */
	ul.mktree  li.liOpen    ul { display: block; }
	ul.mktree  li.liClosed  ul { display: none; }
	/* Format menu items differently depending on what level of the tree they are in */
	ul.mktree  li { font-size: 8pt; }
	ul.mktree  li ul li { font-size: 8pt; }
	ul.mktree  li ul li ul li { font-size: 8pt; }
	ul.mktree  li ul li ul li ul li { font-size: 6pt; }
}