* {
	margin: 0;
	padding:0;
}

body {
	background-color: #000;
	color: #fff;
	font-family: Trebuchet MS;
	text-decoration: none;
	word-spacing: normal;
	letter-spacing: 1px;
	line-height: 2em;
	font-size: 0.8em !important;
	_text-align: center;
}

h1 {
	color: #FFAE34;
	margin-bottom: 5px;
	font-size: 1.4em;
	
}

h2 a {
	color: #fff;
}

a {
	color: #6D6E71;
	text-decoration: none;
}

a img {
	border: 0;
}

a:active {
	outline: none;
}

a:focus {
	-moz-outline-style: none;
}

.clear {
	clear: both;
}

button.ok {
	height: 87px;
	width: 87px;
	background: url('/images/button/button_ok.png') no-repeat;
	border: 0;
}

#noscript {
	clear: both;
	width: 900px;
	height: 540px;
	display: block;
	margin: 20px auto;
	overflow: hidden;
	position: absolute;
	left: 0;
	top: 0;
}

	#noscript p {
		margin: 200px 20px;
		overflow: auto;
		clear: both;
	}

.overlay {
	position: absolute;
	width: 0px;
	height: 0px;
	top: 50%;
	border: 5px solid #FFAE34;
	left: 50%;
	background: black;
	z-index: 100000 !important;
	text-align: left;
	padding: 20px;
	opacity: 0;
	display: none;
}

	#close_button {
		width: 30px;
		height: 30px;
		right: 10px;
		position: absolute;
		top: 10px;
	}

#wrapper {
	width: 900px;
	position: relative;
	margin:0 auto;
	height: 560px;
	clear: both;
}

#topcontainer {
	clear: both;
	width: 900px;
	margin: 0 auto;
	padding: 20px 0 2px;
	overflow: hidden;
	height: 180px;
}

	.topitem {
		float: left;
		width: 270px;
	}
	
	.topmidden {
		float: left;
		width: 350px;
		margin: 0 5px;
		background-color: #000;
		height: 70px;
		text-align: center !important;
		padding-top: 20px;
	}
	
		.topmidden a {
			display: block;
			margin: 0 auto;
			width: 221px;
		}
		
	#dropbuttons img {
		float: left;
	}
	
		#dropbuttons img.pad {
			margin-left: 87px;
		}
	
#containment {
	clear: both;
	width: 920px;
	height: 560px;
	display: block;
	margin: 20px auto;
	overflow: hidden;
	position: absolute;
}

.grid {
	width: 87px;
	position: absolute !important;
	height: 87px;
}

	.grid a {
		color: #fff;
		cursor: pointer;
	}

	.grid .biga {
		text-decoration: none;
		display: block;
		position: absolute;
		left: 0;
		top: 0;
		width: 87px;
		height: 87px;
	}

	.grid.rood {
		background: url('/images/button/button_red.png') no-repeat;
	}
	
	.grid.blauw {
		background: url('/images/button/button_blue.png') no-repeat;
	}
	
	.grid.geel {
		background: url('/images/button/button_yellow.png') no-repeat;
	}
	
	.grid.groen {
		background: url('/images/button/button_green.png') no-repeat;
	}
	
	.grid.roze {
		background: url('/images/button/button_pink.png') no-repeat;
	}

.gridbig {
	width: 270px;
	height: 87px;
	float: left;
}

	.gridbig a {
		width: 270px;
		height: 87px;
		display: block;
		text-decoration: none;
	}

	#grid_deurwaarder {
		background: url(/images/button/bigbutton_deurwaarder.png) no-repeat;
	}
	
	#grid_hnl {
		background: url(/images/button/bigbutton_hnl.png) no-repeat;
	}
	
.gridmedium {
	width: 133px;
	height: 86px;
	float: left;
	cursor: pointer;
	position: relative;
}

	.gridmedium .corner {
		right: 0px !important;
		width: 26px;
		height: 24px;
		display: block;
		top: 0 !important;;
		position: absolute;
	}

	.gridmedium a {
		width: 133px;
		height: 86px;
		display: block;
		text-decoration: none;
	}

	#grid_lelystad {
		background: url(/images/button/mediumbutton_lelystad.png) no-repeat;
		margin-right: 3px;
	}

	#grid_bussum {
		background: url(/images/button/mediumbutton_bussum.png) no-repeat;
	}
	
	#grid_incasso {
		background: url(/images/button/mediumbutton_incasso.png) no-repeat;
		margin-right: 3px;
	}

	#grid_vastgoed {
		background: url(/images/button/mediumbutton_vastgoed.png) no-repeat;
	}
	
.item {
	width: 87px;
	height: 87px;
	line-height: 87px;
	text-align: center;
	color: #fff;
	cursor: pointer;
}

	.item .opdruk a {
		width: 40px;
		height: 40px;
		display: block;
		position: relative;
	}

	.item .opdruk a img {
		position: absolute;
		top: 0;
		left: 0;
	}

	.item.empty {
		background: url('/images/button/button_sprite.png') no-repeat scroll 0 0;
	}
	
	.item p {
		text-align: center;
	}
	
	div.grid > div.item.empty:hover {
		background: url('/images/button/button_sprite.png') no-repeat scroll -87px 0px;
	}
	
	.grid.orange {
		background: url('/images/hyves_button.png') no-repeat scroll 0 0;
	}
	
	.grid.white {
	}
	
	.grid.blue {
		background: url('/images/button/button_blue.png') no-repeat scroll 0 0;
	}
	
	.grid.donkerblauw {
		background: url('/images/button/button_darkblue.png') no-repeat scroll 0 0;
	}
	
	.grid.oranje {
		background: url('/images/button/button_orange.png') no-repeat scroll 0 0;
	}
	
	.grid.black {
		background: url('/images/button/button_black.png') no-repeat scroll 0 0;
	}
	
	.grid.brown {
		background: url('/images/button/button_brown.png') no-repeat scroll 0 0;
	}
	
	.grid.purple {
		background: url('/images/button/button_purple.png') no-repeat scroll 0 0;
	}
	
	.grid.drophover .item {
		background: url('/images/button/button_sprite.png') no-repeat scroll -174px 0;
	}
	
#footer {
	width: 900px;
	font-size: 0.9em;
	clear: both;
	height: 60px;
	border-top: 1px solid #FFAE34;
	overflow: hidden;
	margin: 10px auto;
}

	#footer ul {
		list-style: none;
		clear: both;
		margin: 10px auto;
		text-align: center;
		display: block;
	}
	
		#footer ul li {
			display: inline;
			margin-right: 10px;
			color: #6D6E71;
		}
		
		#footer ul li a {
			text-decoration: none;
			color: #6D6E71;
		}
		
#loginbox {
	background: url('/images/login_back.png') no-repeat;
	width: 310px;
	padding: 5px;
	height: 188px;
	margin: 50px auto;
	text-align: center;
}

	#loginbox #login_button {
		background: url(/images/button/button_login.png) no-repeat;
		width: 38px;
		height: 38px;
		border: 0;
	}
	
/*	Kies kleur pagina
------------------------------------------*/

.add-left,
#add-left {
	float: left;
	width: 200px;
}

.add-errors {
	float: left;
	width: 300px;
}
	
	ul#errors li {
		color: #FFAE34;
		font-weight: normal;
	}
	
.required {
	float: right;
	color: red;
	display: block;
	margin: 0;
	padding: 0;
}

#add-right {
	float: left;
	margin: 0 0 20px 0;
	width: 470px;
}

	#add-right .add-item {
		width: 175px;
		float: left;
		overflow: hidden;
		padding: 0 15px;
	}
	
	#add-right .add-item.borderright {
		border-right: 1px solid #333;
	}

.kiesopdruk,
.kieskleur {
	width: 33px;
	cursor: pointer;
	height: 33px;
	float: left;
	margin: 1px;
}

#icon-voorbeeld {
	width: 87px;
	overflow: hidden;
	height: 87px;
	line-height: 87px;
	text-align: center;
	color: #fff;
	cursor: pointer;
	position: relative;
}

	.grid .item .opdruk,
	#icon-voorbeeld #opdruk {
		width: 40px;
		height: 40px;
		margin: 5px auto;
		clear: both;
		position: relative;
	}
	
	.grid .item p,
	#icon-voorbeeld p {
		display: block;
		width: 87px;
		height: 20px;
		line-height: 20px;
		color: #fff;
	}
	
.classy input {
	width: 200px;
	height: 15px;
}

.classy textarea {
	width: 200px;
	height: 120px;
}

/*	pagina opmaak */

#menuleft {
	border-right: 1px solid #FFAE34 !important;
	float: left;
	width: 150px;
	padding-right: 20px;
}

	#menuleft ul {
		list-style: none;
	}
	
#main {
	width: 655px;
	height: 280px;
	overflow-y: scroll;
	overflow-x: hidden;
	margin-left: 20px;
	float: left;
}

#bigmain {
	width: 785px;
	height: 280px;
	overflow-y: auto;
	overflow-x: hidden;
	margin-left: 20px;
	float: left;
}