body { margin: 0; padding: 0; font-size: 11px;  font-family: Tahoma, 'Trebuchet MS', 'Georgia', serif; line-height: 1.4em; background-color: #eeeeee; }
address { margin: 20px 0 0 0; padding: 10px; width: 250px; border: 1px solid #eeeeee; }
#container { margin: 5px auto 15px auto; width: 875px; background-color: #ffffff; border: 1px solid #999999; }

#header { float: left; width: 100%; background-color: #0066cc; margin: 75px 0 50px 0; height: 120px; }
#header h1 { display: none; }
#header h2 { display: none; }

#logo { float: left; margin: -50px 0 10px 15px; }
#impressie { float: left; position: absolute; top: 15px; margin-left: 495px; background-color: #ffffff; border: 3px solid #cccccc; padding: 4px; }

#menu { float: right; list-style-type: none; margin-top: -20px; margin-right: 5px; }
#menu { float: left; margin-left: -20px; margin-top: -70px; }
#menu li { display: inline; }
#menu a { color: #ffffff; text-decoration: none; margin: 0 5px; }
#menu a { margin: 0 10px; }
#menu a:hover { text-decoration: underline; }

#home #content { width: 425px; margin: -15px 20px 10px 20px; }
#content { float: left; clear: both; margin: 10px -25px 10px 50px; padding: 0; min-height: 250px; width: 750px; }
#content h1 { margin: 0; font-size: 16px; }
#content h2 { margin: 0; font-size: 14px; }
#content h3 { margin: 0; font-size: 12px;}
#content p { margin: 1em 0; font-size: 11px; text-align: justify; }

#form { float: left; width: 350px; margin: 30px 10px 10px 10px; padding: 10px; background-color: #0066cc; color: #ffffff; border: 2px solid #cccccc; }
#form .intro { display: block; float: left; margin: .2em .2em 1em .2em; }
#form .intro strong { font-size: 3em; margin: 0 .4em; }
#form fieldset { margin: 0; padding: 1em 0; border: 0; clear: both; }
#form legend span { margin: .4em 0;  font-weight: bold; display: block; border-bottom: 1px solid #ffffff; color: #ffffff; }
#form label { margin: .1em 0 .1em 0; padding-left: 15px; display: block; float: left; clear: left; width: 150px; cursor: pointer; }
#form input { margin: .1em 0 .1em 0; display: block; float: left; clear: none; width: 159px; *width: 158px; color: #000000; height: 17px; border: 1px solid #ccc; }
#form select { margin: .1em 0 .1em 0; display: block; float: left; clear: none; width: 160px; color: #000000; border: 1px solid #cccccc; }
#form fieldset.noborder input { margin-left: 30px; height: 1.9em; background-color: #77aa44; border: 2px solid #225522; color: #ffffff; font-weight: bold; font-size: 1.4em; }
#form fieldset.noborder legend { display: none; }

#form #errors { display: none; color: #ff0000; background-color: #ffcccc; border: 1px solid #ff0000; float: none; clear: both; padding: .2em; margin: 0 0 .4em 0; font-size: .8em; }
#form input.error, #form select.error { border-color: #ff0000; }

#form select#geslacht { width: 60px; }
#form input#postcode { width: 80px; }
#form input#bouwjaar { width: 80px; }
#form input#bruto_maandinkomen { width: 120px; }
#form input#vraagprijs { width: 120px; }

#calculate { width: 275px; margin: 30px 0 0 50px; padding-bottom: 20px; background-color: #0066cc; text-align: center;  border: 2px solid #cccccc; }
#calculate fieldset { border: 0; }
#calculate legend { display: none; margin: 0; padding: 0; }
#calculate .intro { font-weight: bold; color: #ffffff; text-align: center; font-size: 1.4em; }
#calculate label { text-align: left; color: #ffffff; }
#calculate input { text-align: left; width: 200px; }
#calculate select { text-align: left; width: 150px; }
#calculate #calculate-button { margin: 15px auto; background-color: #77aa44; border: 2px solid #225522; color: #ffffff; font-weight: bold; height: 2em; text-align: center; }
#calculate label { text-align: left; }

#footer { float: none; clear: left; width: 875px; border-top: 1px solid #999999; text-align: center; }
#footer p { margin: .2em 0 .4em 0; color: #999999; font-size: .8em; }
#footer a { color: #999999; }
#footer img { width: 160px; height: 53px; margin: .2em; }

#form input.hidden { display: none; }