diff --git a/application/controllers/monpas/Beheer.php b/application/controllers/monpas/Beheer.php
index 326c8c4..785e2c0 100644
--- a/application/controllers/monpas/Beheer.php
+++ b/application/controllers/monpas/Beheer.php
@@ -155,15 +155,20 @@ class  Beheer extends MY_Controller{
 
     function moduleinsop(){
         if (!$this->userid) die;
-        $sopID = $this->clean_input("sopID");
         $modulenr = $this->clean_input("sysnr");
         $inSOP = $this->clean_input("inSOP");
-        if ($sopID > 0) {
-            $this->Compactsoponderdelen_model->update_record(['in_sop' => $inSOP], $sopID);
+        $blokjesnaam = $this->clean_input("blokjesnaam");
+        $sopnaam = $this->clean_input("sopnaam");
+        $sopID = $this->Compactsoponderdelen_model->get_fieldvalue(['module_nr' =>$modulenr], 'id');
+        if ($sopID ) {
+            $this->Compactsoponderdelen_model->update_record(
+                ['in_sop' => $inSOP,
+                'sopnaam' => $sopnaam,
+                'blokjesnaam' => $blokjesnaam], $sopID);
         } else {
             $sopID = $this->Compactsoponderdelen_model->insert_record(
-                ['sopnaam' => '',
-                    'blokjesnaam' => '',
+                ['sopnaam' => $sopnaam,
+                    'blokjesnaam' => $blokjesnaam,
                     'module_nr' => $modulenr,
                     'in_sop' => $inSOP
                 ]
@@ -175,10 +180,11 @@ class  Beheer extends MY_Controller{
 
     function savesopnaam(){
         if (!$this->userid) die;
-        $sopID = $this->clean_input("sopID");
+
         $modulenr = $this->clean_input("sysnr");
         $sopnaam = $this->clean_input("sopnaam");
-        if ($sopID > 0) {
+        $sopID = $this->Compactsoponderdelen_model->get_fieldvalue(['module_nr' =>$modulenr], 'id');
+        if ($sopID ) {
             $this->Compactsoponderdelen_model->update_record(['sopnaam' => $sopnaam], $sopID);
         } else {
             $sopID = $this->Compactsoponderdelen_model->insert_record(
@@ -195,10 +201,10 @@ class  Beheer extends MY_Controller{
 
     function saveblokjesnaam(){
         if (!$this->userid) die;
-        $sopID = $this->clean_input("sopID");
         $modulenr = $this->clean_input("sysnr");
         $blokjesnaam = $this->clean_input("blokjesnaam");
-        if ($sopID > 0) {
+        $sopID = $this->Compactsoponderdelen_model->get_fieldvalue(['module_nr' =>$modulenr], 'id');
+        if ($sopID) {
             $this->Compactsoponderdelen_model->update_record(['blokjesnaam' => $blokjesnaam], $sopID);
         } else {
             $sopID = $this->Compactsoponderdelen_model->insert_record(
diff --git a/application/controllers/monpas/Compactsop.php b/application/controllers/monpas/Compactsop.php
index 761a50a..b3d853e 100644
--- a/application/controllers/monpas/Compactsop.php
+++ b/application/controllers/monpas/Compactsop.php
@@ -131,11 +131,12 @@ class  Compactsop extends MY_Controller{
         $schooljaarnr       = $this->clean_input('schooljaarnr');
         $onderdelen         = $this->input->post('onderdelen');
         $omvangjaren        = $this->clean_input('jaren');
+        $paginas            = $this->clean_input('paginas');
 
         $compact            = new Compacteonderdelen($schooljaarnr, $onderdelen, $omvangjaren);
         $compacteonderdelen = $compact->getCompacteOnderdelen();
         $schoolID           = $this->globorgid;
-        $html              = (new Compactepaginas($compacteonderdelen))->getHtml();
+        $html              = (new Compactepaginas($compacteonderdelen, $paginas))->getHtml();
 
         file_put_contents(MYROOTPATH.'public/tmp/temp'.$schoolID.'.html', $html);
 
diff --git a/application/libraries/monpas/compactsop/Compacteonderdelen.php b/application/libraries/monpas/compactsop/Compacteonderdelen.php
index 372d3c4..5248c15 100644
--- a/application/libraries/monpas/compactsop/Compacteonderdelen.php
+++ b/application/libraries/monpas/compactsop/Compacteonderdelen.php
@@ -167,35 +167,21 @@ class Compacteonderdelen
 
     private function switchOnderdelen()
     {
-        if (!$this->onderdeel['onderdeelnr']) return;
-        switch ($this->onderdeel['onderdeelnr']) {
-            case 1:
+        if (!$this->onderdeel['type']) return;
+        switch ($this->onderdeel['type']) {
+            case "LIJST":
+                $this->setIJkpunten();
                 $this->setDiversiteit();
                 break;
-            case 2:
-                $this->setIJkpunten();
+            case "DIV":
+                $this->setDiversiteit();
                 break;
-            case 3:
+            case "OMVANG":
                 $this->setSetOmvang();
                 break;
-            case 4:
-            case 5:
-            case 6:
-                $this->setIJkpunten();
-                break;
-            case 7:
+            case "FIN":
                 $this->setMiddelen();
                 break;
-            case 8:
-            case 9:
-                $this->setIJkpunten();
-                break;
-            case 10:
-                $this->setDiversiteit();
-                break;
-            case 11:
-            case 12:   $this->setIJkpunten();
-                break;
         }
     }
 
@@ -392,7 +378,6 @@ class Compacteonderdelen
 
         private function setScorevorm(){
             if(!$this->onderdeel['orgversieid']) return;
-            if($this->onderdeel['onderdeelnr'] == 7) return;
                 $this->scorevorm =
                 $this->CI->Orgversies_model->get_fieldvalue( ['id' => $this->onderdeel['orgversieid'] ],'vorm');
         }
@@ -429,17 +414,16 @@ class Compacteonderdelen
         }
 
     private function setOnderdeel(){
-        if (!$this->onderdeel['onderdeelnr']) return;
+        if (!$this->onderdeel['modulenr']) return;
 //                $this->onderdeelcs['breed'] = 'F';
 
-        $result = $this->CI->Compactsoponderdelen_model->getOnderdeel($this->onderdeel['onderdeelnr'], $this->organisatie->soort);
-        $this->onderdeel['html'] = $result->pad;
-        $this->onderdeel['breed'] = 'F';
+        $html = $this->CI->Compactsoponderdelen_model->getPad($this->onderdeel['modulenr']);
+        $this->onderdeel['html'] = $html;
         if($this->data){
             $this->onderdeel['data'] =
             ['data' =>$this->data,
-             'naam' =>$result->naam,
-             'chartid'=>$result->blokid];
+             'naam' =>$this->onderdeel['naam'],
+             'chartid'=>'blokje' . $this->onderdeel['modulenr']  ];
         }
 
     }
diff --git a/application/libraries/monpas/compactsop/Compactepaginas.php b/application/libraries/monpas/compactsop/Compactepaginas.php
index 4e1134a..62378a8 100644
--- a/application/libraries/monpas/compactsop/Compactepaginas.php
+++ b/application/libraries/monpas/compactsop/Compactepaginas.php
@@ -23,9 +23,10 @@ class Compactepaginas
     private $gegevens;
     private $gegevensarray   = [];
 
-    public function __construct($onderdelen){
+    public function __construct($onderdelen, $paginas){
         $this->CI                  = &get_instance();
         $this->compacteonderdelen  = $onderdelen;
+        $this->aantalpaginas       = $paginas;
         $this->handle();
     }
 
@@ -42,8 +43,8 @@ class Compactepaginas
         $this->setLegenda();
         $this->setOnderdelen();
         $this->SetSchooljaar();
-        $this->loopOnderdelen();
-        $this->setAantalPaginas();
+//        $this->loopOnderdelen();
+//        $this->setAantalPaginas();
         $this->maakPaginas();
         $this->loopPaginas();
         $this->loopGegevensArray();
@@ -68,46 +69,46 @@ class Compactepaginas
     }
 
 
-    private function loopOnderdelen(){
-        foreach($this->onderdelen as $index => $this->onderdeel ) {
-            $this->setDivBreedte();
-            $this->setMiddelenBreedte();
-            $this->setOnderdelenDef();
-        }
-    }
+//    private function loopOnderdelen(){
+//        foreach($this->onderdelen as $index => $this->onderdeel ) {
+////            $this->setDivBreedte();
+////            $this->setMiddelenBreedte();
+//            $this->setOnderdelenDef();
+//        }
+//    }
 
-    private function setDivBreedte(){
-        if (!$this->onderdeel['onderdeelnr']) return;
-        if($this->onderdeel['onderdeelnr'] != 1 && $this->onderdeel['onderdeelnr'] != 10 ) return;
-        $aantalGroepen = count($this->onderdeel['data']['data']['groepen']);
-        if($aantalGroepen > 8){
-            $this->divBreed = 'T';
-            $this->onderdeel['breed'] = 'T';
-        }
-    }
+//    private function setDivBreedte(){
+//        if (!$this->onderdeel['modulenr']) return;
+//        if($this->onderdeel['onderdeelnr'] != 1 && $this->onderdeel['onderdeelnr'] != 10 ) return;
+//        $aantalGroepen = count($this->onderdeel['data']['data']['groepen']);
+//        if($aantalGroepen > 8){
+//            $this->divBreed = 'T';
+//            $this->onderdeel['breed'] = 'T';
+//        }
+//    }
 
-    private function setMiddelenBreedte(){
-        if (!$this->onderdeel['onderdeelnr']) return;
-        if($this->onderdeel['onderdeelnr'] != 7 || $this->middelenBreed == 'T') return;
-        $this->middelenBreed = 'T';
-        $this->onderdeel['breed'] = 'T';
-    }
+//    private function setMiddelenBreedte(){
+//        if (!$this->onderdeel['onderdeelnr']) return;
+//        if($this->onderdeel['onderdeelnr'] != 7 || $this->middelenBreed == 'T') return;
+//        $this->middelenBreed = 'T';
+//        $this->onderdeel['breed'] = 'T';
+//    }
 
-    private function setOnderdelenDef(){
-        $this->onderdelendef[] = $this->onderdeel;
-    }
+//    private function setOnderdelenDef(){
+//        $this->onderdelendef[] = $this->onderdeel;
+//    }
 
-    private function setAantalPaginas(){
-        $ruimte = count($this->onderdelen);
-        if($this->divBreed == 'T'){
-            $ruimte = $ruimte + 1;
-        }
-        if($this->middelenBreed == 'T'){
-            $ruimte = $ruimte + 1;
-        }
-
-        $this->aantalpaginas = ceil($ruimte/4);
-    }
+//    private function setAantalPaginas(){
+//        $ruimte = count($this->onderdelen);
+//        if($this->divBreed == 'T'){
+//            $ruimte = $ruimte + 1;
+//        }
+//        if($this->middelenBreed == 'T'){
+//            $ruimte = $ruimte + 1;
+//        }
+//
+//        $this->aantalpaginas = ceil($ruimte/4);
+//    }
 
     private function maakPaginas(){
         for ($i = 0; $i < $this->aantalpaginas; $i++) {
@@ -130,8 +131,8 @@ class Compactepaginas
     }
 
     private function loopOnderdelendef(){
-        foreach($this->onderdelendef as $index=> $this->onderdeel){
-            if(!$this->onderdeel['onderdeelnr']) continue;
+        foreach($this->onderdelen as $index=> $this->onderdeel){
+            if(!$this->onderdeel['modulenr']) continue;
             if(intval($this->onderdeel['paginanr'])== $this->pagina->paginanummer) {
                 $this->setCompactArray();
                 $this->plaatsOnderdelenBreed();
diff --git a/application/libraries/monpas/compactsop/Compacteversies.php b/application/libraries/monpas/compactsop/Compacteversies.php
index b8f9506..30c535c 100644
--- a/application/libraries/monpas/compactsop/Compacteversies.php
+++ b/application/libraries/monpas/compactsop/Compacteversies.php
@@ -5,6 +5,7 @@ class Compacteversies
     private $CI;
 
     private $schooljaar;
+    private $organisatie;
     private $kalenderjaar1;
     private $kalenderjaar2;
     private $jaarnr1;
@@ -66,21 +67,21 @@ class Compacteversies
     }
 
     private function setSWVID(){
-        $organisatie =$this->CI->Organisaties_model->get_record_by_id($this->CI->globorgid);
-        if ($organisatie) {
-            switch ($organisatie->soort) {
+        $this->organisatie =$this->CI->Organisaties_model->get_record_by_id($this->CI->globorgid);
+        if ($this->organisatie) {
+            switch ($this->organisatie->soort) {
                 case "1":
-                    $this->swvID = $organisatie->id;
+                    $this->swvID = $this->organisatie->id;
                     break;
                 case "2":
-                    $this->swvID = $organisatie->valtonder_id;
+                    $this->swvID = $this->organisatie->valtonder_id;
                     break;
                 case "3" :
-                    $kamer = $this->CI->Organisaties_model->get_record_by_id($organisatie->valtonder_id);
+                    $kamer = $this->CI->Organisaties_model->get_record_by_id($this->organisatie->valtonder_id);
                     $this->swvID = $kamer->valtonder_id;
                     break;
                 case "4":
-                    $kamer = $this->CI->Organisaties_model->get_record_by_id($organisatie->valtonder_id);
+                    $kamer = $this->CI->Organisaties_model->get_record_by_id($this->organisatie->valtonder_id);
                     $bestuur = $this->CI->Organisaties_model->get_record_by_id($kamer->valtonder_id);
                     $this->swvID = $bestuur->valtonder_id;
                     break;
@@ -92,20 +93,18 @@ class Compacteversies
     }
 
     private function setCompactSopOnderdelen(){
-        $this->onderdelen = $this->CI->Compactsoponderdelen_model->getOnderdelen($this->orgsoortnr, $this->swvID,
-            $this->schooljaar->schooljaarnr);
+        $this->onderdelen = $this->CI->Compactsoponderdelen_model->getOnderdelen( $this->organisatie->id);
     }
 
     private function loopCompactSop(){
         if ($this->onderdelen){
             foreach($this->onderdelen as $index=> $this->onderdeel) {
-                $this->onderdeel->licentie = 'F';
                 $this->onderdeel->gegevens = 'F';
-                $this->setModuleMetLicentie();
                 $this->setExtraOmvang();
                 $this->setDivSchooltypes();
                 $this->setDiversiteit();
                 $this->setBudgetten();
+                $this->setOrgVersies();
                 $this->setGeopendeVersies();
                 $this->loopGeopendeVersies();
                 $this->setSelectedLijstOnderdelen();
@@ -113,14 +112,8 @@ class Compacteversies
         }
     }
 
-    private function setModuleMetLicentie(){
-        $this->onderdeel->modulenr =
-            $this->CI->Compactsoponderdelen_model->getModuleMetLicentie($this->CI->globorgid, $this->onderdeel->nummer, $this->orgsoortnr);
-        if($this->onderdeel->modulenr) $this->onderdeel->licentie = 'T';
-    }
 
     private function setDivSchooltypes(){
-        if($this->onderdeel->licentie =='F') return;
         switch($this->onderdeel->modulenr){
             case 1: $this->onderdeel->schooltype = 'Alle';
             break;
@@ -147,10 +140,8 @@ class Compacteversies
     }
 
     private function setDiversiteit(){
-        if($this->onderdeel->licentie =='F') return;
-        if($this->onderdeel->nummer != 1 && $this->onderdeel->nummer != 10) return;
+        if($this->onderdeel->instrument_type != "DIV") return;
         $module = $this->onderdeel->modulenr;
-        if(isset($this->swvID) && $this->swvID == 150 && $this->schooljaar->schooljaarnr > 8 && $this->onderdeel->modulenr != 270) $module = 660;
         $this->aantallln = $this->CI->Groepen_model->getversiesmetleerlingengoedeversie(
             $this->CI->globorgid, $this->schooljaarnr, $this->onderdeel->schooltype, $module);
 
@@ -168,7 +159,7 @@ class Compacteversies
 
     private function setExtraOmvang(){
 
-        if($this->onderdeel->nummer != 3 || $this->onderdeel->licentie == 'F')  return;
+        if($this->onderdeel->instrument_type != "LIJST")  return;
         $schooljaren = $this->CI->Aantalleerlingen_model->get_gevuldeschooljaren_Sop($this->schooljaarnr, $this->orglist);
         if($schooljaren && count($schooljaren) > 0) {
             $this->onderdeel->gegevens = 'T';
@@ -195,7 +186,7 @@ class Compacteversies
     }
 
     private function setBudgetten(){
-        if($this->onderdeel->nummer != 7 || $this->onderdeel->licentie == 'F')  return;
+        if($this->onderdeel->instrument_type != "FIN")  return;
         $this->onderdeel->budgetversies = [];
         $this->budgetten = $this->CI->Finbestemmingen_model->getTotaalSchoolBestedingen($this->CI->globorgid, $this->jaarnr1);
         if($this->budgetten > 0){
@@ -211,15 +202,25 @@ class Compacteversies
         }
     }
 
+    private function setOrgVersies(){
+        if($this->onderdeel->instrument_type != "LIJST" ) return;
+        $this->onderdeel->erZijnOrgVersies = 'F';
+        $this->onderdeel->gegevens = 'F';
+        $orgversies = $this->CI->Orgversies_model->getOrgversiesBijSOP($this->swvID, $this->onderdeel->modulenr);
+        if($orgversies){
+            $this->onderdeel->erZijnOrgVersies = 'T';
+
+        }
+    }
+
     private function setGeopendeVersies(){
-        if($this->onderdeel->ijkpunten == 'F' || $this->onderdeel->licentie =='F') return;
+        if($this->onderdeel->instrument_type != "LIJST" ) return;
         $this->onderdeel->geopendeversies = $this->CI->Filledversions_model->getfilledversions_bij_orglist(
             $this->orglist, $this->onderdeel->modulenr);
     }
 
     private function loopGeopendeVersies(){
-        if($this->onderdeel->ijkpunten == 'F'|| $this->onderdeel->licentie =='F') return;
-        if(!$this->onderdeel->geopendeversies) return;
+        if($this->onderdeel->instrument_type != "LIJST" ||!$this->onderdeel->geopendeversies ) return;
         $this->onderdeel->erIsEenVersie= 'F';
         $this->onderdeel->gegevens= 'F';
         $this->onderdeel->filledversies = [];
@@ -291,8 +292,7 @@ class Compacteversies
     }
 
     private function setSelectedLijstOnderdelen(){
-        if($this->onderdeel->licentie == 'F') return;
-        if($this->onderdeel->ijkpunten == 'F') return;
+        if($this->onderdeel->instrument_type != "LIJST") return;
         if(!isset($this->onderdeel->filledversies) || count($this->onderdeel->filledversies) == 0) return;
         $this->onderdeel->erIsEenVersie = "T";
         $this->onderdeel->gegevens = "T";
diff --git a/application/models/monpas/Compactsoponderdelen_model.php b/application/models/monpas/Compactsoponderdelen_model.php
index e513e22..2720a2d 100644
--- a/application/models/monpas/Compactsoponderdelen_model.php
+++ b/application/models/monpas/Compactsoponderdelen_model.php
@@ -12,21 +12,38 @@ class compactsoponderdelen_model extends MY_Model{
 		$this->load->model($models);
 	}
 
-    function getOnderdelen($orgsoort, $swvID, $schooljaarnr){
-        $this->sql =   "SELECT 	  C.naam, C.naamkort, C.ijkpunten, C.vergelijking, S.pad, S.blokid, C.nummer, 
-                                  S.toon_nummer
-						FROM 	  tb_compactsoponderdelen C
-                        JOIN      tb_compactonderdeel_piv_orgsoort S ON C.id = S.onderdeel_id
-                        WHERE     S.org_soort = {$orgsoort} ";
+//    function getOnderdelen($orgsoort, $swvID, $schooljaarnr){
+//        $this->sql =   "SELECT 	  C.naam, C.naamkort, C.ijkpunten, C.vergelijking, S.pad, S.blokid, C.nummer,
+//                                  S.toon_nummer
+//						FROM 	  tb_compactsoponderdelen C
+//                        JOIN      tb_compactonderdeel_piv_orgsoort S ON C.id = S.onderdeel_id
+//                        WHERE     S.org_soort = {$orgsoort} ";
+//
+//                        if($swvID == 150 && $schooljaarnr > 8){
+//                            $this->sql .= "AND C.nummer <> 1 ";
+//                        }
+//                        else {
+//                            $this->sql .= "AND C.nummer <> 10 ";
+//                        }
+//
+//					  $this->sql .= "	ORDER BY S.toon_nummer ";
+//        return $this->get_query_result();
+//    }
 
-                        if($swvID == 150 && $schooljaarnr > 8){
-                            $this->sql .= "AND C.nummer <> 1 ";
-                        }
-                        else {
-                            $this->sql .= "AND C.nummer <> 10 ";
-                        }
-
-					  $this->sql .= "	ORDER BY S.toon_nummer ";
+    function getOnderdelen($orgid){
+        $this->sql =" SELECT M.sysnr as modulenr, M.naam AS instrument, M.instrument_type, COALESCE(C.naam, 'geen') AS cluster,
+                        COALESCE(C.naam, 'aaaa') AS ordening, SOP.id,
+                        SOP.sopnaam AS naam, SOP.blokjesnaam AS naamkort
+        
+					 FROM tb_modules M
+					 JOIN tb_compactsoponderdelen SOP on M.sysnr = SOP.module_nr
+					 JOIN tb_licenties L ON M.sysnr = L.modulenr    
+                     LEFT JOIN tb_cluster C ON M.cluster_id = C.id
+					   
+                     WHERE  L.orgid = {$orgid}
+                     AND    SOP.in_sop = 'T'
+                        
+					 ORDER BY ordening, instrument";
         return $this->get_query_result();
     }
     function getOnderdeel($nummer, $orgsoort){
@@ -39,6 +56,8 @@ class compactsoponderdelen_model extends MY_Model{
     }
 
 
+
+
 function getModuleMetLicentie($orgid, $onderdeelnummer, $orgsoort){
     $this->sql =       "SELECT 	  L.modulenr
 						FROM 	  tb_compactsoponderdelen CO
@@ -52,4 +71,6 @@ function getModuleMetLicentie($orgid, $onderdeelnummer, $orgsoort){
     return $this->get_query_row("modulenr");
 }
 
+
+
 }
diff --git a/application/models/monpas/Modules_model.php b/application/models/monpas/Modules_model.php
index d38ff38..d565802 100644
--- a/application/models/monpas/Modules_model.php
+++ b/application/models/monpas/Modules_model.php
@@ -117,6 +117,14 @@ class Modules_model extends MY_Model{
         return $this->get_query_result();
     }
 
+    function getPad($modulenr){
+        $this->sql =   "SELECT 	  pad
+                        FROM      tb_compactsoppaden P 
+                        JOIN      tb_modules M ON p.instrument_type = M.instrument_type
+                        WHERE     M.sysnr = {$modulenr} ";
+        return $this->get_query_row("pad");
+    }
+
 
 
 
diff --git a/application/models/monpas/Orgversies_model.php b/application/models/monpas/Orgversies_model.php
index 9fe7a17..d2b820b 100644
--- a/application/models/monpas/Orgversies_model.php
+++ b/application/models/monpas/Orgversies_model.php
@@ -186,5 +186,19 @@ class Orgversies_model extends MY_Model{
 					ORDER BY UPPER(omschrijving) DESC";							
 		return $this->get_query_result();			
 	}
-	
+
+    function getOrgVersiesBijSop($swvid, $modulenr){
+        $this->sql = "SELECT OV.id,V.naam  
+					FROM tb_orgversies OV 
+					JOIN tb_versies V ON V.id =OV.versie_id
+                    JOIN tb_organisaties O ON OV.organisatie_id = O.id 
+					WHERE (O.id = {$swvid} OR O.valtonder_id = {$swvid})
+					AND V.modulenr = {$modulenr}
+			
+					 ";
+        return $this->get_query_result();
+
+    }
+
+
 }
\ No newline at end of file
diff --git a/application/views/monpas/compactsop/diversiteitcompact.php b/application/views/monpas/compactsop/diversiteitcompact.php
index 0bee1bb..8ffd12b 100644
--- a/application/views/monpas/compactsop/diversiteitcompact.php
+++ b/application/views/monpas/compactsop/diversiteitcompact.php
@@ -91,14 +91,14 @@
                 </tbody>
             </table>
         </div>
-        <?php if ($data['groepen']){
+        <?php if ($data['groepen'] && $chartid){
             $width = 600;
             $aantal = count($data['groepen']);
             if($aantal < 9) $width = 300;
          }?>
 
         <div class=" sopDivKaderGrafiek" style="margin-top: 25px; height: 230px;">
-            <div class="highcharts-background" id="dqGroep" style="height:230px; width: <?php echo $width.'px'?>; "></div>
+            <div class="highcharts-background" id="<?= $chartid ?>" style="height:230px; width: <?php echo $width.'px'?>; "></div>
         </div>
     </div>
 
@@ -114,7 +114,7 @@
                 yas.push(<?=$groep->dq?>);
                 <?php } ?>
 
-                Highcharts.chart('dqGroep', {
+                Highcharts.chart('<?= $chartid ?>', {
                     chart: {
                         type: 'column',
                         animation: false,
diff --git a/application/views/monpas/compactsop/maaksoponderdelen/blokvorm.php b/application/views/monpas/compactsop/maaksoponderdelen/blokvorm.php
index 724dc87..6271429 100644
--- a/application/views/monpas/compactsop/maaksoponderdelen/blokvorm.php
+++ b/application/views/monpas/compactsop/maaksoponderdelen/blokvorm.php
@@ -1,24 +1,22 @@
 <!--class="soponderdeel"-->
 <div class="panel panel-default"
-      data-bind=" css{randinactief: geenLicentie(), geenrand: selected} ">
+      data-bind=" css{ geenrand: selected} ">
 <!--    class="naamvak"-->
     <div class="panel-heading"
          style="height: 60px;"
-            data-bind="css: {inactiefsop: geenLicentie(), 
-                                lichtsop: geenGegevens() && !geenLicentie(), 
-                                 witsop: selected() }">
-            <h4 data-bind="text: toonnummer + '. '+ naam,
+            data-bind="css: {lichtsop: geenGegevens(), witsop: selected() }">
+            <h4 data-bind="text: toonnummer + '. ' + naam(),
                            click: $root.fSelecteerOnderdeel">
             </h4>
     </div>
     <!--        class       ="versievak"-->
     <div class="panel-body"
          style="height: 75px;"
-         data-bind   =" text: infotekst() && ! selected() ? infotekst: '',
-                        style: {color: (geenGegevens() || geenLicentie()) ? '#949494'  : '#333333'} ">
+         data-bind   =" text: infotekst() && ! selected() ? infotekst(): '',
+                        style: {color: (geenGegevens() ? '#949494'  : '#333333'} ">
     </div>
    
-    <!-- ko if : nummer == 3 -->
+    <!-- ko if : type == "OMVANG" -->
 
     <div  data-bind="visible: omvangschooljaren() && omvangschooljaren().length > 1 && !selected()" >
 
@@ -90,7 +88,7 @@
 <!--            data-bind="visible: !erZijnArrangementen(),-->
 <!--                        style: {color: selected()? 'white' : 'black'}">geen arrangementen ingevoerd-->
 <!--        </p>-->
-    <!-- /ko --> <!-- if nummer == 3 -->
+    <!-- /ko --> <!-- if type == "OMVANG" -->
     
     <div  data-bind="visible: orgversies() && orgversies().length > 1 && !selected()" >
         <div data-bind="visible: versies()">
diff --git a/application/views/monpas/compactsop/maaksoponderdelen/kiesonderdelen.php b/application/views/monpas/compactsop/maaksoponderdelen/kiesonderdelen.php
index c1fe67e..aa83143 100644
--- a/application/views/monpas/compactsop/maaksoponderdelen/kiesonderdelen.php
+++ b/application/views/monpas/compactsop/maaksoponderdelen/kiesonderdelen.php
@@ -11,8 +11,7 @@
 
     <div class="col-xs-4" >
         <div class="panel-group" data-bind="foreach: onderdelen ">
-            <!-- ko if:  (toonnummer <= 5 && $parent.orgsoortnummer() == 4) ||
-            (toonnummer <= 3 && $parent.orgsoortnummer() != 4) -->
+            <!-- ko if:  $index() < $root.onderdelen().length/2  -->
             <?php $this->load->view("monpas/compactsop/maaksoponderdelen/blokvorm"); ?>
             <!-- /ko -->
         </div>
@@ -21,8 +20,7 @@
     <div class="col-xs-4" 
          style="border-right: 1px solid lightgrey">
         <div  class="panel-group" data-bind="foreach: onderdelen ">
-            <!-- ko if:  (toonnummer > 5 && $parent.orgsoortnummer() == 4) ||
-             (toonnummer > 3 && $parent.orgsoortnummer() != 4) -->
+            <!-- ko if: $index() >= $root.onderdelen().length/2 -->
                  <?php $this->load->view("monpas/compactsop/maaksoponderdelen/blokvorm"); ?>
             <!-- /ko -->    
         </div>       
@@ -37,7 +35,7 @@
                             color: white; padding: 10px; margin: 5px; 
                             margin-right: 15px; height: 150px; ">
                     <label style="padding-top: 15px; width: 50px; font-size: small;"
-                           data-bind="text: naamkort2() ">
+                           data-bind="text: toonnummer + '. ' + naamkort() ">
                     </label>
                 </div>
                 <!-- /ko -->
@@ -47,7 +45,7 @@
                       style="background-color:#930f50; color: white; 
                             margin: 5px; padding: 10px; height: 150px; ">
                     <label style="padding-top: 15px; width: 50px; font-size: small;"
-                           data-bind="text: naamkort2() ">
+                           data-bind="text: toonnummer + '. ' + naamkort() ">
                     </label>
                 </div>
                 <!-- /ko -->
diff --git a/application/views/monpas/compactsop/maaksoponderdelen/maaklayout.php b/application/views/monpas/compactsop/maaksoponderdelen/maaklayout.php
index b4046cf..df7d875 100644
--- a/application/views/monpas/compactsop/maaksoponderdelen/maaklayout.php
+++ b/application/views/monpas/compactsop/maaksoponderdelen/maaklayout.php
@@ -3,6 +3,7 @@
     
     <div class="row">
         <!-- ko foreach: paginas -->
+        <!-- ko if: paginanummer < 4-->
         <div class= "col-xs-4">
             <div style="margin-top: 20px; 
                         border: 1px solid grey; 
@@ -22,7 +23,7 @@
                                 </div>
 
                                 <div data-bind="visible: gevuld()">
-                                    <div style="color: white; font-size: small " data-bind="text: naamkort2()">
+                                    <div style="color: white; font-size: small; word-break: break-word  " data-bind="text: toonnummer() + '. ' + naamkort()">
                                     </div>
                                 </div>
                             </div>
@@ -39,7 +40,7 @@
                                     </div>
                                 </div>
                                 <div data-bind="visible: gevuld()">
-                                    <div style="color: white; font-size: small " data-bind="text: naamkort2()">
+                                    <div style="color: white; font-size: small; word-break: break-word " data-bind="text: toonnummer() + '. ' + naamkort()">
                                     </div>
                                 </div>
                             </div>
@@ -51,9 +52,65 @@
                     </div>
                         
                 </div>
-            <!-- /ko -->
+        <!-- /ko -->
+        <!-- /ko -->
        
-    </div> <!-- class= row -->        
+    </div> <!-- class= row -->
+    <div class="row">
+        <!-- ko foreach: paginas -->
+        <!-- ko if: paginanummer >= 4 && paginanummer < 7 -->
+        <div class= "col-xs-4">
+            <div style="margin-top: 20px;
+                        border: 1px solid grey;
+                        height: 385px; position: relative">
+                <div data-bind="foreach: $data.blokjes ">
+                    <!-- ko if: ! isBreedBlok() && ! verborgen() -->
+                    <div    class="col-xs-5 "
+                            data-bind="    style:  {marginTop       : bovenmarge(),
+                                                            marginLeft      : linkermarge(),
+                                                            backgroundColor : kleur() },
+                                                    attr:   {title : naam},
+                                                    click:  $root.fHiernaartoe"
+                            style="margin-bottom: 5px;  height: 150px; padding: 10px;  border: 1px solid lightgrey; color: grey; background-color: transparent; position: relative">
+                        <div data-bind="visible: !gevuld()">
+                            <div style="color: grey; background-color: transparent;" data-bind="text: bloknummer()">
+                            </div>
+                        </div>
+
+                        <div data-bind="visible: gevuld()">
+                            <div style="color: white; font-size: small; word-break: break-word " data-bind="text: toonnummer() + '. ' + naamkort()">
+                            </div>
+                        </div>
+                    </div>
+                    <!-- /ko -->
+                    <!-- ko if:  isBreedBlok() && ! verborgen()-->
+                    <div    class="col-xs-10"
+                            data-bind=" style   : {marginTop       : bovenmarge(),
+                                                            backgroundColor : kleur() },
+                                                attr    : {title : naam},
+                                                click   : $root.fHiernaartoe"
+                            style="margin-bottom: 5px;  margin-left: 20px; height: 150px; padding: 10px; border: 1px solid lightgrey; color: grey; background-color: transparent; position: relative">
+                        <div data-bind="visible: !gevuld()">
+                            <div style="color: grey; background-color: transparent;" data-bind="text: bloknummer()">
+                            </div>
+                        </div>
+                        <div data-bind="visible: gevuld()">
+                            <div style="color: white; font-size: small; word-break: break-word " data-bind="text: toonnummer + '. ' + naamkort()">
+                            </div>
+                        </div>
+                    </div>
+                    <!-- /ko -->
+                </div>
+                <div class=col-xs-12 >
+                    <p style="color: grey; float: right" data-bind="text: $index() + 1"></p>
+                </div>
+            </div>
+
+        </div>
+        <!-- /ko -->
+        <!-- /ko -->
+
+    </div> <!-- class= row -->
 </div>
 
 <div class="col-xs-3" >
@@ -65,11 +122,11 @@
                 <div  class     ="  col-xs-5"
                       data-bind ="  click: $root.fSelectVoorPlaatsing,
                                     attr: {title : naam},
-                                    style: {backgroundColor: $root.tobemovedOnderdeel() && $root.tobemovedOnderdeel().nummer == nummer  ? '#69970f' : '#930f50'}"
+                                    style: {backgroundColor: $root.tobemovedOnderdeel() && $root.tobemovedOnderdeel().modulenr == modulenr  ? '#69970f' : '#930f50'}"
                       style     ="  color: white; padding: 10px; margin: 5px; 
                                     margin-right: 15px; height: 150px; ">
-                    <label style="padding-top: 15px; width: 50px; font-size: small"
-                           data-bind="text: naamkort2() ">
+                    <label style="padding-top: 15px; width: 50px; font-size: small; word-break: break-word"
+                           data-bind="text: toonnummer + '. ' + naamkort() ">
                     </label>
                 </div>
                 <!-- /ko -->
@@ -77,11 +134,11 @@
                 <div  class="col-xs-11"
                       data-bind="click: $root.fSelectVoorPlaatsing,
                                  attr: {title : naam},
-                                 style: {backgroundColor: $root.tobemovedOnderdeel() && $root.tobemovedOnderdeel().nummer == nummer  ? '#69970f' : '#930f50'},"
+                                 style: {backgroundColor: $root.tobemovedOnderdeel() && $root.tobemovedOnderdeel().modulenr == modulenr  ? '#69970f' : '#930f50'},"
                       style="color: white; 
                             margin: 5px; padding: 10px; height: 150px; ">
-                    <label style="padding-top: 15px; width: 50px; font-size: small"
-                           data-bind="text: naamkort2() ">
+                    <label style="padding-top: 15px; width: 50px; font-size: small; word-break: break-word ;"
+                           data-bind="text: toonnummer + '. ' + naamkort() ">
                     </label>
                 </div>
                 <!-- /ko -->
diff --git a/application/views/monpas/pages/instrumentencp.php b/application/views/monpas/pages/instrumentencp.php
index 5841ee1..0eddad7 100644
--- a/application/views/monpas/pages/instrumentencp.php
+++ b/application/views/monpas/pages/instrumentencp.php
@@ -7,8 +7,8 @@
                 <tr>
                     <th style="width: 15%; vertical-align: text-top">cluster</th>
                     <th style="width: 25%; vertical-align: text-top">instrument</th>
-                    <th style="width: 30%; vertical-align: text-top">naam in Compact SOP (max. 50 lettertekens)</th>
-                    <th style="width: 20%; vertical-align: text-top">korte naam op gekozen blokje (max. 25 lettertekens)</th>
+                    <th style="width: 30%; vertical-align: text-top">naam in Compact SOP (max. 36 lettertekens)</th>
+                    <th style="width: 20%; vertical-align: text-top">korte naam op gekozen blokje (max. 20 lettertekens)</th>
                     <th style="width: 10%; text-align: right;padding-right: 5px; vertical-align: text-top">in Compact SOP</th>
                 </tr>
                 </thead>
@@ -24,12 +24,12 @@
 
                     <td style="vertical-align: top" ><input style="width:100%"
                                 type="text"
-                                maxlength="50"
+                                maxlength="36"
                                 data-bind="textInput: sopnaam, event:{input: $root.fSaveSopnaam} "/>
                     </td>
                     <td style="vertical-align: top" ><input style="width:100%"
                                 type="text"
-                                maxlength="24"
+                                maxlength="20"
                                 data-bind="textInput: blokjesnaam, event:{input: $root.fSaveBlokjesnaam}"/>
                     </td>
                     <td style="text-align: right; padding-right: 5px;padding-top: 0; vertical-align: top; margin: 0">
diff --git a/public/css/monpas/main.css b/public/css/monpas/main.css
index cdf59d1..5861019 100644
--- a/public/css/monpas/main.css
+++ b/public/css/monpas/main.css
@@ -1183,12 +1183,12 @@ z-index: 50;
 	font-weight: 900;
 	text-decoration: underline;
 }
- .panel-heading.inactiefsop{
-	 background-color: #bfbfbf;
-	 border: 1px solid #bfbfbf;
-	 color: #f2f2f2;
-	 text-decoration: none;
- }
+ /*.panel-heading.inactiefsop{*/
+	/* background-color: #bfbfbf;*/
+	/* border: 1px solid #bfbfbf;*/
+	/* color: #f2f2f2;*/
+	/* text-decoration: none;*/
+ /*}*/
 .panel-heading.witsop{
 	background-color: white;
 	border: none;
@@ -1259,9 +1259,9 @@ z-index: 50;
 /*	text-decoration: none;*/
 /*}*/
 
-.randinactief{
-	border: 1px solid #bfbfbf;
-}
+/*.randinactief{*/
+/*	border: 1px solid #bfbfbf;*/
+/*}*/
 .geenrand{
 	border: none;
 	box-shadow: none;
diff --git a/public/js/monpas/models/compactsopmodel.js b/public/js/monpas/models/compactsopmodel.js
index aa19d3e..11e1a5b 100644
--- a/public/js/monpas/models/compactsopmodel.js
+++ b/public/js/monpas/models/compactsopmodel.js
@@ -20,34 +20,20 @@ mh.initCompactSopModel = function(){
         this.logo          = ko.observable(s.logo)
     }
 
-	function fAddOnderdeel(o) {
-        var dit            = this;
-        this.id            = o.id;
-        this.nummer        = o.nummer;
-        this.toonnummer    = o.toon_nummer;
-        this.ijkpunten     = o.ijkpunten;
-        this.geenLicentie  = ko.observable(o.licentie == "T" ? false : true);
-        this.naam          = o.naam;
-        this.naamkort2     = ko.observable(o.naamkort);
-        // switch(o.nummer){
-        //     case '1': dit.naamkort2('Diversiteit'); break;
-        //     case '2': dit.naamkort2('Bas.Ond.'); break;
-        //     case '3': dit.naamkort2('Omvang Ond.');break;
-        //     case '4': dit.naamkort2('Kwal. Ond.'); break;
-        //     case '5': dit.naamkort2('Exp.Team'); break;
-        //     case '6': dit.naamkort2('Tevr. School'); break;
-        //     case '7': dit.naamkort2('Middelen'); break;
-        //     case '8': dit.naamkort2('Passend Ond.'); break;
-        //     case '9': dit.naamkort2('Exp. SO & SBO'); break;
-        //     case '10': dit.naamkort2('Diversiteit'); break;
-        //     case
-        // }
+	function fAddOnderdeel(i, o) {
+        var dit              = this;
+        this.sopid           = o.id;
+        this.modulenr        = o.modulenr;
+        this.toonnummer      = i+1;
+        this.type            = o.instrument_type;
+        this.naam            = ko.observable(o.naam);
+        this.naamkort        = ko.observable(o.naamkort);
         this.groepen         = ko.observable(o && o.groepen && o.groepen > 8 ? o.groepen : 0);
         this.schooltype      = o.schooltype;
-        this.modulenr        = o.modulenr;
         this.versie          = o.versie;
         this.schooljaar      = o.schooljaar;
         this.aantallln        = ko.observable(o && o.aantallln ? o.aantallln : 0);
+        this.erZijnOrgVersies = o.erZijnOrgVersies === 'T';
         this.gekozenVersie  = ko.observable('');
         this.selected       = ko.observable(false); // selected om geplaatst te worden
         this.opA4           = ko.observable(false); // op een pagina gezet
@@ -82,8 +68,8 @@ mh.initCompactSopModel = function(){
         this.versies        = ko.observable(false);
         this.isBreedBlok    = ko.pureComputed(function(){
                                     if (this.groepen() >=9 ) return true
-                                    if (this.nummer == 7) return true
-                                    // if (this.nummer == 8) return true
+                                    if (this.type == "FIN") return true
+
                                     return false
                                 }, this)
         this.infotekst      = ko.pureComputed(function(){
@@ -91,19 +77,17 @@ mh.initCompactSopModel = function(){
             var tekst       = ''
             var diversiteit = o.erIsDiversiteit === 'T' ? true : false
 
-            if (this.geenLicentie() ) return "Geen licentie voor het instrument bij dit onderdeel." ;
-            if (diversiteit  && (this.nummer == 1 || this.nummer == 10)) return this.versie
-            if (! diversiteit && this.nummer == 1 ) { return "Vul eerst de diversiteitsmeter" + schooljaar + " in."; }
-            if (! diversiteit && this.nummer == 10 ) { return "Vul eerst de diversiteitsmeter PO 2203, "+ schooljaar + " in. "; }
+            if (diversiteit  && (this.type == "DIV")) return this.versie
+            if (! diversiteit && this.type == "DIV" ) { return "Vul eerst de diversiteitsmeter" + schooljaar + " in."; }
 
-            if (this.nummer==7 ){
+            if (this.type== "FIN"){
 
                 if (!this.budgetversies() || this.budgetversies().length === 0 ) return "Vul eerst de monitor financiën in."
                 if (this.budgetversies().length == 1) return "Kalenderjaar: " + this.budgetversies()[0].kalenderjaar()
                 if (this.budgetversies().length > 1) return "Meerdere versies beschikbaar."
                 return 'fout'
             }
-            if (this.nummer==3){
+            if (this.type=="OMVANG"){
                 if(this.omvangschooljaren().length > 1) return "Meerdere schooljaren beschikbaar."
                 if(this.omvangschooljaren().length == 1){
                     var tlvs = "geen tlvs, ";
@@ -117,13 +101,13 @@ mh.initCompactSopModel = function(){
 
                     return "Schooljaar " + this.omvangschooljaren()[0].schooljaarnaam + ', '+ tlvs + arr
                 }
-                if(!this.geenLicentie() && this.omvangschooljaren().length == 0) return "Vul eerst gegevens bij dit instrument in."
+                if(this.omvangschooljaren().length == 0) return "Vul eerst gegevens bij dit instrument in."
             }
 
             if (this.orgversies().length > 1) return "Meerdere versies beschikbaar."
             if (this.orgversies().length == 1) return this.naam  ;
-
-            if (! this.geenLicentie() && this.ijkpunten =="T") return "Vul eerst een lijst bij dit instrument in."
+            if ( !this.orgversies() && this.erZijnOrgVersies) return "Vul eerst een lijst bij dit instrument in."
+            if(!this.erZijnOrgVersies) return "Voor dit instrument is (nog) geen lijst beschikbaar."
             return ''
         },this)
     }
@@ -210,6 +194,7 @@ mh.initCompactSopModel = function(){
 	   var dit = this;
 	   
 	   this.paginanummer   = index + 1;
+
 	   this.blokjes        = ko.observableArray(); 
 	   this.selectedBlokje = ko.observable();
 
@@ -236,13 +221,10 @@ mh.initCompactSopModel = function(){
 	    if(this.bloknummer() === 1 || this.bloknummer() === 3){this.linkermarge('20px'); }
 	    
         this.breedte               = ko.observable('col-xs-5');
-        this.nummer                = ko.observable(bestaandBlokje ? bestaandBlokje.nummer : null);
-        this.toonnummer            = ko.observable(bestaandBlokje ? bestaandBlokje.toonnummer : null);
-        
         this.naam                  = ko.observable(bestaandBlokje ? bestaandBlokje.naam : '');
-      
-        this.naamkort2             = ko.observable(bestaandBlokje.naamkort2);
- 
+        this.toonnummer            = ko.observable(bestaandBlokje.toonnummer)
+        this.naamkort             = ko.observable(bestaandBlokje.naamkort);
+
         this.kleur                 = ko.observable(bestaandBlokje ? bestaandBlokje.kleur : 'transparent');
         this.groepen               = ko.observable(bestaandBlokje ? bestaandBlokje.groepen : 0);
         this.gevuld                = ko.observable(false);
@@ -377,12 +359,7 @@ mh.initCompactSopModel = function(){
             if (self.druk()) return;
             if(self.selectedSchooljaar() === undefined){
                 return;
-                // self.druk(true)
-                // self.fGetSchooljaren()
-                // return
             }
-
-            // return;
             
             $.post("index.php/monpas/compactsop/getCompactsop/" + self.selectedSchooljaar().id, function(result){
                 self.onderdelen.removeAll();
@@ -418,7 +395,7 @@ mh.initCompactSopModel = function(){
                                 self.onderdelen.removeAll();
                                 if(result){
                                     $.each(result, function(i, o){
-                                        self.onderdelen.push(new fAddOnderdeel(o))
+                                        self.onderdelen.push(new fAddOnderdeel(i,o))
                                         self.selectedOnderdeel(self.onderdelen()[0]);
                                         self.toonOnderdelen(true);
                                     });
@@ -431,7 +408,7 @@ mh.initCompactSopModel = function(){
                     self.onderdelen.removeAll();
                     if(result){
                         $.each(result, function(i, o){
-                            self.onderdelen.push(new fAddOnderdeel(o))
+                            self.onderdelen.push(new fAddOnderdeel(i,       o))
                             self.toonOnderdelen(true);
                         });
                     }
@@ -487,8 +464,7 @@ mh.initCompactSopModel = function(){
             var self = mh.CompactSopModel;
             var dit = this;
 
-
-            if (dit.geenGegevens() || dit.geenLicentie()) return;
+            if (dit.geenGegevens()) return;
             self.selectedOnderdeel(this);
 
             if( (dit.orgversies() && dit.orgversies().length > 1) || dit.budgetversies().length > 1 || dit.omvangschooljaren().length > 1) {
@@ -519,10 +495,10 @@ mh.initCompactSopModel = function(){
 
             this.selected(true);
 
-            if(self.selectedOnderdeel().nummer === '1' || self.selectedOnderdeel().nummer === '10' ){
+            if(self.selectedOnderdeel().type  === 'DIV' ){
                  self.selectedOnderdeel().gekozenVersie("");
             }
-            else if(self.selectedOnderdeel().nummer === '3'){
+            else if(self.selectedOnderdeel().type === 'OMVANG'){
                 self.selectedOmvangJaren.removeAll();
                 if(self.selectedOnderdeel().omvangschooljaren().length == 1) {
                     self.selectedOmvangJaren.push(self.selectedOnderdeel().omvangschooljaren()[0].schooljaarnr);
@@ -530,7 +506,7 @@ mh.initCompactSopModel = function(){
                 }
             }
 
-            else if(self.selectedOnderdeel().nummer === '7') {
+            else if(self.selectedOnderdeel().type === 'FIN') {
                  self.selectedOnderdeel().gekozenVersie(this.budgetversies()[0].kalenderjaar())
             }
             else {
@@ -629,14 +605,14 @@ mh.initCompactSopModel = function(){
             var self = mh.CompactSopModel;
 
             var dit = this;
-            if(dit.geenGegevens() || dit.geenLicentie()) return;
+            if(dit.geenGegevens()) return;
 
             self.selectedOnderdeel(this);
             if(self.selectedOmvangJaren().length > 2){
                 apprise("Selecteer maximaal 2 schooljaren");
                 return;
             }
-            if(self.selectedOnderdeel().nummer == 3 && self.selectedOmvangJaren().length == 0){
+            if(self.selectedOnderdeel().type == "OMVANG" && self.selectedOmvangJaren().length == 0){
                 apprise("Selecteer één of twee schooljaren");
                 return;
             }
@@ -683,7 +659,7 @@ mh.initCompactSopModel = function(){
             var aantalOnderdelen =0 
             $.each(self.onderdelen(), function(x,onderdeel){
                 if (onderdeel.selected()){
-                    if(onderdeel.nummer === '7' ||parseInt(onderdeel.groepen()) > 8 ){
+                    if(onderdeel.type === 'FIN' ||parseInt(onderdeel.groepen()) > 8 ){
                         aantalOnderdelen = parseInt(aantalOnderdelen) + parseInt(2);
                     } else {
                         aantalOnderdelen += 1
@@ -693,6 +669,10 @@ mh.initCompactSopModel = function(){
 
             var vellen     =  Math.ceil(aantalOnderdelen/4);
             var p = 0;
+            if(vellen > 6){
+                apprise("U kunt maximaal 6 pagina's vullen.");
+                vellen = 6;
+            }
 
             for(var i = 0; i < vellen; i++){
                 self.paginas.push( new fAddPagina(i, p));
@@ -760,7 +740,7 @@ mh.initCompactSopModel = function(){
                 selectedBlokje = self.paginas()[paginanummer].blokjes()[selectedBlokje.bloknummer() - 2]
             } ;
 
-            selectedBlokje.naamkort2(self.tobemovedOnderdeel().naamkort2());
+            selectedBlokje.naamkort(self.tobemovedOnderdeel().naamkort());
             selectedBlokje.groepen(self.tobemovedOnderdeel().groepen());
             selectedBlokje.isBreedBlok(self.tobemovedOnderdeel().isBreedBlok());
 
@@ -772,11 +752,10 @@ mh.initCompactSopModel = function(){
             selectedBlokje.modulenr(self.tobemovedOnderdeel().modulenr ? self.tobemovedOnderdeel().modulenr : null)
             selectedBlokje.gekozenVersie(self.tobemovedOnderdeel().gekozenVersie() ? self.tobemovedOnderdeel().gekozenVersie() : null)
             selectedBlokje.gekozenVergelijking(self.tobemovedOnderdeel().gekozenVergelijking() ? self.tobemovedOnderdeel().gekozenVergelijking() : null)
-            selectedBlokje.nummer(self.tobemovedOnderdeel().nummer);
-            selectedBlokje.toonnummer(self.tobemovedOnderdeel().toonnummer)
             selectedBlokje.gevuld(true);
             selectedBlokje.kleur('#930f50');
             selectedBlokje.naam(self.tobemovedOnderdeel().naam);
+            selectedBlokje.toonnummer(self.tobemovedOnderdeel().toonnummer);
             self.tobemovedOnderdeel(null)
         },
 
@@ -821,21 +800,20 @@ mh.initCompactSopModel = function(){
             var geplaatst = 0;
             
             $.each(self.onderdelen(), function(i,p){
-                if (p.nummer == blokje.nummer()) {
+                if (p.modulenr == blokje.modulenr()) {
                     p.opA4(false)
                 }
             })
               
             blokje.gevuld(false);
             blokje.verborgen(false);
-            blokje.nummer('');
             blokje.modulenr('');
             blokje.kalenderjaar('');
             blokje.gekozenVersie('');
             blokje.gekozenVergelijking('');
             blokje.kleur('transparent');
             blokje.naam('');
-            blokje.naamkort2('');
+            blokje.naamkort('');
         
             if (blokje.isBreedBlok()){
                 blokje.isBreedBlok(false)
@@ -862,8 +840,10 @@ mh.initCompactSopModel = function(){
                         sop = {
                             'paginanr'    : s.paginanummer,
                             'bloknr'      : s.bloknummer(),
-                            'onderdeelnr' : s.nummer(),
                             'modulenr'    : s.modulenr() ? s.modulenr() : '',
+                            'breed'       : s.isBreedBlok(),
+                            'type'        : s.type ? s.type : '',
+                            'naam'        : s.sopnaam(),
                             'kalenderjaar': s.kalenderjaar() ? s.kalenderjaar() : '',
                             'orgversieid' : s.gekozenVersie() ? s.gekozenVersie() : '',
                             'vergelijkid' : s.gekozenVergelijking() ? s.gekozenVergelijking() : null
@@ -879,7 +859,8 @@ mh.initCompactSopModel = function(){
             var submitData = {
                 'schooljaarnr' : self.selectedSchooljaar().id,
                 'onderdelen'   : sops,
-                'jaren'        : self.selectedOmvangJaren()
+                'jaren'        : self.selectedOmvangJaren(),
+                'paginas': self.paginas().length
 
             };
 
diff --git a/public/js/monpas/models/instrumentencpmodel.js b/public/js/monpas/models/instrumentencpmodel.js
index 129e497..9312fd6 100644
--- a/public/js/monpas/models/instrumentencpmodel.js
+++ b/public/js/monpas/models/instrumentencpmodel.js
@@ -9,8 +9,11 @@ $(function(){
 			this.cluster     = p.cluster
 			this.instrument  = p.instrument;
 			this.inSOP       = ko.observable(p.insop == 'T');
-			this.sopnaam     = ko.observable(p.sopnaam ? p.sopnaam : '');
-			this.blokjesnaam = ko.observable(p.blokjesnaam ? p.blokjesnaam : '');
+			var instrument   = p.instrument;
+			if(instrument.length > 36) instrument = instrument.substr(0,36)
+			this.sopnaam     = ko.observable(p.sopnaam ? p.sopnaam : instrument);
+			if(instrument.length > 20) instrument = instrument.substr(0,20)
+			this.blokjesnaam = ko.observable(p.blokjesnaam ? p.blokjesnaam : instrument);
 
 		}
 
@@ -58,9 +61,10 @@ $(function(){
 					}
 
 					var sd ={
-						'sopID': this.sopID(),
-						'sysnr': this.sysnr,
-						'inSOP': this.inSOP() ? 'T ': 'F'
+						'sysnr'       : this.sysnr,
+						'inSOP'       : this.inSOP() ? 'T ': 'F',
+						'sopnaam'     : dit.sopnaam(),
+						'blokjesnaam' : dit.blokjesnaam(),
 
 					};
 					$.post("index.php/monpas/beheer/moduleinsop/",sd, function(result) {
@@ -82,9 +86,9 @@ $(function(){
 					timeout = setTimeout(function () {
 
 						var submitData = {
-							'sopID': dit.sopID(),
 							'sysnr': dit.sysnr,
-							'sopnaam': dit.sopnaam()
+							'sopnaam': dit.sopnaam(),
+							'blokjesnaam': dit.blokjesnaam()
 
 						};
 						console.log(submitData, "sopnaam")
@@ -114,7 +118,6 @@ $(function(){
 
 
 							var submitData = {
-								'sopID': dit.sopID(),
 								'sysnr': dit.sysnr,
 								'blokjesnaam': dit.blokjesnaam()
 							};