html, body { margin: 0; width: 100%; height: 100%; }
.bodybg_01 { background: url(../images/backgroundimg_01.jpg) no-repeat #000; }
.bodybg_02 { background: url(../images/backgroundimg_02.jpg) no-repeat #000; }
.bodybg_03 { background: url(../images/backgroundimg_03.jpg) no-repeat #000; }
.bodybg_04 { background: url(../images/backgroundimg_04.jpg) no-repeat #000; }
* { font-family: Arial, Helvetica, sans-serif; }
img { border: 0; }
a { color: #FFF; }
a:hover { color: #d40800; }
#container { background: url(../images/bg_texture.gif) no-repeat left top; padding: 13px 0 0 17px; }
#bg_fotos { width: 100%; height: 100%; background: url(../images/bg_fotos-trans.png); }
#logo { width: 190px; height: 53px; background: url(../images/logo-brasserie.gif) no-repeat; }
/* MENU */
#menu { height: 32px; margin: 4px 0 0 262px; display: block; background: url(../images/bg_menu-trans.png) repeat-x; }
.menuimg_left { float: left; }
ul { padding: 0; margin: 0; list-style: none; }
li { float: left; position: relative; }
li ul { display: none; position: absolute; left: 0; }
li > ul { top: auto; left: auto; }
li:hover ul, li.over ul { display: block; top: 28px; left: -35px; width: 153px; }
.menuitem { float: left; border-right: 1px solid #b40000; }
a.menuitem { text-transform: uppercase; font-size: 14px; text-decoration: none; color: #FFF; margin: 4px 0; padding: 6px 21px; }
a:hover.menuitem { color: #000; }
.submenu_top { width: 153px; height: 4px; background: url(../images/submenu_top-trans.png) no-repeat; font-size: 1px; }
.submenu_bottom { width: 153px; height: 10px; background: url(../images/submenu_bottom-trans.gif) no-repeat; font-size: 1px; }
.submenuBtn { padding: 0; background: url(../images/submenu_middle-trans.gif) repeat-y; }
a.submenulink { width: 143px; float: left; color: #000; text-decoration: none; padding: 7px 5px 0 5px; font-size: 10px; text-transform: uppercase; text-align: center; }
a.submenulink:hover { color: #FF0000; }
/* CONTENT */
#contentrow { margin: 9px 0 0 85px; }
#contentbox { }
.contentbox_home { width: 660px; }
.contentbox_reserv { width: 525px; }
.contentbox_fotos { width: 525px; }
.contentbox_menu { width: 250px; }
.contentbox_menus { width: 280px; float: left; margin: 0 5px 0 0; }
.contentbox_contact { width: 660px; }
/* top */
.c_topleft { width: 3px; height: 3px; font-size: 1px; background: url(../images/contentbox_topleft-trans.png) no-repeat top left; }
.c_top { height: 3px; font-size: 1px; background: url(../images/contentbox_top-trans.png) repeat-x top; }
.c_topright { width: 3px; height: 3px; font-size: 1px; background: url(../images/contentbox_topright-trans.png) no-repeat top right; }
/* middle */
.c_left { width: 3px; height: 3px; font-size: 1px; background: url(../images/contentbox_left-trans.png) repeat-y left; }
.c_right { width: 3px; font-size: 1px; background: url(../images/contentbox_right-trans.png) repeat-y right; }
.c_middle_home { background: url(../images/bg-content_660px.gif) no-repeat #484848; }
.c_middle_reserv { background: url(../images/bg-content_525px.gif) no-repeat #484848; }
.c_middle_fotos { background: #444444; }
.c_middle_menu { background: url(../images/bg-content_660px.gif) no-repeat #484848; }
.c_middle_menus { background: url(../images/bg-content_280px.gif) no-repeat #484848; }
.c_middle_contact { background: url(../images/bg-content_660px.gif) no-repeat #484848; }
/* bottom */
.c_bottomleft { width: 3px; height: 3px; font-size: 1px; background: url(../images/contentbox_bottomleft-trans.png) no-repeat bottom left; }
.c_bottom { height: 3px; font-size: 1px; background: url(../images/contentbox_bottom-trans.png) repeat-x bottom; }
.c_bottomright { width: 3px; height: 3px; font-size: 1px; background: url(../images/contentbox_bottomright-trans.png) no-repeat bottom right; }
.contentimg { float: left; padding: 0 2px 0 0; }
.contenttxt { width: 345px; min-height: 311px; float: left; padding: 0 0 0 15px; border-left: 1px solid #898989; }
.reserveringsbox { padding: 15px 5px; }
.contactbox { padding: 15px 5px; }
.menusbox { padding: 15px 5px; text-align: center; }
#pagehead { width: 100%; }
.pagehead_bg { background: url(../images/bg-line_pagehead.gif) repeat-x center; }
h1 { font-weight: normal; font-size: 16px; color: #cdcdcd; margin: 23px 0 12px 0; line-height: 20px; }
.bodytext { font-size: 11px; color: #cdcdcd; margin: 10px 0; line-height: 17px; }
.bodytext2 { font-size: 11px; color: #cdcdcd; margin: 10px; line-height: 17px; }
.seeyou { padding: 5px 0; }
.reservationcell { width: 220px; float: left; padding: 0 15px; color: #f6f6f6; font-size: 12px; line-height: 24px; }
.reservationcell td { padding: 0 10px 10px 0; }
.email-reply { color: #FFF; font-size: 11px; text-align: left; padding: 0 15px; }
input, select, textarea { color: #000000; }
/* FOTOS */
.fotobox { padding: 15px 5px 7px 5px; text-align: center; }
.fotoframe { margin: auto; padding: 0 0 4px 0; }
/* top */
.f_topleft { width: 6px; height: 6px; font-size: 1px; background: url(../images/fotoframe_topleft-trans.png) no-repeat; }
.f_top { height: 5px; font-size: 1px; background: url(../images/fotoframe_top-trans.png) repeat-x; }
.f_topright { width: 6px; height: 6px; font-size: 1px; background: url(../images/fotoframe_topright-trans.png) no-repeat; }
/* middle */
.f_left { width: 6px; height: 6px; font-size: 1px; background: url(../images/fotoframe_left-trans.png) repeat-y; }
.f_right { width: 6px; font-size: 1px; background: url(../images/fotoframe_right-trans.png) repeat-y; }
.f_middle { background: #000; }
/* bottom */
.f_bottomleft { width: 6px; height: 6px; font-size: 1px; background: url(../images/fotoframe_bottomleft-trans.png) no-repeat; }
.f_bottom { height: 6px; font-size: 1px; background: url(../images/fotoframe_bottom-trans.png) repeat-x; }
.f_bottomright { width: 6px; height: 6px; font-size: 1px; background: url(../images/fotoframe_bottomright-trans.png) no-repeat; }
h2 { padding: 15px 0 0 0; margin: 0; font-size: 12px; color: #FFF; }
.menustxt { font-size: 11px; color: #cdcdcd; padding: 0 10px 15px 10px; margin: 0; border-bottom: 1px solid #676767; }
.menustxt strong { padding: 15px 0 0 0; margin: 0; font-size: 12px; color: #FFF; display: block; }
.warning { font-size: 11px; color: #cdcdcd; padding: 10px 15px; }
.smalltxt { font-size: 10px; color: #FFF; padding: 10px 0 0 0; }