/* Start of CMSMS style sheet 'fysergo' */
/* CSS Document */

* {
  padding: 0
  }

/* algemene stijlen */
  
a {
  text-decoration: none;
  color: #2b5680;
  white-space: nowrap;
  }

a img  {
  border: none;
  }

h1 {
  text-transform: uppercase;
  height: 30px;
  font-size: 20px;
  }

/* kleurtjes per hoofdstuk */
  
body.home h1, body.home h2, body.home h3, body.home a	{
  color: #182b74;
  }

body.ergonomie h1, body.ergonomie  h2, body.ergonomie  h3, body.ergonomie a	{
  color: #653d84;
  }
 
body.gezondheid h1, body.gezondheid  h2, body.gezondheid  h3, body.gezondheid a	{
  color: #0087d4;
  }
  
body.zorg h1, body.zorg h2, body.zorg h3, body.zorg a	{
  color: #cc7e1d;
  }
  
body.opleidingen h1, body.opleidingen h2, body.opleidingen h3, body.opleidingen a	{
  color: #76a32c;
  }

body.home #menu h1  {
  display: none;
  }
  
h2, div.NewsSummaryLink a  {
  text-transform: uppercase;
  font-family: Arial Narrow, Sans-serif;
  font-size: 14px;
  font-weight: bold;
  }
  
h3, h4  {
  text-transform: uppercase;
  font-family: Arial Narrow, Sans-serif;
  font-size: 12px;
  height: 17px;
  }
  
body, html  {
  margin: 0;
  padding: 0;
  height: 100%;
  min-height: 100%;
  font-family: Arial, Sans-serif !important;
  font-size: 12px;
  }

body  {
  background: #fff url(uploads/images/background/background_body.gif) repeat-x top;
  }

div#wrapper  {
  margin: 0 auto;
  height: auto !important;
  min-height: 100%;
  width: 800px;
  position: relative;
  }

/* layout topsectie */
  
div#topmenu {
  height: 32px;
  }
  
div#topmenu ul  {
  position: absolute;
  right: 0;
  list-style: none;
  height: 32px;
  margin: 0;
  }
  
div#topmenu ul li {
  background: url(uploads/images/background/background_topmenu_home.gif) repeat-x;
  float: left;
  margin: 0;
  padding: 10px 10px 10px 0px;
  color: #fff;
  font-size: 12px;
  font-weight: bold;
  text-transform: uppercase;
  }

  
/* kleurtjes per hoofdstuk */

div#topmenu ul li	{
  background-image: url(uploads/images/background/background_topmenu_home.gif);
  }
  
div#topmenu ul li a {
  color: #fff;
  border-right: 1px solid #fff;
  padding-right: 10px;
  }
  
div#topmenu ul li:first-child a {
  padding-left: 10px;
  }

div#topmenu ul li:last-child a {
  border: none;
  padding-right: 0;
  }

/* header */
div#header  {
  height: 88px;
  background: url(uploads/images/background/logo.gif) no-repeat left;
  }

div#shadow  {
  height: 12px;
  background: url(uploads/images/background/shadow.gif) no-repeat center;
  }
  
/* menu */

/* foto's per hoofdstuk */

div#menu  {
  height: 244px;
  border: 2px solid #fff;
  background: url(uploads/images/main_images/main_image_home.jpg) no-repeat left top;
  }

body.gezondheid div#menu  {
  background-image: url(uploads/images/main_images/main_image_gezondheid.jpg);
  }

body.zorg div#menu  {
  background-image: url(uploads/images/main_images/main_image_zorg.jpg);
  }

body.opleidingen div#menu  {
  background-image: url(uploads/images/main_images/main_image_opleidingen.jpg);
  }

/* Willem, dit is een voorbeeld van een subpagina */
body.home div#menu {
  background-image: url(uploads/images/main_images/home-home.jpg);
  }

body.organisatie div#menu {
  background-image: url(uploads/images/main_images/home-organisatie.jpg);
  }

body.fysergo-steunpunten div#menu {
  background-image: url(uploads/images/main_images/home-steunpunten.jpg);
  }

body.partners div#menu {
  background-image: url(uploads/images/main_images/home-partners.jpg);
  }

body.links div#menu {
  background-image: url(uploads/images/main_images/home-links.jpg);
  }

body.werken-bij-fysergo div#menu {
  background-image: url(uploads/images/main_images/home-werken.jpg);
  }

body.nieuws div#menu {
  background-image: url(uploads/images/main_images/home-nieuws.jpg);
  }

body.ergonomie div#menu {
  background-image: url(uploads/images/main_images/ergo-home.jpg);
  }

body.page-68 div#menu {
  background-image: url(uploads/images/main_images/ergo-producten.jpg);
  }

body.page-82 div#menu  {
  background-image: url(uploads/images/main_images/financiering.jpg);
  }

body.page-83 div#menu  {
  background-image: url(uploads/images/main_images/tarieven.jpg);
  }

body.page-84 div#menu  {
  background-image: url(uploads/images/main_images/ergo-rendement.jpg);
  }

body.page-85 div#menu  {
  background-image: url(uploads/images/main_images/ergo-praktijkvb.jpg);
  }

body.page-86 div#menu  {
  background-image: url(uploads/images/main_images/referenties.jpg);
  }

body.page-69 div#menu  {
  background-image: url(uploads/images/main_images/gezond-home.jpg);
  }

body.page-70 div#menu  {
  background-image: url(uploads/images/main_images/gezond-producten.jpg);
  }

body.page-87 div#menu  {
  background-image: url(uploads/images/main_images/financiering.jpg);
  }

body.page-88 div#menu  {
  background-image: url(uploads/images/main_images/tarieven.jpg);
  }

body.page-89 div#menu  {
  background-image: url(uploads/images/main_images/gezond-rendement.jpg);
  }

body.page-90 div#menu  {
  background-image: url(uploads/images/main_images/gezond-praktijkvb.jpg);
  }

body.page-91 div#menu  {
  background-image: url(uploads/images/main_images/referenties.jpg);
  }

body.page-71 div#menu  {
  background-image: url(uploads/images/main_images/zwg-home.jpg);
  }

body.page-72 div#menu  {
  background-image: url(uploads/images/main_images/zwg-producten.jpg);
  }

body.page-93 div#menu  {
  background-image: url(uploads/images/main_images/financiering.jpg);
  }

body.page-94 div#menu  {
  background-image: url(uploads/images/main_images/tarieven.jpg);
  }

body.page-95 div#menu  {
  background-image: url(uploads/images/main_images/zwg-rendement.jpg);
  }

body.page-96 div#menu  {
  background-image: url(uploads/images/main_images/zwg-praktijkvb.jpg);
  }

body.page-97 div#menu  {
  background-image: url(uploads/images/main_images/referenties.jpg);
  }

body.page-80 div#menu  {
  background-image: url(uploads/images/main_images/zwn-home.jpg);
  }

body.page-81 div#menu  {
  background-image: url(uploads/images/main_images/zwn-vf.jpg);
  }

body.page-98 div#menu  {
  background-image: url(uploads/images/main_images/zwn-vp.jpg);
  }

body.page-73 div#menu  {
  background-image: url(uploads/images/main_images/opleid-home.jpg);
  }

body.page-74 div#menu  {
  background-image: url(uploads/images/main_images/opleid-producten.jpg);
  }

body.page-92 div#menu  {
  background-image: url(uploads/images/main_images/tarieven.jpg);
  }

body.page-79 div#menu  {
  background-image: url(uploads/images/main_images/inlog.jpg);
  }

body.page-107 div#menu  {
  background-image: url(uploads/images/main_images/inschrijf_pic.jpg);
  }

/* einde subpagina's */

div#menu h1	{
  position: absolute;
  top: 134px;
  left: 2px;
  font-size: 14px;
  text-transform: uppercase;
  padding: 6px 12px 0 12px;
  margin: 0;
  line-height: 27px;
  xheight: 36px;
  background-color: #182b74;
  color: #fff;
  }

/* kleurtjes per hoofdstuk */  

body.home div#menu h1	{
  background-color: #182b74;
  }

body.ergonomie div#menu h1	{
  background-color: #653d84;
  }
  
body.gezondheid div#menu h1	{
  background-color: #0087d4;
  }
  
body.zorg div#menu h1	{
  background-color: #cc7e1d;
  }
  
body.opleidingen div#menu h1	{
  background-color: #76a32c;
  }
  
div#menu ul {
  background: url(uploads/images/background/background_menu.gif) repeat-y;
  height: 246px;
  list-style: none;
  width: 200px;
  margin: 0;
  position: absolute;
  right: 0;
  border-left: 2px solid #fff;
  border-right: 2px solid #fff;
  }
  
div#menu ul li  {
  text-align: left;
  
  border-bottom: 2px solid #fff;
  background: #ccc;
  }

div#menu ul li a  {
  display: block;
  font-size: 12px;
  font-weight: bold;
  text-transform: uppercase;
  color: #666666;
  padding: 12px;
  }

div#menu ul li:hover, div#menu ul li.active  {
  background: url(uploads/images/background/background_menu_active_home.gif) repeat-x top;
  }



/* kleurtjes per hoofdstuk */
  
body.home div#menu ul li:hover, body.home div#menu ul li.active  {
  background-image: url(uploads/images/background/background_menu_active_home.gif);
  }

body.ergonomie div#menu ul li:hover, body.ergonomie div#menu ul li.active  {
  background-image: url(uploads/images/background/background_menu_active_ergonomie.gif);
  }
  
body.gezondheid div#menu ul li:hover, body.gezondheid div#menu ul li.active  {
  background-image: url(uploads/images/background/background_menu_active_gezondheid.gif);
  }
  
body.zorg div#menu ul li:hover, body.zorg div#menu ul li.active  {
  background-image: url(uploads/images/background/background_menu_active_zorg.gif);
  }
  
body.opleidingen div#menu ul li:hover, body.opleidingen div#menu ul li.active  {
  background-image: url(uploads/images/background/background_menu_active_opleidingen.gif);
  }

div#menu ul li a:hover, div#menu ul li.active a  {
  color: #fff;
  }

div#banner h1  {
  font-size: 14px;
  font-weight: normal;
  text-transform: uppercase;
  border-bottom: 1px solid;
  margin: 20px 0 0 0;
  padding: 0;
  }


/* content */

div#content {
  display: block;
  padding-top: 20px;
  }

*+html div#content {
  padding-top: 0;
  }

div#content ul {
  margin-left: 13px;
  }

div#content li {
  list-style-position: outside;
  list-style-type: disc;
  }

div#content div	{
  padding-right: 4px;
  display: table-cell;
  margin-bottom: 20px;
  }

div#content div.een_kolom, div#content div div	{
  display: block !important;
  }

div#mapcontent  {
  display: block !important;
  padding-top: 20px;
  }

div#content div div	{
  border: 2px solid #ccc;
  border-bottom: 3px solid #182b74;
  padding: 0 15px 15px 15px;
  }

div#content div div div, div#content div div div div, div#content div div div div div	{
  border: none;
  padding: 0;
  margin: 0;
  }

div#content div.een_kolom div  {
  width: 762px;
  }

div#content div.twee_kolommen div  {
  width: 363px;
  }

div#content div.vier_kolommen div  {
  width: 162px;
  min-height: 325px;
  }

*+html div#content div.vier_kolommen div  {
  width: 192px;
  }

/* kleurtjes per hoofdstuk */

body.ergonomie div#content div div	{
  border-bottom-color: #653d84;
}

body.gezondheid div#content div div	{
  border-bottom-color: #0087d4;
  }

body.zorg div#content div div	{
  border-bottom-color: #cc7e1d;
  }

body.opleidingen div#content div div	{
  border-bottom-color: #76a32c;
  }

/* footer */

div#spacer	{
  display: none;
  visibility: hidden;
}
  
div#footer  {
  position: absolute;
  bottom: 0 !important;
  height: 65px;
  padding: 2px 0 8px 0;
  width: 100%;
  background: url(uploads/images/background/background_footer_home.gif) repeat-x bottom;
  color: #fff;
  }

div#footer a	{
  color: #fff;
  }

/* kleurtjes per hoofdstuk */
  
body.home div#footer	{
  background-image: url(uploads/images/background/background_footer_home.gif);
  }

body.ergonomie div#footer	{
  background-image: url(uploads/images/background/background_footer_ergonomie.gif);
  }
  
body.gezondheid div#footer	{
  background-image: url(uploads/images/background/background_footer_gezondheid.gif);
  }
  
body.zorg div#footer	{
  background-image: url(uploads/images/background/background_footer_zorg.gif);
  }
  
body.opleidingen div#footer	{
  background-image: url(uploads/images/background/background_footer_opleidingen.gif);
  }
  
div#payoff  {
  background: url(uploads/images/background/payoff.gif) no-repeat center;

  height: 50px;
  }
  
span.copy, a.sitemap	{
  margin: 0 12px 0 12px;
  font-size: 10px;
  color: #fff;
  }

span.address	{
  position: relative;
  right: -60px;
  }
  
span#bottomlinks	{
  position: relative;
  right: -100px;
  }

span#bottomlinks a  {
  font-size: 10px;
  }

div.hidden  {
  visibility: hidden;
  }

span.searchresults   {
  display: block; 
  }

span.searchresults ul li  {
  margin: 0;
  line-height: 20px;
  list-style: none;
  font-weight: bold;
  padding: 3px;
  }

span.searchresults ul li a  {
  text-decoration: underline;
  }

span.searchresults ul li:hover  {
  background: #ececec;
  }

ul.sitemap li a  {
  font-size: 14px;
  }

ul.sitemap li ul li a {
  font-weight: normal;
  font-size: 12px
  }



#map {
  width: 592px;
  height: 500px;
  overflow: hidden;
  border: 2px solid #ccc;
  border-bottom: 3px solid #182b74;
  }

#map div  {
  xwidth: 100%;
  xheight: 100%;
  }

#mapdescription, #legenda   {
  width: 176px;
  position: absolute;
  top: 400px;
  left: 600px;
  border: 2px solid #ccc;
  padding: 10px;
  font-family: Arial, Helvetica, Sans-serif !important;
  font-size: 12px;
  font-weight: normal;
  }

#legenda  {
  top: 650px;
  }


#legenda ul {
  margin: 0;
  padding: 0;
  }

#legenda ul li  {
  list-style: none;
  }

#legenda ul li a  {
  font-weight: bold;
  }

#overview  {
  margin-top: 20px;
  }

#content div div.NewsSummary  {
  margin: 20px 0;
  padding-bottom: 20px;
  border-bottom: 1px solid #cecece !important;
  }

div.NewsSummary div  {
  }

*+html #content div div.NewsSummary  {
  xbackground: #f0f;
  margin: 20px;
  }

div.NewsSummaryPostdate, div#NewsPostDetailDate  {
  font-style: italic;
  color: #66b33c;
  }

div.NewsSummaryMorelink  {
  padding: 4px;
  }

/* formulier */

.havencongres, .contactform  {
  font-size: 12px;
  }

.havencongres div, .contactform div  {
  clear: both;
  }

div#content div div.contactform  {
  padding: 0;
  margin: 0;
  }

body.contactformulier div#content div.een_kolom div  { 
  width: auto !important;
  }

.havencongres fieldset, .contactform fieldset  {
  border: 1px dashed #cecece;
  }

.havencongres fieldset legend, .contactform fieldset legend  {
  margin: 12px;
  font-weight: bold;
  color: #898989;
  background: #fff;
  padding: 10px;
  }

.havencongres fieldset div label, .havencongres fieldset div input, .contactform fieldset div label, .contactform fieldset div input  {
  margin: 4px 10px;
  color: #4b4b4b;
  }

.havencongres div.gender div label, , .contactform div.gender div label   {
  float: left;
  position: relative;
  top: -15px;
  left: -15px;
  display: inline-block;
  }

/* IE7 only hack */
.havencongres div.gender div label, .contactform div.gender div label   {
  *top: -10px;
  }

/* Safari and Google Chrome only hack */
body:first-of-type .havencongres div.gender div label, body:first-of-type .contactform div.gender div label   {
  top: 0;
  }

.havencongres div.gender div, .contactform div.gender div   {
  margin: 0 4px 0 0;
  float: left;
  display: inline-block;
  }

.havencongres div label, .contactform div label {
  color:#000000;
  display:inline;
  float:left;
  width:125px;
  }

.havencongres div.gender label, .contactform div.gender label {
  width: 30px;
  }

div.gender  {
  display: block;
  }

div.gender div {
  display: inline;
  }

div.gender div input, div.gender div label {
  float: left;
  }

/* End of 'fysergo' */

