/* ==================================== not cleaned up ======== */

html, body {				width:			916px;
					height:			490px;
					min-width:		916px;
					min-height:		490px }

#lawyer, #advocaat {			height:			370px;
					min-height:		370px;
					max-height:		370px }

#logo, #search, #amsterdam, #foot_l, #foot_c, #foot_r, #footnav_l, #footnav_r {
					position:		absolute;
					left:			50%;
					top:			50% }

#logo {		z-index: 1; margin-left: -450px; margin-top: -240px; width: 900px; height:  40px }
#search {	z-index: 2; margin-left:    0px; margin-top: -240px; width: 445px; height:  40px }
#amsterdam {	z-index: 3; margin-left: -450px; margin-top: -200px; width: 900px; height: 400px }
#foot_l {	z-index: 4; margin-left: -450px; margin-top:  170px; width: 300px; height:  36px }
#foot_c {	z-index: 5; margin-left: -150px; margin-top:  170px; width: 300px; height:  36px }
#foot_r {	z-index: 6; margin-left:  150px; margin-top:  170px; width: 300px; height:  36px }
#footnav_l {	z-index: 7; margin-left: -450px; margin-top:  210px; width: 350px; height:  14px }
#footnav_r {	z-index: 8; margin-left: -100px; margin-top:  210px; width: 550px; height:  14px }

/* ==================================== positioning =========== */

.x {					display:		none }
#lawyer, #advocaat, #twitter q {	display:		block }

.fl, #lawyer {				float:			left }
.fr, #routeplanner {			float:			right }

html, body {				height:			100% }
img.nav {				height:			80px }
img.nav_h {				height:			160px }
#twitter_msg {				height:			200px }

html, body, form, ins, #lawyer, #advocaat {
					margin:			0 }
#twitter_msg {				margin:			8px 0 }
.blogfoot {				margin:			6px 0 }
.blogblok {				margin:			9px }
#foot_r img {				margin-bottom:		2px }
#twitter q {				margin-bottom:		5px }
#routeplanner button {			margin-left:		5px }
#routeplanner {				margin-left:		10px }
#logo h1 {				margin-left:		300px }
#logo h1, #footnav_l img, #footnav_r img {
					margin-top:		5px }
#foot_c img {				margin-top:		9px; }
#twitter {				margin-top:		16px }
#foot_l img {				margin-left:		5px;
					margin-top:		12px }
#foot_r img {				margin-right:		5px;
					margin-top:		4px }
img.nav, img.nav_h {			margin-left:		6px;
					margin-top:		3px;
					margin-bottom:		3px }
#vcard {				margin-top:		14px;
					margin-left:		185px }

#advocaat, #twitter_msg {		overflow:		auto }
#foot_c {				overflow:		hidden }

html, body, form, ins, #lawyer, #logo {	padding:		0 }
input, textarea {			padding:		0 3px }
#vcard td {				padding:		1px 12px }
button {				padding:		1px 4px 2px }
#routeplanner div {			padding:		4px 0 }
#search, #vcard {			padding:		9px }
#routeplanner {				padding:		5px 0 }
.contspace {				padding:		8px }
fieldset {				padding:		7px }
#query {				padding-bottom:		1px }
#advocaat {				padding-right:		10px }
#twitter_msg {				padding-left:		11px;
					padding-right:		11px }

.b, #foot_r img, #nav_bottom {		vertical-align:		bottom }
.m, .mm, #twitter_foot img, #foot_l img, #search form input {
					vertical-align:		middle }
.t, td, #vcard img {			vertical-align:		top }

#advocaat {				width:			auto }
body, html {				width:			100% }
.w100 {					width:			99% }
.w97 {					width:			97% }
img.nav, img.nav_h {			width:			80px }
#routeplanner {				width:			200px }
#vcard {				width:			230px }
#twitter_msg {				width:			448px }
#twitter {				width:			450px }

/* ==================================== text ================== */

div, p, td, input, textarea {		font-family:		Arial, Verdana, 'Trebuchet MS'; }
h1 {					font-size:		16px }
h2 {					font-size:		15px }
h3 {					font-size:		14px }
h4 {					font-size:		13px }
h5 {					font-size:		12px }
div, p, td, input, textarea {		font-size:		11px }
#footnav_l, #footnav_r {		font-size:		10px }
#query, .blogfoot {			font-size:		9px }
q {					font-style:		oblique }
address {				font-style:		normal }
.b, #footnav_l, #footnav_r, #nav_bottom {
					font-weight:		900 }
h1 {					font-weight:		500 }
h2 {					font-weight:		400 }
h3 {					font-weight:		300 }
h4 {					font-weight:		200 }
h5 {					font-weight:		100 }

p, td, input, textarea {		line-height:		1.6em }

ul {					list-style:		square }

.l {					text-align:		left }
.c, .mm, #foot_c, #routeplanner fieldset {
					text-align:		center }
.r, #foot_r, #footnav_r, #twitter_foot, #search, #search div {
					text-align:		right }

a span.fg {				text-decoration:	underline }
a:hover, a:hover span.fg {		text-decoration:	none }

/* ==================================== bg & color ============ :)

								#FFFFFF
								#8CDAFF
								#73C8FF
								#009BFF
								#0065A5
*/

#twitter {				background:		transparent url('/img/twitter_bg.png') no-repeat 0 -1px }
#btn {					background-color:	transparent }
html, body, input, option, select, textarea, #vcard {
					background-color:	#8CDAFF }
#foot_l, #foot_c, #foot_r {		background-color:	#73C8FF }
#logo, #amsterdam {			background-color:	#009BFF }
button {				background-color:	#0065A5 }
#logo {					background-image:	url(/img/logo.png);
					background-position:	5px 5px;
					background-repeat:	no-repeat }

button, fieldset, .b1, img.nav, img.nav_h, a img.nav {
					border:			#73C8FF 1px solid }
a:hover img.nav, .darkborder, #vcard {	border:			#8CDAFF 1px solid }
input, textarea, .dbldb {		border:			#0065A6 2px solid }
img, #btn {				border:			0 }
.blogblok {				border-bottom:		#fff 2px solid }

#amsterdam, #advocaat, .fg, input, textarea, select, option, #vcard a, #foot_r a, #footnav_l, #footnav_l a, #footnav_r, #footnav_r a, td {
					color:			#0065A6 }
#twitter_msg {				color:			#73C8FF }
button, #logo, #amsterdam a {		color:			#FFFFFF }

/* ==================================== le fin ================ */

