
/* ============================================================	*/ 
/* ========	HTML STANDAARDEN  	===============================	*/
/* ============================================================	*/ 

html, body {
	height:100%;
}
body {
	margin:0;
	padding:0;
	text-align:center;
	color:#FFF;
	background-color:#3E3C3F;
	}
body, table, th, td, p, input, textarea, select {
	font-family:Verdana, Tahoma, Arial, Helvetica, Sans-serif;
	font-size:12px;
	}
body, p, ul, li {
	line-height:1.3em;
	}
h1, h2, h3, h4, h5, h6 {
	margin:0 0 10px 0;
	}
a {
	color:#F4D22A;
	text-decoration:none;
	}
a:hover {
	text-decoration:underline;
	}
h1 {
	font-size:15px;
	line-height:1.0em;
	}
h2 {
	font-size:13px;
	margin:0;
	
	}
h3 {
	
	font-size:12px;
	font-weight:bold;
	}
h4 {
	font-size:11px;
	}
h5 {
	margin-bottom:2px;
	font-size:12px;
	font-weight:normal;
	}
h6 {
	margin:10px 0 10px 0;
	padding-left:20px;
	font-size:12px;
	font-weight:normal;
	}	
p {
	margin:0 0 15px 0;
	}
	
ul, ol {
	margin:0 0 10px 30px;
	}
/* EXTRA's */

a.noShow,
a.noShow:hover {
	color:#FFF;
	text-decoration:none;
	cursor:text;
	}
div.kernwoorden {display:none;}
/* ============================================================	*/ 
/* ========	LAYOUT BLOCKEN  	===============================	*/
/* ============================================================	*/ 

/* ======== CONTAINER	======== */

div.container {
	position:relative;
	margin:0 auto 0 auto;
	width:720px;
	height:480px;
	text-align:left;
	}
	/* mozilla hax \*/
html>body #container {
	}
	/* mozilla hax */


/* ============================================================	*/ 
/* ========	HEADER				===============================	*/
/* ============================================================	*/

div.header img {}
span.header {display:none;}









/* ============================================================	*/ 
/* ========	CONTENTBLOCK		===============================	*/
/* ============================================================	*/
div.mainCol {
	position:relative;
	height:313px;
	background:transparent url(../gfx/../gfx/main_back.gif) no-repeat left top;
	}
/* \ */
* html body div.mainCol  {
	height:313px;
	}
/* */
div.contentScroll {
	position:absolute;
	padding-bottom:30px;
	top:2px;
	left:248px;
	width:468px;
	height:280px;
	z-index:20;
	overflow:auto;
	
	scrollbar-face-color: #3E3C3F; 
	scrollbar-highlight-color: #F4D22A; 
	scrollbar-shadow-color: #F4D22A; 
	scrollbar-3dlight-color: #F4D22A; 
	scrollbar-arrow-color:  #F4D22A; 
	scrollbar-track-color: #F4D22A; 
	scrollbar-darkshadow-color: #F4D22A;
	}
/* \ */
* html body div.contentScroll  {
height:310px;
	}
/* */
div.content {

	padding:10px 80px 50px 0px;
	}
div.kopImage {
	position:absolute;
	top:378px;
	left:247px;
	padding-top:10px;
	width:377px;
	height:23px;
	z-index:30;
	background-color:#3E3C3F;
	}
/* \ */
* html body div.kopImage  {

	}
/* */

/* ============================================================	*/ 
/* ========	NAVIGATIE			===============================	*/
/* ============================================================	*/
div.navigatie {
	position:absolute;
	top:13px;
	left:74px;
	width:161px;
	height:64px;
	z-index:10;
	}
div.navigatie img {display:block;}

div.navigatie span.nav {
	display:none;
	}
	
/* ============================================================	*/ 
/* ========	openingstijden INDEX	===========================	*/
/* ============================================================	*/

table.openingsTijden {
	width:360px;
	}
table.openingsTijden td {
	padding:3px 5px 3px 0;
	}
	
/* ============================================================	*/ 
/* ========	HUREN _ VERHUURAANBOD	===========================	*/
/* ============================================================	*/

table.hurenTable {
	width:360px;
	margin-bottom:10px;
	border-top:1px solid #666;
	border-left:1px solid #666;
	}
table.hurenTable th,
table.hurenTable td {
	text-align:left;
	padding:5px 5px 5px 5px;
	font-size:10px;
	
	border-right:1px solid #666;
	border-bottom:1px solid #666;
	}	
table.hurenTable th {
	background-color:#555;
	}

/* ============================================================	*/ 
/* ========	HUREN _ VERHUURAANBOD	===========================	*/
/* ============================================================	*/

div.aanbodBlock {
	position:relative;
	float:left;
	height:95px;
	padding:2px;
	margin:0 18px 18px 0;
	}
div.aanbodBlock a img{
	border:1px solid #3E3C3F;
	}
div.aanbodBlock a:hover img{
	border:1px dashed #F4D22A;
	}
/* ============================================================	*/ 
/* ========	FOOTER				===============================	*/
/* ============================================================	*/
div.footer {
	height:69px;
	color:#FFF;
	background:#FF5A52 url(../gfx/../gfx/footer.gif) no-repeat left top;
	}
div.adres {
	padding-top:7px;
	margin-left:90px;
	font-size:11px;
	line-height:1.4em;
	}
div.adres a {
	color:#FFF;
	font-size:11px;
	font-family:Tahoma, Arial, Helvetica, Sans-serif;
	}
div.adres a:hover {
	color:#F4D22A;
	text-decoration:none;
	}
div.adres a.noShow,
div.adres a.noShow:hover {
	color:#FFF;
	font-size:11px;
	font-family:Verdana, Arial, Helvetica, Sans-serif;
	}
/* ============================================================	*/ 
/* ========	FORMULIEREN		  	===============================	*/
/* ============================================================	*/ 

form {
		margin:0px;
		}
.formgrid {
		}
.formGrid td {
		}
.formGrid .nameCell {
	width:125px;
	padding:2px 0 2px 0;
	}
	.formGrid .extraNameCell {
	width:63px;
	padding:2px 5px 2px 5px;
	}
.formGrid .inputCell {
		}
.formGrid .verplicht {
		color:#000;
		vertical-align:top;
		}	
input,
select {
	vertical-align:middle;
	}
input.typeText {
	color:#5A5A5A;
	font-weight:normal;
	border-top:1px solid #9C855D;
	border-right:1px solid #E1D0AE;
	border-bottom:1px solid #E1D0AE;
	border-left:1px solid #9C855D;
	}
.formGrid input.typeText {
	padding-left:5px;
	}
div.left input.typeText,
div.left select.select {
	color:#4C4C4C;	
	}
label {
	vertical-align:middle;}
select.select {
	
	}
textarea.textarea {
	
	}