/*** algemeen ***/
html, body {
    margin: 0;
    height: 100%;
    background-color: #333333;
    background-image: url(gfx/streepjes.gif);
}
body {
    text-align: center;
}
*html body {
    background-image: none;
}		
#page {
    width: 940px;
    margin: 0px auto 0px auto;
}
#zijtitel {
    float: left;
    width: 72px;
    height: 300px;
    background: url(gfx/zijtitel.gif) 37px 36px no-repeat;
    padding: 0;
}
#bovenkant {
	margin: 0px auto 0px auto;
	width: 940px;
	height: 175px;
	background-repeat: no-repeat;
	background-position: 50% 15px;
}
.bovenkant_normaal {
background-image: url(gfx/bovenkant_2008.png);
}
*html .bovenkant_normaal {
background-image: url(gfx/bovenkant_2008.gif);
}
.bovenkant_nieuwsbrief{
background-image: url(gfx/bovenkant_2008_nieuwsbrief.png);
}
*html .bovenkant_nieuwsbrief{
background-image: url(gfx/bovenkant_2008_nieuwsbrief.gif);
}
#midden {
float: left;
min-height: 450px;
margin: 0px auto 0px auto;
padding: 0;
width: 940px;
background-repeat: repeat-y;
text-align: left;
background-position: 50% 0;
}
.midden_normaal {
background-image: url(gfx/page_background.png);
}
*html .midden_normaal {
background-image: url(gfx/page_background.gif);
}
.midden_nieuwsbrief {
background-image: url(gfx/page_background_nieuwsbrief.png);
}
*html .midden_nieuwsbrief {
background-image: url(gfx/page_background_nieuwsbrief.gif);
}

#onderkant {
float: left;
text-align: left;
	margin: 0px auto 0px auto;
	padding: 0;
	width: 940px;
	height: 44px;
	background-repeat: no-repeat;
	background-position: 50% 0%;
}
.onderkant_normaal {
background-image: url(gfx/onderkant_2008.png);
}
*html .onderkant_normaal {
background-image: url(gfx/onderkant_2008.gif);
}
.onderkant_nieuwsbrief {
background-image: url(gfx/onderkant_2008_nieuwsbrief.png);
}
*html .onderkant_nieuwsbrief {
background-image: url(gfx/onderkant_2008_nieuwsbrief.gif);
}
#linksonderkant {
float: left;
width: 200px;
padding-left: 20px;
margin: 10px 0px 0px 72px;
}
*html #linksonderkant {
/** margin: 10px 0px 0px 37px; **/
}
#rechtsonderkant {
float: left;
margin: 7px 0px 0px 0px;
text-align: right;
width: 132px;
}
#adres {
    font-family: verdana;
    font-size: 11px;
    text-align: center;
    color: #ffffff;
    height: 24px;
    padding-top: 5px;
}
#adres a {
    color: #ffffff;
    text-decoration: none;
}

#hoofdmenu {
	font-family: verdana;
	font-size: 11px;
	top: 97px;
	float: left;
	position: relative;
	padding-left: 72px;
	width: 600px;
}

#menu {
  float: left;
  width: 100%;
}
#menu ul, #menu li {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
#menu li {
  float: left;
}
#menu a {
  display: block;
  background: url(gfx/up.gif) 0 0 no-repeat;
  text-decoration: none;
  white-space: nowrap;
  height: 24px;
  color: #ffffff;
  padding: 10px 0 0;
  width: 92px;
}
#menu a:hover, #menu a.current {
  background-image: url(gfx/down.gif);
}
#menu a.last {
  width: 94px;
}

/** Begin submenu **/

#menu .submenu {
margin: 0;
position: absolute;
top: 68px;
left: 443px;
text-align: left;
font-weight: bold;
width: 161px;
}
#menu .submenu li {
padding-left: 17px;
background-position: 0px -2px;
background-image: url(gfx/hoofdmenu_achter.gif);
background-repeat: no-repeat;
}
#menu .submenu a, #menu .submenu a.current, #menu .submenu a:hover {
  padding: 0 10px 0 0;
  background: none;
  color: #666666;
  width: 151px;
  height: 20px;
}
#menu .submenu a:hover {
  background: none;
}

/** Begin SubSubmenu **/

#menu .subsubmenu {
margin-left: 9px;
width: 145px;
}

#menu .subsubmenu a.current{
color: #0097ac;
}
#menu .subsubmenu li {
font-size: 10px;
font-weight: normal;
background-image: none;
padding: 0;
margin: 0;
}



/*** div tekst ***/


#tekst table {
}
#tekst {
padding-top: 15px;
margin: 0;
width:100%;
}
#tekst .bgp1 {
border: solid 1px #b2b2b2;
padding: 4px;
}
#tekstwrapper {
    float: left;
    left: 72px;
    padding: 0 20px 0 20px;
    margin: 0;
    width: 329px;
    font-family: "lucida sans", verdana;
    font-size: 11px;
    line-height: 15px;
    text-align: justify;
    color: #666666;
}
*html #tekstwrapper {
width:327px;
}
.tekst_nieuwsbrief {
width: 780px;
}
*html #tekstwrapper {
margin: 0px 0px 0px 36px;
width: 328px;
}
#tekstwrapper img {
padding: 0;
margin: 0;
}
#middenkolom {
    float: left;
    width: 162px;
    padding: 0;
    margin: 0;
}
*html #middenkolom {
    width: 158px;
}
#rechterkolom {
    float: left;
    width: 263px;
    margin-right: 1px;
    padding: 15px 12px 0px 12px;
    font-family: "lucida sans", verdana;
    font-size: 10px;
    text-align: left;
    color: #666666;
}
*html #rechterkolom{
}
#tekst a:link, #tekstwrapper #tekst a:active, #tekst a:visited {
    color: #0097ac;
    text-decoration: none;
    border-bottom: dotted 1px #0097ac;
}
#tekst ul {
    padding:0;
    margin:0px 0px 0px 14px;
    list-style:square outside;
}
#tekst ul a:link, #tekst ul a:active, #tekst ul a:visited {
    border:none;
}
#tekst ul a:hover {
    border-bottom: dotted 1px #0097ac;
}

#portfolio_afbeeldingen {
float:left;
width:100%;
margin: 10px 0px 10px 0px;
padding:0;
}
#portfolio_afbeeldingen ul, #portfolio_afbeeldingen li {
float:left;
white-space:nowrap;
list-style-type:none;
padding:0; margin:0;
}
#midden #portfolio_afbeeldingen a {
  display: block;
  text-decoration: none;
  white-space: nowrap;
  height: 85px;
  width: 85px;
border:solid 1px #b2b2b2;
}
.other_portfolio_images {
margin: 0px 20px 0px 0px;
}
.last_portfolio_image {
margin: 0px 0px 0px 0px;
}

#kleine_letters {
font-size:10px;
}
#midden table {
padding:0; margin:0;
}

.bgp5 {
display: table;
color: #666666;
margin: -12px 0px -4px 0px;
font-size: 0.85em;
font-style: italic;
padding: 3px 4px 0px 4px;
/** background-color: #99d069; **/
}
#tekst h1 {
font-size:19px;
margin: 0;
padding:0;
}
h1, h1.newstitle {
    text-align: left;
    font-size: 15px;
    font-weight: bold;
    color: #0097ac;
    margin-left: -21px;
    padding-left: 21px;
}
*html h1, *html h1.newstitle{
margin: 0px 0px 7px -20px;
}
h2 {
text-align: justify;
font-size: 11px;
font-weight: bold;
color: #666666;
background-repeat: no-repeat;
background-position: 0% 50%;
margin: 5px 0px 0px 0px;
padding:0;
line-height: 16px;
}
#page h2.newstitle {
    background: url(gfx/h1achtergrond.gif) 0 45% no-repeat;
    padding: 0 0 0 10px;
    margin: 0 0 0 -12px;
}
h3 {
font-size: 12px;
padding:0;
margin:0px 0px -10px 0px;
}
#banner {
margin: 0px 0px 15px 0px;
}
#nieuwsbrief {
padding: 0px 10px 0px 15px;
width: 136px;
font-family: "lucida sans", verdana;
font-size: 10px;
line-height: 15px;
text-align: left;
color: #666666;
}
#nieuwsbrief_scheider {
display: block;
height: 10px;
margin: 0px 0px 0px -10px;
background-repeat: no-repeat;
background-position: 0px 0px;
border: none;
}
.scheider_boven {
background-image: url(gfx/middenkolomscheider.gif);
}
.scheider_onder {
background-image: url(gfx/middenkolomscheider_onder.gif);
}
#nieuwsbrief_header {
width: 129px;
height: 29px;
background-image: url(gfx/nieuwsbrief_header.gif);
background-repeat: no-repeat;
}

h2.newstitle {
    text-align: left;
    font: bold 13px;
    color: #0097ac;
    background-image: url(gfx/h1achtergrond.gif);
    background-repeat: no-repeat;
    background-position: 0% 50%;
    padding-left: 12px;
    margin: 0px 0px -5px -12px;
}
#news .newsitem {
    float:left;
    width: 250px;
    margin: 0px 0px 10px 0px;
    padding:0;
    line-height: 15px;
    border-bottom: dotted 1px #b2b2b2;
}
#news .newsitem .leadimage {
    border: solid 1px #b2b2b2;
    margin-left: 4px;
}
#news .date {
    float:right;
    font: italic normal lighter 9px/9px trebuchet;
    margin: -11px 0px 0px 0px;
    padding: 0;
    color: #b2b2b2;
}
.more {
    display: block;
    background-repeat: no-repeat;
    height: 14px;
    margin-top: 10px;
    padding:0;
}
.newsitem .more {
    background-image: url(gfx/leesverder.gif);
}
#tekst .more {
    background-image: url(gfx/meer_nieuws.gif);
}

a.more span, #tekst a.more span {
display: none;
}
hr {
    height: 1px;
    border:dotted 1px #707070;
    color:#707070;
    background-color: #ffffff;
    border-style: none none dotted;
}



.tablec {
}
.hcell, .lcell, .dcell {
}
.hcellc, .lcellc {
  background: #ccc;
}
.hcellc, .dcellc {
}
.dcellc {
  background: #eee;
}

/*** search pages ***/
#sq {
  text-align: center;
}

.searchquery {
  width: 420px;
  margin-left: auto;
  margin-right: auto;
}
.google {
  width: 260px;
}
.searchquery label, .searchquery input, .searchquery select {
  width: auto;
  display: block;
  vertical-align: middle;
}
.searchquery label {
  padding: 6px 0 0;
  margin:0;
}

.searchmode {
  display: none;
}

.searchheader {
}

.searchrow {
  padding-bottom: 1em;
}

.searchinfo {
  font-size: 80%;
}
.searchinfo a {
  font-size: 125%;
}

/*** forms ***/
form {
  padding-bottom: 10px;
}

label, .input {
  width: 12em;
  margin: 6px 0;
  vertical-align: top;
}

label, input, .input, textarea, select {
  display: block;
  float: left;
  margin-bottom: 6px;
}
input, textarea, select {
  margin-top: 4px;
  width: 100px;
background-color: #f2f2f3;
border: solid 1px #e5e5e5;
font-size: 11px;
height: 16px;
}
select, .input {
  width: auto;
}

/*** newsletters/news ***/
#datum {
font-size: 9px;
font-style:italic;
color:#b2b2b2;
  font-weight: normal;
  display: block;
  text-align: right;
margin:0;
padding:0;
}

.more {
}
.more:hover {
}
.more img {
  vertical-align: middle;
  margin: 0!important;
  border: 0!important;
}

/*** print ***/
.printonly {
  display: none;
}

.button {
  width: auto;
}
.button2 {
	display: block;
	width: 100%;
	height: 100%;
}
.verstuur {
padding: 7px 0px 0px 8px;
}
.wbfocus { /* tekstkleur als veld focus heeft */
  color: black;
}
.wbblur { /* tekstkleur als veld de focus niet heeft */
  color: #aaa;
}
#extra_knoppen {
display: block;
height: 20px;
}
#previous {
float: left;
width: 100px;
}
#next {
float: right;
width: 100px;
text-align: right;
}
#previous a:link, #previous a:active, #previous a:visited,#previous a:hover,#next a:link, #next a:active, #next a:visited,#next a:hover {
text-decoration: none;
border: none;
}
#bezoekdesite {
display: block;
}
#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(gfx/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(gfx/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }
#mapkader {
border: solid 1px #b2b2b2;
}