html { overflow:auto; overflow-x:hidden; }

body {
  background-image:url('/images/bg.gif');
  background-repeat:repeat-x;
  background-position: top left;
  background-color: #FFFFFF;
  margin: 0px;
  padding: 0px;
  font-family: verdana,arial, sans-serif;
}

A { text-decoration: none; }
A:link { color: #00427C; }
A:visited { color: #00427C; }
A:hover { text-decoration: none; color: #00427C; }

hr {
	border:none; 
	height:2px; 
	background-image:url("/images/hr.gif");
}

H1 {
  margin:0px;
	margin-top:15px;
	margin-bottom:10px;
	color:#004c99;
	font-style:italic;
	font-size:22px;
	font-family:Verdana;
}

H2 {
	margin:0px;
	margin-top:10px;
	margin-bottom:10px;
	color:#004c99;
	font-style:italic;
	font-size:18px;
	font-family:Verdana;
}

H3 {
  margin:0px;
	margin-top:10px;
	margin-bottom:10px;
	color:#004c99;
	font-style:italic;
	font-size:16px;
	font-family:Verdana;
}

H4 {
  margin:0px;
	margin-top:10px;
	margin-bottom:10px;
	color:#004c99;
	font-style:italic;
	font-size:16px;
	font-family:Verdana;
}
H5 {
  margin:0px;
	margin-top:15px;
	margin-bottom:10px;
	color:#004c99;
	font-style:italic;
	font-size:22px;
	font-family:Verdana;
}


#page{
  width:960px;
  margin-left:auto;
  margin-right:auto;
}

#header{
  width:100%;
  height:164px;
  overflow:hidden;
}

#headerHome{
  width:100%;
  height:240px;
  overflow:hidden;  
}

#topbar{
  height:31px;
}

#sitelinks{
  float:left;
  text-transform:uppercase;
  color:#ccc;
  font-size:10px;
  padding-top:10px;
}

#sitelinks a {
	color:#ccc;
}

#slogan{
  float:right;
}

#photobar { height:50px;} 
#photobarhome{
	height:208px;	
  position:relative;                   /* temp voor kerst */
}	
#logo{
  float:left;
  text-align:right;
  width:120px;
}

#logohome{
  float:left;
  text-align:right;
  width:180px;
  height:203px;  
}
#logohome_65 {
	position: relative;
	top: -71px;
	width: 121px;
	height: 71px;	
	left: 130px;
}

#menubg {
background-image:url("/images/bg_menu.gif");
height:46px;
width:300px;
position:absolute;
top:31px;
right:0px;
z-index:-50;
}

#menucontainer{
  height:46px;
	margin-right:0px;
	right:0px;
}

#menu{
  height:46px;
	float:right;
}

#menuright ul{ font-size:11px;}
#menuright li {
  float:left;
  height:37px;
  display:block;
  padding-left:10px; 
  padding-right:10px;
  background-image:url('/images/bg_menuitem.gif');
  background-position:right top;
  background-repeat:no-repeat;
  color:#fff;
	line-height:35px;
}


#menuright li a{
  color:#fff;
  font-size:11px;
}

#menuright li a:hover{
  color:#bbb;
}

#menuleft {
  float:left;
  width:27px;
}

#menuright {
  background-image:url('/images/bg_menu.gif');
  height:46px;
  float:left;
}

#photo{
  text-align:right;
  height:87px;
}
#photohome{
  background-image:url('/images/header_professions_large.jpg');
  background-repeat:no-repeat;                                                     
  position:absolute; left:250px; top:58px; height:149px; width:675px; z-index:5; 
  text-align:right;
}

/* ------------------------------------------------------------------ */


#content{
  padding:0px;
  background-image:url('/images/bg_content.gif');
  background-repeat:repeat-y;
	border-left:1px solid #004c99;
	border-right:1px solid #004c99;
	width:957px;
	font-family:arial;
	font-size:12px;
	color:#333;
}

#contentHomepage{
  padding:0px;
  background-image:url('/images/bg_content_home.gif');
  background-repeat:repeat-y;
	border-left:1px solid #004c99;
	border-right:1px solid #004c99;
	width:957px;
	font-family:arial;
	font-size:12px;
	color:#333;
}

#contentHeader{
  height:10px;
  overflow:hidden;
}

#contentLeft{
  padding:10px;
	padding-bottom:20px;
  float:left;
  width:730px;
	background-image:url("/images/bg_contentleft.gif");
	background-repeat:repeat-x;
	border-right:1px dashed #9F9F9F;
	line-height:20px;
}

#contentLeftHomepage{
  padding:10px;
	padding-bottom:20px;
  float:left;
  width:430px;
	background-image:url("/images/bg_contentleft.gif");
	background-repeat:repeat-x;
	border-right:1px dashed #9F9F9F;
	line-height:20px;
}

#contentMid {
	width:279px;
	padding:10px;
	float:left;
	background-color:#e9e9f5;
	background-image:url("/images/bg_contentmid.gif");
	background-repeat:repeat-x;
	border-right:1px dashed #9F9F9F;
	font-size:11px;
	line-height:18px;
}

#contentRight{
  padding:10px;
  float:left;
  width:180px;
	background-color:#D7D7D7;
	background-image:url("/images/bg_contentright.gif");
	background-repeat:repeat-x;
	font-size:11px;
	line-height:18px;
}

table#poll {
	background-color: #d1d9ec;
	width:100%;
}

table#poll li {
	list-style-position:inside;
}

table#cao {
	background-color: #d1d9ec;
	width:100%;
}

table#vao li {
	list-style-position:inside;
}

/* ------------------------------------------------------------------ */

#footer {
	width: 931px;
	height:22px;
	border-left:1px solid #004c99;
	border-right:1px solid #004c99;
	background-color: #004c99;
	font-family:Arial;
	font-size:10px;
	color:#FFF;
	padding-left:26px;
	line-height:22px;
}

#footer a{
	color:#FFF;
	text-decoration:none;
}

/*------------------------News Front---------------------------------*/

ul#frontNews {
	list-style-type:none;
	margin:0px;
	padding:0px;
}

li.frontItem {
	font-size:11px;
	font-family:Arial;
	color:#333;
	padding-left:10px;
	display:block;
	background-color:#e5e5e5;
/*	width:400px;*/
	height:22px;
	line-height:22px;
	border-bottom:1px solid #c9c9c9;
}

li.frontItem:hover{
	background-color:#c9c9c9;
}

li.frontItem a {
	text-decoration:none;
	color:#333;
}

/* ------------------------------- infoBalk -------------------------- */

	#infoBalk {
		position:absolute;
		top: 450px;
		margin-left:470px;
	}
	
	#infoBalkContent {
		width:475px; 
		height:140px; 
		border:1px solid #FFF; 
		background-color:#004c99;
		color:#FFF;
		font-family:Arial;
		font-size:11px;
		overflow:auto;		
		
		scrollbar-base-color: #004C99;
		scrollbar-arrow-color: #004C99;
		scrollbar-face-color: #FFFFFF;
		scrollbar-highlight-color: #FFFFFF;
		scrollbar-3dlight-color: #000000;
		scrollbar-shadow-color: #D7D7D7;
		scrollbar-darkshadow-color: #000000;
		scrollbar-track-color: #004C99;
	}
	
	#infoBalkContent a {
		color:#999;
	}
	
	#infoBalkSpan {
		margin:15px;
	}
	
	
	#infoBalkNav {
		width:477px;
		height:23px;
	}
	
	div#infoBalkNav .infoBalkNavTab_on {
		position:relative;
		float:left;
		height:21px;
		background-color:#004c99;
		line-height:22px;
		font-size:11px;
		font-family:Arial;
		color:#FFFFFF;
		padding-left:20px;
		padding-right:20px;
		border-top:1px solid #FFF;
		border-left:1px solid #FFF;
		border-right:1px solid #FFF;
		margin-top:1px;
	}
	
	div#infoBalkNav .infoBalkNavTab_on a{
		text-decoration:none;
		color:#FFFFFF;
	}
	
	div#infoBalkNav .infoBalkNavTab_off {
		float:left;
		height:17px;
		background-image:url("/images/tab_off.gif");
		background-repeat:repeat-x;
		line-height:17px;
		font-size:11px;
		font-family:Arial;
		color:#000000;
		padding-left:15px;
		padding-right:15px;
		margin-top:6px;
		margin-left:1px;
		margin-right:1px;
	}

	div#infoBalkNav .infoBalkNavTab_off a{
		text-decoration:none;
		color:#000000;
	}

#overlayLogin {
	position:absolute; 
	display:none;
	z-index:500;
	width:192px; 
	height:86px;
	text-align:center;
	margin-top:5px;
	margin-left:-4px;
	border:1px solid #fff;
	color:#fff;
	padding-top:25px;
  /* Mozilla ignores crazy MS image filters, so it will skip the following */
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='/images/75p_blue.png');
}

#overlayLogin a {
	color:#fff;
	font-weight:bold;
	text-decoration:none;
}

/* IE ignores styles with [attributes], so it will skip the following. */
#overlayLogin[id] {
  background-image:url("/images/75p_blue.png");
}
	
/*---------------------------------------------------------- clear fix */

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

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


/*-------------------------------------------------------- */

input.FrmBtnOut
{  
  cursor:hand ; 
  height: 20px;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 8pt;
  color: #FFFFFF;
  margin: 0px;
  background-color: #004C99;
  border-color: #999999; 
  border-style: solid; 
  border-top-width: 1px; 
  border-right-width: 1px; 
  border-bottom-width: 1px; 
  border-left-width: 1px;
}

input.FrmBtnOn
{  
  cursor:hand ; 
  height: 20px;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 8pt;
  color: #004C99;
  margin: 0px;
  background-color: #FFFFFF;
  border-color: #004C99; 
  border-style: solid; 
  border-top-width: 1px; 
  border-right-width: 1px; 
  border-bottom-width: 1px; 
  border-left-width: 1px;
}

/* These are standard sIFR styles... do not modify */
/*****************************************************************************
scalable Inman Flash Replacement (sIFR) version 3.

Copyright 2006 – 2008 Mark Wubben, <http://novemberborn.net/>

Older versions:
* IFR by Shaun Inman
* sIFR 1.0 by Mike Davidson, Shaun Inman and Tomas Jogin
* sIFR 2.0 by Mike Davidson, Shaun Inman, Tomas Jogin and Mark Wubben

See also <http://novemberborn.net/sifr3> and <http://wiki.novemberborn.net/sifr3>.

This software is licensed and provided under the CC-GNU LGPL.
See <http://creativecommons.org/licenses/LGPL/2.1/>
*****************************************************************************/

@media screen {
  .sIFR-flash {
    visibility: visible !important;
    margin: 0;
    padding: 0;
  }
  
  .sIFR-replaced, .sIFR-ignore {
    visibility: visible !important;
  }
  
  .sIFR-alternate {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    display: block;
    overflow: hidden;
  }
  
  .sIFR-replaced div.sIFR-fixfocus {
    margin: 0pt; 
    padding: 0pt; 
    overflow: auto; 
    letter-spacing: 0px; 
    float: none;
  }
}

@media print {
  .sIFR-flash {
    display    : none !important;
    height     : 0;
    width      : 0;
    position   : absolute;
    overflow   : hidden;
  }
  
  .sIFR-alternate {
    visibility : visible !important;
    display    : block   !important;
    position   : static  !important;
    left       : auto    !important;
    top        : auto    !important;
    width      : auto    !important;
    height     : auto    !important;
  }
}

/*
Place CSS rules for to-be-replaced elements here. Prefix by .sIFR-active
so they only apply if sIFR is active. Make sure to limit the CSS to the screen
media type, in order not to have the printed text come out weird.
*/
@media screen {
  /* Example:
  .sIFR-active h1 {
    font-family: Verdana;
    visibility: hidden;
  }
  */
}

/* ------------------------------------------------------------------------------------------ */
/* -------------------------------NIEUWS ARCHIEF--------------------------------------------- */
/* ------------------------------------------------------------------------------------------ */
div#newsarchive_noitems 										{ border-bottom:1px solid #e6e6e6; margin-bottom:15px;padding:2px; }
div#newsarchive															{}
div#newsarchive ul													{ list-style:none;padding:4px;margin:0px;}
div#newsarchive	li													{ border-bottom:1px solid #e6e6e6; margin-bottom:15px; }
div#newsarchive	img													{ margin:5px; }
div.newsarchive_title												{}
div.newsarchive_thumbnail										{ }
div.newsarchive_intro												{ float:left; }
div.newsarchive_date												{ float:left; }
div.newsarchive_readmore										{ float:right; }


div.feliciteren														{display:block;margin-bottom:10px;}
div.feliciteren div.titel									{font-weight:bold;border-bottom: solid 1px white;padding:2px;}
div.feliciteren div.verjaardag						{padding:2px;}
div.feliciteren div.verjaardag div.naam		{float:left;font-weight:bold;}
div.feliciteren div.verjaardag div.jaren	{float:right;font-style:italic;}

div.jubilarissen																{}
div.jubilarissen div.titel											{font-weight:bold;border-bottom: solid 1px white;padding:2px;}
div.jubilarissen div.jubilaris									{padding:2px;margin-bottom:10px;}
div.jubilarissen div.jubilaris div.naam					{font-weight:bold;}
div.jubilarissen div.jubilaris div.tekst				{font-weight:bold;;}
div.jubilarissen div.jubilaris div.sinds				{}
div.jubilarissen div.jubilaris div.feliciteren	{}