/* ============================================================	*/ 
/* ========	HTML STANDAARDEN  	===============================	*/
/* ============================================================	*/ 

html {
	height:100%;
	width:100%;
	overflow: -moz-scrollbars-vertical;
	}
body {
	margin:0 0 0 0;
	width:100%;
	height:100%;
	
	text-align:center;
	background:#000 url(../gfx/back_y.gif) center top repeat-y;
	
	scrollbar-face-color: #ddd; 
	scrollbar-highlight-color: #FFF; 
	scrollbar-shadow-color: #aaa; 
	scrollbar-3dlight-color: #aaa; 
	scrollbar-arrow-color:  #666; 
	scrollbar-track-color: #FFF; 
	scrollbar-darkshadow-color: #FFF;
	}
body, table, th, td, p, input, textarea, select {
	font-family:Verdana, Arial, Helvetica, Sans-serif;
	font-size:11px;
	}
h1, h2, h3, h4, h5, h6 {
	margin:0 0 10px 0;
	}
	
a {}
a:hover {}
h1 {}
h2 {}
h3 {}
h4 {}
h5 {}
h6 {}	
p {}
	
ol {}
ul {}
li {}
li li {}

label {
	
	}
/* ============================================================	*/ 
/* ========	LAYOUT BLOCKEN  	===============================	*/
/* ============================================================	*/ 

#container {
	position:relative;
	margin:0 auto 0 auto;
	width:992px;
	min-height:100%;
	_height:100%;
	text-align:left;
	}
	/* mozilla hax \*/
html>body #container {
    height:auto;
	}
	/* mozilla hax */

/* ============================================================	*/ 
/* ========	HEADER				===============================	*/
/* ============================================================	*/

div.header {
	background:transparent url(../gfx/header.jpg) 0 0 no-repeat;
	width:992px;
	height:112px;
	top:0;
	position:relative;
	text-align:left;
	}
	
div.header .title {
	width:572px;
	height:64px;
	}
	div.header .title span {
		font-weight:bold;
		color:#C80f14;
		display:block;
		padding-top:40px;
		}

div.header .object {
	width:200;
	height:90;
	margin-top:1px;
	margin-left:37px;
	}
	
/* tables */

.tdTop {
	background:transparent url(../gfx/balk_top.gif) top right no-repeat;
	}
img.tdHoek {
	border:0;
	}
td.tdContent {
	background:#FFFFFF url(../gfx/content_back.gif) top right repeat-y;
	padding:15px;
	}
td.tdBottom {
	background:#FFFFFF url(../gfx/balk_bottom.gif) top right repeat-y;
	}


	
/* ============================================================	*/ 
/* ========	NAVIGATIE			===============================	*/
/* ============================================================	*/

.navBar a {
	display:block;
	float:left;
	color:#FFFFFF;
	margin-right:15px;
	text-decoration:none;
	}
.navBar a:hover {
	display:block;
	color:#FFFFFF;
	text-decoration:none;
	}

div.navigatie {
	position:abolute;
	top:0;
	left:0;
	}
.menu {
	width:220px;
	float:left;
	display:block;
	margin:3px 4px 0 0;
	text-align:center;
	}
	
.menu a {text-decoration:none;}
.menu img {display:block;}

.btnAgenda,
.btnNieuws,
.btnVriendenBerichten,
.btnGalerij,
.btnDoelstelling,
.btnLedenlijst,
.btnVriendVDMaand,
.btnAanmelden,
.btnNieuweVrienden,
.btnSponsorbrochure,
.btnPresentatiegids,
.btnCorendonKinheim,
.btnStatutenenHHR {
	width:217px;
	height:35px;
	display:block;
	background-position:top left;
	background-repeat:none;
	}
.btnAgenda:hover,
.btnNieuws:hover,
.btnVriendenBerichten:hover,
.btnGalerij:hover,
.btnDoelstelling:hover,
.btnLedenlijst:hover,
.btnVriendVDMaand:hover,
.btnAanmelden:hover,
.btnNieuweVrienden:hover,
.btnSponsorbrochure:hover,
.btnPresentatiegids:hover,
.btnCorendonKinheim:hover,
.btnStatutenenHHR:hover {
	background-position:top right;
	}

.btnAgenda {	background-image:url(../gfx/btn_agenda.gif);}
.btnNieuws {	background-image:url(../gfx/btn_nieuws.gif);}
.btnVriendenBerichten {background-image:url(../gfx/btn_vrienden_berichten.gif);}
.btnGalerij {background-image:url(../gfx/btn_galerij.gif);}
.btnDoelstelling {background-image:url(../gfx/btn_doelstelling.gif);}
.btnLedenlijst {background-image:url(../gfx/btn_ledenlijst.gif);}
.btnVriendVDMaand {background-image:url(../gfx/btn_vriend_vd_maand.gif);}
.btnAanmelden {background-image:url(../gfx/btn_aanmelden.gif);}
.btnNieuweVrienden {background-image:url(../gfx/btn_nieuwe_vrienden.gif);}
.btnSponsorbrochure {background-image:url(../gfx/btn_sponsorbrochure.gif);}
.btnPresentatiegids {background-image:url(../gfx/btn_presentatiegids.gif);}
.btnCorendonKinheim {background-image:url(../gfx/btn_corendon_kinheim.gif);}
.btnStatutenenHHR {background-image:url(../gfx/btn_statuten.gif);}

/* ============================================================	*/ 
/* ========	FOOTER				===============================	*/
/* ============================================================	*/

div#footer {
	position:absolute;
	bottom:0;
	left:0;
	width:992px;
	clear:both;
	line-height:23px;
	background:transparent url(../gfx/footer.gif) top left no-repeat;
	}
div#footer a {
	color:#000;
	text-decoration:none;
	}
div#footer a:hover {
	text-decoration:underline;
	}
div#footer a.link {
	display:block;
	float:right;
	width:97px;
	line-height:23px;
	/*border:red 1px solid;*/
	text-align:center;
	text-decoration:none;
	color:#FFF;
	font-weight:bold;
	}
div#footer .footerText {
	text-align:right;
	width:780px;
	float:left;
	text-align:center;
	}
	div#footer .footerText a {
		float:none;
		
		}
	
html>body #footer {
	top:expression(document.getElementById('container').clientHeight - 23 + "px"); /* IE7 fix */
	}

/* ============================================================	*/ 
/* ========	CONTENTBLOCK		===============================	*/
/* ============================================================	*/

div.contentBlock {
	width:992px;
	overflow:hidden;
	padding:0 0 20px 0;
	}
	
div.contentRight {
	float:right;
	width:700px;
	right:10px;
	position:relative;
	}
div.contentLeft {
	float:left;
	width:220px;
	left:10px;
	position:relative;
	}
	
div.mainContent {
	text-align:left;
	width:964px;
	position:relative;
	left:14px;
	margin-top:10px;
	}

td.tdContentIndex {
	padding:140px 0 10px 0;
	height:190px;
	background:#D3D3D3 url(../gfx/backdrop.jpg) no-repeat left top;
	}
div.indexTitels {
	display:block;
	margin:0 10px 0 20px;
	}

div.innerPage 
{
	width:670px;
	height:200px;
	border:0;
	overflow:scroll;
	}

div.sidebar {
	float:right;
	width:160px;
	padding-bottom:65px;
	}
	/* MOZILLA HAX */
	html>body div.left {
		margin-bottom:0px;
		}
	/* MOZILLA HAX */

div.fotoObject {
	width:550px;
	}
	
div.bottomHyperlinks {
	float:right;
	}
div.bottomHyperlinks a,
div.bottomHyperlinks a:visited {
	color:#FFF;
	font-weight:bold;
	float:right;
	display:block;
	border:solid 1px #000;
	padding:2px 5px 2px 5px;
	margin:130px 2px 0 0;
	background-color:#660B11;
	text-decoration:none;
	}
div.bottomHyperlinks a:hover {
	background-color:#AA2830;
	}
/* ============================================================	*/ 
/* ========		NIEUWS		  	===============================	*/
/* ============================================================	*/ 

div.newsItem {
	margin-bottom:10px;
	border:solid 1px #D2D1D1;
	padding:2px 2px 2px 2px;
	}
div.newsItem span {
	clear:both;
	display:inline;
	float:right;
	top:0;
	color:#660B11;
	}
div.newsItem a {
	color:#B52E34;
	text-decoration:none;
	}
div.newsItem a:hover {
	color:#660B11;
	text-decoration:underline;
	}
	
.newsTerug {
	clear:both;
	display:block;
	float:left;
	}

/* ============================================================	*/ 
/* ========	FORMULIEREN		  	===============================	*/
/* ============================================================	*/ 

form {
		margin:0px;
		}
.formgrid {
		}
.formGrid td {
		}
.formGrid .nameCell {
	}
.formGrid .inputCell {
		}
input,
select {
	vertical-align:middle;
	}
input.typeText {
	color:#F00;
	font-weight:normal;
	border-top:1px solid #F00;
	border-right:1px solid #F00;
	border-bottom:1px solid #F00;
	border-left:1px solid #F00;
	}
.textField {
	background-color: #ffffff;
	font-family: arial,verdana, helvetica;
	font-size: 11px;
	color:#000000;
	border: 1px groove #5C0A00;
	width:190px;
	}
.formButton {
	background-color: #660B11;
	font-family: arial,verdana, helvetica;
	font-size: 11px;
	color:#ffffff;
	border: 1px solid #5C0A00;
	margin-top:10px;
	}
.formGrid input.typeText {
	padding-left:5px;
	}
label {
	vertical-align:middle;
	}
select.select {
	
	}
textarea.textarea {
	
	}