/* ===== www.willebroek.info site - main style sheet ===== */
/* ======================================================= */
/* ===== Georges Brems =================================== */

/* ===== www.willebroek.info - TEXT ====================== */
body {
	background-color: #333333;
	font-size: 12px; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	color: #ffffff; 
	margin-left: 2px; 
	font-weight: normal;
	text-align: left;
}
p { 
	margin-top: 2px;
	margin-bottom: 4px;
	margin-left: 2px;
	padding: 0px; 
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align:left;
}
area { cursor:pointer; }
select { font-size: 12px; }

/* ===== www.willebroek.info - HEADERS =================== */
h1, .h1 { 
	font-weight:bold; 
	font-size: 18px; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	color:#ffcc99; 
	margin-top: 4px;
	margin-bottom: 4px;
	margin-left: 2px;
}
h2, .h2 { 
	font-weight:normal; 
	font-size: 14px;  
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	color:#ffcc99; 
	margin-top: 4px;
	margin-bottom: 4px;
	margin-left: 2px;
}
h3, .h3 { 
	margin-top: 2px; 
	margin-bottom: 2px;
	margin-left: 2px;
	font-weight:bold;
	font-size: 12px; 
	color: #cc9966; 
	font-family: Verdana, Arial, Helvetica, sans-serif;    
}
h4, .h4 { 
	margin-top: 2px; 
	margin-bottom: 2px;
	margin-left: 2px;
	font-weight:bold; 
	font-size: 11px; 
	color: #cc9966; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
h5, .h5 { 
	font-weight:normal; 
	font-style:italic;
	font-size:11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#cc9966;
	margin-top: 2px;	
	margin-bottom: 2px;
	margin-left: 2px;
}

popp1, .popp1 { 
	font-weight:bold; 
	font-size: 18px; 
	font-family: Arial, Helvetica, sans-serif; 
	color:#000000; 
	margin-top: 4px;
	margin-bottom: 2px;
	text-align: center;
}
popp2, .popp2 { 
	font-weight:bold; 
	font-size: 14px; 
	font-family: Arial, Helvetica, sans-serif; 
	color:#000000; 
	margin-top: 2px;
	margin-bottom: 2px;
	text-align: center;
}

/* ===== www.willebroek.info - GRAPHICS ================== */
img	{ border-width:0; margin-left: 2px; margin-right:4px; }

/* ===== www.willebroek.info - HYPERLINKS ================ */
a { background-color: transparent; text-decoration: underline  }
a.redbold { color:#ff6666;font-weight:bold; }
a:link.redbold { color:#ff3333;font-weight:bold; }
a:link { color: #ffffff; }
a:visited { color: #ffffff; }
a:active { color: #ffffff; }
a:hover { color: #ff9933; }
form { font-size: 13px; }
input, textarea { font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif;}

/* ===== www.willebroek.info - LISTS ===================== */
ul, ol { padding:0; margin:3px 5px 2px 25px; font-family: Verdana, Arial, Helvetica, sans-serif; }
li { padding: 0; font-size: 12px; line-height: 1.5; font-family: Verdana, Arial, Helvetica, sans-serif; }

/* ===== www.willebroek.info - TABLES ==================== */
table { 
	border-style:none;
	padding-top: 2px; 
	padding-bottom: 2px;
	padding-left: 2px; 
	padding-right: 2px;
}
th { 
	background-color: #cccccc;
	font-size: 12px;  
	font-weight:bold; 
	text-align: left; 
	vertical-align:top;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
td { 
	font-size: 12px; 
	text-align:left; 
	vertical-align:top;
	border-style:none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

/* ===== www.willebroek.info - TABLE WITHOUT BORDER ====== */
.WI_Table {
	padding-top: 2px; 
	padding-bottom: 2px;
	padding-left: 2px; 
	padding-right: 2px;
	vertical-align:top;
}
.WI_Table td { 
	border-style:none; 
}
	
/* www.willebroek.info - TABLE WITH BORDER =============== */
.WI_TableRand {
	border: 1pt;
	border-style: solid;
	border-color: #cccccc; 
	border-collapse:collapse;
	padding-top: 1px; 
	padding-bottom: 1px;
	padding-left: 1px; 
	padding-right: 1px;
}
.WI_TableRand td {
	border: 1pt;
	border-style: solid;
	border-color: #cccccc; 
	padding-top: 1px; 
	padding-bottom: 1px;
	padding-left: 1px; 
	padding-right: 1px;
}

/* ===== www.willebroek.info - TABLE WITH INVERTED GREY BACKGROUND == */
.WI_tableinvert {
	color:#000000;
	font-size: 12px; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	background-color: #cccccc;
	padding-top: 1px; 
	padding-bottom: 1px;
	padding-left: 1px; 
	padding-right: 1px;		
}
/* ===== www.willebroek.info - TABLE WITH PINK BACKGROUND == */
.WI_TableAnec {
	color:#663300;
	background-color: #ffcc99;
	padding-top: 4px; 
	padding-bottom: 4px;
	padding-left: 4px; 
	padding-right: 4px;
	width: 100%;
}
/* ===== www.willebroek.info - HISTORY TABLE =============== */
.WI_tblHist {
	vertical-align: top;
	margin-left: 2px;
	margin-right: 2px;
}
.WI_tblHist td.jaarvr {
	width: 4%;
	text-align: center;
	background-color: #006600 ;
	font-size: 12px; 
	font-weight: bold;
	color: #cc9966; 
	margin: 2px 0px 2px 0px;
}
.WI_tblHist td.jaarna {
	width: 4%;
	text-align: center;
	background-color: #000000;
	font-size: 12px; 
	font-weight: bold;
	color: #cc9966; 
	margin: 2px 0px 2px 0px;
}
.WI_tblHist td.text {
	width: 32%;
	background-color: #333333;
	margin: 2px 3px 2px 3px;
}
.WI_tblHist td.textwil {
	width: 32%;
	background-color: #444444;
	margin: 2px 3px 2px 3px;
}
.WI_tblHist img	{ 
	border-width:0; 
	margin-top: 2px;
	margin-left: 2px;
	margin-right:4px;
}

/* ===== www.willebroek.info - COLUMN WIDTH - PIXELS ===== */
.leftcol5 {  width: 5px; }
.leftcol50 {  width: 50px; }
.leftcol10 {  width: 10px; }
.leftcol100 {  width: 100px; }
.leftcol150 { width: 150px; }
.leftcol200 {  width: 200px; }
.leftcol25 {  width: 25px; }
.leftcol250 {  width: 250px; }
.leftcol285 {  width: 285px; }
.leftcol500 {  width: 500px; }

/* ===== www.willebroek.info - COLUMN WIDTH - PERCENT ==== */
.width2 { width:2%; }
.width5 { width:5%; }
.width10 { width:10%;}
.width12 { width:12%;}
.width15 { width:15%;}
.width20 { width:20%; }
.width24 { width:24%; }
.width25 { width:25%; }
.width32 { width:32%;}
.width40 { width:40%; }
.width50 { width:50%; }
.width65 { width:65%; }
.width75 { width:75%; }
.width100 { width:100%; }

/* ===== www.willebroek.info - ROW HEIGHT - PIXELS ======= */
.height10 { height:10px; }
.height15 { height:15px; }
.height20 { height:20px; }
.height25 { height:25px; }
.height30 { height:30px; }
.height275 { height:275px; }

/* ===== www.willebroek.info - EMBELLISHMENTS ============ */
marquee { 
	font-family: Verdana, Arial;
	font-size: 12pt; 
	Color:#ff9933;
	width:100%;
	background-color:transparent;
	padding:0px 1px 0px 1px;
}

/* ===== www.willebroek.info - Dictionary related styles = */
morfo, .morfo { 
	font-size: 12px; 
   font-style:italic;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	color:#cc9966; 
	margin-top: 1px;
	margin-bottom: 1px;
	margin-left: 22px;
}
omschr, .omsch { 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	color:#ffffff; 
	margin-top: 1px;
	margin-bottom: 1px;
	margin-left: 44px;
}
taal, .taal { 
	font-variant: small-caps;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	color:#33ff33; 
	margin-top: 1px;
	margin-bottom: 1px;
}
span.taal { 
	font-variant: small-caps;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	color:#33ff33; 
	margin-top: 1px;
	margin-bottom: 1px;
}
trefw, .trefw { 
	font-weight:bold; 
	font-size: 14px; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	color:#ff9933; 
	margin-top: 4px;
	margin-bottom: 2px;
	margin-left: 1px;
}
span.naam { 
	font-weight:bold; 
	font-size: 12px; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	color:#ffcc99; 
	margin: 0 0 0 0;
}
.uitdr { font-style:italic; color:#ffcc99; }
span.uitdr { font-style:italic;  color:#ffcc99; }

.opm { font-size: 12px; font-variant: small-caps; font-weight:bold; color:#ff66ff; }
span.opm { font-size: 12px; font-variant: small-caps; font-weight:bold; color:#ff66ff; }

span.leven { font-variant: small-caps; color:#ffcc99; }

.datum { font-size: 12px; font-variant: small-caps; font-weight:bold; color:#66cc00; }
span.datum { font-size: 12px; font-variant: small-caps; font-weight:bold; color:#66cc00; }

.zie { font-style:italic; color:#3399ff; }
span.zie { font-style:italic;  color:#3399ff; }

/* ===== www.willebroek.info - PAGE FORMAT STYLES ======== */
/* ===== www.willebroek.info - UtilBar in Title files ==== */
#utilbar { 
  width: 1000px;
  background-color: #333333;
} 
span.top_ttl a { 
	font-family: Verdana, Arial, Helvetica, sans-serif;  
	font-size: 14px; 
	background-color: transparent; 
	text-align: left; 
	color: #FFFFFF;
	font-weight: bold;
} 
span.top_ttl a:visited, span.top_ttl a:link { text-decoration: none; color: #FFFFFF; }
span.top_ttl a:hover, span.top_ttl a:active { text-decoration: underline; color: #FFFFFF;}

span.top_ttl_title {
	font-family: Verdana, Arial, Helvetica, sans-serif;  
	font-size: 14px; 
	background-color: transparent; 
	text-align: left; 
	color: #FFFFFF;
	font-weight: bold;
}
span.top_ttl_cr {
	font-family: Verdana, Arial, Helvetica, sans-serif;  
	font-size: 10px; 
	background-color: transparent; 
	text-align: right; 
	color: #FFFFFF;
}
span.home_top_sub { font-size: 11px; font-weight:normal; color: #FFFFFF; }
span.home_top_sub a:visited, span.home_top_sub a:link { text-decoration: none; color: #FFFFFF;}
span.home_top_sub a:hover, span.home_top_sub a:active { text-decoration: underline; color: #FFFFFF;}

td.main { border-top: 1px solid #cccccc; border-bottom: 1px solid #cccccc; background-color: #333333; text-align: right; }
td.wdbk { border-top: 1px solid #ff9933; border-bottom: 1px solid #cccccc; background-color: #333333; text-align: right; }
td.arch { border-top: 1px solid #ffff33; border-bottom: 1px solid #cccccc; background-color: #333333; text-align: right; }
td.tijd { border-top: 1px solid #66ff66; border-bottom: 1px solid #cccccc; background-color: #333333; text-align: right; }
td.genea { border-top: 1px solid #3399ff; border-bottom: 1px solid #cccccc; background-color: #333333; text-align: right; }
td.help { border-top: 1px solid #000000; border-bottom: 1px solid #cccccc; background-color: #333333; text-align: right; }
td.links { border-top: 1px solid #9966ff; border-bottom: 1px solid #cccccc; background-color: #333333; text-align: right; }
td.merci { border-top: 1px solid #ff66ff; border-bottom: 1px solid #cccccc; background-color: #333333; text-align: right; }
td.WIL { border-top: 1px solid #ff6666; border-bottom: 1px solid #cccccc; background-color: #333333; text-align: right; }
td.foto { border-top: 1px solid #996633; border-bottom: 1px solid #cccccc; background-color: #333333; text-align: right; }
td.v-center { vertical-align: middle; }

/* ===== www.willebroek.info - PAGE BODY ================= */
#mainbody { 
	width:1000px; 
	border-top: none; 
	margin:0 0 0 0;
	padding:0; 
}
#maincol { padding: 6px 6px 6px 6px; }
#leftcol {  
	width: 150px; 
	border-right: 1px solid #cc9966; 
	padding-right: 3px;
}
#leftnav { 
	width: 150px; 
	border-bottom: 3px solid #ffcc99; 
	border-top: 3px solid #ffcc99; 
	background-color: #000000; 
	color: #FFFFFF;
}
td.select { 
	font-size: 12px; 
	font-weight: bold; 
	text-align: left; 
	vertical-align: middle; 
	color: #ffffff; 
	background-color: #ff9933; 
	padding: 3px 3px; 
}
td.onder {
	vertical-align: bottom; 
   border-bottom: 1px solid #996633;
	padding-bottom: 18px;
}
td.onderttl {
	vertical-align: bottom; 
   border-bottom: 1px solid #996633;
	padding-bottom: 6px;
	font-weight:bold; 
	font-size: 18px; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	color:#ffcc99; 
	margin-left: 1px;
}

/* ===== www.willebroek.info - LEFT MARGIN OF px ======== */
.leftmargin { margin-left: 6px; }

/* ===== www.willebroek.info - CHANGE INDICATOR - footer = */
.hist {
	width: 1000px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	vertical-align: top;
}
.hist td { 
	font-size:10px; 
   border-top: 1px solid #cccccc; 
}
.histTtl {
	background-color:#333333;
	color:#999999;
	width:152px;
	font-size:10px;
	padding-left:6px;
}
.histCon {
	background-color:#333333;
	color:#999999;
	font-size:10px;
	margin:0;
	padding-left:3px;
}
.histPer {
	color:#66ff66;
	font-size:18px;
	text-align: right;
	font-variant: small-caps;
	font-weight: bold;
	padding-right:6px;
}

/* ===== www.willebroek.info - IN-LINE NAVIGATION - top == */
#inlinenav { width:100%; padding: 0px 24px 2px 2px; margin:0 0 12px 0; color: #ffcc99; }
#inlinenav a { padding:0; margin:0; color: #ffcc99; }

/* ===== www.willebroek.info - BACKGROUND COLOR ========== */
.B_ZW { background-color:#000000; color: #cccccc; margin: 0px 1px 0px 1px; }
span.B_ZW { background-color:#000000; color: #cccccc; }

.B_ZW_ctr { background-color:#000000; text-align: center; color: #cccccc; margin: 0px 1px 0px 1px; }
.B_ZW_bldctr { background-color:#000000; text-align: center; font-weight:bold; color: #cccccc; margin: 0px 1px 0px 1px; }

.B_BR_ctr { background-color:#006600; text-align: center; color: #cccccc; margin: 0px 1px 0px 1px; }
.B_BR_bldctr { background-color:#006600; text-align: center; font-weight:bold; color: #cccccc; margin: 0px 1px 0px 1px; }

.B_OR { background-color:#FF9933; color: #000000; margin: 0px 1px 0px 1px; }
span.B_OR { background-color:#FF9933; color: #000000; margin: 0px 1px 0px 1px; }

.B_OR_ctr { background-color:#FF9933; text-align: center; color: #000000; margin: 0px 1px 0px 1px; }
.B_OR_bldctr { background-color:#FF9933; text-align: center; font-weight:bold; color: #000000; margin: 0px 1px 0px 1px; }

.B_WI { background-color:#FFFFFF;	color: #000000; margin: 0px 1px 0px 1px; }
span.B_WI { background-color:#FFFFFF; color: #000000; margin: 0px 1px 0px 1px; }
	
.B_GRYL	{ background-color:#cccccc; color: #000000; margin: 0px 1px 0px 1px; }
span.B_GRYL {	background-color:#cccccc; color: #000000; margin: 0px 1px 0px 1px; }

.B_GRY { background-color:#999999; }
span.B_GRY { background-color:#999999; }

.B_GRYL_bld { background-color:#cccccc; font-weight:bold; }
span.B_GRYL_bld { background-color:#cccccc; font-weight:bold; }

.B_GRYD	{ background-color:#333333; color: #000000; margin: 0px 1px 0px 1px; }
span.B_GRYD {	background-color:#333333; color: #000000; margin: 0px 1px 0px 1px; }
.B_GRYD_bldctr { background-color:#666666; color: #000000; font-weight:bold; text-align: center; }
.B_GRYD_ctr { background-color:#666666; color: #000000; text-align: center; }

.B_RO { background-color:#ff6666; }
span.B_RO { background-color:#ff6666; }

.B_GR { background-color:#339966; }
span.B_GR { background-color:#339966; }

.B_GED { background-color:#FFFF99; }
span.B_GED { background-color:#FFFF99; }
.B_GED_ctr { background-color:#FFFF99; text-align: center; color: #000000; margin: 0px 1px 0px 1px; }
.B_GED_bldctr { background-color:#FFFF99; text-align: center; font-weight:bold; color: #000000; margin: 0px 1px 0px 1px; }

.backpopp { background-color:#FFCC99; }
span.backpopp { background-color:#FFCC99; }

/* ===== www.willebroek.info - TEXT COLOR ================ */
.Tx_anec { color:#663300;	font-family: Comic Sans MS, Verdana, Arial, Helvetica, sans-serif; font-size: 14px; }
span.Tx_anec { color:#663300;	font-family: Comic Sans MS, Verdana, Arial, Helvetica, sans-serif; font-size: 14px; }

.Tx_WI { color:#FFFFFF; }
span.Tx_WI { color:#FFFFFF; }

.Tx_GR_bld { color:#339966; font-weight:bold; }
span.Tx_GR_bld { color:#339966; font-weight:bold;}

.Tx_RO { color:#ff6666; }
span.Tx_RO { color:#ff6666; }

.Tx_RO_bld  { color:#ff3333; font-weight:bold; }
span.Tx_RO_bld  { color:#ff3333; font-weight:bold; }

.Tx_OR { color:#ff9933; }
span.Tx_OR { color:#ff9933; }

.Tx_OR_bld { color:#ff9933;font-weight:bold; }
span.Tx_OR_bld { color:#ff9933;font-weight:bold; }

.Tx_OR_it { color: #ff9933; font-style:italic; }
span.Tx_OR_it { color: #ff9933; font-style:italic; }

.Tx_GE_bld { color:#ffff99; font-weight:bold; }
span.Tx_GE_bld { color:#ffff99; font-weight:bold; }

.Tx_GEL { color:#ffffCC; }
span.Tx_GEL { color:#ffffCC; }

.Tx_ZW { color:#000000; }
span.Tx_ZW { color:#000000; }

.disable { color:#666666; }
span.disable { color:#666666; }

/* ===== www.willebroek.info - TEXT STYLE ================ */
.Tx_it { font-style:italic; }
span.Tx_it { font-style:italic; }

.Tx_bldit { font-style:italic;font-weight:bold; }
span.Tx_bldit { font-style:italic;font-weight:bold; }

.textindent { margin-top: 1px; margin-bottom: 1px; margin-left: 22px; }

.Tx_und { text-decoration:underline; }
span.Tx_und { text-decoration:underline; }

.textbold { font-weight:bold; }
span.textbold { font-weight:bold; }

.Tx_ctr { text-align: center; }
.textright { text-align: right; }

/* ===== www.willebroek.info - OMBOORDING ================ */
.withborder {
	border-width:1px;
	border-style:solid;
}
/* ===== www.willebroek.info - ACHTERGROND ================ */
.constr {
	background-image:url('../images/LOGO/DRAFT.gif');
	background-attachment: fixed;
}
/* ===== www.willebroek.info site - einde style sheet ==== */
/* ======================================================= */