/* Kleuren */
.bordeau{ color:#990000; }
.wit{ color:#FFFFFF; }
.grijs{ color: #666666; }
.donkergrijs{ color:#999999; }
.groen{ color: #009900; }
.rood{ color:#FF0000; }
.blauw{ color: #0000CC; }
.lblauw{ color: #0066FF; }
.kopkleur{ color: #CC3399; }


.witborder{ border: 1px solid #FFFFFF; }

.agblauw{ background-color: #0064B0; }
.aggroen{ background-color: #009C00; }
.agroze{ background-color: #FF3399; }
.agoranje{ background-color: #FE5901; }
.aggoud{ background-color:#E8CF20; }
.agwit{ background-color:#FFFFFF; }
.aggrijs{ background-color: #EFEFEF; }
.agrood{ background-color: #C41502; }
.aggroen{ background-color: #006600; }
.agmenu{ background-color: #d4d4ff; }

.block1{ position: relative; padding: 1px; background-color: #FFFFFF; }

.hidden{ visibility:hidden; }
.nietstreep{ text-decoration: none; }
.str{ text-decoration:underline; }
.bdrood{ border-color:#FF0000; }
.sub{ vertical-align:sub; font-size: 10px; }
.sup{ vertical-align:super; font-size: 10px; }

/* layout */
/*lettertype */
.fo10{ font-size: 10px; }
.fo10er{ font-size: 11px;}
.fo14{ font-size: 14px; }
.fo16{ font-size: 16px; }
.fo18{ font-size: 18px; }
.fo80{ font-size: 80px; }

.vet{ font-weight: bold; }
.groot{ font-size: 120%; }
.schuin{ font-style: italic; }

.koppie{ font-size: 14px; font-weight: bold; margin: 0px; margin-left: 10px; }
.koppie16{ font-size: 16px; font-weight: bold; margin-left: 15px; }
.koppie12{ font-size: 12px; font-weight: bold; margin: 0px; margin-left: 5px; vertical-align: middle; }


/* plaats / vorm  */
.rechts{ position: relative; float: right;  }
.rechts2{ position: relative; float: right; width: 182px;  }
.right2 { float: right; }

.tc { text-align: center; }
.tr { text-align: right; }
.tl{ text-align: left; }

.hokjekleur{ float: left; width: 8px; height: 8px; padding: 3px; border:#FFFFFF solid 1px; margin-left: 4px; position: relative; }

.reg1{ width: 100%; float: none; position: relative;  }
.reg2{ width: 100%; float: none;  }
.procent100{ width:100%; position: relative; }
.plaatsing{ position: relative; float: left;   }
.cel1{ float: left; width: 100%; }
.cel2{ float: left; }
.cel3{ float: left; width: 100%; position:relative;  }
.cel4{ position: relative; float: left; }
.cel5{ width: 100%; }
.cel6{ float: inherit; }

.terug{ float: right; margin-right: -60px; z-index: 1001; }
.verder{ float: left; position: absolute; z-index: 1001; }

.l1 { border-bottom: 1px solid #FFFFFF; width: 100%; height: 25px; padding-top: 5px; }
.l3 { background-color:#FFFFFF; padding: 10px; }
.l4 { width: 100%;  height: 25px; padding-top: 5px;   }
.l6 { border-bottom: 1px solid #FFFFFF; width: 100%; height: 15px; padding-top: 2px;   }


.blok{ float: left; position: relative; width: 100%; padding: 0px; border-collapse: collapse; }
.blad02{ background-color:#FFFFFF; width: 100%; float: left;  }

.blo1{ float: left; position: relative; width: 130px; height: 130px; padding: 2px; }
.blo12{ float: left; position: relative; width: 150px; height: 150px; padding: 2px; }
.div_blok{ float: left; position: relative; width: 150px; padding: 5px;  }
.div_blok2{ float: left; position: relative; width: 225px; margin: 5px; }

.block4{ width: 320px; min-height: 200px; float: left; text-align: left; padding: 5px;  }
.verticaal{ vertical-align: bottom; }
.rel{ position:relative; }
.abs{ position: absolute; }

.fotogoed{ position: absolute; left: 25px; top:5px; }
.fotokolom{ right: 10px; top: 80px; }
.in{ z-index: 1002; }



/* marge en padding */
.m{ margin: 0px; }
.m3{ margin: 3px 0px 3px 0px; }
.m3a{ margin: 3px; }
.m5{ margin: 5px; }
.m10{ margin: 10px; }
.m20{ margin-bottom:20px; margin-left:20px; margin-right: 20px; margin-top: 20px; }

.mt3{ margin-top: 3px; }
.mt10{ margin-top: 10px; }
.mt20{ margin-top: 20px;  }


.ml{ margin-left: 10px; }
.ml15{ margin-left: 15px; }
.ml26{ margin-left: 26px; }
.ml50{ margin-left: 50px; }
.ml100{ margin-left: 100px; }

.mr{ margin-right: 10px; }
.mr5{ margin-right: 5px; }

.mb5{  margin-bottom: 5px; }
.mb10{  margin-bottom: 10px; }
.mb3{ margin-bottom: 3px; }
.mb15{ margin-bottom: 15px; }

.pa1{ padding: 1px; }
.pa2{ padding: 2px; }
.pa0{ padding: 0px; }
.pa3{ padding: 3px; }
.pa5{ padding: 5px; }
.pa10{ padding: 10px; }

.pal5{ padding-left: 5px; }
.pal10{ padding-left: 10px; }
.pal20{ padding-left: 20px; }
.pal75{ padding-left: 75px; }

.par10{ padding-right: 10px; }

.pab5{ padding-bottom: 5px; }
.pab10{ padding-bottom: 10px; }

.pat2{ padding-top: 2px; }
.pat5{ padding-top: 5px; }
.pat10{ padding-top: 10px; }
.pat24{ padding-top: 24px; }

.val{ vertical-align:text-bottom; }

.geenfocus{  }
.icon{ height: 50px; width: 50px; position: absolute; padding: 1em 0; top: -10px; right: 1px; }
.icon2{ height: 50px; width: 50px; position: absolute; padding: 1em 0; top: -25px; right: 10px; }
.icon3{ height: 50px; width: 50px; position: absolute; top: -15px; right: 1px; }
/* plaatjes */
.i1{ vertical-align: middle; }
.img2{ vertical-align:top; }
.plaatje{ border: 0px; }
.online_icon{ background: url("../../../im/sym/menu_online.png") no-repeat top right; }
.stat_icon{ background: url("../../../im/sym/menu_stat.png") no-repeat top right; }
.utils_icon{ background: url("../../../im/sym/utilities.png") no-repeat top right; }
.zoek_icon{ background: url("../../../im/sym/zoeken.png") no-repeat top right; }
.achter{ background: url('../../../im/sys/achter.jpg') repeat; }
.punaise{ background: url("../../../im/sys/punaise.png") no-repeat top right; }

/* b en ho */
.b10{ width: 10px; }.b14{ width: 14px; }b16{ width: 16px; }.b20{ width: 20px; }.b21{ width: 21px; }.b23{ width: 23px; }.b24{ width: 24px; }.b25{ width: 25px; }.b26{ width: 26px; }.b30{ width: 30px; }.b35{ width: 35px; }.b40{ width: 40px; }.b50{ width: 50px; }.b60{ width: 60px; }.b70{ width: 70px; }.b75{ width: 75px; }.b80{ width: 80px; }.b90{ width: 90px; }.b95{ width: 95px; }.b98{ width: 98px; }.b100{ width: 100px; }.b120{ width: 120px; }.b130{ width: 130px; }.b150{ width: 150px; }.b170{ width: 170px; }.b180{ width: 180px; }.b182{ width: 182px; }.b200{ width: 200px; }.b225{ width: 225px; }.b250{ width: 250px; }.b280{ width: 280px; }.b300{ width: 300px; }.b325{ width: 325px; }.b350{ width: 350px; }.b375{ width: 375px; }.b400{ width: 400px; }.b425{ width: 425px; }.b450{ width: 450px; }.b470{ width: 470px; }.b480{ width: 480px; }.b500{ width: 500px; }.b520{ width: 520px; }.b530{ width: 530px; }.b550{ width: 550px; } .b600{ width: 600px; } .b650{ width: 650px; }.b660{ width: 660px; }.b680{ width: 680px; }.b690{ width: 690px; } .b700{ width: 700px; }.b750{ width: 750px; }.b770{ width: 770px; }.b890{ width: 890px; }


.s4{ left: 200px; }.s1{ left: -200px; }.s2{ left: -252px; }.s3{ left: -130px; }


.ho3{ height: 3px; }.ho10{ height: 10px; }.ho14{ height: 14px; }.ho16{ height: 16px; }.ho18{ height: 18px; }.ho20{ height: 20px; }.ho22{ height: 22px; }.ho24{ height: 24px; }.ho30{ height: 30px; }.ho35{ height: 35px; }.ho40{ height: 40px; }.ho60{ height: 60px; }.ho80{ height: 80px; }.ho30{ height: 30px; }.ho100{ height: 100px; }.ho130{ height: 130px; }.ho165{ height: 165px; }.ho170{ height: 170px; }.ho210{ height: 210px; }
.homin24{ min-height: 24px; }

.foutmelding{ border: #990000 solid 1px;  color:#990000; background: #EAB4A2; }
.weg{ display: none; }
.fout{ background: #EAB4A2; }
.goed{ background: #9DEA99; }

/* formfouten */
form .reqMark { color: #F00; padding: 0 4px; }
form .errFld { padding: 1px; border: 1px solid #F00; }
form .errMsg {	color: #F00; display: block; }
.question{ float:none; cursor:pointer; }
.answer{ float:none; display:none; }

.to   {
	background-color: #FFFF99; /* vandaag */
}
.to2   {
	background-color: #D9FFD9; /* opgaven */
}
.to3   {
	background-color: #FFFFCC; /* huiswerk */
}
.to4   {
	background-color: #99FF99; /* vakantie */
}
.to7   {
	background-color: #DFDFFF; /* speciaal */
}
.to5   {
	background-color: #EFD7FF; /* opdrachten */
}
.vierkant{ width: 16px; height: 16px; float: left; position: relative; vertical-align: middle; }
.definitie{ width: 500px; background-color:#B3B3FF; border: solid 1px #0064B0; padding: 10px; text-align: left; margin-left: auto; margin-right: auto; }
.afspraak{ width: 500px; background-color: #DDDDFF; border: solid 1px #0064B0; padding: 10px; text-align: left; margin-left: auto; margin-right: auto; }
.submitty{ border: none; margin: 0px; padding: 0px; } 
.afronding_links{  background: url("../../../im/sys/left.png") left no-repeat; width: 9px; height:19px; }
.zoekcontainer { position: relative; width: 140px; }
.door{ text-decoration: line-through;}