* { margin: 0; padding: 0; outline:none; }
.clear {clear:both;}
body {background:url(../Graphics/Bg_body.gif) repeat-x top left;}
body, .inputfield, .width_5 {font:11px Arial, sans-serif;color:#3d2e25;}

#container {width:900px;margin:0 auto;}

#top {width:900px;margin-top:17px;height:83px;}
#top #logo {float:left;width:180px;height:80px;}
a#logo_patyntje {display:block;height:80px;text-indent:-9999px;width:180px;background:url(../Graphics/Logo_patyntje.gif) no-repeat top left;}
#top #reserveer {float:right;width:106px;height:28px;margin-top:59px;}
a#button_reserveer {display:block;height:28px;text-indent:-9999px;width:106px;background:url(../Graphics/Button_reserveer.gif) no-repeat top left;}
a:hover#button_reserveer {background-position: bottom left;}

#header {width:900px;margin-top:14px;height:352px;}
#header #navigation {float:left;width:179px;height:352px;}
#header #picture {float:left;width:721px;height:352px;overflow:hidden;}

#header #picture #header_pics {list-style-type:none;width:721px;height:352px;}

#navigation ul {width:179px;list-style-type:none;line-height:61px;padding-top:35px;}
#navigation ul li { display:inline;}
#navigation ul li a {float:left; display: block; height: 61px; text-indent: -9999px;font-size:0px;}
#navigation li a#nav_01 {width:179px;background:url(../Graphics/Nav_01.gif) top left;height:33px;display:block;}
#navigation li a:hover#nav_01 {width:179px;background:url(../Graphics/Nav_01.gif) bottom left;height:33px;display:block;}
#navigation li a#nav_01_active {width:179px;background:url(../Graphics/Nav_01.gif) bottom left;height:33px;display:block;}
#navigation li a#nav_02 {width:179px;background:url(../Graphics/Nav_02.gif) top left;height:36px;display:block;}
#navigation li a:hover#nav_02 {width:179px;background:url(../Graphics/Nav_02.gif) bottom left;height:36px;display:block;}
#navigation li a#nav_02_active {width:179px;background:url(../Graphics/Nav_02.gif) bottom left;height:36px;display:block;}
#navigation li a#nav_03 {width:179px;background:url(../Graphics/Nav_03.gif) top left;height:37px;display:block;}
#navigation li a:hover#nav_03 {width:179px;background:url(../Graphics/Nav_03.gif) bottom left;height:37px;display:block;}
#navigation li a#nav_03_active {width:179px;background:url(../Graphics/Nav_03.gif) bottom left;height:37px;display:block;}
#navigation li a#nav_04 {width:179px;background:url(../Graphics/Nav_04.gif) top left;height:36px;display:block;}
#navigation li a:hover#nav_04 {width:179px;background:url(../Graphics/Nav_04.gif) bottom left;height:36px;display:block;}
#navigation li a#nav_04_active {width:179px;background:url(../Graphics/Nav_04.gif) bottom left;height:36px;display:block;}
#navigation li a#nav_05 {width:179px;background:url(../Graphics/Nav_05.gif) top left;height:36px;display:block;}
#navigation li a:hover#nav_05 {width:179px;background:url(../Graphics/Nav_05.gif) bottom left;height:36px;display:block;}
#navigation li a#nav_05_active {width:179px;background:url(../Graphics/Nav_05.gif) bottom left;height:36px;display:block;}
#navigation li a#nav_06 {width:179px;background:url(../Graphics/Nav_06.gif) top left;height:37px;display:block;}
#navigation li a:hover#nav_06 {width:179px;background:url(../Graphics/Nav_06.gif) bottom left;height:37px;display:block;}
#navigation li a#nav_06_active {width:179px;background:url(../Graphics/Nav_06.gif) bottom left;height:37px;display:block;}
#navigation li a#nav_07 {width:179px;background:url(../Graphics/Nav_07.gif) top left;height:36px;display:block;}
#navigation li a:hover#nav_07 {width:179px;background:url(../Graphics/Nav_07.gif) bottom left;height:36px;display:block;}
#navigation li a#nav_07_active {width:179px;background:url(../Graphics/Nav_07.gif) bottom left;height:36px;display:block;}
#navigation li a#nav_08 {width:179px;background:url(../Graphics/Nav_08.gif) top left;height:34px;display:block;}
#navigation li a:hover#nav_08 {width:179px;background:url(../Graphics/Nav_08.gif) bottom left;height:34px;display:block;}
#navigation li a#nav_08_active {width:179px;background:url(../Graphics/Nav_08.gif) bottom left;height:34px;display:block;}

#main {width:900px;padding-top:26px;}
#main a {text-decoration:underline;color:#3d2e25;}
#main a:hover {text-decoration:underline;color:#be2f35;}
#beginpagina_voorstelling {width:900px;}
#beginpagina_voorstelling #restaurant {float:left;margin-right:28px;width:281px;}
#beginpagina_voorstelling #restaurant .pic a {display:block;width:275px;height:131px;}
#beginpagina_voorstelling #restaurant .pic {background:url(../Graphics/Pic_restaurant.jpg);width:275px;height:131px;border:3px solid #e1dac6;font-size:0px;text-indent:-9999px;line-height:60px;}
#beginpagina_voorstelling #restaurant .title {background:url(../Graphics/Title_restaurant.gif);width:158px;height:17px;margin-top:15px;}
#beginpagina_voorstelling #restaurant .title a {display:block;width:158px;height:17px;}
#beginpagina_voorstelling #restaurant p {line-height:18px;padding-top:7px;}
#beginpagina_voorstelling #vergaderingen {float:left;margin-right:28px;width:281px;}
#beginpagina_voorstelling #vergaderingen .pic {background:url(../Graphics/Pic_vergaderingen.jpg);width:275px;height:131px;border:3px solid #e1dac6;font-size:0px;text-indent:-9999px;line-height:60px;}
#beginpagina_voorstelling #vergaderingen .pic a {display:block;width:275px;height:131px;}
#beginpagina_voorstelling #vergaderingen .title {background:url(../Graphics/Title_vergaderingen.gif);width:158px;height:17px;margin-top:15px;}
#beginpagina_voorstelling #vergaderingen .title a {display:block;width:158px;height:17px;}
#beginpagina_voorstelling #vergaderingen p {line-height:18px;padding-top:7px;}

#beginpagina_voorstelling #traiteur {float:left;width:281px;}
#beginpagina_voorstelling #traiteur .pic {background:url(../Graphics/Pic_traiteur.jpg);width:275px;height:131px;border:3px solid #e1dac6;font-size:0px;text-indent:-9999px;line-height:60px;}
#beginpagina_voorstelling #traiteur .pic a {display:block;width:275px;height:131px;}
#beginpagina_voorstelling #traiteur .title {background:url(../Graphics/Title_traiteur.gif);width:158px;height:17px;margin-top:15px;}
#beginpagina_voorstelling #traiteur .title a {display:block;width:158px;height:17px;}
#beginpagina_voorstelling #traiteur p {line-height:18px;padding-top:7px;}

#beginpagina_voorstelling #wineshop {float:left;width:281px;}
#beginpagina_voorstelling #wineshop .pic {background:url(../Graphics/Pic_wineshop.jpg);width:275px;height:131px;border:3px solid #e1dac6;font-size:0px;text-indent:-9999px;line-height:60px;}
#beginpagina_voorstelling #wineshop .pic a {display:block;width:275px;height:131px;}
#beginpagina_voorstelling #wineshop .title {background:url(../Graphics/Title_wineshop.gif);width:158px;height:17px;margin-top:15px;}
#beginpagina_voorstelling #wineshop .title a {display:block;width:158px;height:17px;}
#beginpagina_voorstelling #wineshop p {line-height:18px;padding-top:7px;}

#beginpagina_bottom {width:900px;padding:26px 0 10px 0;}
#beginpagina_bottom #openingsuren {float:left;background:url(../Graphics/Bg_openingsuren.gif);width:180px;height:154px;margin-right:28px;}
#beginpagina_bottom #openingsuren p {text-align:center;padding-top:23px;line-height:18px;}
#beginpagina_bottom #citaat {float:left;background:url(../Graphics/Bg_citaat.gif) no-repeat top left;width:690px;}
#beginpagina_bottom #citaat p {padding:20px; font-family:Georgia, "Times New Roman", Times, serif;font-size:18px;font-style:italic;line-height:24px;}
#beginpagina_bottom #citaat span {padding:20px;}

#footer {background:url(../Graphics/Bg_footer.gif);height:54px;color:#9d897d;text-transform:uppercase;font-size:10px;}
#footer .content {width:900px;margin:0 auto;}
#footer .content .left {float:left;padding-top:32px;}
#footer .content .right {float:right;padding-top:32px;}
#footer a {text-decoration:none;color:#9d897d;}
#footer a:hover {text-decoration:none;color:#3d2e25;}

#box_vergaderingen_left {float:left;width:270px;padding-bottom:10px;}
#box_vergaderingen_left p.intro {font-family:Georgia, "Times New Roman", Times, serif;font-size:14px;font-style:italic;line-height:24px;padding-bottom:20px;}
#box_vergaderingen_right .materiaal {float:left;line-height:18px;padding:7px;background:#e1dac6;margin-bottom:12px;}
#box_vergaderingen_right .materiaal .border {border:1px solid #fff;}
#box_vergaderingen_right .materiaal .padding {padding:10px;}
#box_vergaderingen_right {float:left;width:590px;padding-left:40px;}
#box_vergaderingen_right .pakket {float:left;width:275px;}
#box_vergaderingen_right p {line-height:18px;}
#box_vergaderingen_right .clear {clear:both;height:30px;}

#box_kaart_left {float:left;width:270px;padding-bottom:10px;}
#box_kaart_left p.intro {font-family:Georgia, "Times New Roman", Times, serif;font-size:14px;font-style:italic;line-height:24px;padding-bottom:20px;}
#box_kaart_left .materiaal {line-height:18px;padding:7px;background:#e1dac6;margin-bottom:10px;}
#box_kaart_left .materiaal .border {border:1px solid #fff;}
#box_kaart_left .materiaal .padding {padding:10px;}
#box_kaart_right {float:left;width:590px;padding-left:40px;}
#box_kaart_right table {line-height:24px;}
#box_kaart_right .clear {clear:both;height:30px;}
#box_kaart_right .kaart_naam {width:565px;}
#box_kaart_right .kaart_prijs {width:25px;}
#box_kaart_right .kaart_divider {background-color:#e1dac6;height:1px;}

#box_groepen_left {float:left;width:270px;padding-bottom:10px;}
#box_groepen_left p.intro {font-family:Georgia, "Times New Roman", Times, serif;font-size:14px;font-style:italic;line-height:24px;padding-bottom:20px;}
#box_groepen_left .receptie {line-height:18px;padding:7px;background:#e1dac6;}
#box_groepen_left .receptie .border {border:1px solid #fff;}
#box_groepen_left .receptie .padding {padding:10px;}
#box_groepen_right {float:left;width:590px;padding-left:40px;}
#box_groepen_right table {line-height:24px;padding-bottom:30px;}
#box_groepen_right .clear {clear:both;height:30px;}
#box_groepen_right .kaart_naam {width:565px;}
#box_groepen_right .kaart_prijs {width:25px;}
#box_groepen_right .kaart_divider {background-color:#e1dac6;height:1px;}
#box_groepen_right .pakket {float:left;line-height:20px;width:270px;}

#box_reserveer_left {float:left;width:270px;padding-bottom:10px;}
#box_reserveer_left p.intro {font-family:Georgia, "Times New Roman", Times, serif;font-size:14px;font-style:italic;line-height:24px;padding-bottom:20px;}
#box_reserveer_right {float:left;width:590px;padding-left:40px;}

#box_wineshop_left {float:left;width:270px;padding-bottom:10px;}
#box_wineshop_left p.intro {font-family:Georgia, "Times New Roman", Times, serif;font-size:14px;font-style:italic;line-height:24px;padding-bottom:20px;}
#box_wineshop_left .receptie {line-height:18px;padding:7px;background:#e1dac6;}
#box_wineshop_left .receptie .border {border:1px solid #fff;}
#box_wineshop_left .receptie .padding {padding:10px;}
#box_wineshop_right {float:left;width:590px;padding-left:40px;}
#box_wineshop_right table {line-height:24px;padding-bottom:30px;}
#box_wineshop_right .clear {clear:both;height:30px;}
#box_wineshop_right .wijn_table {margin-bottom:35px;padding:0px;}
#box_wineshop_right .wijn_naam {width:360px;}
#box_wineshop_right .wijn_jaar {width:60px;}
#box_wineshop_right .wijn_kleur {width:60px;}
#box_wineshop_right .wijn_hoeveelheid {width:60px;}
#box_wineshop_right .wijn_prijs {width:50px;}
#box_wineshop_right .wijn_divider {background-color:#e1dac6;height:1px;}

#box_pers_left {float:left;width:270px;padding-bottom:10px;}
#box_pers_left #citaat {float:left;background:url(../Graphics/Bg_citaat.gif) no-repeat top left;width:270px;}
#box_pers_left #citaat p {padding:20px 0 5px 20px; font-family:Georgia, "Times New Roman", Times, serif;font-size:18px;font-style:italic;line-height:24px;}
#box_pers_left #citaat span {padding:20px;}
#box_pers_right {float:left;width:590px;padding-left:40px;}
#box_pers_right .pers_item {border-top:1px solid #e1dac6;border-right:1px solid #e1dac6;border-bottom:1px solid #e1dac6;border-left:3px solid #e1dac6;padding:25px;margin-bottom:20px;width:540px;}
#box_pers_right .pers_item span {padding:5px 0 10px 0;display:block;color:#9d897d;text-transform:uppercase;font-size:10px;}
#box_pers_right .pers_item p {line-height:18px;}
#box_pers_right .pers_item .image {float:right;width:150px;padding:2px 0 15px 25px;}

h1 {font-family:Arial, Helvetica, sans-serif;font-size:22px;text-transform:uppercase;color:#be2f35;padding-bottom:20px;}
h2 {font-family:Arial, Helvetica, sans-serif;font-size:14px;letter-spacing:-1px;}
h3 {font-family:Arial, Helvetica, sans-serif;font-size:14px;letter-spacing:-1px;color:#be2f35;}

.item {clear:both;overflow:hidden;margin-bottom:15px;}
.item label {float:left;width:200px;line-height:22px;}
.item .inputfield {float:left;border:1px solid #e1dac6;background-color:#fff;padding:4px 6px;width:375px;color:#9d897d;}
.item .inputfield:focus {border:1px solid #9d897d;background-color:#fff;padding:4px 6px;}
.error .inputfield {float:left;border:1px solid #be2f35;background-color:#fff;padding:4px 6px;width:375px;color:#9d897d;}
.error .inputfield:focus {border:1px solid #9d897d;background-color:#fff;padding:4px 6px;}

.item .width_445 {float:left;border:1px solid #e1dac6;background-color:#fff;padding:4px 6px;width:375px;color:#9d897d;}
.item .width_445:focus {border:1px solid #9d897d;background-color:#fff;padding:4px 6px;}
.error .width_445 {float:left;border:1px solid #be2f35;background-color:#fff;padding:4px 6px;width:375px;color:#9d897d;}
.error .width_445:focus {border:1px solid #9d897d;background-color:#fff;padding:4px 6px;}

.item .width_5 {float:left;border:1px solid #e1dac6;background-color:#fff;padding:4px 6px;width:375px;color:#9d897d;}
.item .width_5:focus {border:1px solid #9d897d;background-color:#fff;padding:4px 6px;}
.error .width_5 {float:left;border:1px solid #be2f35;background-color:#fff;padding:4px 6px;width:375px;color:#9d897d;}
.error .width_5:focus {border:1px solid #9d897d;background-color:#fff;padding:4px 6px;}
.item .extra_text {float:left;padding:4px 0 0 12px;color:#9d897d;}
.contact_verstuur {clear:both;background:url(../Graphics/Contact_verstuur.gif);border:none;width:85px;height:26px;line-height:80px;font-size:0px;cursor:pointer;margin:5px 0 20px 200px;}
.reserveer_verstuur {clear:both;background:url(../Graphics/Reserveer_verstuur.gif);border:none;width:90px;height:26px;line-height:80px;font-size:0px;cursor:pointer;margin:0px 0 20px 200px;}
.message {line-height:18px;margin-bottom:30px;font-weight:bold;}
.error_message {line-height:18px;margin-bottom:30px;font-weight:bold;color:#be2f35;}

.image_border {border:3px solid #e1dac6;}

#privacy {padding-top:15px;}
#privacy p {line-height:20px;font-size:10px;}

a#banner_cadeaubon {clear:both;width:270px;background:url(../Graphics/Banner_cadeaubon.jpg) top left;height:197px;display:block;}
a:hover#banner_cadeaubon {clear:both;width:270px;background:url(../Graphics/Banner_cadeaubon.jpg) bottom left;height:197px;display:block;}
#banner_champagne {clear:both;width:270px;background:url(../Graphics/Banner_champagne.jpg) top left;height:197px;display:block;margin-bottom:15px;}

a#banner_restaurant {clear:both;width:264px;background:url(../Graphics/Pic_restaurant2.jpg) top left;height:131px;display:block;margin-bottom:10px;border:3px solid #e1dac6;}
a:hover#banner_restaurant {clear:both;width:264px;background:url(../Graphics/Pic_restaurant2.jpg) bottom left;height:131px;display:block;border:3px solid #e1dac6;}
a#banner_vergaderingen {clear:both;width:264px;background:url(../Graphics/Pic_vergaderingen2.jpg) top left;height:131px;display:block;margin-bottom:10px;border:3px solid #e1dac6;}
a:hover#banner_vergaderingen {clear:both;width:264px;background:url(../Graphics/Pic_vergaderingen2.jpg) bottom left;height:131px;display:block;border:3px solid #e1dac6;}
a#banner_wineshop {clear:both;width:264px;background:url(../Graphics/Pic_wineshop2.jpg) top left;height:131px;display:block;margin-bottom:10px;border:3px solid #e1dac6;}
a:hover#banner_wineshop {clear:both;width:264px;background:url(../Graphics/Pic_wineshop2.jpg) bottom left;height:131px;display:block;border:3px solid #e1dac6;}
a#banner_traiteur {clear:both;width:264px;background:url(../Graphics/Pic_traiteur2.jpg) top left;height:131px;display:block;margin-bottom:10px;border:3px solid #e1dac6;}
a:hover#banner_traiteur {clear:both;width:264px;background:url(../Graphics/Pic_traiteur2.jpg) bottom left;height:131px;display:block;border:3px solid #e1dac6;}

a#banner_vergaderzaal {clear:both;width:270px;background:url(../Graphics/Banner_vergaderzaal.jpg) top left;height:197px;display:block;margin-top:10px;}
a:hover#banner_vergaderzaal {clear:both;width:270px;background:url(../Graphics/Banner_vergaderzaal.jpg) bottom left;height:197px;display:block;}

#button_gasteboek {width:293px;background:url(../Graphics/Button_gastenboek.png) top left;height:49px;z-index:5;margin:285px 0 0 437px;position:absolute;}
.gastenboek_bericht {border-top:1px solid #e1dac6;border-right:1px solid #e1dac6;border-bottom:1px solid #e1dac6;border-left:3px solid #e1dac6;padding:25px;margin-bottom:20px;width:540px;}
.gastenboek_bericht span {padding:0 0 10px 0;display:block;color:#9d897d;text-transform:uppercase;font-size:10px;}
.gastenboek_bericht p {line-height:18px;}