/*------------------------------------------------*/
/*--[ CSS Gulden Anker 2006, copyright Robarov ]--*/
/*------------------------------------------------*/

* {
	font-size:100%;
	margin:0;
	padding:0;
	}

body {
	background: #172548;
	color: #555;
	text-align: left;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 70%;
	line-height: 1.8em;
	text-align: center;
	}
#outer-container {
	background: #fff url(../i/layout/bg-outercontainer.gif) 0 0 no-repeat;
	width: 760px;
	padding: 10px 10px 0 10px;
	margin: 20px auto;
	text-align: left;
}

#container {
	background: url(../i/layout/bg-container.gif) 0 0 repeat-y;
	width: 760px;
}

#content {
	width: 580px;
	float: left;
	margin: 0 0 20px 0;
	}

/*--[ header ]----------------------------------------------------------------*/
#header {
	background: #fff url(../i/layout/bg-header.gif) 0 0 repeat-x;
	width: 760px;
	padding: 0 10px;
	margin: 0 -10px;
	height: 370px;
	position: relative;
	}
	#header h2 {
		background: #fff url(../i/layout/logo.gif) 0 0 no-repeat;
		margin: 0px;
		z-index:1;
		}

	#header h2 a {
		background: #fff url(../i/layout/logo.gif) 0 0 no-repeat;
		text-indent: -9000em;
		overflow: hidden;
		width: 90px;
		height: 85px;
		display: block;
		text-decoration: none;
		color: #fff;
		float:left;
	}
	#slideshow, .header {
		position: absolute;
		bottom:0px;
		left:10px;
		width: 760px;
		height: 240px;
		z-index: 50;
	}
#slideshow img {
	float: none;
	margin: 0px;
	padding: 0px;
	border: 0px;
}
.header1 { 	background-image: url(../i/slideshow/header1.jpg); }
.header2 { 	background-image: url(../i/slideshow/header2.jpg); }
.header3 { 	background-image: url(../i/slideshow/header3.jpg); }
.header4 { 	background-image: url(../i/slideshow/header4.jpg); }
.header5 { 	background-image: url(../i/slideshow/header5.jpg); }
.header6 { 	background-image: url(../i/slideshow/header6.jpg); }


#frontbox {
	background: url(../i/layout/bg-frontbox.png);
	color: #77645D;
	position: absolute;
	bottom: 10px;
	right: 20px;
	width: 280px;
	height: 180px;
	padding: 20px;
	overflow: hidden;
	z-index: 100;
}
#frontbox h2 {
	background: none !important;
	font-size: 20px;
	color: #9f0d05 !important;
	height: auto;
	padding: 0 0 10px;
	width: auto;
}
#frontbox p { margin-left: 0; font-size: 14px; }
#frontbox small{ margin: 0; }

a.button {
	text-decoration: none;
	font-weight: bold;
	display: inline-block;
	padding: 5px 15px;
	background: #826c63;
	color: #fff !important;
	border-radius: 20px;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	
}
a.button:hover {
	background: #78635b;
	color: #fcd356 !important;
}


#lng {
	position: absolute;
	right: 20px;
	top: 80px;
	margin: 0px;
	text-align: center;
	font-size: 0.9em;
	z-index: 10;
	font-weight: bold;
	color: #fff;
}
#lng a {
	color: #162648;
	text-decoration: none;
}
#lng a:hover {
	color: #9F0D05;
}
.adr {
	position: absolute;
	top: 20px;
	left: 120px;
}
.adr p {
	float: left;
	display: inline;
	width: 180px;
	margin: 0px;
}
#nav {
	position: absolute;
	top: 102px;
	border-bottom: 3px solid #002674;
	left: 10px;
	width: 760px;
	margin: 0;
	height: 25px;
	}
#nav li {
	background: none;
	font-size: 0.9em;
	text-transform: uppercase;
	display: inline;
	float: left;
	margin: 0 2px 0 0;
	padding: 0;
	height: 25px;
	line-height: 25px;
	font-weight: bold;
	position: relative;
	}
#nav a span {
	background: #a4d6df url(../i/layout/bg-nav.gif) top left no-repeat;
	height: 25px;
	display: block;
	float: left;
	display: inline;
	padding-left: 7px;
	cursor: pointer;
}
#nav a {
	background: #a4d6df url(../i/layout/bg-nav.gif) top right no-repeat;
	display: block;
	padding-right: 10px;
	float: left;
	display: inline;
	color: #001a47;
	cursor: pointer;
	text-decoration: none;
}
#nav .active a {
	background: #0a185f url(../i/layout/bg-nav.gif) right -50px no-repeat;
	color: #fff;
}
#nav .active a span {background: #0a185f url(../i/layout/bg-nav.gif) 0 -50px no-repeat;}


#nav a:hover, #nav li:hover a, #nav li.sfhover a {
	background: #f7d14b url(../i/layout/bg-nav.gif) right -25px no-repeat;
	color: #9f0d05;
}
#nav a:hover span, #nav li:hover span, #nav li.sfhover a span {background: #f7d14b url(../i/layout/bg-nav.gif) left -25px no-repeat;}

#nav li li {
	text-transform: none;
	width: 200px;
	height: 22px;
	line-height: 22px;
	height: auto;
	border-bottom: 1px solid #ccc;
	padding: 0px;
	margin: 0px;
}
#nav li li a, #nav .active li a {
	display: block;
	height: 22px;
	width: 190px;
	padding: 0 0 0 10px;
	color: #3E484E;
}
#nav li:hover li, #nav li:hover li a, #nav li.sfhover li, #nav li.sfhover li a {
	background: #fff;
	color: #162648;
}
#nav li:hover li a:hover, #nav li.sfhover li a:hover {background: #fff;color: #9F0D05;}

#nav li ul {
	clear: both;
	position: absolute;
	background: #fbfbfb;
	height: auto;
	width: 200px;
	top: 25px;
	height: auto;
	left: -999em;
	z-index: 100;
	margin: 0px;
}
#nav li:hover ul, #nav li.sfhover ul {left: 0px;}

#sec-nav {
	position: absolute;
	top: 20px;
	right: 10px;
	margin: 0;
	}
#sec-nav li {
	background: none;
	float: left;
	display: inline;
	line-height: 12px;
	border-left: 1px solid #ccc;
	padding: 0 15px;
	margin: 0px;
	}
#sec-nav .first {
	padding: 0 15px 0 0;
	border-left: 0px;
	}
#sec-nav a {
	color: #666;
	text-decoration: none;
	}
#sec-nav a:hover, #sec-nav .active a{
	color: #333;
	}


/*--[ common ]----------------------------------------------------------------*/
h1, h2, h3, h4 {
	margin: 0 20px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	}
h1 {
	background: url(../i/layout/bg-h1.gif) bottom left no-repeat;
	padding:0 0 30px 0;
	font-size: 2em;
	color: #b40909;
	margin: 0 20px 0px;
	}
	h1.home{
/*
		background: url(../i/layout/bg-h1.gif) bottom 20px no-repeat;
		border-top: 25px solid #FFF;
		margin: 0px;
		padding:10px 0 30px 20px;
*/
		padding-top: 20px;
	}

h2 {
	margin: 0 20px 6px;
	font-size: 1.5em;
	color: #5b433b;
	font-weight: normal;
	}

h3 {
	margin: 0 20px 0px;
	font-size: 1.2em;
	color: #b40909;
	}
h4 {
	margin: 0 20px 0px;
	font-size: 1.1em;
	color: #000;
	}


p {
	margin: 0 20px 15px;
	}

small{
	font-size: 0.9em;
}
ol {
	margin: 0 40px 15px;
	}
ol.letters {
	list-style-type: lower-alpha;
	}
 ul {
	margin: 0 20px 15px;
	}
	ul li{
		background: url(../i/layout/bullet.gif) 0 0.7em  no-repeat;
		list-style-type: none;
		padding:0 0 0 16px;
		}

dl {
	margin: 0 20px 15px;
	border-top: 1px solid #ecece7;
 }
	dt {
		width: 25em;
		padding: .3em;
		float: left;
		margin: 0;
		border-bottom: 1px solid #ecece7;
		font-weight: bold;
	}

	dd
	{
		margin-left: 26em;
		padding: .3em;
		border-bottom: 1px solid #ecece7;
	}
	#example-menu dt {width: 12em;}
	#example-menu dd {margin-left: 13em;}


a:link, a:visited {
	color: #930;
	}
a:hover {
	color: #630;
	}
a:active {
	color: #C30;
	}

img {
/*
	padding: 2px;
	border: 3px double #E7DAC0;
	background: #fff;
*/
	margin: 0 0 10px 20px;
	}
.alignleft {
	margin: 0 15px 5px 20px;
	float: left;
	}
.alignright {
	margin: 0 20px 5px 15px;
	float: right;
	}
.highlight { /* highlight important text */
	background: #FFC;
	}
.clear { /* clear floated divs */
	clear: both;
	}
.hide{ /* hides text from broswer */
	position:absolute;
	left:-9999px;
	width:0px;
	overflow:hidden;
	}
.info {
	padding:10px 20px;
	background: #fff9d9;
	border: 1px solid #ffdc91;
	}
iframe {
	margin: 0 20px;
	overflow-x: hidden;
}

/*--[ crumb ]----------------------------------------------------------------*/

#crumb{
	background: #f8f3eb;
	margin: 0 0 10px 0;
	padding: 2px 20px;
	color: #ae9f85;
	}
	#crumb a:link, #crumb a:visited {
		color: #ae9f85;
		text-decoration: none;
		}
	#crumb a:hover {
		color: #887b65;
		text-decoration:underline;
		}
	#crumb span{
		color: #fc6d6d;
		}

/*--[ sidebar ]----------------------------------------------------------------*/

#sidebar {

	background: url(../i/layout/logo-ga.gif) 10px 10px no-repeat;
	padding-top: 100px;
	width: 180px;
	float: left;
	}
#sidebar h2 {
	color: #b40909;
}
.order {
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #fff;
	font-size: 10px;
	line-height: 13px;
	width: 160px;
	margin: 0 0 10px 8px;
	height: 45px;
	overflow: hidden;
}
.order a {
	display: block;
	width: 115px;
	padding: 10px 0px 10px 45px;
	height: 25px;
	color: #fff !important;
	text-decoration: none;
}
.visioen{
	width: 160px;
	height: 95px;
	margin: 0 0 10px 8px;
}
.visioen a{
	display: block;
	width: 160px;
	height: 95px;
	text-indent: -9000em;
	overflow: hidden;
}

.order a:hover {color: #fcd356;}
.bw, .bw a {background: #79655d url(../i/layout/bg-bw.gif) 0 0 no-repeat;}
.ga, .ga a {background: #79655d url(../i/layout/bg-ga.gif) 0 0 no-repeat;}
.on {background: #79655d url(../i/layout/bg-on.gif) 0 0 no-repeat;}

.bw a:hover, .ga a:hover, .on a:hover {background-position: 0 -45px;}

small{ margin: -20px 0 0 10px; }

.newsletter, .last-minute {
	margin: 0 0 10px 12px;
	float:left;
	display: inline;
}
.newsletter a, .last-minute a {
	text-indent: -9000em;
	overflow: hidden;
	width: 146px;
	height: 45px;
	display: block;
	text-decoration: none;
	float:left;
}
.nl .last-minute, .nl .last-minute a {background: url(../i/layout/last-minute-nl.gif) 0 0 no-repeat;}
.nl .last-minute a:hover {background: url(../i/layout/last-minute-nl.gif) 0 -45px no-repeat;}
.fr .last-minute, .fr .last-minute a {background: url(../i/layout/last-minute-fr.gif) 0 0 no-repeat;}
.fr .last-minute a:hover {background: url(../i/layout/last-minute-fr.gif) 0 -45px no-repeat;}
.en .last-minute, .en .last-minute a {background: url(../i/layout/last-minute-en.gif) 0 0 no-repeat;}
.en .last-minute a:hover {background: url(../i/layout/last-minute-en.gif) 0 -45px no-repeat;}

.nl .newsletter, .nl .newsletter a {background: url(../i/layout/newsletter-nl.gif) 0 0 no-repeat;}
.nl .newsletter a:hover {background: url(../i/layout/newsletter-nl.gif) 0 -45px no-repeat;}
.fr .newsletter, .fr .newsletter a {background: url(../i/layout/newsletter-fr.gif) 0 0 no-repeat;}
.fr .newsletter a:hover {background: url(../i/layout/newsletter-fr.gif) 0 -45px no-repeat;}
.en .newsletter, .en .newsletter a {background: url(../i/layout/newsletter-en.gif) 0 0 no-repeat;}
.en .newsletter a:hover {background: url(../i/layout/newsletter-en.gif) 0 -45px no-repeat;}

#banner {
	margin: 0 0 20px 20px;
}

/*=========> Homepage <===========*/
#choice {
	margin: 0 0 0 20px;
	height: 120px;
}
#choice li {
	padding: 0px;
	width: 139px;
	height: 82px;
	float: left;
	display: inline;
	margin: 0 1px 0 0;
}
#choice li a {
	display: block;
	text-transform: uppercase;
	text-align: center;
	text-decoration: none;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #fff;
	width: 139px;
	padding: 84px 0 4px 0;
}
#choice li, #choice li a{background-image:url(../i/layout/bg-choice.jpg); background-repeat: no-repeat;background-color: #826c63;}
#choice li a:hover {
	color: #fcd356;
	background-color: #78635b;
}
ch1, #ch1 a { background-position: 0px 0px; }
ch2, #ch2 a { background-position: -140px 0px; }
ch3, #ch3 a { background-position: -280px 0px; }
ch4, #ch4 a { background-position: -418px 0px; }

#choice #ch1 a:hover { background-position: -560px 0px; }
#choice #ch2 a:hover { background-position: -700px 0px; }
#choice #ch3 a:hover { background-position: -840px 0px; }
#choice #ch4 a:hover { background-position: -978px 0px; }

#building {
	float: left;
}
#order {
	margin-top: 10px;
	width: 240px;
	float: left;
}
#order h2 {
	color: #b40909;
}
#order a, #route{
	background: #80655E url(../i/layout/bg-order.jpg) 0 0 no-repeat;
	display: block;
	margin: 10px 0 0 0;
	text-transform: uppercase;
	text-align: center;
	text-decoration: none;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #fff;
	width: 180px;
	height: 45px;
	line-height: 45px;
	font-size: 1.1em;
}
#order a {
	margin: 0 0 10px 20px;
}

#order a:hover, #route:hover {background: #80655E url(../i/layout/bg-order.jpg) 0 -45px no-repeat;color: #fcd356;}

#arrang {
/*
	background: url(../i/layout/bg-arrang) top right no-repeat;
*/
	font-size: 1.2em;
	padding: 0 0 100px 0;
	line-height: 2em;
}

/* THEME COLORS */
#rood{
	padding:20px 20px 20px 0;
	background:#F2E2D2;
	border:1px solid #EAB565;
	font-size:.9em;
	color:#865a42;
	margin: 0 0 10px 20px;
	font-size:1.1em;
}
#rood h2, #rood a{color:#c00;}
#rood a:hover{color:#000;}
#rood img{
	float:right;
	margin:0 0 0 12px;
}
/* ------------------------------------------------ */
#geel{
	padding:20px 20px 20px 0;
	background:#FFFFC3;
	border:1px solid #FE6700;
	font-size:.9em;
	color:#96653C;
	margin: 0 0 10px 20px;
	font-size:1.1em;
}
#geel h2, #geel a{color:#FE6700;}
#geel a:hover{color:#000;}
#geel img{
	float:right;
	margin:0 0 0 12px;
}

/* ------------------------------------------------ */
#groen{
	padding:20px 20px 20px 0;
	background:#CFFFB6;
	border:1px solid #267A43;
	font-size:.9em;
	color:#000;
	margin: 0 0 10px 20px;
	font-size:1.1em;
}
#groen h2, #groen a{color:#267A43;}
#groen a:hover{color:#000;}
#groen img{
	float:right;
	margin:0 0 0 12px;
}
/* END THEME COLORS */

/*--[ restaurant ]----------------------------------------------------------------*/
ol.menu {
	margin:0 20px 20px;
	padding: 20px 40px 40px 40px;
	background: #f8f3eb;
	border: 1px solid #ddd1bd;
	}
	ol.menu li {
		text-align: center;
		padding: 10px 0;
		list-style-type: none;
		font-family: Georgia, "Times New Roman", Times, serif;
		font-size: 1.2em;
		background: url(../i/layout/dot.gif) bottom left repeat-x;
		}

.links{
	text-align: center;
}
.links a img{
	margin: 5px;
	padding: 5px;
	border: 2px solid #DDD1BD;
}
.success img {
	margin: 10px 0 0 0;
	border: 1px solid #ddd1bd;
}
.success{
	position: relative;
	padding: 15px 0;
	border: 1px solid #ddd1bd;
	background: #f8f3eb;
	color: #88736d;
	margin: 0 0 15px 15px;
	line-height: 1.6em;
}
.success h3 {
	font-size: 1.3em;
	background: url(../i/layout/dot.gif) bottom left repeat-x;
	padding: 0 0 4px 0;
}

.successdate{
	position: absolute;
	right: 0px;
	top: 16px;
	color: #666;
}

/*--[ contact ]----------------------------------------------------------------*/
.box {
	width: 260px;
	float: left;
	display: inline;
	}
fieldset {border: none;	}
form {
	clear: both;
	margin: 20px;
	}
.floatl {
	width: 260px;
	float: left;
	}
.floatr{
	width: 260px;
	float: left;
	}
	.checkbox h3 {
		margin: 0px;
	}
	form div input, form div textarea{
		font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
		font-size:1em;
		border: 1px solid #e1dcc7;
		padding: 3px 0;
	}
	form .checkbox input {
		border: 0;
		padding: 0;
		margin-right: 4px;
		width: auto;
	}
	form div input { width:240px;}
	span.error {color:#e42323;font-size:.9em;}
	form div {margin:0 0 .6em 0;}
	form label {display:block;}
	textarea {width:500px;}
	.checkbox label {margin: 0 0 10px 0;}

	#content ul.attention {
		border-top: 1px solid #ffbc2c;
		border-bottom: 1px solid #ffbc2c;
		background: #fff4b6;
		padding: 5px 10px;
		color:#BC7C12;
		display: block;
	}
	#content .attention li {
		background:url(../i/layout/attention.gif) 0 50% no-repeat;
		padding:0 0 0 20px;
	}
	#submit {
		font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
		font-size:1em;
		color: #fff;
		background: #6E5751;
		border: 1px solid #6E5751;
		width: 100px;
		padding: 4px 0;
		margin: 0px;
	}

#content .mini {
	display:block;
	clear:both;
	float: right;
	margin: 10px 20px 10px 0;
}
#content a.top, #content a.back{
	float: left;
	display: block;
	width: 16px;
	height: 16px;
	text-indent: -3000px;
	text-decoration:none;
}
#content a.top{background: url(../i/layout/bg-top.gif) 0 0 no-repeat;}
#content a.top:hover{background: url(../i/layout/bg-top.gif) -16px 0 no-repeat;}

#content a.back{background: url(../i/layout/bg-back.gif) 0 0 no-repeat;}
#content a.back:hover{background: url(../i/layout/bg-back.gif) -16px 0 no-repeat;}

/*--[ a la carte ]----------------------------------------------------------------*/
#alacarte li {
	padding: 0px;
	width: 180px;
	text-align: center;
	float: left;
	display: inline;
	background: none;
}
#alacarte img {
	margin: 0 auto;
	display: block;
}


/*--[ footer ]----------------------------------------------------------------*/
#footer {
	clear:both;
	background: #172548 url(../i/layout/bg-footer.gif) 0 0 no-repeat;
	text-align:center;
	width: 760px;
	padding: 20px 10px  0 10px;
	margin: 0 -10px;
	z-index: 10;
	position: relative;
	color :#fff;
}
#footer a {
	color: #fff;
}
#footer a:hover {
	color: #fcd356;
}