.signal {border:1px solid red;}
.fl {float:left;}
.fr {float:right;}
.nofl {clear:both;font-size:1px;}
.nodisp, #skip-to-navigation {display:none;}
.tac {text-align:center;}
.tar {text-align:right;}
.bold {font-weight:bold;}
html,body,div,ul,ol,li,span,form,p,h1,h2,h3,h4,h5,h6,img,input {margin:0px;padding:0px;}
hr {display:none;}
img {border:0px solid #000;}
a {color:#000;}

body {font-family:Arial,Helvetica,sans-serif;background:#fff;text-align:center;color:#000; background: #fff url(../img/bg.gif) repeat-y 50% 0%;}
#main {position: relative;width: 672px;margin: 0 auto; padding: 0px; text-align:left;}
#content {margin: 0px 2px;}

/* layout */
#text {position: absolute; top: 264px; left:203px; padding-bottom: 40px; background: #fff; z-index:10;}
#nav {position: absolute; top: 212px; left:4px; }
#menu {position: absolute; width: 160px; top: 265px; left:32px; }
#languages {position: absolute; top: 156px; right: 0px; z-index:2;}
#top { position: relative; width: 665px; top: 30px; left: 2px; }

/* address */
#top h3 {font-size: 75%; line-height: 120%; margin-bottom: 0.5em; padding-top: 10px; text-align: right; color: #BF0000;}
#top #address {font-size: 75%; line-height: 120%; text-align: right; font-weight: bold;}
#top #csr-map { position: absolute; top: 0px; left:0px;}
#top #address span { display: block; margin-top: 14px;}

#top #languages {font-size: 75%; line-height: 120%; font-weight: bold; color: #B80000;}
#top #languages a, #languages span {color: #B80000; text-decoration: none; padding-right: 0px 4px;}
#top #languages span { color: #9D9DA0;}


#nav { width: 668px; padding-top: 4px; background: url(../img/nav-t.gif) no-repeat;}
#nav ul {display: block; padding: 0px 0px 5px 14px; list-style: none; background: #B80000 url(../img/nav-b.gif) no-repeat 0% 100%;}
#nav li { display: inline;  }
#nav li a {padding: 0px 8px; font-size: 75%; line-height: 100%; font-weight: bold; text-decoration: none; color: #fff; background: url(../img/nav-seperator.gif) no-repeat 100% 50%;}
#nav li a:hover {text-decoration: underline;}
#nav li#last-item a {background-image: none; }


#menu h2 {font-size: 90%; font-weight: bold; color: #9D9DA0; margin-bottom: 2px;}
#menu h3 {font-size: 80%; font-weight: bold; color: #9D9DA0; margin: 2em 0 6px;}
#menu ul { list-style: none;}
#menu li span { font-size: 75%; line-height: 180%; }
#menu li a { padding-left: 11px; font-size: 75%; line-height: 180%; font-weight: bold; text-decoration: none; color: #0000A1; background: url(../img/menu-arrow.gif) no-repeat 0% 40%;}
#menu li a:hover { color: #0101CD; background-image: url(../img/menu-arrow-hover.gif)}
#menu p {font-size: 75%; line-height: 130%; margin-bottom: 0.6em;color: #101010;}
#menu a {color: #0000A1;}
#menu a:hover {color: #0101CD;}


#text {color: #101010;}
#text h1 {font-size: 100%; line-height: 120%; margin-bottom: 0.6em; color: #BF0000;}
#text h2 {font-size: 90%; line-height: 120%; margin: 1.5em 0 0.4em; color: #BF0000;}
#text h3 {font-size: 80%; line-height: 120%; margin-bottom: 0.1em;}
#text p {font-size: 75%; line-height: 130%; margin-bottom: 0.6em;}
#text ul {margin-left: 25px; margin-bottom: 1em;}
#text ul li {font-size: 75%; line-height: 120%; margin-bottom: 0.5em;}
#text a {color: #0000A1;}
#text a:hover {color: #0101CD;}


#text img.hp-map { margin: 16px 0 0; text-align: center;}
#text .opening-hours {margin-bottom: 1em;} 
#text .opening-hours td {font-size: 75%; } 

#text .menu td { vertical-align: top; font-size: 75%; }
#text .menu td.number { width: 26px;}
#text .menu td.desc { width: 370px;}
#text .menu td.price { width: 50px; }

#text #dod { padding: 10px 7px; background-color: #e0e0e0; }
#text .recommendation { padding: 0px 20px 10px; font-style: italic;}

#text table.classic th, #text table.classic td {font-size: 75%;}
#text table.classic th {padding-right: 1em;}

.link {margin-left: 10px; padding-left: 16px; background: url(../img/arrow.gif) no-repeat 0% 60%; }

.w205 {width: 205px;}
.w310 {width: 310px;}

.contact-form fieldset { border: 1px solid #8e8e8e;}
.contact-form legend {font-size: 75%; font-weight: bold; color: #0000a1;}
.contact-form th { font-size: 75%; width: 80px; text-align: left; padding-left: 8px;}
div[class].contact-form th { padding-left: 0px;}
.contact-form table { margin: 10px 0;}

.photos img { margin-right: 10px;}
