/* resetting some default styles */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {line-height: 1;}
ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {content: '';content: none;}
:focus {outline: 0;}
a:focus {outline:1px dotted #999;}
ins {text-decoration: none;}
del {text-decoration: line-through;}
table {border-collapse: collapse;border-spacing: 0;}

html { font-size:100.01%; }
body { font-size:1em; }

textarea {overflow:auto}
button {cursor:pointer}
a {text-decoration:none; color:#3d72a8	}
a:hover {text-decoration:underline}
/*  -----------------------------------
	a better and smarter way to clear floats
--------------------------------------*/

.clearfix:after {content:".";display:block;height:0;clear:both;visibility:hidden}
.clearfix {display:inline-block}
/* Hide from IE Mac \*/
.clearfix {display:block}
/* End hide from IE Mac */
* html .clearfix {height:1px}
p{
	font-size: 12px;
}	

body {
	font-family: Arial, Helvetica, sans-serifarial;
	color: #FFFFFF;
	background-color: #CCCCCC;
	margin-top: 10px;
}

a{
	color: #FFFFFF
}

#wrapper {
	width:1024px;
	margin: auto;	
}
	#topMenu{
		height: auto;
		width: 1024px;
		height: 33px;
		overflow: hidden;
		background:url(../images/bgTopMenu.gif) repeat-x left top #000;
	}
		#topMenu .left{
			float: left;
			padding-left: 10px;
			width: 700px;
			height: 30px;
		}
			#topMenu ul{
				margin-left: 30px;
				height: 30px;
			}
			#topMenu ul li:first-child{
				font-size: 12px;
				color: #ffff00;
				font-weight: bolder;
			}
				#topMenu ul li{
					float:left;
					margin-right: 19px;
					font-size: 12px;
					font-weight: bold;
				}
				#topMenu ul .text{
					margin-top: 10px;
				}
	
		#topMenu .right{
			width: 300px;
			height: 33px;
		}
			#topMenu .right #topSearch {
				float: right;
				margin-bottom: 5px;
			}
				#topMenu .right #topSearch fieldset {
					width: 220px;
					margin-right: 40px;
					margin-top: 8px;
				}
					#topMenu .right #topSearch input {
						padding-left: 10px;
						font-size: 12px;
						width:135px;
						float:left;
						border: none;
						color: white;
						background-color: #666666;
					}
					#topMenu .right #topSearch .submit {
						width: 0px;
						float:left;
						border: none;
						background:black;
					}

/* END OF topMenu ----------------------------------------------------			
		BEGIN OF header ---------------------------------------------------- */	
	
	#header{
		background:url(../images/header.jpg);
		width: 1024px;
		height: 149px;
		text-indent: -9999px;
	}
/* END OF header ----------------------------------------------------			
		BEGIN OF content ---------------------------------------------------- */
	#content{
		width: 1024px;
		min-height: 599px;
		height: auto;
		background-color: #666666;
		background:url(../images/bgContent.jpg) no-repeat #666666;
	}
		#content #menu{
			margin-left: 20px;
		}
			#content #menu li{
				float: left;
				margin: 20px 30px 0 0;
			}
			
			#content #menu li a {
				display:block;
				height:18px;
				padding-left:5px;
				color:#fff;
				font-size: 12px;
				font-weight:700;
				line-height:18px;	
			}
			
			#content #menu li #home{
				background-image: url("../images/home.gif");
				height: 26px;
				width: 40px;
			}
			#content #menu li #home:hover{
				background-image: url("../images/homeOver.gif");
			}
			
			#content #menu li #over_ons{
				background-image: url("../images/over_ons.gif");
				height: 26px;
				width: 70px;
			}
			#content #menu li #over_ons:hover{

				background-image: url("../images/over_onsOver.gif");
			}
			#content #menu li #nieuws{
				background-image: url("../images/nieuws.gif");
				height: 26px;
				width: 55px;
			}
			#content #menu li #nieuws:hover{
				background-image: url("../images/nieuwsOver.gif");
			}
			#content #menu li #inschrijven:hover{
				background-image: url("../images/inschrijvenOver.gif");
			}
			#content #menu li #inschrijven{
				background-image: url("../images/inschrijven.gif");
				height: 26px;
				width: 95px;
			}
			#content #menu li #rijlesplanner:hover{
				background-image: url("../images/rijlesplannerOver.gif");
			}
			#content #menu li #rijlesplanner{
				background-image: url("../images/rijlesplanner.gif");
				height: 26px;
				width: 117px;
			}
			#content #menu li #tarieven:hover{
				background-image: url("../images/tarievenOver.gif");
			}
			#content #menu li #tarieven{
				background-image: url("../images/tarieven.gif");
				height: 26px;
				width: 67px;
			}
			#content #menu li #contact:hover{
				background-image: url("../images/contactOver.gif");
			}
			#content #menu li #contact{
				background-image: url("../images/contact.gif");
				height: 26px;
				width: 63px;
			}
			
		#content .left{
			float: left;
		}
			
			#content .left #textKader{
				width: 485px;	
				height: auto;
				overflow: visible;
				margin: 20px 0 0 22px;
			}
				#content .left #textKader #top{
					background: url("../images/textKaderTop.png");
					width: 473px;
					height: 32px;
					padding: 20px 20px 0 20px;
				}
					#content .left #textKader h1{
						color: #ffff01;
					}
					#content .left #textKader h2{
						color: #ffff01;
					}
				
				#content .left #textKader #middle{
					margin-top: -10px;
					background: url("../images/textKaderMiddle.png") repeat-y;
					width: 473px;
					height: auto;
					padding: 20px 20px 0 20px;
					line-height: 20px;
				}
					#content .left #textKader #middle p{
						font-size: 12px;
					}
				#content .left #textKader #bottom{
					padding: 0px 20px 0px 20px;
					background: url("../images/textKaderBottom.png");
					width: 473px;
					height: 21px;
				}
			
			

			
		.right{
			float: right;
		}
			#content .right #buttons{
				margin: 18px 190px 0 0;
			}

			#content .right #acties{
				margin-top: -3px;
				padding: 20px 20px 20px 20px;
				width: 225px;
				height: 380px;
				background: url("../images/bgActies.jpg") no-repeat;
				line-height: 20px;
			}
				#content .right #acties h1{
					color: #ffff00;
					padding-bottom: 20px;
				}

/* END OF content ----------------------------------------------------			
		BEGIN OF footer ---------------------------------------------------- */	
	
	#footer{
		height: 123px;
		background:url("../images/bgFooter.jpg");
		padding: 50px 0px 0px 30px;
	}
			#footer ul li{
				color: #ffff00;
				margin-right: 10px;
				display: block;
				float: left;
				padding-right: 10px;
				border-right: 1px solid white;
				font-size: 12px;
			}
			#footer ul li:last-child{
				border: none;
				color: #ffff00;
			}
				#footer ul li a{
					color: #ffff00;
				}
			
		#footer p{
			font-size: 12px;
		}			
/* END OF mainStylesheet ----------------------------------------------------			
		BEGIN OF contact ---------------------------------------------------- */	
 	#content .left #textKader #middle #contact label{
		font-size: 12px;
		margin:5px 20px 0 0;
	}
	#content .left #textKader #middle #contact input,textarea,select{
		width: 299px;
		margin-top: 3px;
	}
	#content .left #textKader #middle #contact select {
		width: 305px;
		margin-bottom: 10px;
	}
	#content .left #textKader #middle #contact .textarea{
		vertical-align: middle;
	}
	
/* END OF mainStylesheet ----------------------------------------------------			
		BEGIN OF zoeken ---------------------------------------------------- */	
		
		#content .left #textKader #middle .ajaxSearch_resultsInfo {
			font-size: 16px;
			margin-bottom: 10px;
       }
       #content .left #textKader #middle .ajaxSearch_result {
           margin-bottom: 10px;
       }
       #content .left #textKader #middle .ajaxSearch_resultLink {
		   color: #ffff00;
       }
	   
 /* END OF mainStylesheet ----------------------------------------------------			
		BEGIN OF contact ---------------------------------------------------- */	
 	#content .left #textKader #middle #inschrijven label{
		font-size: 12px;
		margin:5px 20px 0 0;
	}
	#content .left #textKader #middle #inschrijven input,textarea,select{
		width: 299px;
		margin-top: 3px;
	}
	#content .left #textKader #middle #inschrijven select {
		width: 305px;
		margin-bottom: 10px;
	}
	#content .left #textKader #middle #inschrijven .textarea{
		vertical-align: middle;
	}
 /* END OF mainStylesheet ----------------------------------------------------			
		BEGIN OF sidemap ---------------------------------------------------- */	
 	#content .left #textKader #middle a{
		font-size: 18px;
		color: #ffff00;
		line-height: 20px;
	}