/* --- swsite.css / hpv.nl --- */

/* --- RESETTING BROWSER DEFAULTS - http://meyerweb.com/eric/thoughts/2008/01/15/resetting-again/ --- */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  /*outline: 0;*/
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}
body { line-height: 1em; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }

/* remember to define focus styles! */
:focus { outline: 0; }

/* remember to highlight inserts somehow! */
ins { text-decoration: none; }
del { text-decoration: line-through; }

/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: collapse; border-spacing: 0; }


/* --- GENERAL DEFAULTS --- */

html { overflow-y: scroll; }  /* Always show scrollbar on right side (as IE does) in all browsers to avoid jumping of centered sites caused by (dis)appearing these scrollbars. Overflow-y is a CSS3 property and therefor it does not validate yet (removing it only affects the jumping). */  
body, html { height: 100%; }
body { position: relative; float: left; clear: both; width: 100%; }
/*html>body { height: auto; min-height: 100% }*/  /* For sticky footer */


ul { list-style-type: disc; }
ol { list-style-type: decimal; }
ul.nav, .nav ul, ul.overview, .overview ul, ul.linkList, .linkList ul,
ol.nav, .nav ol, ol.overview, .overview ol, ol.linkList, .linkList ol,
.nav li, .overview li, .linkList li { margin: 0; padding: 0; background-image: none; list-style-type: none; }
  
strong, b { font-weight: bold; }
em, i { font-style: italic; }
      
legend { margin-right: 0; }
* html legend { margin-left: -7px; }
*:first-child+html legend { margin-left: -7px; }

label, button, input.button { cursor: pointer; }
input[type="submit"], input[type="reset"], input[type="button"] { cursor: pointer; }

:focus, object:focus, embed:focus { outline-style: none; }
a:focus, area:focus, input:focus, select:focus, textarea:focus, button:focus { outline: 1px dashed #76736C; }

.alignLeft { float: left; }
.alignRight { float: right; }

.offScreen { position: absolute; left: -9999px; text-indent: -9999px; line-height: 0; }

  /* --- overLabel --- */ 
  
  .jsOverLabelBlur { position: relative; }
    .jsOverLabel { position: absolute; left: -9999px; top: 0; white-space: nowrap /* needed for safari */; overflow: hidden; cursor: default; }
    .jsOverLabelBlur .jsOverLabel { left: 1px; z-index: 1; }
      .jsOverLabelBlur .jsOverLabel span { display: none; }
      
  /* --- clickable --- */

  .jsClickable { cursor: pointer; }
  
  /* --- sIFR --- 
  
  .flash-replaced .alt { position: absolute; left: -9999px; text-indent: -9999px; line-height: 0; }*/


/* --- SITE DEFAULTS --- */
body {
  background: #fff url(/images/bg_body.gif) 0 0 repeat-x;
  color: #000;
  margin: 0;
  font-size: 0.8em;
  line-height: 1.25em;
}

body, input, button, textarea, select {
  font-family: Arial, Verdana, sans-serif;
  color: #000;
}

div#content input {
  margin-right: 0.6em;
}

div#content form {
  margin-top: 0.6em;
}

div#content input.zoekButton {
  color: #fff;
  background: #068;
  cursor: pointer;
}

div#content input.zoekButton:hover, div#content input.zoekButton.hover {
  background: #8d8a88;
  border: 1px solid #8d8a88;
}

:focus { outline-color: #7b6b4f; }

h1, h2, h3, h4, h5, h6 {
  line-height: 1.25em;
  margin: 0 0 0.62em;
  color: #006688;
}

h1 {
  font-size: 1.95em;
  margin-bottom: 0.25em;
}

h2 {
  font-size: 1.31em;
  margin: 0 0 0.6em;
  clear: both;
}

div#content h2 {
  margin-top: 0.6em;
}

div#content h3 {
  margin: 0.6em 0 0;
  font-size: 0.9em;
}

a:link, a:visited {
  color: #cc6622;
  text-decoration: underline;
}

a:hover, a:active, a:focus {
  color: #068;
}

img {
  display: block;
  margin: 0 0 0.94em;
  border: 0;
}

h1 img{
	display: inline;
	margin: 0 10px 0 0;
}

ul, ol {
  margin: 0 0 0.94em 1.56em;
  padding: 0;
}

ul li, ol li {
  margin: 0;
}

ul li ul li, ol li ol li {
  font-size: 1em;
}

table {
  margin: 0 0 0.94em;
}

table th, table td {
  text-align: left;
  vertical-align: top;
  padding-right: 0.6em;
}

table.contentTable {
	border-collapse: collapse;
	border: 1px solid #d9e8ed;
}

	table.contentTable th, table.contentTable td {
		padding: 2px 0.6em;
		border: 1px solid #97c1cf;
	}

form, form p {
  border: 0;
  margin: 0;
  padding: 0;
}

label {
  width: 12em;
  padding-right: 0.5em;
  float: left;
}

input, textarea, select {
  background: #fff;
  border: 0;
  margin: 0 0 1em;
}

div#contentBody input, div#contentBody textarea, div#contentBody select {
  border: 1px solid #006688;
}


input.zoekButton {
  color: #000;
  cursor: pointer;
}

input.zoekButton:hover, input.zoekButton.hover {
  color: #999;
}

form p span {
  float: left;
  width: 18.75em;
}

form p span label {
  width: 250px;
  margin: 0 0 0 0.5em;
}

form p span input {
  clear: left;
  float: left;
}

/*.bijSchrift {
  color: #7b6b4f;
}*/


/* Volgende en- vorige paginalinks indien te veel items */
div#paginatie{
  margin: 12px 0;
  padding: 3px 2px 4px;
}

div#pagVorige{
  width: 50%;
  float: left;
}

  div#pagVorige a {
    padding: 0 0 0 11px;
    background: url(../images/ic_terug_u.gif) 0 0.3em no-repeat;
  }
  div#pagVorige a:hover, div#pagVorige a:active {
    background-image: url(../images/ic_terug_a.gif);
  }

div#pagVolgende {
  text-align: right;
  width: 50%;
  float: right;
  clear: right;
}
  div#pagVolgende a {
    padding: 0 11px 0 0;
    background: url(../images/ic_verder_u.gif) right 0.3em no-repeat;
  }
  div#pagVolgende a:hover, div#pagVolgende a:active {
    background-image: url(../images/ic_verder_a.gif);
  }
  

/* Afbeelding vergroten in een popup */
div.imgPopUpleft, img.imgleft{ /* Deze class wordt a.d.h. de uitlijning bepaald */
  float: left;
  position: relative;
  margin: 0 16px 4px 0;
  overflow: hidden;
}
div.imgPopUpright, img.imgright{ /* Deze class wordt a.d.h. de uitlijning bepaald */
  float: right;
  position: relative;
  margin: 0 0 4px 16px;
  overflow: hidden;
}
* html div.imgPopUpright, * html img.imgright{ margin: 0 0 4px 8px; }

div.imgPopUpcenter, img.imgcenter{ /* Deze class wordt a.d.h. de uitlijning bepaald */
  margin: 3px 0 2px;
  position: relative;
  text-align: center;
  overflow: hidden;
}

div.imgPopUpleft a, div.imgPopUpright a, div.imgPopUpcenter a, div.imgPopUpSub a {
  background: url(../images/ic_popup_u.gif) bottom right no-repeat;
  /* De hoogte en breedte wordt in de _tpl_-file overschreven */
  margin: 0;
  display: inline;
  position: absolute;
  cursor: pointer;
  /* Icoontje transparant weergeven? Dat kan, behalve in Opera en MSIE op Mac
  filter: alpha(opacity=70);
  -moz-opacity: 0.70;
  opacity: 0.70;
  */
  z-index: 10;    /* geef div'jes uit dropdownmenu's een hogere z-index om conflicten te voorkomen! */
  left: 0;
  top: 0;
}
  div.imgPopUpleft a:focus, div.imgPopUpleft a:hover,
  div.imgPopUpright a:focus, div.imgPopUpright a:hover,
  div.imgPopUpcenter a:focus, div.imgPopUpcenter a:hover,
  div.imgPopUpSub a:focus, div.imgPopUpSub a:hover {
    background-image: url(../images/ic_popup_a.gif);
  }


div.imgPopUpSub a{
  background: url(../images/ic_popup_a.gif) left top no-repeat;
}

/* sideBar images */

div#sideBar div.imgPopUpleft, div#sideBar img.imgleft{ /* Deze class wordt a.d.h. de uitlijning bepaald */
  margin-left: 12px;
  margin-right: 12px;
}
div#sideBar div.imgPopUpright, div#sideBar img.imgright{ /* Deze class wordt a.d.h. de uitlijning bepaald */
  margin-left: 12px;
  margin-right: 12px;
}
* html div#sideBar div.imgPopUpright, * html div#sideBar img.imgright{ margin: 0 0 4px 8px;}

div#sideBar div.imgPopUpcenter, div#sideBar img.imgcenter{ /* Deze class wordt a.d.h. de uitlijning bepaald */
  margin: 3px 0 2px;
}

div#sideBar div.imgPopUpleft a, div#sideBar div.imgPopUpright a, div#sideBar div.imgPopUpcenter a, div#sideBar div.imgPopUpSub a {
  margin: 0;
}





/*
  div.imgPopUpleft *, div.imgPopUpright *, div.imgPopUpcenter *, div.imgPopUpSub * {
    display: block;
  }
  
  div.imgPopUpleft script, div.imgPopUpright script, div.imgPopUpcenter script, div.imgPopUpSub script {
    display: none;
  }

    .imgCorners span {
      position: absolute;
      display: block;
      width: 12px;
      height: 12px;
      background: url(../images/bg_img_corners.png) transparent no-repeat left top;
    }
    * html .imgCorners span { background-image: url(../images/bg_img_corners_ie6.png); }
    
    .top { top: -6px; }
    .bottom { bottom: -6px; }
    * html .bottom { bottom: -10px; }
    .left { left: -6px; }
    .right { right: -6px; }
*/

/*
 1. body/container
 2. header
 3. content
 3.1 content - homepage
 3.2 content - submenu
 3.3 content - primary
 3.4 content - subcontent
 5. clear & footer
*/

/* 1. body/container */
html {
	height: 100%;
}

div#wrapper {
  width: 100%;
  background: url(/images/bg_wrapper.png) center 0 repeat-y;
  min-height: 100%;
  margin: 0 auto -1.25em;
  overflow: hidden;
}

.blog div#wrapper {
  background: url(/images/bg_wrapper_blog.png) center 0 repeat-y;
}

div#container {
	width: 960px;
	background: #fff;
	margin: 0 auto;
}

.blog div#container {
	width: 744px;
}

body.home div#container {
  width: 984px;
}

/* 2. header */
div#header {
	width: 100%;
	position: relative;
  float: left;
  height: 250px;
}

body.home div#header {
  width: 960px;
  padding: 0 12px;
  height: auto;
  margin: 0 0 15px;
  background: url(/images/bg_header_home.gif) 0 0 no-repeat;
}

.blog div#header {
  height: auto;
  margin-bottom: 17px;
}

img#logo_home {
  position: absolute;
  top: 25px;
  left: 25px;
}

div#header h1, div#header p.skip {
	margin: 0;
}

div#header h1 span, div#header p.skip a {
	position: absolute;
	overflow: hidden;
	width: 0;
}

div#header h1 a {
	position: absolute;
	left: 0;
	top: 0;
	width: 190px;
	height: 72px;
	background: 0;
}

	.blog div#header h1 a {
		position: relative;
		left: auto;
		top: auto;
		width: auto;
		height: auto;
		background: none;
	}
	


div#header p.skip a {
	top: 0;
	left: 0;
	color: #fff;
	background: #000;
	text-decoration: none;
	font-size: 1em;
	padding: 0.25em 0;
	text-align: center;
}

div#header p.skip a:active, div#header p.skip a:focus {
	overflow: visible;
	width: 100%;
}

ul#options, ul#icons {
  margin: 0;
  list-style: none;
  float: right;
  padding: 10px 0;
  z-index: 3;
  position: relative;
}

ul#icons{
	margin-left: 5px;	
}

	ul#options li, ul#icons li {
	  float: left;
	  margin-right: 0.3125em;
	  font-size: 1em;
	  height: 22px;
	  overflow: hidden;
	}
	
	ul#icons li{
		margin-right: 0.9em;
    	margin-top: 3px;	
	}

ul#options li a {
  display: block;
}

ul#options li a:link, ul#options li a:visited {
  color: #73abbe;
  text-decoration: none;
}

ul#options li a:hover, ul#options li a:active {
  color: #006688;
  background: #d9e8ed url(/images/bg_options_right.gif) right 0 no-repeat;
  text-decoration: none;
}

ul#options li a:hover span, ul#options li a:active span {
  background: url(/images/bg_options_left.gif) left 0 no-repeat;    
}

ul#options li span {
  padding: 2px 10px 4px;
  display: block;
}

ul#options li#options_login {
  overflow: visible;
  margin: 0 1.25em 0 0.9375em;
}

ul#options li#options_login span {
  width: 150px;
  height: 18px;
  padding: 2px 30px;
  background: url(/images/bg_options_login.png) 0 0 no-repeat;
  color: #fff;
  cursor: pointer;
}

ul#options li#options_login span.loggedin {
  background: url(/images/bg_options_loggedin.png) 0 0 no-repeat;
  cursor: default;
}

form#form_login {
  background: #97c1cf url(/images/bg_form_login.gif) right bottom no-repeat;
  width: 190px;
  padding: 10px;
  float: left;
}

form#form_login p {
  font-size: 1em;
}

form#form_login label {
  color: #005577;
  margin: 0 0 0.3125em;
}

form#form_login input.zoekButton {
  width: 50px;
  height: 20px;
  background: url(/images/bg_login_submit.png) 0 0 no-repeat;
  color: #fff;
}

form#form_login ul {
  margin: 0;
  float: left;
  list-style: none;
}

form#form_login ul li {
  font-size: 1em;
  float: none;
}

form#form_login ul li a:link, form#form_login ul li a:visited,
form#form_login ul li a:hover, form#form_login ul li a:active {
  color: #005577;
  text-decoration: underline;
  background: 0;
}

div#header_image {
  width: 940px;
  height: 142px;
  padding: 0 10px;
  float: left;
  z-index: 1;
  position: relative;
  background: #d9e8ed url(/images/bg_header.png) 0 0 no-repeat;
}

.blog div#header_image {
  width: 724px;
  height: 163px;
  background: #fff url(/images/bg_header_blog.gif) 12px 0 no-repeat;
}

	.blog div#header_image h1{
	  padding: 54px 12px 50px 19px;
	}
		.blog #header_image h1 a{
		  text-decoration: none;
		}

		.blog #header_image h1 a em{
			font-size: 1.15em;
			color: #068;
			padding: 5px 0 0 36px;
			display: block;
		}


div#header_image img {
  float: left;
}

ul#mainMenu {
	margin: 0;
  width: 960px;
  background: #e7a065 url(/images/bg_mainmenu.gif) 0 bottom repeat-x; 
	list-style: none;
  float: left;
  height: 24px;
  padding: 4px 0;
  position: relative;
  z-index: 1;
}

ul#mainMenu li {
	float: left;
  font-size: 1.16em;
  font-weight: bold;
  margin-left: 1.25em;
}

ul#mainMenu a {
  display: block;
}

ul#mainMenu a:link, ul#mainMenu a:visited {
  text-decoration: none;
  color: #fff;
}

ul#mainMenu a:hover, ul#mainMenu a:active, ul#mainMenu a.active {
  color: #006688;
  background: #fff url(/images/bg_mainmenu_right.gif) right 0 no-repeat;
}

ul#mainMenu li a:hover span, ul#mainMenu li a:active span, ul#mainMenu li a.active span {
  background: url(/images/bg_mainmenu_left.gif) left 0 no-repeat;    
}

ul#mainMenu li span {
  padding: 5px 15px 7px;
  display: block;
}

form#form_search {
  float: right;
  margin: -25px 1.25em 0 0;
  position: relative;
  z-index: 2;
}
.blog form#form_search {
  margin: 3px 7px 3px 0;
}

form#form_search input {
  float: left;
  margin: 0;
}

form#form_search span {
  background: #fff url(/images/bg_form_search.gif) top left no-repeat;
  width: auto;
}

	.blog form#form_search span {
	  background: #fff url(/images/bg_zoekvenster_blog.png) top left no-repeat;
	  padding: 5px 0 5px 10px;
	}


form#form_search span input {
  background: 0;
  padding-left: 5px;
  padding-right: 5px;
  height: 18px;
}

form#form_search input.zoekButton {
  width: 49px;
  height: 20px;
  background: url(/images/bg_search_submit.png) no-repeat; 
  border: 0;
  color: #fff;
}

	.blog form#form_search input.zoekButton {
	  width: 52px;
	  height: 30px;
	  background: url(/images/bg_search_submit_blog.png) no-repeat; 
	}
	
form#form_search input.zoekButton:hover, form#form_search input.zoekButton.active {
  background: url(/images/bg_search_submit_hover.png) no-repeat; 
}
	.blog form#form_search input.zoekButton:hover, .blog form#form_search input.zoekButton:active{
	  background: url(/images/bg_search_submit_blog_hover.png) no-repeat; 
	}


/* 3. content */
div#contentBody {
	width: 100%;
  float: left;
  margin-bottom: 1.875em;
}

body.home div#contentBody {
  margin-left: -3px;
  width: 975px;
  margin-bottom: 0;
}

.blog div#contentBody {
	width: 720px;
	padding: 0 12px;
}



/* 3.1 content - homepage */
div#call_to_actions {
  float: left;  
  margin-top: 190px;
  width: 384px;
}

div#call_to_actions div {
  width: 384px;
  height: 60px;
  margin-bottom: 10px;
  float: left;
  overflow: hidden;
  background: url(/images/bg_cta.png) 0 0 no-repeat;
}

div#call_to_actions div:hover {
  cursor: pointer;
  background: url(/images/bg_cta_hover.png) 0 0 no-repeat;
}

div#call_to_actions h2 {
  font-size: 1.16em;
  margin: 0;
}

div#call_to_actions h2 a {
  color: #fff;
  text-decoration: none;
  background: 0;
  padding: 10px 20px 0;
  display: block;
}

div#call_to_actions p {
  font-size: 0.9375em;
}

div#call_to_actions p a {
  padding: 5px 0 13px 20px;
  display: block;
}

div#call_to_actions p a {
  color: #005577;
  text-decoration: none;
  background: 0;
}

div#call_to_actions div:hover p a {
  color: #e5b290;
}

div#forms_overview {
  width: 544px;
  height: 348px;
  padding-right: 20px;
  background: #d9e8ed url(/images/bg_forms_overview.gif) 0 0 no-repeat;
  float: right;
  overflow: hidden;
  position: relative;
}

div#forms_overview img {
  float: left;
}

div#forms_overview form {
  float: right;
  background: #97c1cf url(/images/bg_form_login_home.gif) right bottom no-repeat;
}

div#forms_overview form p, div#forms_overview form ul li {
  font-size: 1em;
}

div#forms_overview h2 {
  width: 150px;
  height: 18px;
  padding: 2px 30px;
  background: url(/images/bg_options_login_home.png) 0 0 no-repeat;
  color: #fff;
  float: right;
  font-size: 1em;
  font-weight: normal;
  margin: 20px 0 0;
  clear: none;
}

div#forms_overview form#form_search {
  float: none;
  margin: 0;
  position: absolute;
  bottom: 20px;
  right: 20px;
}

div#forms_overview form#form_search span {
  background: #fff url(/images/bg_form_search_home.gif) top left no-repeat;
  width: auto;
}

div#forms_overview form#form_search input.zoekButton {
  background: url(/images/bg_search_submit_home.png) no-repeat; 
}

div#forms_overview form#form_search input.zoekButton:hover, 
div#forms_overview form#form_search input.zoekButton.hover {
  background: url(/images/bg_search_submit_home_hover.png) no-repeat; 
}

div.spotlight {
  float: left;
  width: 280px;
  padding: 12px 15px 15px;
  margin-left: 15px;
  border-top: 1px solid #f8e5d4;
  background: url(/images/bg_spotlight.png) 0 0 no-repeat;
}

	.spotlight h2 {
		font-size: 1.4em;
	}

div.row{clear: both;}

/* 3.2  submenu */
#navBar {
	float: left;
	padding-bottom: 15px;
}

div#subMenu {
  width: 225px;
  background: url(/images/bg_submenu.gif) 0 0 no-repeat;
  float: left;
  padding-right: 15px;
}

div#subMenu ul {
  margin: 0;
  list-style: none;
  border-bottom: 1px solid #f8e5d4;
}

div#subMenu ul li {
  border-top: 1px solid #f8e5d4;
}

div#subMenu ul li ul {
  border: 0;
}

div#subMenu ul li ul li {
  border: 0;
}

div#subMenu ul li a {
  padding: 0.5em 15px;
  display: block;
}

div#subMenu ul li ul li a {
  padding-left: 30px;
}

div#subMenu ul li ul li li a {
  padding-left: 45px;
}

div#subMenu ul li ul li li li a {
  padding-left: 60px;
}

div#subMenu ul li a:link, div#subMenu ul li a:visited {
  text-decoration: none;  
  color: #5b5855;
}

div#subMenu ul li a.active, div#subMenu ul li a.parent,
div#subMenu ul li a:hover, div#subMenu ul li a:active {
  color: #006688;
  /*background: 0;*/
}

div#subMenu ul li a:hover, div#subMenu ul li a:focus, div#subMenu ul li a:active {
	text-decoration: underline;
}

div#subMenu ul li a.active {
	font-weight: bold;
}

div#subMenu ul li.besloten {
	background: url(../images/ico_besloten.gif) 5px 9px no-repeat;  
}

div#subMenu ul li ul li a:hover, div#subMenu ul li ul li a:active {
  /*color: #cc6622;*/
  /*background: 0;*/  
}

div#subMenu ul li ul li a.active, div#subMenu ul li ul li a.parent {
  /*color: #5b5855;*/
  /*font-weight: bold;*/
  background: url(/images/bg_submenu_arrow.gif) 16px 0.7em no-repeat;  
}

div#subMenu ul li ul li li a.active, div#subMenu ul li ul li li a.parent {
  background-position: 31px 0.7em;  
}

div#subMenu ul li ul li li li a.active, div#subMenu ul li ul li li li a.parent {
  background-position: 46px 0.7em;  
}

/* 3.3 content - primary */
div#content {
  float: left;
  width: 428px;
  margin-right: 24px;
  padding: 11px 20px 20px;
  background: url(/images/bg_content.gif) 0 0 no-repeat;
  border-top: 1px solid #f8e5d4;
}


.blog #inhoud{
	width: 467px;
	float: left;
	padding-right: 24px;
}


/* 3.4 content - subcontent */
div#subContent {
  float: left;
  width: 228px;
}

div#subContent h2 {
  background: url(/images/bg_subcontent.gif) #cae1e7 0 0 repeat-x;
  margin: 0;
  font-size: 1.16em;
}

div#subContent h2 span {
  display: block;
  padding: 6px 10px 6px;
  background: url(/images/bg_subcontent_corner.gif) right 0 no-repeat;
}

div#subContent div.item {
  border: 1px solid #d9e8ed;
  border-width: 0 1px 1px;
  padding: 10px;
  color: #006688;
  margin: 0 0 1.25em;
}

/* 4. clear & footer */
div#footer {
	width: 960px;
  padding-top: 10px;
	border-top: 1px solid #eeedea;
  float: left;
  margin-bottom: 1.25em;
}

body.home div#footer {
  margin-left: 12px;
}

.blog div#footer {
	width: 720px;
	margin-top: 20px;
}

div#footer ul {
  margin: 0;
  list-style: none;
  float: right;
}

.blog div#footer ul {
  float: left;
}

div#footer ul li {
  float: left;
  height: 22px;
  font-size: 1em;
  overflow: hidden;
}

div#footer a {
  display: block;
  margin-left: 3px;
}

div#footer a:link, div#footer a:visited {
  color: #a5a3a2;
  text-decoration: none;
}

div#footer a:hover, div#footer a:active, body #wrapper div#footer a.aan {
  background: #eeedea url(/images/bg_footer_right.gif) right 0 no-repeat;
  color: #5b5855;
}

div#footer a:hover span, div#footer a:active span, body #wrapper div#footer a.aan span {
  background: url(/images/bg_footer_left.gif) left 0 no-repeat;
}

div#footer span {
  padding: 2px 15px 7px;
  display: block;
}

div#clear {
  width: 1%;
  clear: both;
  height: 1.25em;
}

div.pollImg img{
	display: inline;
}

div#content.content_forum{
	width: 655px;
}

.formWit img{
	display: inline;
}

.clearboth{
	clear: both;	
}

a.lightlight_link{
	margin: 0;
	padding: 0;
	border: 0;
}

a.lightlight_link img{
	margin: 0;
	padding: 0;
	border: 0;
	display: inline;
}

.wrapper_fotoalbum{
	overflow: hidden;
	display: inline;
}

.item_fotoalbum{
	display: inline;
}

.item_fotoalbum .imgRight{
	float: right;
	margin: 0 0 10px 10px;
}


body #legenda img{
	margin: 0;
}

#legenda{
	margin: 0 0 30px 0;
}

.image_float_left{
	float: left;
	margin: 0 10px 10px 0;
}

.image_float_right{
	float: right;
	margin: 0 0 10px 10px;
}

#fancybox-loading {
	position: fixed;
	top: 50%;
	left: 50%;
	height: 40px;
	width: 40px;
	margin-top: -20px;
	margin-left: -20px;
	cursor: pointer;
	overflow: hidden;
	background: transparent;
	z-index: 1104;
	display: none;
}

* html #fancybox-loading {	/* IE6 */
	position: absolute;
	margin-top: 0;
}

#fancybox-loading div {
	position: absolute;
	top: 0;
	left: 0;
	width: 40px;
	height: 480px;
	background: transparent url('../images/fancy_loading.png') no-repeat;
}

#fancybox-overlay {
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background: #000;
	z-index: 1100;
	display: none;
}

* html #fancybox-overlay {	/* IE6 */
	position: absolute;
	width: 100%;
}

#fancybox-tmp {
	padding: 0;
	margin: 0;
	border: 0;
	overflow: auto;
	display: none;
}

#fancybox-wrap {
	position: absolute;
	top: 0;
	left: 0;
	margin: 0;
	padding: 20px;
	z-index: 1101;
	display: none;
}

#fancybox-outer {
	position: relative;
	width: 100%;
	height: 100%;
	background: #FFF;
}

#fancybox-inner {
	position: absolute;
	top: 0;
	left: 0;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: 0;
	outline: none;
	overflow: hidden;
}

#fancybox-hide-sel-frame {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: transparent;
}

#fancybox-close {
	position: absolute;
	top: -15px;
	right: -15px;
	width: 32px;
	height: 32px;
	background: url('../images/fancy_close.png') top left no-repeat;
	cursor: pointer;
	z-index: 1103;
	display: none;
}

#fancybox_error {
	color: #444;
	font: normal 12px/20px Arial;
}

#fancybox-content {
	height: auto;
	width: auto;
	padding: 0;
	margin: 0;
}

#fancybox-img {
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
	border: none;
	outline: none;
	line-height: 0;
	vertical-align: top;
	-ms-interpolation-mode: bicubic;
}

#fancybox-frame {
	position: relative;
	width: 100%;
	height: 100%;
	border: none;
	display: block;
}

#fancybox-title {
	position: absolute;
	bottom: 0;
	left: 0;
	font-family: Arial;
	font-size: 12px;
	z-index: 1102;
}

.fancybox-title-inside {
	padding: 10px 0;
	text-align: center;
	color: #333;
}

.fancybox-title-outside {
	padding-top: 5px;
	color: #FFF;
	text-align: center;
	font-weight: bold;
}

.fancybox-title-over {
	color: #FFF;
	text-align: left;
}

#fancybox-title-over {
	padding: 10px;
	background: url('../images/fancy_title_over.png');
	display: block;
}

#fancybox-title-wrap {
	display: inline-block;
}

#fancybox-title-wrap span {
	height: 32px;
	float: left;
}

#fancybox-title-left {
	padding-left: 15px;
	background: transparent url('../images/fancy_title_left.png') repeat-x;
}

#fancybox-title-main {
	font-weight: bold;
	line-height: 29px;
	background: transparent url('../images/fancy_title_main.png') repeat-x;
	color: #FFF;
}

#fancybox-title-right {
	padding-left: 15px;
	background: transparent url('../images/fancy_title_right.png') repeat-x;
}

#fancybox-left, #fancybox-right {
	position: absolute;
	bottom: 0px;
	height: 100%;
	width: 35%;
	cursor: pointer;
	outline: none;
	background-image: url('../images/blank.gif');
	z-index: 1102;
	display: none;
}

#fancybox-left {
	left: 0px;
}

#fancybox-right {
	right: 0px;
}

#fancybox-left-ico, #fancybox-right-ico {
	position: absolute;
	top: 50%;
	left: -9999px;
	width: 30px;
	height: 30px;
	margin-top: -15px;
	cursor: pointer;
	z-index: 1102;
	display: block;
}

#fancybox-left-ico {
	background: transparent url('../images/fancy_nav_left.png') no-repeat;
}

#fancybox-right-ico {
	background: transparent url('../images/fancy_nav_right.png') no-repeat;
}

#fancybox-left:hover, #fancybox-right:hover {
	visibility: visible;    /* IE6 */
}

#fancybox-left:hover span {
	left: -17px;
}

#fancybox-right:hover span {
	left: auto;
	right: -17px;
}

div.fancy-bg {
	position: absolute;
	padding: 0;
	margin: 0;
	border: 0;
	z-index: 1001;
}

div#fancy-bg-n {
	top: -20px;
	left: 0;
	width: 100%;
	height: 20px;
	background: transparent url('../images/fancy_shadow_n.png') repeat-x;
}

div#fancy-bg-ne {
	top: -20px;
	right: -20px;
	width: 20px;
	height: 20px;
	background: transparent url('../images/fancy_shadow_ne.png') no-repeat;
}

div#fancy-bg-e {
	top: 0;
	right: -20px;
	height: 100%;
	width: 20px;
	background: transparent url('../images/fancy_shadow_e.png') repeat-y;
}

div#fancy-bg-se {
	bottom: -20px;
	right: -20px;
	width: 20px;
	height: 20px;
	background: transparent url('../images/fancy_shadow_se.png') no-repeat;
}

div#fancy-bg-s {
	bottom: -20px;
	left: 0;
	width: 100%;
	height: 20px;
	background: transparent url('../images/fancy_shadow_s.png') repeat-x;
}

div#fancy-bg-sw {
	bottom: -20px;
	left: -20px;
	width: 20px;
	height: 20px;
	background: transparent url('../images/fancy_shadow_sw.png') no-repeat;
}

div#fancy-bg-w {
	top: 0;
	left: -20px;
	height: 100%;
	width: 20px;
	background: transparent url('../images/fancy_shadow_w.png') repeat-y;
}

div#fancy-bg-nw {
	top: -20px;
	left: -20px;
	width: 20px;
	height: 20px;
	background: transparent url('../images/fancy_shadow_nw.png') no-repeat;
}

#content ul{
	margin-left: 0;
	padding: 0;
}

#content ul li{
	list-style: none;
	padding-left: 10px;
	background: transparent url('../images/ico_li.gif') 0 0.4em no-repeat;
}

#sitemap li{
	line-height: 1.7em;
}

#content #sitemap li a{
	text-decoration: none;
}


/* Chatten */

div#chatBox
{
	height: 300px;
	width: 399px;
	border: 1px solid #666;
	padding: 5px;
	margin-bottom: 10px;
	background: #FBFBFB;
	text-align: left;
	overflow: auto;
}
div#chatBox i{font-style: normal;}
div#chatBox i.clr0{color: #000000;}
div#chatBox i.clr1{color: #993366;}
div#chatBox i.clr2{color: #d46c38;}
div#chatBox i.clr3{color: #29af27;}
div#chatBox i.clr4{color: #d55497;}
div#chatBox i.clr5{color: #c9a900;}
div#chatBox i.clr6{color: #666666;}
div#chatBox i.clr7{color: #999999;font-style: italic;}
div#chatBox i.msg{color: #999999;}

div#chatClrs{
	display: inline;
	float: left;
	vertical-align: middle;
}
div#chatClrs img{
	margin-right: 10px;
	margin-top: 8px;
	border: 1px solid #ffffff;
}
div#chatClrs img#clrTxt{
	margin-right: 4px;
}

div#chatUsers{
	width: 334px;
	text-align: left;
}

div#zoekRes img{display: inline; margin:0;}

div#zoekRes h2{margin:1em 0 0 0;}


/* Opmaak voor BLOG: er staan bij diverse hoofdelementen hierboven al iverse uitzonderingen met .blog */

.blog #sidebar{
	width: 228px;
	_height: 250px;
	min-height: 250px;
	float: left;
	background:url(../images/bg_subcontent_blog.gif) top left no-repeat;
	margin-bottom: 100px;
}

.blog #sidebar h3{
	border-top	: 1px solid #fae9dc;
	padding: 5px 2px 2px 12px;
	font-size: 1.35em;
}

.blog #sidebar .item{
	padding: 0 2px 24px 12px;
}

.blog #sidebar ul{
margin:0 0 24px 12px;
padding:0;
}

.blog #sidebar ul li{
	list-style: none;
	padding-left: 10px;
	background: transparent url('../images/ico_li.gif') 0 0.4em no-repeat;
}

.blog #header ul{
	float: left;
	margin: 10px 0 8px 12px;
}

.blog #header li{
	list-style: none;
	float: left;
	padding-right: 25px;
}

.blog #header li a{
	color: #73abbe;
	text-decoration: none;
	background: url(../images/ico_topmenu.gif) top right no-repeat;
	padding-right: 10px;
}
	.blog #header li a:hover, .blog #header li a:active{
		color: #c62;
		background: url(../images/ico_topmenu.gif) bottom right no-repeat;
	}

.blogArticle, .blogReactie{
	color: #068;
	background:url(../images/bg_article_blog.gif) bottom left no-repeat;
	padding: 0 0 13px 0;
	margin-bottom: 12px;
}
	.blogReactie{
		background:url(../images/bg_reactie_blog.gif) bottom left no-repeat;
	}

.blogArticleInner{
	border-left: 1px solid #d9e8ed;
	border-right: 1px solid #d9e8ed;
	padding: 6px 10px 0;
}

	.blogReactieInner{
		border-left: 1px solid #f5d6bc;
		border-right: 1px solid #f5d6bc;
		padding: 6px 10px 0;
	}

.blogArticle h2, .blogReactie h2{
	color: #068;
	font-size: 1.15em;
	background:url(../images/bg_h2_blog.gif) left top no-repeat;
	margin: 0;
	padding: 6px 3px 4px 12px;
}
	.blogReactie h2{
		color: #d72;
		background:url(../images/bg_h2_reactie.gif) left top no-repeat;
	}
	.blogArticle h2 a{
		color: #068;
		text-decoration: none;
	}
	
	.blogArticle .date, .blogArticle .postInfo{
		color: #73abbe;
		padding-bottom: 5px;
	}
	
	.blogArticle .posted{
		border-top: 1px solid #d9e8ed;
		padding: 4px 0 0;
		margin-top: 12px;
	}
	
	.blogArticle a.verderLink{
		color: #c62;
		background: url(../images/ico_topmenu.gif) bottom right no-repeat;
		padding-right: 10px;
	}
			.blogArticle a.verderLink:hover, .blogArticle a.verderLink:active{
				color: #068;
				background: url(../images/ico_topmenu.gif) top right no-repeat;
			}
			
	.blogAuthor dl {
		clear: left;
		margin: 1.5em 0 0;
		padding: 0;
	}

	.blogArticle h3, .blogAuthor dt {
		/*float: left;
		clear: left;*/
		font-size: 1.1em;
		color: #068;
		margin: 0 0 3px;
		padding: 0;
		background-image: none;
	}
	
	.blogAuthor dd {
		/*float: left;
		clear: left;*/
		margin: 0 0 1.5em;
	}