/* ie only styles */
/* commented backslash hack v2 \*/ 
* html body {
	height:			100%;
} 
/* end hack */ 

* html body {
	margin:			128px 0 50px 0;	/* offset voor header + footer */
  	padding: 		0;
 	overflow:		hidden;
 	text-align:		center; 
}

* html #wrapper {
	width:			1000px;
	height:			100%;
} 

* html #header {
	position: 		absolute;
	top:			10px;
	width:			100%;
	padding: 		0;
	height: 		100px;
	left:			50%;
	margin-left:	-500px;
	z-index:		0;
}

* html #sub-menu {
	position: 		absolute;
	height:			100%;
	margin-left:	-210px;
	width:			200px;
	z-index:		0;
	top:			110px;
}
 
* html #content {
	margin-left:	210px;
	overflow:		auto;
	height:			100%;
	z-index:		1;
}

* html #footer {
	position: 		absolute;
	bottom: 		10;
	left:			50%;
 	margin-left:	-500px;
	width:			100%;
	height: 		30px;
	z-index:		0;
}

* html #logo {
	position:		absolute;
	bottom:			10px;
	left:			50%;
 	margin-left:	-500px;
	height:			2000px;
	width:			1000px;
	z-index:		-1;
}

/* mozilla styles below */

html > body {
	margin: 		0;
	padding: 		0;
	height: 		100%;
	min-width:		1000px;
}
 
html > body #header {
	position: 		fixed;
	width:			1000px;  			/* width site */
	left: 			50%;
	margin-left:	-500px;  			/* width site / 2 */
	top: 			10px;
	padding: 		0;
	height: 		100px;				/* height header */
	z-index:		1;
}

html > body #sub-menu {
	position:		fixed;
	width:			200px;				/* width site - width content */
	top:			110px;				/* height header + top header */
	bottom:			50px;				/* height footer + bottom footer */
	left:			50%;
	margin-left:	-500px;
	z-index:		1;
}

html > body #content {
	position: 		fixed;
	top:			110px;				/* top header + height header + small offset */
	width:			790px; 				/* width site - width sub-menu - small offset */
	left: 			50%;
 	margin-left:	-290px;  			/* width content / 2 + small offset */
	bottom:			50px;				/* height footer + bottom footer + small offset */
	overflow:		auto;
	z-index:		2;
}
 
html > body #footer {
	position: 		fixed;
	bottom: 		20px;
	width:			1000px;  			/* width site */
	left: 			50%;
	margin-left:	-500px;  			/* width site / 2 */
	height: 		30px;
	z-index:		1;
}

html > body #logo {
	position:		fixed;
	bottom:			20px;
	width:			1000px;
	left: 			50%;
	margin-left:	-500px;  			/* width site / 2 */
	height:			100%;
	z-index:		0;
}

/* positionering zowel voor mozilla als ie */

#header div.menu {
	position:				absolute;
	bottom:					5px;
	right:					1em;
}


/* opmaak */

#header {
	background-image:		url(../images/header.jpg);
	background-repeat:		no-repeat;
}

#header div.menu {
	
}

#header div.menu a {
	text-decoration:		none;
	padding-left:			10px;
	padding-right:			10px;
	margin-left:			3px;
	display:				block;
	float:					left;
	font-weight:			bold;
	font-size:				1.15em;
}

#header div.menu a:link, #header div.menu a:visited {
	text-decoration:		none;
	color:					#2f2f2f;
}

#header div.menu a:hover {
	background-color:		#C68787;
}

#header div.menu a.current, #header div.menu a:visited.current, #header div.menu a:link.current {
	text-decoration:		none;
	color:					#FCC0C8;
	background-color:		#520914;
}

#footer{
}

#footer span.text {
	text-align:				center;
	font-size:				small;
	position:				absolute;
	width:					100%;
	bottom:					2px;
	left:					0px;
}

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

#sub-menu {
}

#sub-menu div.menu {
	padding-top:			1em;
	vertical-align:			center;
}

#sub-menu div.menu a {
	text-decoration:		none;
	display:				block;
	color:					#2f2f2f;
	padding-top:			5px;
	padding-bottom:			5px;
	/*background-color:		#e7e7e7;*/
	background-color:		#cacad7;
	margin-top:				4px;
	margin-bottom:			4px;
	margin-left:			10px;
	margin-right:			10px;
	text-align:				center;
	font-weight:			bold;
}

#sub-menu div.menu a.current {
	color:					black;
	/*background-color:		#a0abbc;*/
	background-color:		#93a1b5;
}

#sub-menu div.menu a:link, #sub-menu div.menu a:visited {
}

#sub-menu div.menu a:hover {
	/*background-color:		#c8ccd2;*/
	background-color:		#bdbdf3;
}


#content {
	background-color:		transparent;
	text-align:				left;
}

/* lay-out home-pagina */
H2 {
	font-size:				30px;
	text-align:				center;
	padding:				1.2em 0em 0em 0em;
}

H1 {
	font-size:				48px;
	font-weight:			bold;
	text-align:				center;
	padding:				0.2em 0em 0em 0em;
}

p.home	{
	padding:				3em 1em 1em 1em;
	text-align:				center;
	font-size:				20px;
}	


/*
#content img {
	float:					right;
	padding:				1em 0em 2em 2em;
}
	*/

#logo {
	background-image:		url(../images/content.jpg);
	background-repeat:		no-repeat;
	background-position:	bottom right;
}

/* lay-out algemene tabel 
 *
 * Niet meer gebruikt ??
 *
 * */
table.content {
	width:					100%;
	text-align:				center;
}

table.content TD {
	padding:				0.3em 0em 0.3em 0em;
}


/* lay-out tekst-tabel */
table.tekst {
	width:					100%;
	text-align:				left;
}

table.tekst TD {
	padding:				0em 0em 0em 0em;
	vertical-align:			top;
}


/* lay-out bestuur-tabel */
table.bestuur {
	width:					90%;
	text-align:				center;
	padding:				2em 0em 2em 0em;
}

table.bestuur TD {
	padding:				0em 1em 0em 1em;
	vertical-align:			center;
}

table.bestuur TD.kol1 {
	width:					60%;
}

/* lay-out zwarte gordels-tabel */
table.zwart {
	width:					90%;
	text-align:				center;
	padding:				2em 0em 0em 0em;
}

table.zwart TD {
	padding:				0.5em 1em 0.5em 1em;
	vertical-align:			center;
}

/* lay-out kalender-tabel */
table.kalender {
	border-collapse: 		collapse; 
	width:					100%;
	text-align:				left;
}

table.kalender THEAD { 
	border-top: 			2px solid #C0C0C0;
	border-bottom: 			2px solid #C0C0C0;
	color: 					#000000; 
	background-color: 		#F0F0F0; 
}

table.kalender TBODY { 
	border-top: 			2px solid #C0C0C0;
	border-bottom: 			2px solid #C0C0C0;
}

table.kalender COL {
	border-left: 			2px solid #C0C0C0; 
}

table.kalender TR {
	border-top: 			1px solid #C0C0C0; 
}

table.kalender TR.vet {
	font-weight:			bold;
}

table.kalender TH {
	padding:				1em 0em 1em 0em;
	text-align:				left;
}

table.kalender THEAD TH {
	text-align:				left;
	vertical-align:			top;
}

table.kalender TD {
	padding:				1em 0em 1em 0em;
	vertical-align:			top;
}

/* lay-out fotos-tabel */
table.fotos {
	border-collapse: 		collapse; 
	width:					100%;
	text-align:				center;
}

table.fotos IMG {
	border:					0;
}

table.fotos TD {
	padding:				3em 0em 3em 0em;
	vertical-align:			center;
	font-weight:			bold;
	width:					50%;
}

/* lay-out videos-tabel */
table.videos {
	border-collapse: 		collapse; 
	width:					100%;
	text-align:				left;
}

table.videos THEAD { 
	border-top: 			2px solid #C0C0C0;
	border-bottom: 			2px solid #C0C0C0;
	color: 					#000000; 
	background-color: 		#F0F0F0; 
}

table.videos TBODY { 
	border-top: 			2px solid #C0C0C0;
	border-bottom: 			2px solid #C0C0C0;
}

table.videos COL {
	border-left: 			2px solid #C0C0C0; 
}

table.videos TR {
	border-top: 			1px solid #C0C0C0; 
}

table.videos TR.vet {
	font-weight:			bold;
}

table.videos TH {
	padding:				1em 0em 1em 0em;
	text-align:				left;
}

table.videos THEAD TH {
	text-align:				left;
	vertical-align:			top;
}

table.videos TD {
	padding:				1em 0em 1em 0em;
	vertical-align:			top;
}

/* vim:set tabstop=4 shiftwidth=4:*/