body 
{
	background-color : #ffffff;
	color : #000000;
	font-family : Verdana, Helvetica, Arial, sans-serif;
	letter-spacing : 0;
	overflow: -moz-scrollbars-vertical;
	overflow-y: scroll; 
	font-size: 14px;
	margin : 10px 1px 1px;
}

div, table, td, textarea, input 
{
	font-family : Verdana, Helvetica, Arial, sans-serif;
	font-size : 14px;
}
input[type="text"]:focus {
	font-size: 14px;
}

p
{
	text-align: justify;
	margin : 5px 0px 12px 0px;
}

ul
{
	font-size : 14px;
	line-height : 16px;
	margin : 5px 0px 2px 25px;
}

h1 
{
	font-weight : bold;
    color : #FFFFFF;
	background-color : transparent;
	font-size : 18px;
	margin : 5px 0 10px;
	
}

h2 
{
	font-weight : bold;
	color : #000000;
	background-color : transparent;
	font-size : 16px;
	margin : 5px 0 10px;
}

h3 
{
	font-style: italic;
	font-weight: bold;
	background-color : transparent;
	font-size : 14px;
	margin : 8px 0;
}

h4 
{
	font-weight : normal;
	color : #ffffff;
	background-color : transparent;
	font-size : 13px;
	margin : 2px 0 2px 4px;
}

h5 
{
	background-color : transparent;
	line-height: normal;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
	font-size: 14px;
	margin : 0px 0px 0px 0px;
}
/* Create a custom checkbox */
.Chkbx {
  border:none;
 }
.Chkbx input{
  height: 20px;
  width: 20px;
 vertical-align:middle;
}

input[type="radio"]
{
height:18px !important;
width: 25px !important;
}
.radio {
  border:none;
  background-color: #EEEEEE;
}
.radio input{

 vertical-align:middle;
}
.radio label{
 vertical-align:middle;
}

.TxtBx,.DisabledTxtBx
{
	font-family : Verdana, Helvetica, Arial, sans-serif;
	border:1px solid #999999;
	border-radius:1px;
	padding:3px;
	height:30px;
	width:250px;
	font-size : 14px;
}
.TxtBxDat, .DisabledTxtBxDat
{
	font-family : Verdana, Helvetica, Arial, sans-serif;
	border:1px solid #999999;
    border-radius:1px;
	padding:3px;
	height:30px;
	width:118px;
	font-size : 14px;
}
.TxtBxCmt, .DisabledTxtBxCmt
{
	font-family : Verdana, Helvetica, Arial, sans-serif;
	border:1px solid #999999;
    border-radius:1px;
	padding:3px;
	height:30px;
	width:300px;
	font-size : 14px;
}
.TxtBx2, .DisabledTxtBx2
{
	font-family : Verdana, Helvetica, Arial, sans-serif;
	border:1px solid #999999;
    border-radius:1px;
	padding:3px;
	height:30px;
	width:100px;
	font-size : 14px;
}
.mybtn {
   border-radius: 1px;
   padding:3px;
   cursor: pointer;
   text-align: center;
   outline: 1px;
   color: #000000;
   background-color: #EEEEEE;
   border: 1px solid #999999;
   height: 30px;
   width: 150px;
 }

.DropDown1,.DisabledDropDown1
{
	font-family : Verdana, Helvetica, Arial, sans-serif;
	border:1px solid #999999;
    border-radius:1px;
	padding:3px;
	height:30px;
	width:300px;
	font-size : 14px;
 
}

 .DropDown2:hover {
    background-color: #EAF3FD 
 }
 .DropDown2,.DisabledDropDown2
{
	font-family : Verdana, Helvetica, Arial, sans-serif;
	border:1px solid #999999;
    border-radius:1px;
	padding:3px;
	height:30px;
	width:200px;
	font-size : 14px;
 
}

 .DropDown1:hover {
    background-color: #EAF3FD 
 }
.LblWhite
{
	color:#FFFFFF;
}
		

 .mybtn:hover {
    background-color: #EAF3FD 
 }

 .mybtn:active {
    background-color: #BBEEBB;
    transform: translateY(2px);
 }
 
 
 .mybtn2 {
   border-radius: 1px;
   cursor: pointer;
   text-align: center;
   outline: 1px;
   color: #000000;
   background-color: #EEEEEE;
   border: 1px solid #999999;
   padding:3px;
   height:30px;
   width: 150px;
 
 }
 
.Disabledmybtn2 {
   border-radius: 1px;
   cursor: pointer;
   text-align: center;
   outline: 1px;
   color: #FFFFFF;
   background-color: #CCCCCC;
   border: 1px solid #999999;
   padding:3px;
   height:30px;
   width: 150px;
  
  }
  
 .mybtn2:hover {
     background-color: #EAF3FD 
 }


 .mybtn2:active {
  background-color: #BBEEBB;
    transform: translateY(2px);
 }
 
  .mybtn3 {
   border-radius: 1px;
   cursor: pointer;
   text-align: center;
   outline: 1px;
   color: #000000;
   background-color: #EEEEEE;
   border: 1px solid #999999;
   padding:3px;
   height:30px;
   width: 150px;
 
 }
 
.Disabledmybtn3 {
   border-radius: 1px;
   cursor: pointer;
   text-align: center;
   outline: 1px;
   color: #FFFFFF;
   background-color: #CCCCCC;
   border: 1px solid #999999;
   padding:3px;
   height:30px;
   width: 150px;
  
  }
  
 .mybtn3:hover {
     background-color: #EAF3FD 
 }


 .mybtn3:active {
  background-color: #BBEEBB;
    transform: translateY(2px);
 }
.mybtn4 {
   border-radius: 1px;
   cursor: pointer;
   text-align: center;
   outline: 1px;
   color: #000000;
   background-color: #EEEEEE;
   border: 1px solid #999999;
   padding:3px;
   height:30px;
   width: 200px;
 
 }
 
.Disabledmybtn4 {
   border-radius: 1px;
   cursor: pointer;
   text-align: center;
   outline: 1px;
   color: #FFFFFF;
   background-color: #CCCCCC;
   border: 1px solid #999999;
   padding:3px;
   height:30px;
   width: 200px;
  
  }
  
 .mybtn4:hover {
     background-color: #EAF3FD 
 }


 .mybtn4:active {
  background-color: #BBEEBB;
    transform: translateY(2px);
 }
 
a:Hover
{
	Text-Decoration:underline;
	Color:#BB0000;
	cursor: hand;
}


a
{
	Text-Decoration:underline;
	Color:#0956A6;
}

.Seperator
{
	height:5px;
	font-size:1px;
}
.tablepicture
{
  padding: 1px;
}

div.menuBar, div.menuBar a.menuButton, div.menu, div.menu a.menuItem 
{
  font-family : Verdana, Helvetica, Arial, sans-serif;
  font-style: normal;
  text-decoration: none;
  font-size: 14px;
  /*height: 32px;
  padding: 4px;  */
}
div.menuBar2
{
  font-family : Verdana, Helvetica, Arial, sans-serif;
  font-style: normal;
  text-decoration: none;
  font-size: 14px;
}
div.present
{
  font-family : Verdana, Helvetica, Arial, sans-serif;
  font-style: normal;
  text-decoration: none;
  text-align:center;
  background-color: #E5F8D0;
  border: 1px solid;
  border-color: #50BB50;
  color:  #006600;
  font-weight: bold;
  padding: 5px 6px 2px 6px;
  font-size: 14px;
}
div.absent
{
  font-family : Verdana, Helvetica, Arial, sans-serif;
  font-style: normal;
  text-decoration: none;
  text-align:center;
  background-color: #F8E5D0;
  border: 1px solid;
  border-color: #BB5050;
  color:  #FF0000;
  font-weight: bold;
  padding: 5px 6px 2px 6px;
  font-size: 14px;
}
div.error
{
  font-family : Verdana, Helvetica, Arial, sans-serif;
  font-style: normal;
  text-decoration: none;
  text-align:center;
  background-color: #FFFFFF;
  border: 0px solid;
  border-color: #BB5050;
  color:  #FF0000;
  font-weight: bold;
  padding: 5px 6px 2px 6px;
  font-size: 14px;  
}

div.Summary
{
  font-family : Verdana, Helvetica, Arial, sans-serif;
  font-style: normal;
  text-decoration: none;
  background-color: #FFF5BC;
  border: 1px solid;
  border-color: #FEC71C;
  color:  #FF0000;
  font-weight: bold;
  padding: 0px;
  position:relative;
  vertical-align:top;
  font-size: 14px;
}

Div.BlueBorder
{	
	text-decoration: none;
	border: 1px solid;
	border-color: #7FB6DD;
	padding: 5px;
}

Div.BlueBorder2
{	
	text-decoration: none;
	border: 1px solid;
	border-color: #7FB6DD;
	padding: 10px;
}

Div.BlueBorder3
{	
	text-decoration: none;
	border: 1px solid;
	border-color: #7FB6DD;
	padding: 0px;
}
div.delete
{
  font-family : Verdana, Helvetica, Arial, sans-serif;
  font-style: normal;
  text-decoration: none;
  background-color: #F8E5D0;
  border: 1px solid;
  border-color: #BB5050;
  color:  #FF0000;
  font-weight: bold;
  height:60px;
  font-size: 14px;
}
div.deletewri
{
  font-family : Verdana, Helvetica, Arial, sans-serif;
  font-style: normal;
  text-decoration: none;
  background-color: #F8E5D0;
  border: 1px solid;
  border-color: #BB5050;
  color:  #FF0000;
  font-weight: bold;
  height:80px;
  font-size: 14px;
}
div.edit
{
  font-family : Verdana, Helvetica, Arial, sans-serif;
  font-style: normal;
  text-decoration: none;
  background-color: #FFF5BC;
  border: 1px solid;
  border-color: #FEC71C;
  color:  #FF0000;
  font-weight: bold;
  height:60px;
  font-size: 14px;
}
div.editwri
{
  font-family : Verdana, Helvetica, Arial, sans-serif;
  font-style: normal;
  text-decoration: none;
  background-color: #FFF5BC;
  border: 1px solid;
  border-color: #FEC71C;
  color:  #FF0000;
  font-weight: bold;
  height:80px;
  font-size: 14px;
}
div.new
{ 
  font-family : Verdana, Helvetica, Arial, sans-serif;
  font-style: normal;
  text-decoration: none;
  background-color: #E5F8D0;
  border: 1px solid;
  border-color: #50BB50;
  color:  #FF0000;
  font-weight: bold;
  height:60px;
  font-size: 14px;
}

div.new_status
{ 
  font-family : Verdana, Helvetica, Arial, sans-serif;
  font-style: normal;
  text-decoration: none;
  background-color: #E5D0F8;
  border: 1px solid;
  border-color: #BB5050;
  color:  #FF0000;
  font-weight: bold;
  height:60px;
  font-size: 14px;
}


div.menuBar, div.menuBar2 
{
  background-color: #4B80B6;
  border: 1px solid;
  border-color: #4B80B6;
  color: #FFFFFF;
  font-weight: bold;
  padding: 5px 8px 5px 8px;
}

.tab
{ 
  font-family : Verdana, Helvetica, Arial, sans-serif;
  font-style: normal;
  text-decoration: none;
  border-left: 1px solid;
  border-top: 1px solid;
  border-right: 1px solid;
  border-bottom:0px;
  background-color: #EEEEEE;
  border-color: #CCCCCC;
  color:  #275384;
  font-weight: bold;
  height: 25px; 
  padding: 6px 6px 2px 6px;
  font-size: 13px;

}
.datetitle
{ 
  text-align:center;
  font-family : Verdana, Helvetica, Arial, sans-serif;
  font-style: normal;
  color:  #4B80B6;
  font-weight: bold;
  padding: 2px 6px 2px 6px;
  font-size: 16px;
  
}

.daystatus
{
	border-color: #7FB6DD;
	border-width: 1px;
	border-style: solid;
	padding: 2px 6px 2px 6px;	
}

div.menuBar a.menuButton 
{
  background-color: transparent;
  cursor: hand;
  color: #FFFFFF;
  position: relative;
  text-decoration: none;
  left: 0px;
  top: 0px;
  z-index: 100;
  padding: 2px 6px 2px 0px;
}

div.menuBar a.menuButton:hover 
{
  background-color: transparent;
  text-decoration: underline;
  color: #FFFFFF;
}
div.menuBar a.menuButtonActive
{
  background-color: transparent;
  text-decoration: none;
  color: #FFFFFF;
  left: 0px;
  top: 0px;
}
div.menuBar a.menuButtonActive:hover 
{
  background-color: transparent;
  text-decoration: none;
  color: #FFFFFF;
  left: 0px;
  top: 0px;
}
div.BookingButtons
{ 
  text-align:center;
  background-color: #EAF3FD;
  border: 1px solid;
  border-color: #779FCB ;
  color: #275384;
  font-weight: bold;
  margin-right:5px;
  height: 300px;
  width: 100px;
  padding: 17px 0px 0px 0px;
  }
div.menu 
{
  background-color: #D0E5F8;
  border: 1px solid;
  border-color: #779FCB ;
  color: #FFFFFF;
  font-weight: bold;
  padding: 2px 6px 2px 6px;
}
div.mealkop 
{
  background-color: #D0E5F8;
  border: 1px solid;
  border-color: #779FCB ;
  color: #275384;
  font-weight: bold;
  Text-align:center;
  padding: 2px 6px 2px 6px;
}


div.menu a.menuItem, menuItem a 
{
  color: #000000;
  cursor: default;
  display: block;
  text-decoration: none;
  white-space: nowrap;
  padding: 3px 6px 3px 6px;
}


.logintitle /*QQQQ uitzoeken */
{
  color: #FFFFFF;
  font-weight: bold;
  background-color: transparent;
  padding: 2px 0px 2px 0px;
  text-decoration: none;
  z-index: 100;	
  height:20;
}


a.infobox{Text-Decoration:none;}
a:hover.infobox {Text-Decoration:none;}
a:visited.infobox {Text-Decoration:none;}

a span {display: none;}
a:visited span {display: none;}

a:hover span 
{  
	display: inline;
	z-index: 101;
	border: 1px solid;
	border-color: #779FCB;
	color:#000000;
	background:#FFFFFF; 
	font-family : Verdana, Helvetica, Arial, sans-serif;
	font-weight: normal;
	text-align: left;
	position: absolute;
	cursor:  default;
	padding: 5px; 
	font-size: 14px;   
 }
a:hover span div
{	padding: 0px;
	margin: 0px; 
	font-weight:normal;
	color:#275384;	
}

div.msgbox
{ 
  font-family : Verdana, Helvetica, Arial, sans-serif;
  font-style: normal;
  text-decoration: none;
  text-align:center;
  background-color: #E5F8D0;
  border: 1px solid;
  border-color: #50BB50;
  color:  #50BB50;
  font-weight: bold;
  padding: 10px;
  height:20px;
  width:250px;
  font-size: 14px;
  }
  
/* SUB MENUS */
 .SubMenuKopje
{
	color: #275384;
	font-weight:bold;
	background-color: #D0E5F8;
	border-color: #779FCB;
	border-width: 1px;
	border-style: solid;
	padding-top: 2px;
	padding-left: 2px;
	padding-right: 0px; 
	padding-bottom: 2px;
	height:20;
	width:100%;
}
  .SubMenu
{    
    border-left: #779FCB 1px solid;
    border-right: #779FCB 1px solid;
    border-bottom: #779FCB 1px solid; 
}

  .SubMenuItem 
{
	Text-Decoration:None;
	color: #000000;
	background: #FFFFFF;
	padding-top: 2px;
	padding-left: 4px;
	padding-right: 0px; 
	padding-bottom: 2px;
	height:20;
	width:100%;
	
}


.SubMenuItem A:Hover
{
	Text-Decoration:underline;
	Color:#000000;
	cursor: hand;
}


.SubMenuItem A
{
	Text-Decoration:None;
	Color:#000000;
}

.mealmomentunselected
{
    Text-decoration:none;
    Font-weight:bold;
    Border:1px solid;
    padding:3px;
    text-align:center;
    background:#EEEEEE;
    width:25%;
}
.mealmomentselected

{
    Text-decoration:none;
    Font-weight:bold;
    Border:1px solid;
    padding:3px;
    text-align:center;
    background:#bbEEbb;
    color:#006600;
    width:25%;
}




/* Beschrijving van de hover.htc Items */

.SubMenuItemOver 
{
	background-color: #FFFFAA;
	border-color: #CCCC99;
	color: #000000;
}

.SubMenuItemClick 
{
	background-color: #EEEEAA;
	border-color: #EEEEAA;
	color: #000000;
}

/* Footer van Datagrid */
.footer
{
    Background-Color: #D0E5F8;
    color:#275384;
    font-family : Verdana, Helvetica, Arial, sans-serif;
    Font-weight: bold;
	border-left: #779FCB 1px solid;
    border-right: #779FCB 1px solid;
    border-bottom: #779FCB 1px solid; 
	Font-Size: 14px;
}	

	
	

/* Beschrijving van de Menukopjes Items */
.hoofdmenuselected	
{
    Text-decoration:none;
    Font-weight: bold;
    Border:1px solid;
    text-align:center;
	border-color: #BBEEBB;
    background:#BBEEBB;
    color:#000000;
}

.Grid1 {
	Border: 0px; 
	font-family : Verdana, Helvetica, Arial, sans-serif;
	Padding:3px;
	Font-Size: 14px;
}
.Grid1 tr {
  border: 0px
}

.Grid1 td {
  border: 0px
}
 .Calendar {
	color: #000000;
	border: 1px solid #ACD3E9;
}
/*Std calendar */ 
 .Calendar img { 
	border:none;
}
.Calendar .Title  {
	background-color:#4B80B6;
	border-bottom-width: 0px;
}

/* Kopregel */    
.Calendar .Title td {
	font-weight:bold;
	color: #FFFFFF;
	font-size:16px;
	padding-top:4px;
	padding-bottom:4px;
}


.Calendar .DayHeader {
	background-color:#EEEEEE;
	color:#000000;
	text-align:center;
	border-top:solid 1px #ACD3E9; 
	border-left:solid 1px #ACD3E9; 
	border-bottom:solid 1px #ACD3E9;
	border-right:solid 1px #ACD3E9; 
	font-weight:bold;
	padding: 4px; 
	font-size:14px;
}
.Calendar .Day {
	text-align:center; 
	vertical-align:top; 
	color:#000000; 
	background-color:#FFFFFF;  
	border:solid 1px #ACD3E9; 
	padding:10px;
	font-size:14px; 		
}

.Calendar .Today {
	text-align:center; 
	vertical-align:top; 
	color:#000000; 
	background-color:#FFF5BC;  
	border:solid 1px #ACD3E9; 
	padding:10px;
	font-size:14px; 
}

.Calendar .SelectedDay {
	color:#000000 !important; 
	background-color:#BBEEBB !important;  
	font-weight:bold;
	font-size:14px; 
}
.Calendar .OtherMonthDay {
	background-color:#EEEEEE;
}

/*Std calendar */ 
 .Calendar2 {
	/*border: 1px solid #ACD3E9;*/
	color: #000000;
	border: 1px solid #FEC71C;
}
 .Calendar2 img { 
	border:none;
}

.Calendar2 .Title  {
	background-color:#FFF5BC;
	/*border: 1px solid #FEC71C;*/
	border-bottom-width: 0px;
}
/* Kopregel */    
.Calendar2 .Title td {
	font-weight:bold;
	color: #000000;
	font-size:16px;
	padding-top:4px;
	padding-bottom:4px;
}

.Calendar2 .DayHeader {
	background-color:#EEEEEE;
	color:#000000;
	text-align:center;
	border-top:solid 1px #FEC71C; 
	border-left:solid 1px #FEC71C; 
	border-bottom:solid 1px #FEC71C;
	border-right:solid 1px #FEC71C; 
	font-weight:bold;
	padding: 4px; 
	font-size:14px;
}
.Calendar2 .Day {
	text-align:center; 
	vertical-align:top; 
	color:#000000; 
	background-color:#FFFFFF;  
	border:solid 1px #FEC71C; 
	padding:10px;
	font-size:14px; 		
}

.Calendar2 .Today {
	text-align:center; 
	vertical-align:top; 
	color:#000000; 
	background-color:#FFF5BC;  
	border:solid 1px #FEC71C; 
	padding:10px;
	font-size:14px; 
}

.Calendar2 .SelectedDay {
	color:#000000 !important; 
	background-color:#BBEEBB !important;  
	font-weight:bold;
	font-size:14px; 

}
.Calendar2 .OtherMonthDay {
	background-color:#EEEEEE;
}




/* DATAGRID */
 .DataGrid, {
	border:  1px solid #779FCB;
	color: #000000;
	font-family : Verdana, Helvetica, Arial, sans-serif;
}
 
 .DataGrid img { 
	border:none;
}

.DataGrid td { 
	text-align: left;
	font-weight:normal;
	color: #000000;
	padding: 3px; 
	height: 30px;
    font-size:14px;
}


.DataGrid .SelectedItemStyle  {
	background-color:#BBEEBB !important;
	border: 1px solid #ACD3E9 ;
	border-bottom-width: 0px;
}

/* Kopregel */    
.DataGrid .SelectedItemStyle td {
	font-size:14px;
	font-weight:normal;
	color: #000000;

}
.DataGrid .Header {
	background-color:#4B80B6;
	border: none;
	font-size:14px;
	padding: 3px; 
}


.DataGrid .Header td {
	color:#FFFFFF ;
	font-weight:bold ;
	text-align:left;
	border: none;
	padding: 3px; 
	font-size:14px;
}
.DataGrid .Footer {
	background-color:#4B80B6;
	border: none;
	font-size:14px;
	padding: 3px; 
}
.DataGrid .Footer td {
	color:#FFFFFF ;
	font-weight:bold ;
	text-align:left;
	border: none;
	padding: 3px; 
	font-size:14px;
}


/* DATAGRID Red*/
 .DataGridRed {
	border:  1px solid #BB5050;
	color: #000000;
	font-family : Verdana, Helvetica, Arial, sans-serif;
}
 
 .DataGridRed img { 
	border:none;
}

.DataGridRed td { 
	text-align: left;
	font-weight:normal;
	color: #000000;
	padding: 3px; 
	height: 30px;
	font-size:14px;
}

.DataGridRed .SelectedItemStyle  {
	background-color:#BBEEBB !important;
	border: 1px solid #BB5050 ;
	border-bottom-width: 0px;
}

/* Kopregel */    
.DataGridRed .SelectedItemStyle td {
	font-weight:normal;
	color: #000000;
	font-size:14px;
}

.DataGridRed .Header {
	background-color:#F8E5D0;
	border: none;
	font-size:14px;
	padding: 3px; 
}

.DataGridRed .Header td {
	color:#BB5050 ;
	font-weight:bold ;
	text-align:left;
	border: none;
	padding: 3px; 
	font-size:14px;
}

/* DATAGRID Yellow*/
.DataGridYellow {
	border:  1px solid #FEC71C;
	color: #000000;
	font-family : Verdana, Helvetica, Arial, sans-serif;
}
 
.DataGridYellow img { 
	border:none;
}

.DataGridYellow td { 
	text-align: left;
	font-weight:normal;
	color: #000000;
	padding: 3px; 
	height: 30px;
    font-size:14px;
}

.DataGridYellow .SelectedItemStyle  {
	background-color:#BBEEBB !important;
	border: 1px solid #FEC71C ;
	border-bottom-width: 0px;
}

/* Kopregel */    
.DataGridYellow .SelectedItemStyle td {
	font-weight:normal;
	color: #000000;
	font-size:14px;
}

.DataGridYellow .Header {
	background-color:#FFF5BC;
	border: none;
	font-size:14px;
	padding: 3px; 
}

.DataGridYellow .Header td {
	color:#DEA70C ;
	text-align:left;
	border: none;
	font-weight:bold ;
	padding: 3px; 
	font-size:14px;
}

.NoInfo {
	line-height:30px;
}
yello