* {
	margin:0;
	padding:0;
	border-collapse:collapse;
}

html, body {
	font-family:Tahoma, Geneva, sans-serif;
	font-size:14px;
	margin:0;
	padding:0;
	width:100%;
	height:100%;
}

body {
	background: fixed url('images/kip_achter.png') bottom right no-repeat;
	min-width:960px;
}

a img {
	border:0;
}
table {
	border:0;
}

a {
	color:#0099FF;
	text-decoration:none;
}
a:hover {
	text-decoration:underline;
}

input[type=text], input[type=password], textarea {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	outline:none;
	background:#f8f8f8;
	margin:5px 0;
	padding:5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border:none;
	-webkit-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.25);
	-moz-box-shadow:    0px 0px 5px 0px rgba(50, 50, 50, 0.25);
	box-shadow:         0px 0px 5px 0px rgba(50, 50, 50, 0.25);
	width:200px;
}
input[type=text].rood, textarea.rood {
	padding:4px;
	border:1px #F00 solid;
	-webkit-box-shadow: 0px 0px 5px 0px rgba(250, 50, 50, 0.75);
	-moz-box-shadow:    0px 0px 5px 0px rgba(250, 50, 50, 0.75);
	box-shadow:         0px 0px 5px 0px rgba(250, 50, 50, 0.75);
	background-color:#ffd2d2;
}
input[type=text].oranje, textarea.oranje {
	padding:4px;
	border:1px #f90 solid;
	-webkit-box-shadow: 0px 0px 5px 0px rgba(250, 150, 50, 0.75);
	-moz-box-shadow:    0px 0px 5px 0px rgba(250, 150, 50, 0.75);
	box-shadow:         0px 0px 5px 0px rgba(250, 150, 50, 0.75);
	background-color:#fff4d8;
}
input[type=text]:focus, input[type=password]:focus, textarea:focus {
	-webkit-box-shadow: 0px 0px 5px 0px rgba(50, 50, 150, 0.75);
	-moz-box-shadow:    0px 0px 5px 0px rgba(50, 50, 150, 0.75);
	box-shadow:         0px 0px 5px 0px rgba(50, 50, 150, 0.75);
	border:1px #09F solid;
	padding:4px;
}

select {
	background:#f8f8f8;
	margin:5px;
	padding:5px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	border:none;
	-webkit-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.25);
	-moz-box-shadow:    0px 0px 5px 0px rgba(50, 50, 50, 0.25);
	box-shadow:         0px 0px 5px 0px rgba(50, 50, 50, 0.25);
	/*min-width:200px;*/
}
select.rood {
	padding:4px;
	border:1px #F00 solid;
	-webkit-box-shadow: 0px 0px 5px 0px rgba(250, 50, 50, 0.75);
	-moz-box-shadow:    0px 0px 5px 0px rgba(250, 50, 50, 0.75);
	box-shadow:         0px 0px 5px 0px rgba(250, 50, 50, 0.75);
	background-color:#ffd2d2;
}
select.oranje {
	padding:4px;
	border:1px #f90 solid;
	-webkit-box-shadow: 0px 0px 5px 0px rgba(250, 150, 50, 0.75);
	-moz-box-shadow:    0px 0px 5px 0px rgba(250, 150, 50, 0.75);
	box-shadow:         0px 0px 5px 0px rgba(250, 150, 50, 0.75);
	background-color:#fff4d8;
}

textarea {
	width:100%;
	height:200px;
}

input[type=submit], input[type=button], button {
	padding:5px 10px;
	margin:5px 0;
	outline:none;
	border:1px #999 solid;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 0px 0px 3px 0px rgba(50, 50, 50, 0.25);
	-moz-box-shadow:    0px 0px 3px 0px rgba(50, 50, 50, 0.25);
	box-shadow:         0px 0px 3px 0px rgba(50, 50, 50, 0.25);
	background: #f7f7f7; /* Old browsers */
	background: -moz-linear-gradient(top,  #f7f7f7 0%, #c9c9c9 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f7f7f7), color-stop(100%,#c9c9c9)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #f7f7f7 0%,#c9c9c9 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #f7f7f7 0%,#c9c9c9 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #f7f7f7 0%,#c9c9c9 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #f7f7f7 0%,#c9c9c9 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#c9c9c9',GradientType=0 ); /* IE6-9 */
}
input[type=submit]:enabled, input[type=button]:enabled, button:enabled {
	cursor:pointer;
}
input[type=submit]:enabled:hover:enabled, input[type=button]:enabled:hover, button:enabled:hover {
	background: #f7f7f7; /* Old browsers */
	background: -moz-linear-gradient(top,  #f7f7f7 0%, #d3d3d3 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f7f7f7), color-stop(100%,#d3d3d3)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #f7f7f7 0%,#d3d3d3 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #f7f7f7 0%,#d3d3d3 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #f7f7f7 0%,#d3d3d3 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #f7f7f7 0%,#d3d3d3 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#d3d3d3',GradientType=0 ); /* IE6-9 */
}
input[type=submit]:enabled:active, input[type=button]:enabled:active, button:enabled:active {
	background: #c9c9c9; /* Old browsers */
	background: -moz-linear-gradient(top,  #c9c9c9 0%, #f7f7f7 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c9c9c9), color-stop(100%,#f7f7f7)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #c9c9c9 0%,#f7f7f7 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #c9c9c9 0%,#f7f7f7 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #c9c9c9 0%,#f7f7f7 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #c9c9c9 0%,#f7f7f7 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c9c9c9', endColorstr='#f7f7f7',GradientType=0 ); /* IE6-9 */
}
input[type=submit]:enabled:focus, input[type=button]:enabled:focus, butto:enabled:focus {
	-webkit-box-shadow: 0px 0px 5px 0px rgba(50, 50, 150, 0.75);
	-moz-box-shadow:    0px 0px 5px 0px rgba(50, 50, 150, 0.75);
	box-shadow:         0px 0px 5px 0px rgba(50, 50, 150, 0.75);
}

div.bericht {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding:20px;
	width:100%;
	border:1px #000 solid;
	margin:5px 0;
}
div.bericht.groen {
	padding-left:35px;
	color:#006300;
	border-color:#0f0;
	background-color:#daffe9;
	background-image:url(images/vinkje.png);
	background-repeat:no-repeat;
	background-position:center left 10px;
}
div.bericht.oranje {
	padding-left:35px;
	color:#7a4900;
	border-color:#f90;
	background-color:#fff4d8;
	background-image:url(images/uitroepteken.png);
	background-repeat:no-repeat;
	background-position:center left 10px;
}
div.bericht.rood {
	padding-left:35px;
	color:#b30000;
	border-color:#f00;
	background-color:#ffc1c1;
	background-image:url(images/kruisje.png);
	background-repeat:no-repeat;
	background-position:center left 10px;
}

.menu{
	border:none;
	border:0px;
	margin:0px;
	padding:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	height:30px;
	margin-bottom:10px;
	}
.menu ul{
	background:#92b4e2;
	height:30px;
	background-image: url(images/navbg.png);
	list-style:none;
	margin:0;
	padding:0;
	text-align:center;
	}
	.menu ul div.logout {
		float:right;
		padding:0 10px;
		line-height:30px;
		height:30px;
		color:#fff;
	}
	.menu ul div.logout a {
		text-decoration:underline;
	}
	.menu ul div.logout a:hover {
		text-decoration:none;
	}
	.menu li{
		padding:0px;
		display:inline-block;
		*float:left;
		}
	.menu li a{
		background:#92b4e2;
		background-image: url(images/navbg.png);
		color:#000;
		display:block;
		font-weight:bold;
		line-height:30px;
		margin:0px;
		padding:0px 20px;
		text-align:center;
		text-decoration:none;
		}
		.menu li a:hover, .menu ul li:hover a{
			background: #92b4e2;
			background-image: url(images/navbg2.png);
			color:#ffffff;
			text-decoration:none;
			}
		.menu li.active a {
			background-image: url(images/navbg3.png);
		}
	.menu li ul{
		background:#172694;
		display:none;
		height:auto;
		padding:0px;
		margin:0px;
		border:0px;
		position:absolute;
		width:225px;
		z-index:200;
		/*top:1em;
		/*left:0;*/
		}
	.menu li:hover ul{
		display:block;
		
		}
	.menu li li {
		display:block;
		float:none;
		margin:0px;
		padding:0px;
		width:225px;
		}
	.menu li:hover li a{
		background:none;
		
		}
	.menu li ul a{
		display:block;
		height:35px;
		font-size:12px;
		font-style:normal;
		margin:0px;
		padding:0px 10px 0px 15px;
		text-align:left;
		}
		.menu li ul a:hover, .menu li ul li:hover a{
			background:#131f48 !important;
			border:0px;
			color:#9aa8d7;
			text-decoration:none;
			}
		.menu li ul li.active a {
			background:#5363d9;
		}
	.menu p{
		clear:left;
		}
		
	.menu a:link {
		color: #fff;
	
}

.menu a:visited {
	color: #fff;
}

.menu a:hover {
	color: #fff;
}

.menu a:active { 
color: #fff;
}

.container {
	display:block;
	width:95%;
	margin:0 auto;
	padding:10px 0;
}
#container {
	text-align:center;
}
#container div {
	text-align:left;
}

table.tabel tr:nth-child(odd) {
	background-color:#f8f8f8;
}
table.tabel tr:nth-child(even) {
	background-color:#eeeeee;
}
table.tabel:not(.noheader) tr:first-child {
	font-weight:bold;
	background: #e5e5e5; /* Old browsers */
	background: -moz-linear-gradient(top,  #e5e5e5 0%, #c4c4c4 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e5e5e5), color-stop(100%,#c4c4c4)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #e5e5e5 0%,#c4c4c4 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #e5e5e5 0%,#c4c4c4 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #e5e5e5 0%,#c4c4c4 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #e5e5e5 0%,#c4c4c4 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5e5e5', endColorstr='#c4c4c4',GradientType=0 ); /* IE6-9 */
}
table.tabel tr {
	height:30px;
}
table.tabel td {
	padding:0 5px;
	text-align:left;
}
table.tabel:not(.noheader) tr:first-child td:first-child {
	-webkit-border-top-left-radius: 8px;
	-moz-border-radius-topleft: 8px;
	border-top-left-radius: 8px;
}
table.tabel:not(.noheader) tr:first-child td:last-child {
	-webkit-border-top-right-radius: 8px;
	-moz-border-radius-topright: 8px;
	border-top-right-radius: 8px;
}