@charset "UTF-8";
/* CSS Document */

* {font-family:Georgia, sans-serif;}
body { background-color:#333; margin:0; padding:0;}
a { text-decoration:none; border:none; outline:none;}
img { border:none; outline:none;}
h1 { font-size:22px; font-style:italic; margin:0;}

#header { height:95px; width:1000px; position:relative; left:50%; margin-left:-500px; }
#menu { width:550px; height:30px; float:right; font-size:22px; font-weight:bold; font-style:italic; color:#fff;}
#menu a { color:#fff; float:left; margin-left:25px; margin-top:50px;}
#menu a .left { height:27px; width:3px; float:left;}
#menu a .center { float:left; height:27px; padding:0 9px;}
#menu a .right { height:27px; width:3px; float:right; }
#menu a:hover .left { background-image:url(../images/menu-left.png);}
#menu a:hover .center { background-image:url(../images/dot.png);}
#menu a:hover .right { background-image:url(../images/menu-right.png); }

#logo { width:253px; height:112px; background-image:url(../images/logo.png); position:absolute; z-index:2;}
#content-bg { background: url(../images/bg-gradient.png) bottom repeat-x #f8f8e8; float:left; width:100%; min-height:432px;}
#bg-image { background-image: url(../images/bg.png); width:920px; height:420px; position:absolute; z-index:0; left:50%; margin-left:-420px;}
#content { width:980px; position:relative; left:50%; margin-left:-500px; padding:30px 10px; float:left; font-size:16px; line-height:30px;}
#content-left { width:470px; float:left;}
#content-left #photo-left { background-image:url(../images/bg-foto-home.png); width:500px; height:371px; margin-left:-10px}
#content-left #photo-left img {width:454px; height:324px; margin:21px;}
#content-left #photo-restaurant { width:243px; height:307px; position:absolute; z-index:2; top:160px; left:278px;}
#content-right { width:470px; float:right;}
#content-right p { margin-left:20px;}
#btn-menu { width:135px; height:135px; position:absolute; margin-left:345px; margin-top:-30px;}
#content .center { font-size:22px; font-weight:bold; font-style:italic; color:#fff; line-height:26px;}

.menukaart { font-size:14px; line-height:24px; display:none;}
.menukaart h1 { float:left; margin:20px 0;}
.gerecht { border-bottom:1px solid #666; float:left; margin-bottom:10px; padding-bottom:10px; width:100%;}
.gerecht .prijs { width:50px; float:right;}
.gerecht .omschrijving { font-weight:bold; width:380px; float:left; }
.gerecht .sub { font-style:italic; width:100%; float:left; }
#lunch, #diner { float:left; }
.menu-left { float:left; width:450px; margin-right:80px;}
.menu-right { float:left; width:450px;}
.btn-diner, .btn-lunch { float:left; width:282px; margin-top:10px; cursor:pointer; height:60px; }
.btn-lunch { background-image:url(../images/lunchkaart.png); background-repeat:no-repeat;}
.btn-diner { background-image:url(../images/dinerkaart.png); background-repeat:no-repeat;}
.menu-keuze { position:absolute;}
.keuze-lunch, .keuze-diner { float:left; margin-left:60px; cursor:pointer;}

#content-bottom { background: url(../images/bg-gradient-bottom.png) bottom repeat-x #686864; min-height:200px; float:left; width:100%; }
#content-bottom-inner { width:980px; position:relative; left:50%; margin:20px 0 30px -500px; color:#fff; line-height:30px; float:left; padding:0px 10px;}
#content-bottom .left, #content .left { background-image:url(../images/menu-left.png); height:27px; width:3px; float:left;}
#content-bottom .center, #content .center { background-image:url(../images/dot.png); float:left; height:27px; padding:0 5px;}
#content-bottom .right, #content .right  { background-image:url(../images/menu-right.png); height:27px; width:3px; float:left; margin-right:8px; }
#content-bottom .sub { font-style:italic; font-size:14px; line-height:24px; }
#content .left, #content .center, #content .right { margin:20px 0;}

#contact-left { width:350px; float:left;}
#contact-right { width:630px; float:left; margin-top:30px;}
#contact-form #left { width:235px; float:left; }
#contact-form #right { width:395px; float:left; }
#contact-form #right .btn-container { float:right; margin-top:5px;}
#contact-form #right .btn-container .right { margin:0;}
#contact-form #right .btn { font-size:21px; font-weight:bold; font-style:italic; float:left; background-image:url(../images/dot.png); border:0; color:#fff; cursor:pointer; margin:0; height:27px;}
#contact-form #right a { color:#fff;}
#contact-form #right .btn .right { margin:0; }
#contact-form #name, #contact-form #e-mail, #contact-form #message {background-color:#f1f2d4; border:0; width:208px;font-size:14px;}
#contact-form #name { margin-bottom:5px; margin-top:0;}
#contact-form #name, #contact-form #e-mail { padding:10px 6px;}
#contact-form #message { margin:0; padding:10px 6px 6px 6px; width:383px; height:93px;}
#footer {height:25px; float:left; width:990px; position:relative; margin-left:-500px; left:50%; font-size:11px; color:#ccc; padding:10px 0 0 10px;}
#footer a {color:#ccc;}