@charset "utf-8";
/* CSS Document */

	/* Resets */
ul {
    padding:0;
    margin:0 0 20px 0;
    list-style:none;
}
h1, h2 {
    padding:0;
    margin:0 0 20px 0;
    font-weight:normal;
}
h3 {
    padding:0;
    margin:0 0 4px 0;
	font-size:18px;
    font-weight:normal;
}
p {
    padding:0;
    margin:0 0 20px 0;
}
a:link, a:visited {
    text-decoration:underline;
    color:#FFFFFF;
}
a:hover {
    text-decoration:none;
}
ul li {
	width:200px;
    padding:5px 0;
}
ul li input[type="text"], ul li input[type="password"] {
    width:150px;
}
img{
	width:100px;
}
textarea {
	width:500px;
	height:150px;
	resize:none;
}

/* Headers */
h1 {
    font-size:1.8em;
}
h2 {
    font-size:1.4em;
}
/*ul li input[type="text"]{
    width:150px;
}*/

.logo {
    font:2em Arial;
    margin:0 0 10px 0;
    padding:0;
    width:200px;
    color:#ffffff;
}
.hoofd{
	width:100%;
}
.hoofd img{
	float: left;
	width: 90px;
	margin: 20px 5px 0 0;
}
.hoofd .menu{
    color:#FFFFFF;
	float:left;
	width:750px;
	margin:0 0 0 20px;
	padding:0 0 0 0;
}
.hoofd .menu h2 ul li {
    float:left;
	display:inline;
	width: 100px;
	margin:0 5px 5px 0;
}
.hoofd .menu ul li {
    float:left;
    display:inline;
    text-decoration:none;
	width:100px;
	height:14px;
	padding:1px 0 1px 0;
	margin-right:5px;
}
.hoofd .login{
	float: left;
	width: 260px;
	text-align: right;
	margin: 0 5px;
	color:#FFFFFF;
}
.hoofd .login h2{
    margin:0 0 10px 0;
	width:200px;
	float: right;
	padding:0 5px;
    font-weight:normal;
    border-bottom:1px solid #ddd;
}
.hoofd .login ul li{
	float: right;
	width:200px;
}
.hoofd .login ul li input{
	width:100px;
}

a:link, a:visited {
    text-decoration:underline;
    color:#FFFF00;
}
a:hover {
    text-decoration:none;
}
/* Containers */
body {
    background:lightslategray;
    font-family:Arial;
    font-size:0.8em;
}
a:link, a:visited {
    text-decoration:underline;
    color:#FFFFFF;
}
a:hover {
    text-decoration:none;
}
.gebruiker_lijst_kop{
	float:left;
	width:100%;
}
.gebruiker_lijst_kop li{
    float:left;
	display:inline;
	width: 150px;
	margin:0 10px 5px 0;
}
.gebruiker_lijst{
	float:left;
	width:100%;
	margin:0 0 25px 0;
}
.gebruiker_lijst ul {
	float:left;
	display:inline;
	width:150px;
	margin:0 10px 0 0;
}
.lijst{
	display:inline;
}
.lijst{
	display:table;
}
.lijst ul h2 li{
    float:left;
	display:inline;
	width: 100px;
	margin-right:5px;
	margin-bottom:5px

}
.lijst ul li{
/* 	border:1px dashed #000;
 */	width:auto;
	height:20px;
}
.invoer{
	font:arial;
	width: 800px;
	/* border: 1px solid black; */
}
.invoer .project {
	width:200px;
	float: left;
}
.invoer .project ul li h2{
	color:#000000;
	margin:0 0 5px 0;
	height:20px;
	width: 200px;
}
.invoer .project ul li{
	margin:0 1px 0 0;
	padding: 1px 0 1px 0;
	height:15px;
	width: 200px;
}
.invoer .tolerantie {
	width:100%;
	float: left;
}
.invoer .tolerantie ul li h2{
	color:#000000;
	margin:0 0 5px 0;
	height:20px;
	width:100%;
}

.invoer .voorblad {
	width:700px;
	float: left;
}
.invoer .voorblad ul li h2{
	color:#000000;
	margin:0 0 5px 0;
	height:20px;
	width: 700px;
}
.invoer .voorblad ul li{
	margin:0 1px 0 0;
	padding: 1px 0 1px 0;
	height:15px;
	width: 700px;
}
/* .invoer ul li label{
	width:150px;
	color: green;
	border: 1px solid black;
 	clear:both; 
	float:left; 
	margin-right:15px;
}
 */
 .invoer label{
	width:150px;
	color: blue;
	/* border: 1px solid black; */
 	clear:both; 
	float:left; 
	margin-right:15px;
}

/* .invoer ul li input{
    width:300px;
	display: inline;
	border: 1px solid red;
	float:left;
}
 */
 .invoer ul li input{
    width:300px;
	display: inline;
	/* border: 1px solid green; */
/* 	float:left;
 */}
.invoer ul li input [type="date"]{
    font:arial;
	display:inline;
}
.invoer ul li input [type="submit"]{
    width:150px;
	display:inline;
}
.invoer ul li textarea{
	width:600px;
	height:200px;
}
.invoer ul li checkbox{
	display:inline;
	vertical-align: middle;
}
.invoer ul li checkbox span{
	vertical-align: middle;
}

.tabel{
	clear:left;
	width:100%;
	float:left;
}
.tolerantie ul li select{
	width:150px;
	display: inline;
}
.status select{
	width:100px;
	display: inline;
}
.maten ul li select{
	width:200px;
}
ul li input[type="number"] {
    width:300px;
}
ul li input[type="date"] {
    width:298px;
}
ul li select {
    width:304px;
	line-height:50px;
}
ul li textarea {
    width:298px;
	height:50px;
}
label {
	float: left;
	width: 150px;
	text-align: left;
	margin-right: 0.5em;
}

#container, footer {
    background:#fff;
    width:95%;
    margin:0 auto;
    padding:20px;
}
header {
    width:95%;
    padding:10px;
    margin:0 auto 10px auto;
}
#container {
    min-height:500px;
    border-radius:5px 5px 0 0;
}
footer {
    border-radius:0 0 5px 5px;
}
.widget {
    margin-bottom:10px;
	color:#ffffff;
}
.widget h2 {
    margin:0 0 10px 0;
    padding:0 5px;
    font-weight:normal;
    border-bottom:1px solid #ddd;
	color:#ffffff;
}
.widget .inner {
    margin:0 5px;
	color:#ffffff;
}
.widget .inner ul li input[type="text"]{
    width:150px;
}

/* Navigation */
nav {
    color:#FFFFFF;
	float:left;
	margin: 0 auto 0 10px;
	width:750px;
	margin:0 5px 0 10px;
	border: 1px dashed #000;
}
nav h2 ul li {
    float:left;
	display:inline;
	width: 100px;
	margin-right:5px;
	margin-bottom:5px
}
nav ul li {
    float:left;
    display:inline;
    text-decoration:none;
	width:100px;
	height:14px;
	padding:1px 0 1px 0;
	margin-right:5px;
}
nav ul li.current {
    font-weight:bold;
}
nav ul li a.last {
    border-right:0;
}

/* Aside */
aside {
    width:260px;
    float:left;
    border-left:1px dashed #aaa;
    padding:0 15px 0 0;
	background-color: red;
}

.profile {
	background:#f9f9f9;
	border:1px dashed #ccc;
	padding:5px;
}

.profile img {
	width:100%;
}
.paraaf img {
	width:500px;
}
/* Login */
#login li.link {
    margin-top:5px;
}
/* Footer */
footer {
    border-top:1px dashed #ddd;
    color:#999;
}
/* Misc */
.clear {
    clear:both;
}/* CSS Document */