/* General stylesheet for bo-vifinancieledienstverlening.nl */
/* © 2009 ITXP*/

/*GLOBAL*/
* {
  margin          : 0px;
  padding          : 0px;
}
body {
  font-family        : "Palatino Linotype",Palatino,serif;
  font-size        : 12px;
  color          : #13235b;
  background-color    : #13235b;
}
img {
  border          : 0px;
  display          : block;
}
a {
  color          : #13235b;
}
/*END-GLOBAL*/

/*LAYOUT*/
div#main {
  position        : relative;
  width          : 792px;
  margin-top        : 50px;
  margin-left        : -396px;
  margin-bottom      : 10px;
  left          : 50%;
  background-color    : #ffffff;
}
div#top {
  height          : 116px;
  background-color    : #2eaadc;
}
div#top img {
  padding          : 15px;
  float          : left;
}
div#top h1 {
  font-size        : 14px;
  color          : #ffffff;
  position        : absolute;
  top            : 73px;
  left          : 210px;
}
div#top_spacer {
  clear          : both;
  height          : 10px;
  background-color    : #13235b;
}
div#middle {
  clear          : both;
}
div#middle_left {
  float          : left;
  width          : 210px;
}
div#menu_container {
  display          : table;
  width          : 210px;
}
div#menu {
  margin-top        : 25px;
  margin-left        : 5px;
  margin-right      : 15px;
  width          : 190px;
}
div#middle_right {
  width          : 576px;
  padding-right      : 6px;
  float          : right;
}
div#content {
  width          : 576px;
  min-height        : 400px;
  height          : auto !important;
  height          : 400px;
}
div#footer {
  clear          : both;
  height          : 25px;
}
/*END-LAYOUT*/

/*MENU*/
div#menu ul {
  list-style-image    : none;
  list-style-position    : outside;
  list-style-type      : none;
  width          : 190px;
  padding-bottom      : 5px;  
}      
div#menu ul li {
  display          : block;
  width          : 180px;
  position        : relative;
  background-color    : #2eaadc;
  margin-top        : 5px;
  margin-left        : 5px;
  margin-right      : 5px;
}
div#menu ul li a {
  display          : block;
  font-size        : 12px;
  font-weight        : bold;
  text-decoration      : none;
  color          : #ffffff;
  width          : 140px;
  padding-left      : 30px;
  padding-right      : 10px;
  padding-top        : 5px;
  padding-bottom      : 5px;
}
div#menu ul li ul {
  position        : absolute;
  display          : none;
  top            : -5px;
  left          : 180px;
  background-color    : #ffffff;
}
div#menu ul li:hover, div#menu ul li.current {
  background-color    : #ffffff;
}
div#menu ul li:hover ul li a {
  color          : #ffffff;
}
div#menu ul li:hover a, div#menu ul li ul li:hover a, div#menu ul li.current a, div#menu ul li.current ul li.current a {
  color          : #2eaadc;
}
div#menu ul li:hover ul {
  display          : block;
}
div#menu ul li ul li {
  clear          : both;
}
/*END-MENU*/

/*CONTENT_TOP PAGE OBJECTS*/
div#content div.content_top_image img {
  clear          : both;
  width          : 576px;
  padding-bottom      : 5px;
}
div#content div.content_page_title {
  width          : 192px;
  float          : left;
}
div#content div.content_page_title h1 a {
  text-decoration      : none;
}
div#content div.content_page_title h1 a:hover {
  text-decoration      : underline;
}
div#content div.content_page_title h1, div#content div.about_header h1 {
  margin-left        : 6px;
  margin-right      : 6px;
  margin-bottom      : 5px;    
  font-size        : 12px;
  width          : 140px;
  padding-top        : 5px;
  padding-bottom      : 5px;
  padding-left      : 30px;
  padding-right      : 10px;
}
div#content div.content_page_title.blue h1, div#content div.about_header.blue h1 {
  background-color    : #2eaadc;
}
div#content div.content_page_title.green h1, div#content div.about_header.green h1 {
  background-color    : #96bf0d;
}
div#content div.content_page_title.orange h1, div#content div.about_header.orange h1 {
  background-color    : #f18e00;
}
div#content div.content_page_title.blue_grayed h1, div#content div.content_page_title.blue_grayed h1 a {
  color          : #B8BDCD;
  background-color    : #C4E5F4;
}
div#content div.content_page_title.green_grayed h1, div#content div.content_page_title.green_grayed h1 a {
  color          : #B8BDCD;
  background-color    : #D8E770;
}
div#content div.content_page_title.orange_grayed h1, div#content div.content_page_title.orange_grayed h1 a {
  color          : #B8BDCD;
  background-color    : #FBDDB2;
}
div#content div.imagelist {
  clear          : both;
}
div#content div.imagelist img {
  float          : left;
  margin-left        : 6px;
  margin-right      : 6px;
  margin-bottom      : 5px;    
  display          : inline-block;
}
div#content div.about_left {
  width          : 186px;
  float          : left;
}
div#content div.about_image {
  width          : 180px;
  clear          : both;
}
div#content div.about_image img {
  margin-left        : 6px;
}
div#content div.about_content {
  float          : left;
  width          : 370px;
}
div#content div.about_content .bodytext {
  margin-left        : 10px;
  margin-right      : 10px;
}
/*CONTENT_TOP PAGE OBJECTS*/

/*CONTENT*/
div#content h1 {
  font-size        : 12px;
}
div#content h2 {
  font-size        : 10px;
}
div#content a:hover {
  text-decoration      : none;
}
div#content .bodytext, div#content .csc-header {
  clear          : both;
  margin-left      : 100px;
  margin-right      : 10px;
}
div#content ul {
  list-style-image    : none;
  list-style-position    : outside;
  list-style-type      : disc;
  margin-left      : 115px;
}
div#content ol {
  list-style-image    : none;
  list-style-position    : outside;
  list-style-type      : decimal;
  margin-left      : 117px;
}
div#content .csc-mailform {
  border          : 0px;
}
div#content .csc-mailform-field  {
  margin-top        : 1px;
  margin-bottom      : 1px;
}
div#content .csc-mailform-field  label {
  float          : left;
  width          : 130px;
  margin-left      : 100px;
}
div#content .csc-mailform-field  input, div#content .csc-mailform-field  textarea {
  width          : 320px;
}
div#content .csc-mailform-field  textarea {
  height          : 80px;
}
div#content .csc-mailform-field  select {
  width          : 40px;
}
div#content .csc-mailform-field  input.csc-mailform-submit {
  width          : 130px;
  margin-top        : 5px;
  margin-left      : 100px;
}
/*END-CONTENT*/