/*
E4E7E9 = lightgrey
822F2F = red/brown
59CAEA = blue
*/

body, html { width:100%;margin:0px;padding:0px; }
body { background-color:#fff; font-family:verdana,sans-serif,helvetica,arial; color:#822F2F; font-size:70%; text-align:center; line-height:160%;}
hr { height:1px; border:0px solid #424242; color:#424242; background-color:#424242; margin:4px 0 4px 0; }
ul { list-style:square; margin:0 0 15px 0; padding:0 0 0 16px; }
ul li { line-height:140%; margin:0 0 8px 0; padding:0 0 0 0; }
p { margin:0 0 10px 0; }
h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:bold; color:#822F2F; font-family:verdana,Arial,sans-serif,helvetica; margin:0 0 4px 0; }
h2 { ackground:url('../images/arrow.gif') 0 6px no-repeat; padding:0 0 0 12px; }
h2 a { color:#822F2F; }
h3 { color:#666; }
a img { border:none; margin:0 0 0 0; line-height:0px; }
a { text-decoration:underline; color:#822F2F; }
a:hover { text-decoration:none; color:#822F2F; }
div { margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; }
div.reset { clear:both; height:1px; float:none; font-size:0%; line-height:0%; }
div#headerPrint { display:none; }	
.printonly { display:none; }
form { margin:0 0 0 0; font-family:verdana,sans-serif,helvetica,arial; font-size:100%;}
table { margin:0 0 0 0; border-collapse:collapse; }
td { vertical-align:top; padding:0 0 0 0; font-size:100%; text-align:left; }

/* =Main layout 
============================================= */
div#page { width:792px; margin:0 auto; text-align:left; }
	div#header { }
		/* header.gif: height = 168  -82 = 86*/
		a#logo { display:block; width:792px; height:94px; margin-bottom:38px; background:url('../images/header.gif') 0px 0px no-repeat; cursor:pointer; }
		/*a#logo:hover { background-position:0 -8px; }*/
	div#menu { padding:0 0 8px 332px; clear:both; line-height:100%; }
	div#footer { width:792px; height:8px; background:url('../images/bg_colors.gif') 0 0 repeat-y; clear:both; margin-bottom:20px; }		
	div#quote { height: 777px; font-size:420%; text-align:justify; font-family:"Helvetica",verdana,sans-serif;color:#EDEDED; line-height:95%; background:url("../images/doelstelling_groot.gif"); }

#searchTab { position:absolute; z-index:10; width:792px; height:140px; background-color:#C6CDD2; }
	table#searchTabContents { color:#822f2f; height:140px; }
		#searchTabContents td { padding:20px 10px 10px 10px; border-right:1px solid #fff; }
		#searchTabContents td.st1 { width:320px; }
		#searchTabContents td.st2 { width:207px; }
		#searchTabContents td.st3 { width:203px; border-right:0; padding-top:40px; }
		#searchTabContents h3 { color:#822f2f; }
		#searchTab .help a { color:#000; }


/* =Menu 
============================================= */
div#menu div#menutxt { float:left; }
	div#menutxt a { display:block; float:left; padding:2px 8px 2px 8px; color:#822F2F; }
  	div#menutxt a:hover { color:#59CAEA; text-decoration:none; }
		div#menutxt a.current { color:#59CAEA; font-weight:bold; }

div#menu #icons { float:right; }
	div#menu #icons a { display:block; float:left; width:21px; height:15px; background-position:4px 0px; background-repeat:no-repeat; }
		div#menu #icons a:hover { background-position:4px -20px; }
		div#menu #icons a.current { background-position:4px -20px; }
		div#menu #icons a.icon.home { background-image:url('../images/icon_home.gif'); }  
		div#menu #icons a.icon.mail { background-image:url('../images/icon_mail.gif'); }
	div#menu #icons div#iconSearch { display:block; float:left; width:21px; height:15px; background:url('../images/icon_search.gif') 4px 0px no-repeat; padding-right:0; cursor:pointer; }
		div#menu #icons div#iconSearch.current { background-position:4px -20px; }
		div#menu #icons div#iconSearch.selected { background-position:4px -20px; }
		
/* Submenu - EA */
div.sub {  }
div.sub a { text-decoration:none; padding-right: 16px; font-weight:normal; }
div.sub a.current { font-weight:bold; }
div.sub a:hover { text-decoration:underline; color:white; }

/* =Content
============================================= */
span.date { color:#999; }


/* =Homepage
============================================= */
	div#photos { width:792px; height:223px; background:url('../images/bg_colors.gif') 0 0 repeat-y; clear:both; }
		#photos div.photo { float:left; height:223px; background-position:right top; background-repeat:no-repeat;  }
		div#photoA { width:340px; margin-right:1px; }
		div#photoB { width:227px; margin-right:1px; }
		div#photoC { width:223px; }
	
	div#columns { width:792px; background:url('../images/bg_grey.gif') 0 0 repeat-y; clear:both; }
		div#columns ul { list-style:none; margin:0 0 15px 0; padding:0 0 0 12px; }
	div#columns div.content { padding:5px 10px; }
		div.column { float:left; }
		div#colA { width:340px; margin-right:1px; }
		div#colB { width:227px; margin-right:1px; }
		div#colC { width:223px; }

/* =Arrow links
============================================= */
a.lidworden { background:url('../images/arrow.gif') 0 4px no-repeat; padding:0 0 0 12px; }
a.back { background:url('../images/arrow_back.gif') 0 4px no-repeat; padding:0 0 0 12px; text-decoration: none;}
a.back:hover { text-decoration: underline;}
a.info {text-decoration:none; display:block; background:url('../images/arrow.gif') 0px 6px no-repeat; padding:0 0 0 12px; }
a.info:hover {text-decoration: underline;}

a.link {text-decoration:none;}
a.link:hover {text-decoration: underline;}

/* vorige/volgende */
a.vorige { background:url('../images/arrow_back.gif') 0 6px no-repeat; padding:0 0 0 12px; text-decoration: none; float:left; }
a.vorige:hover { text-decoration: underline;}
a.volgende {text-decoration:none; display:block; background:url('../images/arrow.gif') 100% 6px no-repeat; padding:0 12px 0 0; float: right; }
a.volgende:hover {text-decoration: underline;}

a.archief {text-decoration:none; background:url('../images/arrow.gif') 100% 4px no-repeat; padding:0 12px 0 0; }
a.archief:hover {text-decoration: underline;}



/* =Overview tables
============================================= */
table.overview { width:792px; background-color:#E4E7E9; }
	table.overview th { text-align:left;  padding:40px 10px 6px 10px; border-bottom:1px solid #fff; border-right:1px solid #fff; background-color:#59CAEA; color:#fff; }
		table.overview th.sub { padding-top:10px !important; background-color:#C6CDD2; color:#666;  }
		table.overview th a { color:#fff; }
		table.overview th.colA { text-align:left; }
	table.overview td { padding:2px 10px 3px 10px; border-bottom:1px solid #fff; border-right:1px solid #fff; }
	table.overview td.lastrow { border-bottom:0 !important; padding-bottom:20px !important; }
	
	
/* =Leden
============================================= */
table#leden { }
	#leden th a.sorted { background:url('../images/arrow_down.gif') 0 4px no-repeat; padding:0 0 0 12px; }
	#leden td { padding:2px 10px 3px 10px; border-bottom:1px solid #fff; }
	#leden .colA { width:217px; padding-left:113px; padding-right:10px; } /* 340 - (113+10) */
	#leden .colB { width:207px; } /* 227 - 2*10 = 207 */
	#leden .colC { width:203px; border-right:0; } /* 223 - 2*10 = 203 */
	
	a.asc_sorted { text-decoration: none; background:url('../images/arrow_down.gif') 0 4px no-repeat; padding:0 0 0 12px; }
	a.desc_sorted { text-decoration: none; background:url('../images/arrow_up.gif') 0 4px no-repeat; padding:0 0 0 12px; }		
	a.asc_sorted:hover { text-decoration: underline; }
	a.desc_sorted:hover { text-decoration: underline;}
	a.unsorted {text-decoration: none;}
	a.unsorted:hover {text-decoration:underline;}

/* Lid detail */
table#lid { }
	#lid td { padding:0 0 10px 0; border-bottom:0; }
	#lid td.colA { width:340px; }
	#lid td.colB { width:227px; }
	#lid td.colC { width:223px; border-right:0; }
	div.projectphoto { width:227px; height:218px; background-position:0 0; background-repeat:no-repeat; }
		td.colA div.projectphoto { width:340px; }
	#lid div.txt { padding:5px 10px; }
	#lid div.lid_projects_txt { border-top:90px solid #59CAEA; color:#59CAEA; padding:10px 10px 20px 10px; }
	#lid div.lid_info	{ margin-bottom:20px; }


/* =Agenda + Nieuws
============================================= */
#agenda th { }
#agenda td { padding:2px 10px 8px 10px; }
	#agenda .colA { width:320px; text-align:right; } /* 340 - (2*10) */
	#agenda .colB { width:321px; } /* 451 - 2*10 - 109 */
	#agenda .colC { width:109px; padding:0 0 0 0; background-position:0 0; background-repeat:no-repeat; border-right:0; }
	#agenda p { margin:0 0 2px 0; }
	#agenda a.info { }

/* =Agenda Item  + Nieuws item
============================================= */
#agendaDetail h2 { background:none; padding:0 0 0 0; }
#agendaDetail div.photo { width:340px; height:223px; background-position:right top; background-repeat:no-repeat; margin-bottom:20px;  }
#agendaDetail th.colA { width:320px; padding:40px 10px 6px 10px; text-align:left; }
#agendaDetail td { padding:2px 10px 8px 10px; }
	#agendaDetail .colA { width:340px; text-align:right; padding:0 0 0 0; } /* 340 - (2*10) */
	#agendaDetail .colB { width:431px; border-right:0; } /* 451 - 2*10  */


/* =Discussie
============================================= */
#discussie th.h1 { }
	#discussie th.h1.toonalle { border-right:0; }
	#discussie 

#discussie td, #subdiscussie td { padding:2px 10px 8px 10px; }
	#discussie .colA, #subdiscussie .colA { width:320px; } /* 340 - (2*10) */
	#discussie .colB, #subdiscussie .colB { width:207px; } /* 227 - 2*10 - 109 */
	#discussie .colC, #subdiscussie .colC { width:203px; border-right:0; }

#discussieDetail .colA { width:320px; text-align:right; } 
#discussieDetail th.colA { text-align:left; }
#discussieDetail .colB { width:431px; border-right:0; }
	
#subdiscussie {display: none;}
	
/* =Content
============================================= */
#content {}
	#content h2 { background:none; padding:0 0 0 0; margin:6px 0 3px 0; }
	#content td { padding:3px 10px 6px 10px; }
	#content .colA { width:320px; } 
	#content .colB { width:431px; border-right:0; } 
	
	td.colA.frmTxt { padding:2px 10px 2px 10px; text-align:right; }
	td.colB.frmInp { padding:0 10px 0 10px; }
	
/* =Forms 
============================================= */
input,textarea { background-color:#fff; border:1px solid #333; font-size:100%; padding:2px; color:#333; font-family:verdana,sans-serif,helvetica,arial; margin:2px 4px 2px 0; }
input.submit { background-color:#59CAEA; border:1px solid #000; color:#fff; font-weight:bold; padding:2px 6px 3px 6px; cursor:pointer; margin:4px 4px 4px 0; }
input.radio { border:none; background:none; }
form .plain { border:none; background:none; }
form .required { background-color:#CAECF6; }

div#error_message {}
div#error_message.highlight { margin-bottom:6px; font-weight:bold; }

table.forumreply, table.newforumsubject {border: 0;}
table.forumreply td {border: 0;}
table.forumreply input.forumreply, textarea.forumreply {width: 250px;}
table.forumreply textarea.forumreply {height: 100px;}

div.singlephoto {text-align: right;float:right;margin:0;padding:0;}
div.singlephoto img {margin: 0;padding:0;}
a.home {text-decoration: none;background:url('../images/arrow.gif') 0 4px no-repeat; padding:0 0 0 12px;}
a.home:hover {text-decoration: underline;}

a.hoofdmenu {text-decoration: none !important;}
.nomargin {margin:0; padding:0 !important;}
ul.home, li.home {list-style-type: none; }
ul.home {margin-left: -12px !important;}

.nofoto1 {background:url('../images/bg_colors_left.gif') 0 0 no-repeat;}
.nofoto2 {background:url('../images/bg_colors_middle.gif') 0 0 no-repeat;}