/*
   Theme Name: Hypotheekselectie
*/

/* ### GENERAL ### */
* { margin: 0px; padding: 0px; }
html, body { height: 100%; font-family: Arial; font-size: 12px; color: #515050; }
input, select, textarea { font-family: Arial; font-size: 12px; color: #515050; }
body { height: 100%; background: url('images/bodyBg.gif') #e9f2fd repeat-x top; }
img { border: 0px; display: block; }

/* ### GLOBAL CLASSES ### */
.clear { clear: both; }

/* ### WRAPPER ### */
#wrapper { display: block; position: relative; width: 100%; min-height: 100%; }

/* ### MAIN CONTAINER ### */
#mainCntr { margin: 0 auto; padding-bottom: 149px; width: 921px; }

   /* ### HEADER CONTAINER ### */
   #headerCntr { margin-bottom: 15px; position: relative; width: 921px; height: 234px; background: url('images/headerBg.png') no-repeat right top; }
   #headerCntr h1 { position: absolute; top: 40px; left: 0px; }
   #headerCntr h1 a { display: block; width: 457px; height: 82px; text-indent: -9999px; background: url('images/logo.png') no-repeat; }
   
      /* ### MENU CONTAINER ### */
      #menuCntr { position: absolute; top: 168px; left: 0px; width: 921px; height: 30px; }
      #menuCntr ul { overflow: hidden; width: 934px; list-style: none; }
      #menuCntr li { padding-right: 3px; float: left; display: inline; background: url('images/menuLi.gif') no-repeat right; }
      #menuCntr li.last { background: none; }
      #menuCntr li a { padding: 0px 20px 0px 20px; display: block; float: left; height: 30px; line-height: 30px; font-weight: bold; font-size: 14px; text-decoration: none; color: #fff; }
      #menuCntr li a:hover, #menuCntr li.selected a, #menuCntr li.current_page_item a { background: url('images/menuHBg.gif') repeat-x; }
      
      /* ### AD CONTAINER ### */
      #adCntr { padding: 10px 0px 0px 3px; position: absolute; top: 200px; left: 0px; width: 918px; height: 24px; }
   
   /* ### NP CONTAINER ### */
   #npCntr { margin-bottom: 15px; width: 861px; height: 32px; background: url('images/npBg.gif') no-repeat; padding: 16px 30px 0px 30px; }
   #npCntr a { padding-right: 20px; margin: 0 0 0 5px; text-decoration: underline; color: #00377a; background: url('images/arrow.gif') no-repeat right; }
   #npCntr strong { margin-left: 5px; }
   #npCntr a:hover { text-decoration: none; }
   
   /* ### CONTENT CONTAINER ### */
   #contentCntr { overflow: hidden; width: 921px; }
   
      /* ### LEFT CONTAINER ### */
      #leftCntr { float: left; width: 271px; }
      #leftCntr h2 { padding-bottom: 15px; font: bold 18px 'Trebuchet MS'; color: #00377a; }

         /* ### LEFT BOX ### */
         .leftBox { margin-bottom: 15px; width: 271px; background: url('images/leftBg.gif'); }
         .leftBox div.top { background: url('images/leftTop.gif') no-repeat top; }
         .leftBox div.bottom { padding: 20px 30px 30px 30px; background: url('images/leftBottom.gif') no-repeat bottom; }
         .leftBox li a { text-decoration: none; color: #515050; }
         .leftBox li a:hover, .leftBox li.selected a, .leftBox li.current_page_item a { text-decoration: underline; color: #00377a; }
         
         /* ### NAV BOX ### */
         .navBox ul { overflow: hidden; width: 211px; list-style: none; }
         .navBox li { margin-bottom: 10px; padding-left: 15px; background: url('images/liBg.gif') no-repeat left; }
         
         /* ### NIEUWS BOX ### */
         .nieuwsBox ul { overflow: hidden; width: 211px; list-style: none; }
         .nieuwsBox li { margin-bottom: 10px; padding-left: 15px; float: left; display: inline; width: 161px; line-height: 16px; background: url('images/liBg.gif') no-repeat left; }
         .nieuwsBox li.first { padding-left: 0px; width: 35px; font-size: 10px; background: none; }

      /* ### RIGHT CONTAINER ### */
      #rightCntr { float: right; width: 631px; }
      
         /* ### RIGHT BOX ### */
         .rightBox { margin-bottom: 15px; width: 631px; background: url('images/rightBg.gif'); }
         .rightBox div.top { background: url('images/rightTop.gif') no-repeat top; }
         .rightBox div.bottom { padding: 20px 30px 30px 30px; background: url('images/rightBottom.gif') no-repeat bottom; }
         
         /* ### TEXT BOX ### */
         .textBox h1 { padding-bottom: 15px; font: bold 18px 'Trebuchet MS'; color: #00377a; }
         .textBox h2 { padding-bottom: 5px; font-size: 12px; font-weight: bold; }
         .textBox h4 { padding-bottom: 15px; font-size: 10px; font-weight: normal; }
         .textBox p { padding-bottom: 15px; line-height: 18px; }
         .textBox a { text-decoration: underline; color: #00377a; }
         .textBox a:hover { text-decoration: none; }
         .textBox ul { padding: 0px 0px 15px 30px; list-style: none; }
         .textBox li { padding-left: 40px; line-height: 18px; background: url('images/arrow.gif') no-repeat left; }
         .textBox a.terug { padding-left: 40px; background: url('images/arrow.gif') no-repeat 10px center; }
         
         /* ### OVER BOX ### */
         .overBox h1 { padding-bottom: 15px; font: bold 18px 'Trebuchet MS'; color: #00377a; }
         .overBox h2 { padding-bottom: 5px; font-size: 12px; font-weight: bold; }
         .overBox h4 { padding-bottom: 15px; font-size: 10px; font-weight: normal; }
         .overBox p { padding-bottom: 15px; line-height: 18px; }
         .overBox a { text-decoration: underline; color: #00377a; }
         .overBox a:hover { text-decoration: none; }
         .overBox div.over { margin-bottom: 10px; padding: 10px; overflow: hidden; width: 551px; }
         .overBox div.over p img { margin-bottom: -15px; }
         .overBox div.pic { float: left; width: 200px; }
         .overBox div.text { float: right; width: 341px; }
         .overBox div.text a { padding-left: 40px; background: url('images/arrow.gif') no-repeat 10px center; }
         .overBox div.blue { border: 1px solid #d2e6fe; border-left: 0px; border-right: 0px; background: #e9f2fd; }
         div.nextprevious{float:right; margin-bottom:10px;}
         div.ads{clear:right;}

         /* ### SITEMAP BOX ### */
         .sitemapBox h1 { padding-bottom: 15px; font: bold 18px 'Trebuchet MS'; color: #00377a; }
         .sitemapBox h2 { padding-bottom: 5px; font-size: 12px; font-weight: bold; }
         .sitemapBox h4 { padding-bottom: 15px; font-size: 10px; font-weight: normal; }
         .sitemapBox p { padding-bottom: 15px; line-height: 18px; }
         .sitemapBox a, .sitemapBox li a { text-decoration: underline; color: #00377a; }
         .sitemapBox a:hover, .sitemapBox li a:hover { text-decoration: none; }

         /* ### CONTACT BOX ### */
         .contactBox h1 { padding-bottom: 15px; font: bold 18px 'Trebuchet MS'; color: #00377a; }
         .contactBox p { padding-bottom: 15px; line-height: 18px; }
         .contactBox a { text-decoration: underline; color: #00377a; }
         .contactBox a:hover { text-decoration: none; }
         .contactBox label { margin-bottom: 3px; display: block; float: left; width: 100px; height: 26px; line-height: 26px; }
         .contactBox input.single { margin-bottom: 3px; padding: 4px 5px 0px 5px; width: 194px; height: 20px; border: 1px solid #d2e6fe; background: #e9f2fd; }
         .contactBox textarea { margin-bottom: 3px; padding: 5px; width: 320px; height: 88px; border: 1px solid #d2e6fe; background: #e9f2fd; }
         .contactBox input.sendbutton { margin: -10px 0px 0px 100px; cursor: pointer; width: 140px; height: 32px; font-weight: bold; color: #fff; border: 0px; background: url('images/submitBg.gif') no-repeat; }

/* ### FOOTER CONTAINER ### */
#footerCntr { position: absolute; bottom: 0px; left: 0px; width: 100%; height: 109px; background: url('images/footerBg.gif') repeat-x; }
#footerCntr div.content { margin: 0 auto; width: 921px; height: 108px; background: url('images/footerLogo.gif') no-repeat right 1px; }
#footerCntr p { padding-left: 5px; color: #fff; }
#footerCntr a { text-decoration: none; color: #fff; }
#footerCntr a:hover { text-decoration: underline; }
#footerCntr ul { padding: 20px 0px 30px 0px; overflow: hidden; width: 400px; list-style: none; }
#footerCntr li { float: left; display: inline; color: #add0fc; }
#footerCntr li a { padding: 0px 5px 0px 5px; font-weight: bold; }