body{
    font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; 
    font-size: 12px;
    color:#000000;
	/* color:#663399;*/
    margin:0;
    padding:0;
	/*background-color: #F2F2F2;*/
	background-color: #D3D3D3;
	/*background-image:url(images/bckgrn-repeat.png);
	background-position:center 0;
	background-repeat:repeat-y;*/
}

.floatLeft 			{ float: left; }
.floatRight			{ float: right; }
.clear				{ clear: both; }

img {border-style:none;}


.titelgroot {
	font-size:14px;
	color:#663399;
}

.zoekenoptie {
    color:#000066;
    font-size: 12px;
    font-family: "Trebuchet MS", Verdana, Arial, Sans-serif;
}
.zoeknavigatie{
    border: 0;
}


/*button color*/
input.send-btn {
    /*margin-left: 7.2em;*/
    color: #000;
    border: 2px outset #d7b9c9;
    background-color: #CC9933;
}

/*start new button */
.clear { /* generic container (i.e. div) for floating buttons */
    overflow: hidden;
    width: 100%;
}

a.button {
    background: transparent url('images/knoprecht1.gif') no-repeat scroll top right;
    color: #444;
    display: block;
    float: left;
    font: normal 12px arial, sans-serif;
    height: 24px;
    margin-right: 6px;
    padding-right: 18px; /* sliding doors padding */
    text-decoration: none;
    
}

a.button span {
    background: transparent url('images/knop1.gif') no-repeat;
    display: block;
    line-height: 14px;
    padding: 5px 0 5px 18px;
} 
a.button:active {
    background-position: bottom right;
    color: #000;
    outline: none; /* hide dotted outline in Firefox */
}

a.button:active span {
    background-position: bottom left;
    padding: 6px 0 4px 18px; /* push text down 1px */
} 
/*end new button */

div#page-wrap		{ width: 1000px; margin: 25px auto; }


td.leftcenter {
	background-image:url(images/lijnbalk3.gif);
	background-repeat:repeat-y;	
}
td.col2 {
	background-image:url(images/binnenHoek2.gif);
	background-repeat:repeat-y;	
}


td.binnenHoek2_1{
	color:#FFFFFF;
	width:648px;
	height:27px;
	background-image:url(images/binnenHoek2_1.gif);
	background-repeat:no-repeat;

}

td.binnenHoek2_2{

	width:648px;
	height:27px;
	background-image:url(images/binnenHoek2_2.gif);
	background-repeat:repeat-y;

}
td.binnenHoek2_3{

	width:648px;
	height:10px;
	background-image:url(images/binnenHoek2_3.gif);
	background-repeat:no-repeat;

}


td.col4 {
	background-image:url(images/buitenHoek3.gif);
	background-repeat:repeat-y;
}
.tekstdetails { 
	font-size: 12px;
	padding: 10px;
	line-height:15px;
	
	
}


.homeTh{
    border-top: 1px solid gray;
	border-left: 1px solid gray;
    border-right: 1px solid gray;
	border-bottom: 0;
}
.homeTd{
	padding:0;
    border-top:1px solid gray;
	border-left: 0;
    border-right: 0;
	border-bottom:1px solid gray;
}

table.contentCol4{
	font-family: Arial,Helvetica,sans-serif;
	
	font-size:8px;	
	border-collapse: collapse; 

}



a.titellink:link, a.titellink:visited{
	color:#FF0000;
	font-size:11px;
	font-weight:bold;
	text-decoration:none;
}

a.titellink:hover, a.titellink:active{
color:#9C85C7;
	font-size:11px;
	font-weight:bold;
	text-decoration:none;
}




.contentCol4Kop{
	
	color:#FFFFFF;	
	padding:2px;

}
.contentSubCol4Title{
	font-family: Arial,Helvetica,sans-serif;	
	color:#FF0000;	
}

.contentSubtekst{
color:#000000;
	font-size:10px;		
}
td.paarsKleur{
	color:#000000;
	padding:4px;
	background-color:#B2AABD; /*paars*/
	border-left:1px solid white;
	border-right:none;
	font-weight:normal;
}
td.grijsKleur{
	color:#000000;
	padding:4px;
	background-color:#C6C2B6; /*vies bruin*/
	border-right:1px solid white;
	font-weight:bold;		
}

.bg-grijsKleur {
/*background-color:#C8C3B6;*/
	background-color:#C6C2B6;
}


.bg-bruinKleur {
background-color:#A3A29A;
}


td.bruinKleur{
	color:#000000;
	font-weight:bold;
	padding:4px;
	background-color:#A3A29A;
	border-right:1px solid white;		
}
td.donkerpaars{
	color:#000000;
	font-weight:bold;
	padding:4px;
	background-color:#493B62;
	border-right:1px solid white;		
}


td.paarsKleur2{
	color:#000000;
	padding:4px;
	background-color:#B2AABD;
	border-right:1px solid white;
	font-weight:normal;	
	border-left:1px solid white;	
}

/* start no lijn color */
td.no-paarsKleur2{
color:#000000;
	padding:4px;
	background-color:#B2AABD;
	border-left:1px solid white;
	border-right:none;
	font-weight:normal;

}


td.no-paarsKleur{
	padding:4px;
	background-color:#B2AABD;
	border-right:none;	
}
td.no-grijsKleur{
	padding:4px;
	background-color:#C8C3B6;
	border-right:none;		
}

td.no-bruinKleur{
	padding:4px;
	background-color:#A3A29A;
	border-right:none;		
}
td.no-donkerpaars{
	padding:4px;
	background-color:#493B62;
	border-right:none;			
}

/* end no lijn color */




td.nokleurLijn{
	border-right:none;
}


.tekstdetails { font-size: 12px; }

.bg{
	width:981px;
	height:789px;
	background-image:url(images/bg_image.gif);
	background-repeat:no-repeat;
}

td.leftcenter {
	background-image:url(images/lijnbalk3.gif);
	background-repeat:repeat-y;	
}
td.col2 {
	background-image:url(images/binnenHoek2.gif);
	background-repeat:repeat-y;	
}


/* start binnenHoek */
.binnenHoek2_2  { 
	width: 648px; 
	background:url(images/binnenHoek2_2.gif) center repeat-y;
	margin:0;
	}
	
.binnenHoek2_2 .binnen { 
	padding:0 0 0px 0; 
}
   
.binnenHoek2_1{
	padding:0;
	color:#FFFFFF;
	width:648px;
	height:25px;
	background-image:url(images/binnenHoek2_1.gif);
	background-repeat:no-repeat;
	margin:0;
}

.binnenHoek2_3{
	width:648px;
	height:18px;
	background-image:url(images/binnenHoek2_3.gif);
	background-repeat:no-repeat;
} 
/* end binnenHoek */   



/* start bigHoek */ 

.bigHoek2{ 
	width: 648px; 
	background:url(images/bigHoek2.gif) center repeat-y;
	margin:0;
	}
	
.bigHoek2.binnen{ 
	padding:20; 
}
 
.bigHoek1{
	padding:0;
	width:648px;
	height:7px;
	background-image:url(images/bigHoek1.gif);
	background-repeat:no-repeat;
	margin:0;
}

.bigHoek3{
	width:648px;
	height:8px;
	background-image:url(images/bigHoek3.gif);
	background-repeat:no-repeat;
} 
/* end bigHoek */ 



/* start smallHoek */ 

.smallHoek2{ 
	width: 212px; 
	background:url(images/smallHoek2.gif) center repeat-y;
	margin:0;
	}
	
.smallHoek2.binnen{ 
	padding:20; 
}
 
.smallHoek1{
	padding:0;
	width:212px;
	height:14px;
	background-image:url(images/smallHoek1.gif);
	background-repeat:no-repeat;
	margin:0;
}

.smallHoek3{
	width:212px;
	height:11px;
	background-image:url(images/smallHoek3.gif);
	background-repeat:no-repeat;
} 
/* end smallHoek */ 


/* start logHoek */ 

.inlogging2Hoek2{ 
	width: 647px; 
	background:url(images/inlogging2Hoek2.gif) center repeat-y;
	margin:0;
	}
	
.inlogging2Hoek2.binnen{ 
	padding:20; 
}
 
.inlogging2Hoek1{
	padding:0;
	width:647px;
	height:13px;
	background-image:url(images/inlogging2Hoek1.gif);
	background-repeat:no-repeat;
	margin:0;
}

.inlogging2Hoek3{
	width:647px;
	height:13px;
	background-image:url(images/inlogging2Hoek3.gif);
	background-repeat:no-repeat;
} 
/* end logHoek */ 




/* start emailHoek */ 

.emailHoek2{ 
	width: 645px; 
	background:url(images/emailHoek2.gif) center repeat-y;
	margin:0;
	}
	
.emailHoek2.binnen{ 
	padding:20; 
}
 
.emailHoek1{
	padding:0;
	width:645px;
	height:11px;
	background-image:url(images/emailHoek1.gif);
	background-repeat:no-repeat;
	margin:0;
}

.emailHoek3{
	width:645px;
	height:11px;
	background-image:url(images/emailHoek3.gif);
	background-repeat:no-repeat;
} 
/* end emailHoek */ 

.checkbox {
    padding: 0;
    margin: 0;
}

/* start bedrijfinschrijvenHoek */ 
.bedrijfinschrijvenHoek2{ 
	width: 647px; 
	background:url(images/bedrijfinschrijvenHoek2.gif) center repeat-y;
	margin:0;
	}
	
.bedrijfinschrijvenHoe2.binnen{ 
	padding:20; 
}
 
.bedrijfinschrijvenHoek1{
	padding:0;
	width:647px;
	height:13px;
	background-image:url(images/bedrijfinschrijvenHoek1.gif);
	background-repeat:no-repeat;
	margin:0;
}

.bedrijfinschrijvenHoek3{
	width:647px;
	height:22px;
	background-image:url(images/bedrijfinschrijvenHoek3.gif);
	background-repeat:no-repeat;
} 
/* end bedrijfinschrijvenHoek */ 


/* start zoekenHoek */ 

.zoekenHoek2{ 
	width: 648px; 
	background:url(images/zoekenHoek2.gif) center repeat-y;
	margin:0;
	}
	
.zoekenHoek2.binnen{ 
	padding:20; 
}
 
.zoekenHoek1{
	padding:0;
	width:648px;
	height:34px;
	background-image:url(images/zoekenHoek1.gif);
	background-repeat:no-repeat;
	margin:0;
}

.zoekenHoek3{
	width:648px;
	height:13px;
	background-image:url(images/zoekenHoek3.gif);
	background-repeat:no-repeat;
} 
/* end zoekenHoek */ 




/* start witbinnenHoek */
.witbinnenHoek2  { 
	width: 647px; 
	background:url(images/witbinnenHoek2.gif) center repeat-y;
	
	margin: 10px 0 0 0;
	}
	
.witbinnenHoek2 .binnen { 
	padding: 0px; 
	margin:0 0 0 -7px;
}
  
 
.witbinnenHoek2 .binnen img{
	margin:  0 0 0 -8px;
	padding: 0 0 0 0px;
}

.witbinnenHoek1{
	width:647px;
	height:13px;
	background-image:url(images/witbinnenHoek1.gif);
	background-repeat:no-repeat;
}

.witbinnenHoek3{
	width:647px;
	height:12px;
	background-image:url(images/witbinnenHoek3.gif);
	background-repeat:no-repeat;
} 
/* end witbinnenHoek */  
 
 
 
/* start middelvlak3 */
.middelvlak2  { 
	width: 661px; 
	background:url(images/middelvlak2.png) center repeat-y;
	margin:0;
	}
	
.middelvlak2 .binnen { 
	padding: 0 0 0 5px; 
}
    
.middelvlak1{
	width:661px;
	height:8px;
	background-image:url(images/grijzelijn.gif);
	background-repeat:no-repeat;
}

.middelvlak3{
	width:661px;
	height:7px;
	background-image:url(images/middelvlak3.gif);
	background-repeat:no-repeat;
} 
/* end middelvlak3 */  
 
 
td.col4 {
	background-image:url(images/buitenHoek3.gif);
	background-repeat:repeat-y;
}
.tekstdetails { 
	font-size: 12px;
	padding: 10px;
	line-height:15px;
		
}

 

.mainMenu {
	height:18px;
	height:182px;	
	background-image:url(images/bgfill.jpg);
	background-repeat:repeat-x;
	padding:0;
	margin-bottom:0px;
}

table.navigation {
	width: 820px;
	margin-right: auto;
    padding: 0;
	border: none;
	margin-top:0;
	margin-bottom:-2px;
	margin-left: auto;	
		
}

table.navtable {
	border-collapse:collapse;
	padding:0;
	border: none;
	margin:  0 0 0px -4px;
}

table.navtable2 {
	border-collapse:collapse;
	padding:0;
	border: 1px solid #FFFFFF;
	margin:  0 0 0px -4px;
}


td.navigation {
	margin: 0px;
    padding: 0px;
	border: none;
	
}

th.navigation {
	margin: 0px;
    padding: 0px;
	border: none;
}


td.nav{
    padding: 0 0 0 0;
	border: none;
	margin-bottom:0px;
	
}


.tellerItem{
	
	/*position:absolute;*/
	width: 113px;
	height: 169px;
	background: url(images/vakteller.gif);
	text-align: center;
	/*left: 1037px;*/
}
.tellertitel{
	line-height: 40px;
	font-size: 14px;
	color: #5f5f5f;

}
.tellertekst{
	line-height: 25px;
	font-size: 12px;
	color: #7e7e77;
	
	
}
.tellergetallen{
	line-height: 25px;
	font-size: 15px;
	color: #52298c;
	font-weight: bold;
}

table.opdrachtPlaatsen {
	border: 1px solid gray;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #000066;
    text-align: left;
	

}
td.specklus {
	border: 1px solid #ceccc8;
    padding: 5px;
}

td.spec {
	border: 1px solid #FFFFFF;
	border-right:none;
    padding: 5px;
}

td.spec2 {
	border-left:1px solid #FFFFFF;
    padding: 2px 2px 2px 2px;
}

td.spec3 {
	border-right:1px solid #FFFFFF;
    padding: 2px 2px 2px 2px;
}

td.spec4paarsKleur {
	border-right:1px solid #FFFFFF;
    padding: 2px 2px 2px 2px;
	background-color:#B2AABD;
	font-weight:normal;
	
}


.homeTh{
    color: #335566;
    letter-spacing: 2px;
    text-transform: uppercase;
    text-align: left;
    padding: 6px 6px 6px 10px;
    font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: bold;
    border-top: 0;
	border-left: 0;
}



.homeTd{
	padding:0;
    border-top:1px solid gray;
	border-left: 0;
    border-right: 0;
	border-bottom:1px solid gray;
}

/* Footer */
#footer{
postition:relative;

background-color:#D3D3D3;
width:100%;
text-align:center; 
margin-right: auto;
margin-left: auto;
margin-top:0px;
padding-top:3px;
height: 5%; 
min-width: 1000px;
}

#foooter2{
   position:absolute;
   bottom:0;
	
height:100%; 
padding-top: 3px;
padding-bottom: 8px; 
}

#footer a:visited{color:#5C4394;}
#footer a:link{color:#5C4394;}
#footer a:hover{color:#9C85C7;}



#main {
	min-height:100%;
	height:auto;
	width:987px;
	margin-right: auto;
	margin-left: auto;
	background-image:url(images/bckgrn-repeatedit.png);
	background-position: center 0;
	background-repeat: repeat-y;
}

#main .leftColumn{
	/*background-image:url(images/leftsidebar_image.gif);*/
	background-repeat:repeat-y;
    float:left;
	height:100%;
    width:160px;
    text-align: right;
}
#main .middleColumn{
    float:left;
    width:661px;    
    height:100%;
    padding-left: 3px;
	/*border:1px #993333 solid;*/
}
#main .rightColumn{
    background-image:url(images/rightsidebar_image.gif);
	background-repeat:no-repeat;
    float:right;
    width:160px;
	height:100%;
    text-align: left;
}

.label2 {
    text-align: left;
    float: left;
    width: 130px;
    /*margin-right: 5px; */
    margin-right: 0.5em;
}

.label3 {
  text-align: left;
  
}
.inputveldInschrijven3 {
    background: white;
    border: 1px solid  #CCCCCC;
}

.labelzoeken {
    text-align: left;
    padding: 4px;
    width: 180px;
    /*margin-right: 5px; */
    margin-right: 3em;
}

td.inlogg {
    padding: 4px;
}


/*button color*/
input.send-btn {
    /*margin-left: 7.2em;*/
    color: #000;
    border: 2px outset #d7b9c9;
    background-color: #CC9933;
}


.inputveldInschrijven {
	padding:2px;
    background: white;
    width: 200px;
   border: 1px solid  #CCCCCC;
}



.helpText {
	padding:2px 2px 2px 22px;
}
.helpTitle {
margin-bottom:4px;
margin-top:10px;
padding-left:5px;
}
.label {
   /* margin: 0 0 0 5px;*/
	padding:0 0 0 5px;
    width: 180px;
    /*margin-right: 5px; */
    margin: 0 0px 0 -5px;
	text-align:left;
}

.inputveld {
    background: white;
    padding: 4px;
    width: 200px;
     border: 1px solid  #CCCCCC;
}
form.login{
	padding:5px 5px 5px 10px;
}  
p.normaltekst{
padding:5px;
}   
.ster { color:#FF0000; font-weight: bold; } 
 
.inloggenknop{
margin: 0 0 0 400px;
cursor: pointer;
width: 77px;
height: 31px;
background-image: url(images/inloggenknop2.gif);
border: 0px solid white;
}                     <!-- binnen table start hier -->

a.speciaal{
padding:5px;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-weight: normal;
text-decoration: none;
margin: 0 0 0 17px;
}

a.speciaal:link, a.speciaal:visited{
color: #24006B;
padding:5px;
margin: 0 0 0 17px;
}

a.speciaal:hover, a.speciaal:active{
color: #AA80FF;
padding:5px;
margin: 0 0 0 17px;
}

.box-two {
 width: 647px; 
 border: 1px solid  #999999; 
 position: relative; 
 margin: 10px 0 0 0;
 }
.tl		{ position: absolute; width: 11px; height: 11px; background: url(images/l_hoek1.gif); top: -1px; left: -1px; }
.tr		{ width: 11px; height: 11px; background: url(images/r_hoek2.gif); position: absolute; top: -1px; right: -1px; }
.bl		{ width: 11px; height: 11px; background: url(images/l_hoek3.gif); position: absolute; bottom: -1px; left: -1px; }
.br		{ width: 11px; height: 11px; background: url(images/r_hoek4.gif); position: absolute; bottom: -1px; right: -1px; }
.inside	{ padding:  0 0 0 3px; }



td.reactie {
    padding:2px 2px 0 2px;
	font-weight:normal;
	border-top:1px solid #999999;
	border-right:1px solid #999999;	
}

td.reactie2 {
    padding:2px 2px 0 4px;
	font-weight:bold;
	border-right:1px solid #999999;	
}

td.reactieTop {
    padding:2px 2px 0 8px;
	font-weight:bold;
	border-top:1px solid #999999;
}

.thKop{
padding:4px;
margin: 0 0 0 200px;
}
.tekstdetails { font-size: 12px; }
.tekstvlak { margin: -3px 15px 6px 15px; padding: 0; }

/*start new button */
.clear { /* generic container (i.e. div) for floating buttons */
    overflow: hidden;
    width: 100%;
}

.opslaanknop{
cursor: pointer;
width: 81px;
height: 24px;
background-image: url(images/opslaanknop.gif);
border: 0px solid white;
}
.inschrijvenknop{
cursor: pointer;
width: 97px;
height: 25px;
background-image: url(images/inschrijvenknop.gif);
border: 0px solid white;
}
.zoeknavigatie{
    border: 0;
}

.zoekenknop{
cursor: pointer;
width: 76px;
height: 30px;
background-image: url(images/zoekenknop.gif);
background-repeat:no-repeat;
border: 0px solid white;
}

.labelzoeken {
    text-align: left;
    padding 4px;
    width: 180px;
    /*margin-right: 5px; */
    margin-right: 3em;
}
.inputveldzoeken {
    background: white;
    width: 190px;
    border: 1px solid #cccccc;
}
.verstuurwachtwoordknop{
cursor: pointer;
width: 151px;
height: 24px;
background-image: url(images/verstuurwachtwoordknop.gif);
border: 0px solid white;
}
.inloggenknop{
cursor: pointer;
width: 82px;
height: 24px;
background-image: url(images/inloggenknop.gif);
border: 0px solid white;
}
.plaatsenknop{
cursor: pointer;
width: 83px;
height: 24px;
background-image: url(images/plaatsenknop.gif);
border: 0px solid white;
}
.jaknop{
cursor: pointer;
width: 49px;
height: 24px;
background-image: url(images/jaknop.gif);
border: 0px solid white;
}
.neeknop{
cursor: pointer;
width: 58px;
height: 24px;
background-image: url(images/neeknop.gif);
border: 0px solid white;
}

.thumbtable{
cursor:pointer;
border:1px solid #CCCCCC; 
padding:3px; 
background-color:#FFFFFF; 
width:128px;
}

.thumbtable:hover{ 
border:1px solid #666666;  
}

.thumbtd{
border: 0px;
}

/* start roundHoek */

.fixedroundblack {
border:1px solid #c2c2c2;
}
.fluidroundblack {
border:1px solid white;
width: 100%;
color: #fff;
}

.topfiller, .bottomfiller, .roundtop, .roundtopright,.roundbottom, .roundbottomright {
height:6px;
font-size:1px;
line-height:1px;
}

.bottomfiller, .topfiller {
width: 100%;
clear:both;
position:relative;
}

.roundtop { 
background: url(images/circel.gif) no-repeat top left; 
width:6px;
float:left;
position:relative;
top:-1px;
left:-1px;    
}

.roundtopright { 
background: url(images/circel.gif) no-repeat top right; 
float:right;
width:6px;
position:relative;
top:-1px;
left:1px;    
}

.roundbottom {
background: url(images/circel.gif) no-repeat top left; 
background-position: 0 -6px ;
width:6px;
float:left;
position:relative; 
top:1px;
left:-1px;
}

.roundbottomright {
background: url(images/circel.gif) no-repeat top right; 
background-position: -6px -6px ;
width:6px;
float:right;
position:relative; 
top:1px;
left:1px;
}
/* end roundHoek */