/**
*
* Design and coding by Jack Kwakman
* Copyright © 2006, ELMA Multimedia
*
*/

/**
* Main elements
*/

body {
	text-align: center;
	line-height: 1.0;
	font: 62.5% Arial, Helvetica, sans-serif;
	background: #004b96 url(images/bg.gif) repeat-x;
	color: #000;
	margin: 10px 0 10px 0;
}

form {
	margin: 0;
	padding: 0;
}

.clearboth {
	clear: both;
}
a {color: #004b96;}
/**
* Header elements
*/

#header {
	width: 769px;
	height: 82px;
	background: #FFF url(images/headerbg.gif) repeat-x;
	margin: auto;
}

#corner_left {
	float: left;
	width: 12px;
	height: 82px;
	background: #FFF url(images/corner_left.gif) no-repeat;
}

#corner_right {
	float: right;
	width: 12px;
	height: 82px;
	background: #FFF url(images/corner_right.gif) no-repeat;
}

#logo {
	float: left;
	width: 141px;
	height: 46px;
	background: url(images/logo.gif) no-repeat;
	margin: 15px 0 0 8px;
	position: relative;
}

#logo h2 {
	display: none;
}

#logo a {
	position: absolute;
	top: 0;
	left: 0;
	width: 141px;
	height: 46px;
}

#topbanner {
	float: right;
	width: 468px;
	height: 61px;
	margin: 13px 0 0 0;
}

#topbanner img {
	border: 0;
}

/**
* Breadcrumb
*/

#breadcrumb {
	width: 769px;
	height: 32px;
	background: #d47216 url(images/breadcrumb.gif) repeat-x bottom left;
	margin: auto;
}

#breadcrumb_path {
	float: left;
	width: 500px;
	height: 18px;
	text-transform: uppercase;
	font-weight: bold;
	color: #FFF;
	font-size: 12px;
	padding: 7px 0 0 17px;
	text-align: left;
	overflow: hidden;
}

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

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

#breadcrumb_left {
	float: left;
	background: #004b96 url(images/shadow_left.gif) repeat-y bottom left;
	height: 32px;
	width: 3px;	
}

#breadcrumb_right {
	float: right;
	background: #004b96 url(images/shadow_right.gif) repeat-y bottom left;
	height: 32px;
	width: 3px;	
}

#searchform {
	display: inline;
	float: right;
	margin: 3px 12px 0 0;
}

#searchform .searchfield, #kb_searchform .searchfield, #shop_searchform .searchfield
{
	border: 1px solid #b3b3b3;
	padding: 3px 6px 2px 6px;
	height: 17px;
	width: 130px;
	background: #fff url(images/search_bg.gif) bottom left repeat-x;
	color: #6c6c6c;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
}

#searchform .searchsubmit
{
	border: 1px solid #727272;
	color: #ffffff;
	font-size: 12px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	background: #8c8c8c url(images/submitbg.gif) bottom left repeat-x;
	padding: 2px;
	width: 61px;
}

/**
* Wrapper
*/

#wrapper_3cols {
	width: 769px;
	background: #FFF url(images/wrapper_3cols.gif) top left repeat-y;
	margin: auto;
}

#wrapper_2cols {
	width: 769px;
	background: #FFF url(images/wrapper_2cols.gif) top left repeat-y;
	margin: auto;
}

/**
* Left menu
*/

#left {
	float: left;
	width: 177px;  
}

/**
* Navigation
*/

#navigation {
	margin: 0 0 0 7px;
	width: 170px;
	background: #f7f7f7 url(images/navigation.gif) top left repeat-y;
	color: #545454;
	text-align: left;
	font-size: 12px;
}

#navigation ul {
	margin: 0 17px 0 17px;
	padding: 8px 0 8px 0;
	list-style: none;
}

#navigation li {
	padding: 2px 0 2px 0;
}

#navigation a {
	text-decoration: none;
	color: #545454;
}

#navigationtop {
	margin: 4px 0 0 7px;
	width: 170px;
	height: 14px;
	background: #f7f7f7 url(images/navigation_top.gif) top left no-repeat;
}

#navigationbottom {
	width: 170px;
	height: 14px;
	background: #f7f7f7 url(images/navigation_bottom.gif) top left no-repeat;
	margin: 0 0 0 7px;
}

.selected {
	font-weight: bold;
}

.menusub {
	margin: 0 0 0 9px;
}

.menusub_selected {
	margin: 0 0 0 9px;
	font-weight: bold;
}

#leftbanner {
	/*margin: 8px 0 0 3px;
	width: 139px;*/
}

/**
* Partners
*/

#partners {
	margin: 0 0 0 7px;
	width: 170px;
	background: #ffffff url(images/partners_bg.gif) top left repeat-y;
	color: #000000;
	text-align: center;
	font-size: 12px;
}

#partners img {
	border: 0;
	margin: 7px 0 7px 0;
}

#partnerstop {
	margin: 16px 0 0 7px;
	width: 170px;
	height: 29px;
	background: #ffffff url(images/partners_top.gif) top left no-repeat;
}

#partnersbottom {
	margin: 0 0 16px 7px;
	width: 170px;
	height: 29px;
	background: #ffffff url(images/partners_bottom.gif) top left no-repeat;
}

/**
* Right menu
*/

#right {
	float: right;
	width: 164px;
}

/**
* Login menu
*/

#logintop {
	margin: 8px 0 0 0;
	width: 153px;
	height: 29px;
	background: #ffffff url(images/login_top.gif) top left no-repeat;
}

#login {
	width: 153px;
	background: #ffffff url(images/login_bg.gif) top left repeat-y;
	color: #000000;
	text-align: left;
	font-size: 10px;
}

#login table {
	margin: 8px;
}

.loginfield
{
	border: 1px solid #b3b3b3;
	padding: 2px 3px 2px 3px;
	background: #fff url(images/field_bg.gif) bottom left repeat-x;
	color: #6c6c6c;
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
	width: 55px;
	margin: 0 0 0 5px;
}

#loginbottom {
	width: 148px;
	height: 24px;
	padding: 5px 5px 0 0;
	background: #ffffff url(images/login_bottom.gif) top left no-repeat;
	text-align: right;
}

.remember {
	text-align: right;
}

/**
* Personal menu
*/

#personaltop {
	margin: 8px 0 0 0;
	width: 153px;
	height: 29px;
	background: #ffffff url(images/personal_top.gif) top left no-repeat;
}

#personal {
	width: 133px;
	padding: 10px;
	background: #ffffff url(images/personal_bg.gif) top left repeat-y;
	color: #000000;
	text-align: left;
	font-size: 10px;
}

#personal ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#personal a {
	text-decoration: none;
	color: #004b96;
}

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

#personalbottom {
	width: 148px;
	height: 24px;
	padding: 5px 5px 0 0;
	background: #ffffff url(images/personal_bottom.gif) top left no-repeat;
	text-align: right;
}

.personal_header {
	font-weight: bold;
	font-size: 11px;
}

/**
* Nieuwsarchief
*/
#datestop_nieuws {
	margin: 8px 0 0 0;
	width: 153px;
	height: 29px;
	background: #ffffff url(images/dates_top_nieuws.gif) top left no-repeat;
}
#datestop_agenda {
	margin: 8px 0 0 0;
	width: 153px;
	height: 29px;
	background: #ffffff url(images/dates_top_agenda.gif) top left no-repeat;
}
#datesbottom {
	width: 148px;
	height: 24px;
	padding: 5px 5px 0 0;
	background: #ffffff url(images/dates_bottom.gif) top left no-repeat;
	text-align: right;
}
#dates {
	width: 133px;
	padding: 10px;
	background: #ffffff url(images/dates_bg.gif) top left repeat-y;
	color: #000000;
	text-align: left;
	font-size: 10px;
}
#dates a {
	text-decoration: none;
	color: #000000;
}

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

/**
* Skyscraper
*/

#skyscraper {
	margin: 10px 8px 10px 31px;
	width: 122px;
	height: 602px;
}

#skyscraper img {
	border: 0;
}

/**
* Page nav
*/

.pagenav ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.pagenav li {
	padding: 5px 0 5px 22px;
}

.pagenav a {
	color: #004b96;
	text-decoration: none;
	font-weight: bold;
}

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

/**
* Page nav icons
*/

.previous {
	background: url(images/icons/previous.gif) top left no-repeat;
}
.verslagen {
	background: url(images/icons/verslagen.gif) top left no-repeat;
}
.aanmelden {
	background: url(images/icons/aanmelden.gif) top left no-repeat;
}
.profielschets {
	background: url(images/icons/profielschets.gif) top left no-repeat;
}
.ledenlijst {
	background: url(images/icons/ledenlijst.gif) top left no-repeat;
}
.email {
	background: url(images/icons/email.gif) top left no-repeat;
}
.print {
	background: url(images/icons/print.gif) top left no-repeat;
}

.email {
	background: url(images/icons/email.gif) top left no-repeat;
}

.balloon {
	background: url(images/icons/balloon.gif) top left no-repeat;
}

/**
* Blue content blocks
*/

.bluebartop {
	height: 18px;
	width: 404px;
	background: #deedfc url(images/bluebar.gif) top left repeat-x;
}

.bluebarbottom {
	height: 18px;
	width: 404px;
	background: #deedfc url(images/bluebar.gif) bottom left repeat-x;
}

.blueblock {
	width: 360px;
	background: #deedfc;
	padding: 0 22px 0 22px;
	color: #10569d;
}

.blueblock h2 {
	font-size: 15px;
	color: #10569d;
	margin: 0 0 15px 0; 
}	
.blueblock h1 {
	font-size: 15px;
	color: #10569d;
	margin: 0 0 15px 0;
}

.blueblock a {
	text-decoration: none;
	color: #10569d;
}

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

.blueblock ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.blueblock li {
	padding: 3px 0 3px 19px;
}

.blueblock .link {
	background: url(images/icons/bluearrow.gif) top left no-repeat;
}

.blueblock p {
	margin: 0;
	padding: 0;
}

.blueblock .more {
	text-align: right;
	font-weight: bold;
}

/**
* Orange content blocks
*/

.orangebartop {
	height: 18px;
	width: 404px;
	background: #ffe5cf url(images/orangebar.gif) top left repeat-x;
}

.orangebarbottom {
	height: 18px;
	width: 404px;
	background: #ffe5cf url(images/orangebar.gif) bottom left repeat-x;
}

.orangeblock {
	width: 360px;
	background: #ffe5cf;
	padding: 0 22px 0 22px;
	color: #10569d;
}

.orangeblock h2 {
	font-size: 15px;
	color: #000;
	margin: 0 0 15px 0; 
}	

.orangeblock a {
	text-decoration: none;
	color: #000;
}

.orangeblock h1 {
	font-size: 15px;
	color: #000;
	margin: 0 0 15px 0; 
}	
.orangeblock a:hover {
	text-decoration: underline;
}

.orangeblock ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.orangeblock li {
	padding: 3px 0 3px 19px;
}

.orangeblock .link {
	background: url(images/icons/orangearrow.gif) top left no-repeat;
}

.orangeblock p {
	margin: 0;
	padding: 0;
}

.orangeblock .more {
	text-align: right;
	font-weight: bold;
}

/**
* Footer
*/

#footer {
	width: 769px;
	height: 40px;
	background: #f7f7f7 url(images/footer.gif) repeat-x bottom left;
	margin: auto;
	color: #727272;
}

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

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

#footer_left {
	float: left;
	background: #004b96 url(images/shadow_left.gif) repeat-y bottom left;
	height: 36px;
	width: 3px;	
}

#footer_copyright {
	float: left;
	margin: 12px 0 0 17px;
}

#footer_bottomnav {
	float: right;
	margin: 12px 17px 0 0;
}

#footer_right {
	float: right;
	background: #004b96 url(images/shadow_right.gif) repeat-y bottom left;
	height: 36px;
	width: 3px;	
}

/**
* SIFR -- FANCY FLASH REPLACEMENT OF H TAGS
*/

/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}


/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

.sIFR-hasFlash #left h1 {
	visibility: hidden;
	letter-spacing: -5px;
	font-size: 16px;
}

/* Sitemap */
#sitemap
{
	padding: 1em 1.5em;
	line-height: 20px;
}

#sitemap a {
	color: #000;
	text-decoration: none;
}

#sitemap li
{
	padding: 0 0 0 24px;
	margin: 0;
	list-style-type: none;
}

#sitemap li
{
	background: url(images/sitemap/bar.gif) no-repeat 0% 0%;
}

#sitemap li.last
{
	background: url(images/sitemap/corner.gif) no-repeat 0% 0%;
}

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

#sitemap ul
{
	background: url(images/sitemap/line.gif) repeat-y 0% 0%;
}

#sitemap ul.last
{
	background-image: none;
}