.urgentie_C 			{ background-color:#efe8ab; color:#efe8ab; overflow:hidden; border:solid 1px #efe8ab; text-align:left;  }
          .urgentie_C:hover { cursor:pointer;border:solid 1px black; background-color:#efe8ab; color:#efe8ab; border:solid 1px #efe8ab} 
            
          .urgentie_M 			{ background-color:#efe8ab; color:#efe8ab; overflow:hidden; border:solid 1px #efe8ab; text-align:left;  }
          .urgentie_M:hover { cursor:pointer;border:solid 1px black; background-color:#efe8ab; color:#efe8ab; border:solid 1px #efe8ab} 
            
.handle { font-size:30px; }
#sortable { list-style-type:none; margin:0; padding:0; }

.verplicht			  { vertical-align:super; font-size:9px; color:red; }

li.sortverwacht 	{ margin: 0 3px 3px 3px; padding: 0; border:solid 1px #eeeeee; cursor:grab }
ul.sortverwacht 	{ list-style-type: none; margin: 0; padding: 0; width: 100%; }


button.btn-mini { font-size:0.75rem; line-height:0.8; padding:.25rem .3rem; margin:0px; }


#image-gallery .modal-footer{
  display: block;
}

.thumb{
  margin-top: 15px;
  margin-bottom: 15px;
}

div.gallerycomment
 {
   text-align:center;
   color:#999999;
 }

td.wijkzorg_beschikbaar 		   { background-color:white; }
td.wijkzorg_beschikbaar:hover { background-color:lightgrey; cursor:pointer; }
td.wijkzorg_blokkade 		   { background-color:#dc3545; color:white; }
td.wijkzorg_blokkade:hover { background-color:#933135; color:white; cursor:pointer; }

span.ontslagen { color:red; font-size:10px; }
span.opnames   { color:green; font-size:10px; }
span.verhuisd  { color:blue; font-size:10px; }



#sortabletickets { list-style-type: none; margin: 0; padding: 0; width: 100%; }
#sortabletickets li { margin: 0 3px 3px 3px; padding: 0.4em; padding-left: 1.5em; border:solid 1px #eeeeee; background-color:white; }


#sortablecolumns { list-style-type: none; margin: 0; padding: 0; width: 100%; }
#sortablecolumns li { margin: 0 3px 3px 3px; padding: 0.4em; padding-left: 1.5em; border:solid 1px #eeeeee; background-color:white; }
#headercolumns { list-style-type: none; margin: 0; padding: 0; width: 100%; }
#headercolumns li { margin: 0 3px 3px 3px; padding: 0.4em; padding-left: 1.5em; border:solid 1px #eeeeee; background-color:#76a4cc; color:white; }




tr.beschikbaarheid:hover { background-color:rgb(0,98,143); color:rgb(255,255,255); }

div.hover:hover
 {
   background-color: #dee2e6;
   cursor:pointer;
 }
div.actieklant
                  {
	                border:solid 1px #3d80ba;
	                border-radius:5px;
	                background-color: #3d80ba;
	                color:white;
	                padding:10px;
	                width:80%;
	                margin-bottom:10px;
                  }

                 div.actieentrace
                  {
	                border:solid 1px rgb(217, 237, 242);
	                border-radius:5px;
	                background-color: rgb(217, 237, 242);
	                color:black;
	                padding:10px;
	                width:80%;
	                margin-left:20%;
	                margin-bottom:10px;
                  }
                 
                 div.actieintro
                  {
	                font-size:10px;
                  }


.table thead th
 {
	 background-color:#3d80ba;
	 color:white;
 }

span.kenmerklijstmooi_sector
 {
	 font-family: 'IBM Plex Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; 
   font-size:14px;
   font-weight:bold;
 }
span.kenmerklijstmooi_item
 {
   font-family:helvetica;
   font-size:12px;
 }
.clickme
 {
	 cursor:pointer;
 }
label
 {
   font-weight:bold;
 }
label.form-check-label
 {
   font-weight:400;
 }


#wrapper.toggled #menu-toggle2 {
  display:none;
  line-height: 40px;
}

#wrapper #menu-toggle2 {
  width:100%; 
  display:block;
  color: #999999;
  background-color:#333;
  height:100%;
  padding-left:0.3em;
  line-height: 40px;
}

#wrapper #menu-toggle2:hover {
  color: #fff;
  background: none;
}

.sidebar-brand {
  background-color:#272727;
}

body {
  overflow-x: hidden;
	font-family: 'IBM Plex Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; 
}

#wrapper {
  padding-left: 0;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

#wrapper.toggled {
  padding-left: 250px;
}

#sidebar-wrapper {
  z-index: 790;
  position: fixed;
  left: 250px;
  width: 30px;
  height: 100%;
  margin-left: -250px;
  overflow-y: auto;
  background: #2e3b5c;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

#wrapper.toggled #sidebar-wrapper {
  width: 250px;
}

#page-content-wrapper {
  width: 100%;
  position: absolute;
  padding: 15px;
}

#wrapper.toggled #page-content-wrapper {
  position: absolute;
  margin-right: -250px;
}


/* Sidebar Styles */

.sidebar-nav {
  position: absolute;
  top: 0;
  width: 250px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.sidebar-nav li {
  text-indent: 3px;
  line-height: 40px;
}

.sidebar-nav li a {
  display: block;
  text-decoration: none;
  color: #ffffff;
}

.sidebar-nav li i {
	margin-right:10px;
}


.sidebar-nav li a:hover {
  text-decoration: none;
  color: #fff;
  background: rgba(255, 255, 255, 0.2);
}


.sidebar-nav li a:active, .sidebar-nav li a:focus {
  text-decoration: none;
}

.sidebar-nav>.sidebar-brand {
  /* height: 65px; */
  font-size: 12px;
  /* line-height: 60px; */
}

.sidebar-nav>.sidebar-brand a {
  color: #ffffff;
}

.sidebar-nav>.sidebar-brand a:hover {
  color: #fff;
  background: none;
}

@media(min-width:768px) {
  #wrapper {
    padding-left: 0px;
  }
  #wrapper.toggled {
    padding-left: 250px;
  }
  #sidebar-wrapper {
    width: 30px;
  }
  #wrapper.toggled #sidebar-wrapper {
    width: 250px;
  }
  #page-content-wrapper {
    padding: 30px;
    position: relative;
  }
  #wrapper.toggled #page-content-wrapper {
    position: relative;
    margin-right: 0;
  }
}







@font-face {
    font-family: 'IBM Plex Sans';
    src: url('/fonts/IBMPlexSans-Regular.ttf');
}
@font-face {
    font-family: 'IBM Plex Sans';
    src: url('/fonts/IBMPlexSans-Bold.ttf');
    font-weight:bold;
}
@font-face {
    font-family: 'IBM Plex Sans';
    src: url('/fonts/IBMPlexSans-Italic.ttf');
    font-style:italic;
}
@font-face {
    font-family: 'IBM Plex Sans';
    src: url('/fonts/IBMPlexSans-BoldItalic.ttf');
    font-weight:bold;
    font-style:italic;
}



table.bestanden
 {
	 width:100%;
 }
table.bestanden tr
 {
   background-color:#f0f0f0;
 }
table.bestanden td
 {
   padding:10px;	 
 }
 
 a.bestanden
 {
   text-decoration:none;
   color: black;
 }

a.page 
 { 
 			  background-color:#aaaaaa;
			  color:white;
			  font-family: 'IBM Plex Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; 
			  font-size:18px;
			  text-align:left;
			  padding:4px;
			  text-decoration:none;
 }
a.pagesel 
 { 
 			  background-color:#519ad9;
			  color:white;
			  font-family: 'IBM Plex Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; 
			  font-size:18px;
			  text-align:left;
			  padding:4px;
			  text-decoration:none;
 }

.ui-autocomplete { position: absolute; cursor: default;z-index:30000 !important; height:95%; overflow-x:none; overflow-y:auto; }  

#recentdossiers
 {
   min-width:400px;
   border:solid 1px #666666;border-radius:5px;padding:5px;
   background-color:white;
   position:absolute;top:35px;left:50%;margin-left:-350px;z-index:10;
   min-height:20px;	 
 }
#recentaanbod
 {
   min-width:400px;
   border:solid 1px #666666;border-radius:5px;padding:5px;
   background-color:white;
   position:absolute;top:35px;left:50%;margin-left:-350px;z-index:10;
   min-height:20px;	 
 }
ul.lijstrecent 
 { position:relative;
   list-style-type:none;
   margin:0;
   padding:0;
 }
ul.lijstrecent li.even
 {
   background-color:#f6f6f6;
 }
ul.lijstrecent li.oneven
 {
   background-color:#ffffff;
 }
ul.lijstrecent li.oneven:hover, ul.lijstrecent li.even:hover
 {
   background-color:#29abe2;
   color:white;
   cursor:pointer;
 }




.laag   { background-color : #9cf0ff ; }
.midden { background-color : #fffd8a ; }
.hoog   { background-color : #ffbd91 ; }

tr.chronoloog
 {
   border-top   : solid 1px #999999;
   border-left  : 0px;
   border-right : 0px;
   border-bottom: 0px;
 }

div.ranking_down
 {
   background-image:url(/gfx/ranking-down.png);
   background-size: cover;
   width:18px;
   height:18px;
   margin-right:4px;
   float:left;
 }
div.ranking_up
 {
   background-image:url(/gfx/ranking-up.png);
   background-size: cover;
   width:18px;
   height:18px;
   margin-right:4px;
   float:left;
 }
div.ranking
 {
   background-image:url(/gfx/ranking.png);
   background-size: cover;
   width:18px;
   height:18px;
   margin-right:4px;
   float:left;
   font-family:arial;
   font-weight:bold;
   font-size:13px;
   line-height:18px;
   text-align:center;
   color:black !important;
 }

table.popuptable td
 {
   color:white;
   font-family:tahoma;
   font-size:10px;
 }
table.popuptable th
 {
   color:white;
   font-family:tahoma;
   font-size:10px;
   font-weight: 700;
   text-align:left;
 }
#zoekresultatendossier
 {
   max-height:400px;
   overflow-x:hidden;
   overflow-y: auto;	 
 }
div.resultaatdossier
 {
   border:solid 1px #eeeeee;
   margin-bottom:5px;
   height:43px;
   font-size:12px;
   cursor:pointer;
 }
div.resultaatdossier:hover
 { background-color:#29abe2;
   color:white;
   border:solid 1px black;
 }

div.resultaatcontact
 {
   border:solid 1px #eeeeee;
   margin-bottom:5px;
   height:43px;
   font-size:12px;
   cursor:pointer;
 }
div.resultaatcontact:hover
 { background-color:#29abe2;
   color:white;
   border:solid 1px black;
 }

 
table.lijst tr.wachtend
 {
   background-color:#f2cc6b; 
   color:black;
 }
table.lijst tr.optie
 {
   background-color:#ffcf1f; 
   color:black;
 }
table.lijst tr.ingevuld
 {
   background-color:#91e9a1; 
   color:black;
 }
table.lijst tr.geweigerd
 {
   background-color:#ffcbcb; 
   color:black;
 }
tr.klein th
 {
	 font-size:16px !important;
	 text-align:left !important;
 }
 
div.formrand
 {
   border:solid 1px #ced4da;
   border-radius:.25rem;
   color:#495057;
   line-height:1.5;
   padding:.375rem;
 }

div.menugradient
 {
   background: rgb(14,118,188); /* Old browsers */
   background: -moz-linear-gradient(left, rgba(14,118,188,1) 0%, rgba(217,237,242,1) 60%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
   background: -webkit-linear-gradient(left, rgba(14,118,188,1) 0%,rgba(217,237,242,1) 60%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
   background: linear-gradient(to right, rgba(14,118,188,1) 0%,rgba(217,237,242,1) 60%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0e76bc', endColorstr='#ffffff',GradientType=1 );  
 }

.locatieheader
 {
	 background-color:#76a4cc !important;
	 color:white;
 }
.afdelingheader
 {
	 background-color:#aaaaaa;
	 color:white;
 }
.locatietotaal
 {
	 background-color:white;
	 color:black;
 }
.afdelingtotaal
 {
	 background-color:white;
	 color:black;
 }
 
div.logincontent
 {
	 position:absolute;
	 top:20%;
	 width:600px;
	 left:50%;
	 margin-left:-300px;
	 color:black;
	 background-color:#eeeeee;
	 text-align:center;
	 height:380px;
 }
div.logincontent input[type=text]
 {
	 font-size:18px;
	 padding:4px;
	 width:400px;
	 text-align:center;
 }
div.logincontent input[type=password]
 {
	 font-size:18px;
	 padding:4px;
	 width:400px;
	 text-align:center;
 }
 


table.kenmerkselectie th
 {
	 font-family:'Verdana';
	 font-weight: 600;
	 text-align:left;
 }
table.kenmerkselectie td
 {
	 font-family:'Arial';
	 font-weight: 300;
 }

		 body 
		  { font-family:tahoma;
			padding:0px;
			margin:0px;
			width:100%;
			height:100%;
			overflow:hidden;
		  }
		 div.menubig
		  {
			 position:relative;
			 top:0px;
			 width:250px;
			 left:0px;
			 min-height:100%;
			 background-color:#2e3b5c;
			 float:left;
			 text-align:center;
		  }
		 div.content
		  {   position:absolute;
			  width:500px;
			  top:40px;
			  bottom:0px;
			  right:0px;
			  background-color:white;
			  padding:20px;
			  line-height:14px;
			  overflow-x: hidden;
			  overflow-y: visible;
			  padding-bottom:100px;
		  }
		 div.top
		  {
			  position:relative;
			  width:100%;
			  height:40px;
			  padding:0px;
		  }
		 div.toplogin
		  {   text-align:left;
			  width:250px;
			  z-index:4;
			  position:absolute;
			  height:40px;
			  color:white;
			  font-family: 'IBM Plex Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; 
			  line-height:38px;
			  left:100px;
		  }
		 div.topleft
		  {   text-align:left;
			  width:250px;
			  background-color:#519ad9;
			  padding-top:0px;
			  z-index:4;
			  position:absolute;
			  height:40px;
			  color:white;
			  font-family: 'IBM Plex Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; 
			  line-height:38px;
			  cursor:pointer;
		  }
		 div.menuitembig
		  {
			  color:white;
			  font-family: 'IBM Plex Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; 
			  line-height:70px;
			  height:70px;
			  text-align:left;
			  padding-left:85px;
			  position:relative;
		  }
		 div.menuitembig:hover, div.menuitembig.selected
		  {
			  background-color:white;
			  color:#0f265c;
			  cursor:pointer;
		  }
		 img.menuicon
		  {
			  width:35px;
			  position:absolute;
			  left:25px;
			  top:16px;
		  }
		 table.lijst
		  {
			  border-spacing: 0px;
		  }
		 table.lijst th
		  {
			  background-color:#519ad9;
			  color:white;
			  font-family: 'IBM Plex Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; 
			  font-size:18px;
			  text-align:left;
			  padding:2px;
		  }
		 table.lijst th.sub
		  {
			  font-size:14px;
			  background-color:#3b6b93;
		  }
		 table.lijst td
		  {
			  font-family: 'IBM Plex Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; 
			  font-size:16px;
			  padding:2px;
		  }
		 table.lijst td.editclient:hover
		  {
			  background-color:#7084b7;
			  color:white;
		  }
		 table.lijst tr.selected
		  {
			  background-color:#ffcf1f;
			  color:black;
			  cursor:pointer;
		  }
		 table.lijst tr.orientatie
		  {
			  background-color:#caffe8;
			  color:black;
			  cursor:pointer;
		  }
         table.lijst tr.selected:hover
		  {
			 background-color:#2e3b5c; 
			 color:white;
			 cursor:pointer;
		  }
         table.lijst tr.covered
		  {
			 background-color:#95ff77; 
			 color:black;
			 cursor:pointer;
		  }
          
		 table.lijst tr.even:hover, table.lijst tr.oneven:hover, table.lijst tr.telaat:hover, table.lijst tr.uitgevoerd:hover, table.lijst tr.even:hover select, table.lijst tr.oneven:hover select
		  {
			 background-color:#2e3b5c; 
			 color:white;
			 cursor:pointer;
		  }
		 table.lijst tr.even
		  {
			  color:black;
			  background-color:#f6f6f6;
		  }
		 table.lijst tr.oneven
		  {
			  color:black;
			  background-color:white;
		  }
		 table.lijst tr.telaat
		  {
			  color:white;
			  background-color:#ff4444;
		  }
		 table.lijst tr.uitgevoerd
		  {
			  color:black;
			  background-color:#caffd7;
		  }

		 table.rolijst th
		  {
			  background-color:#519ad9;
			  color:white;
			  font-family: 'IBM Plex Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; 
			  font-size:18px;
			  text-align:left;
			  padding:2px;
		  }
		 table.rolijst td
		  {
			  font-family: 'IBM Plex Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; 
			  font-size:16px;
			  padding:2px;
		  }
		 table.rolijst tr.even
		  {
			  color:black;
			  background-color:#dddddd;
		  }
		 table.rolijst tr.oneven
		  {
			  color:black;
			  background-color:white;
		  }

		 h2
		  {
			  font-size:24px;
			  font-style: bold;
    		  font-family: 'Verdana', sans-serif;
			  font-weight: 700; //300 | 400 | 700
			  line-height:24px;
			  margin-top:4px;
			  margin-bottom:10px;
		  }
		 hr
		  {
		    padding: 0;
			border: none;
			border-top: solid 1px #cccccc	;
			color: #cccccc;
			text-align: center;
			margin-top:10px;
			margin-bottom:15px;
          }
         table.form th
          {
			  font-size:24px;
			  font-style: bold;
    		  font-family: 'Verdana', sans-serif;
			  font-weight: 400; //300 | 400 | 700
			  line-height:40px;
			  vertical-align:top;
			  padding-right:30px;
			  padding-top:0px;
			  text-align:right;
          }
         table.form td
          {
			  font-size:12px;
			  font-style: normal;
			  font-family: 'Arial narrow', sans-serif;
			  font-weight: 300; //300 | 400 | 700
			  line-height:11px;
			  vertical-align:top;
          }
         select
          {
	          background:transparent;
	          font-size:14px;
	          height:29px;
	          padding:5px;
	          margin-bottom:5px;
          }
          
         table.display th
          {
			  font-size:14px;
			  font-style: bold;
    		  font-family: 'Verdana', sans-serif;
			  font-weight: 700; //300 | 400 | 700
			  line-height:14px;
			  vertical-align:top;
			  padding-right:30px;
			  padding-top:0px;
			  text-align:right;
          }
         table.display td
          {
			  font-size:16px;
			  font-style:normal;
			  font-family: 'Tahoma', sans-serif;
			  font-weight: 100; //300 | 400 | 700
			  line-height:30px;
			  vertical-align:top;
          }
         .errormsg
          {
	          color:red;
			  font-size:14px;
			  font-weight:300;
			  font-style:bold;
          }
         #toonkenmerkafdeling
          {
	          border:solid 1px #cccccc;
	          min-height:100px;
          }





         table.simpleform th
          {
			  font-size:20px;
			  font-style: bold;
    		  font-family: 'Verdana', sans-serif;
			  font-weight: 400; //300 | 400 | 700
			  line-height:24px;
			  vertical-align:top;
			  padding-right:30px;
			  padding-top:0px;
			  text-align:right;
          }
         table.simpleform td
          {
			  font-size:16px;
			  font-style: normal;
			  font-family: 'IBM Plex Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; 
			  font-weight: 300; //300 | 400 | 700
			  line-height:14px;
			  vertical-align:top;
          }
         table.simpleform input[type=radio]
          {
	       	  height:24px;   
		  }
         table.simpleform input[type=text]
          {
	       	  height:30px;   
	       	  font-size:14px;
		   	  -webkit-transition: all 0.30s ease-in-out;
		   	  -moz-transition: all 0.30s ease-in-out;
		   	  -ms-transition: all 0.30s ease-in-out;
		   	  -o-transition: all 0.30s ease-in-out;          
		  }
         table.simpleform input[type=text]:focus
          {
	          background-color:blue;
	          color:white;
		  }
         table.simpleform input[type=text].error
          {
	          border:solid 1px red;
		  }
         table.simpleform input[type=time]
          {
	       	  height:30px;   
	       	  font-size:14px;
		   	  -webkit-transition: all 0.30s ease-in-out;
		   	  -moz-transition: all 0.30s ease-in-out;
		   	  -ms-transition: all 0.30s ease-in-out;
		   	  -o-transition: all 0.30s ease-in-out;          
		  }
         table.simpleform input[type=time]:focus
          {
	          background-color:blue;
	          color:white;
		  }
         table.simpleform input[type=time].error
          {
	          border:solid 1px red;
		  }






table.toonkenmerkafdeling th
 {
   font-size:12px;
   text-align:left;
   font-family:Verdana;
   font-weight:700;
 }


.btndisabled {
  background: #cfd7de;
  background-image: -webkit-linear-gradient(top, #ecf3fa, #b3b3b3);
  background-image: -moz-linear-gradient(top, #ecf3fa, #b3b3b3);
  background-image: -ms-linear-gradient(top, #ecf3fa, #b3b3b3);
  background-image: -o-linear-gradient(top, #ecf3fa, #b3b3b3);
  background-image: linear-gradient(to bottom, #ecf3fa, #b3b3b3);
  -webkit-border-radius: 5;
  -moz-border-radius: 5;
  border-radius: 5px;
  -webkit-box-shadow: 0px 1px 1px #666666;
  -moz-box-shadow: 0px 1px 1px #666666;
  box-shadow: 0px 1px 1px #666666;
  font-family: 'Verdana', sans-serif;
  color:#ffffff;
  font-size: 20px;
  padding: 10px 20px 10px 20px;
  text-decoration: none;
}

.btnoff {
  background: #cfd7de;
  background-image: -webkit-linear-gradient(top, #ecf3fa, #b3b3b3);
  background-image: -moz-linear-gradient(top, #ecf3fa, #b3b3b3);
  background-image: -ms-linear-gradient(top, #ecf3fa, #b3b3b3);
  background-image: -o-linear-gradient(top, #ecf3fa, #b3b3b3);
  background-image: linear-gradient(to bottom, #ecf3fa, #b3b3b3);
  -webkit-border-radius: 5;
  -moz-border-radius: 5;
  border-radius: 5px;
  -webkit-box-shadow: 0px 1px 1px #666666;
  -moz-box-shadow: 0px 1px 1px #666666;
  box-shadow: 0px 1px 1px #666666;
  font-family: 'Verdana', sans-serif;
  color:#ffffff;
  font-size: 20px;
  padding: 10px 20px 10px 20px;
  text-decoration: none;
}

.btnOUD {
  background: #4888bd;
  background-image: -webkit-linear-gradient(top, #4888bd, #2e3b5c);
  background-image: -moz-linear-gradient(top, #4888bd, #2e3b5c);
  background-image: -ms-linear-gradient(top, #4888bd, #2e3b5c);
  background-image: -o-linear-gradient(top, #4888bd, #2e3b5c);
  background-image: linear-gradient(to bottom, #4888bd, #2e3b5c);
  -webkit-border-radius: 5;
  -moz-border-radius: 5;
  border-radius: 5px;
  -webkit-box-shadow: 0px 1px 1px #666666;
  -moz-box-shadow: 0px 1px 1px #666666;
  box-shadow: 0px 1px 1px #666666;
  font-family: 'Verdana', sans-serif;
  color:#ffffff;
  font-size: 20px;
  padding: 10px 20px 10px 20px;
  text-decoration: none;
}

.btnOUD:hover {
  background: #64bbf2;
  background-image: -webkit-linear-gradient(top, #64bbf2, #4888bd);
  background-image: -moz-linear-gradient(top, #64bbf2, #4888bd);
  background-image: -ms-linear-gradient(top, #64bbf2, #4888bd);
  background-image: -o-linear-gradient(top, #64bbf2, #4888bd);
  background-image: linear-gradient(to bottom, #64bbf2, #4888bd);
  text-decoration: none;
  cursor:pointer;
}

.btnred {
  background: #fc9f9f;
  background-image: -webkit-linear-gradient(top, #fc9f9f, #c90404);
  background-image: -moz-linear-gradient(top, #fc9f9f, #c90404);
  background-image: -ms-linear-gradient(top, #fc9f9f, #c90404);
  background-image: -o-linear-gradient(top, #fc9f9f, #c90404);
  background-image: linear-gradient(to bottom, #fc9f9f, #c90404);
  -webkit-border-radius: 5;
  -moz-border-radius: 5;
  border-radius: 5px;
  -webkit-box-shadow: 0px 1px 1px #666666;
  -moz-box-shadow: 0px 1px 1px #666666;
  box-shadow: 0px 1px 1px #666666;
  font-family: 'Verdana', sans-serif;
  color: #ffffff;
  font-size: 20px;
  padding: 10px 20px 10px 20px;
  text-decoration: none;
}

.btnred:hover {
  background: #fa0000;
  background-image: -webkit-linear-gradient(top, #fa0000, #ff0000);
  background-image: -moz-linear-gradient(top, #fa0000, #ff0000);
  background-image: -ms-linear-gradient(top, #fa0000, #ff0000);
  background-image: -o-linear-gradient(top, #fa0000, #ff0000);
  background-image: linear-gradient(to bottom, #fa0000, #ff0000);
  text-decoration: none;
  cursor:pointer;
}

.lijstbutton {
  background: #4888bd;
  background-image: -webkit-linear-gradient(top, #4888bd, #2e3b5c);
  background-image: -moz-linear-gradient(top, #4888bd, #2e3b5c);
  background-image: -ms-linear-gradient(top, #4888bd, #2e3b5c);
  background-image: -o-linear-gradient(top, #4888bd, #2e3b5c);
  background-image: linear-gradient(to bottom, #4888bd, #2e3b5c);
  -webkit-border-radius: 2;
  -moz-border-radius: 2;
  border-radius: 2px;
  font-family: 'Verdana', sans-serif;
  color: #ffffff;
  font-size: 12px;
  padding: 2px 4px 2px 4px;
  text-decoration: none;
}

.lijstbutton:hover {
  background: #64bbf2;
  background-image: -webkit-linear-gradient(top, #64bbf2, #4888bd);
  background-image: -moz-linear-gradient(top, #64bbf2, #4888bd);
  background-image: -ms-linear-gradient(top, #64bbf2, #4888bd);
  background-image: -o-linear-gradient(top, #64bbf2, #4888bd);
  background-image: linear-gradient(to bottom, #64bbf2, #4888bd);
  text-decoration: none;
  cursor:pointer;
}

.middlebutton {
  background: #4888bd;
  background-image: -webkit-linear-gradient(top, #4888bd, #2e3b5c);
  background-image: -moz-linear-gradient(top, #4888bd, #2e3b5c);
  background-image: -ms-linear-gradient(top, #4888bd, #2e3b5c);
  background-image: -o-linear-gradient(top, #4888bd, #2e3b5c);
  background-image: linear-gradient(to bottom, #4888bd, #2e3b5c);
  -webkit-border-radius: 2;
  -moz-border-radius: 2;
  border-radius: 2px;
  font-family: 'Verdana', sans-serif;
  color: #ffffff;
  font-size: 12px;
  padding: 6px 12px 6px 12px;
  text-decoration: none;
}

.middlebuttondisabled {
  background: #cfd7de;
  background-image: -webkit-linear-gradient(top, #ecf3fa, #b3b3b3);
  background-image: -moz-linear-gradient(top, #ecf3fa, #b3b3b3);
  background-image: -ms-linear-gradient(top, #ecf3fa, #b3b3b3);
  background-image: -o-linear-gradient(top, #ecf3fa, #b3b3b3);
  background-image: linear-gradient(to bottom, #ecf3fa, #b3b3b3);
  -webkit-border-radius: 2;
  -moz-border-radius: 2;
  border-radius: 2px;
  font-family: 'Verdana', sans-serif;
  color: #ffffff;
  font-size: 12px;
  padding: 6px 12px 6px 12px;
  text-decoration: none;
}

.middlebutton:hover {
  background: #64bbf2;
  background-image: -webkit-linear-gradient(top, #64bbf2, #4888bd);
  background-image: -moz-linear-gradient(top, #64bbf2, #4888bd);
  background-image: -ms-linear-gradient(top, #64bbf2, #4888bd);
  background-image: -o-linear-gradient(top, #64bbf2, #4888bd);
  background-image: linear-gradient(to bottom, #64bbf2, #4888bd);
  text-decoration: none;
  cursor:pointer;
}






















/* FACEBOX */
/* ================================================================================= */
#facebox .close_image { position:absolute; top:14px; right:14px; }
#facebox .move_image { position:absolute; top:14px; right:30px; cursor:move;}

#facebox .b {
  background:url(/_main/gfx/b.png);
}

#facebox .tl {
  background:url(/_main/gfx/tl.png);
}

#facebox .tr {
  background:url(/_main/gfx/tr.png);
}

#facebox .bl {
  background:url(/_main/gfx/bl.png);
}

#facebox .br {
  background:url(/_main/gfx/br.png);
}

#facebox {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 100;
  text-align: left;
}

#facebox .popup {
  position: relative;
}

#facebox table {
  border-collapse: collapse;
}

#facebox td {
  border-bottom: 0;
  vertical-align:top;
  padding: 0;
}

#facebox .body {
  padding: 10px;
  
  background: #fff;
  min-width: 370px;
  padding-top:25px!important;
}

#facebox .loading {
  text-align: center;
}

#facebox .image {
  text-align: center;
}

#facebox img {
  border: 0;
  margin: 0;
}

#facebox .footer {
  /* border-top: 1px solid #DDDDDD; */
  padding-top: 5px;
  /* margin-top: 10px; */
  text-align: right;
  z-index:9000;
}

#facebox .tl, #facebox .tr, #facebox .bl, #facebox .br {
  height: 10px;
  width: 10px;
  overflow: hidden;
  padding: 0;
}

#facebox_overlay {
  position: fixed;
  top: 0px;
  left: 0px;
  height:100%;
  width:100%;
}

.facebox_hide {
  z-index:-100;
}

.facebox_overlayBG {
  background-color: #000;
  z-index: 99;
}


.ui-datepicker
 {
	 z-index:900 !important;
 }



/* jquery tooltips */
/* -------------------------------------------------- tips -------------------------------------------------- */
#tiptip_holder {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 99999;
}

#tiptip_holder.tip_top {
	padding-bottom: 5px;
}

#tiptip_holder.tip_bottom {
	padding-top: 5px;
}

#tiptip_holder.tip_right {
	padding-left: 5px;
}

#tiptip_holder.tip_left {
	padding-right: 5px;
}

#tiptip_content {
	font-size: 11px;
	color: #fff;
	text-shadow: 0 0 2px #000;
	padding: 4px 8px;
	border: 0px solid rgba(255,255,255,0.25);
	background-color: rgb(25,25,25);
	background-color: rgba(25,25,25,0.92);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(transparent), to(#000));
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	/*box-shadow: 0 0 3px #555;
	-webkit-box-shadow: 0 0 3px #555;
	-moz-box-shadow: 0 0 3px #555;*/
}

#tiptip_arrow, #tiptip_arrow_inner {
	position: absolute;
	border-color: transparent;
	border-style: solid;
	border-width: 6px;
	height: 0;
	width: 0;
}

#tiptip_holder.tip_top #tiptip_arrow {
	border-top-color: #fff;
	border-top-color: rgba(255,255,255,0.35);
}

#tiptip_holder.tip_bottom #tiptip_arrow {
	border-bottom-color: #fff;
	border-bottom-color: rgba(255,255,255,0.35);
}

#tiptip_holder.tip_right #tiptip_arrow {
	border-right-color: #fff;
	border-right-color: rgba(255,255,255,0.35);
}

#tiptip_holder.tip_left #tiptip_arrow {
	border-left-color: #fff;
	border-left-color: rgba(255,255,255,0.35);
}

#tiptip_holder.tip_top #tiptip_arrow_inner {
	margin-top: -6px;
	margin-left: -6px;
	border-top-color: rgb(25,25,25);
	border-top-color: rgba(25,25,25,0.92);
}

#tiptip_holder.tip_bottom #tiptip_arrow_inner {
	margin-top: -5px;
	margin-left: -6px;
	border-bottom-color: rgb(25,25,25);
	border-bottom-color: rgba(25,25,25,0.92);
}

#tiptip_holder.tip_right #tiptip_arrow_inner {
	margin-top: -6px;
	margin-left: -5px;
	border-right-color: rgb(25,25,25);
	border-right-color: rgba(25,25,25,0.92);
}

#tiptip_holder.tip_left #tiptip_arrow_inner {
	margin-top: -6px;
	margin-left: -7px;
	border-left-color: rgb(25,25,25);
	border-left-color: rgba(25,25,25,0.92);
}

/* Webkit Hacks  */
@media screen and (-webkit-min-device-pixel-ratio:0) {	
	#tiptip_content {
		padding: 4px 8px 5px 8px;
		background-color: rgba(45,45,45,0.88);
	}
	#tiptip_holder.tip_bottom #tiptip_arrow_inner { 
		border-bottom-color: rgba(45,45,45,0.88);
	}
	#tiptip_holder.tip_top #tiptip_arrow_inner { 
		border-top-color: rgba(20,20,20,0.92);
	}
}