@charset "utf-8";

/* general */
html, body {height:100%; margin:0; padding:0;}
body {background:#f4f3f3 url(../images/bg.jpg) top center no-repeat; width:100%;}
#content strong {color:#686767;}
form {margin:10px 0 0;}
form label { font-family:Arial, Helvetica, sans-serif; color:#231f20; font-size:12px; width:120px; float:left; display:block; padding:12px 0 0;}
.vdm small { font-size:11px; line-height:34px;}

/* DIVS */
#container {width:960px; min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -50px;}
#logo {width:201px; height:123px; margin-left:40px; background: url(../images/logo.jpg) no-repeat;}
#header {width:865px; margin:22px 0px 30px 55px;}
#menu {width:600px; height:30px; float:left;}
#language_holder {width:230px; float:right;}
#language {width:58px; height:30px; margin-right:172px; background-color:#a09f9f; text-align:center;}
#quote {width:600px; clear:left; padding-top:22px;}
#wrapper {width:865px; margin:-70px 0px 10px 55px;}
#left {width:600px; float:left; margin-top:70px; margin-bottom:30px;}
#title {width:600px; margin:0;}
#image {width:600px;}
#picture {width:600px; height:168px; overflow:hidden;}
#content {width:600px; clear:right; margin-top:22px;}
#right {width:230px; float:right; margin-bottom:30px;}
#info_title {width:230px; height:136px;}
#info_text {width:230px; height:91px; margin-top:3px;}
#reservate {width:230px;}
#submenu {width:230px;}
#banner {width:200px; height:227px; border:#a09e9f 1px dashed; padding:2px; margin-top:40px; overflow:hidden;}
#melding {width:206px; margin:40px 0 40px 0; background:#e9e8e8 url(../images/pen.jpg) left top no-repeat; border:#a09e9f 1px dashed;}
#melding_text {width:136px; padding:0 20px 0 50px; margin:23px 0 25px 0; background: url(../images/message_line.gif) left top repeat-y;}
#footer {width:100%; height:50px; clear:both; background-color:#231f20;}
#footer_holder {width:960px; height:35px; margin:0 auto;}
#footer_wrapper {width:865px; height:25px; padding-top:8px; margin-left:55px;}
#footertext {width:600px; height:25px; float:left;}
#glue {width:230px; height:25px; float:right;}
#bristol_map {width:200px; height:192px; border:#a09e9f 1px dashed; padding:2px; margin-top:40px; margin-bottom:-20px;}

/* LISTS */
#menu ul {margin:0; padding:0; list-style-type:none;}
#menu li {display:inline; margin:0 23px 0 0; padding:0; height:30px;}
#submenu ul {margin:32px 0 0 3px; width:200px; padding:0; list-style-type:none; border-top:#a09e9f 1px dashed;}
#submenu li {margin:0; padding:0; display:block; width:200px; height:30px; border-bottom:#a09e9f 1px dashed; line-height:30px;}
#footertext ul {margin:0 0 0 30px; padding:0; list-style-type:none; display:inline;}
#footertext li {display:inline; margin:0 18px 0 0; padding:0;}

/* LINKS */
#menu a:link, #menu a:visited {font-family:Georgia, "Times New Roman", Times, serif; font-size:20px; color:#231f20; text-decoration:none; line-height:30px;}
#menu a:hover, #menu a:active {text-decoration:none;}
#submenu a:link, #submenu a:visited {font-family:Arial, Helvetica, sans-serif; font-size:14px; width:175px; height:30px; padding-left:25px; color:#231f20; text-decoration:none; font-weight:600; display:block; background: url(../images/submenu_bullet.gif) top left no-repeat;}
#submenu a:hover, #submenu a:active {width:175px; height:30px; text-decoration:none; display:block; background:#e9e8e8 url(../images/submenu_bullet.gif) top left no-repeat; color:#c2a82a;}
#footertext a:link, #footertext a:visited {font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#dcdcdc; text-decoration:none;}
#footertext a:hover, #footertext a:active {text-decoration:underline;}
#glue a:link, #glue a:visited {font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#dcdcdc; text-decoration:none;}
#glue a:hover, #glue a:active {text-decoration:underline;}
#language a:link, #language a:visited {font-family:Georgia, "Times New Roman", Times, serif; font-size:14px; color:#fff; text-decoration:none;}
#language a:hover, #language a:active {text-decoration:underline;}
#content a:link, #content a:visited {color:#c2a82a; text-decoration:underline;}
#content a:hover, #content a:active {color:#c2a82a; text-decoration:underline;}
#info_text a:link, #info_text a:visited {color:#c2a82a; text-decoration:underline;}
#info_text a:hover, #info_text a:active {color:#c2a82a; text-decoration:underline;}
.leesmeer a {color:#c2a82a; text-decoration:underline;}

/* PARAGRAPHS */
#language p {font-family:Georgia, "Times New Roman", Times, serif; font-size:14px; color:#fff; padding-top:7px; margin:0;}
#quote p {font-family:Georgia, "Times New Roman", Times, serif; font-size:16px; color:#8b8989; padding:0; margin:0; line-height:24px;}
#content p {font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#231f20; line-height:24px; margin:0; padding:0 0 24px 0;}
#info_text p {font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#231f20; line-height:18px; margin:0; padding:0 0 8px 0;}
#footertext p {font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#dcdcdc; display:inline; margin:0;}
#glue p {font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#dcdcdc; margin:0; padding-top:4px;}
.teammember p{float:right; width:436px;}
#melding_text p {color:#231f20; font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; line-height:20px; padding:2px 0 0px 0; margin:0;}

/* TITLES */
#title h1 {font-family:Arial, Helvetica, sans-serif; font-size:22px; color:#231f20; margin:0; padding-bottom:13px; font-weight:600;}
#info_title h1 {font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#231f20; font-weight:600; margin:0; padding-top:106px;}
#content h2 {font-family:Arial, Helvetica, sans-serif; font-size:18px; color:#c2a82a; font-weight:200; margin:0 0 6px 0; padding:0;}
#content h3 {font-family:Georgia, "Times New Roman", Times, serif; font-size:16px; color:#231f20; margin:0; padding:0;}
#content h4 {font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#a09e9f; margin:4px 0 6px; padding:0;}
#content h5 {font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#a09e9f; margin:4px 0 6px; padding:0;}
#content h6 {font-family:Georgia, "Times New Roman", Times, serif; font-size:14px; color:#231f20; margin:4px 0 6px; padding:0;}
.vdm h3 {font-family:Georgia, "Times New Roman", Times, serif; font-size:16px; color:#231f20; margin:0; padding:0;}
.column h3 {font-family:Georgia, "Times New Roman", Times, serif; font-size:16px; color:#231f20; margin:0; padding:0;}
.vdm h6 {font-size:11px !important; font-family:Arial, Helvetica, sans-serif !important; margin:8px 0 0 !important; font-weight:200 !important;}

/* CLASSES */
.expandButton {width:45px; height:46px; position:relative; float:right; margin-top:-46px; display:none; cursor:pointer; z-index:10;}
.brasserie #menu a.brasserie, .menu #menu a.menu, .omgeving #menu a.omgeving, .nieuws #menu a.nieuws, .verblijf #menu a.verblijf, .contact #menu a.contact {border-bottom:#d5bc44 3px solid;}
.brasserie #footertext a.brasserie, .menu #footertext a.menu, .omgeving #footertext a.omgeving, .nieuws #footertext a.nieuws, .verblijf #footertext a.verblijf, .contact #footertext a.contact {text-decoration:underline;}
.algemeen #submenu a.algemeen, .ontstaan #submenu a.ontstaan, .team #submenu a.team, .suggesties #submenu a.suggesties, .tradities #submenu a.tradities,.lunches #submenu a.lunches, .wijnen #submenu a.wijnen {background:#e9e8e8 url(../images/submenu_bullet.gif) top left no-repeat; color:#c2a82a;}
.nl #language a.nl {color:#231f20;}
.fr #language a.fr {color:#231f20;}
.right_calendar {background:url(../images/right_calendar.jpg) right bottom no-repeat;}
.right_clock_nl {background:url(../images/right_clock_nl.jpg) right bottom no-repeat;}
.right_clock_fr {background:url(../images/right_clock_fr.jpg) right bottom no-repeat;}
.right_wine {background:url(../images/right_wine.jpg) right bottom no-repeat;}
.right_phone {background:url(../images/right_phone.jpg) right bottom no-repeat;}
.right_reservate {background:url(../images/right_reservate.jpg) right bottom no-repeat;}
.glue {margin-right:10px;}
.vdm {margin:0 0 30px 0;}
.vdm h3 {width:288px; height:25px; border-bottom:#231f20 1px solid;}
.vdm p {width:288px; border-bottom:#a09e9f 1px dashed; font-family:Arial, Helvetica, sans-serif; font-size:12px; padding:8px 0 !important; margin:0; line-height:20px !important;}
.vdm strong {width:34px; height:20px; float:right; text-align:right; font-family:Georgia, "Times New Roman", Times, serif; color:#231f20 !important; font-size:14px; font-weight:600;}
.column {margin:0 0 30px 0;}
.column em {font-style:normal; color:#666666; font-size:11px;}
.column h3 {width:600px; height:25px; border-bottom:#231f20 1px solid;}
.column p {width:288px; border-bottom:#a09e9f 1px dashed; font-family:Arial, Helvetica, sans-serif; font-size:12px; padding:8px 0 !important; margin:0; line-height:20px !important;}
.column strong {width:34px; height:20px; float:right; text-align:right; font-family:Georgia, "Times New Roman", Times, serif; color:#231f20 !important; font-size:14px; font-weight:600;}
.suggestie_vdm {width:288px; float:left; margin:0;}
.traditie_vdm {width:288px; float:left; margin:0;}
.lunch_vdd {width:288px; float:left; margin:0; margin-right:24px;}
.column_l {width:288px; float:left; margin:0 24px 30px 0;}
.column_r {width:288px; float:left; margin:0 0 30px 0;}
.slideshow {border-bottom:#231f20 1px solid; border-top:#231f20 1px solid; padding:2px 0; display:block; margin:8px 0 12px;}
.float_l {width:250px; float:left;}
.clear {clear:both;}
.news_line {margin:0 0 20px; padding:0; height:1px; border:none; border-bottom:#a09e9f 1px dashed; background:none;}
.textbox {font-family:Arial, Helvetica, sans-serif; font-size:12px; width:464px; padding:5px 4px; border:#CCCCCC 1px dashed;  margin:6px 0 0;}
.textarea {font-family:Arial, Helvetica, sans-serif; font-size:12px; width:464px; padding:5px 4px; border:#CCCCCC 1px dashed;  margin:6px 0 0; }
.dropdown {font-family:Arial, Helvetica, sans-serif; font-size:12px; width:474px; padding:4px 2px; border:#CCCCCC 1px dashed;  margin:6px 0 0;}
.dropdown_date {font-family:Arial, Helvetica, sans-serif; font-size:12px; width:155px; padding:4px 2px; border:#CCCCCC 1px dashed;  margin:6px 0 0;}
.submit {border:none; margin:12px 0 0 120px;}
.team_img {float:left; border:#a09e9f 1px dashed; margin:0 20px 20px 0; padding:2px;}
.leesmeer {margin:-20px 0 0 0 !important; padding:0; cursor:pointer; display:none;}
.hide {display:none; visibility:hidden;}
input.error, textarea.error, select.error {background:#fff5f5; border:#CC3333 1px dashed;}
input.valid, textarea.valid, select.valid {border:#CCCCCC 1px dashed;}
.push {height:50px;}