@charset "utf-8";
/* ----------------------------------- START FONT FACE -------------------------------- */
/*
 * This CSS file has been generated by fontsquirrel.com and is based on the work of Paul Irish. 
* 
*/


/*
 *
 * The fonts included are copyrighted by the vendor listed below.
 *
 * @vendor:     Ralph Oliver du Carrois
 * @vendorurl:  http://www.carrois.com
 * @licenseurl: http://www.fontsquirrel.com/license/Colaborate
 *
 *
 */

@font-face {
	font-family: 'Colaborate-ThinRegular';
	src: url('ColabThi.eot');
	src: local('Colaborate-Thin Regular'), local('Colaborate-Thin'), url('ColabThi.ttf') format('truetype');
}
/* ----------------------------------- END FONT FACE -------------------------------- */

/* ----------------------------------- START SLIDESHOW -------------------------------- */
.fadein { position:relative; height:250px; width:500px; margin-bottom: 25px; border: 1px solid #212121; }
.fadein img { position:absolute; left:0; top:0; }
/* ----------------------------------- END SLIDESHOW -------------------------------- */

/* ----------------------------------- START 100% BACKGROUND FIX -------------------------------- */
body
{
	font-size:62.5%;	
	font-family: Helvetica, Arial, sans-serif;
	background-color:#0f0f0e;
}

html, body, #bg, #bg table, #bg td {
    height:100%;
    width:100%;
    overflow:hidden;
}

#bg {
    position: fixed;
}

#bg div {
    height:200%;
    left:-50%;
    position:absolute;
    top:-50%;
    width:200%;
}

#bg td {
    text-align:center;
    vertical-align:middle;
}

br.clear
{
	clear: both;
	margin-bottom: 25px;
}

#bg img {
    margin:0 auto;
    min-height:50%;
    min-width:50%;
}

#container {
    position:absolute;
    top:0;left:0;
    z-index:70;
    overflow:auto;
	width: 100%;
	height: 100%;
}

.content {
    margin: 0 auto;
    width: 960px;
	background-repeat:repeat-y;
	background-position:top left;
	height: 100%;
	z-index:9998;
	position:relative;
	background-image:url(../images/navigationpattern.png);
}
/* ----------------------------------- END 100% BACKGROUND FIX -------------------------------- */


/* ----------------------------------- START ZONE HOME -------------------------------- */
body#index #logo, body#index-en #logo
{
	background-image:url(../images/sprite.png);
	background-position: 0 -168px;
}

body#index #topinfo, body#index-en #topinfo
{
	background-image:url(../images/subheader_home.png);
}

body #textzone p
{
	color: #a4a4a4;	
}

body#brasserie #logo, body#brasserie-en #logo
{
	background-image:url(../images/sprite.png);
	background-position: 0 -295px;
}

body#brasserie #topinfo, body#brasserie-en #topinfo
{
	background-image:url(../images/subheader_taverne.png);
}

body#restaurant #logo, body#restaurant-en #logo
{
	background-image:url(../images/sprite.png);
	background-position: 0 -422px;
}

body#restaurant #topinfo, body#restaurant-en #topinfo
{
	background-image:url(../images/subheader_restaurant.png);
}

body#restaurant #topinfo .info, body#restaurant-en #topinfo .info
{
	color: #635e0f;	
}

body#restaurant #topinfo strong, body#restaurant-en #topinfo strong
{
	color: #fff;	
}

body#restaurant #topinfo span, body#restaurant-en #topinfo span
{
	color: #5b5606;	
}

body#rooftopbar #logo, body#rooftopbar-en #logo
{
	background-image:url(../images/sprite.png);
	background-position: 0 -549px;
}

body#rooftopbar #topinfo, body#rooftopbar-en #topinfo
{
	background-image:url(../images/subheader_rooftop.png);
}

body#catering #logo, body#catering-en #logo
{
	background-image:url(../images/sprite.png);
	background-position: 0 -676px;
}

body#catering #topinfo, body#catering-en #topinfo
{
	background-image:url(../images/subheader_catering.png);
}

body#catering #topinfo strong, body#catering-en #topinfo strong
{
	color: #fff;	
}


body#catering #topinfo .info, body#catering-en #topinfo .info
{
	color: #ffe1d3;	
}

body#catering #topinfo span, body#catering-en #topinfo span
{
	color: #fff;	
}


body#contact #logo, body#contact-en #logo
{
	background-image:url(../images/sprite.png);
	background-position: 0 -803px;
}

body#contact #topinfo, body#contact-en #topinfo
{
	background-image:url(../images/subheader_contact.png);
}

body#contact #topinfo .info, body#contact-en #topinfo .info
{
	color: #006e62;	
}

body#contact #topinfo strong, body#contact-en #topinfo strong
{
	color: #fff;	
}

body#contact #topinfo span, body#contact-en #topinfo span
{
	color: #00564d;	
}

body#jobs #logo, body#jobs-en #logo
{
	background-image:url(../images/sprite.png);
	background-position: 0 -168px;
	/*background-image:url(../images/sprite.png);
	background-position: 0 -930px;*/
}

/* ----------------------------------- END ZONE HOME -------------------------------- */
#topinfo
{
	width: 540px;
	float: left;
	height: 100px;
	padding-top: 15px;
	margin-top: 30px;
	background-image:url(../images/subheader_home.png);
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

#topinfo div.info
{
	width: 300px;
	float: right;
}

#topinfo div.language
{
	width: 150px;
	float: left;
	text-align:left;
	padding-left: 20px;
	margin-left: 20px;
	margin-top: 32px;
	color:#C9C9C9;
	font-size:1.3em;
	line-height:1.5em;
}

#topinfo .language a:link, #topinfo .language a:visited, #topinfo .language a:hover, #topinfo .language a:active
{
	padding-top: 0px;
	margin-left: 5px;
	position:relative;
	top: -4px;
}

div.english
{
	background-image:url(../images/gb.gif);
	background-position:top left;
	background-repeat:no-repeat;
}

div.dutch
{
	background-image:url(../images/be.gif);
	background-position:top left;
	background-repeat:no-repeat;
}

#topinfo a:link, #topinfo a:visited, #topinfo a:hover, #topinfo a:active
{
	color: #fff;	
	text-decoration:none;
	border-bottom: 1px dotted #fff;
}

#topinfo a:hover
{
	border-style: solid;
}

#topinfo p
{
	line-height: 1.5em;
	color: #c9c9c9;
	text-align: right;
	font-size: 1.3em;
	padding-right: 20px;
}

div.info
{
	line-height: 1.5em;
	color: #c9c9c9;
	text-align: right;
	font-size: 1.3em;
	padding-right: 20px;
}

#topinfo strong
{
	color: #e1e1e1;
	
}

#topinfo span
{
	color: #cccccc;
}

#logo
{
	position:relative;
	top:0;
	left:0;
	width: 250px;
	height: 127px;
	background-position:top center;
	background-repeat:no-repeat;
	z-index:9998;
}

#navigation
{
	width: 250px;
	float: left;
	margin-right: 20px;
	position: relative;
}

#navigation ul
{
	width: 140px;
	margin: 50px 0 0 40px;
}

#navigation ul li a:link, #navigation ul li a:visited, #navigation ul li a:hover, #navigation ul li a:active 
{
	width: 140px;
	height: 28px;
	display:block;
	text-indent:-9999px;
	text-decoration:none;
	background-image:url(../images/sprite.png);
	background-repeat:no-repeat;
}

a.index:link, a.index:visited, a.index:hover, a.index:active
{
	background-position: -140px 0;
}

a.index:hover,
a.index.selected:link, a.index.selected:visited, a.index.selected:hover, a.index.selected:active
{
	background-position: 0 0;
}

a.brasserie:link, a.brasserie:visited, a.brasserie:hover, a.brasserie:active 
{
	background-position: -140px -28px;
}

a.brasserie:hover,
a.brasserie.selected:link, a.brasserie.selected:visited, a.brasserie.selected:hover, a.brasserie.selected:active
{
	background-position: 0 -28px;
}

a.restaurant:link, a.restaurant:visited, a.restaurant:hover, a.restaurant:active 
{
	background-position: -140px -56px;
}

a.restaurant:hover,
a.restaurant.selected:link, a.restaurant.selected:visited, a.restaurant.selected:hover, a.restaurant.selected:active
{
	background-position: 0 -56px;
}

a.rooftopbar:link, a.rooftopbar:visited, a.rooftopbar:hover, a.rooftopbar:active 
{
	background-position: -140px -84px;
}

a.rooftopbar:hover,
a.rooftopbar.selected:link, a.rooftopbar.selected:visited, a.rooftopbar.selected:hover, a.rooftopbar.selected:active
{
	background-position: 0 -84px;
}

a.catering:link, a.catering:visited, a.catering:hover, a.catering:active 
{
	background-position: -140px -112px;
}

a.catering:hover,
a.catering.selected:link, a.catering.selected:visited, a.catering.selected:hover, a.catering.selected:active
{
	background-position: 0 -112px;
}

a.contact:link, a.contact:visited, a.contact:hover, a.contact:active 
{
	background-position: -140px -140px;
}

a.contact:hover,
a.contact.selected:link, a.contact.selected:visited, a.contact.selected:hover, a.contact.selected:active
{
	background-position: 0 -140px;
}

a.jobs:link, a.jobs:visited, a.jobs:hover, a.jobs:active 
{
	background-position: -420px 0px;
}

a.jobs:hover,
a.jobs.selected:link, a.jobs.selected:visited, a.jobs.selected:hover, a.jobs.selected:active
{
	background-position: -280px 0px;
}


#textzone
{
	background-image:url(../images/content_home.png);
	float: left;
	width: 500px;
	padding: 20px;
	/*padding-right: 170px;*/
	margin-top: 40px;
	margin-bottom: 40px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

#textzone h1
{
	color: #c2c2c2;
	font-family: 'Colaborate-ThinRegular', Arial, sans-serif;
	font-size: 3.6em;
	line-height: 44px;
	letter-spacing: -1px;
	font-weight: normal;
	margin-bottom: 25px;
}

#textzone h2
{
	color: #adadad;
	font-family: 'Colaborate-ThinRegular', Arial, sans-serif;
	font-size: 2.6em;
	line-height: 44px;
	letter-spacing: -1px;
	font-weight: normal;
	margin-bottom: 25px;
}

#textzone h3
{
	color: #adadad;
	font-family: 'Colaborate-ThinRegular', Arial, sans-serif;
	font-size: 2.1em;
	line-height: 30px;
	letter-spacing: -1px;
	font-weight: normal;
	margin-bottom: 10px;
	margin-top: 15px;
}

#textzone p
{
	font-size: 1.3em;
	color: #fff;
	line-height: 1.5em;
	margin-bottom: 1em;
}

/* ----------------------------------- START FOOD MENU -------------------------------- */
ul.dottedmenu
{
	font-size: 1.2em;
	list-style-type:none;
	color:#92AFB3;
	margin-right: 0px;
	float:left;
	width: 500px;
}

ul.dottedmenu li
{
	width:100%;
	float:left;
	list-style:none;
	border-bottom:1px dotted #545454;
	margin-bottom: 0.2em;
}

ul.dottedmenu li span
{
	float: right;	
	position:relative;
	top:.2em;
	padding:5px;
	background:#1b1b1b;
	color:#8d8d8d;
	/* CSS3 */
	-moz-border-radius: 5px;
	-moz-border-radius-bottomright: 0px;
	-webkit-border-radius: 5px;	
	-webkit-border-bottom-right-radius: 0px;
}

ul.dottedmenu li em
{
	float: left;
	font-style:normal;
	position:relative;
	top:.2em;
	padding:5px;
	background:#1b1b1b;
	color:#8d8d8d;
	/* CSS3 */
	-moz-border-radius: 5px;
	-moz-border-radius-bottomleft: 0px;
	-moz-border-radius-topright: 0px;
	-webkit-border-bottom-left-radius: 0px;
	-webkit-border-top-right-radius: 0px;
	-webkit-border-radius: 5px;  
}
/* ----------------------------------- END FOOD MENU -------------------------------- */

/* ----------------------------------- START GMAP -------------------------------- */
#gmap
{
	background-color: #fff;
	border: 1px solid #121212;
	height: 300px;
	overflow:hidden;
	font-size: 1.2em;
	margin: 20px 0 5px 0;
}
/* ----------------------------------- END GMAP ---------------------------------- */


/* ----------------------------------- START RESERVATIONS -------------------------------- */
div.field
{
	display:block;
	margin: 5px 0;
	vertical-align:middle;
}

div.field.functions
{
	margin-left: 180px;	
}

label
{
	padding-left: 10px;
	width: 170px;
	float:left;
	display:block;
	height: 30px;
	line-height: 30px;
	vertical-align:middle;
}

input.invalid, textarea.invalid
{
	border: 2px solid red;	
}

input.text:focus, textarea:focus
{
	border: 2px solid #16b9a8;	
}

p.tip
{
	padding: 5px;
	background-color:#424242;
	line-height: 1.4em;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	margin: 15px 10px;
	font-size: 0.8em;
}

input.submit
{
	font-size: 1.4em;
	margin-left: 10px;
}

p.reservaties a:link, p.reservaties a:visited, p.reservaties a:hover, p.reservaties a:active
{
	color: #C9C9C9;
}

p.reservaties a:hover
{
	color: #fff;	
}

div#reservation_form
{
	width: 300px;	
	display:none;
}

div#fancy_div
{
	background-color: #fff;
	color: #fff;
	font-family:Helvetica,Arial,sans-serif;
	font-size: 1.2em;
	background-image:url(../images/menubackground.jpg);	
}

#fancy_bg
{
	background-image:url(../images/menuframe.jpg);	
}

body#restaurant div#fancy_div
{
	
}

div#fancy_div p
{
	line-height: 1.4em;	
}

div#fancy_div input.text, div#fancy_div textarea
{
	font-size: 1.2em;
	padding: 5px;
	font-family:Helvetica,Arial,sans-serif;
	width: 200px;
}

div#fancy_div h1
{
	font-size: 2.5em;
	font-family: 'Colaborate-ThinRegular', Arial, sans-serif;
	margin: 5px 0 25px 0;
}

div#fancy_overlay
{
	z-index: 9999;	
}

div#fancy_outer
{
	z-index: 9999;
}

/* ----------------------------------- END RESERVATIONS -------------------------------- */

/* ----------------------------------- START GOODBYTES COPYRIGHT -------------------------------- */
#goodbytes
{
	font-size: 11px;
	width: 220px;
	padding: 3px 7px 5px 5px;
	float: right;
	margin-right: 150px;
	color: #838383;
	text-align: right;
	margin-bottom: 20px;
	text-shadow: 0px 1px 1px #000;
	background-image:url(../images/copyright.png);
	background-repeat:no-repeat;
	border-radius: 5px;
	line-height: 1.5em;
	background-position:top right;

}

#goodbytes a:link, #goodbytes a:visited, #goodbytes a:hover, #goodbytes a:active
{
	color: #ADADAD;
}

#goodbytes a:hover
{
	color: #fff;	
}
/* ----------------------------------- END GOODBYTES COPYRIGHT -------------------------------- */

/* ----------------------------------- BEGIN MENU CMS ITEMS -------------------------------- */
a.menulink:link, a.menulink:visited, a.menulink:hover, a.menulink:active, 
a.joblink:link, a.joblink:visited, a.joblink:hover, a.joblink:active,
a.print:link, a.print:visited, a.print:hover, a.print:active
{
	color: #fff;
	font-size: 1.4em;
}

a.print:link, a.print:visited, a.print:hover, a.print:active
{
	width: 71px;
	height: 20px;
	display: block;
	background-image:url(../images/buttonprint.png);
	background-repeat:no-repeat;
	clear: both;
	margin-top: 15px;
}

div#menu
{
	display:none;
}

#fancy_div h3, #fancy_div h4, #fancy_div h5, #fancy_div h6
{
	border-bottom: 1px dotted #ccc;
	font-weight: normal;
	margin: 20px 10px 10px 0;
	padding-bottom: 5px;
}

#fancy_div h1
{
	text-align: center;	
	padding-top: 20px;
	color: #fff;
}

#fancy_div p
{
	font-size: 1.2em;
	color:#A4A4A4;
}

#fancy_div h3
{
	font-size: 1.4em;	
	text-transform:capitalize;
}

#fancy_div h4
{
	font-size: 1.4em;	
}

#fancy_div h5
{
	font-size: 1.3em;	
}

#fancy_div
{
	overflow: auto;	
}

/* ----------------------------------- END MENU CMS ITEMS -------------------------------- */

/* ----------------------------------- BEGIN JOB APPLICATION FORM -------------------------------- */
#fancy_div #btnSubmitJob 
{
	margin-top: 20px;	
}

a.joblink:link, a.joblink:visited, a.joblink:hover, a.joblink:active 
{
	margin-bottom: 15px;	
}
/* ----------------------------------- END JOB APPLICATION FORM -------------------------------- */

/* ----------------------------------- BEGIN CADEAUTIP-------------------------------- */
div.tip_present
{
	padding-left: 45px;
	padding-top: 3px;
	background-image:url(../images/vliegtuig.png);
	background-repeat:no-repeat;
	background-position:top left;
	font-size: 0.9em;
}
/* ----------------------------------- END CADEAUTIP -------------------------------- */