@media screen and (max-width: 600px) {
.txtbox
{
    font-family: 'Lato', sans-serif; font-weight: 400; 
    background: #fff; 
	background: linear-gradient(top, #fff 0%, #e1caca 100%);  
	background: -moz-linear-gradient(top, #fff 0%, #e1caca 100%); 
	background: -webkit-linear-gradient(top, #fff 0%,#e1caca 100%); 
	box-shadow: 0px 0px 9px rgba(0,0,0,0.15);
    color: #d62829;
    border-radius: 8px;
    text-align: left;
    font-size: 1em;
    font-variant:normal;
	padding-left: 3px;
    }
    
.txtboxClosed
{
    font-family: 'Lato', sans-serif; font-weight: 400; 
    background: #404040; 
	background: linear-gradient(top, #404040 0%, #e1caca 100%);  
	background: -moz-linear-gradient(top, #404040 0%, #e1caca 100%); 
	background: -webkit-linear-gradient(top, #404040 0%,#e1caca 100%); 
	box-shadow: 0px 0px 9px rgba(0,0,0,0.15);
    color: #d62829;
    border-radius: 8px;
    text-align: left;
    font-size: 1em;
    font-variant:normal;
	padding-left: 3px;
    }

 .txtbox:active
 {
    background: #bdf1f9; 
	background: linear-gradient(top, #bdf1f9 0%, #2db4c8 100%);  
	background: -moz-linear-gradient(top, #bdf1f9 0%, #2db4c8 100%); 
	background: -webkit-linear-gradient(top, #bdf1f9 0%,#2db4c8 100%); 
  }

.watermarked
        {
    font-family: 'Lato', sans-serif; font-weight: 400; 
    background: #fff; 
	background: linear-gradient(top, #fff 0%, #e1caca 100%);  
	background: -moz-linear-gradient(top, #fff 0%, #e1caca 100%); 
	background: -webkit-linear-gradient(top, #fff 0%,#e1caca 100%); 
	box-shadow: 0px 0px 9px rgba(0,0,0,0.15);
    border-radius: 8px;
    text-align: left;
    font-size: 1em;
    font-variant:normal;
	padding-left: 3px;
    color: gray;
    height: 1em;
        }
        
.label
{
    font-family: 'Lato', sans-serif; font-weight: 400;
    color: #001842;
    font-weight: normal;
    font-size: 1em;
    }
    
  .button 
  {
    font-family: 'Lato', sans-serif; font-weight: 400;
    background: #001842;
	box-shadow: 0px 0px 9px rgba(0,0,0,0.15);
    color: #ffffff;
    border-radius: 8px;
    font-weight: bold;
    font-size: 1em;
    width: 70px;
    }

  .buttonrood
  {
    font-family: 'Lato', sans-serif; font-weight: 400;
    background: #ff0000;
	box-shadow: 0px 0px 9px rgba(0,0,0,0.15);
    color: #ffffff;
    border-radius: 8px;
    font-weight: bold;
    font-size: 1em;
    width: 70px;
    }
    
    .list
    {
       font-family: 'Lato', sans-serif; font-weight: 200;
       background: white; 
	background: linear-gradient(top, #fff 0%, #e1caca 100%);  
	background: -moz-linear-gradient(top, #fff 0%, #e1caca 100%); 
	background: -webkit-linear-gradient(top, #fff 0%,#e1caca 100%); 
	box-shadow: 0px 0px 9px rgba(0,0,0,0.15);
    color: #d62829;
    width: 100px;
    border-radius: 8px; 
    font-size: 1.2em;
        }
}

        @media only screen and (device-width: 768px) and (device-height: 1024px) and (-webkit-min-device-pixel-ratio: 1) {
/*------Menu-------*/   
#TableMenu
{
margin-top:15%;	
}
#MenuPlanning
{
margin-top:20%;
}
#MenuAdministratief
{
margin-top:20%;
margin-left:20%;
}
#MenuSysteembeheer
{
margin-top:20%;
margin-left:40%;
}
  .buttonmenu 
  {
    font-family: 'Lato', sans-serif; font-weight: 400;
    background: #001842;
	box-shadow: 0px 0px 9px rgba(0,0,0,0.15);
    color: #ffffff;
    border-radius: 8px;
    font-weight: bold;
    font-size: 1.5em;
    width: 200px;
    }
/*------Normal objects-------*/   
#MenuDetails
{
margin-top:10%;	
}
#tdHeader
{
    font-family: 'Lato', sans-serif; font-weight: 400;
    color: #001842;
    font-weight: bold;
    font-size: 1em;
    }

.txtbox
{
    font-family: 'Lato', sans-serif; font-weight: 100; 
    background: #fff; 
	background: linear-gradient(top, #fff 0%, #e1caca 100%);  
	background: -moz-linear-gradient(top, #fff 0%, #e1caca 100%); 
	background: -webkit-linear-gradient(top, #fff 0%,#e1caca 100%); 
	box-shadow: 0px 0px 9px rgba(0,0,0,0.15);
    color: #001842;
    border-radius: 8px;
    text-align: left;
    font-size: 1em;
	padding-left: 3px;
	width:180px;
    }
    
.txtboxClosed
{
    font-family: 'Lato', sans-serif; font-weight: 100; 
    background: #404040; 
	background: linear-gradient(top, #404040 0%, #e1caca 100%);  
	background: -moz-linear-gradient(top, #404040 0%, #e1caca 100%); 
	background: -webkit-linear-gradient(top, #404040 0%,#e1caca 100%); 
	box-shadow: 0px 0px 9px rgba(0,0,0,0.15);
    color: #001842;
    border-radius: 8px;
    text-align: left;
    font-size: 1em;
	padding-left: 3px;
	width:180px;
    }

 .txtbox:active
 {
    background: #bdf1f9; 
	background: linear-gradient(top, #bdf1f9 0%, #2db4c8 100%);  
	background: -moz-linear-gradient(top, #bdf1f9 0%, #2db4c8 100%); 
	background: -webkit-linear-gradient(top, #bdf1f9 0%,#2db4c8 100%); 
  }

.watermarked
        {
    font-family: 'Lato', sans-serif; font-weight: 400; 
    background: #fff; 
	background: linear-gradient(top, #fff 0%, #e1caca 100%);  
	background: -moz-linear-gradient(top, #fff 0%, #e1caca 100%); 
	background: -webkit-linear-gradient(top, #fff 0%,#e1caca 100%); 
	box-shadow: 0px 0px 9px rgba(0,0,0,0.15);
    border-radius: 8px;
    text-align: left;
    font-size: 1em;
    font-variant:normal;
	padding-left: 3px;
    color: gray;
    height: 1em;    
        }
   
.label
{
    font-family: 'Lato', sans-serif; font-weight: 200;
    color: #001842;
    font-weight: normal;
    font-size: 1em;
    }
    
  .button
  {
    font-family: 'Lato', sans-serif; font-weight: 200;
    background: #001842;
	box-shadow: 0px 0px 9px rgba(0,0,0,0.15);
    color: #ffffff;
    border-radius: 8px;
    font-weight: bold;
    font-size: 1.2em;
    width: 180px;
    text-align:center;
  }
  
  .buttonrood
  {
    font-family: 'Lato', sans-serif; font-weight: 200;
    background: #ff0000;
	box-shadow: 0px 0px 9px rgba(0,0,0,0.15);
    color: #ffffff;
    border-radius: 8px;
    font-weight: bold;
    font-size: 1.2em;
    width: 180px;
    text-align:center;
  }

  .buttonplanning
  {
    font-family: 'Lato', sans-serif; font-weight: 200;
    background: #001842;
	box-shadow: 0px 0px 9px rgba(0,0,0,0.15);
    color: #ffffff;
    border-radius: 8px;
    font-weight: bold;
    font-size: 1.2em;
    width: 180px;
    height:25px;
	margin-top:5px;
  }
    .list
    {
    font-family: 'Lato', sans-serif; font-weight: 100;
    background: white; 
	background: linear-gradient(top, #fff 0%, #e1caca 100%);  
	background: -moz-linear-gradient(top, #fff 0%, #e1caca 100%); 
	background: -webkit-linear-gradient(top, #fff 0%,#e1caca 100%); 
	box-shadow: 0px 0px 9px rgba(0,0,0,0.15);
    color: #001842;
    width: 180px;
    border-radius: 8px; 
    font-size: 1em;
        }
/*------Gridview-------*/   
.Header
{
	background-color:#001842;
	color: White;
	font-size:1.2em;
	font-family: 'Lato', sans-serif;
}
.Itemrow
{
	font-family: 'Lato', sans-serif;
	width:75px;
	text-align:left;
	font-size:1.5em;
}
.Alternaterow
{
	font-family: 'Lato', sans-serif;
	width:70px;
	text-align:left;
	font-size:1em;
	background-color:#298abd;
	color:#001842;
}

/*------Login-------*/   
  .buttonLogin
  {
    font-family: 'Lato', sans-serif; font-weight: 400;
    background: #d62829;
	box-shadow: 0px 0px 9px rgba(0,0,0,0.15);
    color: #ffffff;
    border-radius: 8px;
    font-weight: bold;
    font-size: 2em;
    width: 150px;
  }
.labelLogin
{
    font-family: 'Lato', sans-serif; font-weight: 400;
    color: #d62829;
    font-weight: normal;
    font-size: 2em;
    }
.txtboxLogin
{
    font-family: 'Lato', sans-serif; font-weight: 400; 
    background: #fff; 
	background: linear-gradient(top, #fff 0%, #e1caca 100%);  
	background: -moz-linear-gradient(top, #fff 0%, #e1caca 100%); 
	background: -webkit-linear-gradient(top, #fff 0%,#e1caca 100%); 
	box-shadow: 0px 0px 9px rgba(0,0,0,0.15);
    color: #d62829;
    border-radius: 8px;
    text-align: left;
    font-size: 2em;
	padding-left: 3px;
    }
}

         @media screen and (max-width: 4096px) and (min-width: 1024px) {
/*------Menu-------*/   
#TableMenu
{
margin-top:10%;	
}
#MenuPlanning
{
margin-top:15%;
width:30%;
}
#MenuAdministratief
{
margin-top:15%;
margin-left:20%;
}
#MenuSysteembeheer
{
margin-top:15%;
margin-left:40%;
}
#tdHeader
{
    font-family: 'Lato', sans-serif; font-weight: 400;
    color: #001842;
    font-weight: bold;
    font-size: 1em;
    width:50%;
    vertical-align:top;
    }
#Voorwaarden
{
    font-family: 'Lato', sans-serif; font-weight: 100;
    color: #001842;
    font-weight: normal;
    font-size: 1em;
    }
  .buttonmenu 
  {
    font-family: 'Lato', sans-serif; font-weight: 400;
    background: #001842;
	box-shadow: 0px 0px 9px rgba(0,0,0,0.15);
    color: #ffffff;
    border-radius: 8px;
    font-weight: bold;
    font-size: 2em;
    width: 250px;
    }
/*------Normal objects-------*/   
#MenuDetails
{
margin-top:15%;	
}
.txtbox
{
    font-family: 'Lato', sans-serif; font-weight: 100; 
    background: #fff; 
	background: linear-gradient(top, #fff 0%, #e1caca 100%);  
	background: -moz-linear-gradient(top, #fff 0%, #e1caca 100%); 
	background: -webkit-linear-gradient(top, #fff 0%,#e1caca 100%); 
	box-shadow: 0px 0px 9px rgba(0,0,0,0.15);
    color: #001842;
    border-radius: 8px;
    text-align: left;
    font-size: 1em;
	padding-left: 3px;
	width:180px;
    }
    
    .txtboxClosed
{
    font-family: 'Lato', sans-serif; font-weight: 100; 
    background: #404040; 
	background: linear-gradient(top, #404040 0%, #e1caca 100%);  
	background: -moz-linear-gradient(top, #404040 0%, #e1caca 100%); 
	background: -webkit-linear-gradient(top, #404040 0%,#e1caca 100%); 
	box-shadow: 0px 0px 9px rgba(0,0,0,0.15);
    color: #001842;
    border-radius: 8px;
    text-align: left;
    font-size: 1em;
	padding-left: 3px;
	width:180px;
    }

 .txtbox:active
 {
    background: #bdf1f9; 
	background: linear-gradient(top, #bdf1f9 0%, #2db4c8 100%);  
	background: -moz-linear-gradient(top, #bdf1f9 0%, #2db4c8 100%); 
	background: -webkit-linear-gradient(top, #bdf1f9 0%,#2db4c8 100%); 
  }

.watermarked
        {
    font-family: 'Lato', sans-serif; font-weight: 400; 
    background: #fff; 
	background: linear-gradient(top, #fff 0%, #e1caca 100%);  
	background: -moz-linear-gradient(top, #fff 0%, #e1caca 100%); 
	background: -webkit-linear-gradient(top, #fff 0%,#e1caca 100%); 
	box-shadow: 0px 0px 9px rgba(0,0,0,0.15);
    border-radius: 8px;
    text-align: left;
    font-size: 1em;
    font-variant:normal;
	padding-left: 3px;
    color: gray;
    height: 1em;
        }

.label
{
    font-family: 'Lato', sans-serif; font-weight: 200;
    color: #001842;
    font-weight: normal;
    font-size: 1em;
    }
  .button 
  {
    font-family: 'Lato', sans-serif; font-weight: 200;
    background: #001842;
	box-shadow: 0px 0px 9px rgba(0,0,0,0.15);
    color: #ffffff;
    border-radius: 8px;
    font-weight: bold;
    font-size: 1em;
    width: 180px;
    text-align:center;
    }

  .buttonrood
  {
    font-family: 'Lato', sans-serif; font-weight: 200;
    background: #ff0000;
	box-shadow: 0px 0px 9px rgba(0,0,0,0.15);
    color: #ffffff;
    border-radius: 8px;
    font-weight: bold;
    font-size: 1em;
    width: 180px;
    text-align:center;
    }

  .buttonplanning
  {
    font-family: 'Lato', sans-serif; font-weight: 200;
    background: #001842;
	box-shadow: 0px 0px 9px rgba(0,0,0,0.15);
    color: #ffffff;
    border-radius: 8px;
    font-weight: bold;
    font-size: 1.2em;
    width: 180px;
    text-align:center;
  }
    .list
    {
    font-family: 'Lato', sans-serif; font-weight: 100;
    background: white; 
	background: linear-gradient(top, #fff 0%, #e1caca 100%);  
	background: -moz-linear-gradient(top, #fff 0%, #e1caca 100%); 
	background: -webkit-linear-gradient(top, #fff 0%,#e1caca 100%); 
	box-shadow: 0px 0px 9px rgba(0,0,0,0.15);
    color: #001842;
    width: 180px;
    border-radius: 8px; 
    font-size: 1em;
        }
/*------Gridview-------*/   
.Header
{
background-color:#001842;
color: White;
}

.Itemrow
{
	width:75px;
	text-align:left;
	font-size:1em;
}
.Alternaterow
{
	width:70px;
	text-align:left;
	font-size:1em;
	background-color:#298abd;
	color:#001842;
}
/*------Login-------*/   
.labelLogin
{
    font-family: 'Lato', sans-serif; font-weight: 400;
    color: #d62829;
    font-weight: normal;
    font-size: 1.5em;
    }
  .buttonLogin
  {
    font-family: 'Lato', sans-serif; font-weight: 400;
    background: #d62829;
	box-shadow: 0px 0px 9px rgba(0,0,0,0.15);
    color: #ffffff;
    border-radius: 8px;
        font-weight: bold;
    font-size: 1.5em;
    width: 110px;
    }
}
.txtboxLogin
{
    font-family: 'Lato', sans-serif; font-weight: 400; 
    background: #fff; 
	background: linear-gradient(top, #fff 0%, #e1caca 100%);  
	background: -moz-linear-gradient(top, #fff 0%, #e1caca 100%); 
	background: -webkit-linear-gradient(top, #fff 0%,#e1caca 100%); 
	box-shadow: 0px 0px 9px rgba(0,0,0,0.15);
    color: #d62829;
    border-radius: 8px;
    text-align: left;
    font-size: 1.5em;
	padding-left: 3px;
    }

  .button
  {
    font-family: 'Lato', sans-serif; font-weight: 200;
    background: #001842;
	box-shadow: 0px 0px 9px rgba(0,0,0,0.15);
    color: #ffffff;
    border-radius: 8px;
    font-weight: bold;
    font-size: 1.2em;
    width: 90%;
    text-align:center;
  }
  
  .buttonrood
  {
    font-family: 'Lato', sans-serif; font-weight: 200;
    background: #ff0000;
	box-shadow: 0px 0px 9px rgba(0,0,0,0.15);
    color: #ffffff;
    border-radius: 8px;
    font-weight: bold;
    font-size: 1.2em;
    width: 180px;
    text-align:center;
  }

  .txtbox
{
    font-family: 'Lato', sans-serif; font-weight: 400; 
    background: #fff; 
	background: linear-gradient(top, #fff 0%, #e1caca 100%);  
	background: -moz-linear-gradient(top, #fff 0%, #e1caca 100%); 
	background: -webkit-linear-gradient(top, #fff 0%,#e1caca 100%); 
	box-shadow: 0px 0px 9px rgba(0,0,0,0.15);
    color: #001842;
    border-radius: 8px;
    text-align: left;
    font-size: 1em;
    font-variant:normal;
	padding-left: 3px;
    }
    
.txtboxClosed
{
    font-family: 'Lato', sans-serif; font-weight: 400; 
    background: #404040; 
	background: linear-gradient(top, #404040 0%, #e1caca 100%);  
	background: -moz-linear-gradient(top, #404040 0%, #e1caca 100%); 
	background: -webkit-linear-gradient(top, #404040 0%,#e1caca 100%); 
	box-shadow: 0px 0px 9px rgba(0,0,0,0.15);
    color: #d62829;
    border-radius: 8px;
    text-align: left;
    font-size: 1em;
    font-variant:normal;
	padding-left: 3px;
    }

 .txtbox:active
 {
    background: #bdf1f9; 
	background: linear-gradient(top, #bdf1f9 0%, #2db4c8 100%);  
	background: -moz-linear-gradient(top, #bdf1f9 0%, #2db4c8 100%); 
	background: -webkit-linear-gradient(top, #bdf1f9 0%,#2db4c8 100%); 
  }

.watermarked
        {
    font-family: 'Lato', sans-serif; font-weight: 400; 
    background: #fff; 
	background: linear-gradient(top, #fff 0%, #e1caca 100%);  
	background: -moz-linear-gradient(top, #fff 0%, #e1caca 100%); 
	background: -webkit-linear-gradient(top, #fff 0%,#e1caca 100%); 
	box-shadow: 0px 0px 9px rgba(0,0,0,0.15);
    border-radius: 8px;
    text-align: left;
    font-size: 1em;
    font-variant:normal;
	padding-left: 3px;
    color: gray;
    height: 1em;
        }
        
.label
{
    font-family: 'Lato', sans-serif; font-weight: 400;
    color: #001842;
    font-weight: normal;
    font-size: 1em;
    }

/*------Calendarextender OpnameZolder-------*/  
.calendetextender .ajax__calendar_container {
    border:1px solid #646464;
    background-color:#EEEEEE;
    color:#0084c9;
}
.calendetextender .ajax__calendar_other .ajax__calendar_day,
.calendetextender .ajax__calendar_other .ajax__calendar_year 
{
    color:Red;
    font-size:x-small;
}
.calendetextender .ajax__calendar_hover .ajax__calendar_day,
.calendetextender .ajax__calendar_hover .ajax__calendar_month, 
.calendetextender .ajax__calendar_hover .ajax__calendar_year 
{
    color:#00008b;
}
.calendetextender .ajax__calendar_active .ajax__calendar_day, 
.calendetextender .ajax__calendar_active .ajax__calendar_month, 
.calendetextender .ajax__calendar_active .ajax__calendar_year 
{
    color:#00008b;
    font-weight:bold;
    font-size:small;
}
 
/*------Calendarextender-------*/   
.MyCalendar .ajax__calendar_container {
    border:1px solid #646464;
    background-color:#EEEEEE;
    color:#0084c9;
}
.MyCalendar .ajax__calendar_other .ajax__calendar_day,
.MyCalendar .ajax__calendar_other .ajax__calendar_year 
{
    color:Red;
    font-size:x-small;
}
.MyCalendar .ajax__calendar_hover .ajax__calendar_day,
.MyCalendar .ajax__calendar_hover .ajax__calendar_month, 
.MyCalendar .ajax__calendar_hover .ajax__calendar_year 
{
    color:#00008b;
}
.MyCalendar .ajax__calendar_active .ajax__calendar_day, 
.MyCalendar .ajax__calendar_active .ajax__calendar_month, 
.MyCalendar .ajax__calendar_active .ajax__calendar_year 
{
    color:#00008b;
    font-weight:bold;
    font-size:small;
}

.CalendarNew
{
font-variant:small-caps;
}        

/*------Calendarextender-------*/   
.MyCalendarInspectie .ajax__calendar_container {
    border:1px solid #646464;
    background-color:#EEEEEE;
    color:#0084c9;
    font-size:x-small;
}
.MyCalendarInspectie .ajax__calendar_other .ajax__calendar_day,
.MyCalendarInspectie .ajax__calendar_other .ajax__calendar_year 
{
    color:Red;
    font-size:x-small;
}
.MyCalendarInspectie .ajax__calendar_hover .ajax__calendar_day,
.MyCalendarInspectie .ajax__calendar_hover .ajax__calendar_month, 
.MyCalendarInspectie .ajax__calendar_hover .ajax__calendar_year 
{
    color:#00008b;
    font-size:x-small;
}
.MyCalendarInspectie .ajax__calendar_active .ajax__calendar_day, 
.MyCalendarInspectie .ajax__calendar_active .ajax__calendar_month, 
.MyCalendarInspectie .ajax__calendar_active .ajax__calendar_year 
{
    color:#00008b;
    font-weight:bold;
    font-size:x-small;
}

.HideButton
{
	display:none
}

.Checkboxlist
{
	font-family: 'Lato', sans-serif;
	text-align:left;
	font-size:1.5em;
	width:100%;
}