@import 'thickbox.css';

body {
	background-image: url('images/bg.gif');
	margin: 0px 0px 0px 0px;
}

body, ul, td, th, p, small, input {
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	line-height: 12px;
}

/*******
 * Url's *
 *******/
.hoofdvoet a, .postvoet a, .belbericht  a, .kader_main  a, .kader_gradient  a, .reactie a { color: #224f99; }
.hoofdvoet a:hover, .postvoet a:hover, .belbericht  a:hover, .kader_main  a:hover, .kader_gradient  a:hover, .reactie a:hover { color: #3277e6; }

.postinfo a { color: #224f99; }
.postinfo a:hover { color: #2277e6; }

.posttitelinfo a { color: #fec907; }
.posttitelinfo a:hover { color: #e1b206; }
 
#subbanner_r a { color: #ffffff; text-decoration: underline; }
#subbanner_r a:hover { color: #224f99; text-decoration: underline; }

#copyright a { color: #224f99; text-decoration: none; }
#copyright a:hover { color: #777777; }

.kader_kolom a { color: #000000; text-decoration: underline; }
.kader_kolom a:hover { color: #777777; text-decoration: underline; }

.act_even a, .act_oneven a, .kolomvoet a, .kal_nav a { color: #000000; text-decoration: none; }
.act_even a:hover, .act_oneven a:hover, .kolomvoet a:hover, .kal_nav a:hover { color: #777777; text-decoration: none; }

#leden_online a, .stand_even a, .stand_oneven a, .stand_smash a { text-decoration: none; }
#leden_online a:hover, .stand_even a:hover, .stand_oneven a:hover, .stand_smash a:hover { text-decoration: none; }

.handtekening a { color: #224f99; text-decoration: none; }
.handtekening a:hover { color: #3277e6; }

/*********
 * Header  *
 *********/
#banner {
	background-repeat: repeat-x;
	height: 94px;
	cursor: pointer;
}
.banner_normal { background: url('images/banner.gif'); }
.banner_snow { background: url('images/banner_snow.gif'); }

#banner_sub {
	background-repeat: repeat-x;
	height: 6px;
}
.banner_sub_normal { background: url('images/banner_sub.gif'); }
.banner_sub_snow { background: url('images/banner_sub_snow.gif'); }

#subbanner_links {
	background-image: url('images/subbanner_links.gif');
	background-repeat: repeat-x;
	height: 26px;
	width: 113px;
}

#subbanner_bg {
	background-image: url('images/subbanner_bg.gif');
	background-repeat: repeat-x;
	height: 26px;
	width: 869px;
}

#subbanner_rechts {
	background-image: url('images/subbanner_rechts.gif');
	background-repeat: repeat-x;
	height: 26px;
	width: 15px;
}

#rand_sub {
	background-image: url('images/rand_sub.gif');
	background-repeat: repeat-x;
	height: 3px;
	width: 995px;
}

#subbanner_l {
	color: #ffffff;
	float: left;
}

#login {
	margin: 0px;
	padding-top: 4px;
}

#login .inputbox {
	background-color: #4b88fa;
	border: 1px dotted #224f99;
	padding: 0px 2px 1px 2px;
	color: #224f99;
	font-size: 10px;
	height: 13px;
	margin-top: 2px;
}

#login .submitbox {
	background-color: #224f99;
	border: 1px solid #4b88fa;
	padding: 0px 2px 1px 2px;
	color: #4b88fa;
	font-size: 10px;
	height: 16px;
	line-height: 12px;
}

#login .vinkje {
	margin: -1.5px;
	padding: 0px;
}

#subbanner_m{
	color: #bd0202;
	margin-top: 9px;
	padding-left: 10px;
	height: 16px;
	float: left;
	font-weight: bold;
	width: 28%;
	text-align: center;
}

#subbanner_r{
	color: #ffffff;
	padding-top: 7px;
	height: 17px;
	float: right;
}

/**************
 *Rollover menu *
 *************/
 
.rollmenu {
	padding-top: 6px;
	background: none;
	float: left;
	z-index: 20;
}

.rollmenu ul {
	list-style: none;
	margin: 0;
	padding: 0;
	float: left;
	width: 100%;
	z-index: 50;
}

.rollmenu a, .rollmenu .rolltitel {
	display: block;
	margin: 0px;	
	padding: 2px 3px 2px 3px;
	height: 15px;
}

.rollmenu .rolltitel {
    position: relative;
	color: #ffffff;
	padding-bottom: 3px;
}

.rollmenu a {
	color: #ffffff;
	background: #3277e6;
	border-bottom: 1px dashed #fec907;
	border-left: 1px dashed #fec907;
	border-right: 1px dashed #fec907;
	text-decoration: none;
	z-index: 50;
}

.rollmenu a:hover {
	color: #224f99;
}

.rollmenu li { 
	position: relative;
	z-index: 50;
}

.rollmenu ul ul {
	position: absolute;
	top: 20px;
	z-index: 50;
}

.rollmenu ul ul ul {
	position: absolute;
	top: 0;
	left: 100%;
}

div.rollmenu ul ul {
	display: none;
}

div.rollmenu ul ul, div.rollmenu ul li:hover ul ul, div.rollmenu ul ul li:hover ul ul {
	display: none;
}

div.rollmenu ul li:hover ul, div.rollmenu ul ul li:hover ul, div.rollmenu ul ul ul li:hover ul {
	display: block;
}

/*******
 * Body *
 *******/
 .rand_links{
	background-image: url('images/rand_links.gif');
	background-repeat: repeat-y;
	width: 4px;
 }
 
 .rand_rechts {
	background-image: url('images/rand_rechts.gif');
	background-repeat: repeat-y;
	width: 4px;
 }
 
/*******
 * Menu *
 *******/
#menu {
	background: #eaeae8;
	vertical-align: top;
	width: 144px;
	height: 400px;
 }
 
#menu_bvn {
	background-color: #224f99;
	background-image: url('images/menu_bvn.gif');
	background-repeat: repeat-y;
	width: 144px;
	height: 19px;
 }
 
ul.menu {
	margin: 0;
	padding-left: 0px;
}

li.menu {
	border-top: 1px dashed #fec907;
	background: url('images/menu_over.gif') repeat-y top left;
	color: #ffffff;
	height: 24px;
	list-style-type: none;
}

li.menu a {
	background-color: #224f99;
	border-bottom: 1px solid #224f99;
	display: block;
	color: #ffffff;
	text-decoration: none;
	padding: 5px 4px 7px 8px;
	height: 12px;
}

li.menu a:hover {
	background: none;
	border-bottom: 1px solid #3277e6;
}

li.actief {
	border-top: 1px dashed #fec907;
	background-image: url('images/menu_over.gif');
	background-repeat: no-repeat;
	background-color: #3277e6;
	border-bottom: 1px solid #3277e6;
	color: #ffffff;
	padding: 6px 4px 6px 8px;	
	list-style-type: none;
}

.menu_lijn {
	border-top: 1px dashed #fec907;
	background-color: #3277e6;
	font-size: 1px;
}

#sublijn {
	padding-left: 1px;
	background: url('images/menu_over_lijn.gif') repeat-x left top;
	height: 2px;
	width: 143px;
	margin: 0;
}

#submenu {
	padding: 4px 0px 0px 1px;
	background-color: #3277e6;
	background-image: url('images/menu_sub.gif');
	height: 63px;
	width: 143px;
}

li.subitem {
	color: #ffffff;
	height: 17px;
	list-style-type: none;
}

li.subitem a {
	color: #ffffff;
	text-decoration: none;
	display: block;
	padding: 2px 4px 3px 15px;
}

li.subitem a:hover {
	background: none;
	color: #fec907;
}

.subbutton {
	border: 0px;
	vertical-align: bottom;
	padding-bottom: 4px;
}

.letter {
	color: #fec907;
}

#validators {
	text-align: center;
	padding: 4px 1px 0px 0px;
}

#sponsors {
	float: right;
	position: absolute;
	right: -1px;
	top: 5px;
	border: 1px dashed #cccccc;
	text-align: center;
	z-index: 2;
}
 
#menu_onder {
	background-image: url('images/border_onder.gif');
	background-repeat: repeat-x;
	width: 136px;
	height: 13px;
 }
 
 .dots_vert {
	background-image: url('images/dot_menu_vert.gif');
	background-repeat: repeat-y;
	width: 2px;
 }
 
 #dots_einde {
	background-image: url('images/dots_onder.gif');
	height: 13px;
	width: 2px;
 }
 
 #leden_online {
	background-color: #3277e6;
	padding: 8px;
	color: #ffffff;
 }
 
/*******
 * Main *
 *******/ 
 .main {
	background: #ffffff;
	background-image: url('images/main_gradient.gif');
	background-repeat: repeat-x;
	width: 843px;
	vertical-align: top;
 }
 
 #hoofddiv {
	float: left;
	width: 605px;
	padding: 0px 0px 6px 6px;
}

.hoofdtop {
	width: 554px;
}

.adsense {
	width: 100%; 
	z-index: 1;
	text-align: left;
	margin-top: 5px;
	padding-left: -4px;
	padding-top: 5px;
	border-top: 1px dashed #8ea7cd;
	position: relative;
}

#google_ads {
	background: url('images/google_ads_bg.gif');
	position: absolute;
	right: 137px;
	top: 45px;
	width: 100px;
	height: 20px;
	z-index: 2;
}

.adsense-links {
	width: 586px; 
	text-align: left;
	margin-bottom: 15px;
}

#adsense-menu {
	width: 125px; 
	text-align: center;
	margin-left: 10px;
	margin-top: 5px;
	
}

.tussen {
	margin-top: 6px;
}

.lijn {
	border-top: 1px dashed #8ea7cd;
	width: 605px; 
	height: 1px;
	font-size: 1px;
	padding-top: 1px;
}

.belbericht {
	color: #777777;
	padding: 2px 0px 8px 55px;
}

.titel {
	font-family: Verdana;
	font-size: 11px;
	font-weight: bold;
	color: #fff;
}

.bbtitel { color: #224f99; text-decoration: underline; } 

.quote {
	background-color: #eaeae8;
	border: 1px dashed #777777;
	float: left;
	padding: 3px;
	margin-bottom: 3px;
	overflow: auto;
	width: 98%;
}

.quoter {
	padding-top: 3px;
	float: left;
	width: 98%;
}

.posttitelinfo {
	color: #eaeae8;
}

.postinfo {
	color: #3277e6;
}

.postvoet {
	float: right;
	color: #224f99;
	padding-bottom: 2px;
}

.kader_gradient ul { margin-left: 25px; }
.kader_gradient {
	background-image: url('images/grad.gif'); 
	background-repeat: repeat-x;
	padding: 7px;
	color: #777777;
	text-align: justify;
}

.kader_main ul { margin-left: 25px; } 
.kader_main {
	padding: 7px;
	color: #777777;
	text-align: justify;
}

.hoofdvoet {
	width: 561px;
}

#copyright{
	width: 601px; 
	text-align: right;
	padding-top: 2px;
	font-weight: bold;
	
	color: #224f99;
}
 
 #main_onder {
	background-image: url('images/main_onder.gif');
	background-repeat: repeat-x;
	width: 835px;
	height: 13px;
 }
 
/********
 * Kolom *
 ********/ 
 
#kolom {
	float: right;
	width: 226px;
	padding: 0px 0px 6px 6px;
}

.kolomtop {
	width: 169px;
}

.kolomvoet {
	width: 176px;
}

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

ul#wud li {
	padding: 2px;
}

ul#wud a { color: #224f99; text-decoration: none; }
ul#wud a:hover { text-decoration: underline; }

.kader_titel_lb {
	background-image: url('images/kader_titel_links.gif');
	height: 22px;
	width: 31px;
	cursor: pointer;
}
.kader_titel_beker { background-image: url('images/kader_titel_beker.gif'); }

.kader_titel_bg {
	background-image: url('images/kader_titel_bg.gif');
	background-repeat: repeat-x;
	height: 22px;
}

.kader_titel_rb {
	background-image: url('images/kader_titel_rechts.gif');
	height: 22px;
	width: 20px;
}

.kader_lijn_hor {
	background-image: url('images/dot_kader_hor.gif');
	background-repeat: repeat-x;
	height: 1px;
}

.kader_vert {
	background-image: url('images/dot_kader_vert.gif');
	background-repeat: repeat-y;
	width: 1px;
}

.kader_kolom {
	padding: 4px;
}

.kader_voet_lo {
	background-image: url('images/kader_voet_links.gif');
	height: 13px;
	width: 28px;
}

.kader_voet_bg {
	background-image: url('images/kader_voet_bg.gif');
	background-repeat: repeat-x;
	text-align: right;
	font-family: Verdana;
	font-size: 9px;
	color: #224f99;
	height: 13px;
}

.kader_voet_ro {
	background-image: url('images/kader_voet_rechts.gif');
	height: 13px;
	width: 16px;
}

.pollvraag {
	padding: 3px 0px 2px 0px;
}

.stand_top {
	background-color: #224f99;
	background-image: url('images/tabeltop_bg.gif');
	background-repeat: repeat-x;
	border-top: 1px solid #666666;
	color: #ffffff;
	font-weight: bold;
	height: 12px;
	vertical-align: top;
	padding-top: 1px;
}

.stand_oneven { background-color: #ffffff; height: 14px; }
.stand_even { background-color: #eaeae8; height: 14px; }
.stand_smash { background-color: #fec907; height: 14px; }
.bekerlijn { border-top: 1px solid #224f99; }
.bekernieuw { color: #224f99; }
.beker_red , .comp_red { color: #ca1a1a; }
.beker_green, .comp_green  { color: #3f9b12; }
.beker_default , .comp_default { }

.rstand {
	padding-left: 2px;
}

.stand_ptn {
	text-align: right;
	font-weight: bold;
	padding-right: 2px;
}

#border_hoek_lo {
	background-image: url('images/border_hoek_lo.gif');
	width: 12px;
	height: 13px;
}
 
#border_hoek_ro {
	background-image: url('images/border_hoek_ro.gif');
	width: 12px;
	height: 13px;
}

/*
 * ANDERE opmaaks
 */ 
.leeg_bericht {
	text-align: center;
	padding: 5px 0px 2px 0px;
}

.formulier {
	margin: 0px;
	padding-top: 4px;
}

.formulier .inputbox {
	background-color: #eaeae8;
	border: 1px dashed #224f99;
	padding: 1px 2px 1px 2px;
	color: #224f99;
	font-size: 10px;
	height: 13px;
	margin-top: 0px;
}

.formulier .textarea {
	font-family: verdana;
}

.formulier .selectbox {
	background-color: #eaeae8;
	border: 1px dashed #224f99;
	color: #224f99;
	font-size: 10px;
	height: 18px;
	margin-top: 0px;
}

.formulier .imagebox {
	background-color: #eaeae8;
	border: 1px dashed #224f99;
	padding: 1px 2px 1px 2px;
	color: #224f99;
	font-size: 10px;
	height: 18px;
	margin-top: 0px;
}

.formulier .submitbox {
	background-color: #d7d7c9; 
	border: 1px solid #777777;
	margin-top: 2px;
	padding: 0px 2px 1px 2px;
	color: #777777;
	font-family: Verdana;
	font-size: 10px;
	font-weight: bold;
	height: 20px;
}

.formulier .vinkje {
	margin: -1.5px;
	padding: 0px;
}

.formulier .radio {
	margin: -2.5px 1px -2.5px 2px;
	padding: 0px;
}

.formulier .fout {
	border: 1px dashed #bd0202;
	background-color: #efdfdf;
}

.terugbox {
	background-color: #ffffff;
	border: 1px solid #eaeae8;
	margin: 0;
	padding: 0px 2px 1px 2px;
	color: #777777;
	font-size: 10px;
	font-weight: bold;
	height: 20px;
}

.legende {
	color: #224f99;
}

.foutbericht {
	color: #bd0202;
}

.navbar {
	padding: 4px 5px 0px 8px;
	float: left;
}

.np_image {
	margin: 0px 0px 5px 7px;
	border: 1px solid #acacac;
	background-color: #fff;
	padding: 6px;
}

.avatar_info {
	float: left;
	padding: 0px 8px 0px 4px;
}

.avatar {
	border: 1px solid #224f99;
	margin-bottom: 2px;
}

.avatar_sub {
	width: 64px; 
	height: 14px; 
	background-image: url('images/subavatar.gif'); 
	color: #224f99;
	text-align: center;
	margin-bottom: 2px;
}

.imagediv {
	
}

.reactiestop {
	width: 60px;
}

.reactie {
	float: left;
	width: 515px;
	overflow: auto;
	color: #777777;
	text-align: justify;
	padding: 2px 5px 2px 4px;
}

.handtekening {
	border-top: 1px dashed #777777;
	background-color: #eaeae8;
	margin-top: 5px;
	width: 99.5%;
	float: right;
	position: relative;
	color: #777777;
	padding: 2px;
}

.posttop {
	width: 114px;
}

.kaltop {
	width: 64px;
}

.postubb {
	margin-bottom: 2px;
	background-color: #d7d7c9; 
	height: 22px; 
	width: 534px;
	border: 1px solid #224f99;
}

.mod_pic {
	border: 0px;
}

/**************
* COMPETITIE *
**************/
.buttonveld {
	margin-left: 18px;
	padding: 2px 4px 0px 2px;
}

.ploegprofiel {
	background-image: url('images/competitie/ploegprofiel.gif');
	width: 587px;
	height: 300px;
	margin: 6px;
	vertical-align: top;
}

.ploegprofielpic {
	margin: 27px 30px 15px 35px;
}

.picrand {
	border: 1px solid #224f99;
	margin-bottom: 12px;
	cursor: pointer;
}

.pp_tekst {
	color: #777777;
}

/***********
* BESTUUR *
***********/
.steekkaart {
	float: left;
	width: 293px;
	height: 180px;
}

.help {
	width: 16px; height: 16px; cursor: pointer; vertical-align: bottom;
}

.steekkaarttekst { margin: 28px 25px 30px 124px; }
.steekkaarttekst .sk_titel { font-weight: bold; color: #224f99; font-size: 14px; line-height: 17px; border-bottom: 2px groove #2277e6; }
.steekkaarttekst .sk_naam { font-weight: bold; color: #000; font-size: 11px; line-height: 15px; text-align: right; margin-bottom: 8px; }
.steekkaarttekst .sk_adres { background: url('images/bestuur/adres.jpg') no-repeat; padding: 4px 0px 7px 20px; }
.steekkaarttekst .sk_telgsm { background: url('images/bestuur/gsm.jpg') no-repeat; padding: 4px 0px 5px 20px; }
.steekkaarttekst .sk_email { background: url('images/bestuur/email.jpg') no-repeat; padding: 4px 0px 5px 20px; }

ul.bestuur {
	margin: 0;
	padding: 0;
}

li.bestuur {
	background-image: url('images/button.gif');
	background-repeat: no-repeat;
	color: #224f99;
	font-size: 12px;
	text-decoration: none;
	padding: 4px 0px 4px 26px;
	margin: 0;
	list-style-type: none;
}

ul.bs_sub {
	margin: 0;
	padding: 3px 5px 10px 26px;
}

li.bs_sub {
	color: #777777;
	line-height: 14px;
	list-style-type: none;
	padding-bottom: 2px;
}

li.bs_help {
	background-color: #4b88fa;
	line-height: 14px;
	list-style-type: none;
	margin: 4px 0px;
	color: #fff;
}

.lb { background: url('images/bestuur/help_lb.gif') left top no-repeat; }
.rb { background: url('images/bestuur/help_rb.gif') right top no-repeat; }
.lo { background: url('images/bestuur/help_lo.gif') left bottom no-repeat; }
.ro { background: url('images/bestuur/help_ro.gif') right bottom no-repeat; padding: 8px; }

.t { background: url('images/bestuur/dot.gif') 0 0 repeat-x; }
.b { background: url('images/bestuur/dot.gif') 0 100% repeat-x }
.l { background: url('images/bestuur/dot.gif') 0 0 repeat-y }
.r { background: url('images/bestuur/dot.gif') 100% 0 repeat-y }

/**********
* PROFIEL *
**********/
.lidprofiel {
	background-image: url('images/lidprofiel.gif');
	width: 587px;
	height: 182px;
	margin: 6px;
	vertical-align: top;
}

.lidprofielpic {
	margin: 27px 30px 10px 36px;
}

/*********
* FORUM *
*********/
.forum_lijn {
	background-image: url('images/dot_kader_hor.gif'); 
	background-repeat: repeat-x;
	width: 100%; 
	font-size: 1px;
	padding: 1px 0px 3px 0px;
}

.forum_subfiguur {
	float: left;
	padding: 2px 4px 0px 0px;
	width: 12px;
	height: 18px;
	text-align: center;
}

.forum_subtitel {
	float: left;
	width: 420px;
}

.forum_topictitel {
	float: left;
	width: 355px;
}

.kolominfo {
	color: #fff;
}

.forum_kol {
	float: left;
	width: 30px;
	text-align: center;
}

.forum_sublaatste {
	float: right;
	overflow: hidden;
	width: 150px;
	height: 25px;
	text-align: right;
}

.forum_bar {
	padding: 5px 0px 0px 6px;
	height: 10px;
}

/************
* KALENDER *
************/
.kal_basis {
	border: 1px dashed #3277e6;
}

.kal_top {
	background-color: #224f99;
	background-image: url('images/tabeltop_bg.gif');
	background-repeat: repeat-x;
	border-top: 1px solid #666666;
	color: #ffffff;
	font-weight: bold;
	height: 12px;
	width: 40px;
	padding-top: 1px;
	text-align: center;
}

.kal_nav {
	width: 165px;
	text-align: right;
}

.kal_oneven {
	background-color: #ffffff;
}

.kal_even {
	background-color: #eaeae8;
}

.kal_inhoud {
	height: 35px;
	width: 40px;
	vertical-align: top;
	text-align: right;
	padding: 2px;
	margin: 0;
}

.kal_vandaag {
	background-color: #fec907;
	border: 1px solid #777777;
}

/****************
* ACTIVITEITEN *
*****************/
.act_even {
	background-color: #eaeae8;
}

.act_oneven {
	background-color: #ffffff;
}

/*************
* VERSLAGEN *
**************/
.verslag_nav {
	width: 430px;
	text-align: right;
}

.mod_unchecked {
	background-color: #efdfdf;
}

/************
* BERICHTEN *
*************/
.bericht {
	height: 20px;
}

.ongelezen {
	font-weight: bold;
}

/******************
* FOTOALBUMS/CATS *
*******************/
.cat {
	font-weight: bold;
	text-align: center;
	height: 18px;
}

.album {
	vertical-align: top;
	text-align: center;
	padding: 2px 0px 5px 0px;
}

.alb_omschr {
	font-style: italic;
}

.foto {
	cursor: pointer;
	border: 1px solid #3277e6;
}

.caption {
	overflow: auto;
	width: 137px;
	height: 55px;
}

.foto_links {
	float: left;
	text-align: right;
	padding-right: 5px;
	width: 150px;
}

.foto_rechts {
	float: right;
	width: 137px;
}

.div_foto {
	margin-bottom: 3px;
	float: left;
	width: 294px;
}

.foto_view {
	padding: 5px;
}

.cat_titel {
	font-weight: bold;
	margin-top: 3px;
	height: 14px;
	width: 605px;
	float: left;
}

.album_thumb {
	float: left;
	padding: 5px;
}

.th_links {
	float: left;
	height: 113px;
}

.th_rechts {
	border-right: 1px dashed #3277e6;
	border-top: 1px dashed #3277e6;
	border-bottom: 1px dashed #3277e6;
	background-color: #eaeae8;
	float: left;
	padding-left: 5px;
	width: 139px;
	height: 108px;
}

.th_titel {
	height: 71px;
	overflow: auto;
}

.th_info {
	float: left;
}

.th_foto {
	float: left;
	width: 150px;
	height: 115px;
	text-align: center;
	padding: 0px;
}

.full_foto {
	width: 602px;
	text-align: center;
	padding: 0px;
}

.foto_groot {
	margin-top: 5px;
	border: 1px solid #3277e6;
}