@charset "UTF-8";

:focus { 
	outline-style: none; 
}
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	line-height: 18px;
	background: #151515 url(../images/Cor_background.gif) no-repeat;
	margin: 0;
	padding: 0px 0px 0px 3px;
	text-align: left;
	color: #FFF;
}
#screenshot{
	position:absolute;
	background-color: #363436;
	display:none;
	color: #FFF;
}
#titel {
	margin-top: 0px;
	margin-left: 0px;
	height: 35px;
	width: 300px;
}
.pijl {
	height: 25px;
	width: 30px;
	float: left;
	position: absolute;
	left: 75px;
	top: 145px;
}
.blokje_leeg {
	background-color: #212121;
	float: left;
	height: 23px;
	width: 23px;
	opacity: .7;
	/* For IE 5-7 */
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
	/* For IE 8 */
	-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	margin-top: 10px;
	margin-right: 10px;
	position: relative;
	border: 1px solid #363436;
}
.blokje {
	background-color: #363436;
	float: left;
	height: 25px;
	width: 25px;
	opacity: .7;
	/* For IE 5-7 */
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
	/* For IE 8 */
	-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	margin-top: 10px;
	margin-right: 10px;
	position: relative;
}
.blokje a{
	display: block;
	height: 100%;
	width: 100%;
}
.blokje_clear {
	background-color: #363436;
	height: 25px;
	width: 25px;
	opacity: .7;
	/* For IE 5-7 */
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
	/* For IE 8 */
	-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	margin-top: 10px;
	margin-right: 10px;
	clear: both;
	float: left;
	position: relative;
}
.blokje_clear a{
	display: block;
	height: 100%;
	width: 100%;
}
.contact {
	height: 20px;
	width: 55px;
	clear: left;
	position: absolute;
	top: 330px;
	left: 110px;
	overflow: hidden;
}
.contact a{
	display: block;
	height: 100%;
	width: 100%;
}
.contact a:hover {
	position: relative;
	left: -100px;
}
.portretten {
	height: 20px;
	width: 75px;
	clear: left;
	position: absolute;
	top: 330px;
	left: 200px;
	overflow: hidden;
}
.portretten a{
	display: block;
	height: 100%;
	width: 100%;
}
.portretten a:hover {
	position: relative;
	left: -100px;
}
.reportages {
	height: 20px;
	width: 77px;
	clear: left;
	position: absolute;
	top: 330px;
	left: 310px;
	overflow: hidden;
}
.reportages a{
	display: block;
	height: 100%;
	width: 100%;
}
.reportages a:hover {
	position: relative;
	left: -100px;
}
.vrij_werk {
	height: 20px;
	width: 62px;
	clear: left;
	position: absolute;
	top: 330px;
	left: 420px;
	overflow: hidden;
}
.vrij_werk a{
	display: block;
	height: 100%;
	width: 100%;
}
.vrij_werk a:hover {
	position: relative;
	left: -100px;
}
#navigatie {
	left: 0px;
	top: 0px;
	height: 230px;
	width: 300px;
	position: absolute;
	padding-top: 100px;
	padding-left: 110px;
}
a img {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
h1 {
	position: absolute;
	top: -500px;
}
#cluster {
	height: 185px;
	width: 280px;
	margin: 0px;
	padding: 0px;
	position: absolute;
	left: 110px;
	top: 135px;
	display: none;
}
#footer {
	position: absolute;
	right: 12px;
	bottom: 5px;
	color: #FFF;
}
#login_field {
	position: absolute;
	height: 25px;
	width: 100%;
	left: 0px;
	top: 0px;
	padding-top: 7px;
	padding-bottom: 0px;
}
#login_field #username {
	float: right;
	height: 11px;
	width: 82px;
	position: absolute;
	right: 137px;
	background-color: #212121;
	border: 1px solid #363436;
	color: #FFF;
	font-size: 9px;
	font-style: normal;
	padding-left: 3px;
}
#login_field #password_tekst {
	float: right;
	height: 11px;
	width: 83px;
	position: absolute;
	right: 42px;
	background-color: #212121;
	border: 1px solid #363436;
	color: #FFF;
	font-size: 9px;
	font-style: normal;
	padding-left: 3px;
}
#login_field #password {
	display: none;
	float: right;
	height: 11px;
	width: 83px;
	position: absolute;
	right: 42px;
	background-color: #212121;
	border: 1px solid #363436;
	color: #FFF;
	font-size: 9px;
	font-style: normal;
	padding-left: 3px;
}
#login_field #zendknop {
	float: right;
	height: 15px;
	width: 30px;
	position: absolute;
	right: 6px;
}
#container {
	margin: 0 auto;
	text-align: left;
	width: 50px;
}
#loader.loading {
	background: url(../images/load_animation.gif) no-repeat center 0px;
	height: 100px;
	width: 50px;
	margin-top: 0px;
}
#maincontent {
	top: 50%;
	position: absolute;
	overflow: hidden;
	cursor: pointer;
}
.cover{
	float: left;
	position: absolute;
	background: #151515;
	height: 100px;
	width: 100%;
	opacity: .7;
	/* For IE 5-7 */
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
	/* For IE 8 */
	-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	padding-left: 20px;
	padding-top: 15px;
	color: #FFF;
	visibility: hidden;
 }
.naam {
	font-size: 15px;
	font-weight: bold;
}
.bureau {
	font-size: 11px;
}
#sluitkruis {
	height: 15px;
	width: 15px;
}
#emailform {
	height: 185px;
	width: 320px;
	left: 110px;
	top: 135px;
	display: none;
}
#emailform #naam {
	text-align: left;
	float: left;
	width: 175px;
	height: 11px;
	background-color: #212121;
	border: 1px solid #363436;
	font-size: 9px;
	color: #FFF;
	font-style: normal;
	padding-left: 3px;
	position: absolute;
	left: 110px;
	top: 145px;
}
#emailform #email {
	text-align: left;
	float: left;
	width: 175px;
	height: 11px;
	background-color: #212121;
	border: 1px solid #363436;
	font-size: 9px;
	color: #FFF;
	font-style: normal;
	padding-left: 3px;
	position: absolute;
	left: 110px;
	top: 170px;
}
#emailform #bericht {
	text-align: left;
	float: left;
	height: 115px;
	width: 250px;
	background-color: #212121;
	border: 1px solid #363436;
	font-size: 9px;
	color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
	padding-top: 3px;
	position: absolute;
	left: 110px;
	top: 195px;
	padding-left: 3px;
	resize: none;
}
#telnr {
	height: 20px;
	width: 280px;
	position: absolute;
	left: 425px;
	top: 140px;
}
#emailform #emailknop {
	float: left;
	height: 15px;
	width: 43px;
	position: absolute;
	left: 375px;
	top: 300px;
	background: url(../images/verzend_button.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	cursor: pointer;
}
.warning {
	color: #DC2E2B;
	position: absolute;
	left: 110px;
	top: 375px;
	font-size: 11px;
}
.warning_2 {
	color: #DC2E2B;
	position: absolute;
	left: 110px;
	top: 148px;
	font-size: 11px;
}
.logout {
	color: #DC2E2B;
	position: absolute;
	left: 110px;
	top: 230px;
	font-size: 11px;
}
#download {
	position: absolute;
	left: 110px;
	top: 170px;
}
.login_mislukt {
	color: #DC2E2B;
	position: absolute;
	top: 25px;
	font-size: 11px;
	right: 5px;
	width: 219px;
}
.login_list {
	font-size: 11px;
	color: #FFF;
	position: absolute;
	height: 400px;
	width: 400px;
	left: 110px;
	top: 135px;
}
.login_list table {
	text-align: left;
}
.login_list a {
	color: #DC2E2B;
}
#update_vlak {
	position: absolute;
	left: 110px;
	top: 150px;
}
.login_list table tr th {
	font-weight: normal;
	color: #DC2E2B;
	height: 30px;
	letter-spacing: 2px;
}
.login_list #logout_edit a {
	position: absolute;
	left: 4px;
	top: 300px;
}
.login_list_update {
	font-size: 11px;
	color: #FFF;
	position: absolute;
	height: 70px;
	width: 300px;
	left: 110px;
	top: 135px;
}
.login_list_upload {
	font-size: 11px;
	color: #FFF;
	position: absolute;
	height: 70px;
	width: 300px;
	left: 110px;
	top: 225px;
}
#form1 #change_pwd {
	float: left;
	margin-top: 15px;
	clear: left;
	margin-left: 0px;
}
#form1 .pasaanveld {
	font-size: 11px;
	color: #FFF;
	background-color: #212121;
	float: left;
	height: 15px;
	width: 125px;
	border: 1px solid #363436;
	margin-right: 5px;
	margin-top: 15px;
	padding-left: 3px;
}
.geen_foto {
	visibility: hidden;
	font-size: 11px;
	color: #DC2E2B;
	text-align: center;
	width: 300px;
	cursor: inherit;
}
#website {
	display: none;
}
.pasaanveld_gebruikersnaam {
	font-size: 11px;
	color: #363436;
	background-color: #212121;
	float: left;
	height: 17px;
	width: 125px;
	border: 1px solid #363436;
	margin-right: 5px;
	margin-top: 15px;
	padding-left: 3px;
}
#upload {
	float: left;
	position: absolute;
	top: 75px;
	left: 0px;
}
#form2 #browse {
	font-size: 11px;
	color: #DC2E2B;
	float: left;
	margin-right: 5px;
	margin-top: 5px;
}
.warning_3 {
	font-size: 11px;
	color: #DC2E2B;
}
h2 {
	font-size: 16px;
	color: #FFF;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
}
#terug {
	position: relative;
	left: 0px;
	top: 225px;
}