/* Layout rules */
.equal {
  display:table;
  border-collapse:separate;
}
.row {
  display:table-row;
}
/* VERWIJDERD OMDAT ANDERS DE PLAATJES NIET ALIGNEN
.row div {
  display:table-cell;
}
*/

/* Styling rules */
html,body {
  margin:0;
  padding:0;
  color: rgb(61,37,24);
  background-color: #803A14;  
  }
body {
  font:12px "Trebuchet MS", Arial, Helvetica, sans-serif;
  width:960px;
  margin:0 auto;
  background:url(../img/bg_main.gif) repeat-y 0 0;
  }
.equal {
  margin:0px auto;
  padding:0px;
  background-image:url(../img/het_cafe_met_de_smaak_van_bier.gif);
  background-repeat:no-repeat;
  background-position:left bottom;
  width:960px;
  }
.row div.slogan {
  width:70px;
  float:left;
  margin:0px;
  padding:0px;
  }
.row div.sidebar {
  width:230px; /*240px - padding*/
  float:left;
  margin:0px;
  padding:10px 0px 0 10px;
  background-image:url(../img/bg_sidebar.png);
  background-repeat:no-repeat;
  }
.row div.main {
  width:530px;
  float:left;
  margin:0px;
  padding:0px;
  }
.row div.tabs {
  width:120px;
  float:left;
  margin:0px;
  padding:0px;
  }
.tabs img {
  border:0px;
  margin:0;
  padding:0;
  }
div#header {
  width: 960px ;
  margin:0 auto;
  background:url(../img/bg_header.jpg) repeat-y 0 0;
  height:107px;
  }
div#header img {
  padding-left:90px;
  padding-top:7px;
  border:0px;
  }
div#header p {
  margin:0px;
  padding:0px;
  }

#menu {
  background-image:url(../img/bg_menu.png);
  width:530px;
  height:9px; /* 56px - padding */
  margin:0;
  padding:0 0 0 0;
  float:left;
  }
#menu ul {
  margin:0px;
  padding:0px;
  list-style: none;
  }
#menu li {
  float: left;
  padding: 20px 0 0 0;
  }
#menu li a {
  background: transparent url(../img/menu_divider.gif) center right no-repeat;
  color: rgb(61,37,24);
  display: block;
  font-size: 18px;
  height:27px;
  padding:0 15px 0 15px;
  text-align: center;
  text-decoration:none;
  }
li a:hover {
  color: rgb(100,67,49);
  }

.block {
  width:220px;
  min-height:245px;
  padding:0;
  margin:0 0 10px 0;
  background-image:url(../img/bg_content_sidebar.png);
  background-repeat:no-repeat;
  clear:both;
  float:left;
  }
.block h3 {
  background-image:url(../img/bg_header_sidebar.gif);
  color:rgb(255,255,255);
  height:34px; /* 45px - 15px padding*/
  padding:11px 0 0 45px;;
  margin:0;
  font-size: 20px;
  }
.block p {
  font-size:11px;
  margin:10px 0;
  padding:0 10px;
  color:rgb(255,255,255);
  }
div#footer {
  width: 960px ;
  margin:0 auto;
  height:10px;
  background-image:url(../img/bg_footer.gif);
  background-repeat:repeat-y;
  }
div#footer p {
  padding:15px 120px 10px 300px; 
  text-align:center;
  color:rgb(255,255,255);
  }
div#footer p a, div#footer p a:link, div#footer p a:hover, div#footer p a:visited {
  color:rgb(255,255,255);
  text-decoration:none;  
  border-bottom: 1px solid rgb(255,255,255);
  }
div#picture {
  padding:0;
  margin:0;
  width:530px;
  float: left;
}
div#content {
  padding:0;
  margin:0 0 10px 0;
  float: left;
}
div#content h1 {
  padding:15px 0 10px 10px;
  margin:0;
  font-size:28px;
  }
div#content h2 {
  padding:10px 0 5px 10px;
  margin:0;
  font-size:22px;
  }
div#content p {
  font-size:12px;
  line-height:20px;
  margin:10px 0;
  padding:0 10px;
  }
div#content p img {
  margin:0px;
  padding:0px;
  }
.block ul {
  color:rgb(255,255,255);
  list-style-image:url(../img/menu_normal.gif);
  list-style-position:inside;
  line-height:26px;
  font-size:12px;
  margin:10px 0;
  padding:0 10px;
  }

#current {
  color:rgb(203,168,112);
  list-style-image:url(../img/menu_selected.gif)
  }
  
.block ul li a:link, .block ul  li a:visited  {
  color: rgb(255,255,255);
  text-decoration:none;
  }
.block ul  li a:hover, .block ul  li a:active  {
  color: rgb(203,168,112);
  text-decoration:none;
  } 
.block ul  li .selected a:link, .block ul  li .selected a:visited {
  color: rgb(203,168,112);
  text-decoration:none;
  }
.block ul  li .selected a:hover, .block ul  li .selected a:active {
  color: rgb(203,168,112);
  text-decoration:none;
  }

.block ul {
  font-size: 18px;
}

.block ul li ul {
  font-size: 14px;
}

.block p a:link, .block p a:visited  {
  color: rgb(255,255,255);
  text-decoration:none;
  border-bottom: 1px solid rgb(255,255,255);
  }
.block p a:hover, .block p a:active  {
  color: rgb(203,168,112);
  border-bottom: 1px solid rgb(203,168,112);
  }
  
#content a:link, #content a:visited {
  text-decoration:none;  
  color: rgb(61,37,24);
  border-bottom: 1px solid rgb(61,37,24);
  }
  
#content a:hover, #content a:active {
  color: rgb(203,168,112);
  border-bottom: 1px solid rgb(203,168,112);    
  }
  
.newslist {
  float: left;
  background-image:url(../img/bg_news_list_item.png);
  background-repeat: none;
  width: 497px; /*515px-padding*/
  height: 14px; /*32px-padding*/
  padding: 13px 5px 5px 14px;
  margin: 7px 0 0 6px;
  }
.newslist .datum {
  padding: 0 20px 0 0;
  font-size: 11px;
  color: rgb(45,45,45);
  }
.news-list-browse {
  float: left;
  width: 515px;
  padding: 13px 5px 5px 15px;
  font-size: 11px;
  }
.showResultsWrap {
  }
.browseLinksWrap {
  float: left;
  width: 515px;
  }
.news-search-form {
  padding: 0 0 5px 8px;
}

.gb {
  float: left;
  background-image:url(../img/bg_news_list_item.png);
  background-repeat: none;
  width: 497px; /*515px-padding*/
  height: 24px; /*32px-padding*/
  padding: 3px 5px 5px 14px;
  margin: 25px 0 20px 6px;
  }
  
.gb_left {
  float: left;
  width: 45px;
  margin-left: 0px;
  padding-top: 10px;
  font-size: 11px;
  color: rgb(45,45,45);
  text-transform: lowercase;
  margin: 3px 0 0 0;
  }
 
.gb_info {
  width: 50px;
  float:left;
  padding: 0 10px 0 10px;  

}

.gb_right {
  float: left;
  width: 425px;
  padding-top: 0px;
  }

.gb_navigatie {
  padding: 0 0 0 14px;
  margin: 0;
  }
  
.gb_entry {
  padding: 0 10px 0 10px;
}
 

h4 {
  font-size: 18px;
  padding: 0 10px 0 10px;  
  }
  
.tx-srfreecap-pi2-cant-read {
  color: rgb(45,45,45);
  }

.news-single-item dt {
  line-height:20px;
  padding: 0 0 0 14px;
  font-weight: bold;
}
.news-single-item dd {
  line-height:20px;
  padding: 0;  
}

/* GATENBOEK */
.tx-guestbook-result {
  margin: 0 0 0 10px;
}






/* FORMULIEREN */
label
{
color: #ffffff;
width: 100px;
float: left;
text-align: left;
margin-left: 10px;
display: block
}

.submit input
{
margin-left: 4.5em;
} 
input
{
color: rgb(61,37,24);
background: #664432;
border: 1px solid #FBEDE6;
 margin: 0 0 0 10px;
}

.submit input
{
color: #000;
background: #3D1C0A;
border: 2px outset #FBEDE6;
}

.inschrijven, .uitschrijven {
  color: #ffffff;
  font-weight: bold;
  border: 1px solid #FBEDE6;
  background: #664432;
  font-size: 13px;
  padding: 7px 10px 7px 10px;
}

fieldset
{
border: 1px solid #3D1C0A;
width: 20em
}

legend
{
color: #fff;
}