/* =General
-----------------------------------------------------------------------------*/

/* Remove padding and margin */
* {
  margin: 0;
  padding: 0;
}

/* Put it back on certain elements */
h1, h2, h3, h4, h5, h6, p, pre, blockquote, form, fieldset, table, ul {
  margin: 1em 0;
}

body, html {
  width:100%;
  height:100%;
}

img {	border: 0; }

/* =Typography
-----------------------------------------------------------------------------*/

body {
  background: #e0f4b7 url("../gfx/algemeen/html_bg.gif") repeat-y center top;
  font:  62.5%/1.6  Georgia, "Times New Roman", Times, serif;
  color: #000;
}

.initxt {
  font-weight:bold;
  color:#89b72b;
}

p, li {
  font-size: 1.2em;
}

li li {
  font-size: 1em;
}

ul {
  list-style: none;
}

h1 {
  font-size: 1.6em;
  color:#89b72b;
}

h2 {
	font-size: 1.2em;
}

h3 {
  font: bold 1.4em Georgia, serif;
  color: #fff;  
}

h4 {
  font-size: 1.2em;
  font-weight: bold;
  margin-bottom: -1em;  
}

hr {
  height: 1px;
  background-color: #89b72b;
  color: #89b72b;
  border: none;
  padding: 0;
  margin: 1em 0;
}

sup {
  vertical-align: baseline;
  position: relative;
  bottom: 0.33em;
}

/* =Links
-----------------------------------------------------------------------------*/

.content a {
  color: #000;
  text-decoration:underline;
}

.content a:hover {
  text-decoration:none;
}

/* =Layout
-----------------------------------------------------------------------------*/

.container {
  width:996px;
  margin: 0 auto;
  position: relative;
  z-index: 2;
}


.contentholder {
  width:996px;
}

.content_wrap {
  width: 596px;
  float:left;
}

.masthead {
  height: 200px;
  width: 996px;
  float:left;
  background: #fff url("../gfx/woningtypes/topheader.jpg") no-repeat;
}

.masthead_index {
  background: #fff url("../gfx/vogelvlucht/topheader.jpg") no-repeat;
}


.masthead_vogelvlucht {
  background: #fff url("../gfx/algemeen/topheader.jpg") no-repeat;
}

.masthead_ligging {
  background: #fff url("../gfx/ligging/topheader.jpg") no-repeat;
}

.masthead_partijen {
  background: #fff url("../gfx/partijen/topheader.jpg") no-repeat;
}

.masthead_beschrijving {
  background: #fff url("../gfx/beschrijving/topheader.jpg") no-repeat;
}

.masthead_situatie {
  background: #fff url("../gfx/situatie/topheader.jpg") no-repeat;
}


.content_top {
  height: 30px;
  width: 596px;
  float:left;
  background: #fff url("../gfx/algemeen/top_content.gif") no-repeat;
}

.content_top_woningtypes {
  height: 30px;
  width: 596px;
  float:left;
  background: #fff url("../gfx/woningtypes/top_content.gif") no-repeat;
}

.content {
  width: 596px;
  float:left;
  background: #e0f4b7;
  height: 396px;
  height: auto !important;
  min-height: 396px;
}

.rightcol {
  width: 200px;
  height: 396px;
  float:right;
  background: #89b72b url("../gfx/algemeen/rightcol_2.jpg") no-repeat;
}

.rightcol_beschrijving {
  background: #89b72b url("../gfx/beschrijving/rightcol_2.jpg") no-repeat;
}

.rightcol_woningtypes_lotus_impressie,
.rightcol_woningtypes_lotus_beschrijving,
.rightcol_woningtypes_lotus_plattegronden
{
  background: #89b72b url("../gfx/woningtypes/lotus/rightcol_2.jpg") no-repeat;
}

.rightcol_woningtypes_lathyrus_impressie,
.rightcol_woningtypes_lathyrus_beschrijving,
.rightcol_woningtypes_lathyrus_plattegronden
{
  background: #89b72b url("../gfx/woningtypes/lathyrus/rightcol_2.jpg") no-repeat;
}

.rightcol_woningtypes_magnolia_impressie,
.rightcol_woningtypes_magnolia_beschrijving,
.rightcol_woningtypes_magnolia_plattegronden
{
  background: #89b72b url("../gfx/woningtypes/magnolia/rightcol_2.jpg") no-repeat;
}

.rightcol_woningtypes_kamperfoelie_impressie,
.rightcol_woningtypes_kamperfoelie_beschrijving,
.rightcol_woningtypes_kamperfoelie_plattegronden
{
  background: #89b72b url("../gfx/woningtypes/kamperfoelie/rightcol_2.jpg") no-repeat;
}

.rightcol_woningtypes_sering_impressie,
.rightcol_woningtypes_sering_beschrijving,
.rightcol_woningtypes_sering_plattegronden
{
  background: #89b72b url("../gfx/woningtypes/sering/rightcol_2.jpg") no-repeat;
}

.rightcol_woningtypes_orchidee_impressie,
.rightcol_woningtypes_orchidee_beschrijving,
.rightcol_woningtypes_orchidee_plattegronden
{
  background: #89b72b url("../gfx/woningtypes/orchidee/rightcol_2.jpg") no-repeat;
}

.rightcol_woningtypes_jasmijn_impressie,
.rightcol_woningtypes_jasmijn_beschrijving,
.rightcol_woningtypes_jasmijn_plattegronden
{
  background: #89b72b url("../gfx/woningtypes/jasmijn/rightcol_2.jpg") no-repeat;
}


.rightcol_woningtypes_pioenroos_impressie,
.rightcol_woningtypes_pioenroos_beschrijving,
.rightcol_woningtypes_pioenroos_plattegronden
{
  background: #89b72b url("../gfx/woningtypes/pioenroos/rightcol_2.jpg") no-repeat;
}

.rightcol_woningtypes_lelie_impressie,
.rightcol_woningtypes_lelie_beschrijving,
.rightcol_woningtypes_lelie_plattegronden
{
  background: #89b72b url("../gfx/woningtypes/lelie/rightcol_2.jpg") no-repeat;
}

.rightcol_vogelvlucht {
  background: #89b72b url("../gfx/vogelvlucht/rightcol_2.jpg") no-repeat;
}

.rightcol_ligging {
  background: #89b72b url("../gfx/ligging/rightcol_2.jpg") no-repeat;
}

.rightcol_partijen {
  background: #89b72b url("../gfx/partijen/rightcol_2.jpg") no-repeat;
}

.rightcol_situatie {
  background: #89b72b url("../gfx/situatie/rightcol_2.jpg") no-repeat;
}


logo_wilgem {
  position:absolute;
  left:0;
  top:0;
}

.wrap_plat {
  width:200px;
  position:relative;
  float:right;
}

.wrap_plat cite {
  width:200px;
  position:relative;
  float:right;
  font-size:11px;
}

.plat {
  float:right;
}

.logo_right {
  border: #e0f4b7 1px solid;
  float:right;
}

.banner {
	margin-right:8px;
	margin-top:242px;
	margin-left:9px;
}

/* =Footer
-----------------------------------------------------------------------------*/
.footer {
  clear:both;
  margin:-30px auto 0 auto;
  width: 960px;
}


/* =Content
-------------------------------------------------------------------- */

.tekst {
	padding: 30px 30px 30px 30px;
}

.tekst_situatie {
	padding: 10px 30px 30px 30px;
  margin-top:0px;
}

.tekst {
  margin-top:19px;
}

.tekst ul {
	padding: 30px 30px 30px 30px;
  list-style: square;
  list-style-color: #000;
}



.ai {
  margin-top: 24px;
}

.logo {
  float: right;
  margin-top: -13px;
}

.spreker {
  font-style: italic;
}

.ai_list,
.plat_list {
  list-style: disc;
  padding-left: 16px;
}



/* =iframe
-------------------------------------------------------------------- */
.iframe, #iframe {
  position: relative;
  top:0px;
  left: 35px;
  width: 525px;
  height: 70em; 
  padding: 30px 0 30px 0; 
}

#kavelkaart {
  position: relative;
  top:0px;
  left: 17px;
  width: 525px;
  height: 508px;  
  padding: 30px 0 30px 0;
}


/* =Formulier
-----------------------------------------------------------------------------*/

form p {
  width:100%;
  margin:3px 0 3px 10px !important;
  float:left;
  clear:both;
}

form .exp {
  margin-bottom:20px !important;
}

form p span {
  width:180px;
  float:left;
  display:block;
}

.input {
  font-family: Arial, Helvetica, "Trebuchet MS", Tahoma, Verdana, sans-serif;
}

.button {
}


