/* 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%;
   margin: 0;
   padding: 0;

}

html {
   overflow-y: scroll;
   background: #cccbcb url( "../gfx/backgrounds/html_back_repeatx.gif" ) repeat-x top left;
}

body {
   font-size: 12px;
   font-family: Arial, Verdana, Helvetica, "Trebuchet MS", Tahoma, sans-serif;
    line-height: 20px;
   color: #000;
}

a {
   color: #666;
}

a:hover {
   text-decoration: none;
}

img {
   border: 0px;
}

h1 {
   margin: 0;
   padding: 0;
   font-size:18px;
    font-weight:normal;
   color: #4f0059;
   padding-left: 0px;
   padding-top: 10px;
}

h2 {
   color:#4C4C4C;
   font-size:18px;
    font-weight:normal;
   margin-bottom:10px;
}

h3 {

   font-size:18px;
    font-weight:normal;
    margin:0;
    padding:10px 0 0 15px;
   color: #4f0059;
   padding-left: 15px;
   padding-top: 10px;
}

/*.selected a {
   font-weight: bold;
}*/

.container {
   width: 100%;
   height: 100%;
}

/* .left margin-left: contentholder.width/2 */
.left {
   width: 50%;
   height: 10px;
   float: left;
   margin-left: -494px;
}

.contentholder,
   .contentholder-bottom {
   padding: 0 5px 0 5px;
   width: 996px;
   float: left;
}

.contentholder {
   background: url( "../gfx/backgrounds/contentholder_back.png" ) repeat-y left top;
}

.contentholder-bottom {
   background: url( "../gfx/backgrounds/contentholder_bottomback.png" ) no-repeat left top;
   padding-top: 25px;
}

.content-row {
   width: 996px;
   float: left;
}

.header {
   height: 98px;
   width: 996px;
   float: left;
   background-color: #ccc;
}

/*  makelaars */
.makelaars-row {
   width: 100%;
   float:left;
   margin-bottom: 20px;
}

.makelaars-logo {
    width:250px;
   height: 130px;
   float:left;
}

.makelaars-info {
   width: 325px;
   float:left;
   vertical-align: top;
}

.makelaars-info p {
   margin: 0;
}

/* menu holder */
/* hier project achtegrond van balk kleur instellen en borderbottom kleur van het project : zit als achtergrond erin*/

.menuholder {
   width: 971px;
   padding: 0 15px 0 10px;
   height: 65px;
   float: left;
   background: #3b0b41 url( '../gfx/backgrounds/menu-row-back.png' ) repeat-x left top;
}

.projectslogan {
   float: left;
   color: #3b0b41;
   width: 247px;
   font-weight: bold;
   padding-top: 3px;
}

.content-relative {
   position: relative;

}

.content-left {
   width: 239px;
   padding: 0px 6px 15px 6px;
   float: left;
}

.content-right {
   position: relative;
   padding-right: 10px;
   float: left;
   height: 100%;
   min-height: 100%;
}

.content-right-top {
   width: 735px;
   left: 0;
   top: 0;
   position: absolute;
   z-index: 100;
   height: 10px;
   background: url( "../gfx/backgrounds/content-right-top.png" ) repeat-x left top;
}

.content-right-left,
   .content-right-right {
   top: 0;
   position: absolute;
   height: 100%;
   z-index: 110;
   width: 10px;
}

.content-right-left {
   left: 0;
   background: url( "../gfx/backgrounds/content-right-left.png" ) repeat-y left top;
}

.content-right-right {
   left: 725px;
   background: url( "../gfx/backgrounds/content-right-right.png" ) repeat-y left top;
}

.content {
   width: 735px;
   background-color: #fff;
   position: relative;
   float: left;
   left: 0;
   top: 0;
   z-index: 50;

  /* min-height: 500px; */
}

.realcontent {
   padding:10px 100px 15px 35px;
}

#kavelkaart{
    width: 735px;
    height: 780px;
}

#twitter-list {
   width: 240px;
   float: left;
}

.project-row{
   height: 28px;
   float: left;
   padding: 3px 15px 0 15px;
   width: 966px;
}


.margin-top-10 {
   margin-top: 10px;
}

/* right column, niet altijd nodig, zoniet, verbreed .content vlak */
.rightcolumn {
   width: 177px;
   padding: 18px 20px 0 20px;
   float: left;
}

.rightcolumn ul {
   margin: 0px;
   padding: 0px;
   list-style-position: inside;
}

/*Twitter*/
.tweettop {
   background: url( "../gfx/backgrounds/tweettop.gif" ) no-repeat;
   width: 219px;
   height: 13px;
   margin: 0;
   padding: 5px 10px 0 10px;
   cursor: pointer;
   cursor: hand;
}

.tweettop img {
   float: left;
}

.tweetbottom {
   background: url( "../gfx/backgrounds/tweetbottom.gif" ) no-repeat;
   width: 239px;
   height: 25px;
   margin: 0;
   padding: 0;
}

/*Submenu Link*/

.tweettop .leftnavgroot {
   font-size: 1em;
   color: #4f0059;
   text-decoration: none;
   font-weight: bold;
   float: left;
   display: block;
   width: 179px;
   padding-top: 3px;
}

#tweetuitklap {
   float: left;
}

.serviceUitklap {
   width: 239px;
   padding-top: 6px;
   margin: 0;
   float: left;
   background: url( "../gfx/backgrounds/service.png" ) no-repeat left top;
}

.leftnavgrootwit {
   display: block;
   float: left;
   width: 187px;
   font-size: 12pt;
   color: #ffffff;
   text-decoration: none;
   font-weight: bold;
   padding-top: 3px;
}

.service {
   cursor: pointer;
   cursor: hand;
   height: 39px;
   padding-left: 9px;
}

.service img {
   float: left;
}

#id_serviceblock {
   /*height: 100px;*/
   margin-top: -5px;
}

.twinklap {
   background: url( "../gfx/backgrounds/twitterinklap.gif" ) no-repeat;
   height: 34px;
}

.brochure {
   height: 118px;
   margin-bottom: 3px;
   margin-left: 3px;
   float: left;
   width: 240px;
}

.startverkoop {
   height: 116px;
   margin-left: 4px;
   float: left;
   width: 239px;
   margin-bottom: 5px;
}

.startverkoop span{
    display:none;
}

.loting{
    height: 117px;
    margin-left: 4px;
    float:left;
    width: 240px;
}

.home_txt{
    padding-left: 35px;
    padding-right: 100px;
    padding-top: 170px;
    padding-bottom: 20px;
    width:100%;
}


.home_txt hr{
    color: #d0d1d3;
    margin: 5px 0 10px 0;
}

.news-content{
    width: 325px;
    float:left;
}

.widget-news-body {
   border-bottom: 1px solid #d0d1d3;
   margin-bottom: 15px;
   padding-bottom: 15px;
}

.text-content{
    float:left;
    width: 325px;
    margin-right: 15px;
}

/* right under Add This en Copy Fundament All Media */
.right_under {
    float:right;
    margin-right:15px;
    text-align:right;
    width:296px;
    background-color: #fff;

}

.right_under_addthis {
   float: left;
   width: 100%;
}

.right_under_copyfundament {
   float: left;
   width: 100%;

}

.right_under_copyfundament a {
   color: #515151;
   font-size: 8pt;
   text-decoration: none;
}

.right_under_copyfundament a:hover {
   color:#4F0059;
}

/*  uitzondering fonts */
.projectslogan {
   font-size: 1em;
}

/*detailpagina*/
.woningdetail_content {
padding-left:35px;
padding-right:10px;
padding-top:5px;
width:690px;
}
.woning_holder{
    position:relative;
    width: 690px;
}

.woningdetail_content_row{
    width: 600px;
    float:left;
    margin-bottom: 15px;
}

.woningdetail_content_tekst{
    width: 582px;
    float:left;
}

.woninginformatie{
    width:162px;
    float:left;
    padding-left: 15px;
    padding-right: 5px;
    min-height: 191px;
    padding-top: 10px;
    margin-right: 8px;
    background-color: #eaeaea;
}

.woninginformatie ul{
    margin-left: 15px;
    margin-bottom: 10px;
}

.woninginformatie ul li{
    color: #000;
}

.woninginformatie ul li p{
    color: #000;
}

.woningimage{
    float:left;
    height: 191px;
    width: 272px;
    margin-right: 8px;
}

.woningthumbs{
    width: 130px;
    float:left;
    height: 190px;
}

.woning_thumbnail{
    width: 60px;
    margin-right: 5px;
    float:left;
    margin-bottom: 5px;
}

/* Slideshow Styling */
#funImages .thumbinfo h3{
    font-size: 15px;
    color: #5a5a5a;
}

#funImages .thumbinfo a {
    color:#004270;
    display:block;
    font-weight:bold;
}

#funImages .thumbinfo p{
    margin-bottom: 0px;
}