/* BASIC ELEMENTS
----------------------------------------------- */

body {
	font: small arial;
	color: #000;
	padding: .5em 1em 1em 1em;
	margin: 0;
	background-color: #fff;
	background-image: url('epson.jpg');
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: cover;
}

/* 
a {
	color: #00f;
	font-weight: bold;
	text-decoration: underline;
}
 */

a:hover {
	text-decoration: none;
}

img {
 	border: 0;
}

h1 {
	font-size: large;
	margin: 0;
}

table {
	font-size: small;
	background-color: #fff;
}

ul {
	margin-top: 0;
	margin-bottom: 0;
}

input {
    color: #000;
	vertical-align: middle;
	margin: 0;
}

textarea {
	font: small arial;
	background-color: #fff;
	border: 1px solid #999;
}

hr {
	color: #eee;
	background-color: #999;
	height: 1px;
	border: 0;
}

input[type=text],[type=password]{
  width: 100%;
   border: none;
   border: 1px solid #909090;
   border-radius: 4px;
}

textarea{
  width: 100%;
   border: none;
   border: 1px solid #909090;
   border-radius: 4px;
}   

button{
  width: 100%;
   border: none;
   border: 1px solid #909090;
   border-radius: 4px;
   background-color: #dfdfdf;
}

button:hover{
  width: 100%;
   border: none;
   border: 1px solid #909090;
   border-radius: 4px;
   background-color: #d0d0d0;
}

select{
  width: 100%;
   border: none;
   border: 1px solid #909090;
   border-radius: 4px;
   background-color: #dfdfdf;
}


select:focus { outline: none; }

/* CLASSES
----------------------------------------------- */
#statusleft {
	color: #999;
	font-weight: bold;
	padding: 2px 4px;
	text-decoration: none;
}

#statuslinks {
	color: #999;
	font-weight: bold;
	text-decoration: none;
}

#statuslinks a {
	color: #666;
	text-decoration: underline;
}
#statuslinks a:hover {
	color: #333;
	text-decoration: none;
}

.r { color: red; font-weight: bold;}

.g {
	color: green;
}

.b {
	color: blue;
}
.boldgreen {
	color: green;
	font-weight: bold;
	text-align: center;
	
}
.boldblue {
	color: blue;
	font-weight: bold;
}
.boldblack {
	color: black;
	font-weight: bold;
}
.boldred {
	color: red;
	font-weight: bold;
}
.afgekeurd { 
	color: white; 
	font-weight: bold;
	background-color: #fc0909;
	text-align: center
}
.goedgekeurd { 
	color: black; 
	background-color: transparent;}
.inuitvoering {
	color: blue;
	font-weight: bold;
}
.caps {
        color: #333;
        font-size: 24px;
        font-weight: bold;
}
.caps:hover {
        color: #333;
        text-decoration: none;
}

.upcase {
	text-transform: uppercase;
}

.link a {
	font: small arial;
	color: #999;
}

/* TABLES
----------------------------------------------- */

.basetable {
	background: transparent;
	border: 0;
	border-spacing: 0;
	padding: 0;
}

.maintable {
	border-collapse: collapse;
	background: transparent;	
}

.maintable tr:hover {
	background-color: #f3f3f3;
}
.maintable tr.even {
	background-color: #f9f9f9;
}
.maintable tr.even:hover {
	background-color: #f3f3f3;
}

.maintable th, .maintable td {
	border: 1px solid #aaa;
}

.maintable th {
	background-color: #e7e7e7;
}

.maintable th.catname {
	font-size: large;
	padding-top: 1em;
	background-color: #fff;
	border: 0;
}

.maintable .r, .maintable .g, .maintable .b {  }

.maintable a, .infotable a, #navbar a, a {
	text-decoration: underline;
}

.maintable a:hover, .infotable a:hover, #navbar a:hover, a:hover {
	text-decoration: underline;
}


/* SPECIFIC ELEMENTS
----------------------------------------------- */

#navlinks {
	text-align: right;
	margin-right: 2px;
}

#navlinks a {
	color: #b00;
}

#navlinks .user {
	color: #569;
}

#navbar {
	clear: left;
	padding: 0 .4em;
	margin-bottom: 1em;
	background-color: #c7cce7;
	border: 1px solid #9ac;
}

#status1 {
	padding: 0 .4em;
	margin-bottom: 1em;
	background-color: #e7e7f7;
	border: 1px solid #abd;
}

#button_inloggen, #button_terug {
	display: none;
}


.modal {
  display: none;
  position: fixed;
  z-index: 1;
  padding-top: 100px;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  font-size: large;
  color: #ff0000;
  font-weight: bold;
  background-color: rgb(0,0,0);
  background-color: rgba(0,0,0,0.4);
}

/* Modal Content */
.modal-content {
  background-color: #fefefe;
  margin: auto;
  padding: 20px;
  border: 1px solid #888;
  width: 80%;
}

/* The Close Button */
.close {
  color: #aaaaaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
}

.close:hover,
.close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}