/* CSS Document */
body {
	text-align: center;
	background-color: #000000;
	color: #ffff00;
}

#frame {
	width: 92%;
	margin-top: 10px;
	text-align: left;
}

#top {
	color: #00ff00;
	background: url(images/snelstekop.jpg) #000000 no-repeat bottom left;
	margin-top: 5px;
	width: 100%;
	height: 120px;
}

#main {
	float: left;
	color: #ffff00;
	width: 72%;
	font-size: 12px;
	text-align: center;
	padding-left: 50px;
}
#main a:link { color: #ffff00; }
#main A:VISITED { color: #ffaa00; }

.mainTable TD {
	padding: 10px;
}

h1 {
	text-align: right;
	padding-top: 90px;
	font-size: large;
	font-family: 'Arial Black', serif;
	font-weight: normal;
}

.leftText {
	text-align: left;
}

.folderImage {
	border: 1px solid #FFFF00;
	width: 245px;
	height: 350px; 
}

.BorderOn	{ width:120px;
	margin-left:10px;
	border:1px solid #456789 }
.BorderOff { width:120px;
	margin-left:0px;
	border:1px solid #444444
}

.BorderOff:link		{color:#FFFF00; text-decoration:none;}
.BorderOff:visited	{color:#FFFF00; text-decoration:none;}
.BorderOff:active		{color:#FFFF00; text-decoration:none;}
.BorderOff:hover	 	{color:#000000; text-decoration:none;}

.BorderOn:link			{color:#FFFF00; text-decoration:none;}
.BorderOn:visited 	{color:#FFFF00; text-decoration:none;}
.BorderOn:active		{color:#FFFF00; text-decoration:none;}
.BorderOn:hover	 	{color:#000000; text-decoration:none;}
			 
A.mBlue:link			{color:#00CCFF; text-decoration:none;}
A.mBlue:visited	 	{color:#00CCFF; text-decoration:none;}
A.mBlue:active			{color:#00CCFF; text-decoration:none;}
A.mBlue:hover		 	{color:#FF0000; text-decoration:underline;}				

A.mGreen:link		 	{color:#00FF80; text-decoration:none;}
A.mGreen:visited		{color:#00FF80; text-decoration:none;}
A.mGreen:active	 	{color:#00FF80; text-decoration:none;}
A.mGreen:hover			{color:#FF0000; text-decoration:underline;} 

A.mYellow:link			{color:#FFFF00; text-decoration:none;}
A.mYellow:visited 	{color:#FFFF00; text-decoration:none;}
A.mYellow:active		{color:#FFFF00; text-decoration:none;}
A.mYellow:hover	 	{color:#000000; text-decoration:none;}

TABLE.referentieTable {
	border-spacing: 2px;
	width: 100%;
	margin: 0;
	padding: 0;
}

TR.referentieRow {
	background-color: #222222;	
}

TD.referentieNaam {
	width: 25%;
	text-align: right;
	padding: 3px;		
}

TD.referentiePlaats {
	text-align: left;
	padding: 3px;	
	padding-left: 5px;	
}

/* CSS Mail Form */
.cssform p{
	width: 450px;
	clear: left;
	margin: 0;
	padding: 5px 0 8px 0;
	padding-left: 155px; /*width of left column containing the label elements*/
	border-top: 1px dashed gray;
	height: 1%;
	text-align: left;
}

.cssform label{
	font-weight: bold;
	float: left;
	margin-left: -155px; /*width of left column*/
	width: 150px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}

.cssform input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
	width: 180px;
}

.cssform textarea{
	width: 250px;
	height: 150px;
}