/*

Fidente financiële planning STYLESHEET
Copyright © 2011 Voormedia.

WWW.VOORMEDIA.COM

*/

html { height: 100%; }
body { height:100%; width: 100%; margin:0 auto; font-family: "Trebuchet MS", Arial, sans-serif; font-size: 14px; color: #939393; background: url("../images/background/background.gif") repeat-y; }

h1 { margin: 0; padding: 0; color: #898B8C; font-size: 14px; font-weight: bold; }
h2 { margin: 0; padding: 0; color: #898B8C; font-size: 14px; font-weight: normal; font-style: italic; }
a { color: #A0A0A0; text-decoration: none;}
img { padding: 0; border: 0; }
p { margin: 10px 0 20px 0; }

/* PAGE */

div.container { height: 100%; width: 900px; }
div.left { float: left; width: 177px; }
div.logo { height: 112px; background-image: url("../images/background/top-left.gif"); } 
div.logo img { margin: 28px 0 0 31px; }
div.menu { top: 119px; width: 134px; margin: 40px 0 0 33px; }
div.right { width: 723px; margin-left: 177px; }
div.content { width: 723px; margin-top: 18px; }
div.text {  width: 477px; margin: 0 20px 0 36px; }
div.text-wide { float: left; width: 535px; margin: 0 20px 0 36px; }
* html div.text-wide { margin: 0 20px 0 18px; }
div.text-wide div.text { float: left; margin: 0 10px 0 0; width: 380px; }
div.text-wide div.images { float: left; width: 125px; height: 100%; }
div.text-wide div.images div.image { float: left; }
div.text a { color:#DA4427; text-decoration:underline; }
div.text-wide a { color:#DA4427; text-decoration:underline; }
div.text ul { padding: 0; margin: 0 0 20px 20px; }
div.text li {  margin-bottom: 7px; padding-left: 17px; list-style: none; background: url("../images/bullet/bullet.gif") no-repeat 2px 5px; }
div.sidebar { float:right; height: 316px; width: 187px; border-left: 1px #d8d8d8 solid; text-align: center; font-family: "Trebuchet MS", Arial, sans-serif; font-size: 10px; }  
div.sidebar img { text-align:center; }
div.sidebar img.optimaal { text-align:center; margin-top:-8px; position: relative; }

/* MENU */

div.menu ul { padding : 0; margin: 0; list-style-type: none; }
div.menu li { display: inline; list-style: none; }
div.menu li a { float: left; position: relative; margin-bottom: 13px; background-repeat: no-repeat; }
div.menu li.sub a { margin-bottom: 0;  }

li.home-button a { height: 20px; width: 134px; background-image: url("../images/menu/home-button.gif");  }
li.producten-button a { height: 20px; width: 134px;  background-image: url("../images/menu/producten-button.gif");  }
li.financiele-planning-button a { height: 37px; width: 134px; margin-bottom: 0; background-image: url("../images/menu/financiele-planning-button.gif");  }
li.financieel-advies-bij-echtscheiding-button a { height: 30px; width: 134px; margin-bottom: 0; background-image: url("../images/menu/bij-echtscheiding-button.gif");  }
li.pensioen-button a { height: 17px; width: 134px; margin-bottom: 0; background-image: url("../images/menu/pensioen-button.gif"); }
li.hypotheek-button a { height: 19px; width: 134px; margin-bottom: 0; background-image: url("../images/menu/hypotheek-button.gif"); }
li.belasting-aangifte-button a { height: 26px; width: 134px; background-image: url("../images/menu/belasting-aangifte-button.gif");  }
li.zakelijk-button a { height: 20px; width: 134px; background-image: url("../images/menu/zakelijk-button.gif"); }
li.trainingen-button a { height: 20px; width: 134px; background-image: url("../images/menu/trainingen-button.gif"); }
li.over-fidente-button a { height: 20px; width: 134px; background-image: url("../images/menu/over-fidente-button.gif");  }
li.contact-button a { height: 20px; width: 134px;background-image: url("../images/menu/contact-button.gif");  }

li.selected-home a, li.home-button a:hover { background-image: url("../images/menu/home-hover-button.gif");  }
li.selected-producten a, li.producten-button a:hover {  background-image: url("../images/menu/producten-hover-button.gif"); }
li.selected-financiele-planning a, li.financiele-planning-button a:hover { background-image: url("../images/menu/financiele-planning-h-button.gif"); }
li.selected-financieel-advies-bij-echtscheiding a, li.financieel-advies-bij-echtscheiding-button a:hover { background-image: url("../images/menu/bij-echtscheiding-h-button.gif"); }
li.selected-pensioen a, li.pensioen-button a:hover { background-image: url("../images/menu/pensioen-hover-button.gif");  }
li.selected-hypotheek a, li.hypotheek-button a:hover { background-image: url("../images/menu/hypotheek-hover-button.gif");  }
li.selected-belasting-aangifte a, li.belasting-aangifte-button a:hover { background-image: url("../images/menu/belasting-aangifte-hover-bu.gif");  }
li.selected-zakelijk a, li.zakelijk-button a:hover { background-image: url("../images/menu/zakelijk-hover-button.gif"); }
li.selected-trainingen a, li.trainingen-button a:hover { background-image: url("../images/menu/trainingen-hover-button.gif"); }
li.selected-over-fidente a, li.over-fidente-button a:hover { background-image: url("../images/menu/over-fidente-hover-button.gif");  }
li.selected-contact a, li.contact-button a:hover { background-image: url("../images/menu/contact-hover-button.gif");  }

/* FOOTER*/
div.footer { width: 900px; text-align: left; margin: 0 auto; font-size: 10px; color: #C6C6C6; }
div.footnote { padding: 20px 35px 20px 213px; }
/* ie6 */ * html div.footnote { padding-right: 10px; }
img.ffp { float: right; margin-left: 5px; }

/* CLEARFIX*/
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* 3px ie */
* html div.left { margin-right: -3px; }
* html div.right { margin-left: 0px; height: 1%; }