/*   Gemaakt door: Garytje.nl	*/

 /* De standaard stijl van de pagina */
BODY			{
				background-color: #EFEFEF;
				color: #000000;
				font-family:  Verdana, Arial, Helvetica, sans-serif;
				font-size: 11px;
				background-image: url('../img/back.gif');
				scrollbar-face-color: #FFFFFF;
				scrollbar-highlight-color: #FFFFFF;
				scrollbar-shadow-color: #FFFFFF;
				scrollbar-3dlight-color: #FFFFFF;
				scrollbar-arrow-color:  #5E76B9;
				scrollbar-track-color: #FFFFFF;
				scrollbar-darkshadow-color: #FFFFFF;
				margin-top: 0;
				margin-bottom: 0;
				}
/* Standaard opmaak tabellen */
TABLE			{
				color: #444444;
				border: 0;
				font-family:  Verdana, Arial, Helvetica, sans-serif;
				font-size: 11px;
				}
TABLE.white			{
				color: #FFFFFF;
				border: 0;
				font-family:  Verdana, Arial, Helvetica, sans-serif;
				font-size: 11px;
				}
TABLE.projects a img {
	border: 1px solid #000099;
}
TABLE.mainBack	{
				color: #FFFFFF;
				width: 850px;
				height:410px;
				background-repeat: no-repeat;
				background-image: url('../img/back.gif');
				font-family:  Verdana, Arial, Helvetica, sans-serif;
				font-size: 11px;
				}
TABLE.content	{
				width: 741px;
				height:539px;
				font-family: Verdana, Arial, Helvetica, sans-serif;
				font-size: 11px;
				background-color: #FFFFFF;
				border-left: 1px solid #848484;
				border-right: 1px solid #848484;
				border-bottom: 1px solid #848484;
				background-repeat: no-repeat;
				background-image: url('../img/watermerk.jpg');
				background-position: bottom right;
				}
TABLE.contenttop{
				width: 768px;
				height:29px;
				font-family: Verdana, Arial, Helvetica, sans-serif;
				font-size: 11px;
				}
TABLE.mainMenu  {
				color: #FFFFFF;
				width:150px;
				height:385px;
				border: 0;
				font-family:  Verdana, Arial, Helvetica, sans-serif;
				font-size: 11px;
				background-color: #7B2C29;
				}
TABLE.MenuCont  {
				color: #444444;
				width:150px;
				border: 0;
				font-family:  Verdana, Arial, Helvetica, sans-serif;
				font-size: 11px;
				}
TABLE.ContactMenu  {
				color: #444444;
				width:275px;
				border: 0;
				font-family:  Verdana, Arial, Helvetica, sans-serif;
				font-size: 11px;
				}
TABLE.NewsCont  {
				color: #444444;
				border: 0;
				font-family:  Verdana, Arial, Helvetica, sans-serif;
				font-size: 10px;
				background-color: #FDFCED;
				height: 385px;
				width: 375px;
				}
TABLE.PortCont  {
				color: #444444;
				width:158px;
				border: 0;
				font-family:  Verdana, Arial, Helvetica, sans-serif;
				font-size: 11px;
				background-color: #FDFCED;
				height: 385px;
				}
TABLE.mainPage  {
				color: #444444;
				width:675px;
				height:385px;
				border: 0;
				font-family:  Verdana, Arial, Helvetica, sans-serif;
				font-size: 10px;
				background-image:url('../img/lines.gif');
				background-repeat:repeat-x;
				}
TABLE.imgTable	{
				height: 130px;
				}
TABLE.LoginImage{
				height: 300px;
				background-image:url('../img/backlog.jpg');
				background-repeat: no-repeat;
				background-position: top left;
				}
TABLE.ErrorImage{
				height: 300px;
				background-image:url('../img/backerr.jpg');
				background-repeat: no-repeat;
				background-position: top left;
				}
TD.descript		{
				height:80px;
				text-align:justify;
				}
.NewsText		{
				width:335px; 
				height:265px; 
				overflow:auto; 
				text-align: justify;
				}
H1				{
				color: #7B2C29;
				font-size: 14px;
				font-weight: bold;
				text-align: center;
				}
TD.spacer1		{
				width: 1px;
				height: 1px;
				}
TD.spacer3		{
				width: 3px;
				height: 3px;
				}
TD.spacer15		{
				width: 15px;
				height: 15px;
				}
TD.subline		{
				height: 25px;
				width: 75px;
				border-bottom: 1px solid #848484;
				}
TD.redLineSmall	{
				color: #7B2C29;
				font-size: 14px;
				font-weight: bold;
				text-align: center;
				height: 35px;
				background-image:url('../img/smallred.jpg');
				background-repeat: no-repeat;
				background-position: bottom center;
				}
TD.redLineBig	{
				color: #7B2C29;
				font-size: 14px;
				font-weight: bold;
				text-align: left;
				text-indent: 30px;
				height: 35px;
				width: 300px;
				background-image:url('../img/bigred.jpg');
				background-repeat: no-repeat;
				background-position: bottom center;
				}
TD.greyLineBig {
				color: #7B2C29;
				font-size: 14px;
				font-weight: bold;
				text-align: left;
				text-indent: 10px;
				height: 35px;
				width: 365px;
				background-image:url('../img/biggrey.jpg');
				background-repeat: no-repeat;
				background-position: bottom center;
				}
TD.greyLineBig2 {
				color: #7B2C29;
				font-size: 14px;
				font-weight: bold;
				text-align: left;
				text-indent: 10px;
				height: 15px;
				width: 365px;
				background-image:url('../img/biggrey.jpg');
				background-repeat: no-repeat;
				background-position: bottom center;
				}
TD.spacer		{
				height: 10px;
				width: 160px;
				}
TD.rightShadow	{
				width: 4px;
				background-image:url('../img/rightshadow.jpg');
				background-repeat: no-repeat;
				background-position: center left;
				}
TD.leftShadow	{
				width: 4px;
				background-image:url('../img/leftshadow.jpg');
				background-repeat: no-repeat;
				background-position: center right;
				}
IMG.showImage	{
				text-align: center;
				border: 1px solid #444444;
				}
TD.greyMid2		{
				background-image:url('../img/grey_line_dark.gif');
				background-repeat: repeat-x;
				background-color: #BFBFBF;
				background-position: bottom;
				border-left: 2px solid #FFFFFF;
				color: #000000;
				text-align: center;
				}
TD.greyMid3		{
				width:4px;
				background-image:url('../img/left_line.gif');
				background-position: right;
				}
TD.greyBot1		{
				width: 2px;
				background-image:url('../img/bot_left1_grey.gif');
				background-repeat: no-repeat;
				background-position: top left;
				}
TD.greyBot2		{
				width: 10px;
				background-image:url('../img/bot_left2_grey.gif');
				background-repeat: no-repeat;
				background-position: right;
				}
TD.greyBot3		{
				height: 14px;
				background-image:url('../img/bot_cent.gif');
				background-color: #8A8A8A;
				background-repeat: repeat-x;
				background-position: bottom;
				}
TD.greyBot4		{
				width: 9px;
				background-image:url('../img/bot_right1_grey.gif');
				background-repeat: no-repeat;
				}
TD.greyBot5		{
				width: 4px;
				background-image:url('../img/bot_right2_grey.gif');
				background-repeat: no-repeat;
				background-position: left;
				}

/* Einde Grijze Tabel CSS */

TH				{
				font-weight:bold;
				border-bottom: 1px solid #000000;
				}
TR.messLine1	{
				background-color: #FFE5FA;
				}
		
		
TR.messLine2	{
				background-color: #FFFFFF;
				}
		
		
TR.messOver		{
				background-color: #FF00CC;
				}
		
.black			{
				text-align: left;
				font-size: 12px;
				font-weight: bold;
				color: #000000;
				}

/* opzet content indeling */

HR				{
				height: 1px;
				border: 1px solid #FFFFFF;
				}
B.higher		{
				font-size: 12px;
				}

DIV.display		{
				font-weight: bold;
				width: 350px;
				background-color: #CCCCCC;
				color: #CC3333;
				border: 1px solid #FFFFFF;
				text-align: center;
				}
/* Mouseovers voor links */					
A:link,A:active,A:visited { 
				color: #444444; 
				font-weight: normal; 
				text-decoration: none;
				}

A:hover			{ 
				text-decoration: underline; 
				color: #121212; 
				}

/* Mouseovers voor copyright */					

A.selected:link,A.selected:active,A.selected:visited { 
				color: #7B2C29; 
				font-weight: normal; 
				text-decoration: none;
				}

A.selected:hover	{ 
				text-decoration: underline;
				color: #7B2C29; 
				}
A.nochange:link,A.nochange:active,A.nochange:visited {
				color: #444444;
				text-decoration:none;
				font-weight: normal;
				}			
A.nochange:hover	{ 
				text-decoration: none;
				font-weight: normal;
				color: #000000; 
				}
A.nochangeMenu:link,A.nochangeMenu:active,A.nochangeMenu:visited {
				color: #EFEFEF;
				text-decoration:none;
				font-weight: normal;
				}			
A.nochangeMenu:hover	{ 
				text-decoration: none;
				font-weight: normal;
				color: #000000; 
				}
/* Mouseovers voor links */					
SPAN:link,SPAN:active,SPAN:visited { 
				color: #444444; 
				font-weight: normal; 
				text-decoration: none;
				cursor: hand;
				}

SPAN:hover			{ 
				text-decoration: underline; 
				color: #121212; 
				cursor: hand;
				}

/* Mouseovers voor copyright */					

SPAN.selected:link,SPAN.selected:active,SPAN.selected:visited { 
				color: #7B2C29; 
				font-weight: normal; 
				text-decoration: none;
				}

SPAN.selected:hover	{ 
				text-decoration: underline;
				color: #7B2C29; 
				cursor: pointer;
				}

/* IMG standaard geen border */
IMG				{
				border: 0px;
				}
IMG.line		{
				border: 1px solid #FFFFFF;
				cursor: hand;
				}
IMG.line2		{
				border: 1px solid #FFFFFF;
				}

IMG.imgLine		{
				border: 1px solid #000000;
				}


/* content instellingen */

.frmInputSmall	{
				height: 20px;
				width: 120px;
				font-size: 10px;
				font-family: Verdana, Arial, Helvetica, sans-serif;
				border-top: 1px solid #000099;	
				border-right: 1px solid #000099;	
				border-bottom: 1px solid #000099;	
				border-left: 1px solid #000099;	
				text-align: left;
				background-color: #EEEEEE;
		 		color: #000099; 
				}
.frmInputAct	{
				height: 20px;
				width: 120px;
				font-size: 10px;
				font-family: Verdana, Arial, Helvetica, sans-serif;
				border-top: 1px solid #990000;	
				border-right: 1px solid #990000;	
				border-bottom: 1px solid #990000;	
				border-left: 1px solid #990000;	
				text-align: left;
				background-color: #990000;
		 		color: #FFFFFF; 
				font-weight: bold;
				}
.frmInput		{
				height: 20px;
				width: 210px;
				font-size: 11px;
				font-family:  Verdana, Arial, Helvetica, sans-serif;
				border-top: 1px solid #666666;	
				border-right: 1px solid #666666;	
				border-bottom: 1px solid #666666;	
				border-left: 1px solid #666666;	
				background-color: #FFFFFF;
		 		color: #444444; 
				}
.frmText		{
				height: 120px;
				width: 210px;
				font-size: 11px;
				font-family:  Verdana, Arial, Helvetica, sans-serif;
				border-top: 1px solid #666666;	
				border-right: 1px solid #666666;	
				border-bottom: 1px solid #666666;	
				border-left: 1px solid #666666;	
				background-color: #FFFFFF;
		 		color: #444444; 
				}
.frmSubmit		{
				height: 20px;
				width: 65px;
				font-size: 11px;
				font-family:  Verdana, Arial, Helvetica, sans-serif;
				border-top: 1px solid #666666;	
				border-right: 1px solid #666666;	
				border-bottom: 1px solid #666666;	
				border-left: 1px solid #666666;	
				background-color: #FFFFFF;
				color: 5E76B9; 
				}
.frmSubmitLarge	{
				height: 20px;
				width: 100px;
				font-weight: bold;
				font-size: 11px;
				font-family:  Verdana, Arial, Helvetica, sans-serif;
				border-top: 1px solid #E8E8E8;	
				border-right: 1px solid #E8E8E8;	
				border-bottom: 1px solid #E8E8E8;	
				border-left: 1px solid #E8E8E8;	
				text-align: center;
				background-color: #FDFBE0;
				color: #444444; 
				}
.frmDesc		{
				height: 120px;
				width: 250px;
				font-size: 10px;
				font-family: Verdana, Arial, Helvetica, sans-serif;
				border-top: 1px solid #000099;	
				border-right: 1px solid #000099;	
				border-bottom: 1px solid #000099;	
				border-left: 1px solid #000099;	
				text-align: left;
				background-color: #EEEEEE;
		 		color: #000099; 
				}
.frmDescLarge	{
				height: 250px;
				width: 300px;
				font-size: 10px;
				font-family: Verdana, Arial, Helvetica, sans-serif;
				border-top: 1px solid #000099;	
				border-right: 1px solid #000099;	
				border-bottom: 1px solid #000099;	
				border-left: 1px solid #000099;	
				text-align: left;
				background-color: #EEEEEE;
		 		color: #000099; 
				}
.frmCodeLarge	{
				color: #000099; 
				height: 20px;
				width: 60px;
				background-color: #EEEEEE;
				border-top: 1px solid #000099;	
				border-right: 1px solid #000099;	
				border-bottom: 1px solid #000099;	
				border-left: 1px solid #000099;
				}
.frmCode		{
				color: #000099;
				height: 20px;
				width: 30px;
				background-color: #EEEEEE;
				border-top: 1px solid #000099;	
				border-right: 1px solid #000099;	
				border-bottom: 1px solid #000099;	
				border-left: 1px solid #000099;
				}
.frmCheck		{
				color: #000099;
				background-color: #EEEEEE;
				border-top: 1px solid #000099;	
				border-right: 1px solid #000099;	
				border-bottom: 1px solid #000099;	
				border-left: 1px solid #000099;
				}
.frmUpload		{
				height: 20px;
				width: 300px;
				color: #000099;
				font-size: 10px;
				background-color: #EEEEEE;
				border-top: 1px solid #000099;	
				border-right: 1px solid #000099;	
				border-bottom: 1px solid #000099;	
				border-left: 1px solid #000099;
				}
.subname		{
				height: 20px;
				width: 250px;
				font-size: 10px;
				font-family: Verdana, Arial, Helvetica, sans-serif;
				border-top: 1px solid #000099;	
				border-right: 1px solid #000099;	
				border-bottom: 1px solid #000099;	
				border-left: 1px solid #000099;	
				text-align: left;
				background-color: #EEEEEE;
				color: #333333; 
				}
.subtel			{
				height: 20px;
				width: 65px;
				font-size: 10px;
				font-family: Verdana, Arial, Helvetica, sans-serif;
				border-top: 1px solid #FF00CC;	
				border-right: 1px solid #FF00CC;	
				border-bottom: 1px solid #FF00CC;	
				border-left: 1px solid #FF00CC;	
				text-align: left;
				background-color: #FFFFFF;
				color: #333333; 
				}
.subpost		{
				height: 20px;
				width: 55px;
				font-size: 10px;
				font-family: Verdana, Arial, Helvetica, sans-serif;
				border-top: 1px solid #FF00CC;	
				border-right: 1px solid #FF00CC;	
				border-bottom: 1px solid #FF00CC;	
				border-left: 1px solid #FF00CC;	
				text-align: left;
				background-color: #FFFFFF;
				color: #333333; 
				}
/* Invoervelden en attributen */

.txtInput		{
				height: 20px;
				width: 130px;
				font-size: 10px;
				font-family: Verdana, Arial, Helvetica, sans-serif;
				border-top: 1px solid #FF00CC;	
				border-right: 1px solid #FF00CC;	
				border-bottom: 1px solid #FF00CC;	
				border-left: 1px solid #FF00CC;	
				text-align: left;
				background-color: #FFFFF;
				filter:alpha(opacity=60);
				-moz-opacity:0.6;
				opacity: 0.6;
				color: #000000; 
				}

.txtVoor		{
				height: 20px;
				width: 60px;
				font-size: 10px;
				font-family: Verdana, Arial, Helvetica, sans-serif;
				border-top: 1px solid #FF00CC;	
				border-right: 1px solid #FF00CC;	
				border-bottom: 1px solid #FF00CC;	
				border-left: 1px solid #FF00CC;	
				text-align: left;
				background-color: #FFFFF;
				color: #000000; 
				}
.selInput		{
				height: 20px;
				width: 70px;
				font-size: 10px;
				font-family: Verdana, Arial, Helvetica, sans-serif;
				text-align: left;
				background-color: #FFFFF;
				color: #000000; 
				}

.txtSubmit		{
				height: 20;
				width: 75;
				font-weight: bold;
				font-size: 10px;
				font-family: Verdana, Arial, Helvetica, sans-serif;
				border-top: 1px solid #000099;	
				border-right: 1px solid #000099;	
				border-bottom: 1px solid #000099;	
				border-left: 1px solid #000099;	
				text-align: center;
				background-color: #ffffff;
				color: #222222; 
				}


.smallbtn		{
				height: 20;
				width: 22;
				font-weight: bold;
				font-size: 10px;
				font-family: Verdana, Arial, Helvetica, sans-serif;
				border-top: 1px solid #FF00CC;	
				border-right: 1px solid #FF00CC;	
				border-bottom: 1px solid #FF00CC;	
				border-left: 1px solid #FF00CC;	
				text-align: center;
				background-color: #ffffff;
				color: #222222;
				}

.percent		{
				height: 20px;
				width: 30px;
				font-size: 10px;
				font-family: Verdana, Arial, Helvetica, sans-serif;
				border-top: 1px solid #FF00CC;	
				border-right: 1px solid #FF00CC;	
				border-bottom: 1px solid #FF00CC;	
				border-left: 1px solid #FF00CC;	
				text-align: center;
				background-color: #FFFFF;
				color: #333333; 
				}

.upl_desc		{
				height: 60px;
				width: 400px;
				font-size: 10px;
				font-family: Verdana, Arial, Helvetica, sans-serif;
				border-top: 1px solid #FF00CC;	
				border-right: 1px solid #FF00CC;	
				border-bottom: 1px solid #FF00CC;	
				border-left: 1px solid #FF00CC;	
				text-align: left;
				background-color: #FFFFFF;
		 		color: #333333; 
				}


.longsearch		{
				height: 20px;
				width: 250px;
				font-size: 10px;
				font-family: Verdana, Arial, Helvetica, sans-serif;
				border-top: 1px solid #FF00CC;	
				border-right: 1px solid #FF00CC;	
				border-bottom: 1px solid #FF00CC;	
				border-left: 1px solid #FF00CC;	
				text-align: left;
				background-color: #FFFFFF;
				color: #FF00CC; 
				}

.frmSelect		{
				width: 150px;
				font-family: Verdana, Arial, Helvetica, sans-serif;
				font-size: 10px;
				}
.frmSelectLarge	{
				width: 325px;
				font-family: Verdana, Arial, Helvetica, sans-serif;
				font-size: 10px;
				}
			
.small			{
				width: 42px;
				font-family: Verdana, Arial, Helvetica, sans-serif;
				font-size: 10px;
				}



/* Teksteigenschappen uitwerken */

.stats			{
				text-align: center;
				font-size: 16px;
				font-weight: bold;
				}

.errMess		{
				text-align: center;
				font-weight: bold;
				color:	#CC0000;
				}
.disc			{
				font-style: italic;
				text-align: right;
				}
/* Einde CSS */