h1, h2, h3, h4, ul, p {
  padding: 0;
  margin: 0;
}

html, body {
  margin: 0;
  padding: 0;
  height: 100%;
}

.hidden { display: none }

a:link    { color: #b03085 }
a:visited { color: #b03085 }
a:hover   { color: #d897c1 }

a img { border: none }

#main-wrapper {
  width: 910px;
  margin-left: 20px;
  font: 10pt/1.4 Verdana, sans-serif;
  color: #b03085;
}

/* ====================================
 * Header
 * ==================================== */

#header {
  position: relative;
  background: white url(../img/logo_bg.gif) no-repeat bottom left;
  height: 108px;
}

#logo {
  position: absolute;
  top: 29px;
  left: 29px;
  margin: 0;
  padding: 0;
  width: 247px;
  height: 69px;
}

#logged-in-notice {
  text-align: right;
  position: absolute;
  top: 10px;
  right: 10px;
}

/* ====================================
 * Navigation
 * ==================================== */

#nav {
  position: relative;
  background: url(../img/nav_bg.gif) no-repeat;
  height: 32px;
}

#nav ul {
  list-style: none;
  position: absolute;
  top: 10px;
  left: 30px;
}

#nav ul li a {
  display: block;
  width: 150px;
  height: 22px;
  position: absolute;
  top: 0;
  background: url(../img/nav.gif) no-repeat;
  outline: none;
}

/* xxx What's this? */
#ulist ul {
  position: relative;
  left: 15px;
}

/* Normal state */
#nav-over a         { left: 0px;  width: 117px !important; background-position: 0px 0  !important; }
#nav-huizen a       { left: 124px; width: 150px !important; background-position: -150px 0 !important; }
#nav-inschrijven a  { left: 290px; width: 148px !important; background-position: -300px 0 !important; }
#nav-huren a        { left: 431px; width: 100px !important; background-position: -450px 0 !important; }
#nav-verhuren a     { left: 519px; width: 127px !important; background-position: -600px 0 !important; }
#nav-diensten a     { left: 646px; width: 113px !important; background-position: -750px 0 !important; }
#nav-contact a      { left: 764px; width: 93px  !important; background-position: -900px 0 !important; }

/* Hover and active states */
#nav-over a:hover, #nav-over.active a               { background-position: 0px -22px  !important; }
#nav-huizen a:hover, #nav-huizen.active a           { background-position: -150px -22px !important; }
#nav-inschrijven a:hover, #nav-inschrijven.active a { background-position: -300px -22px !important; }
#nav-huren a:hover, #nav-huren.active a             { background-position: -450px -22px !important; }
#nav-verhuren a:hover, #nav-verhuren.active a       { background-position: -600px -22px !important; }
#nav-diensten a:hover, #nav-diensten.active a       { background-position: -750px -22px !important; }
#nav-contact a:hover, #nav-contact.active a         { background-position: -900px -22px !important; }

/* ====================================
 * Menu
 * ==================================== */ 

#menu-wrapper {
  position: absolute;
  left: 0;
  width: 185px;
  color: white;
  z-index: 2;
}

#menu {
  min-height: 150px;
  padding: 10px;
  background: #9d2573 url(../img/menu_bg.gif) no-repeat;
}

#menu form {
  padding: 0;
  margin: 0;
}

#menu-footer {
  background: #9d2573 url(../img/menu_footer_bg.gif) no-repeat;
  height: 28px;
  width: 185px;
}

#menu h2 {
  margin-bottom: 6px;
  color: white;
  font-size: 0.8em;
  text-transform: uppercase;
  text-align: left;
}

#menu h3 {
  margin-top: 5px;
  color: white;
  font-size: 1em;
  font-weight: normal;
}

#menu a {
  width: 150px;
  height: 20px;
  color: white;
  text-decoration: none;
}

#menu a:hover {
  color: #7AE100;
}

#menu #back-link {
  display: block;
  width: 112px;
  height: 38px;
  margin: 10px 25px;
  outline: none;
  background: url(../img/back_link.gif);
}

#menu #back-link:hover {
  background: url(../img/back_link_hover.gif);
}

#menu.search select {
  width: 150px;
}

#menu.search #searchlabel-tot {
  margin-left: 18px;
}

#menu.search #searchlabel-van, #menu.search #searchlabel-tot {
  font-style: italic;
}

#menu.search #searchfield-van, #menu.search #searchfield-tot {
  width: 40px;
}

#menu ul {
  padding-left: 20px;
}

#menu li {
  padding-bottom: .5em;
}

#menu .active a {
  /*text-decoration: underline;*/
  color: #bbb;
}

/* ====================================
 * Content
 * ==================================== */ 

#content-wrapper {
  position: relative;
  background: url(../img/content_bg.gif) 200px 0 repeat-y;
}

/* My kingdom for multiple CSS backgrounds... */
#content-footer {
  height: 30px;
  background: url(../img/content_footer_bg.gif) bottom right no-repeat;
}

#content-footer.home {
  background-image: url(../img/content_footer_bg_home.gif);
}

#reageer-link {
  display: block;
  height: 78px;
  width: 160px;
  position: absolute;
  right: 0;
  bottom: 0;
  background: url(../img/woonaanbod_details_reageer.gif) top left no-repeat;
}

#reageer-link:hover {
  background-position: bottom left;
}

#content {
  margin-left: 185px;
  padding: 20px 9px 10px 40px;
  background: url(../img/content_top_bg.gif) top right no-repeat;
  min-height: 200px;
  text-align: justify;
}

#content h2 {
  font-size: 1.4em;
}

#content h3 {
  font-size: 1em;
}

#content p {
  margin-bottom: 1em;
  padding-right: 15px;
}

#content ul {
  margin-bottom: 2em;
  margin-left: 2em;
}

.soft-error {
  background: #ebcde0;
  margin: 1em;
  padding: .5em;
  font-weight: bold;
}

.soft-error ol {
  margin-left: 2em;
}

#copyright {
  width: 500px;
  margin-top: 10px;
  margin-left: 300px;
  padding: 5px;
  font-size: 10px;
  text-align: center;
}

/* ====================================
 * Misc.
 * ==================================== */

#redirect-message {
  font-family: Verdana;
  font-size: 12px;
  width: 50em;
  margin: 10em auto 0 auto;
  padding: 1em;
  background: #b13885;
  border: 2px solid #ebcde0;
  color: white;
}

#redirect-message h2 {
  font-size: 1.4em;
}

.error-message {
  background: #b13885;
  margin: 1em;
  padding: .5em;
  color: white;
}

#search-error {
  position: absolute;
  top: 65px;
  clear: left;
  background: #ebcde0;
  margin: 1em;
  padding: .5em;
  font-weight: bold;
  z-index: 1;
}

.underline {
  font-size: 12px;
  font-family: Arial;
  color: #000000;
  text-decoration: underline;
}

.rich-paragraph {
  margin: 1em 0;
}

.rich-paragraph ul {
  padding-left: 2em;
}