<!-- 
BODY {
   margin-top: 0; 
   margin-right: 15; 
   margin-bottom: 5; 
   margin-left: 15;
   background-color:#ffffff; 
}
  -->

TD {
   color:#000000; 
   font-size: 11px; 
   font-family:helvetica, Arial;
}


BODY {
   color: #000000;
   font-family: arial, verdana, helvetica, sans-serif; 
   font-size: 11px; 
   font-weight: normal;
   font-style: normal; 
   text-decoration: none   
}

.contentHome {
    color : #000000;
    padding: 0px;
    width: 100%;
    height: 100%;
    margin: 0 0 0 0;
    overflow: auto;
    overflow-x : hidden;
    float: left;
    scrollbar-arrow-color: #ffffff; 
    scrollbar-face-color: #ffffff; 
    scrollbar-track-color: #d4dbe7; 
    scrollbar-3dlight-color: #d4dbe7; 
    scrollbar-darkshadow-color: #d4dbe7;  
    scrollbar-highlight-color: #d4dbe7; 
    scrollbar-shadow-color: #d4dbe7;}

.content {color: #000000; font-family: arial, verdana, helvetica, sans-serif; font-size: 11px; font-weight: normal;font-style: normal; text-decoration: none}

contentbold {color: #000000; font-family: arial, verdana, helvetica, sans-serif; font-size: 11px; font-weight: bold;font-style: bold; text-decoration: none}
a:hover.contentbold {color: #868fa5; font-family: arial, verdana, helvetica, sans-serif; font-size: 11px; font-weight: bold;font-style: bold; text-decoration: none}

a {color: #000000; font-family: arial, verdana, helvetica, sans-serif; font-size: 11px; font-weight: bold;font-style: bold; text-decoration: none}
a:hover {color: #868fa5; font-family: arial, verdana, helvetica, sans-serif; font-size: 11px; font-weight: bold;font-style: bold; text-decoration: none}

.tabel {color: #000000;background-color:#d4dbe7;border-bottom: #b2b2b2 solid 1px; border-top: #b2b2b2 solid 1px; border-left: #b2b2b2  solid 1px;border-right: #b2b2b2  solid 1px; font-family: arial, verdana, helvetica, sans-serif; font-size: 11px; font-weight: normal; text-decoration: none}

.tabelWit {color: #000000;background-color:#ffffff;border-bottom: #b2b2b2 solid 1px; border-top: #b2b2b2 solid 1px; border-left: #b2b2b2  solid 1px;border-right: #b2b2b2  solid 1px; font-family: arial, verdana, helvetica, sans-serif; font-size: 11px; font-weight: normal; text-decoration: none}

.tectavia {color: #000000; font-family: arial, verdana, helvetica, sans-serif; font-size: 10 px; font-weight: normal;font-style: normal; text-decoration: none}
a:hover.tectavia {color: #212158; font-family: arial, verdana, helvetica, sans-serif; font-size: 10 px; font-weight: bold;font-style: italic; text-decoration: none}

.content {color:#000000; font-size:11px; font-family:Arial, verdana, helvetica, sans-serif; text-decoration: none; font-weight: normal}

.titel {color:#000000; font-size:13px; font-family:Arial, verdana, helvetica, sans-serif; text-decoration: none; font-weight: bold}
a:hover.titel {color:#ffffff; font-size:13px; font-family:Arial, verdana, helvetica, sans-serif; font-weight: bold; text-decoration: none}

.titel2 {color:#000000; font-size:16px; font-family:Arial, verdana, helvetica, sans-serif; text-decoration: none; font-weight: bold}
a:hover.titel2 {color:#ffffff; font-size:16px; font-family:Arial, verdana, helvetica, sans-serif; font-weight: bold; text-decoration: none}

.titelBlauw {color:#212158; font-size:13px; font-family:Arial, verdana, helvetica, sans-serif; text-decoration: none; font-weight: bold}
a:hover.titelBlauw {color:#ffffff; font-size:13px; font-family:Arial, verdana, helvetica, sans-serif; font-weight: bold; text-decoration: none}

.titel2Blauw {color:#212158; font-size:16px; font-family:Arial, verdana, helvetica, sans-serif; text-decoration: none; font-weight: bold}
a:hover.titel2Blauw {color:#ffffff; font-size:16px; font-family:Arial, verdana, helvetica, sans-serif; font-weight: bold; text-decoration: none}

.titelBlauwLijn {color:#212158; font-size:13px; font-family:Arial, verdana, helvetica, sans-serif; text-decoration: none; font-weight: bold; border-bottom:#b2b2b2 1px solid}
a:hover.titelBlauwLijn {color:#ffffff; font-size:13px; font-family:Arial, verdana, helvetica, sans-serif; font-weight: bold; text-decoration: none; border-bottom:#b2b2b2 1px solid}

.formulier {color: #000000; font-family: arial, verdana, helvetica, sans-serif; font-size: 10px; font-weight: normal; text-decoration: none}

.formulierbuttons {color: #000000; font-family: arial, verdana, helvetica, sans-serif; font-size: 10px; font-weight: bold; text-decoration: none; cursor:hand}

.formulierbuttons:hover {color: #ffffff; font-family: arial, verdana, helvetica, sans-serif; font-size: 10 px; font-weight: bold;font-style: italic; text-decoration: none}


.recent {
   color: #000000;
   background-color:#d4dbe7; 
   font-family: arial, verdana, helvetica, sans-serif; 
   font-size: 11px; font-weight: normal; 
   text-decoration: none;
}

.recent a {color: #000000; font-family: arial, verdana, helvetica, sans-serif; font-size: 11px; font-weight: bold;font-style: bold; text-decoration: none}
.recent a:hover {color: #868fa5; font-family: arial, verdana, helvetica, sans-serif; font-size: 11px; font-weight: bold;font-style: bold; text-decoration: none}


.recentgt {
   color: #000000;
   background-color:#d4dbe7; 
   font-family: arial, verdana, helvetica, sans-serif; 
   font-size: 13px; 
   font-weight: bold; 
   font-style: bold;
   text-decoration: none;
   width:30;
   text-align:left;
   vertical-align: top;
}

.recentDate {
   color: #000000;
   background-color:#d4dbe7; 
   font-family: arial, verdana, helvetica, sans-serif; 
   font-size: 9px; 
   font-weight: normal; 
   text-decoration: none;
   text-align: left;
   vertical-align: top;
   height:13;
}


.genlist {
 color: #000000;
 background-color:#ffffff;
 border-bottom: #b2b2b2 solid 1px; 
 border-top: #b2b2b2 solid 1px; border-left: #b2b2b2  solid 1px;
 border-right: #b2b2b2  solid 1px; 
 font-family: arial, verdana, helvetica, sans-serif; 
 font-size: 11px; 
 font-weight: normal; 
 text-decoration: none
}

.genlistoptions {
 color: #000000;
 background-color:#ffffff;
 border-top: #b2b2b2 solid 1px; 
 border-left: #b2b2b2  solid 1px;
 border-right: #b2b2b2  solid 1px; 
 font-family: arial, verdana, helvetica, sans-serif; 
 padding:3;
 font-weight: normal; 
 text-decoration: none;
}

.genlistoption {
  width:14;
  height:20;
  cursor:hand;
}

.genlisthead {
  font-size:12px;
  background-color:#d4dbe7;
  border-top:1px solid #21205a;
  border-bottom:1px solid #21205a;
  font-weight: bold;
  padding:3;
  text-align:left;
  vertical-align: middle;
  height: 20;
}

.genlistdata {
  font-size:11px;
  font-weight: normal;
  padding:3;
  text-align:left;
  vertical-align: top;
  height: 20;
  border-bottom:1px dotted #000000;
}

.genlisthigh { 
 background-color:#b5b5b5;
 cursor:hand;
}

.genlistlow { 
 background-color:#ffffff;
 cursor:hand;
}

.genlistsel { 
 background-color:#d4dbe7;
 cursor:hand;
}

.topmenu {
 color: #ffffff;
 font-family: arial, verdana, helvetica, sans-serif; 
 font-size: 12px; 
 font-weight: bold; 
 text-decoration: none;
}

.topmenu:hover { 
 color: #868fa5;
 font-family: arial, verdana, helvetica, sans-serif; 
 font-size: 12px; 
 font-weight: bold; 
 text-decoration: none;
}

.leftcol {
 color: #000000;

 font-family: arial, verdana, helvetica, sans-serif; 
 font-size: 11px; 
 font-weight: normal; 
 text-decoration: none;
}

.rightcol {
 color: #000000;
}

a {
   color:#000000; 
   font-size: 11px; 
   font-family:helvetica, Arial;
   text-decoration:none;
}

a:hover {
   color:#000000; 
   font-size: 11px; 
   font-family:helvetica, Arial;
   text-decoration:none;
   cursor:hand;
}

#cats {
   border:1 solid #21205a;
   width: 100%;
   height: 200;
   background-color:#d4dbe7;
}


#cats .catsheader {
   font-size:12px; 
   font-family:helvetica, arial;
   font-weight: bold;
   background-color: #21205a;
   color : #ffffff;
   padding: 3px;
   height: 20;   
}

#cats .catslist {
   font-family: Helvetica, Arial, Verdana, sans-serif;
   font-size: 11px;                                   
   font-style: normal;                                
   font-weight: normal;                               
   font-variant: normal;                              
   text-transform: none;                              
   color: #000000;                                    
   text-decoration: none;                                                      
   text-indent: 3px;                                  
   list-style-position: inside;                       
   list-style-type: square;                           
   padding: 1px;                                      
   margin: 0px;                                       
}

#cats .catslist a{
   font-family: Helvetica, Arial, Verdana, sans-serif;
   font-size: 11px;                                   
   font-style: normal;                                
   font-weight: normal;                               
   font-variant: normal;                              
   text-transform: none;                              
   color: #000000;                                    
   text-decoration: none;                                                      
   text-indent: 3px;                                  
   list-style-position: inside;                       
   list-style-type: square;                           
   padding: 0px;                                      
   margin: 0px;                                       
}

#cats .catslist a:hover{
   font-family: Helvetica, Arial, Verdana, sans-serif;
   font-size: 11px;                                   
   font-style: normal;                                
   font-weight: normal;                               
   font-variant: normal;                              
   text-transform: none;                              
   color: #000000;                                    
   text-decoration: underline;                                                      
   text-indent: 3px;                                  
   list-style-position: inside;                       
   list-style-type: square;                           
   padding: 0px;                                      
   margin: 0px;                                       
}


#my {
   border:1 solid #21205a;
   width: 100%;
   height: 25;
   background-color:#d4dbe7;
}


#my .header {
   font-size:12px; 
   font-family:helvetica, arial;
   font-weight: bold;
   background-color: #21205a;
   color : #ffffff;
   padding: 3px;
   height: 20;   
}

#my .list {
   font-family: Helvetica, Arial, Verdana, sans-serif;
   font-size: 11px;                                   
   font-style: normal;                                
   font-weight: normal;                               
   font-variant: normal;                              
   text-transform: none;                              
   color: #000000;                                    
   text-decoration: none;                                                      
   text-indent: 3px;                                  
   list-style-position: inside;                       
   list-style-type: square;                           
   padding: 1px;                                      
   margin: 0px;                                       
}

#my .list a{
   font-family: Helvetica, Arial, Verdana, sans-serif;
   font-size: 11px;                                   
   font-style: normal;                                
   font-weight: normal;                               
   font-variant: normal;                              
   text-transform: none;                              
   color: #000000;                                    
   text-decoration: none;                                                      
   text-indent: 3px;                                  
   list-style-position: inside;                       
   list-style-type: square;                           
   padding: 0px;                                      
   margin: 0px;                                       
}


#my .list a:hover{
   font-family: Helvetica, Arial, Verdana, sans-serif;
   font-size: 11px;                                   
   font-style: normal;                                
   font-weight: normal;                               
   font-variant: normal;                              
   text-transform: none;                              
   color: #000000;                                    
   text-decoration: underline;                                                      
   text-indent: 3px;                                  
   list-style-position: inside;                       
   list-style-type: square;                           
   padding: 0px;                                      
   margin: 0px;                                       
}

<!-- case list  -->
.caselistheader {
  font-size: 12px;
  background-color: #21205a;
  color: #ffffff;
  font-weight: bold;
  padding: 3px;
  height: 20;
  width:100%;
}

.caselist {
 color: #000000;
 background-color:#ffffff;
 border-bottom: #b2b2b2 solid 1px; 
 border-top: #b2b2b2 solid 1px; border-left: #b2b2b2  solid 1px;
 border-right: #b2b2b2  solid 1px; 
 font-family: arial, verdana, helvetica, sans-serif; 
 font-size: 11px; 
 font-weight: normal; 
 text-decoration: none
}

.caselisttitle {
  font-size: 12px;
  background-color: #21205a;
  color: #ffffff;
  font-weight: bold;
  padding: 3px;
  height: 20;
}

.caselisttitle:hover {
  font-size: 12px;
  background-color: #21205a;
  color: #ffffff;
  font-weight: bold;
  padding: 3px;
  height: 20;
}

.caselistowner {
  font-size: 12px;
  background-color: #21205a;
  color: #ffffff;
  font-weight: normal;
  padding: 3px;
  height: 20;
  text-align:right;
  vertical-align: top;
}

.caselistdate {
  font-size: 10px;
  color: #000000;
  font-weight: normal;
  padding: 1px;
  height: 13;
}

.caselistimage {
  padding: 0 0 0 5;
}

.caselistimagedet {
  text-decoration: none;
  border:1px solid #000000;
}


.caselistintro {
  padding: 0 0 0 3;
}

.caselistbottom {
  font-family: helvetica, arial, verdana, sans-serif; 
  font-size: 10px;
  color: #000000;
  font-weight: normal;
  height: 15;
}

.caselistbottom:hover {
  font-family: helvetica, arial, verdana, sans-serif; 
  font-size: 10px;
  color: #000000;
  font-weight: normal;
  height: 15;
}
<!-- case show -->
.caseshowheader {
  font-size: 18px;
  color: #21205a;
  font-weight: bold;
  padding:0 0 0 3;
  height: 22;
  width:100%;
}

.caseshowlabel {
  font-size:11px;
  font-weight: normal;
  padding:3 0 0 3;
  text-align:right;
  vertical-align: top;
  height: 20;
  width:100px;
}

.caseshowlabel2 {
  font-size:11px;
  background-color:#d4dbe7;
  border-top:1px solid #21205a;
  border-bottom:1px solid #21205a;
  font-weight: normal;
  padding:0 0 0 3;
  text-align:left;
  vertical-align: middle;
  height: 20;
}

.caseshowcat {
  font-size: 11px;
  color: #21205a;
  font-weight: normal;
  text-align:left;
  height: 15;
}
.caseshowowner {
  font-size: 11px;
  color: #21205a;
  font-weight: normal;
  text-align:left;
  height: 15;
}
.caseshowdate {
  font-size: 11px;
  color: #21205a;
  font-weight: normal;
  text-align:left;
  height: 15;
}

.caseshowdsc {
  font-size: 11px;
  padding:3 0 0 3;
  color: #21205a;
  font-weight: normal;
  text-align:left;
}

.caseshowimages {
  text-align:center;
  vertical-align:top;
  padding:3 0 0 3;
  width: 110;
}

.caseshowimage {
  border:1px solid #000000;
}

.caseshowimagecomment {
  background-color:#d4dbe7;
  font-size: 11px;
  color: #000000;
  font-weight: normal;
  text-align:top left;
  padding:3 0 0 3;
}


.caseshowcomuser {
  font-size: 11px;
  color: #21205a;
  font-weight: normal;
  text-align:left;
  padding:3;
  vertical-align: top;
  width: 130;
  height:60;
}

.caseshowcomment {
  background-color:#d4dbe7;
  font-size: 11px;
  color: #000000;
  font-weight: normal;
  text-align:left;
  padding:3;
  vertical-align: top;
}

<!-- userslist show -->

.tabel {
 color: #000000;
 background-color:#d4dbe7;
 border-bottom: #b2b2b2 solid 1px; 
 border-top: #b2b2b2 solid 1px; border-left: #b2b2b2  solid 1px;
 border-right: #b2b2b2  solid 1px; 
 font-family: arial, verdana, helvetica, sans-serif; 
 font-size: 11px; 
 font-weight: normal; 
 text-decoration: none
}