/**
 * @author Peter Mosmans
 * @copyright Go Forward
 * @company Go Forward
 * @url http://www.go-forward.nl
 * @version 3.0 RC 6
 **/

/** page layout **/

body {
	padding: 0px;
	margin: 0px;
	background: #000000;
	text-align: center;
	color: #FFFFFF;
	font-family: tahoma, sans-serif;
}

#navigation	{
	position: absolute;
	display: block;
	top: 0px; right: 0px; left: 0px;	
	height: 49px;
	line-height: 23px;
}

#navigation-upper	{
	position: relative;
	display: block;
	background: #ef1c1c;
	height: 23px;
	z-index: 2;
}

#navigation-lower	{
	position: relative;
	top: 3px;
	background: #e5dfdf;
	height: 23px;
}

#container, #container-black	{
	position: absolute;
	display: block;
	top: 49px; left: 0px; right: 0px; bottom: 0px;
	height: 700px;
	width: 100%;
	min-width: 800px;
	border-bottom: 3px solid #e5dfdf;
	margin: 0px;
	padding: 0px;
}

#container-black	{
	top: 10px; left: 0px; right: 0px; bottom: 0px;
	height: 750px;
	border: none;
}

#placeholder	{
	position: absolute;
	top: 0px; left: 0px; right: 0px;
	display: block;
	width: 510px;
	height: 673px;
	margin: 0px;
	padding: 30px 0px 0px 30px;
	border-right: 3px solid #e5dfdf;
}

*:first-child+html #placeholder{
	height: 699px;
	width: 540px;
}
* html #placeholder{
	height: 699px;
	width: 540px;
}

#content	{
	text-align: left;
	position: absolute;
	top: 27px; left: 570px; right: 0px;
/**	width: 100% new **/	
	display: block;
	height: 530px;
	overflow: auto;
	padding: 0px;
	margin: 0px;
	padding-right: 30px;
	color: #FFFFFF;
	font-size: 15px;
	z-index: 10;
	overflow-x: hidden;
}

#bottom-lower	{
	position: absolute;
	display: block;
	background: #ef1c1c;
	top: 758px; left: 0px; right: 0px; bottom: 0px;
	width: 100%;
    z-index: 10;
}

#bottomlink	{
	position: absolute;
	top: 633px; left: 570px;
	display: block;
	margin-right: 180px;
	text-align: left;
	line-height: 33px;
	height: 100px;
	overflow: hidden;
}

#bottomlink.upper {
	height: 0px;
}

/** navigation **/

.menulink	{
	font-family: verdana, sans-serif;
	font-size: 15px;
	text-align: center;
	text-decoration: none;
	position: relative; 
	color: #FFFFFF;
	/** left: 130px; **/
	width: 130px;
	padding-right: 20px;
	z-index: 10;
	letter-spacing: 1px;
}

.menulink.lower	{
    font-size: 14px;
	color: #000000;
}

.menulink:hover	{
	text-decoration: underline;
}

.selected	{
	font-size: 18px;
	color: #FFFFFF;
	font-weight: bold;
	width: 130px;
}

.menulink.lower.selected	{
	color: #000000;
}

.selected:hover	{
	text-decoration: none;
}

.contentlink	{
	font-size: 16px;
	display: block;
	text-decoration: none;
	color: #ef1c1c;
	cursor: pointer;
}

.contentlink:hover, a.contentlink:hover, span.contentlink:hover	{
	text-decoration: underline;
}

.active:after,
#n2 .active:before{
/*Workaround for Gecko*/
	content: "";
}

.active:after{
	content: "\00BB"
}

.active:before{
	content: "\00AB"
}

.tableau	{
	margin: 0 auto;
	width: 800px;
	border: 0px none;
}

.flowtekst	{
	border: 1px #FFFFFF solid;
	visibility: hidden;
	width: 100px;
	height: 100px;
}

.top	{
	z-index: 10;
}

.mozaiektegel, img.mozaiektegel	{
	width: 200px;
	height: 150px;
	display: block;
}

.tile, .center-tile	{
	border: 0px none;
	width: 200px;
    height: 150px;
	cursor: pointer;
    position: absolute;
	display: none;
}

.center-tile    {
    position: relative;
	top: 295px; left: 576px;
    z-index: 1;
	display: block;
}

.draggable	{
	cursor: move;
}

.tab	{
	display: none;
	overflow: auto;
}

.invisible	{
	display: none;
	z-index: -1;
}

.rotate	{
	display: none;
}

.visible	{
	display: block;
}

.footnote	{
	line-height: 20px;
}

/** images **/ 

.back	{
	position: absolute;
	display: inline;
	top: 0px; left: 0px; bottom: 0px;
	margin: 0px;
	padding: 49px 0px 0px 0px;
	height: 726px;
	width: 100%;
	border-bottom: 3px solid #7c0c08;
	opacity:.1;
	filter:alpha(opacity=10);
	overflow: hidden;
}

.portrait	{
	width: 480px;
	height: 640px;
	padding: 0px;
	margin: 0px;
}

.landscape	{
	width: 480px;
	height: 360px;
	padding: 0px;
	margin: 0px;	
}

.logo {
	position: absolute;
	top: 623px; right: 30px;
	width: 133px;
	opacity:.35;
	filter:alpha(opacity=35);
	height: 100px;
}

/** Text formatting **/

.title	{
	font-size: 20px;
	display: block;
	margin-bottom: 15px;
}

.divider	{
	display: block;
	height: 10px;
}

.mapchart	{
	position: relative;
	display: block;
	margin: 0px;
	padding: 0px;
	width: 350px;
	height: 300px;
	color: #000000;
	font-size: 12px;
}

.mapimage	{
	display: block;
	width: 50px;
	height: 68px;
	float: left; 
	margin-right: 10px;
}

.center	{
	text-align: center;
}

.language	{
	position: absolute;
	display: block;
	height: 100px;
	top: 4px; right: 30px;
	text-decoration: none;
	font-size: 16px;
	line-height: 20px;
	font-family: tahoma, sans-serif;
	color: #808084;
	letter-spacing: 1px;
	text-transform: uppercase;
}

.language:hover        {
	color: #e1e6d4;
	text-decoration: underline;
}

.special	{
	padding: 0px 3px 0px 2px;
	background-color: #ff1910;
	color: #ffffff;
}

.power	{
	font-size: 40px;
	font-weight: bold;
	color: #f000d2;
	text-decoration: underline;
}

.borderless, .borderless:a	{
	border: 0px none;
}

/** image blocks **/
#deur	{
	background: center url(/images/deur.gif) no-repeat fixed;
	margin: auto;
	padding: 0px;
	display: none;
	position: absolute;
	top: 0px; right: 0px; bottom: 0px; left: 0px; 
	width: 100%;
	height: 100%;
	z-index: 2;
}

#splash	{
	background: #000000 top center url(/images/tekst-le-garage.jpg) no-repeat;
	position: absolute;
	top: 0px; right: 0px; bottom: 0px; left: 0px; 
	padding: 0px;
	min-height: 523px;
	height: 100%;
	min-width: 758px;
	width: 100%;
	z-index: 0;
	cursor: pointer;
}

#splash-onder	{
	display: inline;
	background: #FF0000 top center url(/images/cafe-restaurant.png) no-repeat;
	position: absolute;
	right: 0px; bottom: 0px; left: 0px; 
	height: 200px;
	width: 100%;
	z-index: 1;
}

/** Seatme modifications **/

a.seatmelink: link {font-size: 20px; color:white;}		
a.seatmelink: active {font-size: 20px;color:white;}		
a.seatmelink: visited {font-size: 20px;color:white;}		
a.seatmelink: hover {font-size: 20px;color:white;}