@charset "utf-8";
/* CSS Document */

body {
	background:#fff url("../img/wood.gif") top;
	font:12px/16px "Trebuchet MS", Geneva, Arial, Helvetica, sans-serif;
	text-align:center;
	margin:0;
	padding:0;
	color:#241200;
	cursor:default;
}
.hide {
	display:none;
}

div, p, ul, ol, li, h1, h2, h3, h4, h5, h6, dl, dt, dd, select, input, textarea {
	margin:0;
	padding:0;
	font:12px/16px "Trebuchet MS", Geneva, Arial, Helvetica, sans-serif;
	text-align:left;
	color:#241200;
}
.button {
	text-align:center;
}
a {	
	color:#f00;
	text-decoration:none;
	border-bottom:1px dotted #f00;
	cursor:pointer;
}
a:hover {
	text-decoration:none;
	border-bottom:1px solid #f00;
}

/*----------clearfix----------*/
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
/*--------end clearfix--------*/

#wrap {
	background:transparent url("../img/bgcanvas2.gif") no-repeat top;
	margin:0 auto;
	width:765px;
	padding:0 50px;
	voice-family:"\"}\"";
	voice-family:inherit;
	width:665px;
}
#tafelgenootschapspage #wrap {
	background:transparent url("../img/bgcanvas-tg2.gif") no-repeat top;
}

/* HEADER
------------------------------------------------------------------------------*/
#header {
	height:100px;
	margin:0 10px;
}
#header a {
	color:#fff;
	border-bottom-color:#fff;
}
#header h1 {
	width:250px;
	height:77px
} 
#header h1 a {
	display:block;
	width:250px;
	height:77px;
	border-bottom:none;
} 
#header h1 a strong {
	display:none;
}
#header p {
	margin-left:90px;
	color:#fff;
}

/* FOOTER
------------------------------------------------------------------------------*/
#footer {
	line-height:30px;
	color:#fff;
	text-align:right;
	margin:0 10px;
}
#footer strong {
	float:left;
	font-weight:normal;
}
#footer a {
	color:#fff;
	border-bottom-color:#fff;
}
/* CANVAS
------------------------------------------------------------------------------*/
#canvas {
	position:relative;
	cursor:default;
	height:489px;
	padding-top:40px;
	voice-family:"\"}\"";
	voice-family:inherit;
	height:449px;
}
#canvas a {
	cursor:pointer;
}

/* NAVIGATIE
------------------------------------------------------------------------------*/
#nav {
	position:absolute;
	left:0;
	top:40px;
	width:220px;
	height:270px;
	list-style:none;
	padding-top:16px;
	voice-family:"\"}\"";
	voice-family:inherit;
	height:254px;
}
#nav li {
	margin:0 0 4px 30px;
	text-transform:uppercase;
	text-shadow:2px 3px 3px #000;
	letter-spacing:2px;
	font-size:11px;
	line-height:20px;
	font-weight:bold;
	background:transparent url("../img/navbord.gif") no-repeat 0px 3px;
}
#nav a {
	color:#fff;
	padding-left:30px;
	border-bottom:none;
}
#nav a:hover, #nav a.hier {
	color:#f00;
	text-decoration:none;
	background:transparent url("../img/navbord-h.gif") no-repeat 0px -1px;
}
#nav a.hier {
	cursor:default;
}
#nav ul {
	list-style:none;
	margin-bottom:8px;
}
#nav li li {
	line-height:14px;
	text-transform:none;
	letter-spacing:0;
	font-size:12px;
	font-weight:bold;
	background-image:none;
	margin:0 0 4px 35px;
}
#nav ul a {
	padding-left:0px;
}
#nav ul a:hover, #nav a.hiersub {
	background-image:none;
}
#nav ul a.hiersub {
	cursor:default;
	color:#f00;
}
#stage {
	position:absolute;
	left:270px;
	top:60px;
	overflow:auto;
	width:410px;
	height:369px;
	padding:8px 30px 0 0;
	voice-family:"\"}\"";
	voice-family:inherit;
	width:380px;
	height:361px;
}
#stage.noscroll {
	padding:8px 50px 0 0;
	voice-family:"\"}\"";
	voice-family:inherit;
	width:360px;
}
#tafelgenootschapspage #stage {
	height:210px;
	voice-family:"\"}\"";
	voice-family:inherit;
	height:202px;
}

#stage h1, #stage h1 a, #nieuws h1 {
	font-size:16px;
	margin-bottom:16px;
	font-weight:bold;
	text-decoration:none;
	color:#241200;
	border:none;
}
#stage h2, #nieuws h2 {
	padding-top:8px;
}
#stage h2, #stage h2 a {
	display:block;
	font-size:14px;
	margin:8px 0 4px;
	font-weight:bold;
	text-decoration:none;
}
#stage h3, #stage h3 a {
	margin-bottom:4px;
	text-decoration:none;
	padding-left: 110px;
	color:#666600;
}
#reserveren3 h3 {
	padding-left:0px;
}
#stage h4 {
	color:#666600;
}
#stage p, #nieuws p {
	margin-bottom:8px;
}
#stage p#inleiding {
	font-size:13px;
	line-height:18px;
	font-weight:bold;
}
#stage p#inleiding em {
	font-style:normal;
	font-weight:normal;
	color:#CCCC66;
}
#stage img {
	display:block;
	border:1px solid #cc6;
	background-color:#dd7;
	padding:10px;
	margin:16px 0 0;
}
#stage p#inleiding img {
	height:105px;
	float:left;
	display:block;
	margin:0 8px 0 0;
	border:1px solid #cc6;
	background-color:#dd7;
	padding:10px;
}
#stage p img {
	float:left;
	display:block;
	margin:0 8px 0 0;
	border:1px solid #cc6;
	background-color:#dd7;
	padding:10px;
}
#stage p#show img {
	float:left;
	display:block;
	margin:0 8px 8px 0;
	border:1px solid #cc6;
	background-color:#dd7;
	padding:5px;
	cursor:crosshair;
}
#stage p.uitleg, .uitleg {
	font-size:11px;
	line-height:13px;
}
form {
	padding-top:32px;
}
#reserveren2 form, #reserveren3 form, #contactpage form {
	padding-top:8px;
}
select, input, textarea {
	color:#660;
}
label {
	display:block;
	float:left;
	clear:left;
	width:100px;
	margin-right:10px;
	text-align:right;
}
input.txt {
	width:200px;
	border:none;
	border-bottom:1px solid #241200;
	background:transparent;
}
#contactpage form textarea {
	background:transparent url(../img/trans.gif);
	width:200px;
	height:40px;
	padding:5px;
	voice-family:"\"}\"";
	voice-family:inherit;
	width:195px;
}
#sub {
	border-top:1px solid #241200;
	margin-top:16px;
	padding-top:16px;
}
#sub input {
	color:#241200
}
.co{
	background:#cc9;
	padding:8px 0;
	margin:0 0 8px;
	filter:alpha (opacity=80);
	opacity:0.8;
}
.co p {
	line-height:24px;
}
.co2 {
	background:url(../img/trans.gif);
	margin:0 0 8px;
	padding:8px 8px 1px 8px;
}

#linkspage #stage p strong {
	display:block;
	width:125px;
	float:left;
	text-align:right;
	clear:left;
}
#linkspage #stage p span {
	display:block;
	float:right;
	width:225px;
	clear:right;
}


/* TAFELGENOOTSCHAP
------------------------------------------------------------------------------*/
/* tafel */
#tafel {
	position:absolute;
	top:330px;
	left:10px;
	width:640px;
	height:120px;
}
#tafel a {
	position:absolute;
	width:29px;
	height:29px;
	text-align:center;
	cursor:pointer;
	line-height:30px;
	color:#660;
	font-weight:bold;
	border:none;
}
#tafel a.bezet {
	color:#f00;
}
#b1 {left:27px;top:0px;}
#b2 {left:70px;top:0px;}
#b3 {left:156px;top:0px;}
#b4 {left:199px;top:0px;}
#b5 {left:241px;top:0px;}
#b6 {left:284px;top:0px;}
#b7 {left:327px;top:0px;}
#b8 {left:369px;top:0px;}
#b9 {left:396px;top:45px;}
#b10 {left:369px;top:90px;}
#b11 {left:327px;top:90px;}
#b12 {left:284px;top:90px;}
#b13 {left:241px;top:90px;}
#b14 {left:199px;top:90px;}
#b15 {left:156px;top:90px;}
#b16 {left:113px;top:90px;}
#b17 {left:70px;top:90px;}
#b18 {left:27px;top:90px;}
#b19 {left:0;top:45px;}
#b20 {left:480px;top:90px}
#b21 {left:524px;top:90px}
#b22 {left:568px;top:90px}
#b23 {left:612px;top:90px}
#tafel a#dimi {width:170px;height:78px;left:476px;top:0px;}

#tafel a:hover {background:url(../img/bord-h.gif);color:#fff;}
#tafel a#dimi:hover {background:url(../img/logo-h.gif) no-repeat center;color:#fff;}

#tafel div {
	display:none;
	position:absolute;
	z-index:100;
	top:-270px;
	left:260px;
	background:#fff url(../img/bgmenu.gif) no-repeat 41px 44px;
	height:210px;
	width:360px;
	padding-top:16px;
	voice-family:"\"}\"";
	voice-family:inherit;
	height:194px;
}
#tafel h3 {
	font-weight:bold;
	color:#660;
	margin-bottom:8px;
	font-size:14px;
	margin-bottom:8px;
}
#tafel h4 {
	font-weight:bold;
	text-transform:uppercase;
	letter-spacing:2px;
	font-size:10px;
	color:#660;
	margin-bottom:16px;
}
#tafel p {
	margin-bottom:8px;
}
#nieuws {
	position:absolute;
	left:375px;
	top:42px;
	z-index:90;
}
#nieuws h1 {
	font-size:14px;
	margin-bottom:0;
}
#nieuws h2 {
	font-size:11px;
	font-weight:bold;
	color:#666600;
}
#nieuws p {
	font-size:11px;
	line-height:1.2em;
	margin-right:10px;
}
#news {
	width:245px;
	height:275px;
	background:url(../img/vlak2.gif) no-repeat top;
	padding:15px 5px 15px 15px;
	voice-family:"\"}\"";
	voice-family:inherit;
	width:225px;
	height:245px;

}
#newscontainer {
	height:245px;
	width:225px;
	overflow:auto;
	voice-family:"\"}\"";
	voice-family:inherit;
}
#label {
	display:block;
	background:url(../img/label.gif) no-repeat;
	color:#fff;
	border-bottom:none;
	width:75px;
	height:20px;
	margin-left:170px;
	text-align:center;
	font-weight:bold;
	font-size:13px;
}
.hideMe {
	display:none;
}
.showMe {
	display:block;
}

#stage ul {
	padding-left:20px;
	list-style:square;
}
#stage ul strong {
	font-style:normal;
	font-size:12px;
	text-transform:capitalize;
}
#stage ul em {
	font-style:normal;
	font-size:10px;
}