.columnLeft
{
  width: 260px;
}

.columnRight
{
  width: 686px;
}

.columnsPreview .columnLeft
{
  width: 686px;
}

.columnsPreview .columnRight
{
  width: 260px;
}

.columnsPost,
.columnRight .block .columns
{
  padding: 0 9px;
  background: #fff;
}

.columnsPost .columnLeft,
.columnRight .block .columnLeft
{
  width: 474px;
}

.columnRight .block .reaction .columnRight
{
  text-align: center;
}

.columnRight .block .reaction .columnLeft
{
  margin-right: 0;
  padding-right: 13px;
  border-right: 1px solid #f1f7ff;
  position: relative;
  padding: 6px 13px 40px 0;
  _zoom: 1;
}

.columnRight .columns
{
  padding: 0px;
  background-image: none;
}

.columnRight .columnsOpsporing .columnLeft
{
  width: 424px;
}
.columnRight .columnsOpsporing .columnRight
{
  width: 248px;
}

.columnRight .columnLeft
{
  width: 336px;
}

.columnRight .columnRight
{
  width: 336px;
}

.reaction .user
{
  position:relative;
  padding: 10px 0;
}

.adImage
{
  background: #ddd;
  height: 200px;
}

.title
{
  font-family: Arial;
  font-size: 18px;
  padding: 10px 0 8px;
}

.subtitle
{
  color: #e57b00;
  font-weight: bold;
  padding: 12px 0 6px;
}

.googleMapImage
{
  width: 180px;
  height: 180px;
  background: #ddd;
  margin-top: 10px;
  border: solid 1px #ccc;
}

.streetName
{
  font-weight: bold;
  display: block;
  margin-top: 4px;
}

.townName
{
  font-size: 11px;
  color: #666;
}

.userImage
{
  width: 60px;
  height: 60px;
  background: #ddd;
}
.userName
{
  display: block;
  color: #05488a;
  margin-top: 4px;
}

.scrollable
{
  overflow-y: scroll;
  height: 180px;
}

.blockList ul
{
  padding: 0;
  margin: 0;
}
.blockList ul li
{
  padding: 0;
  margin: 0;
  border-top: 1px solid #e1ecff;
  display: block;
  zoom:1;
}

.smallItems ul li { font-size: 11px; }
.smallItems ul a.blockListLink { padding-top: 2px; padding-bottom: 2px; }

.blockList ul .blockListItemFirst
{
  border: none;
}

.blockList ul ul .blockListItemFirst
{
  border-top: 1px solid #e1ecff;
}

.columnsVereniging .blockList ul li
{
  border-color: #fff4e1;
}

.blockList ul li ul li a
{
  padding-left: 40px;
}

.blockList a, .blockList .selected ul li a
{
  color: #0c4d91;
  text-decoration: none;
  display: block;
  padding: 6px 0 6px 24px;
  background: url('../../images/arrow.gif') 12px center no-repeat;
  font-weight: normal;
}
.blockList ul li ul li a
{
  background-position: 27px center !important;
  padding-left: 40px !important;
}

.blockList .selected a
{
  color: #e57b00;
  font-weight: bold;
  background: url('/images/arrow_orange.gif') 12px center no-repeat;
}

.count
{
  color: #7e7e7e;
  font-weight: normal;
}

.reaction
{
  border-bottom: 1px solid #e1ecff;
}

.ownReaction .columns
{
  background-color: #ffe !important;
}

.reactionDeleted
{
  padding: 0 8px;
  color: #999;
}

.reactionDate
{
  color: #7e7e7e;
  bottom: 6px;
  left: 0px;
  position: absolute;
}

.reactionActions
{
  position: absolute;
  top:12px;
  /*bottom: 6px;*/
  right: 6px;
}
.ie6 .reactionActions a .delete  {
  zoom:1;
  padding:6px 5px;
  z-index:4242;
  background:transparent url(/images/icon_quick_delete.gif) no-repeat scroll center 4px;
}

.abuse
{
  display: block;
  color: #6ba4d9;
  bottom: 6px;
  right: 9px;
  position: absolute;
  padding-right: 20px;
  background: url('/images/abuse.gif') right center no-repeat;
}

.react
{
  border: 1px solid #e1ecff;
  border-top: none;
  background: #f1f7ff;
  padding: 5px 10px 8px;
}

.reactTitle
{
  color: #e57b00;
  font-weight: bold;
}

.slideShow
{
  margin-top: 12px;
}

.showVideo #slideShowImage
{
  display: none;
}

.showVideo #slideShowVideo
{
  display: block;
}

#slideShowVideo
{
  display: none;
}

.slideShowImage
{
  background: #f1f7ff;
  padding: 10px 0 36px;
  text-align: center;
  position: relative;
  _zoom: 1;
}
.slideShowImage img
{
  /*width: 320px;
  height: 240px;*/
}
.slideShowImageTitle
{
  color: #191919;
}
.slideShowZoom
{
  position: absolute;
  bottom: 6px;
  left: 8px;
  color: #05488a;
  padding-left: 20px;
  background: url('/images/vergrootglas.gif') 0 center no-repeat;
}
.slideShowCount
{
  position: absolute;
  bottom: 6px;
  right: 8px;
  color: #191919;
}
.slideShowThumbs
{
  margin-top: 2px;
  padding: 2px 16px;
  background: #f1f7ff;
  position: relative;
  height: 46px;
}

.slideShowLeft
{
  position: absolute;
  top: 4px;
  left: 2px;
  width: 10px;
  height: 40px;
  border: 1px solid #c4daff;
  background: url('/images/slide-show-left.gif');
}
.slideShowLeftDisabled
{
  background: url('/images/slide-show-left-disabled.gif');
}
.slideShowRight
{
  position: absolute;
  top: 4px;
  right: 2px;
  width: 10px;
  height: 40px;
  border: 1px solid #c4daff;
  background: url('/images/slide-show-right.gif');
}
.slideShowRightDisabled
{
  background: url('/images/slide-show-right-disabled.gif');
}

.slideShowScrollBox
{
  height: 100%;
  width: 100%;
  overflow: hidden;
}

.slideShowScrollContent
{
}
.slideShowThumb
{
  width: 42px;
  height: 42px;
  vertical-align: middle; 
  margin: 0 1px;
}
.slideShowThumbs .selected
{
  border: 2px solid #e57b00;
  margin: 0px;
}

.slideShowThumbs a
{
  display: inline-block;
  text-decoration: none;
  text-align: center;
  line-height: 42px;
  background: rgb(221, 221, 221);
  color: #000;
}

/* new post */

.columnsNewPost .columnLeft
{
  width: 686px;
  position: relative;
  z-index: 1
}

.columnsNewPost .columnRight
{
  width: 260px;
  position: relative;
  z-index: 1;
}

.reactButtonContainer
{
  overflow: auto;
  padding: 9px 3px;
  _zoom: 1;
}

.reactButton
{
  background: #f1f7ff center 20px no-repeat;
  width: 118px;
  height: 118px;
  position: relative;
  float: left;
  margin: 0 6px;
  border: 3px solid #f1f7ff;
  cursor: pointer;
}

.reactButtonContainer .selected, .reactButtonContainer .hover
{
  border-color: #f69321;
  outline: none;
}

.reactButtonLabel
{
  position: absolute;
  bottom: 14px;
  width: 100%;
  text-align: center;
  color: #004a93;
  font-weight: bold;
  text-decoration: underline;
}

.reactButton .arrow
{
  position: absolute;
  visibility: hidden;
  width: 12px;
  height: 6px;
  background: #f1f7ff url('/images/berichten/arrow_down_orange.gif');
  top: 100%;
  left: 50%;
  margin: 3px 0 0 -6px;
  font-size: 0;
}
.reactButtonContainer .selected .arrow, .reactButtonContainer .hover .arrow
{
  visibility: visible;
}

.form-expanded
{
  display: block;
}

.form-collapsed
{
  display: none;
}

.buttonBuurtbericht
{
  background-image: url('/images/berichten/buurtbericht.gif');
}
.buttonFotoVideo
{
  background-image: url('/images/berichten/foto_video.gif');
}
.buttonVraagAanbod
{
  background-image: url('/images/berichten/vraag_aanbod.gif');
}
.buttonLink
{
  background-image: url('/images/berichten/link.gif');
}
.buttonKalenderbericht
{
  background-image: url('/images/berichten/kalenderbericht.gif');
}
.buttonOpsporingsbericht
{
  background-image: url(/images/berichten/opsporingsbericht.gif);
}
.buttonStelling
{
  background-image: url(/images/berichten/stelling.gif);
}

/* Q42 Easter Egg, TODO: werkt niet in IE6 */
.buttonKalenderbericht:hover
{
  background-image: url('/images/berichten/kalenderbericht_q42.gif');
}


.columnsNewPost .blockContent
{
  overflow: inherit;
}

.mapContainer
{
  position: relative;
  padding: 10px 0 20px 25px;
}
.mapInfo
{
  position: absolute;
  left: 375px;
  top: 10px;
  width: 100px;
}


.mapNewPost
{
  background: #ddd;
  width: 336px;
  height: 336px;
  overflow: hidden;
}

span.offerPrice
{
  font-weight: bold;
}

.offerDetails 
{
}

.offerType
{
  font-weight: bold;
  color: #999;
}

.eventDetails
{
  margin-top: 10px;
  color: #666;
  font-size: 11px;
}

.eventDetails strong
{
  color: Black;
}

.alert_phonenumber
{
  text-align: center;
  font-size: 16px;
  font-weight: bold;
  padding: 10px;
  background-color: #ffc;
  margin: 0 0 10px 0;
}

.blockContent {
  position:relative;
}

.postTools {
  font-size: 11px;
  color: #666;
  float: right;
  margin-top: 2px;
}

.postTools img
{
  vertical-align: middle;
}

.postTools a
{
  padding: 2px 2px 4px 2px;
}


.delete_reaction_button {
  position:absolute;
  top:10px;
  right:0px; 
}

.edit_reply_button {
  position:absolute;
  top:40px;
  right:0px;
}


#buurtlinktv
{
}

  #buurtlinktv .blockContent
  {
    overflow: visible;
  }

  #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;
    }
    
#youtube-video
{
  text-align: center;
  margin-top: 12px;
  padding: 10px 0 10px 0;
  background-color: #F1F7FF;
}