body {
	background: #212121;
	font-size:15px;
	line-height: 32px;
	color: #ffffff;
	word-wrap:break-word !important;
    font-family: 'Quicksand', sans-serif;
	margin: 20;
	padding: 0;
	line-height:16px;
}

.steady{

	color: rgb(71, 240, 4);
	font-size: 16px;
	padding: 16px 32px;
	width: 155px;
}
.blinking{
    animation:blinkingText 2.2s infinite;
	font-size: 16px;
	padding: 16px 32px;
	width: 155px;
}
@keyframes blinkingText{
    0%{     color: rgb(241, 3, 3);    }
    25%{    color: rgb(232, 248, 12); }
    50%{    color: rgb(96, 64, 240); }
    75%{   color: #000;    }
}


input[type=button] {
	width: 110px;
	font-size: 12px;
	background-color: rgb(248, 218, 48);
  }

 input[type=submit] {
	width: 110px;
	font-size: 12px;
	background-color: rgb(248, 218, 48);
  }

input[type=submit].Start {
	width: 70px;
	font-size: 12px;
	background-color: rgb(9, 240, 39);
  }
  
  input[type=submit].Stop {
	width: 70px;
	font-size: 12px;
	background-color: rgb(223, 14, 49);
  }

  input[type=submit].Annuleren {
	width: 70px;
	font-size: 12px;
	background-color: rgb(240, 113, 9);
  }


a {
	font-size: 15px;
		color: red;
}


a.Factuur {
	font-size: 15px;
		color: rgb(0, 255, 34);
}

a.Offerte {
	font-size: 15px;
		color: rgb(255, 251, 0);
}

a.SendMail {
	font-size: 15px;
		color: rgb(255, 0, 0);
}




h1 {
	font-size: 15px;
	text-align: center;
	color: #FFF;
	margin-top: 150px;
    font-family: 'Russo One', sans-serif;
	}

	h1 span {
	color: #FF4649;
}

#container {
	margin: 0 auto;
}

nav {
	margin: 35px 0;
	background-color: #FF4649;
}
nav ul {
	padding: 0;
    margin: 0;
	list-style: none;
	position: relative;
	}	
nav ul li {
	display:inline-block;
	background-color: #FF4649;
	}
nav a {
	display:block;
	padding:0 10px;	
	color:#FFF;
	font-size:15px;
	line-height: 40px;
	text-decoration:none;
}
nav a:hover { 
	background-color: #333; 
}
nav ul ul {
	display: none;
	position: absolute; 
	top: 40px; 	
}	
nav ul li:hover > ul {
	display:inherit;
}	
nav ul ul li {
	width:230px;
	float:none;
	display:list-item;
}
nav ul ul ul li {
	position: relative;
	top:-60px; 
	left:230px;
}
nav ul ul li {
	border: 1px solid white;
}	
li > a:after { content:  ' ▼'; }
li > a:only-child:after { content: ''; }

table, th, td {
  border: 0px solid #303030;
  	font-size:15px;
	padding: 5px;
}


/* calendar 
tr.calendar-row	{  }*/
td.calendar-day	{ min-height:180px; font-size:8px; } * html div.calendar-day { height:180px; }
td.calendar-day:hover	{ background:#024ee7; }
td.calendar-day-np	{ background:#212121; min-height:80px; } * html div.calendar-day-np { height:80px; }
td.calendar-day-head { background:#FF4649; font-weight:bold; text-align:center; width:120px; padding:1px; border-bottom:1px solid #999; border-top:1px solid #999; border-right:1px solid #999; }
div.day-number		{ background:#212121; padding:1px; color:#fff; font-weight:bold; float:right; margin:-0px -0px 0 0; height:150px;width:20px; text-align:center; }
div.day-numberCurr		{ background:#ec0b0b; padding:1px; color:#fff; font-weight:bold; float:right; margin:-0px -0px 0 0; height:150px;width:30px; text-align:center; }
td.calendar-day, td.calendar-day-np { width:120px; padding:5px; border-bottom:1px solid #999; border-right:1px solid #999; }

.footer {
	position: fixed;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 20px;
	font-size:7px;
	background-color:#313030;
	color: white;
	text-align: center;
  }

  body {font-family: Arial, Helvetica, sans-serif;}




.verstopt {
    width: 800px;
    border-spacing: 0px;
	border: 0px solid white;
}
.verstopt tr {
    border-spacing: 0px;
	border: 0px solid white;
}
.verstopt td {
    border-spacing: 0px;
	border: 0px solid white;
}



.container {
	position: relative;
	width: 25px;
  }
  
  .image {
	opacity: 1;
	display: block;
	height: 25px;
	transition: .5s ease;
	backface-visibility: hidden;
  }
  
  .middle {
	transition: .5s ease;
	opacity: 0;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	text-align: center;
  }
  
  .container:hover .image {
	opacity: 0.8;
  }
  
  .container:hover .middle {
	opacity: 1;
  }
  
  .text {
	background-color: #373837;
	color: white;
	font-size: 16px;
	padding: 16px 32px;
	width: 155px;
  }