h1 {
  font-size:12px;
  display:inline;
  margin:0px;
  padding:0px;
  font-weight:bold;
}

.info
{
  display: none;
  width: 280px;
  background: #fffaef;
  border: 1px solid #f69321;
  position: absolute;
  left: 180px;
  top: 100%;
  margin-top: 6px;
  padding: 4px 6px;
  color: #191919;
}
#werk-nl .info
{
  left: 50px;
  width: 200px;
}

.fieldActive .info
{
  display: block;
}

.infoTitle
{
  font-weight: bold;
  display: block;
}

.infoArrow
{
  display: block;
  position: absolute;
  left: 12px;
  bottom: 100%;
  width: 41px;
  height: 13px;
  background: url(/images/berichten/info_arrow_top.gif);
}

.item
{
  z-index: 1;
  display: block;
  text-decoration: none;
}
.item:hover
{
  z-index: 2;
}
.item:hover .info
{
  display: block;
}

.item .info:hover
{  
  left: -1000px; /* info hiden met 'display: none' werkt niet in safari... */
}

.item
{
  position: relative;
  padding-left: 75px;
  float: none;
  overflow: visible;
  /*min-height: 72px;*/
  min-height: 64px;
  /*_height: 72px;  */
  _height: 64px;
}
body .howardshome-item, body .werknl-item
{
  padding-left: 8px;
  min-height: 0;
}
.werknl-item .itemTitle
{
  padding-bottom: 4px;
}
.werknl-item .itemFooter
{
}

.itemImage
{
  position: absolute;
  float: none;
  top: 6px;
  left: 6px;
}

.itemFooter
{
  margin: 2px 0 0;
}
.itemFooter li.source
{
  border-left: none;
  padding-left: 0;
}

.itemBig
{
  padding-left: 8px;
  padding-bottom: 3px;
  margin-bottom: 0px;
  min-height: 130px;
}

.withItemImage 
{
  min-height: 129px;
  padding-left: 136px;
  _height: 129px;
}

.blockContent
{
  overflow: visible;
}

#ideaRotator
{
  position: absolute;
  width: 300px;
  left: 170px; top: 0;
  height: 20px;
  overflow: hidden;
}
.ie #ideaRotator { top: -2px; }

#ideaRotator div
{
  position: absolute;
  font-weight: normal;
  color: Black;
  opacity: 0;
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0)
}

#ideaRotator div.selected { opacity: 1; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100) }
#ideaRotator div.after-selected { opacity: 0;filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0) }

.formPostMessage
{
  clear: both;
  background: #ffd;
  border-top: solid 1px #d8e5f5;
  padding: 9px;
}

.formPostMessage .field input.text
{
  width: 365px;
  border: 1px solid #c4daff;
  margin: 0;
  display: block;
}

.formPostMessage .field input.submit
{
  font: 12px Arial, Helvetica, sans-serif;
}

.formPostMessage textarea
{
  width: 365px;
  border: 1px solid #c4daff;
  margin: 0;
  display: block;
}

.formPostMessage .field
{
  padding-left: 170px;
  position: relative;
  margin: 4px 0;
  _zoom: 1;
}

.formPostMessage label
{
  position: absolute;
  top: 0;
  left: 0;
  width: 165px;
}
.formPostMessage .required
{
  background: url('/images/berichten/asterisk.gif') right 8px no-repeat;
}


.formPostMessage .legend
{
  display: block;
  color: #e57b00;
  font-weight: bold;
  margin-bottom: 9px;
}

.buurtlinkInfoColumns
{
  overflow: hidden;
  _zoom: 1;
}

.buurtlinkInfo
{
  width: 230px;
  float: left;
  margin-right: 20px;
}

.buurtlinkElders
{
  width: 336px;
  position:relative;
  z-index:424242;
}

.eldersTitle
{
  color: #e57b00;
  font-size: 11px;
  font-weight: bold;
  margin: 0 0 4px 8px;
}

.eldersPosts
{
  background: #fffaef;
  height: 96px;
  overflow: hidden;
  position: relative;
}

.eldersPost
{
  padding: 3px 8px 5px;
  height: 88px;
  overflow: hidden;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  position: absolute;
  top: 98px;
  left: 0px;
  visibility: hidden;
}

.eldersPosts .selected 
{
  top: 0; 
  visibility: visible;
}

.eldersPosts .after-selected
{
  top: -98px;
  visibility: visible;
}

.eldersPostTitle
{
  font-weight: bold;
}

.eldersPostSubtitle
{
  color: #7e7e7e;
}

#buurtmail-notice
{
  background-color: White;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  padding: 8px;
  margin: 0 0 14px 0;
  border: solid 2px #ffd100;
  background-color: #fea;
}
  
  #buurtmail-notice div.register
  {    
    font-size: 14px;
    font-weight: bold;
    text-align: center;
  }
   
  #buurtmail-notice a
  {
    text-decoration: underline;
  }
  
  #buurtmail-notice form
  {
    margin: 0;
  }
  
    #buurtmail-notice form input
    {
      font-size: 14px;
      padding: 2px 4px;
      font-family: Arial, Sans-Serif;
    }
    
    #buurtmail-notice form input.submit
    {
      width: 185px;
      margin-left: 4px; 
    }
    
      .ie #buurtmail-notice form input.submit
      {
        padding: 1px 0 0 0;
      }

.image-align-left
{
  float: left; margin: 0 10px 10px 0;
}
.image-align-right
{
  float: right; margin: 0 0 10px 10px;
}



.huizenzoeker, .houses
{
  text-align: center;
}

.houses
{
  float: left;
}

.for-sale
{
  border-right: solid 1px #ccc;
  margin-right: 8px;
}

.for-rent
{
  width: 279px !important;
}

.houses h2
{
  font-size: 14px;
  color: #e57b00;
  text-align: center;
  font-family: Arial, Helvetica, Sans-Serif;
  margin: 4px 0;
}

.houses h2 a
{
  color: #e57b00;
}

.house
{
  text-align: center;
  float: left;
  margin: 7px 4px 4px 1px;
  width: 132px;
}
.house span
{
  display: block;
}

.house-photo
{
  padding: 2px;
  background-color: #e1ecff;
  border: solid 1px #ccc;
  width: 124px;
  margin: 0 auto;
}
.hover .house-photo
{
  background-color: #fffaef;
  border-color: #cc9;
}
.house-photo img
{
  vertical-align: bottom;
  width: 120px;
}

.house-street
{
}

.house-type
{
}

.house-price
{
  font-weight: bold;
  font-family: Arial;
}

div.emptyBlock
{
  height:0;
  opacity: 0;
}
div.filledBlock
{
  height: inherit;
  opacity: 1;
}



#homepageBanner
{
  height: 118px;
  background: url(/images/homepagebanner/bg-homepagebanner.jpg) top left no-repeat;
  overflow: hidden;
  position: relative;
}

#homepageBanner .homepageItem
{
  position: absolute;
  top: 170px; left: 0;
  background-repeat: no-repeat;
  background-position: 98% bottom;
  padding: 40px 0 0 10px;
  width: 572px; height: 100px;
}

#homepageBanner .selected 
{
  top: 0;
}

#homepageBanner .after-selected
{
  top: 170px;
  z-index: 999;
}

.homepageBannerTitle
{
  position: absolute;
  top: 4px; left: 10px;
  color: #004a93;
  font: bold 24px Arial, sans-serif;
  z-index: 42;
}

.homepageItem
{
  color: #e57b00;
  font: 18px Arial, sans-serif;
  z-index: 0;
}

#person1 { background-image: url(/images/homepagebanner/persoon1.png); }
#person2 { background-image: url(/images/homepagebanner/persoon2.png); }
#person3 { background-image: url(/images/homepagebanner/persoon3.png); }
#person4 { background-image: url(/images/homepagebanner/persoon4.png); }
#person5 { background-image: url(/images/homepagebanner/persoon5.png); }
#person6 { background-image: url(/images/homepagebanner/persoon6.png); }
#person7 { background-image: url(/images/homepagebanner/persoon7.png); }
#person8 { background-image: url(/images/homepagebanner/persoon8.png); }
#person9 { background-image: url(/images/homepagebanner/persoon9.png); }
#person10 { background-image: url(/images/homepagebanner/persoon10.png); }
#person11 { background-image: url(/images/homepagebanner/persoon11.png); }
#person12 { background-image: url(/images/homepagebanner/persoon12.png); }
#person13 { background-image: url(/images/homepagebanner/persoon13.png); }
#person14 { background-image: url(/images/homepagebanner/persoon14.png); }
#person15 { background-image: url(/images/homepagebanner/persoon15.png); }
#person16 { background-image: url(/images/homepagebanner/persoon16.png); }
#person17 { background-image: url(/images/homepagebanner/persoon17.png); }
#person18 { background-image: url(/images/homepagebanner/persoon18.png); }
#person19 { background-image: url(/images/homepagebanner/persoon19.png); }
#person20 { background-image: url(/images/homepagebanner/persoon20.png); }
#person21 { background-image: url(/images/homepagebanner/persoon21.png); }
#person22 { background-image: url(/images/homepagebanner/persoon22.png); }
#person23 { background-image: url(/images/homepagebanner/persoon23.png); }
#person24 { background-image: url(/images/homepagebanner/persoon24.png); }
#person25 { background-image: url(/images/homepagebanner/persoon25.png); }
#person26 { background-image: url(/images/homepagebanner/persoon26.png); }
#person27 { background-image: url(/images/homepagebanner/persoon27.png); }
#person28 { background-image: url(/images/homepagebanner/persoon28.png); }
#person29 { background-image: url(/images/homepagebanner/persoon29.png); }
#person30 { background-image: url(/images/homepagebanner/persoon30.png); }
#person31 { background-image: url(/images/homepagebanner/persoon31.png); }
#person32 { background-image: url(/images/homepagebanner/persoon32.png); }
#person33 { background-image: url(/images/homepagebanner/persoon33.png); }
#person34 { background-image: url(/images/homepagebanner/persoon34.png); }
#person35 { background-image: url(/images/homepagebanner/persoon35.png); }
#person36 { background-image: url(/images/homepagebanner/persoon36.png); }
#person37 { background-image: url(/images/homepagebanner/persoon37.png); }
#person38 { background-image: url(/images/homepagebanner/persoon38.png); }
#person39 { background-image: url(/images/homepagebanner/persoon39.png); }
#person40 { background-image: url(/images/homepagebanner/persoon40.png); }
#person41 { background-image: url(/images/homepagebanner/persoon41.png); }
#person42 { background-image: url(/images/homepagebanner/persoon42.png); }
#person43 { background-image: url(/images/homepagebanner/persoon43.png); }
#person44 { background-image: url(/images/homepagebanner/persoon44.png); }
#person45 { background-image: url(/images/homepagebanner/persoon45.png); }
#person46 { background-image: url(/images/homepagebanner/persoon46.png); }

#calls-to-action
{
  padding: 8px 10px 3px 170px;
  height: 25px;
}

  #calls-to-action a
  {
    float: left;
    margin: 0 4px 0 0;
  }



.buurtlinktv-video
{
  float: left;
  margin: 10px 10px 10px 8px;
  width: 130px;
  overflow: hidden;
}

html > body .buurtlinktv-video { width: 140px; }

.buurtlinktv-title
{
  font-size: 11px;
  margin: 2px 0 0 0;
  line-height: 13px;
}

div.annieBlock,
div.vspBlock
{
  padding: 0px 10px 0px 10px;
  margin-bottom: 15px;
}

div.vspBlock
{
  border-top: solid 1px #eee;
}

div.message-type-notice
{
  clear: both;
  padding-top: 20px;
  color: #666;
  font-size: 11px;
  line-height: 15px;
}

#buurtlinktv
{
}

  .ie6 #buurtlinktv .blockText { padding: 0 }

  #buurtlinktv .blockTitle
  {
    /*background-image: url(/images/buurtlinktv/bg-block-title.png);
    background-position: top left;
    height: 20px;*/
  }
  
    #buurtlinktv .titleLink img
    {
      width: 150px;
      margin-top: -20px; margin-bottom: -17px;
    }
    
    .ie6 #buurtlinktv .titleLink img
    {
      position: absolute;
    }
  
  div.video-first
  {
    overflow: visible;
    position: relative;
  }
  
  #buurtlinktv .video-thumbnail a
  {
    cursor: pointer;
  }
  
  td.video-first-title
  {
    font: bold 14px Arial, Helvetica, sans-serif;
    vertical-align: top;
    padding: 10px 7px 0 7px;
  }
  
  #buurtlinktv table img
  {
    width: 140px;
    height: 100px;
  }
  
  #buurtlinktv .moreLink
  {
    position: absolute;
    top: 2px; right: 5px;
    font-size: 12px;
  }
  
  
 .block div.buurtmail
 {
  text-align: center;
  font-weight: bold;
  font-size: 14px;
  margin-bottom: 10px;
 }
  
 .block input.buurtmailInput
 {
  width: 312px;
  margin-bottom: 10px;
 }
 
 .block input.buurtmailSubmit
 {
  
 }
 
 .block a.buurtmailCancel
 {
  display: block;
  float: right;
 }
 
 .block #facebookContainer
 {
   overflow:hidden; width: 334px; height: 255px;
 }
 
 .block #facebookContainer iframe
 {
   border:none; overflow:hidden; width:336px; height:255px; margin-left: -1px; margin-top: -1px;
 }