/* 
/* (CC) SIS Siteseeing Internet Services, 2009 
/* 
/* Feel free to be inspired by this CSS, 
/* see the Creative Commons License (http://creativecommons.org/) 
/* 
/* If you re-use parts or whole of this CSS, 
/* you must include this copyright notice at the start of the file. 
/* 
/* Please contact us for commercial use and to find out 
/* how we can help you with various web-based solutions: 
/* 
/* web:     http://www.sis.nl 
/* e-mail:  info@sis.nl 
/* tel.:    +31-(0)74 255 2140 
/*
/* -------------------------------------------------------- */ 


body {
  position: relative;
  padding:0; margin:0;

  text-align:center;
  font-family:Arial, Helvetica, sans-serif;
  font-size:83%;
  background:url("../img/bodybg.gif") 0 0 repeat-x #143264;
}


/* -------------------- clearfix -------------------- */

.clear { min-height:0; }

.clear:after {
  content:".";
  display:block;
  clear:both;
  visibility:hidden;
  height:0;
  line-height:0%;
}

* html .clear { height:1px; }


/* -------------------- resets -------------------- */

.nocss { display:none; }

a img {
  border:0;
  vertical-align:bottom;
} /* set image border to zero */

a:active,
a:focus { outline:0; } /* remove firefox link border */

textarea { overflow:auto; } /* remove textarea scrollbar in ie */

* html table { font-size: 100%; }  /* for IE 5.5 */

#page a[name] { padding:0; } /* firefox 3 / safari 3 */

#printbranding { display:none; }


/* -------------------- wrapper -------------------- */ 

#wrapperfollow {
  padding:0 3.5em 0 0;
  margin:0 auto;
  width:64em;

  text-align:left;
  background:url("../img/wrapperbgfollow_right.png") 100% 0 repeat-y;
}

#wrappershadefollow {
  padding:0; margin:0;

  background:url("../img/wrapperbgfollow_left.png") 0 0 repeat-y;
}

#wrapper {
  padding:0 3.5em 0 0;
  margin:0 -3.5em 0 0;
  width:100%;

  text-align:left;
  background:url("../img/wrappershade_right.png") 100% 0 no-repeat;
}

#wrappershade {
  padding:0 0 0 3.5em;
  margin:0;

  background:url("../img/wrappershade_left.png") 0 0 no-repeat;
}

#contentbg {
  position:relative;  /* IE6 */
  padding:0 0 1em 0;
  width:60.5em; /* IE6 */

  background:url("../img/content.png") 0 0 repeat-x #133263;
}


/* -------------------- header -------------------- */

#header {
  position:relative;
}


#branding {
  float:left; display:inline;
  padding:1em 0 1.25em 1em; margin:0;

  font-family:"Times New Roman", Times, serif;
  color:#fff;
  text-transform:uppercase;
}

#branding h1 {
  padding:0; margin:0;

  font-size:1.3em;
}

#header #branding h1 a {
  display:block;
  padding:0 0 0 60px; margin:0;
  width:15em;
  height:50px;

  color:#fff;
  text-decoration:none;
  background:url("../img/rotarylogo.gif") 0 0 no-repeat;
}

#branding h1 span {
  display:block;
  padding:0; margin:.25em 0;

  font-size:0.65em;
  text-transform:none;
  font-style:italic;
  font-weight:normal;
  font-family:Arial, Helvetica, sans-serif;
}


/* -------------------- toolbox -------------------- */

#toolbox {
  float:right; display:inline;
  padding:0; margin:0 .75em 0 0;
  width:27em;

  color:#fff;
  font-size:1em;
  background:url("../img/toolbox_bottom.png") 0 100% no-repeat;
}

#toolboxtop {
  background:url("../img/toolbox_top.png") 0 100% no-repeat;
}

/* ---------- search ---------- */

#search {
  float:left; display:inline;
  padding:0 0 0 1em; margin:0;
  height:2em;
  
  font-size:1em;
}
 
#search form {
  position:relative;
  padding:.5em 0 0 0; margin:0;
}

#search label {
  position:relative;
  top:-.5em;
  font-size:.9em;
}

#search .searchtext {
  padding:.1em; margin:0;
  width:9.9em;
  
  border:0;
  background:#fff;
  font-size:.9em;
  vertical-align:top; /* fixes magical spacing */
}

#search .searchsubmit {
  margin:0;
  padding:0;
}

.jsEnabled #search .overlabel {
  position:absolute;
  top:.7em;
  left:.5em;
  z-index:1;

  color:#666;
  font-size:.9em;
  cursor:text;
}

/* ---------- size ---------- */

#size {
  display:none;
}

.jsEnabled #size {
  float:right; display:inline;
  padding:.25em 1em 0 1em; margin:0;
  height:2em;

  font-size:1em;
  background:url("../img/toolbox_top.png") 0 100% no-repeat;
}

#size h3 {
  float:left; display:inline;
  padding:0; margin:0;

  line-height:1.7em;
  font-size:.8em;
  font-weight:normal;
}

#size ul {
  float:left; display:inline;
  padding:0; margin:0;
}

#size li {
  float:left; display:inline;
  padding:0; margin:0 .5em 0 .5em;
}

#size li.last {
  margin:0;
}

#size a {
  line-height:1em;
  color:#fff;
  font-size:.85em;
  text-decoration:none;
}

#size a:hover { text-decoration:underline; }

/* ---------- toolboxbottom ---------- */

#toolboxbottom {
  padding:0 0 0 1em;
  background:url("../img/toolbox_bottom.png") 0 100% no-repeat;
}

#toolboxbottom .clear {
  background:url("../img/toolbox_bottom.png") 100% 100% no-repeat;
}


/* ---------- shortcuts ---------- */

#shortcuts {
  float:left; display:inline;
  padding:0; margin:0;
  height:2em;

  font-size:1em;
}

#shortcuts ul {
  float:left; display:inline;
  padding:0; margin:.5em 0 0 0;
}

#shortcuts li {
  float:left; display:inline;
  padding:0; margin:0 1em 0 0;
}

#shortcuts li.last {
  margin:0;
}

#shortcuts a {
  display:block;
  
  color:#fff;
  font-size:.85em;
  text-decoration:none;
}

#shortcuts a:hover { text-decoration:underline; }

/* ---------- language ---------- */

#language {
  float:right; display:inline;
  height:2em;

  font-size:1em;
  background:url("../img/toolbox_bottom.png") 100% 100% no-repeat;
}

#language ul {
  float:left; display:inline;
  padding:0; margin:.5em .5em 0 0;
}

#language li {
  float:left; display:inline;
  padding:0; margin:0 .25em 0 0;
}

#language li.last {
  margin:0;
}

#language a {
  display:block;
  width:16px;
  height:11px;
  
  border:1px solid #2159a8;
  background:url("../img/flags.png") 0 0 no-repeat;
}

#language a.eng {
  background-position:0 0;
}

#language a.deu {
  background-position:-16px 0;
}

#language a:hover { border:1px solid #fff; }


/* -------------------- mainnav -------------------- */

#mainnav {
  clear:both;
  padding:0; margin:0 1.5em;
}

#mainnav ul {
  position:relative;
  float:left; display:inline;
  padding:0; margin:0;
}

#mainnav li {
  float:left; display:inline;
  padding:0; margin:0 .5em 0 0;
  
  font-size:.95em;
}

#mainnav a,
#mainnav strong {
  display:block;
  padding:.6em 0 .6em 1em; margin:0;

  color:#fff;
  font-weight:normal;
  text-decoration:none;
  background:url("../img/mainnav_tabs.png") 0 0 no-repeat transparent;
}

#mainnav a span,
#mainnav strong span {
  padding:.6em 1em .6em 0; margin:0;

  color:#fff;
  font-weight:normal;
  text-decoration:none;
  background:url("../img/mainnav_tabs.png") 100% 0 no-repeat transparent;
}

#mainnav a:hover { background:url("../img/mainnav_tabs.png") 0 -100px no-repeat transparent; }

#mainnav a:hover span { background:url("../img/mainnav_tabs.png") 100% -100px no-repeat transparent }

#mainnav li.onpath a,
#mainnav li.onpath strong { background:url("../img/mainnav_tabs.png") 0 -200px no-repeat transparent; }

#mainnav li.onpath a span,
#mainnav li.onpath strong span {
  color:#aa8c46;
  font-weight:bold;
  background:url("../img/mainnav_tabs.png") 100% -200px no-repeat transparent;
}

#mainnav li.onpath a:hover span { text-decoration:underline; }


/* -------------- sitename -------------- */

#header #sitename {
  float:right; display:inline;
  padding:0; margin:0 .5em 0 0;
}

#header #sitename h2 {
  font-size:1.2em;
}

#header #sitename a {
  color:#fff;
  font-weight:normal;
  text-decoration:none;
}

#header #sitename a:hover {
  text-decoration:underline;
}


/* -------------- phw -------------- */

#phw {
  display:none;
}


/* -------------------- subnav -------------------- */

#subnav {
  /* position:relative breaks IE 6 */
  clear:both;
  padding:0; margin:0 .75em;
  z-index:0;
}

* html #subnav { height: 1%; }

#subnav .roundedbox {
  padding:0 0 0 .5em; margin:0;

  background:url("../img/subnavbg.png") 0 100% no-repeat;
}

#subnav .roundedbox div {
  padding:0 0 .5em 0; margin:0;

  background:url("../img/subnavbg.png") 100% 100% no-repeat;
}

#subnav .roundedbox div div {
  padding:0 .5em 0 0; margin:0;

  background:url("../img/subnavbg.png") 100% 0 no-repeat;
}

#subnav .roundedbox div div div {
  padding:.5em 0 0 .5em;
  margin:0 0 0 -.5em;

  background:url("../img/subnavbg.png") 0 0 no-repeat;
}

#subnav .roundedbox div div div div {
  padding:0; margin:0;

  background:none;
}

#subnav ul {
  float:left; display:inline;
  padding:0; margin:0;
}

#subnav li {
  float:left; display:inline;
  padding:.25em .75em; margin:0;

  background:url("../img/subnav_sep.png") 100% 40% no-repeat;
}

#subnav li.last { background:none; }

#subnav a,
#subnav strong {
  display:block;

  color:#215db1;
  line-height:1.5em;
  font-size:.85em;
  font-weight:bold;
  text-decoration:none;
}

#subnav .onpath a,
#subnav strong span {
  padding:0 0 0 1em;

  color:#aa8c46;
  background:url("../img/subnav_arrow.gif") 0 .4em no-repeat;
}

#subnav a:hover {
  color:#aa8c46;
  text-decoration:underline;
}


/* -------------------- contents -------------------- */

#contents { 
  overflow:hidden;
  position:relative;
  padding:.5em 0 2em 0;  /* bottom voor footer */
  margin:-.5em 0 0 .75em;
  z-index:0;
  clear:both;
}

* html #contents { height: 1%; width: 59.75em; }


/* -------------------- homebox -------------------- */

#homebox { 
  position:relative; /* IE6 */
  padding:0 .75em 0 0;
  z-index:0;
}

#home #homebox { 
  position:relative; /* IE6 */
  padding:0 .75em 0 0; margin:-.5em 0 0 0;
}

.phototabwrapper {
  float:left; display:inline;
  width:31em;
}


/* ---------- homebox roundedbox --------- */

#homebox .roundedbox {
  position:relative; /* IE6 */
  padding:0 0 0 .5em; margin:0;
  z-index:0;

  background:url("../img/homebox.png") 0 100% no-repeat;
}

#homebox .roundedbox div {
  padding:0 0 .5em 0; margin:0;

  background:url("../img/homebox.png") 100% 100% no-repeat;
}

#homebox .roundedbox div div {
  padding:0 .5em 0 0; margin:0;

  background:url("../img/homebox.png") 100% 0 no-repeat;
}

#homebox .roundedbox div div div {
  padding:.5em 0 0 .5em; margin:0 0 0 -.5em;

  background:url("../img/homebox.png") 0 0 no-repeat;
}

#homebox .roundedbox div div div div {
  padding:0; margin:0;

  background:none;
}


/* ---------- homebox photocontainer --------- */

#homebox .photocontainer {
  position:relative;
  float:left; display:inline;
  margin:.5em .5em 0 .5em;
  width:30em;
}

#homebox .photocontainer img {
  float:left; display:inline;
  padding:0; margin:0 0 0 -.1em;  
}

#homebox .photocontainer h2 {
  position:absolute;
  padding:0 .5em 1.5em .5em; margin:0;
  width:18.3em;
  bottom:.35em;
  left:.25em;

  color:#fff;
  font-size:1.5em;
  -khtml-opacity:.7;
  opacity:.7;
  -moz-border-radius-bottomleft:5px;
  -moz-border-radius-bottomright:5px;
  -khtml-border-bottom-left-radius:5px;
  -khtml-border-bottom-right-radius:5px;
  -webkit-border-bottom-left-radius:5px;
  -webkit-border-bottom-right-radius:5px;
  background:#000;
  display:none;
}


/* ---------- homebox photocontainer roundedbox --------- */

#homebox .photocontainer .roundedbox {
  padding:0 0 0 .5em; margin:0;

  background:#fff url("../img/homeboxpictureborder.gif") 0 100% no-repeat;
}

#homebox .photocontainer .roundedbox div {
  padding:0 0 .5em 0; margin:0;

  background:url("../img/homeboxpictureborder.gif") 100% 100% no-repeat;
}

#homebox .photocontainer .roundedbox div div {
  padding:0 .5em 0 0; margin:0;

  background:url("../img/homeboxpictureborder.gif") 100% 0 no-repeat;
}

#homebox .photocontainer .roundedbox div div div {
  padding:.5em 0 0 .5em; margin:0 0 0 -.5em;
  height:13em;

  background:url("../img/homeboxpictureborder.gif") 0 0 no-repeat;
}

#homebox .photocontainer .roundedbox div div div div {
  position:relative;
  padding:0; margin:0;

  background:none;
}


/* --------- homebox ul --------- */

#homebox ul {
  float:left; display:inline;
  padding:0; margin:-.25em .5em .5em .5em;
  width:30em;
}

#homebox li {
  float:left; display:inline;
  padding:0; margin:0 .25em 0 0;
}

#homebox li a,
#homebox li strong {
  position:relative;
  display:block;
  padding:0 0 0 1em; margin:0;

  text-decoration:none;
  background:url("../img/photo_tabs.png") 0 100% no-repeat transparent;
}

#homebox li a span,
#homebox li strong span {
  position:relative;
  display:block;
  padding:.7em 1em 0 0; margin:0;
  overflow:hidden;
  width:9em;
  height:2em;
  line-height:1.7em;  

  color:#777;
  font-size:.85em;
  font-weight:bold;
  background:url("../img/photo_tabs.png") 100% 100% no-repeat transparent;
}

#homebox li a:hover { background:url("../img/photo_tabs_on.png") 0 100% no-repeat transparent; }

#homebox li a:hover span { background:url("../img/photo_tabs_on.png") 100% 100% no-repeat transparent }

#homebox li.onpath a,
#homebox li.onpath strong { background:url("../img/photo_tabs_on.png") 0 100% no-repeat transparent; }

#homebox li.onpath a span,
#homebox li.onpath strong span {
  color:#aa8c46;
  font-weight:bold;
  background:url("../img/photo_tabs_on.png") 100% 100% no-repeat transparent;
}

#homebox li.tabbutton { display:none; }
.jsEnabled #homebox li.tabbutton { display:inline; }

.phototab, .texttab   { display:none; }
#phototab0, #texttab0 { display:block; }


/* ---------- homebox photocontainer --------- */

#contents #homebox .texttab {
  position:inherit;
}

#contents #homebox .textbox {
  float:left; display:inline;
  margin:0 0 0 1em;
  width:24em;
}

#contents #homebox .textbox p {
  color:#444;
  line-height:2em;
  font-size:.9em;
}

#contents #homebox .textbox a { color:#215db1; }
#contents #homebox .textbox a:hover { color:#aa8c46; }

#contents #homebox .textbox .firstcharacter {
  float:left; display:block;
  padding:.25em .1em .25em 0; margin:0;

  color:#777;
  font-size:4em;
  font-family:"Times New Roman", Times, serif;
}

/* -------------------- pagenav -------------------- */

.pagenav {
  clear:both;
  padding:.5em 0;

  font-size:0.8em;
  color:#215db1;
  text-align:center;
  white-space:nowrap;
}

.pagenav ul {
  float:right; display:inline;
  padding:0; margin:0;
  
  text-align:center;
}

.pagenav li {
  float:left; display:inline;
  padding:0; margin:0;
  
  vertical-align:middle;
}

.pagenav li a {
  float:left;
  padding:0.2em 0.5em;
  color:#215db1;
  text-decoration:none;
}

#page .pagenav li a:hover {
  text-decoration:underline;
  color:#aa8c46;
  background:none;
}

.pagenav li.onpath {
  padding:.5em;
  
  line-height:1.3em;
  color:#aa8c46;
  font-weight:bold;
  border:1px solid #000;
}

/* -------------------- sidebar -------------------- */

#sidebar { float:left; display:inline; }


/* ---------- subsubnav ---------- */

#subsubnav {
  position:relative;
  padding:1em 0 0 .5em; margin:-.5em 0 0 0;
  width:12em;

  background:url("../img/subsubnav_bg.png") 0 100% no-repeat #fff;
}

#subsubnav #corner {
  position:absolute;
  display:block;
  width:.5em;
  height:.5em;
  top:.5em;
  right:-.5em;

  background:url("../img/subsubnav_corner.gif") 0 0 no-repeat;
}

#subsubnav ul {
  position:relative;
  padding:0 0 2em 0; margin:0;

  list-style-type:none;
  background:url("../img/subsubnav_bg.png") 100% 100% no-repeat #fff;
}

#subsubnav ul ul {
  padding:0;
  position:relative;
  
  background:none;
}

#subsubnav li {
  clear:both;
  display:inline;
  position:relative;
  padding:0; margin:0;
}

#subsubnav li a,
#subsubnav li strong {
  display:block;
  padding:.25em .25em .25em .75em; margin:0;
  width:12em;
  
  line-height:1.5em;
  color:#215db1;
  font-size:.85em;
  text-decoration:none;
  border-bottom:1px solid #dfdfdf;
}

#subsubnav a:hover {
  color:#aa8c46;
  text-decoration:underline;
  background:#f8F7ef;
}

#subsubnav li.last a,
#subsubnav li.last strong { border:none; }

* html #subsubnav ul { display:inline; position:relative; }
* html #subsubnav li.last { width:12em; height:5em; }

#subsubnav li li.last a,
#subsubnav li li.last strong { border-bottom:1px solid #dfdfdf; }

/* level 1 */
#subsubnav li strong {
  background:#f8F7ef url("../img/subnav_arrow.gif") 0 .7em no-repeat;
  width:12em;
}

#subsubnav .onpath a, 
#subsubnav .onpath strong,
#subnavnav .onpath .current { color:#aa8c46; }

#subnavnav .current { font-weight:bold; }

/* level 2 (+0.75) */
#subsubnav li.onpath li a,
#subsubnav li.onpath li strong {
  padding-left: 1.5em;
  width:11.25em;
}

#subsubnav li li strong { background-position: .75em .7em; }

/* level 3 */
#subsubnav li.onpath li.onpath li a,
#subsubnav li.onpath li.onpath li strong {
  padding-left:2.25em;
  width:10.5em;
}

#subsubnav li li li strong { background-position: 1.5em .7em; }

/* level 4 */
#subsubnav li.onpath li.onpath li.onpath li a,
#subsubnav li.onpath li.onpath li.onpath li strong {
  padding-left:3em;
  width:9.75em;
}

#subsubnav li li li li strong { background-position: 2.25em .7em; }

/* level 5 */
#subsubnav li.onpath li.onpath li.onpath li.onpath li a,
#subsubnav li.onpath li.onpath li.onpath li.onpath li strong {
  padding-left:3.75em;
  width:9em;
}

#subsubnav li li li li li strong { background-position: 3em .7em; }


/* ---------- related --------- */

#related {
  clear:both;
  float:left; display:inline;
  padding:0; margin:2em -.75em 0 2.25em;
  width:11em;

  background:url("../img/side_related_bg.png") 0 0 no-repeat;
}

#related h3 {
  margin:1em;

  color:#284678;
  font-size:.8em;
}

#related ul {
  padding:0 .5em 2em .5em; margin:0;

  list-style-type:none;
  background:url("../img/side_related_bg.png") 0 100% no-repeat;
}

#related ul ul {
  padding:.2em 0 .4em 1em; margin:0;
}

#related li,
#related li li {
  padding:.1em 0; margin:0;

  border-top:1px solid #dfdfdf;
}

#related a,
#related strong {
  display:block;
  padding:.2em .4em .2em .7em; margin:0;
  width:11.25em;

  color:#215db1;
  font-size:.85em;
  font-weight:normal;
  text-decoration:none;
}

#related a:hover {
  color:#aa8c46;
  text-decoration:underline;
  background:#f0f8fd url("../img/related_arrow.gif") 0 .4em no-repeat;
}

#related .onpath a,
#related .onpath strong {
  color:#aa8c46;
  text-decoration:none;
  font-weight:bold;
}


/* -------------------- page box -------------------- */

#page {
  position:relative; /* IE6 */
  padding:0; margin:.75em .75em 1em 0;
  min-height:30em;
  height:auto !important;
  height:30em;

  color:#666;
}

.subpage #page {
  position:relative; /* IE6 */
  float:right; display:inline;
  padding:0; margin:.75em .75em 1em 0;
  width:45.75em;

  color:#666;
}

#errorpage a { color:#215db1; }
#errorpage a:hover { color:#aa8c46; }

#page #top {
  position:relative;
  padding:0 0 0 1em;
  margin:0;

  background:url("../img/pagebg_top.png") 0 0 no-repeat #fff;
}

#page #top2 {
  position:relative;
  padding:0 1em 500em 0;
  margin:0 0 -500em 0;

  background:url("../img/pagebg_top.png") 100% 0 no-repeat #fff;
}

#bottom {
  position:absolute;
  padding:0 1em 0 0; margin:0;
  width:44.75em;
  right:.75em;
  bottom:0;

  background:url("../img/pagebg_bottom.png") 100% 100% no-repeat;
}

#bottom div.l1 {
  position:relative;
  padding:0 0 0 1em; margin:0;
  min-height:25px;

  background:url("../img/pagebg_bottom.png") 0 100% no-repeat;
}

#home #bottom {
  position:absolute;
  width:58em;
}

#related_visual { 
  clear:both;
  margin:.5em auto 0;
  width:550px;
  height:100px;
  border:1px solid #ccc;
  background:#fff;
}

#contents #page .wh-normal a { color:#215db1; }
#contents #page .wh-normal a:hover { color:#aa8c46; }
#contents #page .wh-bodytext a { color:#215db1; }
#contents #page .wh-bodytext a:hover { color:#aa8c46; }

#explanation a { color:#215db1; }
#explanation a:hover { color:#aa8c46; }
#login a { color:#215db1; }
#login a:hover { color:#aa8c46; }

#contents #page h3.wh-heading3 { padding: 1em 0 .5em; }

/* -------------------- page columns -------------------- */

#contents #top2 {
  position:relative;
  overflow:hidden; /* one true layout, 100% cols. clearing fix is applied to #top3. */
}

#contents #top2 h3 {
  padding:0; margin:0;
}

#contents #first.column {
  float:left; display:inline;
  padding:0 1em; margin:1em 0;
  width:19.6em;

  border-right:1px solid #dcd7c8;
}

#contents #second.column {
  float:left; display:inline;
  padding:0 1em; margin:1em 0 0 -1px;
  width:14em;

  border-left:1px solid #dcd7c8;
}

#contents #last.column {
  float:right; display:inline;
  padding:0 1em; margin:1em 0;
  width:14.25em;
}

* html #contents #last.column {
  w\idth:10.25em; /* IE6 can't count */
}

#contents #page .x2column {
  float:left; display:inline;
  width:40em;
  min-height:30em;

  padding:0 0 500em 0;
  margin:1em 0 -500em;
}

#contents #page #first.column {
  padding-right:1em;
  margin-top:1em;

  margin:1em 0 -500em 0;
  padding:0 1em 500em 0;
}

#page .column h1, 
#page .column h2, 
#page .column h3 {
  clear:both;
  padding:0; margin:0;
  
  color:#777;
  font-family:"Times New Roman", Times, serif;
  font-size:1.2em;
}

#page .shortcutblock {
  clear:both;
  padding:0 0 2em 0;
}
 
#page .shortcutblock p {
  font-size:.85em;
}

#page .column ul { 
  float:left; display:inline;
  padding:0; margin:1em 0;
}

#page .column li {
  clear:both;
  float:left; display:inline;
  padding:0; margin:.5em 0;
}

#page .column li a {
  display:block;
  padding:0 0 0 1em; margin:0;
  width:16em;

  color:#4678c8;
  font-size:.85em;
  background:url("../img/announce_arrow.gif") 0 3px no-repeat;
}

#page .column li a:hover {
  color:#aa8c46;
  background-position:0 -87px;
}

#page #last.column {
  margin:0 0 -5000px 0;
  padding:1em 1em 5000px .75em;

  background:url("../img/columndark_top.png") 0 0 repeat-x #eeede6;
}

#darkback {
  position:absolute;
  margin-right:1em;
  bottom:0;
  right:0;
  width:16em;
  height:25px;

  background:url("../img/columndark_bottom.png") 0 100% repeat-x #eeede6;
}

#home #darkback {
  margin-right:0;
}

* html #darkback {
  margin-right:.99em;  /* IE6 can't count. */
}

#infoitems .infoitem {display:block; margin: 2em 0;}

/* --------------------- newslist -------------------- */

#newslist dl {
  margin:2em 0;

  font-size:.85em;
}

#newslist dt {
  padding:0; margin:0 0 0 8.5em;
}

#newslist dt a {
  color:#4678c8;
  font-weight:bold;
  text-decoration:none;
}

#newslist dt a:hover { color:#aa8c46; }

#newslist dt.img {
  float:left; display:inline;
  padding:.25em; margin:0;

  border:1px solid #dcd7c8;
}

#newslist dd {
  padding:0; margin:0 0 0 8.5em;
}

#newslist dd a {
  color:#444;
  text-decoration:none;
}

#newslist dd a:hover { color:#aa8c46; }


/* --------------------- announce -------------------- */

#announce ul {
  float:left; display:inline;
  padding:0; margin:0;
}

#announce ul li {
  clear:both;
  float:left; display:inline;
  padding:0; margin:0 0 2em 0;
}

#announce ul li a {
  display:block;
  padding:0 0 0 1em; margin:0;

  color:#4678c8;
  font-size:.85em;
  text-decoration:none;
  background:url("../img/announce_arrow.gif") 0 3px no-repeat;
}

#announce ul li a:hover {
  color:#aa8c46;
  background-position:0 -87px;
}


/* -------------------- highlights --------------------- */

#highlights ul {
  float:left; display:inline;
  padding:0; margin:0;
}

#highlights ul li {
  float:left; display:inline;
  padding:0; margin:0 0 2em 0;
}

#highlights ul li a {
  display:block;
  padding:0; margin:0;
  width:13.5em;

  color:#4678c8;
  text-decoration:none;
}

/* ---------- socialiconslarge ---------- */
#page #socialiconslarge{overflow:hidden;margin:0 0 1em 0;}
#page #socialiconslarge ul{float:left;display:inline;padding:.5em 0 1em;margin:0;}
#page #socialiconslarge li{clear:none;float:left;display:inline;padding:0;margin:0 3px 3px 0;}
#page #socialiconslarge a{display:block;padding:0;width:32px;height:32px;background:url("../img/social_32x32.png") 0 0 no-repeat;}
#page #socialiconslarge .linkedin a{background-position:0 -32px;}
#page #socialiconslarge .linkedin a:hover{background-position:0 0;}
#page #socialiconslarge .buzz a{background-position:-32px -32px;}
#page #socialiconslarge .buzz a:hover{background-position:-32px 0;}
#page #socialiconslarge .facebook a{background-position:-64px -32px;}
#page #socialiconslarge .facebook a:hover{background-position:-64px 0;}
#page #socialiconslarge .twitter a{background-position:-96px -32px;}
#page #socialiconslarge .twitter a:hover{background-position:-96px 0;}
#page #socialiconslarge .hyves a{background-position:-128px -32px;}
#page #socialiconslarge .hyves a:hover{background-position:-128px 0;}
#page #socialiconslarge .youtube a{background-position:-160px -32px;}
#page #socialiconslarge .youtube a:hover{background-position:-160px 0;}
#page #socialiconslarge .vimeo a{background-position:-192px -32px;}
#page #socialiconslarge .vimeo a:hover{background-position:-192px 0;}
#page #socialiconslarge .flickr a{background-position:-224px -32px;}
#page #socialiconslarge .flickr a:hover{background-position:-224px 0;}
#page #socialiconslarge .skype a{background-position:-256px -32px;}
#page #socialiconslarge .skype a:hover{background-position:-256px 0;}
#page #socialiconslarge .wordpress a{background-position:-288px -32px;}
#page #socialiconslarge .wordpress a:hover{background-position:-288px 0;}


/* ---------- highlights roundedbox --------- */

#page #highlights .roundedbox {
  padding:0 0 0 .5em; margin:0;

  background:url("../img/highlightborder.gif") 0 100% no-repeat;
}

#page #highlights .roundedbox div {
  padding:0 0 .5em 0; margin:0;

  background:#fff url("../img/highlightborder.gif") 100% 100% no-repeat;
}

#page #highlights .roundedbox div div {
  padding:0 .5em 0 0; margin:0;

  background:#fff url("../img/highlightborder.gif") 100% 0 no-repeat;
}

#page #highlights .roundedbox div div div {
  padding:.5em 0 0 .5em; margin:0 0 0 -.5em;

  background:#fff url("../img/highlightborder.gif") 0 0 no-repeat;
}

#page #highlights .roundedbox div div div div {
  padding:0; margin:0;

  background:none;
}

#page #highlights .highlightitem {
  padding:0; margin:0;
}

#page #highlights img {
  border:0 none;
  vertical-align:bottom;
}

#page #highlights .highlightitem a {
  display:block;
  padding:.5em; margin:0;
  width:15.25em;
  height:3.5em;

  color:#fff;
  border-top:1px solid #fff;
  background:url("../img/highlight_bg.png") 100% 100% no-repeat #142952;
}

#page #highlights .highlightitem a:hover { background:url("../img/highlight_bg_over.png") 100% 100% no-repeat #4066a2; }


/* -------------------- page_toolbox -------------------- */
#contents #page #page_toolbox{display:none;}
.jsEnabled #contents #page 
#page_toolbox{float:right;display:inline;padding:0;margin:1em 0 0 
0;top:0;right:0;width:12em;}
#page #page_toolbox .roundedbox{position:relative;padding:0 0 0 
.5em;margin:0;background:url("../img/pagetoolbox_bg.png") 0 100% no-repeat;}
#page #page_toolbox .roundedbox div{padding:0 0 .5em 
0;margin:0;background:url("../img/pagetoolbox_bg.png") 100% 100% no-repeat;}
#page #page_toolbox .roundedbox div div{padding:0 .5em 0 
0;margin:0;background-position:100% 0;}
#page #page_toolbox .roundedbox div div div{padding:.5em 0 0 
.5em;margin:0 0 0 -.5em;background-position:0 0;}
#page #page_toolbox ul,
#page #page_toolbox li{float:left;display:inline;padding:0;margin:0;}
#page #page_toolbox li.last{margin:0 0 0 1em;}
#page #page_toolbox li.email{margin:0 0 0 1em;}
#page #page_toolbox a{display:block;padding:0 0 0 
2em;margin:0;color:#777;line-height:2em;font-size:.85em;text-decoration:none;}
#page #page_toolbox li.print 
a{background:url("../img/toolbox_print.gif") 0 50% no-repeat;}
#page #page_toolbox li.email 
a{background:url("../img/toolbox_email.gif") 0 50% no-repeat;}
#page #page_toolbox a:hover{color:#aa8c46;text-decoration:underline;}

/* ---------- socialiconssmall ---------- */
#page #page_toolbox ul#socialiconssmall{clear:both;overflow:hidden;position:relative;width:11em;padding:0;margin:.25em 0 .25em 0;}
#page #page_toolbox #socialiconssmall li{float:left;display:inline;padding:0;margin:0 3px 0 0;}
#page #page_toolbox #socialiconssmall a{display:block;padding:0;margin:0;width:16px;height:16px;background:url("../img/social_16x16.png") 0 0 no-repeat;}
#page #page_toolbox #socialiconssmall .linkedin a{background-position:0 -16px;}
#page #page_toolbox #socialiconssmall .linkedin a:hover{background-position:0 0;}
#page #page_toolbox #socialiconssmall .buzz a{background-position:-16px -16px;}
#page #page_toolbox #socialiconssmall .buzz a:hover{background-position:-16px 0;}
#page #page_toolbox #socialiconssmall .facebook a{background-position:-32px -16px;}
#page #page_toolbox #socialiconssmall .facebook a:hover{background-position:-32px 0;}
#page #page_toolbox #socialiconssmall .twitter a{background-position:-48px -16px;}
#page #page_toolbox #socialiconssmall .twitter a:hover{background-position:-48px 0;}
#page #page_toolbox #socialiconssmall .hyves a{background-position:-64px -16px;}
#page #page_toolbox #socialiconssmall .hyves a:hover{background-position:-64px 0;}
#page #page_toolbox #socialiconssmall .youtube a{background-position:-80px -16px;}
#page #page_toolbox #socialiconssmall .youtube a:hover{background-position:-80px 0;}
#page #page_toolbox #socialiconssmall .vimeo a{background-position:-96px -16px;}
#page #page_toolbox #socialiconssmall .vimeo a:hover{background-position:-96px 0;}
#page #page_toolbox #socialiconssmall .addthis a{background-position:-112px -16px;}
#page #page_toolbox #socialiconssmall .addthis a:hover{background-position:-112px 0;}
#page #page_toolbox #socialiconssmall .rss a{background-position:-128px -16px;}
#page #page_toolbox #socialiconssmall .rss a:hover{background-position:-128px 0;}
#page #page_toolbox p.text85 {padding:0;margin:0;font-size:.85em;}


/* -------------------- crumbtrail -------------------- */

#contents #page #crumbtrail {
  clear:left;
  padding:0 0 1em 0; margin:0 0 1em 0;

  font-size:.85em;
  border-bottom:1px solid #ccc;
}

#crumbtrail ul {
  display:inline;
  padding:0; margin:0;

  list-style-type:none;
}

#crumbtrail li {
  display:inline;
  padding:0; margin:0;

  color:#999;
  list-style-type:none;
}

#crumbtrail li a {
  padding:0 1em 0 0;
  margin:0;

  color:#bbb;
  text-decoration:none;
  background:url("../img/pathway.gif") 100% -1% no-repeat;
}

#crumbtrail li a:hover {
  color:#999;
  text-decoration:underline;
  background-position:100% 50%;
}



/* -------------------- page elements -------------------- */

#page h1.title {
  float:left; display:inline;
  padding:.5em 0; margin:0;
  width:15.5em;

  color:#777;
  font-size:2em;
  font-weight:normal;
}

#page1 p {
  margin:1em 0 0 0;

  line-height:1.4em;
}

#page1 p {
  margin:1em 0 0 0;

  line-height:1.4em;
}

.contentlisting {
  clear:both;
}

.contentlisting dd { 
  padding:0; margin:0;

  font-size:.9em;
}

.contentlisting a {
  color:#215db1;
  text-decoration:none;
}

.contentlisting a:hover {
  color:#aa8c46;
  text-decoration:underline;
}

#newslisting img {
  background-color:#FFFFFF;
  border:2px solid #E6C5A2;
  float:right;
  margin:0pt 0pt 0pt 10px;
  padding:0.4em;
}

/* -------------------- pagenav -------------------- */

#thumbnailpage .pagenav {
  clear:both;
  padding:0; margin:0;
}

#thumbnailpage .pagenav p { padding:0; }

#thumbnailpage .pagenav ul {
  padding:0; margin:0;

  list-style-type:none;
}

#thumbnailpage .pagenav li {
  padding:0; margin:0;

  list-style-type:none;
}

#thumbnailpage .pagenav .previous,
#thumbnailpage .pagenav .next,
#thumbnailpage .pagenav .overview,
#thumbnailpage .pagenav .pageindex {
  float:left; display:block;

  text-align:left;
}

.pagenav .previous a,
.pagenav .previous strong {
  display:block;
  padding:0;
}

.pagenav .next a,
.pagenav .next strong {
  display:block;
}

.pagenav .overview a,
.pagenav .overview strong {
  display:block;
}

.pagenav .disabled { color:#ccc; }

.pagenav span { color:#aa8c46; }

.pagenav a { text-decoration:underline; }

.pagenav a:hover {
  clear:both;

  color:#fff;
  text-decoration:none;
  background:#aa8c46;
}


/* -------------------- thumbnails -------------------- */

#thumbnails {
  clear:both;
}

#thumbnails dl {
  float:left; display:inline;
  padding:.25em; margin:.5em .25em;

  width:102px;
  text-align:center;
  background:#f1efe9;
}

#thumbnails dd {
  display:block;
  padding:0; margin:0;
}

#thumbnails a {
  padding:0; margin:0;
}

#thumbnails a img {
  border:2px solid #fff;
}

#thumbnails a:hover img { border:2px solid #215db1; }

#thumbnails dt { padding:.25em 0; height:2.5em; overflow:hidden; }

#thumbnails dt a {
  padding:.25em;

  color:#aa8c46;
  font-size:.8em;
}

#thumbnails dt a:hover { color:#215db1; }


/* -------------------- wb-lightbox -------------------- */

body > #wb-container {
  position:absolute;
  top:0;
  left:0;
}

#wb-container {
  display:none;
  z-index:999;
}

#wb-container, #wb-overlay {
  position:absolute;
  margin:0; padding:0;
  width:100%;
  height:100%;
  left:0;
  right:0;
  top:0;
}

#wb-overlay {
  bottom:0;
  height:100%;
  opacity:0.7;
  background:url("../img/lightbox_bg.png");
}

#wb-container > #wb-overlay {
  height:100%;
}

#wb-body {
  position:absolute;
  left:0;
  top:0;
  width:100%;
}

#wb-content-header {
  position:absolute;
  top:1em;
  left:1em;
  right:1em;
  padding:.25em 1em;
  background:#fff;
}

#wb-content-title { 
  float:left; display:inline;
  padding:0; margin:0;
  width:60%;
  
  color:#777;
  font-size:1.6em;
  text-align:left;
  font-weight:normal;
}

#wb-navigation {
  float:right; display:inline;
  font-size:.9em;
  width:25%;
}

#wb-navigation ul {
  float:right; display:inline;
  padding:0; margin:0;
}

#wb-navigation li {
  float:right; display:inline;
  padding:0; margin:0 0 0 1em;
}

a#wb-content-prev {
  display:block;
  width:24px;
  height:24px;
  background:url("../img/lightbox_nav.png") 0 0 no-repeat;
}

#wb-content-count {
  display:block;
  padding:0; margin:0;
  width:4em;
  color:#215db1;
  text-decoration:none;
  text-align:center;
  line-height:2em;
}

a#wb-content-next {
  display:block;
  width:24px;
  height:24px;
  background:url("../img/lightbox_nav.png") -24px 0 no-repeat;
}

a#wb-close {
  display:block;
  width:24px;
  height:24px;
  background:url("../img/lightbox_nav.png") -48px 0 no-repeat;
}

a:hover#wb-content-prev { background-position:0 -24px; }
a:hover#wb-content-next { background-position:-24px -24px; }
a:hover#wb-close { background-position:-48px -24px; }

#wb-content {
  position:absolute;
  margin:1em 0 0 -305px;
  top:5em;
  left:50%;
  width:612px;
  background:#fff;
}

#wb-content-inner {
  overflow:auto;
  position:relative;
  padding:1em;
  text-align:center;
}

#wb-content-description {
  display:block;
  padding:.5em; margin:.5em 0;
  color:#777;
  text-align:left;
  font-size:.9em;
  background:#eeede6;
}

#wb-content-videocontainer {
  display:none;
  width:580px;
  height:400px;
}


/* -------------- alphabet / daynames bar ----------------- */

ol.horizontalBar {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

ol.horizontalBar li {
  float: left;
  display: inline;

  margin: 0;
  padding: 0 .2em;
}

ol.horizontalBar:after {
  content:".";
  display:block;
  clear:both;
  visibility:hidden;
  height:0;
}

* html ol.horizontalBar { height: 1px; }  /* IE6 */
*+html ol.horizontalBar { min-height: 0; }


/* -------------------- clublist -------------------- */

#clublist h3 {
  clear:both;
  padding:0; margin:0 0 .5em 0;
  color:#215db1;
}

#clublist dl {
  float:left; display:inline;
  padding:0; margin:1em 0 2em 0;
  
  font-size:.9em;
}

#clublist dt {
  clear:both;
  float:left; display:inline;
  padding:0; margin:0;
  width:12em;

  line-height:1.4em;
  text-align:right;
}

#clublist dd {
  font-weight:bold;
  line-height:1.4em;
}

#clublist h3 a {
  color:#215db1;
}

#clublist h3 a:hover {
  color:#aa8c46;
  text-decoration:underline;
}

#clublist dd {
  float:left; display:inline;
  padding:0 0 0 1em; margin:0;
  width:25em;
}


/* -------------------- onthispage -------------------- */

#onthispage {
  padding:0.5em 0 1em; margin:0 0 1em 0;

  color:#999;
  font-size:0.8em;
  border-bottom:1px solid #ccc;
}

#onthispage h2 {
  padding:0; margin:0;

  font-size:1em;
  color:#1f497d;
}

#onthispage ul {
  padding:0.5em 1em; margin:0;
}

#onthispage li {
  float:left; display:inline;
  padding:0 0.5em 0 0.2em; margin:0 0.5em 0 0;

  white-space:nowrap;
  list-style-type:none;
  border-right:1px solid #ccc;
}

#onthispage li.clear {
  float:none; display:block;

  color:#999;
  border:medium none;
}

#onthispage li.last { border:medium none; }

#onthispage a { 
  color:#215db1;
  text-decoration:none;
}

#onthispage a:hover { 
  color:#aa8c46;
  text-decoration:underline;
}

.toplink a {
  float:right; display:inline;
  padding:.25em .25em .25em 1.5em; margin:1em 0 0 0;

  color:#999;
  text-decoration:none;
  background:url("../img/backtotop.gif") 0 10px no-repeat;
}

.toplink a:hover {
  text-decoration:underline;
}


/* -------------------- form.standardform -------------------- */

form.standardform,
div.standardform { margin:1em 0; }

form.standardform fieldset,
div.standardform fieldset {
  display:block;
  margin:0 .5em 1.5em .5em;

  border:1px dashed #ccc;
  background:#fff;
}

form.standardform legend,
div.standardform legend {
  padding:.25em .5em;

  font-size:1.1em;
  border:1px solid #ccc;
  background:url("../img/blank.png") #fff; /* hide seetrough in IE */
}

form.standardform label,
div.standardform label {
  clear:left;
  float:left; display:inline;
  padding:0 1em 0 0;
  width:14em;

  text-align:right;
  font-weight:normal;
}

form.standardform h4,
div.standardform h4 {
  padding:0 1em 0 0; margin:.5em 0 0 0;
  width:18em;

  text-align:right;
  font-size:1em;
  font-weight:normal;
}

form.standardform p,
form.standardform div.formfield,
div.standardform p,
div.standardform div.formfield { clear:both; margin:1em 0; }

form.standardform p.message { padding:.25em .5em; }

form.standardform .required label,
form.standardform .required h4 { background:url("../img/asterisk.png") 97% 0 no-repeat; }

form.standardform .asterisk {
  padding:0 0 0 1em;

  background:url("../img/asterisk.png") 0 0 no-repeat;
}

form.standardform ul,
form.standardform li {
  padding:0; margin:0;

  list-style-type:none;
}

form.standardform li input,
form.standardform li label {
  float:none;
  line-height:1.4em;
}

form.standardform .inputgroup {
  padding:0; margin:0 0 0 15em;
}

form.standardform .inputgroup label {
  width:100%;

  background:none;
}

form.standardform input,
form.standardform select,
form.standardform textarea {
  font:1em Helvetica, Geneva, Verdana, Arial, sans-serif;
}

form.standardform input.error,
form.standardform select.error,
form.standardform textarea.error { border:2px solid #c00; }

/* make the fields reasonably the same size */
form.standardform input.text,
form.standardform input.file,
form.standardform input.password,
form.standardform textarea {
  width:24em;
  padding:0.2em;
}

form.standardform input,
form.standardform select,
form.standardform textarea {
  border:1px solid #ccc;
}

form.standardform input:active,
form.standardform select:active,
form.standardform textarea:active {
  border:1px solid #666;
}

/* same for selectbox but without padding */
form.standardform select {
  width:24.4em;
  padding:0;
}

/* hide ugly default scrollbars. already hidden in firefox. breaks konqueror 3.5 */
form.standardform textarea { overflow:auto; }

form.standardform small {
  display:block;
  margin:.5em 0 0 19.5em; /* margin + fontsize compensation */
  width:31em;
  color:#666;
}

form.standardform small.error { color:#f00; }

form .inputgroup small { margin:0; /* reset margin for small */ }

form.standardform .button,
div.standardform .button { margin:1em 0 1em 20em; }

form.standardform .button {
  float:right; display:inline;
  padding:0 0 0 1.5em;

  color:#fff;
  font-size:1.1em;
  text-decoration:none;
  background:url("../img/button.png") 0 0 no-repeat;
  background-color:#A0A0A0;
}

form.standardform .button span {
  float:right; display:inline;
  padding:.5em 1.5em .5em 0; margin:0;

  background:url("../img/button.png") 100% 0 no-repeat;
}


/* ----- div.standardform ----- */

div.standardform dl {
  padding:1em 0; margin:0;
  list-style-type:none;
}

div.standardform dt {
  clear:left;
  float:left; display:inline;
  padding:0 .5em; margin:0;
  width:18em;

  font-weight:normal;
  line-height:1.4em;
  text-align:right;
}

div.standardform dd {
  padding:0; margin:0 0 0 13em;

  line-height:1.4em;
  font-weight:bold;
}

div.standardform li input {
  clear:left;
  float:left; display:inline;
  padding:0 .5em; margin:0;
  width:18em;

  font-weight:normal;
  line-height:1.4em;
  text-align:right;
}

#searchpage form {
  clear:both;
  padding:.5em 1em; margin:0;

  line-height:1.4em;
  border:1px solid #e5e5e5;
  background-color:#eee;
}

* html #searchpage form { height:1%; }

#wsc_extendedform div,
#wsc_simpleform div { margin:.2em; }

.searchoption {
  float:left;
  padding:0; margin:0;
  width:32%;
}

#searchpage label {
  display:block;
  padding:0; margin:0;

  font-size:92%;
  font-weight:bold;
}

#searchpage select,
#searchpage input { font-size:92%; }

.wsc_highlight { font-weight:bold; }

.wsc_result { padding-top:1em; }

.wsc_result dt { font-size:115%; }

.wsc_result dd {
  padding:0; margin:0;
}

#contents .wsc_result dd p a,
#contents .wsc_result dd p a:visited {
  padding:0; margin:0;

  color:#008000;
}

#contents .wsc_result dd p {
  padding:0; margin:0;

  color:#999;
}

#wsc_summary { margin:1em 0; }

#wsc_sortby dt,
#wsc_sortby dd {
  display:inline;
  padding:0; margin:0;

  list-style-type:none;
}

#wsc_pagenav {
  list-style-type:none;
  text-align:center;
}

#wsc_pagenav li {
  display:inline;
  margin:0 .2em;

  list-style-type:none;
}


/* JM: overgenomen van oude rotary_main.css

/* -------------- club sites ----------------- */

#clubinfo .col1,
#clubinfo .col2 {
  float:left; display:inline;
  width:49.3%;  /* 2x 49.3 + 1.4 = 100 */
}

#clubinfo .col2 {
  margin-left:1.4%;
}

#clubinfo h3,
.clubmembers h3 {
  clear:both;
  margin:0 0 0.5em 0;

  line-height:150%;
}

#clubinfo .clubgegevens,
#clubinfo .clubvoorzitter,
#clubinfo .clubsecretaris,
#clubinfo .clubmeetings {
  padding:1em;
  margin:1em 0; /* overrule collapsing margin of h3 */
  height:11em;
  min-height:120px;
  border:1px solid #dcd7c8;
}

#clubinfo .voorzitterThumb,
#clubinfo .clubgegevens dl.props { min-height:100px; }

#clubinfo .voorzitterThumb {
  float:right; display: inline;
}

#clubinfo dl,
#clubinfo p,
#clubinfo .voorzitterThumb {
  padding:0; margin:0 0.3em;
}

#clubinfo:after,
#clubinfo dl.props:after,
#clubinfo .clubvoorzitter:after {
  content:".";
  display:block;
  clear:both;
  visibility:hidden;
  height:0;
}

* html #clubinfo,
* html #clubinfo dl.props,
* html #clubinfo .clubvoorzitter { height:1px; }

*+html #clubinfo,
*+html #clubinfo dl.props,
*+html #clubinfo .clubvoorzitter { min-height:0; }

#clubinfo dl.props dt {
  clear:both;
  float:left; display:inline;
  padding:0; margin:0;
  width:8em;
}

#clubinfo dl.props dd {
  padding:0;
  float:none; display:block;
  margin:0 0 0 9em;
  line-height:1.2em;
}

.clubmeetings dt {
  clear:both;
  padding:0; margin:0;
}

.clubmeetings dd {
  padding:0; margin:0;
}

.clubmembers { clear:both; }

.clubmembers ul {
  clear:both;
  padding:0; margin:0;

  list-style-type: none;
}

.clubmembers ul:after {
  content:".";
  display:block;
  clear:both;
  visibility:hidden;
  height:0;
}

* html .clubmembers ul { height:1px; }
*+html .clubmembers ul { min-height:0; }

.clubmembers li {
  float:left; display:inline;
  padding:1em; margin:1em 0 0 0;
  width:44%;
  border:1px solid #dcd7c8;
}

.clubmembers .right {
  float:right;
}

.clubmembers .memberThumbArea {
  overflow:hidden;
  float:left; display:inline;
  width:100px;  /* about the same as image so fallback div gets same size */
}

.clubmembers .position {
  font-weight:bold;
  margin-top:0;
}

table#ledenlijst { width:100%; }

#ledenlijst td, #ledenlijst th { padding:.5em; }

#ledenlijst .odd td, #ledenlijst.odd th { background:#f1efe9; }

#ledenlijst a { color:#215db1; text-decoration:none; } 
#ledenlijst a:hover { color:#aa8c46; text-decoration:underline; }


/* -------------------- smoelen! -------------------- */

#smoelenboek, #memberprofile {
  clear:both;
}

.smoelenboek_member {
  float:left; display:inline;
  padding:1em;
  margin:.5em .5em 1em 0;
  width:12em;
  overflow:hidden;
  height:390px;

  border-top:1px solid #f5f5f5;
  border-left:1px solid #f5f5f5;
  background:url("../img/smoelenbg.png") 100% 100% repeat-y #efeee6;
}

.smoelenboek_member_part {
  float:left; display:inline;
  padding:1em;
  margin:.5em .75em 1em 0;
  width:12em;
  height:390px;

  border-top:1px solid #f5f5f5;
  border-left:1px solid #f5f5f5;
  background:url("../img/smoelenbg.png") 100% 100% repeat-y #efeee6;
}

.smoelenboek_member.last {
  float:right; display:inline;
  margin:.5em 0 1em 0;
}

.smoelenboek_member_part.last {
  float:right; display:inline;
  margin:.5em 0 1em 0;
}

* html .smoelenboek_member {width:12.5em; wid\th:10.5em;}

.smoelenboek_thumb {
  padding:.5em 0 0 0;
  margin:0;
  font-size:1em;
}

.smoelenboek_thumb a {
  display:block;
  text-decoration:none;
  text-align:center;
  padding:10px 2px 2px 2px;
  height:200px;
  overflow:hidden;

  font-size:.8em;
  color:#333;
  border:1px solid #ccc;
}

.smoelenboek_thumb span {
  display:block;
  margin:1em 0 0 0;
}

.smoelenboek_thumb.phf a {
  background:#e1d6bb;
  border-color:#d0be93;
}

#wh-contents .smoelenboek_thumb a:hover {
  color:#000;
  background-color:#ccc;
  border-color:#ccc;
}

.smoelenboek_member dl {
  clear:both;
  text-align:left;
  padding:0;
  margin:0;
}

.smoelenboek_member dt {
  padding:.5em 0 0 0;
  color:#aa8c46;
  font-size:.8em;
}

.smoelenboek_member dd {
  padding:0 .5em 0 0;
  margin:0;
  color:#333;
  font-weight:bold;
}

.smoelenboek_member dd a { color:#215db1; }

.memberprofile {
  float:left; display:inline;
  padding:1em;
  margin:.5em .5em 0 0;
  width:10.5em;
  height:390px;

  border-top:1px solid #f5f5f5;
  border-left:1px solid #f5f5f5;
  background:url("../img/smoelenbg.png") 100% 100% repeat-y #cecece;
}

* html .memberprofile {width:12.5em; wid\th:10.5em;}

.memberprofile h2 {
  padding:.5em 0 0 0;
  margin:0;
  font-size:1em;
}

.smoelenboek_thumb a {
  display:block;
  text-decoration:none;
  text-align:center;
  padding:10px 2px 2px 2px;
  height:200px;
  overflow:hidden;

  font-size:.8em;
  color:#333;
  border:1px solid #ccc;
}


#wh-contents .smoelenboek_thumb a:hover {
  color:#000;
  background-color:#ccc;
}

.memberprofile dl {
  clear:both;
  padding:0;
  margin:0 0 1em 0;
  text-align:right;
}

.memberprofile dt {
  padding:.5em 0 0 0;
  color:#fff;
  font-size:.8em;
}

.memberprofile dd {
  padding:0 .5em 0 0;
  margin:0;
  color:#333;
  font-weight:bold;
}


/* ------------------------ webpack --------------------------- */

/* Global tag, containing the complete webpack item */
.whwp {
  font-size:.9em;
  font-family:arial, helvetica, sans-serif;
}

/* Webpack item title */
.whwp .whwp-title { font-weight:bold; }

/* All links */
.whwp a { text-decoration:none; color:#215db1; }

.whwp a:hover { text-decoration:underline; color:#aa8c46; }

/* Characteristics shared between input and button style links */
.whwp .whwp-button, .whwp .whwp-button:hover {
  width:100px;
  background-color:#a0a0a0;
  text-align:center;
  color:#fff;
  border:1px solid #ccc;
  margin:3px 3px 3px 0px;
}

/* Links with an input button appearance */
.whwp a.whwp-button, .whwp a.whwp-button:hover {
  display:block;
  text-decoration:none;
  vertical-align:middle;
  white-space:nowrap;
  border:1px solid #ccc;
  padding:2px 5px;
}

.whwp input.whwp-button {
  /* IE/FF work around: first pointer, then hand */
  font-size:100%; /* Inherit font-size */
}

.whwp .whwp-questiongroup {
  border:1px solid #ccc;
  padding:10px;
  margin:20px 0px;
  background-color:#eef;
}

/* Individual questions */
.whwp .whwp-questiongroup .whwp-question {
  margin:10px 0px;
}

/* Individual question labels */
.whwp .whwp-questiongroup .whwp-question label,
.whwp .whwp-questiongroup .whwp-question {
  font-style:italic;
  margin:10px 0px 4px 0px;
}

.whwp .whwp-questiongroup .whwp-question input, .whwp .whwp-questiongroup .whwp-question textarea,
.whwp .whwp-questiongroup .whwp-question option, .whwp label input, .whwp label textarea,
.whwp .whwp-questiongroup .whwp-question .whwp-formgroup label {
  padding:.2em;
  font:1.2em arial, helvetica, sans-serif;
  border:1px solid #ccc;
}

.whwp .whwp-questiongroup .whwp-question input:focus, .whwp .whwp-questiongroup .whwp-question textarea:focus,
.whwp .whwp-questiongroup .whwp-question option:focus, .whwp label input:focus, .whwp label textarea:focus {
  border:1px solid #666;
}

.whwp .whwp-entry {
  border:1px solid #000000;
  margin:10px 0px;
}

.whwp .whwp-entry .whwp-header {
  background-color:#d0d0d0;
  font-weight:bold;
  padding:4px;
}

.whwp .whwp-entry .whwp-message {
  padding:4px;
}

.whwp .whwp-entry .whwp-message blockquote {
  margin-left:1px;
  border-left:1px solid #000;
  padding-left:5px;
}

.whwp .whwp-entry .whwp-footer { padding:5px; }

.whwp table.whwp-table {
  border:solid 1px #ccc;
  border-collapse:collapse;
  width:100%;
  margin:0 0 0 1px;
  font-family:arial, helvetica, sans-serif;
  font-size:100%; /* Ensure IE picks up the inherited font-size for this table */
}

table { margin:0 0 0 1px; }

.whwp table.whwp-table th {
  text-align:left;
  padding:.25em .5em;
  vertical-align:top;
  white-space:nowrap;
  color:#666;
  background:#ccc;
}

.whwp table.whwp-table td {
  text-align:left;
  padding:2px 5px;
  vertical-align:top;
}

.whwp .whwp-odd { background-color:#eee; }

.whwp .whwp-even { background-color: #fff; }

.whwp .whwp-errors { color:#f00; }

.whwp table.whwp-attachments { font-size:100%; }


/* -------------------- whwp_poll -------------------- */

#page .whwp-poll {
  padding:1em 0;

  font-size:.85em;
  color:#000;
}

#page .whwp-poll h3 {
  padding:1em 0;
  color:#777;
  font-size:1.4em;
}

#page .whwp-poll blockquote {
  padding:0; margin:0;
  color:#333;
}

#page .whwp-poll .whwp-poll-question {
  padding:.5em 0 1em 0;
  margin:0;

  font-size:1.1em;
  color:#1f497d;
}

#page .whwp-poll fieldset {
  padding:0; margin:0;
  border:0;
}

#page .whwp-poll label { display:block; padding:0; margin:-1.5em 0 0 3em; }

#page .whwp-button { padding:0; margin:1em 0; }

#page .whwp-poll th {
  font-weight:bold;
  color:#000;
}

#contents .wh-signature { text-shadow:none; }
#page h4.wh-heading4 { font-size:1em; }


/* -------------------- additional_links -------------------- */

#additional_links { 
  padding:1em; margin:.5em 0;
  background:#efede6;
}

#additional_links h3 {
  font-size:1em;
  font-weight:normal;
}

#additional_links ul { 
  clear:both;
  float:left; display:inline;
  padding:0; margin:.5em 0 0 0;
  width:20em;
}

#additional_links li { 
  clear:both;
  float:left; display:inline;
  padding:0; margin:0 0 .25em 0;
}

#additional_links a {
  display:block;
  color:#215db1;
  font-size:.8em;
  text-decoration:none;
  line-height:1.75em;
  background:url("../img/document_icons.gif") 0 0 no-repeat;
}

#additional_links a:hover {
  color:#aa8c46;
  text-decoration:underline;
}

#additional_links a span { 
  display:block;
  margin: 0 0 0 2em;
} 

#additional_links .text { background-position:0 0; }
#additional_links .movie { background-position:0 -50px; }
#additional_links .music { background-position:0 -100px; }
#additional_links .word { background-position:0 -150px; }
#additional_links .pdf { background-position:0 -200px; }
#additional_links .picture { background-position:0 -250px; }
#additional_links .excel { background-position:0 -300px; }
#additional_links .archive { background-position:0 -350px; }
#additional_links .powerpoint { background-position:0 -400px; }


/* -------------------- districtcommittees -------------------- */

table.districtcommittees {
  padding:0; margin:0 0 1.5em;
  width:100%;
  
  font-size:.9em;
  border-bottom:1px solid #dcd7c8;
}

table.districtcommittees th {
  background:#dcd7c8;
}

table.districtcommittees .startdate,
table.districtcommittees .enddate {
  width:6em;
}


/* -------------------- footer -------------------- */

#footer {
  clear:both;
  padding:0 4em 0 0; margin:0 -3.4em;

  background:url("../img/footerbg.png") 100% 100% no-repeat;
}

#footershade {
  padding:0 0 1em 4em; margin:0;

  background:url("../img/footerbg.png") 0 100% no-repeat;
}


/* -------------------- copy -------------------- */

#copy {
  float:left; display:inline;
  padding:1em 0; margin:0;

  color:#666;
  font-size:.85em;
  list-style-type:none;
}


/* -------------------- footernav -------------------- */

#footernav ul {
  float:right; display:inline;
  padding:1em 0 3em 0; margin:0;
  font-size:.85em;
}

#footernav li {
  float:left; display:inline;
  padding:0; margin:0;

}

#footernav a,
#footernav strong {
  padding:0 .3em; margin:0;

  color:#666;
  
  font-weight:normal;
  text-decoration:none;
  border-right:1px solid #999;
}

#footernav a:hover {
  color:#aa8c46;
  text-decoration:underline;
}

#footernav li.last a { border:none; }

#footernav li.current a,
#footernav li.current strong { color:#aa8c46 }


/* --------------------- realisation -------------------- */

#realisation {
  position: absolute;
  right: 1em; bottom: 0em;
  padding: .5em 0;
  z-index:100;
}

#realisation a {
  display:block;
  width:17px;
  height:17px;
  background:url("../img/realisation.png") 100% 0 no-repeat;
}

#realisation a:hover {
  width:64px;
  background:url("../img/realisation.png") 100% -17px no-repeat;
}


/* --------------- rotarian online edities ----------- */

.rotariancover {
  float:left; display:inline;
  border:1px solid #ccc;
  margin:0 5px 20px 0;
  padding:5px;
  width:155px;
  height:250px;
  text-align:center;
}

.rotariancover img {
  border:1px solid #006;
  padding:2px;
  background-color:#ccc;
}
.rotariancover h3 {
  margin:0; padding:.2em;
}
.rotariancover h3 a {
  text-decoration:none;
}

.rotariancover a:hover img {
  background-color:#339; border-color:#000;
}