/* Design & Code (c) ABOVO Media */
html, body { 
   padding        : 0; 
   margin         : 0; 
}

body {
   font        : normal 13px "Arial", "Verdana", sans-serif;
   background     : #b1c8d8;
   color       : #555555; 
}  

#wrapper {
   margin         : 0 auto;
   width       : 970px;
   padding-right: 25px;
   position:relative;
}  
   
#header {
   float       : left;
   display     : inline;
   width       : 965px;
   background     : transparent url('../_images/background.gif') repeat-y center;
   padding-left   : 5px;
   height         : 196px;
}

#home #header {
   height         : 361px;
}

   #header #headerleft {
      float       : left;
      display     : inline;
      width       : 315px;
   }

   #headerleft #logo {
      float       : left;
      display     : inline;
      margin         : 14px 0 0 66px;
   }
   
   #home #headerleft #logo {
      margin         : 14px 0 16px 66px;
   }

      #headerleft #logo img {
         width       : 177px;
         height         : 126px;
      }
      
   #header #headerleft #zoeken {
      float       : left;
      display     : inline;
      padding     : 15px 0 0 22px;
      background     : transparent url('../_images/zoekbg.gif') no-repeat top left;
      font-size      : 12px;
      
   }
   
   #header #headerright {
      float       : left;
      display     : inline;
      width       : 645px;
      height         : 196px;
   }
   
   #home #header #headerright {
      height         : 361px;
   }
   
   
      #header #headerright #sfeerbeeld {
         position    : absolute;
         height         : 196px;
         width          : 645px;
      }
      
      #home #header #headerright #sfeerbeeld {
         position    : absolute;
         height         : 361px;
         width          : 645px;
      }
      
      #header #headerright #imgoverlay {
         position    : absolute;
         height         : 196px;
         width          : 645px;
         background     : transparent url('../_images/sfeerbeeld_vv_overlay.png') no-repeat top left;
      }
      
      #home #header #headerright #imgoverlay {
         position    : absolute;
         height         : 361px;
         width          : 645px;
         background     : transparent url('../_images/sfeerbeeld_overlay.png') no-repeat top left;
      }
   
   #nav {
      width       : 970px;
      height         : 80px;
      background     : transparent url('../_images/nav_vv.gif') no-repeat top left;
   }
   
   #home #nav {
      background     : transparent url('../_images/nav.gif') no-repeat top left;
   }
   
      #nav #mainmenu {
         float    : left;
         display : inline;
         width    : 970px;
      }
      
      #nav #submain {
         float    : left;
         display : inline;
         width    : 970px;
      }
   
   
   #navinfo {
      width       : 965px;
      background     : transparent url('../_images/background.gif') repeat-y top left;
      padding     : 0 0 0 5px;
   }  
   
      #breadcrumbs {
         float    : left;
         display : inline;
         margin   : 15px 0 0 25px;
      }
      
      #filter {
         float    : right;
         display : inline;
         margin   : 15px 25px 0 0;
      }
         
   #content {
      width       : 965px;
      background     : transparent url('../_images/background.gif') repeat-y top left;
      padding     : 0 0 0 5px;
      line-height    : 18px;
   }
   
      #left {
         float    : left;
         display : inline;
         width : 295px;
         margin   : 10px 25px 15px 0;
      }
      
      #home #left {
         float    : left;
         display : inline;
         width : 275px;
         margin   : 25px 20px 15px 25px;
      }
      
         #left #zoeken {
            float       : left;
            display     : inline;
            padding     : 20px 0 0 30px;
            background     : transparent url('../_images/zoekbg.gif') no-repeat top left;
            font-size      : 12px;
            margin         : 0 0 20px 0;
            
         }
         
         #left .block {
            float       : left;
            display     : inline;
            padding     : 20px 0 0 30px;
            background     : transparent url('../_images/zoekbg.gif') no-repeat top left;
            font-size      : 12px;
            margin         : 0 0 20px 0;
            
         }
         
         #left .block ul li {
            list-style-type: disc;
            margin-left: 20px;
         }
         
         #left .block ol li {
            list-style-type: decimal;
            margin-left: 25px;
         }
      
      #mid {
         float    : left;
         display : inline;
         width : 280px;
         margin   : 25px 20px 15px 20px;
      }
      
      #right {
         float    : left;
         display : inline;
         width : 620px;
         margin   : 10px 0px 15px 20px;
      }
      
      #vervolg #right {
         width:   560px;
      }
      
      #home #right {
         float    : left;
         display : inline;
         width : 275px;
         margin   : 25px 25px 15px 20px;
      }
      
         #right ol li {
            list-style-type: decimal;
         }
         #right li {          
            margin-left: 35px;
            padding-bottom: 10px;
            list-style: disc;
            list-style-position: outside;
         }
            
         #right .block {
            float    : left;
            display : inline;
            padding  : 10px 10px 20px 0;
         }
         
         #right #adres {
            float    : left;
            display : inline;
            margin   : 0 0 15px 0;
         }
         
         #right #tabs {
            float    : left;
            display : inline;
            margin   : 0 0 15px 0;
            width : 100%;
         }
         
         #right #tabs li {
            margin : 0;
         }
         
         #right #opties {
            float    : left;
            display : inline;
            margin   : 0 0 15px 0;
         }
      
         #right .object {
            float       : left;
            width    : 620px;
            background  : transparent url('../_images/object_back.gif') no-repeat top right;
            padding  : 0 0 20px 0;
         }
         
            #right .object .foto {
               float       : left;
               display     : inline;
               width       : 278px;
               height      : 185px;
               position : relative;
            }
            
            #right .object .foto .defoto {
               position    : absolute;
               width       : 278px;
               height      : 185px;
            }
            
            #right .object .foto .verkocht {
               position : absolute;
               width       : 278px;
               height      : 29px;
               left     : 0;
               bottom      : 0;
               background  : transparent url('../_images/verkocht.png') no-repeat bottom left;
            }
            
            #right .object .foto .verkochtov {
               position : absolute;
               width       : 278px;
               height      : 29px;
               left     : 0;
               bottom      : 0;
               background  : transparent url('../_images/verkochtov.png') no-repeat bottom left;
            }
            
            #right .object .foto .houseroute {
               position : absolute;
               width       : 278px;
               height      : 29px;
               left     : 0;
               bottom      : 0;
               background  : transparent url('../_images/huizenroute.png') no-repeat bottom left;
            }
            
            #right .object .foto .nieuw {
               position : absolute;
               width       : 75px;
               height      : 90px;
               margin      : -17px 0 0 225px;
               background  : transparent url('../_images/nieuw.png') no-repeat bottom left;
            }
            
            #right .object .foto .openhuis {
               position : absolute;
               width       : 75px;
               height      : 90px;
               margin      : -17px 0 0 225px;
               background  : transparent url('../_images/openhuis.png') no-repeat bottom left;
            }
            
            #right .object .info {
               float    : left;
               display  : inline;
               padding : 2px 0 0 20px;
               width: 320px;
            }
      
      #paginate {
      }
      
      
      #carousel {
         float    : left;
         display : inline;
         width    : 960px;
         margin   : 25px;
      }
      
         #carousel #prev {
            display : inline;
            float    : left;
            margin   : 0 20px 0 0;
         }
         
         #carousel #next {
            display : inline;
            float    : left;
            margin   : 0 0 0 20px;
         }
         
         #carousel #objects {
            display     : inline;
            float          : left;
            position    : relative;
            overflow    : hidden;
            width       : 808px;
         }

         #carousel #objects #object {  
            overflow    : hidden;
            margin         : 0px auto;
            position    : relative; 
         }


            #carousel #objects #object ul {
               width       : 10000000px;
               position    : relative;
               z-index        : 1;
            }

            #carousel #objects #object ul li {
               float       : left;
               list-style     : none;
               overflow    : hidden;
               cursor         : pointer;
            }
         
         
         #objects .object {
            display : inline;
            float    : left;
            width    : 187px;
            margin   : 0 20px 0 0;
         }
         
            #objects .object .img {
               float    : left;
               margin   : 0;
               padding : 0;
            }
            
            #objects .object .desc {
               float       : left;
               height      : 40px;
               width       : 187px;
               color       : #fff;
               text-align  : center;
               padding  : 4px 0 0 0;
               font-size   : 12px;
               background  : url('../_images/desc_bg.gif') repeat-x top left;
            }

   #footer {
      width       : 965px;
      background     : transparent url('../_images/content_bottom.gif') no-repeat top left;
      padding     : 25px 0 25px 5px;
      line-height    : 18px;
   }
   
      #contact1 {
         float          : left;
         display : inline;
         width          : 270px;
         border-right   : 1px solid #9cb8ca;
         padding        : 0 25px;
         color          : #0069af;
      
      }
      
      #contact2 {
         float          : left;
         display : inline;
         width          : 270px;
         border-right   : 1px solid #9cb8ca;
         padding        : 0 25px;
         color          : #0069af;
      }
      
      #links {
         float    : left;
         display : inline;
         width    : 270px;
         padding  : 12px 25px 0 25px;
      }
      

.hr_dotted {
   clear    : both;
   height      : 3px;
   line-height : 0;
   font-size   : 0;
   background  : transparent url('../_images/hr_dotted.gif') repeat-x center center;
   margin      : 0 30px 0 25px;
   padding  :  0;
}

.hr_dotted2 {
   clear    : both;
   height      : 3px;
   line-height : 0;
   font-size   : 0;
   background  : transparent url('../_images/hr_dotted.gif') repeat-x center center;
   margin      : 0 30px 0 0;
   padding  :  0;
}
   
.clear {
   clear : both;
}
   
/* Headings H1-H6 */
h1 { }

   #content h1 {
      font-size   : 18px;
      line-height : 22px;
      margin      : 0 0 8px 0;
   }
   
   #adres h1 {
      line-height : 24px;
      height      : 24px;
      font-size   : 24px;
      margin      : 0 0 5px 0;
   }

h2 { }
   
   #headerleft h2, #left h2 {
      line-height : 12px;
      width       : 200px;
      padding  : 5px 0 5px 35px;
      margin      : 0 0 3px 0;
      background  : transparent url('../_images/zoek.gif') no-repeat center left;
   }
   
   #left .block h2 {
      background  : transparent url('../_images/rondhuis.gif') no-repeat center left;
   }
   
   #right .object .info h2 {
      line-height : 20px;
      height      : 20px;
      font-size   : 18px;
      margin      : 0 0 5px 0;
      color     :  #006699;
      font-weight: bold;
   }
   
h3 { }

   #footer h3 {
      line-height : 10px;
      width       : 200px;
      padding  : 5px 0 5px 35px;
      margin      : 0 0 3px 0;
      background  : transparent url('../_images/vestiging.gif') no-repeat center left;
   }

h4 { }


   #adres h4 {
      line-height : 22px;
      height      : 22px;
      font-size   : 22px;
      margin      : 0 0 5px 0;
   }
   
   #right .object .info h4 {
      line-height : 20px;
      height      : 20px;
      font-size   : 16px;
      margin      : 0 0 5px 0;
      color:#e13237;
      font-weight:bold;
   }

h5 { }

   h5 {
      font-weight    : bold;
      margin         : 0 0 8px 0;
   }

h6 { }

   h6 {
      font-size      : 11px;
      font-weight    : bold;
      margin         : 0 0 8px 0;
   }


/* Paragraph and Link Styles */
p { }
   
   #content p {
      margin   : 0 0 10px 0;
   }

a { } 

   a {
      color    : #006699;
   }
   
   a:hover {
      color    : #000;
   }
   
   a.meer {
      float    : right;
   }
   
   #right .block a {
      color    : #0069af;
   }
   
   
   #footer a {
      color    : #0069af;
   }
   
   #footer a:hover, #right .block a:hover {
      color    : #000;
   }
   
   a.high {
      color    : #0069af;
      line-height : 22px;
   }
   
   a.high:hover {
      color       : #000;
   }
   
   a.meerinfo {
      color       : #0069af;
      line-height : 40px;
      padding  : 2px 0 2px 25px;
      background  : transparent url('../_images/meerinfo.gif') no-repeat center left;
   }
   
   a.meerinfo:hover {
      color       : #000;
   }
   
   #paginate ul li a {
      text-decoration   : none;
   }
   
   #paginate ul li a:hover {
      text-decoration   : underline;
   }
   
   #paginate ul li.active a {
      color             : #fff;
      font-weight       : bold;
      text-decoration   : none;
   }
   
   #paginate ul li.active a:hover {
      text-decoration   : underline;
   }
   
   
   a.arrow {
      color       : #0069af;
      line-height : 20px;
      padding  : 0 25px 0 0;
      background  : transparent url('../_images/arrow.gif') no-repeat center right;
   }
   
   a.arrow:hover {
      color       : #000;
   }
   #right #tabs li a{
        color   : #555555;
      }
   

   
/* Lists and Navigation */

ul { }

   ul.main {
      float : left;
      display : inline;
      margin   : 0 0 0 5px;
   }
   
      ul.main li {
         float    : left;
         display  : inline;
         padding     : 15px 25px 0 25px;
         height      : 35px;
         background  : transparent url('../_images/nav_bg.gif') no-repeat top right;
      }
      
      ul.main li.active {
         float    : left;
         padding     : 15px 25px 0 25px;
         height      : 35px;
         background  : transparent url('../_images/nav_bg_active.gif') no-repeat top right;
      }
      
         ul.main li a {
            font-weight    : bold;
            color          : #fff;
            text-decoration   : none;
         }

         ul.main li a:hover {
            color          : #fff;
            text-decoration   : underline;
         }
         
   ul#submain {
      float : left;
      display : inline;
      margin   : 6px 0 0 15px;
      line-height    : 18px;
   }
   
      ul#submain li {
         float    : left;
         display : inline;
         padding     : 0 15px 0 15px;
         border-right   : #c2c2c2 1px solid;
      }
      
      ul#submain li.last {
         float    : left;
         padding     : 0 15px 0 15px;
         border-right   : 0px;
      }
      
         ul#submain li a {
            color : #555555;
            font-weight: bold;
            text-decoration   : none;
         }
         
         ul#submain li.active a {
            text-decoration   : underline;
         }

         ul#submain li a:hover {
            text-decoration   : underline;
         }

#paginate ul {
   height: auto;
   float: left;
   max-width: 500px;
}

   #paginate ul li {
      float       : left;
      min-width   : 14px;
      text-align  : center;
      line-height : 25px;
      display     : inline;
      padding     : 0 6px 0 6px;
      margin      : 0px 2px 4px 2px;
      border      : #b0c8d8 1px solid;
   }
   
   #paginate ul li.active {
      border      : #0069af 1px solid;
      background  : #0069af;
   }

#right #tabs ul {
   float          : left;
   border-left    : 1px solid #cfcfcf;
   
}

   #right #tabs ul li {
      display     : inline;
      float       : left;
      height      : 26px;
      padding  : 8px 0 0 0;
      background  : transparent url('../_images/tab_bg.gif') no-repeat top right; 
   }
   
   #right #tabs ul li.active {
      background  : transparent url('../_images/tab_bg-active.gif') repeat-x top right; 
   }
   
   #right #tabs ul li a{
      text-decoration   : none;
   }
   
   #right #tabs ul li.active a{
      color       : #fff;
   }
   
   #right #form select, #right .block select {
      border   : 1px solid #dddddd;
      height   : 25px;
      padding  : 3px;
      font  : normal 13px "Arial", "Verdana", sans-serif;
      color : #555555; 
   }

   #right #form input, #right #form textarea, #right .block input, #right .block textarea {
      border   : 1px solid #dddddd;
      padding  : 3px;
      font  : normal 13px "Arial", "Verdana", sans-serif;
      color : #555555; 
      margin-bottom: 2px;
   }
   

/* Tables */

#zoeken td {
   padding  : 3px;
}

/* Forms */

#zoeken select {
   width : 200px;
   border   : 1px solid #dddddd;
   height   : 25px;
   padding  : 3px;
   font  : normal 13px "Arial", "Verdana", sans-serif;
   color : #555555; 
}

#filter select {
   width : 150px;
   border   : 1px solid #dddddd;
   height   : 25px;
   padding  : 3px;
}

.text {
   padding        : 3px 4px 0 4px;
   width       : 192px;
   overflow    : hidden;
   height         : 19px;
   z-index        : 1;
   font-size      : 13px;
   background     : #fff url('../_images/dropdown.gif') no-repeat right;
}

.dropdown {
   position    : absolute;
   display        : none;
   border         : 1px solid #8e8f8e;
   background-color: #fff;
   top            : 21px;
   left        : 0px;
   width       : 300px;
   z-index        : 10;
   padding        : 7px 12px;
   line-height    : 22px;
}

.dropdown .close {
   position    : absolute;
   right       : 5px;
   top            : 0px;
   font-size      : 14px;
}

.tooltip{
   background-color:#FFFFFF;
   border:2px solid #CCCCCC;
   padding:5px;
   white-space:nowrap;
}
.googleMarkerTab .address{
   margin-bottom: .6em;
}
.tooltip dt{
   font-weight: bold;
}
.tooltip dd{
   margin-left: 1em;
   font-size: .9em;
}
#right .naam{
width:153px;
}

#right .naambrochure{
width:154px;
}

#shareBar {
   height:217px;
   left:965px;
   overflow:hidden;
   position:absolute;
   top:266px;
   width:59px;
}

#home #shareBar {
   top:431px;   
}

#shareBar .shareIcons {
   position: absolute;
   left: -59px;
}

#shareBar.over .shareIcons {
   left: -59px;
}