/*
-------------------------------------------------+
Client: Dinnertime.be
Date: 21/08/2008
Copyright: Robarov
Author: Jan Meeus
-------------------------------------------------+
*/
* {
	font-size:100%;
	margin:0;
	padding:0;
	}

body {
	background: #f2e6d7 url(../i/layout/bg-body.jpg) 0 0 repeat-x;
	color: #5c514b;
	font-family: /* Verdana,  */Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 18px;
	text-align: center;
	}

/*--[ common ]----------------------------------------------------------------*/
h1, h2, h3, h4, dt {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	}
h1 {
	font-size: 30px;
	line-height: 36px;
	color: #f6901e;
	padding-bottom: 9px;
	}
h2 {
	font-size: 20px;
	line-height: 24px;
	padding-bottom: 12px;
}
h3, h4 {
	color: #f6901e;
	font-size: 18px;
	padding-bottom: 9px;
}
h4 {font-size: 16px;}
p {
	padding-bottom: 18px;
	}
p.intro { font-style: italic; }

ol {
	margin: 0 2em 1em;
	}

 ul {
	margin: 0 0 1em;
	}
ul li {
	background: url(../i/layout/bullet.gif) 0em 0.4em no-repeat;
	padding-left: 15px;
	list-style-type: none;
	}

a:link, a:visited {
	color: #f6901e;
	text-decoration: none;
	}
a:hover {
	text-decoration: underline;
	}

img, fieldset {
	border: none;
	}
.alignleft {
	margin: 5px 5px 5px 0;
	float: left;
	}
.alignright {
	margin: 5px 0 5px 5px;
	float: right;
	}
.left {float: left;}
.right {float: right;}
.box {width: 370px;}
.half {width: 460px;}

.highlight { /* highlight important text */
	background: #FFC;
	}
.clear { /* clear floated divs */
	clear: both;
	}
.hide { /* hides things from broswer */
	width:0px;
	height: 0px;
	display: block;
	overflow:hidden;
	}
.rss {
	position: absolute;
	top: 4px;
	right: 0px;
	width: 12px;
	height: 12px;
	display: block;
	text-decoration: none;
	float:left;
	}
	.rss img {float: left;}
.small {
	font-size: 0.9em;
	}

/*--[ header ]----------------------------------------------------------------*/
#header {
	position: relative;
	width: 960px;
	margin: 0 auto;
	text-align: left;
	height: 104px;
}
#header h2 {
	position: absolute;
	top: 33px;
	left: 0px;
	background: transparent url(../i/layout/dinnertime.gif) 0 0 no-repeat;
	width: 220px;
	height: 64px;
	margin: 0px;
	}
#header h2 a {
	background: transparent url(../i/layout/dinnertime.gif) 0 0 no-repeat;
	text-indent: -9000em;
	overflow: hidden;
	width: 220px;
	height: 64px;
	display: block;
	text-decoration: none;
	float:left;
}

/*--[ nav ]----------------------------------------------------------------*/
#nav {
	position: absolute;
	top: 50px;
	right: 0px;
	margin: 0;
	height: 30px;
/*
	width: 630px;
*/
}
#nav li {
	background: none;
	float: left;
	display: inline;
	padding-left: 10px;
/*
	margin-left: 10px;
*/
	height: 30px;
}
#nav li a {
	font-size: 16px;
	line-height: 30px;
	color: #5c514b;
	outline: none;

/*
	text-indent: -9000em;
*/
	overflow: hidden;
	height: 30px;
	display: block;
	padding-right: 10px;
	text-decoration: none;
	float: left;
	text-transform: lowercase;
}

#nav li, #nav li a {
	background-image: url(../i/layout/nav.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
}
/*
#nav #nav1, #nav #nav1 a {width: 60px;background-position: 0 0;}
#nav #nav1 a:hover, #nav #nav1.active a {background-position: 0 -30px;}
#nav #nav3, #nav #nav3 a {width: 100px;background-position: -60px 0;}
#nav #nav3 a:hover, #nav #nav3.active a {background-position: -60px -30px;}
#nav #nav2, #nav #nav2 a {width: 125px;background-position: -160px 0;}
#nav #nav2 a:hover, #nav #nav2.active a {background-position: -160px -30px;}
#nav #nav4, #nav #nav4 a {width: 70px;background-position: -285px 0;}
#nav #nav4 a:hover, #nav #nav4.active a {background-position: -285px -30px;}
#nav #nav5, #nav #nav5 a {width: 165px;background-position: -355px 0;}
#nav #nav5 a:hover, #nav #nav5.active a {background-position: -355px -30px;}
#nav #nav6, #nav #nav6 a {width: 50px;background-position: -520px 0;}
#nav #nav6 a:hover, #nav #nav6.active a {background-position: -520px -30px;}
*/

#nav li a:hover, #nav li.active a {
	color: #f6901e;
}
#nav li.active { background-position: 0 -30px; }
#nav li.active a { background-position: right -30px; }


#secnav {
	position: absolute;
	top: 0px;
	right: 0px;
	margin: 0;
	}
#secnav li {
	background: url(../i/layout/bg-secnav.gif) 100% 50% no-repeat;
	float: left;
	display: inline;
	padding: 0 10px;
	margin: 0px;
	line-height: 25px;
	}
#secnav .snlogin {
	background: url(../i/layout/bg-snlogin.gif) 0% 50% no-repeat;
	margin-left: 30px;
	}
#secnav a {
	color: #9e886c;
	text-decoration: none;
	}
#secnav a:hover, #secnav .active a {
	color: #f6901e;
}
/*--[ content ]----------------------------------------------------------------*/
#content {
	background: #fdf9f3 url(../i/layout/bg-body.jpg) 0 -104px repeat-x;
	padding: 20px 0;
	width: 100%;
	float: left;
}
#content-inner {
	background: url(../i/layout/bg-content-inner.gif) 0 0 repeat-y;
	width: 960px;
	margin: 0 auto;
	overflow: hidden;
	text-align: left;
}
#home #content-inner, #wie-wat-waar #content-inner, #culinair #content-inner {background: none;}
#restaurant-detail #content-inner, #voordeelmenu-detail #content-inner, #nieuws #content-inner {background: url(../i/layout/bg-content-inner2.gif) 0 0 repeat-y;}

#main {
	float: left;
	width: 580px;
}
#main.detail, #nieuws #main {width: 680px;}


/*--[ sidebar ]----------------------------------------------------------------*/
#sidebar {
	margin: 10px 0 20px 0;
	float: right;
	width: 340px;
}
#nieuws #sidebar {
	width: 240px;
}


#sidebar.detail {width: 240px;}

#citybrowse {
	background: url(../i/layout/bg-citybrowse.gif) 100% 50% no-repeat;
	margin-bottom: 10px;
	float: left;
	width: 340px;
	min-height: 60px;
	height: auto !important;
	height: 60px;
}
#citybrowse p {
	color: #897c76;
	padding-right: 50px;
	margin: 0px;
}
#sidebar a {color: #5c514b;}
#sidebar a:hover {color: #f6901e;}

#budgetbrowse ul {
	background: url(../i/layout/bg-budgetbrowse.gif) 0 0 no-repeat;
	width: 340px;
	height: 80px;
	margin: 0px;
}
#budgetbrowse li {
	width: 85px;
	height: 40px;
	float: left;
	padding: 0;
	margin: 0;
}
#budgetbrowse li a {
	display: block;
	width: 85px;
	height: 40px;
	text-indent: -9000em;
	overflow: hidden;
}
#budgetbrowse li, #budgetbrowse li a {background-image: url(../i/layout/bg-budgetbrowse.gif);background-repeat: no-repeat;}
#bdg1, #bdg1 a {background-position: 0px 0px;} #bdg1 a:hover, #bdg1.active a {background-position: 0px -80px;}
#bdg2, #bdg2 a {background-position: -85px 0px;} #bdg2 a:hover, #bdg2.active a {background-position: -85px -80px;}
#bdg3, #bdg3 a {background-position: -170px 0px;} #bdg3 a:hover, #bdg3.active a {background-position: -170px -80px;}
#bdg4, #bdg4 a {background-position: -255px 0px;} #bdg4 a:hover, #bdg4.active a {background-position: -255px -80px;}

#kitchenbrowse ul {
	background: url(../i/layout/bg-kitchenbrowse.gif) 0% 50% no-repeat;
	clear: both;
	float: left;
	width: 300px;
	min-height: 60px;
	height: auto !important;
	height: 60px;
	padding-left: 40px;
}
#kitchenbrowse li {
	background: url(../i/layout/bullet.gif) 0em 0.4em no-repeat;
	padding-left: 15px;
	width: 115px;
	margin-left: 20px;
	display: inline;
	float: left;
	border-bottom: 1px solid #F2E6D7;
}


#addrestaurant {
	background: transparent url(../i/layout/bg-addrestaurant.gif) 0 0 no-repeat;
	width: 200px;
	height: 80px;
	margin: 0px;
	}
#addrestaurant a {
	background: transparent url(../i/layout/bg-addrestaurant.gif) 0 0 no-repeat;
	text-indent: -9000em;
	overflow: hidden;
	width: 200px;
	height: 80px;
	display: block;
	text-decoration: none;
	float:left;
}
#addrestaurant a:hover {background-position: 0 -80px;}
#restoprops li {
	line-height: 20px;
	padding: 5px 0 10px 40px;
	border-bottom: 1px solid #F2E6D7;
}
#restoprops .budget {background: url(../i/layout/icon-budget.gif) 0 0 no-repeat;}
#restoprops .kitchen {background: url(../i/layout/icon-kitchen.gif) 0 0 no-repeat;}
#restoprops .terrass {background: url(../i/layout/icon-terrass.gif) 0 0 no-repeat;}

/*--[ rating ]----------------------------------------------------------------*/
.rater, .rater a:hover, .rater a:active, .rater a:focus, .rater .current-rating {
	background: url(../i/layout/bg-rater.gif) left -1000px repeat-x;
}
.rater {
	position: relative;
	width: 200px;
	height: 40px;
	overflow: hidden;
	margin: 0px;
	padding:0px;
	background-position: left top;
	border: 0px;
}
.rater li {display: inline;background: none;}
.rater a, .rater .current-rating {
	position: absolute;
	top: 0px;
	left: 0px;
	text-indent: -999em;
	height: 40px;
	line-height: 40px;
	padding: 0px;
	outline: none;
	overflow: hidden;
	border: none;
}
.rater a:hover, .rater a:active, .rater a:focus {background-position: left bottom;}
.rater a.one-star {width: 20%;z-index: 6;}
.rater a.two-star {width: 40%;	z-index: 5;}
.rater a.three-star {width: 60%;z-index: 4;}
.rater a.four-star {width: 80%;z-index: 3;}
.rater a.five-star {width: 100%;z-index: 2;}
.rater .current-rating {z-index: 1;background-position: left center;}

/*--[ home ]----------------------------------------------------------------*/
#intro {
	background: url(../i/layout/bg-intro.gif) 0 0 no-repeat;
	width: 685px;
	padding-top: 54px;
	height: 0px !important;
	overflow: hidden;
	margin-bottom: 20px;
}
#intro * {display: none;}
.eye {
	float: left;
	display: inline;
	margin: 10px 0;
}

#searchrestaurant, #orderbox {
	background: #fba834 url(../i/layout/bg-cook.jpg) 0 0 no-repeat;
	padding: 15px 155px 15px 20px;
	width: 425px;
	overflow: hidden;
	height: 160px;
	float: left;
	color: #522c15;
}
#sidebar #searchrestaurant, #orderbox {
	background: #fba834 url(../i/layout/bg-cook-sidebar.jpg) 0 0 no-repeat;
	padding: 15px 20px 15px 20px;
	width: 300px;
	margin-bottom: 20px;
}
#searchrestaurant .btn, #filter .btn, #contact .form .btn, #restaurant-toevoegen .btn, #win .btn, #review .btn, #orderbox .btn, #main #email-form .btn, #citysearch .btn {
	padding: 32px 0 0;
	height: 32px;
	width: 86px;
	margin: 0 0 0 230px;
	border: 0px;
	overflow: hidden;
	cursor: pointer;
}
#searchrestaurant .btn, #citysearch .btn {background: url(../i/layout/btn-search.gif) 0 0 no-repeat;margin: 0px;}
#filter .btn {background: url(../i/layout/btn-filter.gif) 0 0 no-repeat;width:130px;margin: 0px;float: left;}
#contact .form .btn, #win .form .btn, #review .form .btn {background: url(../i/layout/btn-send.gif) 0 0 no-repeat;width:104px;}
#restaurant-toevoegen .form .btn {background: url(../i/layout/btn-add.gif) 0 0 no-repeat;width:100px;}
#orderbox .btn {background: url(../i/layout/btn-order.gif) 0 0 no-repeat;margin: 0px;width: 106px;}
#main #email-form .btn {background: url(../i/layout/btn-order2.gif) 0 0 no-repeat;width: 106px;margin-left: 120px}

#culinair form{
   background: #FCA834 url(../i/layout/bg-searchcompany.jpg) 0 0 no-repeat;;
   padding: 10px;
   height: 160px;

}
#culinair form h2{
   font-size: 16px;
   color: #fff;
   padding: 0 0 5px 5px;
   margin: 0;
}
#culinair form div{
   float: left;
   width: 300px;
   padding: 5px;
}
#culinair form fieldset div label{
   width: 65px;
   padding: 4px;
   font-weight: bold;
   display: block;
   float: left;
}
#culinair div.checkbox input{
	border: 0;
   display: block;
   float: right;
   width: auto;
   margin: 2px 210px 0 0;
}
#culinair div.checkbox{
   width: 300px;
   padding: 10px 4px;
   font-weight: bold;
   display: block;
   float: left;
}
#culinair form fieldset div input, #culinair form fieldset div select{
   width: 215px;
   border: 2px solid #FECB56;
   display: block;
   padding: 4px;
   font-family: Georgia,"Times New Roman",Times,serif;
}
#culinair form .btn{
   background: url("../i/layout/btn-search.gif") no-repeat scroll 0 0 transparent;
   margin: 0;
   border: 0 none;
   cursor: pointer;
   height: 32px;
   margin: 10px 0 0 830px;
   overflow: hidden;
   padding: 32px 0 0 0;
   width: 86px;
}
#companylist h2{
   margin: 10px 0 0 20px;
}
#orderbox {
	background: #fba834 url(../i/layout/bg-order.jpg) 0 0 no-repeat;
	height: 350px;
	width: 200px;
}
#orderbox {
	font-size: 11px;
	line-height: 14px;
}
#orderbox p { padding-bottom: 10px; }
#orderbox a {
    color: #522c15;
    display: block;
}
#orderbox li a span {
    color: #7e4420;
    position: absolute;
    right: 0;
    top: 0;
}

#orderbox a:hover { color: #fff; }
#orderbox.stretch {
	background: #fca834 url(../i/layout/bg-order-stretch.jpg) 0 0 no-repeat;
	padding: 0 0 10px;
	height: auto;
	width: 240px;
        border-radius: 0 0 20px 20px;
        -moz-border-radius: 0 0 20px 20px;
        -webkit-border-radius: 0 0 20px 20px;
}
#orderbox.stretch div {
	padding: 15px 20px 0 20px;
}
#sidebar #orderbox li {
	background: none;
	padding: 0;
        position: relative;
}
#sidebar #orderbox h3 {
    color: #fff;
    font-size: 14px;
    line-height: 20px;
    padding: 0;

}

#orderbox .form label { text-align: left; float: none; }
#orderbox .form label span { color: #fff073; }
#orderbox select {
	width: 190px;
}


#searchrestaurant p, #searchrestaurant label {
	margin: 5px 0;
	padding: 0;
}
#searchrestaurant strong {
	background: #fecb56;
	font-weight: normal;
}
#cook {
	width: 960px;
	height: 190px;
}
#newrestaurants h2, #searchrestaurant h2 {
	padding:0;
}
#searchrestaurant h2, #orderbox h2, #citysearch h2 {color: #fff;}
#newrestaurants h2, #legend h2  {color: #f6901e;}
#newrestaurants {
	background: #5c514b url(../i/layout/bg-cook.jpg) top right no-repeat;
	padding: 15px 20px;
	width: 320px;
	height: 160px;
	overflow: hidden;
	float: right;
	position: relative;
}
#newrestaurants ul{
	margin: 0px;
	float: left;
	width: 320px;
}
#newrestaurants li, #robalegend li {
	background: url(../i/layout/dots-newrestaurants.gif) bottom left repeat-x;
	padding: 0px;
	position: relative;
}
#newrestaurants li:last-child, #boxes li:last-child, #robalegend li:last-child { background: none; }

#newrestaurants a, #robalegend li a {
	background: url(../i/layout/bullet-newrestaurants.gif) 0em 0.7em no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	letter-spacing: 0px;
	line-height: 2em;
	height: 2em;
	margin: 0px;
}
#robalegend li a {
	background: none;
	height: auto;
	line-height: 16px;
}

#newrestaurants .rss {
	top: 20px;
	right: 20px;
}
#newrestaurants a span {
	position: absolute;
	right: 0px;
	top: 0px;
	color: #ffe0a3;
}
#newrestaurants li a, #robalegend li a {
	color: #f2e6d7;
	display: block;
	padding-left: 16px;
	text-decoration: none;
}
#robalegend li a { padding: 3px 0; }
#newrestaurants a:hover, #robalegend li a:hover {color: #ffd37d;}
#newrestaurants a:hover span {color: #fff;}

input#search-text, input#cityquery {
	border: 2px solid #fecb56;
	display: block;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.2em;
	padding: 4px;
	width: 410px;
}

input#cityquery { width: 210px; margin-bottom: 5px; }

#sidebar input#search-text {width: 280px;}



.large #search-text {width: 370px;float:left;display:inline;}
#spotlight {
	background: url(../i/layout/bg-spotlight.jpg) bottom left no-repeat;
	clear: both;
	position: relative;
	width: 440px;
	min-height: 200px;
	height: auto !important;
	height: 200px;
	padding: 0px 320px 10px 200px;
}
#spotlight .img {
	background: url(../i/layout/bg-spotlight-img.gif) 0 0 no-repeat;
	left: 10px;
	top: 0px;
	position: absolute;
	width: 180px;
	height: 150px;
}
#spotlight .img a {
	background: #4d4644;
	left: 10px;
	top: 10px;
	position: absolute;
	display: block;
	width: 160px;
	height: 110px;
	overflow: hidden;
	text-align: center;
}
#spotlight .win {
	position: absolute;
	top: 0px;
	right: 40px;
}
#winners {
	background: url(../i/layout/bg-spotlight.jpg) bottom right no-repeat;
	padding-bottom: 160px;
	border-bottom: 10px solid #F2E6D7;
}


#signup {
	background: #fdf9f3 url(../i/layout/bg-signup.gif) 0 0 no-repeat;
	clear: both;
	width: 625px;
	height: 180px;
	padding: 20px 315px 0 20px;
	position: relative;
}


#signup h3 {
	background: url(../i/layout/tit-signup.gif) 0 0 no-repeat;
	width: 250px;
	padding-top: 16px;
	height: 0px !important;
	overflow: hidden;
	cursor: default;
	margin: 0 0 10px 0;
}
#signup a {
	float: right;
}
#home #content {
	padding: 20px 0 0 0;
}
#home #footer {
	padding: 0 0 30px 0;
	margin: 0px;
}
#home #footer-inner {
	background: url(../i/layout/bg-signup-footer.gif) top right no-repeat;
	padding: 30px 0 0 0;
}
/*--[ restaurants ]----------------------------------------------------------------*/
#restolist, #whereabouts {
	float: left;
	width: 580px;
}
#whereabouts {
	width: 960px;
}

#whereabouts.loading {
	height: 50px;
	background: url(../i/loading.gif) no-repeat center center;
}

/*
#whereabouts li p,#restolist li p {padding: 0; width: 160px;}
*/
/* #restolist li  */span.address {background: url(../i/layout/icon-address.gif) 0 4px no-repeat;padding-left: 15px;display: block;margin-bottom: -18px;}
/* #restolist li  */span.tel {background: url(../i/layout/icon-phone.gif) 0 4px no-repeat;padding-left: 15px;}
#restolist li.scard, #companylist li.scard, #whereabouts li.scard, h1.scard {background: url(../i/layout/scard.gif) top right no-repeat;}

#restolist h3 a:hover, #companylist h3 a:hover{
	color: #5c514b;
	text-decoration: none;
}
#restolist h3, #companylist h3 {
	font-size: 17px;
	z-index: 200;
}
#companylist .scard {
	position: absolute;
	bottom: 18px;
	right: 20px;
}


#whereabouts ul,
#restolist ul,
#companylist ul{
	margin-bottom: 20px;
	float: left;
	width: 580px;
}
#whereabouts ul, #companylist ul {
	width: 960px;
}
/* #whereabouts li, */
#restolist li, #companylist li {
	background: #FDF9F3;
	border-bottom: 1px solid #F2E6D7;
	width: 270px;
	float: left;
	padding: 10px 0;
	position: relative;
	min-height: 90px;
	height: auto !important;
	height: 90px;
}

/*
#whereabouts li { height: 100px !important; min-height: none; margin-left: 20px; width: 300px; }
*/
#whereabouts li, #companylist li {
	background: #fff url(../i/layout/bg-companylist.gif) 0 0 no-repeat;;
	border: 0;
	padding: 25px 10px 0 195px;
	height: 108px !important;
    position: relative;
	float: left;
	width: 275px;
}
#whereabouts li p, #companylist li p {
	padding: 0;
}


#whereabouts li.right { margin: 0; }
#whereabouts li.premium a {
	font-weight: bold;
}

#whereabouts li a, #companylist li a {
	display: block;
	width: 280px;
	text-decoration: none;
	padding: 0 10px;
}
#companylist li a { padding: 0; }


#whereabouts li span {
	color: #B59A77;
    position: absolute;
    right: 10px;
    top: 0;
    font-weight: normal;
}

#restolist li.right, #whereabouts li.right, #companylist li .right { float: right; }


#restolist div, #companylist div/*
,
#whereabouts div
*/ {
/* 	background: url(../i/layout/bg-restolist.gif) top right no-repeat; */
	float: right;
	position: absolute;
	width: 170px;
	height: 113px;
	left: 10px;
	top: 10px;
}
#restolist div img, #companylist div img {height: 113px;width: 170px;}

#restolist div a, #companylist div a/*
,
#whereabouts div a
*/ {
	display: block;
	width: 170px;
	height: 113px;
	overflow: hidden;
	text-align: center;
}

.data dd {padding-left: 15px;background: url(../i/layout/icon-address.gif) 0em 0.4em no-repeat;}
.data dd.tel {background-image: url(../i/layout/icon-phone.gif);margin-bottom: 10px;}
.data dd.tags {background-image: url(../i/layout/icon-tags.gif);}
.data dd.email {background: url(../i/layout/icon-email.gif) 0em 0.4em no-repeat;padding-left: 15px;}
.data dd.web {background: url(../i/layout/icon-web.gif) 0em 0.4em no-repeat;padding-left: 15px;}

#filter {
	float: right;
	width: 180px;
}
#filter select {width: 160px;}
#filter .budget br {display: none;}
#filter .checkbox input {
	vertical-align: middle;
	margin-right: 3px;
}

#filter .budget label {
	float: left;
	width: 90px;
}
#filter div {
	width: 180px;
	float: left;
	margin-bottom: 10px;
}

#filter .select label {
	font-family: Georgia, "Times New Roman", Times, serif;
	letter-spacing: 1px;
	color: #f6901e;
	display: block;
	font-size: 1.4em;
	margin: 0 0 0.4em 0;
}


/*--[ tabs ]----------------------------------------------------------------*/
.tabs {
	background: url(../i/layout/tabs-top.gif) no-repeat 100% 100%;
	float: left;
	width: 480px;
	margin: 0px;
	height: 32px;
}
.tabs li, .tabs li span {
	background-image: url(../i/layout/bg-tabs.gif);
	background-repeat: no-repeat;
}
.tabs li {
	float: left;
	height: 32px;
	line-height: 32px;
	margin-right: .33em;
	background-position: 0 -96px;
	padding-left: 5px;
}
.tabs li.active {
	background-position: 0 -64px;
}
.tabs li span {
	display: block;
	background-position: 100% -32px;
	padding: 0 18px 0 10px;
}
.tabs li span img {
	float: left;
	display: inline;
	margin: 8px 6px 0 0;
}
.tabs li.active span {
	background-position: 100% 0;
}
.tabs li a {
	color: #8a807b;
	text-decoration:none;
}
.tabs li.active a {color: #e57b05;}
.tabs li a:hover {color: #5C514B;}


#restodetail {
	background: url(../i/layout/bg-restodetail.jpg) 0 0 no-repeat;
	width: 580px;
	min-height: 320px;
	height: auto !important;
	height: 320px;
	position: relative;
	text-align: left;
}
#restodetail {width: 700px;}
#fancybox-wrap {
	text-align: left;
}

#fancybox-wrap #main.detail,
#fancybox-wrap #main.detail #restodetail { width: 660px; }
#fancybox-wrap #main .tabs { width: 460px; }
#fancybox-wrap #main .description { width: 440px; }

#restodetail .data {
	float: left;
	width: 190px;
}
#restodetail .data {padding-right: 10px;}
#restodetail dl {
	margin: 10px 0 20px 10px;
}
#restodetail dt {
	background: #4d4644;
	width: 160px;
	height: 110px;
	text-align: center;
	margin-bottom: 30px;
	overflow: hidden;
}
#restodetail .description {
	width: 360px;
	float: right;
}
#restodetail .description {width: 460px;background: #FDF9F3 url(../i/layout/bg-description.gif) bottom left no-repeat;padding: 15px 0 0 20px;float: left;min-height: 320px;}
#restodetail .description .intro {
	font-style: italic;
}

/*
#restodetail .description img {	float: right;}
*/
#restodetail .back, #restodetail .back2 {position: absolute;top: -10px;right:20px;}



#spotlight .more, .back, .participants, .winnars, #winnars, .back2 {
	background: #7d401d url(../i/layout/bg-web.gif) 0 0 no-repeat;
	width: 146px;
	height: 36px;
	padding: 0px;
}
#spotlight .more a, .back a, .participants a, .winnars a, #winnars a, .back2 a {
	background: #7d401d url(../i/layout/bg-web.gif) 0 0 no-repeat;
	text-indent: -9000em;
	overflow: hidden;
	width: 146px;
	height: 36px;
	display: block;
	text-decoration: none;
	float:left;
}
#spotlight .more a:hover, .back a:hover, .participants a:hover, .winnars a:hover, .back2 a:hover {background-position: 0 -36px; background-color: #f6911e;}
#spotlight .more, #spotlight .more a {background-image: url(../i/layout/bg-spotlight-btn.gif);}
.back, .back a {background-image: url(../i/layout/bg-back.gif);width: 116px;}
.participants, .participants a {background-image: url(../i/layout/bg-participants.gif);}
.winnars, .winnars a {background-image: url(../i/layout/btn-winnars.gif);}
.back2, .back2 a {background-image: url(../i/layout/btn-back.gif);width:86px;}

.participants, .winnars {margin-bottom: 20px;margin-top: -5px;}
#winnars, #winnars a {
	background: #FDF9F3 url(../i/layout/winnars.gif) 0 0 no-repeat;
	width: 600px;
	height: 120px;
}
#winnars {margin: 0px auto;}


#gmap {
	width: 460px;
	height: 320px;
}

#spotlight .img {
	background: url(../i/layout/bg-spotlight-img.gif) 0 0 no-repeat;
	left: 10px;
	top: 0px;
	position: absolute;
	width: 180px;
	height: 150px;
}
#spotlight .img a {
	left: 10px;
	top: 10px;
	position: absolute;
	display: block;
	width: 160px;
	height: 110px;
	overflow: hidden;
	text-align: center;
}
#gallery {
	clear: both;
}

#gallery li {
	background: url(../i/layout/bg-gallery.gif) 0 0 no-repeat;
	position: relative;
	width: 180px;
	height: 135px;
	padding: 0px;
	float: left;
	display: inline;
	margin: 0 10px 10px 0;
}
#gallery  a {
	left: 10px;
	top: 10px;
	position: absolute;
	display: block;
	width: 160px;
	height: 110px;
	overflow: hidden;
	text-align: center;
}

/*--[ pagenav ]----------------------------------------------------------------*/
#page-nav {
	clear: both;
	padding: 10px 0 20px 0;
	text-align: center;
	line-height: 1em;
}
#page-nav .previous {margin-right: 10px;}
#page-nav .next {margin-left: 10px;}
#page-nav span {
	color: #5c514b;
	border: solid 1px #F2E6D7;
	padding: 3px 6px;
	cursor: default;
}
#page-nav a {
	background: #fff;
	border: solid 1px #F2E6D7;
	color: #5c514b;
	padding: 3px 6px;
	text-decoration: none;
}
#page-nav a:hover {
	border-color: #E6D7C4;
	text-decoration: none;
}
#page-nav a.active {
	background: none;
	color: #F6901E;
	font-weight: bold;
	cursor: default;
	border: 0px;
	padding: 4px 6px;
}
#page-nav a:hover {text-decoration: none;}


/*--[ form ]----------------------------------------------------------------*/
fieldset {border: none;}
.form div {
	padding-bottom: 1em;
	float: left;
	clear: both;
	width: 100%;
}
.form label {
	float: left;
	display: block;
	margin-right: 16px;
	width: 220px;
	text-align: right;
	vertical-align: middle;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.2em;
	padding: 4px 0;
	font-weight: normal;
}
.description .form label { width: 110px; }


.form label span {color: #F6901E;}
.form input, .form textarea {
	background: #fff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.0em;
	border: 1px solid #E6D7C4;
	width: 320px;
	padding: 3px;
}
.form textarea {
	height: 120px;
	overflow: auto;
}

.form fieldset p {
	margin: 0 0 6px 0;
	color: #7e7365;
	font-size: 0.9em;
}
.form fieldset p.desc {
	margin-left: 240px;
}
.form fieldset p em {color: #522c15;}

.form fieldset .checks input {
	padding: 0px;
	width: auto;
	float: left;
	margin-left: 240px;
	background: none;
	border: 0px;
}
.form fieldset .checks label {
/*	float: left;
	display: inline;
*/
	margin-left: 10px;
	width: auto;
	text-align: left;
	vertical-align: middle;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.2em;
	padding: 0px;
	font-weight: normal;
}

.form ul li {
	background: none;
	padding: 0px;
}

.form ul li input {
	width: 15px;
	display: inline;
}

.form ul li label {
	padding: 0px;
	float: none;
	text-align: left;
	margin-left: 10px;
}

.alert {
	margin: 15px 0;
	padding: 1em 40px;
	background: #fff0c5 url(../i/layout/icon-alert.gif) 10px 1em no-repeat;
	color: #816235;
	border-top: 2px solid #ffe261;
	border-bottom: 2px solid #ffe261;
}
.alert h3, .success h3 {
	letter-spacing: 0px;
	color: #816235;
	margin: 0px;
}
.success h3 {
	color: #708f37;
}
.alert ol {margin: 0.6em 0 0 2em;}
.success {
	color: #708f37;
	border-color: #b9df74;
	background: #e8f8cb url(../i/layout/icon-success.gif) 10px 1em no-repeat;
}

p.no-competition {
	font-size: 1.4em;
	margin-top: 80px;
	text-align: center;
}

.stars, .stars a:hover, .star a:active, .stars a:focus {background: url(../i/layout/stars.gif) left -1000px repeat-x;}
.persons, .persons a:hover, .persons a:active, .persons a:focus {background: url(../i/layout/persons.gif) left -1000px repeat-x;}

.rate {
	float: left;
	display: inline;
	position: relative;
	height: 20px;
	overflow: hidden;
	margin: 2px 0px;
	border: 0px;
	overflow:visible;
	background-position: top left;
}
.rate li {
	display: inline;
}
.rate a {
	position: absolute;
	top: 0px;
	left: 0px;
	height: 20px;
	line-height: 20px;
	padding: 0px;
	outline: none;
	border: none;
	text-decoration: none;
}
.rate a span {display: none;}

.rate a:hover span {
	display: block;
	position: absolute;
	top: 0px;
	font-size: 0.9em;
	color: #7e7365;
	width: 200px;
}
.stars a:hover span {left: 110px;}
.persons a:hover span {left: 210px;}

.rate a:hover, .rate a:active, .rate a:focus {
	background-position: left bottom;
}
.rate a.one {width: 20px;z-index: 11;}
.rate a.two {width: 40px;z-index: 10;}
.rate a.three {width: 60px;z-index: 9;}
.rate a.four {width: 80px;z-index: 8;}
.rate a.five {width: 100px;z-index: 7;}
.rate a.six {width: 120px;z-index: 6;}
.rate a.seven {width: 140px;z-index: 5;}
.rate a.eight {width: 160px;z-index: 4;}
.rate a.nine {width: 180px;z-index: 3;}
.rate a.ten {width: 200px;z-index: 2;}

.stars {width: 100px;}
.persons {width: 200px;}


/* Nieuws */
.newsitem {
	background: url(../i/layout/bg-newsitem.gif) 0 0 no-repeat;
	float: left;
	width: 640px;
	padding: 15px 20px;
	height: 50px;
}
.newsitem h2 { margin-top: 10px; }
.newsitem h2 a { color: #5C514B; }
.newsitem h2 a:hover { color: #f6901e; text-decoration: none; }

.newsitem .date {
    float: left;
    padding: 0;
    margin-right: 30px;
    text-align: center;
    width: 50px;
}
.newsitem .date span {	display: block; }
.newsitem .date .day {
	color: #f6901e;
	font-size: 28px;
	font-family: Georgia, Times, serif;
	line-height: 30px;
}
.newsitem .date .month {
	text-transform: uppercase;
	font-weight: bold;
	font-size: 11px;
	line-height: 12px;
	letter-spacing: -1px;
}

/*--[ footer ]----------------------------------------------------------------*/
#footer {
	background: #F2E6D7;
	clear: both;
	float: left;
	width: 100%;
	padding: 20px 0 0 0;
	color: #b59a77;
	}
#footer-inner {
	width: 960px;
	margin: 0 auto;
	text-align: left;
}
#boxes {
	width: 920px;
	margin: 0 20px 0 20px;
	float: left;
	}
#boxes .box {
	position: relative;
	width: 320px;
	margin: 5px 0 15px 0;
	float: left;
	display: inline;
}
#boxes ul{
	margin: 0px;
}
#boxes li {
	background: url(../i/layout/dots-footer.gif) bottom left repeat-x;
	padding: 0px;
	line-height: 2em;
	height: 2em;
	position: relative;
}
#boxes a span {
	position: absolute;
	right: 0px;
	top: 0px;
	color: #b59a77;
}
#boxes .rating span, #boxes .rating span span {	background: url(../i/layout/bg-rating.gif) 0 0 repeat-x;}
#boxes .rating span {
	width: 50px;
	display: block;
	height: 10px;
	overflow: hidden;
	top: 5px;
	text-align: left;
}
#boxes .rating span span {
	position: relative;
	height: 10px;
	line-height: 10px;
	margin: 0px;
	top: auto;
	display: block;
	overflow: hidden;
	text-align: left;
	float: none;
	text-indent: -999em;
	background-position: left bottom;
}

#boxes li a {
/*	background: url(../i/layout/bullet-footer.gif) 0em 0.7em no-repeat; */
	display: block;
/*	padding-left: 16px; */
	text-decoration: none;
}
#footer a {	color: #5c514b;}
#footer a:hover {color: #f6901e;}
#footer a:hover span {color: #5c514b;}
#boxes .voting {
	width: 240px;
	margin: 5px 20px;
}
#boxes .members li a {
	background: url(../i/layout/bullet-fmembers.gif) 0em 0.6em no-repeat;
}

#footer #footer-nav {
	background: #e6d7c4;
	height: 1%;
	padding: 6px 16px;
	clear: both;
}

#footer #footer-nav {
	clear: both;
}
#footer .copy {
	float: left;
	line-height: 30px;
	padding: 0;
}
#footer .onderox {
	background: url(../i/layout/onderox.gif) 100% 50% no-repeat;
	float: right;
	height: 30px;
	line-height: 30px;
	padding: 0;
	width: 300px;
}
#footer .onderox a {
	text-indent: -9000em;
	overflow: hidden;
	width: 300px;
	height: 16px;
	display: block;
	text-decoration: none;
}

#menulist {
	overflow: hidden;
	margin-bottom: 20px;
}
#menulist h4 {
	border-bottom: 1px solid #D5D2CA;
	background: #c6c4bd;
	cursor: pointer;
	padding: 0;
	position: relative;
	font-size: 14px;
}
#menulist h4 span {position: absolute;right: 20px;}
#menulist h4.open {background: #F6901E;}
#menulist h4 a, #menulist h4.advantage {text-decoration: none;color: #7B726D;display: block;padding: 6px 20px;outline:none;}
#menulist h4 a:hover {background: #9c9a96;color: #fff;}
#menulist h4.open a, #menulist h4.open a:hover, #menulist h4.advantage {background: #F6901E;color: #fff;}

#menulist ol {margin: 0 0 10px 0;}
#menulist ol li {
	color: #5c514b;
	font-size: 13px;
	list-style: none;
	padding: 9px 0 10px 0;
	line-height: 16px;
	text-align: center;
	background: url(../i/layout/dots-footer.gif) bottom left repeat-x;
}

#menulist .specialprice {
	color: #F6901E;
	text-align: right;
	font-weight: bold;
	font-size: 18px;
	line-height: 20px;
	padding: 10px 0;
}
#menulist .specialprice span {
	color: #5c514b;
	font-size: 13px;
	font-weight: normal;
}


#menulist .menu {
	padding: 5px 20px 20px 20px;
	background: #fff;
	border: 1px solid #D5D2CA;
	border-top: 0px;
	text-align: center;
}

#menulist .menu {
	font-size: 11px;
	line-height: 14px;
	color: #80756f;
}
#menulist p { padding: 0; }
.recommend {
	background: #fff;
	border: 1px solid #D5D2CA;
	padding: 10px;
	margin-bottom: 20px;
}
.recommend p.vote {
	background: url(../i/layout/icon-thumb.gif) 0 0 no-repeat;
	line-height: 16px;
	padding: 0 0 0 20px;
}
#menulist ul {overflow: hidden;}

#menulist ul li {
	padding: 10px;
	width: 250px;
	position: relative;
	height: 80px;
	float: left;
	margin: 10px 10px 0 0;
	background: #fff;
	border: 1px solid #D5D2CA;
	position: relative;
	cursor: pointer;
}
#menulist h2 {
	padding: 0;
	font-size: 16px;
	line-height: 18px;
}
#menulist h3 {font-size: 14px;padding: 0;color: #5c514b;}
#menulist h3 a {text-decoration: none;}

#menulist .order {
	position: absolute;
	bottom: 5px;
	right: 5px;
}


#menulist ul li p {padding: 0;color: #80756F;}
#menulist .price {
	position: absolute;
	right: 10px;
	bottom: 8px;
	font-family: Georgia, Times, serif;
	font-size: 14px;
	float: right;
	color: #f6901e;
}
#wintext {
	background: #fff;
	border: 1px solid #D5D2CA;
	padding: 20px;
	padding-top: 10px;
	overflow: hidden;
	margin-top: 10px;
	margin-bottom: 15px;
}
#wintext p {padding: 0;}
#wintext h2 {color: #f6901e;}


/* Wijn van de maand */
.wine {
	border-bottom: 1px solid #F2E6D7;
	width: 580px;
	float: left;
	padding: 10px 0;
}
.wine h2 {padding-bottom: 6px;}
.wine h2 span {
	background: #f58220;
	color: #fff;
	vertical-align: middle;
	padding: 1px 3px 3px 3px;
	font-size: 12px;
	line-height: 16px;
	text-transform: uppercase;
}

.cork-rate {float: left;}
.cork {
	background: url(../i/layout/cork.gif) 0 0 repeat-x;
	height: 18px;
	float: left;
	display: block;
	text-indent: -999em;
	overflow: hidden;
}
li.price, li.grape {
	background: url(../i/layout/icon-price.gif) 0 0 no-repeat;
	padding-left: 36px;
}
li.grape {background-image: url(../i/layout/icon-grape.gif); }

#sidebar ol {
	background: #fff;
	border: 1px solid #D5D2CA;
	padding: 10px;
	padding-left: 30px;
	margin: 0 0 20px 0;
}


#sidebar .recommend-wines a {color: #f6901e; }
.recommend-wines li {
	clear: both;
	padding-bottom: 10px;
	margin-bottom: 10px;
	border-bottom: 1px solid #F2E6D7;
}
.recommend-wines .cork {float: none;}




/* Carousel */
#carousel {
	background: url(../i/layout/bg-carousel.gif) 0 0 no-repeat;
	float: left;
	height: 200px;
	margin: 10px 0 20px;
	position: relative;
	overflow: hidden;
	width: 960px;
}
#carousel div {
	height: 150px;
	margin: 25px 20px;
	width: 920px !important;
	}

#carousel ul {
	height: 150px;
	padding: 0;
}
#carousel li {
	background: #fff;
	border-left: 5px solid #fff;
	border-right: 5px solid #fff;
	float: left;
	height: 160px;
	list-style: none;
	overflow: hidden;
	padding: 0;
	position: relative;
	width: 220px;
}
#carousel img {
	display: block;
	height: 150px;
	width: 220px;
}
#carousel h2 {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 300;
}


#carousel h2 a {
	color: #5C514B;
	display: block;
	text-decoration: none;
	padding: 10px 15px;
	padding-top: 120px;
	font-size: 16px;
	height: 20px;
	line-height: 20px;
	width: 190px;
	z-index: 300;
}
#carousel h2 a:hover { color: #F6901E; }
#carousel li span {
	background: url(../i/layout/carousel-mask.png) 0 0 no-repeat;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 220px;
	height: 150px;
	z-index: 200;
}

.prev, .next {
	background-image: url(../i/layout/bg-prevnext.gif);
	display: block;
	width: 25px;
	height: 190px;
	overflow: hidden;
	position: absolute;
	text-indent: -999em;
	top: 0px;
	outline: none;
	z-index: 999;
}
.prev {left: 0px;background-position: 0 0;} .prev:hover {background-position: 0 -200px;}
.next {right: 0px; background-position: -25px 0;} .next:hover {background-position: -25px -200px;}


/* Wie wat waar ? */

#citysearch {
	margin-top: 10px;
	padding-top: 10px;
	height: 120px;
}

#gmapwrap {
	background: url(../i/layout/bg-gmapwrap.gif) 0 0 no-repeat;
	width: 920px;
	padding: 20px;
	height: 460px;
}
#gmapwrap #gmap {
	width: 660px;
	float: left;
	height: 460px;
}
#gmapwrap #maplegend {
	float: right;
	width: 230px;
}
#robalegend li a.hidemarkers { color: #94867f; }

#robalegend li img {
	vertical-align: middle;
	margin-right: 10px;
}
#legend h2, #citysearch h2 {
	padding-bottom: 4px;
}
.job-list{
	margin-left: 35px;
}

.googleads{
   text-align: center;
   margin: 10px 0 30px 0;

}