body {
	-background-image: url(http://php.aveskamp.org/image/BannerTileBackground.gif);
	-background-repeat: repeat-x;
	background-color: white; 
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
	margin: 5px;
	padding: 5px 0px 0px;
	
}

/* FIX voor Internet Explorer, verwijderd blokjes om plaatjes die gelinkt zijn aan pagina's of bestanden */

	a, img {
    		border:none;
		   }

/* einde fix */

.textfield {
	font-size: 11px;
	color: #333333;
	background: #F7F7F7;
	border: 1px solid #CCCCCC;
	padding-left: 1px;
}

/* Kleur van de Headers */

h1 {
	color: black;
	margin: 0px 0px 5px;
	padding: 0px 0px 3px;
	font: bold 24px Verdana, Arial, Helvetica, sans-serif;
	border-bottom: 1px dashed #E6E8ED;
	}
	h1.informatie {
		color: black;
		margin: 0px 0px 5px;
		padding: 0px 45px 3px;
		font: bold 24px Verdana, Arial, Helvetica, sans-serif;
		border-bottom: 1px dashed #E6E8ED;
		}
	h2 	{ 
			text-align: left;
	 		padding: 0px 250px 3px;
	 		color: black;
		}
	
		h3 { 
			text-align: left;
	 		padding: 0px 0px 25px;
	 		color: black;
			}
	
.err {
	color: #FF9900;
}

/* kleur van de Tables enzovoort.. */

table
	{
	border:1px solid grey;
	border-spacing: 0px 0px;
  	text-align: center;

	}
	
	table.line
		{
		border:0px solid #161616;
		border-spacing: 0px 0px;
	  	text-align: center;
		background-color: #161616;
		}
						table.informatie
							{
							border:0px solid grey;
							border-spacing: 25px 0px;
						  	text-align: center;
							-background-color: #E6E8ED;
							}
		

th {
	text-align: center;
	font-weight: bold;
	color: grey;
	font-size: 13px;
	border: 1px solid;
	}

	th.left {
		font-weight: bold;				
		color: #000000;
		text-align: left;
		border: 0px;
		border-style: solid;
		}
	th.verstuur {
		padding: 30px 0px 3px;
		font-weight: bold;
		color: black;
		text-align: center;
		font-size: 13px;
		border: 0px solid;
		}
		th.commentaar {
			padding: 0px 0px 3px;
			text-align: left;
			font-weight: normal;
			color: orange;
			font-size: 10px;
			border: 0px solid;
			}
			th.sluit {
				font-weight: bold;
				color: black;
				text-align: left;
				font-size: 16px;
				}

td {
	font-weight: bold;				
	color: grey;
	text-align: center;
	font-size: 16px;
	border: 1px solid;
	border-style: solid;
	}
	td.verstuur {

		font-weight: bold;				
		color: #000000;
		text-align: left;
		font-size: 16px;
		border: 0px solid;
		border-style: solid;
		}
		td.line {
			font-weight: normal;
			color: white;
			text-align: left;
			font-size: 10x;
			border: 0px;
			border-style: solid;
			border-top: 1px solid #E6E8ED;
			border-bottom: 1px solid #E6E8ED;
			padding: 10px 20px 15px;
			}
			td.line-uit {
				font-weight: normal;
				color: red;
				text-align: center;
				font-size: 10x;
				border: 0px;
				border-style: solid;
				border-top: 1px solid #E6E8ED;
				border-bottom: 1px solid #E6E8ED;
				padding: 10px 0px 15px;
				}

	table.niets
		{
		border:0px solid black;
		border-spacing: 0px 0px;
		}
		td.niets {
			font-weight: bold;				
			color: #000000;
			text-align: left;
			font-size: 16px;
			border: 0px;
			border-style: solid;
				}
				td.niets2 {
					color: white;
					background-color: grey;
					text-align: center;
					font-size: 12px;
					border: 0px;
					border-style: solid;
						}
				th.niets {
					font-weight: bold;
					color: black;
					text-align: left;
					font-size: 13px;
					border: 0px solid;	
						}
						td.informatie {
							margin: 0px 0px 5px;
							padding: 0px 0px 3px;
							font-weight: bold;				
							color: #717171;
							text-align: left;
							font-size: 16px;
							border: 0px;
							border-style: solid;
								}
								td.informatie2 {
									margin: 0px 0px 5px;
									padding: 0px 0px 3px;
									font-weight: bold;				
									color: #339900;
									text-align: left;
									font-size: 16px;
									border: 0px;
									border-style: solid;
												}
								td.timer	{
									font-weight: normal;
													
									color: #000000;
									text-align: left;
									font-size: 12px;
									border: 0px;
									border-style: solid;
									padding: 0px 13px 0px;
									
									}	
									td.timerhoofd {
										color: white;
										background: black;
										font-weight: bold;				
										text-align: center;
										font-size: 14px;
										border: 4px;
										border-style: solid;
										}									
td.sluit 	{
			font-weight: bold;
			color: #ffffff;
			text-align: left;
			font-size: 16px;
			}
			td.geboekt {
						font-weight: bold;
						color: grey;
						text-align: center;
						font-size: 16px;
						text-align: -webkit-center;
						}

/* Image instellingen */

img.info {
	margin: 0px 0px -30px;
	padding: 0px 0px 3px;
	border: none;
	background: none;
	}
								
/* kleur van de text */

a {
	text-decoration: none; 
	color: #000000;
	font-size: 11px;
		}
	a.fout {
			text-decoration: none; 
			color: green;
			font-size: 13px;
			}
			a.error {
					text-decoration: none; 
					color: black;
					font-weight: bold;
					font-size: 13px;
					}
					a.nounder { text-decoration:none;
		 		 			  }
							a.orange:hover  { color:orange; text-decoration:none; }
							a.green:hover   { color:green; text-decoration:none; font-weight: bold; }
							a.groen:hover	{ color:green; }
							a.red:hover     { color:red;    text-decoration:none; }


											a.geboekt_reserve {
															
																font-weight: bold;
																color: #fc0303;
																text-align: left;
																font-size: 14px;
																text-align: -webkit-center;
															  }


											a.geboekt {
														font-weight: bold;
														color: #ff6b00;
														text-align: left;
														font-size: 14px;
														text-align: -webkit-center;
														}
														a.geboekt:hover {
																		  cursor:url(/img/block_cursor.png),url(/img/block_cursor.png),auto;
																		  color: #ff6b00;
																		  font-weight: bold;
																	  	  text-decoration: overline underline;
																 	  	}
																		a.open {
																				font-weight: bold;
																				color: #198a06;
																				text-align: left;
																				font-size: 16px;
																				text-align: -webkit-center;
																				}
																				a.open:hover {
																								font-weight: bold;
																								color: #057400;
																								text-decoration: overline underline;
																						 	  }
																								a.sluit {
																										font-weight: bold;
																										color: black;
																										text-align: left;
																										font-size: 8px;
																										}
																										a.rood {
																												font-weight: bold;
																												color: red;
																												text-align: left;
																												font-size: 14px;
																												}
																												a.pos_vast_admin {
																																color:green;
																																text-decoration:none;
																																font-weight: bold;
																																position:fixed;			
																																top:10px;
																																right:20px;
																												}
																												a.pos_vast_email {
																																color:green;
																																text-decoration:none;
																																font-weight: bold;
																																position:fixed;			/*normaal staat deze op fixed*/
																																top:10px;
																																right:80px;
																												}
																											a.download {
																												color: green;
																												font-size: 14;
																												padding: 0 0 0 47px;
																											}
																											a.download:hover {
																												color: #ff7200;
																												font-size: 14;
																											}

p.footer{
	
	padding:0px 0;
	text-align:center;
	position:fixed;
	bottom:-12px;
	background:#f0f0f0;
	border-top:2px solid grey;
	width:100%;
	z-index:15;
}

h1,h2,p.footer{
	font-family:"Myriad Pro",Arial,Helvetica,sans-serif;
}
	
																												
p.p2	{
	margin: -21px 30px 0px;
	padding: 0px 0px 0px;
}

p.groen	{ font-size: 14px;
		  font-weight: bold;
		  color:green;
		 }


p.pos_fixed
{
position:fixed;
top:30px;
right:5px;
}



/* Tootltips voor informatie */


.tooltip:hover {
	color: orange; outline: none;
	cursor: help; text-decoration: none;
	position: relative;
}
.tooltip span {
	margin-left: -999em;
	position: absolute;
}
.tooltip:hover span {
	border-radius: 5px 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; 
	box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 5px 5px rgba(0, 0, 0, 0.1); -moz-box-shadow: 5px 5px rgba(0, 0, 0, 0.1);
	font-family: Calibri, Tahoma, Geneva, sans-serif;
	position: absolute; left: 1em; top: 2em; z-index: 99;
	margin-left: 0; width: 250px;
}
.tooltip:hover img {
	border: 0; margin: -10px 0 0 -55px;
	float: left; position: absolute;
}
.tooltip:hover em {
	font-family: Candara, Tahoma, Geneva, sans-serif; font-size: 1.2em; font-weight: bold;
	display: block; padding: 0.2em 0 0.6em 0;
}
.classic { padding: 0.8em 1em; }
.custom { padding: 0.5em 0.8em 0.8em 2em; }
* html a:hover { background: transparent; }
.classic {background: #FFFFAA; border: 1px solid #FFAD33; }
.critical { font-size: 14px; color: black; background: #FFCCAA; border: 1px solid #FF3334;	}
.help { color: orange; background: #251b15; border: 1px solid #2BB0D7;	}
.info { font-size: 14px; color: orange; background: #251b15; border: 1px solid orange;	}
.warning { background: #FFFFAA; border: 1px solid #FFAD33; }