/*
 * Version: $Revision: 40349 $
 * Author: BeSite <info@besite.nl>
 * Copyright 2006 BeSite
 */

body
{
	 background: url(/img/background.jpg) fixed top center repeat-x;
}

#Header {
   width: 856px;
   height: 100px;
   margin: 0 auto;
   background: url(/img/restaurants-domain.png) top left repeat-x;
}

DIV#Header DIV#HeaderTitle
{
    width:720px;
    height:100px;
    font-size: 60px;
    color: #fff;
    /*margin-top: -80px;
    *margin-top:-84px;*/
    padding-left: 80px;
    display:block;
    position: absolute;
    font-family: Georgia;
    
}

.rest-domain DIV#HeaderTitle {
    top: 34px;
}

.restaurant-domain {
    background: url(/img/restaurants-domain.png) top left no-repeat;
}

a.go-to-home-link {
    display: block;
    height: 100px;
    overflow: hidden;
    text-indent: -400px;
    width: 100%;
    position: absolute;
    z-index: 4;
}

#transBg { 
    width: 840px;
    margin: 0 auto;
}


td.RequiredMarkedComment .Comment {
    padding-left: 164px;
    font-size: 11px;
    margin-top: 10px;
    font-style: italic;
}

fieldset.Bsl div.Field input {
    margin-left: 0;
}

fieldset.Bsl div.Submit input.Submit {
    margin-left: 0;
}

table.VisitorLogin td input.Submit{
    margin-left: 86px;
    width: 100px;
}

table.VisitorLogin {
    margin: 20px 0 20px 0;
}

.Aanmelden td.Submit {
    text-align: left;
    padding-left: 154px;
}

.Aanmelden th.TableHeader,
th.TableHeader {
    text-align: left;
    font-size: 16px;
    padding: 14px 0px;
    color: #A99593;
    font-weight: bold;
}

.Aanmelden td input,
.Aanmelden td select,
option{
    margin-bottom: 6px;
}



td.Submit input.Submit,
div.Submit input.Submit,
.ButtonBar input.Button {
    background-color: #AB9797;
    padding: 2px;
    width: 150px;
    margin-top: 10px;
    color: #fff;
    border: 1px dotted #AB9797;
    cursor: pointer;
}

select {
     border: 1px dotted #AB9797;
}

td.Submit input.Submit:hover,
div.Submit input.Submit:hover,
.ButtonBar input.Button:hover {
    background-color: #A08989;
}

input,
textarea {
    bordera: 1px dotted #AB9797;
    padding: 4px 2px;
}

#FastSearch {
    width: 660px;    
    margin: 0 auto;    
    /*border-bottom: 1px dotted #330000;*/
    background: url(/img/border-x.png) bottom left repeat-x;
    padding: 40px 30px 20px 44px;
}

#FastSearch input {
    width: 200px;
}

#FastSearch input.Submit {
    width: 85px;
    height: 36px;
    border: 1px solid #999;
    font-weight: bold;
    font-size: 14px;
    color: #330000;
    cursor: pointer;
    float: left;   
    margin-left: 40px;
    padding-right:16px;
    background: url(/img/arrow.png) #fff no-repeat 65px 10px;
}

#FastSearch span {
    float:left;
    width: 72px;
    height: 34px;
    line-height: 30px;
    text-align:center;
    color: #333;
}

#FastSearch select {
    width: 218px;
    float:left;
    padding: 8px;
    border: 1px solid #999;
    color: #787878;
}

#content-container {
    width: 862px;
    margin: 0 auto;
    padding-bottom: 20px;
    background: url(/img/content-background.png) top center repeat-y;
    position:relative; 
}

.rest-details #content-container {
    padding-top:20px;
}

div#Print {
    position: absolute;
    right: 20px;
    top: 14px;
}

.rest-details div#Print  {
    position: absolute;
    right: 10px;
    top: -80px;
}

#ListLeftDiv {
    margin-left: 0px;
    margin-right: 40px;
}

.clear {
    clear:both;
}

#Content {
    width:750px;
    margin:0 auto;
    padding-top:20px;
}

/* if page is restaurant detail */
body.rest-details #Content {
    /*width: 466px;*/
    width: 600px;
    float: left;
}

body.rest-details #right h2 {
    color: #fff;
    background-color: #A99593; 
    display: block;
    line-height: 27px;
    padding-left: 10px;
    margin-top: 40px;
}

body.rest-details dl.opening-hours {
    width: 204px;  
    
}

body.rest-details .opening-hours dt {
   float: left;
   width: 40px;
   margin-left: 20px;
}

body.rest-details .opening-hours dt,
body.rest-details .opening-hours dd  {
   color: #333;
}

body.rest-details #Content {
    margin-left: 28px;
}

body.rest-details #right {
 
    position:relative;
    width: 160px;
}

body.rest-details #right #panel {
    width: 210px;
    height: 71px;
    display: inline-block;
    padding: 0;
    float: left;
    margin-right: -36px;
    font-size: 11px;
    background: url(/img/panel.png) top left no-repeat;
}

body.rest-domain #panel{
    background:none!important;
    margin-top: 20px;
}

body.rest-details #right .Panel-domain {
    background: none;
}

body.rest-details #right #panel a.search-again {
    text-align: right;
    margin: 0px 6px 0 0;
    width: 96px;
       
    text-decoration:none;    
    display:inline-block;
    color: #fff;
    font-size: 12px;
    font-weight: bold;
}

body.rest-details #right #panel a.to-overview {
    text-align: left;
    margin: 12px 0 0 24px;
    width: 80px;
    text-decoration:none;
    display:inline-block;
    color: #fff;
    font-size: 12px;
    font-weight: bold;
}

/* end of restaurant detail */

DIV#Center {
    width: 920px;
    margin: 20px auto 0 auto;
    padding-top: 20px;
    position: relative;
    background: url(/img/background-transparent.png) top center repeat-y;
}

.r-logo {
    position: absolute;
    background: url(/img/r.png) top left no-repeat;
    width: 179px;
    height: 184px;
    top: -20px;
    left: 24px;
}

#Map {
    position: relative;
    margin-top:40px;
    width:650px;
    margin:20px auto 0 auto;
}

#MapGemeente {
    width:400px;
    height:24px;
    font-weight:bold;    
    font-size:16px;
    color: #A96757;
    text-align:left;
}

#Footer a{
    color: #000;
}

DIV#ListLeftDiv 
{
    width: 340px;
    float: left;
}

DIV#ListRightDiv
{
    float: left;
    margin-left: 16px;
}

div.item-holder  {
    width: 346px;
    margin-top: 26px;
}

.item-holder ul {  
    width:100%;
    padding:0;
    margin:0;
}

.item-holder ul li{
    list-style:none;
    margin:0;
    padding:0;    
}

.item-holder ul li a {
    margin:0;
    padding:0;
    display:block;
    color:#333333;
    font-size: 13px;
    padding: 5px 0 6px 8px;
    /*border-bottom:1px dotted #333;*/
    background: url(/img/border-x.png) bottom left repeat-x;
}

.item-holder ul li a:hover{
    background-color:#CDC0BE;
}

.item-holder h2 {
    width: 330px;
    margin: 0;
    display: block;
    background: url(/img/place-background.png) top left repeat-x;
    font-size: 15px;
    padding: 4px 8px;
    color:#fff;
    font-weight:bold;
}

#Footer {
    background: url(/img/footer-image.png) top center no-repeat;
    width: 100%;
    text-align: center;
    padding-top: 30px;
    padding-bottom: 10px;
    color: #333;
    line-height: 16px;
}

#Footer a {
    font-size: 11px;
    color: #333;
}

 td.OpeningHours input {
    width: 145px;
}

select {
    padding: 4px 4px;
}

#right {
   float: left;
   padding-left: 28px;
   padding-top: 20px;
}

#right #MenuItems {
 
}

select.SelectMultiple {
    padding-top: 10px;
    padding-bottom: 4px;
}

.MenuItem a {
    font-size: 14px;
    color: #330000;
    border-bottom: 1px dotted #666;
    width:140px;
    font-weight:bold;
    line-height: 34px;
    padding-left:20px;
    display:block;
}

#restaurant-visual {
    width: 728px;
    height: 303px;
    margin: 0 auto;  
    position: relative;  
    background: url(/img/rest-visual-background.png) no-repeat top left;
}

#restaurant-visual #imageContainer {
    float: left;
    width: 458px;
    height: 265px;
    margin-top: 16px;
    margin-left: 16px; 
    overflow: hidden;
    position: relative;
}

#caroufredsel_wrapper {
    width: 458px;
    height: 265px;
}

#carouselContainer .imageItem {
    width: 458px;
    height: 265px;
    overflow:hidden;
    line-height: 260px;
    float:left;

}


#imageContainer a.slide-left {
    width: 14px;
    height: 30px;
    top: 120px;
    background: url(/img/slide-left.png) no-repeat top left;
    position: absolute;
    display: block;   
}

#imageContainer a.slide-right {
    width:14px;
    height:30px;
    top: 120px;
    right:0;
    background: url(/img/slide-right.png) no-repeat top right;
    position: absolute;
    display:block;    
}

#restaurant-visual #restaurantGegevens {
    float:left;
    width:235px;
    height:265px;
    margin-top:16px;
    margin-left:2px;   
}

#restaurant-visual #restaurantGegevens div.Logo {
   display: block;
   width: 235px;
   height: auto;
   margin: 0 auto; 
   padding: 0;   
   text-align: center;
}

table.Restaurant input.Submit{
    margin-top: 20px;
    width: 150px;    
}

.rest-details #Title {
    position: relative;
    margin-top: 80px;
}

.rest-details #Title h1 {
    top: -56px;
    left: 130px;
    position: absolute;
    margin-bottom: 20px;  
    margin-top: 10px;  
}

.rest-details #welcome {
    width: 118px;
    position: absolute;
    top: -64px;
    height: 39px; 
    left: 60px;   
    float: left;
    background: url(/img/welkom.png) no-repeat top left;
}

/*#restaurant-visual #restaurantGegevens div.Logo a img {
    margin-top: 20px;
    width: 160px;
}*/

#bottom-text h4 {
    color:#990000;
    font-size: 14px;
}

#bottom-text {
    background: #E9DFDF;
    color: #333;
    width: 755px;
    margin-top: 40px;
    margin-left: 3px;
    padding: 40px 50px;
    margin-bottom: -34px;
}

#Title {
    color: #333;    
    padding: 0px 0px;
    margin-top: 30px;
}

#Title #welcome {
    margin-left: -60px;
    top: -60px; 
    
}

#restaurant-visual #restaurantGegevens ul.adres {
    margin: 0 auto;
    display: block;
    width: auto;
    position: absolute;
    bottom:16px;
    margin-top: 20px;
    padding: 0 0 0 10px;    
}

#restaurant-visual #restaurantGegevens ul.adres li {
    padding: 0; 
    list-style: none; 
    font-size: 14px;
    color: #333; 
    width: 220px;  
}