body {
  margin: 0px;
  background-image: url( https://www.repairstatus.nl/images/bg.png );
  background-attachment:fixed;
  -o-background-size: 100% 100%, auto;
  -moz-background-size: 100% 100%, auto;
  -webkit-background-size: 100% 100%, auto;
  background-size: 100% 100%, auto;
}
a:link {
  color: #FFf;
  text-decoration: none
}
a:visited {
  color: #FFF;
}
#content {
  position: fixed;
}
#content {
  position: fixed;
  top: 10px;
  right: 10px;
  color: #fff;
  font-size: 14px;
  font-family: "Helvetica Neue",sans-serif;
}
#contentleft {
  position: fixed;
}
#contentleft {
  position: absolute;
  top: 15px;
  left: 20px;
  color: #fff;
  font-size: 16px;
  font-family: "Helvetica Neue",sans-serif;
}

#contentleftt {
  position: fixed;
}
#contentleftt {
  position: absolute;
  top: 15px;
  left: 20px;
  color: #fff;
  font-size: 16px;
  font-family: "Helvetica Neue",sans-serif;
}
#contentbottomright {
  position: fixed;
}
#contentbottomright {
  position: fixed;
  bottom: 10px;
  right: 10px;
  color: #fff;
  font-size: 12px;
  font-family: "Helvetica Neue",sans-serif;
}
#wrapper {
  position: relative;
  display: block;
  width: 1000px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 75px;
  /*background-color: #ccc;*/
}
.label {
  position: absolute;
  -webkit-font-smoothing: antialiased;
  -webkit-user-select: none;
  font-family: "Helvetica Neue",sans-serif;
  font-weight: 300;
  font-size: 21px;
  line-height: 1.2;
  color: rgb(255, 255, 255);
  text-align: center;
  width: 142px;
  height: 28px;
  margin-top: 160px;
  text-shadow: rgba(0, 0, 0, 0.247059) 0px 7px 15px;
}
/*iCloud icons
#mail, #contacts, #calender, #notes, #reminders, #find, #pages, #numbers, #keynote, #nieuwticket, #klanten, #instellingen, #agenda, #tickets, #bestellingen, #account, #accounts, #voorraad, #rapportage, #kassa, #home {
  width: 142px;
  height: 142px;
  position:relative;
  float: left;
  background-repeat: no-repeat;
  margin-left: 50px;
  margin-right: 50px;
  margin-bottom: 80px;
  box-shadow: 0px 0px 30px 0px rgba(0,0,0,.1);
  border-radius: 35px;
  -webkit-filter: blur(15px);
  -webkit-transition: -webkit-filter .50s;
  -webkit-backface-visibility: hidden;
  filter: url(#blur);
  -ms-filter: blur(15px);
  filter: progid:DXImageTransform.Microsoft.Blur(pixelradius=20)\9 !important;
  -ms-filter: progid:DXImageTransform.Microsoft.Blur(pixelradius=20)\9 !important;
  opacity: 1\9 !important;
}
*/
/*iCloud icons*/
#mail, #contacts, #calender, #notes, #reminders, #find, #pages, #numbers, #keynote, #nieuwticket, #klanten, #instellingen, #agenda, #tickets, #bestellingen, #account, #accounts, #voorraad, #rapportage, #kassa, #home, #tutorial, #webshop, #mailing, #boekhouding {
  width: 142px;
  height: 142px;
  position:relative;
  float: left;
  background-repeat: no-repeat;
  margin-left: 50px;
  margin-right: 50px;
  margin-bottom: 80px;

  -webkit-filter: blur(15px);
  -webkit-transition: -webkit-filter .50s;
  -webkit-backface-visibility: hidden; /*fixes Flash bug*/
}

#mail:hover, #nieuwticket:hover, #contacts:hover, #tickets:hover, #account:hover, #accounts:hover, #voorraad:hover, #rapportage:hover, #kassa:hover, #home:hover, #bestellingen:hover, #agenda:hover, #klanten:hover, #instellingen:hover, #calender:hover, #notes:hover, #reminders:hover, #find:hover, #pages:hover, #numbers:hover, #keynote:hover, #boekhouding:hover {
  /*-webkit-filter: blur(0px);*/
  /*-webkit-transition: -webkit-filter .50s;*/ 
  /*box-shadow: 0px 0px 30px 0px rgba(0,0,0,0);*/
}
#mail:active, #nieuwticket:active, #contacts:active, #voorraad:active, #rapportage:active, #home:active, #kassa:active, #account:active, #accounts:active, #bestellingen:active, #tickets:active, #agenda:active, #klanten:active, #instellingen:active, #calender:active, #notes:active, #reminders:active, #find:active, #pages:active, #numbers:active, #keynote:active {
  /*opacity: 0.8;*/ 
}
#mail {
  background-image: url('../images/mail_icon.png');
}
#nieuwticket {
  background-image: url('../images/nieuwticketicon.png');
}
#klanten {
  background-image: url('../images/klantenicon.png');
}
#instellingen {
  background-image: url('../images/instellingenicon.png');
}

#agenda {
  background-image: url('../images/agendaicon-leeg.png');
}

#tickets {
  background-image: url('../images/ticketsicon.png');
}
#bestellingen {
  background-image: url('../images/iconbestellingen.png');
}
#accounts {
  background-image: url('../images/accountsicon.png');
}
#account {
  background-image: url('../images/accountsicon.png');
}
#voorraad {
  background-image: url('../images/voorraadicon.png');
}
#rapportage {
  background-image: url('../images/rapportageicon.png');
}
#kassa {
  background-image: url('../images/kassaicon.png');
}
#boekhouding {
  background-image: url('../images/boekhoudingicon.png');
}
#home {
  background-image: url('../images/checkouticon.png');
}

#contacts {
  background-image: url('../images/contacts_icon.png');
}
#reminders {
  background-image: url('../images/reminders_icon.png');
}
#notes {
  background-image: url('../images/notities_icon.png');
}
#tutorial {
  background-image: url('../images/handleidingicon.png');
}
#webshop {
  background-image: url('../images/webshop-icon.png');
}
#mailing {
  background-image: url('../images/mailing-icon.png');
}
#pages {
  background-image: url('../images/icon.png');
}
#numbers {
  background-image: url('../images/icon.png');
}
#keynote {
  background-image: url('../images/icon.png');
}
#calender, #calender-day, #calender-number {
  background-image: url('../images/calendar_icon_sprite_en_us.png');
  background-position: 0px -100px;
}
#calender-day {
  height: 50px;
  background-position: -215px -100px;
}
#calender-number {
  width: 113px;
  height: 100px;
  background-position: 5px 0px;
}
/*additional*/
#icloud {
  content: "";
  margin-left: 15px;
  margin-top: 15px;
  width:56px;
  height: 16px;

  background-repeat: no-repeat;
  background-position: 0px -249px;
}
#popup {
  position: absolute;
  height: 375px; 
  width: 350px;
  margin-top: 100px;
  margin-left: -180px;
  left: 50%;
  top: 20%;
  z-index: 2;
  opacity: 1;
  border-radius: 55px;
  background-color: #FFF;
  background-image: url('../images/repairstatus.png');
  background-repeat: no-repeat;
  background-position: 140px 25px;
  box-shadow: 0px 0px 40px 0px rgba(0,0,0,.4);
}
#popup_temp {
  position: absolute;
  height: 375px; 
  width: 350px;
  margin-top: 100px;
  margin-left: 0px;
  left: 70%;
  top: 0%;
  z-index: 2;
  opacity: 1;
  border-radius: 55px;
  background-color: #FFF;
  background-image: url('../images/repairstatus.png');
  background-repeat: no-repeat;
  background-position: 140px 25px;
  box-shadow: 0px 0px 40px 0px rgba(0,0,0,.4);
}
#popup_app {
  position: absolute;
  width: 650px;
  margin-top: 100px;
  margin-left: 0px;
  padding:20px;
  left: 5%;
  top: 0%;
  z-index: 2;
  opacity: 1;
  border-radius: 55px;
  background-color: #FFF;
  box-shadow: 0px 0px 40px 0px rgba(0,0,0,.4);
  -webkit-font-smoothing: antialiased;
  -webkit-user-select: none;
  font-family: "Helvetica Neue",sans-serif;
  font-weight: 200;
  font-size: 25px;
  line-height: 1.2;
  color: rgb(91, 121, 131);
}
.signin {
  position: absolute;
  -webkit-font-smoothing: antialiased;
  -webkit-user-select: none;
  font-family: "Helvetica Neue",sans-serif;
  font-weight: 200;
  font-size: 25px;
  line-height: 1.2;
  color: rgb(91, 121, 131);
  text-align: center;
  width: 350px;
  margin-top: 110px;
}
input[type="email"], #gebruikersnaam, #ticketnummer {
  width: 250px;
  border: 0;
  border-bottom: 1px solid #b5b5b5;
  outline: 0;
  font-size: 16px;
  color: #b5b5b5;
}
#btn_login {
  cursor: pointer;
}
.input_aanvraag { 
    width: 250px;
    border: 0;
    border-bottom: 1px solid #b5b5b5;
    outline: 0;
    font-size: 16px;
    color: #b5b5b5;
}
input[type="password"] {
  width: 250px;
  border: 0;
  border-bottom: 1px solid #b5b5b5;
  outline: 0;
  font-size: 16px;
  color: #b5b5b5;
}
#melding {
 color:#c50404;
 display:none;
 height:12px;
 font-size:12px;
 margin:15px 0 5px 0;
}
.stand {
  position:absolute;
  right:-10px;
  top:-15px;
  display: inline-block;
  min-width: 40px;
  height: 40px;
  margin:0;
  text-align:center;
  border:solid 1px rgb(241,90,41);
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  background-color: rgb(241,90,41);
  color:#fff;
  font-family:arial;
  line-height:40px;
  z-index:99;
}
#dagnaam {
  color:#fff;
  font-size:12pt;
  font-family:arial;
  text-align:center;
  position:absolute;
  left:0px;
  top:12px;
  width:142px;
}
#dagnr {
  color:#000;
  font-size:45pt;
  font-family:arial;
  text-align:center;
  position:absolute;
  left:0px;
  top:50px;
  width:142px;
}