/*
	Storingsdienst stijlblad
*/

@font-face {
    font-family: 'NexaBlackRegular';
    src: url('fonts/nexablack.eot');
    src: url('fonts/nexablack.eot') format('embedded-opentype'),
         url('fonts/nexablack.woff') format('woff'),
         url('fonts/nexablack.ttf') format('truetype'),
         url('fonts/nexablack.svg#NexaBlackRegular') format('svg');
}
@font-face {
    font-family: 'NexaBoldRegular';
    src: url('fonts/nexa-bold.eot');
    src: url('fonts/nexa-bold.eot') format('embedded-opentype'),
         url('fonts/nexa-bold.woff') format('woff'),
         url('fonts/nexa-bold.ttf') format('truetype'),
         url('fonts/nexa-bold.svg#NexaBoldRegular') format('svg');
}
@font-face {
    font-family: 'NexaLightRegular';
    src: url('fonts/nexa-light.eot');
    src: url('fonts/nexa-light.eot') format('embedded-opentype'),
         url('fonts/nexa-light.woff') format('woff'),
         url('fonts/nexa-light.ttf') format('truetype'),
         url('fonts/nexa-light.svg#NexaLightRegular') format('svg');
}

h1, h2, h3, h4, h5, h6 {
	font-family: 'NexaBoldRegular';
	text-transform:uppercase;
}

:focus {
outline: 0;
}

table { width:100%; border-collapse:collapse; }
th { background-color:#fff; text-align:left; font-size:11px; padding:5px; }
tr { border:none; }
tr:nth-child(even){ background-color:#f6f6f6; }
tr:nth-child(odd){ background-color:#e8e8e8; }
tr.active { background-color:#8cd46c;}
tr.active2{ background-color:#c6fcae; }

table.static td{ font-size: 11px; }

td { padding:5px; }

* {
	margin:0;
	padding:0;
	box-sizing:border-box; 
}

body {
	background:#eaeaea;
	font-family:'NexaLightRegular';
	font-size:14px;
}

#wrapper{
	max-width:940px;
	width:100%;
	margin:50px auto;
	padding:0 20px;
}
.content {
	background:#FFF;
	margin:0 auto;
	-webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.75);
	-moz-box-shadow:    0px 0px 5px 0px rgba(0, 0, 0, 0.75);
	box-shadow:         0px 0px 5px 0px rgba(0, 0, 0, 0.75);
}
.header {
	width:100%;
	height:76px;
	background:#e51937;
}
.header h2 { 
	color:#ffffff; 
	font-family:'NexaLightRegular';
	font-size:25px;
	padding: 27px 0 0 20px;
	text-transform:uppercase;
}
.linker-vlak {
	width:50%;
	float:left;
	padding:20px 10px 20px 20px;
}
.rechter-vlak {
	width:50%;
	float:right;
	padding:20px 20px 20px 10px;
}
.clear {
	clear:both;
}
.style-select select {
   background: transparent;
   width: 100%;
   padding: 5px;
   font-size: 12px;
   line-height: 1;
   color:#767676;
   border: 0;
   border-radius: 0;
   height: 20px;
   -webkit-appearance: none;
   font-family:'NexaLightRegular';
}
.style-select {
   width: 100%;
   height: 20px;
   overflow: hidden;
   background: url(dropdown.png) no-repeat right #fff;
   border: 1px solid #e8e8e8;
}
input[type="text"], input[type="password"] {
  display: block;
  margin: 0;
  width: 100%;
  font-family:'NexaLightRegular';
  font-size: 14px;
  color:#767676;
  appearance: none;
  box-shadow: none;
  border-radius: none;
  border: 1px solid #e8e8e8;
}
.button {
	color:#fff;
	background-color:#e51937;
	border-radius:0px;
	-moz-border-radius:0px;
	-webkit-border-radius:0px;
	border:none;
   font-family:'NexaLightRegular';
	font-size:14px;
	height:32px;
	padding:0px 8px;
	float:right;
}

@media screen and (max-width: 650px) {
	.linker-vlak {
	width:100%;
	padding:20px;
	}
	.rechter-vlak {
	width:100%;
	padding:20px;
	}
	#wrapper {
	margin: 0;
	padding: 0;
	}
}

.info, .success, .warning, .error, .validation {
border: 1px solid;
margin: 0 auto;
margin: 10px auto;
padding:15px 10px 15px 10px;
background-repeat: no-repeat;
background-position: 10px center;
border-radius:3px;
width: 95%;
}
.info {
color: #00529B;
background-color: #BDE5F8;
}
.success {
color: #4F8A10;
background-color: #DFF2BF;
}
.warning {
color: #9F6000;
background-color: #FEEFB3;
}
.error {
color: #D8000C;
background-color: #FFBABA;
}

.logout{ position: absolute; color: #cecece; text-decoration: none; text-transform: uppercase; margin-top: -40px; margin-left: 20px;}