﻿body, html{
    min-height:100%;
}
body {
background-attachment: fixed;
    background-color: #ffffff;
    
    background-repeat: repeat-y;
    font-family: 'Open Sans', sans-serif;
    font-size:13px;
    overflow-y:scroll;
}
.mini
{
    font-size:11px;
    text-align:center;
}
#rechterkantbalk{
    background-image: url(/images/rechterbalk.jpg);
  background-repeat: repeat-y;
  background-color: #FFFFFF;
  width:60px;
  right:0px;
  top:0px;
  position:fixed;
  height:100%;
  z-index:0;
  display:none;
}
#form1
{
z-index:1;
}
a, .dropdownmenu a{
       color: #cc5830;
}
.navbar-toggle 
{
    margin-right:-15px;
  
}
#maincontainer > div
{
 padding-left:20px;
 padding-right:20px;

}
#maincontainer
{
    width:100%;

}
#socialbuttons{
    vertical-align: top; 
}
#twitter-widget-0, .fb-like {
    float: left;
    margin-right:5px;
    margin-bottom:10px;
}


.slides {
    float: right;
    text-align: right;
 
}

.randen .imagegallery img{
      width: 90%;
}
.randen img{

     clear:both;
     width: 100%;
 }
     img.meerinfo {
        width:76px !important;
    }

     img.up{
         width:10px !important;
         height:15px !important;
     }

       #camera{
         width:21px !important;
         height:15px !important;
     }
.zoeken td{
    padding-right:20px;
    padding-bottom:10px;
}
.randen {
    border-left: 1px solid #81ac79;
    border-right: 1px solid #81ac79;
    border-top: 1px solid #81ac79;
    

}
#main .text.textcontainer, .randen{
    background:#ffffff;
}
.textcontainer
{
    padding:20px;
     border: 1px solid #81ac79;
}

.randen td {
    border-bottom: 1px solid #81ac79;
}
.llijn {
    border-left: 1px solid #81ac79;
}

.propkop, .proptussenkop {
    background-color: #b3d2ac;
    color: #525545;
    font-size: 12px;
    font-weight: bold;
   
}

.padit, .propkop, .padtable td
{
     padding:10px;
}
.propertystatus {
    background-image: url("/images/bckgr_titel.gif");
    background-repeat: repeat-x;
    border-left: 2px solid #85a97d;
    border-right: 2px solid #85a97d;
    border-top: 2px solid #85a97d;
   display: inline-block;
    height: 31px;
    padding: 5px 10px;
    position: relative;
    width: auto;
    text-transform:capitalize;
    background-color:#fff;
}
.zoeken td input, .zoeken td select{
    padding:7px;
    width:100%;
    max-width:400px;
}
.zoeken td input[type=radio]
{
max-width:30px;
}
img{
    max-width:100%;
    height: auto;   
}

#menu{
   
    float:left;
    display:block;
    width:100%;
  
}

.langs
{
    float:right;
    clear:both;
    margin-right:70px;
}
.langs li{
    list-style: outside none none;
    float:left;
    width:30px;
}

body .navbar
{
    width:100%;

      margin-top:-45px;
}



body .navbar li.active > a
{
    font-weight:bold;
}
body .navbar li{
    width:100%;
}


body .navbar-nav > li > a , body .nav > li > a
{
    padding-bottom:4px;
    padding-top: 4px;
}
body .navbar-nav > li > a
{
    color:#000;
    cursor:pointer;
}
.logo{
    max-width:194px;
    width:100%;
    height:auto;
    margin-top:-20px;
}

.dropdownmenu
{
    display:none;
    margin-left:30px;
}
body .navbar li.active .dropdownmenu
{
    display:inline-block;
}
#main{
width:100%;

display:block;
position:relative;

}
body .nav > li > a:focus, body .nav > li > a:hover
{
    background-color:#A9CBA6;
    color:#fff;
}
.clearer
{
    clear:both;
}
h1{
    color:#019B3A;
}
.text h1, .text h2, .text h3
{
    color: #cc5830;
    font-weight: bold;
    text-transform: uppercase;
}
.text h1
{
    font-size: 14px;
}
.text h2
{
    font-size: 13px;
}
body .text h3
{
    font-size: 13px;
     font-weight: normal;
}
.navbar-default {
    background-color: transparent;
    border: 0px;
}
.nav.navbar-nav
{
  background-color: #f8f8f8;
    border-color: #e7e7e7;
     border: solid 1px #e7e7e7;
}
 .kl
   {
       font-size:11px;
   }

 .nomobile{
       display:none
   }
@media (min-width: 1500px) {
   html body form div div #main {
        margin: 0px auto !important;
        float:none;
         max-width:860px;
    }
}
@media (min-width: 1300px) {
    html body form div #main
    {
    max-width:700px;
   
    }
}
@media (min-width: 1000px) {
  
    body{

         background: url("/images/bggr2.jpg") no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
    }
    body #maincontainer > div
{
 padding-left:50px;
 padding-right:90px;

}
    body #rechterkantbalk
    {
        display:none;
    }
}
@media (min-width: 900px) {
   html body form #main
    {
    max-width:520px;
    }
   .kl
   {
       font-size:13px;
   }
}

@media (min-width: 850px) {
   html body #main
    {
    max-width:420px;
    }
   .kl
   {
       font-size:12px;
   }
}
@media (min-width: 768px) {
  
    #main{
    max-width:300px;
   float:right;
   
    width:100%;
   
    }
   body .mobileonly
   {
       display:none;
   }
   body .nomobile{
       display:inline-block;
   }

 body  .logo{
    margin-top:0px;
    clear:both;
    margin-left: 38px;
}
 body  .navbar-default {
    background-color: #f8f8f8;
    border-color: #e7e7e7;
         margin-top:20px;
}
 body #menu{
      max-width:275px;
      
 }
 
 body  .navbar-collapse
{
    padding-left:0px;
     padding-right:0px;
       border: 1px;
}

body .randen img{
     max-width:320px;
     clear:none;
     margin-right:10px;
     margin-bottom:10px;
 }
}


.main-description figure {
    float: left;
}


.foto-cell{
    padding-top: 10px;
}