body {
	height:100%;
	width:100%;
	padding:0;
	margin:0;
	/*background-color:#DBEAF5;*/
	background-color:#dedef6; /*#DDDDFF;*/
	font-family:Tahoma,verdana,arial;
	font-size:11px;
	color:Black;
}

@media screen {
.topdiv {
    background-image:url(../images/topbg.gif);
        background-position: right;
        background-repeat:repeat-X;
       
    width:100%;
    height:63px;
    clear:both;
    font-size:36px;
    color:black;
    font-weight:bold;
    overflow:hidden;
    
}
}
@media print 
{
.topdiv {
        display:none;
        
}
}
.panels 
    {
	    border:1px solid #99B2E8;
	    background:white;
        float:left;  
        clear:left;
        margin-bottom:5px;
    }

.agenda 
{
    width:100%;
    border:solid 1px red;
}
.panels2 
    {
	    border:1px solid #99B2E8;
	    background:white;
        margin-bottom:5px;
        margin-right:5px;
        margin-left:5px;
    }

.editpanel
    {
	    border:1px solid black;
	    background:white;
        overflow:hidden;    	
        margin:5px;
    }

.popuppanel
    {
	    border:1px dashed blue;
	    border-top:1px solid blue;
	    background:white;
        overflow:hidden;    	
        padding:5px;
    }



@media print {
.panelheaders 
{
    display:none;
    visibility:hidden;
    
}
}

@media screen {
.panelheaders 
{
        background-image:url(../images/panelbg.jpg);
        background-repeat:repeat;
	    padding:5px;
	    padding-top:6px;
	    color:#15428B;
	    font-weight:bold;
        margin:0;
        display:block;
        
        width:auto ;
        
        
    }

  
 .panelheaders2 
 {
	    padding-top:6px;
	    color:WHITE;
	    font-weight:bold;
        background-color:blue;    
        margin:0;
        display:block;
        
        width:auto ;
        
     padding:5px;
 }
}
input[type=text], input[type=password], textarea {
    font-size:11px;
    FONT-FAMILY: tahoma,sans-serif; 
    margin-bottom:5px;
}

 .attachments {
    font-size:11px;
    FONT-FAMILY: tahoma,sans-serif; 
    margin-bottom:5px;
    border:inset 2px white;
    height:16px;
}



xinput[type=checkbox] 
{
    padding-bottom:20px;
}
select 
{
   font-size:11px;
    FONT-FAMILY: tahoma,sans-serif; 
    margin-bottom:5px;
}

.toolbar {
     background-image:url(../images/bg2.gif);
     background-repeat:repeat-x;
     padding:0;
     margin:0;
     width:100%;
}

 TABLE {
	    FONT-FAMILY: tahoma,sans-serif; FONT-SIZE: 11px; color:Black;
    }
    TD {
	    FONT-FAMILY: tahoma,sans-serif; FONT-SIZE: 11px; color:Black;
    }
    
    TR {
	    FONT-FAMILY: tahoma,sans-serif; FONT-SIZE: 11px; color:Black;
    }

    .lnk 
    {
        cursor:pointer;
        color:Blue;
        
    }
    
    .lnk:hover {
	    TEXT-DECORATION: underline
    }


    .EE {
	    BORDER-BOTTOM: #ffffff 1px solid; 
	    BORDER-COLLAPSE: collapse; 
	    BORDER-LEFT: #ffffff 1px solid; 
	    BORDER-RIGHT: #ffffff 1px solid; 
	    BORDER-TOP: #ffffff 1px solid; 
	    EMPTY-CELLS: show; 
	    padding:0px; 
	    /*cursor:help ;*/ 
        -moz-user-select: none;
        width:100%;
    }   
    .EE TD {
	    BORDER-TOP: #c1cdd8 1px solid; 
	    PADDING-LEFT: 5px; 
	    PADDING-RIGHT: 5px;
	    padding-top:0px;
	    padding-bottom:0px;
        -moz-user-select: none;
        height:20px;
    }
    
    
   
    .EE tr.row
    {
        background-color: #FFFFFF;
        /*cursor:help ;*/
        -moz-user-select: none; /* ff only */
    }




    .EE tr:hover 

    {
        background-color: #DDD;
      /*cursor:default;*/
    }

  
    .draaiboek
    {
        border:solid 1px black;
    }

   .draaiboekitem
    {
        padding:3px;
        border:solid 1px red;
        color:Red;
    }

    xinput[type=checkbox].EEx
    {
        padding:20px;
        margin:20px;
        
        
    }
    
    .EExx TD {
	    BORDER-TOP: #c1cdd8 1px solid; 
        padding:0px;
	    PADDING-LEFT: 2px; 
	    margin-bottom:0px;
    }

 
    A {
	      TEXT-DECORATION: none
    }
    
    A:hover {
	    TEXT-DECORATION: underline
    }

    .medtd 
    {
        padding:2px;
        border:solid 1px black;
    }    
    p.details 
    {
        margin:0;
    }
    
    .headerstyle {
        background-color:#DBEAF5;
        background-image: url(../images/panelbg.jpg);      /* columnbg.jpg */
        background-repeat: repeat-x;
        border-right:solid 1px #d0d0d08;
        padding-left: 5px;
        height:22px;
        text-align:left;
        font-weight:normal;
        border-top:solid 1px #99B2E8;
        border-right:solid 1px #d0d0d0;
        text-decoration:none;
        outline:0;
        white-space:nowrap;

    }  

    .headerstyle a 
    {
        text-decoration:none;
        outline:0;
    }
    

    th.headerstyle:hover 
    {
        background-image: url(../images/columnbg.jpg);     
    }
    
    .sortascheaderstyle{
        background-image: url(../images/panelbg.jpg);     
        background-repeat: repeat-x;
        border:solid 1px #99B2E8;
        padding-left:5px;
        padding-top:6px;
        height:11px;
        color:Black;
        white-space:nowrap;
	    font-weight:normal;
	    text-align:left;
    }
    .sortdescheaderstyle{
        background-image: url(../images/panelbg.jpg);     
        background-repeat: repeat-x;
        border:solid 1px #99B2E8;
        padding-left:5px;
        padding-top:6px;
        height:11px;
        color:Black;
        white-space:nowrap;
	    font-weight:normal;
	    text-align:left;
    }


 .sortascheaderstyle a 
 {
     text-decoration:none;
     outline:0;
 }
 .sortdescheaderstyle a 
 {
     text-decoration:none;
     outline:0;
     
 }

    .sortedcol 
    {
         background-color : #f7f7f7;
    }
    .selectedrow 
    {
         background-color :  #0A246A; /*lightgray;*/
     }
    
     
     tr.selectedrow:hover 
     {
         background-color :  #0A246A;
     }

     td.sortedcol:hover 
     {
         background-color :  #DDD;
         color :  white;
     }
     
     .selectedrow a
    {
         color:white;
    }
    
    
    

     
    ul.tabber {
	    list-style-type: none;
	    clear: left;
	    float:left;
	    padding-left:10px;
	    margin:0;
	    background-color:white;
	    background: url(../images/pixel.gif) bottom left repeat-x;

    }

    ul.tabber li {
	    margin: 0 2px 0 0;
	    float: left;
    }

    ul.tabber a {
	    float: left;
	    display: block;
	    padding: 4px 8px;
	    border: 1px solid #ccc;
	    border-bottom: 0;
	    color: black;
	    background: #eee;
	    text-decoration: none;
	    outline:none;
	    font-weight: normal;
    }


    ul.tabber a:hover {
	    background: #fff;
    }

    ul.tabber a.active {
	    background: #fff;
	    padding-bottom: 5px;
	    /*cursor: default;*/
	    color: #00f;
    }



    .tabs-container {
	    clear: left;
	    float:left;
	    padding:10px;
	    background-color:#eeeeee;
        border:solid 1px  #ccc;
        min-width:850px;
	    border-top: 0;
	    
    }

    .tabberc 
    {
        padding:10px;
        float:left;
    }

    .tab 
    {
    }
    
    @media print {
    #TICKER 
    {
        display:none;
    }
    }
    
    @media screen 
    {
    #TICKER {
         width:100%;
         overflow:hidden;
         font-size:14px;
         font-weight:bold;
         font-family:tahoma;
         color:#ffffff;
         background-color:#003466
    }
    }
    
    .mceNormal 
    {
        margin-left:10px;
    }
    
    .rf 
    {
        color:Red;
        vertical-align:middle;
    }
    
  

    .caltoday 
    {
        border:solid 1px red;
    }
    
    .calselected 
    {
        background-color :Gray ;
    }
    .calheader 
    {   background-color: #cccccc;
    }
    
    .imglow, .imghigh {

        border:solid 1px #000999;
        padding:5px;
        margin:5px;
        float:left;
        width:160px;
        background-color:White;
        min-height:160px;/* was 110 makes images 150x100 */
        text-align:center;
        overflow:hidden  ;
    }

    .imghigh   {
        border-Color:#0a246a;
        border-Width:3px;
        margin:3px;
    }
       
    
    .pagebuttonactive 
    {
        font-weight:bold ;
        
    }
    .pagebutton 
    {
    }
    
    .zoekbox 
    {
        background-image:url(../images/zoek.gif);background-position:right;background-repeat:no-repeat;width:213px;padding:2px
    }

.pointer 
{
    color:Blue;
    cursor:hand;
}

.pointer:hover
{
    text-decoration:underline;
}

.buttondown 
{
    background-image:url(../images/calendar.gif);
    background-repeat:no-repeat;
    height:16px;
    width:16px;
    margin:0;
    padding:0;
    background-position:center center;
    outline:none;
   
}

.meer 
{
    float:right;
    color:white;
    font-size:10px;
    font-weight:normal;
}
.CC {
	COLOR: #336699; FONT-WEIGHT: bold
}




/* drag - drop */

.myDragClass {

	/*background-color:#DDD;*/
}

.myDragClass tr:hover 
{
    background-color:White;
}
  
.ui-draggable-dragging 
{
    /*background-color:Gray;*/
}
.ui-draggable 
{
    cursor:move;
}

.autocomplete 
{
     list-style-type:none ;
     margin:0;
     padding:0px;
     background-color:#ffffff;
     position:absolute;
     border:solid 1px black;
     z-index:20000;
}

.autocomplete li 
{
    padding:5px;
    padding-left:20px;
    cursor:pointer;
}

.autohover, .autocomplete li:hover
{
    background-color:Blue;
    color:White;
}

.alert 
{
    font-weight:bold;
    color:#ffad21;
}

.flag 
{

}


        .editdiv 
        {
            float:left;
            margin-right:10px;
        }
        
        .newline 
        {
            clear:left;
        }

        .fotodiv {
	        background-color:white;
	        float:left;
	        width:150px;
	        height:200px;
	        padding:10px solid white;
	        padding-bottom: 32px solid white;
	        //margin:20px;

	        -moz-box-shadow: 10px 10px 5px #555;
	        -webkit-box-shadow: 10px 10px 5px #555;
	        text-align:center;
            border:solid 1px gray;
        }

        .fotodiv img {
	        max-height:158px;
	        max-width:130px;
	        margin-top:10px;
	        margin-bottom:5px;
         }


        .realbutton 
        {
            margin-left:-27px;
        }
        
     

        .fileupload 
        {
            float:left;
            margin-left:10px;
        }
  input[type="reset"], input[type="submit"], input[type="button"], input[type="file"]
   {
  
    	font-family:Tahoma,verdana,arial;
        	font-size:11px;
           
        
    }
    
    .smlbuttonP
    {
        font-weight:bold;
    }
    
 #menu a 
 { 
        text-decoration:none;
        outline:none;
      
 }
 
 
.rotate 
{
    
    -webkit-transform: rotate(-90deg); 
    -moz-transform:rotate(-90deg);
    writing-mode:tb-rl;
    filter:flipv fliph;
    white-space:nowrap;
    width:20px;
  

 }

.vtd {
        height:300px;
        width:20px;
        vertical-align:bottom;
        padding-bottom:5px;
         
        }

.datatbl 
{

  	font-family:Tahoma,verdana,arial;
 
    
}

.fixedtd 
{
    width:20px;
}