html{
    line-height: 21px;
}

body  {
    margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defats */
    padding: 0; /* this centers the container in IE 5* browsers. The text is then set to the left aligned defat in the #container selector */
    color: #003366;
    line-height: 21px;
    font: 83% Arial, Helvetica, sans-serif;
    background: #FFF url(../afbeeldingen/BodyBG.jpg) no-repeat fixed center top;
}
#pano {
    position: absolute;
    top: 225px;
    z-index: 99;
}
.thumbContainer {
    border: 1px solid #B8E2FD;
    height: 60px;
    width: 90px;
    margin: 0px;
    padding: 0px;
}
.thumbContainer > h3 {
    margin-bottom: 1px;
    margin-top: 45px !important;
    padding-top: 2px !important;
    padding-bottom: 2px !important;
    height: 12px !important;
    border: 0px solid !important;
    color: #FF8000 !important;
    background-image: url('/afbeeldingen/tpBg.png');
}
p {
    color: #003366;
    padding-bottom: 0px;
    line-height: 21px;
    text-align:justify;
}
p.strong {
    font-weight: bold;
    color: #003366;
    font-variant: normal;
}
p.leftpadding {
    color: #515151;
    font-variant: normal;
}
#mainContent p a {
    color: #FF8000!important;
}
h1 {
    color: #003366;
    font: bold 130% Arial, Helvetica, sans-serif;
    margin-bottom: 3px;
    margin-top: 3px;
}
#mainContent h1 {
    color: #003366;
    font: bold 130% Arial, Helvetica, sans-serif;
    padding-bottom:  3px;
   padding-top: 3px;
}
#mainContent h2 {
    color: #003366;
    font: bold 110% Arial, Helvetica, sans-serif;
    padding-bottom:  0px;
   padding-top: 3px;
}
h2 {
    color: #003366;
    font: bold 110% Arial, Helvetica, sans-serif;
    padding-top: 3px;
    padding-bottom: 3px;
}

h2.woninglink {
    color: #999;
    display: block;
}
h2.noPadding { 
    padding: 0px!important;
}
h3 {
    color: #003366;
    font-size: 100%;
}
h4 {
    color: #de6422;
    font: 100% Arial, Helvetica, sans-serif;
    margin: 0px;
    padding-bottom: 1px;
}
h4.visiteKaart {
    color: #de6422;
    font: 92% Arial, Helvetica, sans-serif;
    margin: 0px;
    padding-bottom: 0px;
    padding-left: 5px;
}
h5 {
    margin: 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
    padding-top: 0px;
    padding-right: 0;
    padding-bottom: 3px;
    padding-left: 0;
    font-size: 9px;
    font-weight: bold;
    color: #DE6422;
    font-family: Arial, Helvetica, sans-serif;
}
h5.email    {
    color: #000;
    background: url(../afbeeldingen/apestaartje.png) no-repeat 2px center;
    padding-left: 25px;
}
h5.naam   {
    color: #003366;
    padding-bottom: 3px;
    padding-left: 25px;
    padding-top: 3px;
}
h5.mobiel   {
    color: #000;
    background: url(../afbeeldingen/mobiel.png) no-repeat 2px center;
    padding-left: 25px;
    padding-top: 5px;
}
h6 {
    padding-top: 0px;
    padding-right: 5px;
    padding-bottom: 4px;
    padding-left: 0px;
    font-size: 150%;
    font-weight: bold;
    color: #414141;
    border-left-width: 1px;
    border-left-style: solid;
    border-bottom-width: 2px;
    border-bottom-style: solid;
    border-bottom-color: #DE6422;
    border-left-color: #FFFFFF;
    font-family: Arial, Helvetica, sans-serif;
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 0;
}
h7 {
    padding-top: 5px;
    padding-right: 5px;
    padding-bottom: 4px;
    padding-left: 0px;
    font-size: 165%;
    font-weight: bold;
    color: #000000;
    font-family: Arial, Helvetica, sans-serif;
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 0px;
    display: block;
}

a:link {
    text-decoration: underline;
    color: #003366;
}
a:hover {
    color: #de6422;
    text-decoration: underline;
}
a:visited { color: #003366; }
a:active { color: #de6422; 
}

ul{
    margin:0;
    padding:0 0 0 0px;
}
li {

    list-style: square ;
    line-height:21px
}
li.menu > a {
    padding:2px 5px 2px 5px;
}
li.menu{
    float:left;
    color:#003366;
    list-style-type:none;
    font-weight:bold;
    font-size: 90%;
}
li.menu:hover > a{
    padding:2px 5px 2px 5px;
    background-color:#003366;
    color:#ffffff;
}
li.menu a:link {
    color:#003366;
    text-decoration: none;
}
li.menu a:hover{
    color:#ffffff;
}
a.topmenu{
    text-decoration:none;
    font-family: Arial, Helvetica, sans-serif;
}
.button {
    background: #003366;
    color: #FFF;
    font: 0.8em "Trebuchet MS", Arial, Helvetica, sans-serif;
    text-align: center;
    padding: 3px 6px;
    margin-top: 3px;
    border-style: none;
    -moz-border-radius: 3px;
    -webkit-borderradius: 3px;
}
.button:hover {
    background: #de6422;
    color: #fff !important;
    text-decoration: none;
}
.subtext{
    padding-top:10px;
    font-family: Arial, Helvetica, sans-serif;
}
a.woningLink {
    color: #003366;
    padding-left: 0px;
    text-decoration: none;
}
p a.blauw {
    color: #003366;
    text-decoration: underline;
    font-family: Arial, Helvetica, sans-serif;
    padding-left: 3px!important;
}

p .blauw {
    color: #003366;
    text-decoration: underline;
    font-family: Arial, Helvetica, sans-serif;
    padding-left: 3px!important;
}
.leftPadding { }

input {
    padding-bottom: 2px;
    margin-bottom: 4px;
    padding-top: 2px;
}
.thumb {
    height: 67px;
    width: 100px;
    text-align: left;
}

.rand {
    margin-bottom: 8px;
    border: 1px solid #B8E2FD;
}

.randFltlft {
    margin-bottom: 0px;
    border: 1px solid #B8E2FD;
    float: left;
    vertical-align: top;
    margin-right: 10px;
}
.tumbnail_img {
    height: 60px;
    width: 90px;
    text-decoration: none;
    margin-bottom: 0px;
    border: 1px solid #B8E2FD;
}
.drieKolomsVast #container {
    width: 1000px;
    margin: 0 auto;
    /* this overrides the text-align: center on the body element. */
} 
/*.container {width: 970px; margin: 0 auto;}*/
.drieKolomsVast #container #tpBG {
    background: url(../afbeeldingen/50transp.png);
    padding-top: 0px;
    padding-bottom: 0px;
}
.drieKolomsVast #header  {
    height: 185px;
    width: 1000px;
}
.drieKolomsVast #header #headerLogoleft {
    float: left;
    width: 175px;
}
.drieKolomsVast #header #headerLogoRight { 
    float: right;
}
.drieKolomsVast #topMenu  {
    padding-top: 110px;
    float: left;
}
.drieKolomsVast #bodyBG {  }
.drieKolomsVast #vak {
    width: 1000px;
    text-align: left;
    margin-right: auto;
    margin-bottom: 0;
    margin-left: auto;
    padding-top: 20px;
    background-image: url(../images/brushed.png);
    background-color: #203C58;
}
.drieKolomsVast #kolomLeft {
    float: left; /* since this element is floated, a width must be given */
    width: 240px;
    padding: 0px 20px 20px 35px;
    margin-top: 10px;
}
.drieKolomsVast .visitekaartje  {
    background: url(../afbeeldingen/bgVisitekaartje.png) no-repeat left top;
    height: 112px;
    width: 249px;
}
.drieKolomsVast .visitekaartje .titel  {
    width: 185px;
    float: left;
    margin-top: 15px;
    margin-left: 0px;
    padding-left: 3px;
}
.drieKolomsVast .visitekaartje .pasfoto {
    float: right;
    height: 75px;
    width: 46px;
    padding-right: 0px;
    margin-right: 15px;
    margin-top: 15px;
}
.drieKolomsVast  .visitekaartje .email  { width: 170px; }
.drieKolomsVast #sidebar1 blockquote  {
    font-size: 1.3em;
    font-weight: bold;
    color: #BB2B12;
    margin: 0px;
    padding: 0px;
}
.drieKolomsVast #sidebarRight {
    float: right; /* since this element is floated, a width must be given */
    margin-top: 15px;
    width: 200px;
    padding-top: 0px;
    padding-right: 35px;
    padding-bottom: 20px;
    padding-left: 20px;
}
.drieKolomsVast #sidebar2main {
    float: right; /* since this element is floated, a width must be given */
    width: 160px;
    padding-top: 20px;
    padding-right: 20px;
    padding-bottom: 20px;
    padding-left: 10px;
}
.drieKolomsVast #sidebar3 {
    float: right; /* since this element is floated, a width must be given */
    width: 330px;
    padding-top: 20px;
    padding-right: 20px;
    padding-bottom: 20px;
    padding-left: 0px;
}
.drieKolomsVast #mainContent {
    margin-top: 15px;
    border-top-width: 0px;
    border-bottom-width: 0px;
    border-top-style: none;
    border-bottom-style: none;
    padding: 0px 20px 10px 0px;
    float: left;
    width: 410px;
} 
#mainContent #mainContentLeft {
    float: left;
    width: 230px;
}
#mainContent #mainContentright {
    float: right;
    width: 230px;
    padding-left: 0px;
}
.drieKolomsVast #mainContent p {
padding-bottom: 4px;
padding-top: 0px;
margin: 0px;
}
.drieKolomsVast #mainContent2 {
    margin-top: 0;
    margin-right: 0px;
    margin-bottom: 0;
    margin-left: 216px;
    border-top-width: 0px;
    border-bottom-width: 0px;
    border-top-style: none;
    border-bottom-style: none;
    padding: 0px;
}
.drieKolomsVast  #mainContent3 {
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 210px;
    border-top-width: 0px;
    border-bottom-width: 0px;
    border-top-style: none;
    border-bottom-style: none;
    padding: 20px;
    margin-right: 550px;
}
.drieKolomsVast #mainContent4 {
    margin-top: 0;
    margin-right: 0px;
    margin-bottom: 0;
    margin-left: 216px;
    border-top-width: 0px;
    border-bottom-width: 0px;
    border-top-style: none;
    border-bottom-style: none;
    padding-top: 20px;
    padding-right: 100px;
    padding-bottom: 25px;
    padding-left: 60px;
}
.drieKolomsVast #footer {
    padding: 5px 10px 0 20px;
    height: 41px;
    font-size: 70%;
    border-top: 1px dotted #CCC;
    border-right-color: #CCC;
    border-bottom-color: #CCC;
    border-left-color: #CCC;
} 
.drieKolomsVast #footer p { margin: 0; /* padding on this element will create space, just as the the margin wod have, without the margin collapse issue */ }
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it shod be next to on the page. */
         float: right;
         margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
          float: left;
          margin-right: 8px;
}
.clearfloat { /* this class shod be placed on a div or break element and shod be the final element before the close of a container that shod fly contain a float */
              clear:both;
              height:0;
              font-size: 1px;
              margin: 0px;
}
.tumbnail {
    width: 80px;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 3px;
    margin: 0px;
    height: 45px;
}
.tumbnail_img_pres {
    height: 40px;
    width: 60px;
    text-decoration: none;
    border: 1px solid #B8E2FD;
    margin: 2px;
    float: left;
    cursor:pointer;
}
img.noborder {
    text-decoration: none;
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
}
.kolom3_main_img {
    margin: 0px;
    border: 1px solid #B8E2FD;
    width: 250px;
}
.alignLeft {
    text-align: left;
    vertical-align: top;
    width: 175px;
}
.present_img {
    border: 1px solid #B8E2FD;
    height: auto;
    width: 405px;
}
.bottom {
    vertical-align: baseline;
}
.aanbod {
    padding-bottom: 20px;
    color: #003366;
    width: 400px;
}

.main {
    border-left-width: 1px;
    border-left-style: solid;
    border-left-color: #B8E2FD	;
}
.rand450 {
    margin-bottom: 8px;
    border: 1px solid #575757;
    padding: 0px;
    width: 455px;
    background-color: #E0E3E3;
}
.randwit {

    border: 1px solid #FFFFFF;
    background-color: #EFEFEF;
}
.foto {
    height: 60px;
    width: 90px;
    vertical-align: top;
    padding-top: 5px;
    font: 83% Arial, Helvetica, sans-serif;
    display:block;
}
.plaats {
    width: 110px;
    padding-top: 20px;
    padding-left: 15px;
    vertical-align: top;
    font: 83% Arial, Helvetica, sans-serif;
}
.adres {
    padding-top: 20px;
    width: 130px;
    vertical-align: top;
    font: 83% Arial, Helvetica, sans-serif;
}
.woning {
    width: 60px;
    padding-top: 15px;
    text-align: center;
    vertical-align: top;
    font: 83% Arial, Helvetica, sans-serif;
}
.prijs {
    padding-left: 15px;
    padding-top: 20px;
    width: 120px;
    vertical-align: top;
    font: 83% Arial, Helvetica, sans-serif;
}
.foto1 {
    width: 90px;
    vertical-align: top;
    font: 83% Arial, Helvetica, sans-serif;
    display:block;
}
.plaats1 {
    width: 110px;
    padding-left: 15px;
    vertical-align: top;
    font: 83% Arial, Helvetica, sans-serif;
}
.adres1 {
    width: 130px;
    vertical-align: top;
    font: 83% Arial, Helvetica, sans-serif;
}
.woning1 {
    width: 60px;
    text-align: center;
    vertical-align: top;
    font: 83% Arial, Helvetica, sans-serif;
}
.prijs1 {
    padding-left: 15px;
    width: 120px;
    vertical-align: top;
    font: 83% Arial, Helvetica, sans-serif;
}
.content {
    width: 470px;
    padding-top: 20px;
    padding-right: 20px;
    padding-bottom: 20px;
    padding-left: 0px;
}
.fotopresent {
    padding-top: 1px;
    padding-right: 2px;
    padding-bottom: 1px;
    padding-left: 1px;
}
.brushed {
    background-image: url(../images/background.png);
}
object {
    border: 1px solid #999999;
}
.doorhalen {
    color: #FF6600;
    text-decoration: line-through;
}
.orange { color: #DE6422; }#map_canvas {
    padding: 1px;
    border: 1px solid #B8E2FD;
}
.groen {
    font-size: 130%;
    font-weight: bold;
    color: #ADCC2B;
    cursor: pointer;
}
.OranjeVet130 {
    font-size: 130%;
    font-weight: bold;
    color: #FF8000;
    cursor: pointer;
}
.footerlogo {
    padding-top: 0px;
    vertical-align: text-bottom;
    border-style: none;
}
.headermenu { 

}
.LaatsteWonLeft{
    float:left;
    margin-left:5px;
}
.LaatsteWonRight{
    float:left;
    padding: 0 0px 0 10px;
    font-size: 85%;
}
h8{
    width:80px;
    height:30px;
    padding-top:30px;
    padding-left:10px;
    display:block;
    border: 1px solid #CCC;
    font-weight: bold;
    color: #FF8000;
}
a img {
    border:none;
}
.linkImg {
    width:120px;
    height:70px;
    margin-top:8px;
    margin-right:6px;
    float:left;
    overflow:hidden;
    border: 1px solid #999;
}
.link {
    width:260px;
    float: right;
    margin-top:8px;
    margin-right:6px;
}
.tumbverkocht{
    width: 75px;
    height:50px;
    border: 1px solid  #B8E2FD;
}

/* Outer div */
div.datetime {
    border:1px solid #B8E2FD;
    width:45px;
    float:left;
    margin:10px 10px 0 0;
}
div.datetime p {
    margin:0 auto;
    padding:0;
    text-align:center;
    font-size:x-small;
}
div.datetime .top {
    color:#fefefe;
    background-color:#B8E2FD;
}
div.datetime .top p {
    font:bold x-small/100% Georgia, "New Century Schoolbook", "Book Antiqua", "Times New Roman", serif;
    letter-spacing:0.12em;
    text-transform:uppercase;
}
/* day of the month (NUMBER) */
div.datetime p.day {
    font:bold 1.5em/98% Georgia, "New Century Schoolbook", "Book Antiqua", "Times New Roman", serif;
    letter-spacing:0.13em;
}
/* month */
div.datetime p.mon {
    font:x-small/135% Verdana,Geneva,Arial,Helvetica,sans-serif;
    letter-spacing:normal;
    text-transform:uppercase;
}
/* year */
div.datetime p.yr {
    font:x-small/110% Verdana,Geneva,Arial,Helvetica,sans-serif;
    letter-spacing:0.05em;
}

.dotted {
    border-bottom: 1px dotted #003366; height: 5px;
}
.break {
    border-bottom: 0px;height: 5px;
}