html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}
.clear { clear: both; }


html
{
/*		background: #a8acb0 url(../../img/ziesta/background.png) repeat-x;*/
background: #b9bfc4;
}

body
{
 background: url(../../img/ziesta/background-second.png) center top repeat-x;
	font-family: Arial;
	min-width: 1120px;
	text-align: center;
}

#container
{
	margin: 0px auto;
	position: relative;
	width: 1120px;
}

.wrapper
{
	margin: 0px auto;
	text-align: left;
	width: 952px;
}

#header
{
	height: 188px;
}

#header h1
{
	background: url(../../img/ziesta/logo.png) no-repeat;
	float: left;
	height: 165px;
	margin-left: 50px;
	width: 207px;

	position: absolute;
	top: 10px;
	left: 0px;
	
	z-index: 5;
}

#header h1 span
{
	display: none;
}


#topmenu
{
	float: left;
	margin-top: 138px;
	margin-left: 250px;
	text-align: left;
}

#topmenu .hoofdItem
{
	float: left;
	list-style-type: none;
}

#topmenu li:first-child a
{
	margin: 0px;
}

#topmenu .hoofdLink
{
	color: #fff;
	display: block;
	font-weight: bold;
	height: 41px;
	margin-left: 15px;
	padding: 9px 10px 0px 10px;
	float: left;
	text-align: center;
	text-decoration: none;
}

#topmenu .hoofdLink span.left
{
	display: inline-block;
	min-width: 90px;
	padding: 8px 6px;

}

#topmenu a:hover
{
	color: #766100;
}

#topmenu .superActief a
{
background-color: #b9bfc4;
color: #766100;
text-decoration: none;
}

#topmenu a:hover span.left, #topmenu .superActief a span.left, #topmenu .extraActief a span.left
{
	border-bottom: 3px solid #b9bfc4;
	color: #fff;
}

#topmenu .hoofdItem {
  position: relative;
  top: 0;
  left: 0;
}

#topmenu .hoofdItem .submenu {
  position: absolute;
  top: 40px;
  left: 25px;
  width: 160px;
  background-color: #940f0b;
  z-index: 2000;
  padding: 10px 0 15px 0;
}

#topmenu .submenu ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

#topmenu .submenu li {
  padding: 0;
  margin: 0;
}

#topmenu .submenu li a {
  display: block;
  height: 25px;
  line-height: 25px;
  color: #FFFFFF;
  text-decoration: none;
  padding: 2px 5px 2px 10px;
  font-size: 12px;
}

#topmenu .submenu li a:hover {
  background-color: #b9bfc4;
  color: #940f0b;  
}


#imageBlock
{
	background: #b9bfc4 url(../../img/ziesta/dummy-image.jpg) 0px 19px no-repeat;
	height: 306px;
	
	position: absolute;
	top: 188px;
	left: 84px;
	
	z-index: 1;
}

#main .wrapper
{
	background: #ffffff url(../../img/ziesta/content-background.png) 0px 307px no-repeat;
	padding: 25px 0px 5px 39px;
	width: 913px;
}

#content
{
	float:left;
	margin-top: 290px;
	width: 635px;
	z-index: 5;
  position: relative;
  top: 0;
  left: 0;
}

#sidebar
{
	background: #fff;
	color: #666;
	float: right;
	margin: 283px 10px 0px 0px;
	padding-top: 25px;
	min-height: 100px;
	width: 265px;
	
	position: relative;
	z-index: 5;
}

#sidebar h2
{
	background: url(../../img/ziesta/sidebar_title_bg.png) no-repeat;
	color: #940f0b;
	font-size: 20px;
	height: 45px;
	margin-left: 14px;
	padding: 12px 0px 0px 50px;
	width: 234px;
}

.sidebar-content
{
	margin-left: 22px;
	width: 222px;
}

#sidebar li
{
	clear: both;
}

#sidebar .meer
{
	color: #ff0000;
	font-size: 12px;
	float: right;
	text-decoration: none;
}

.specialiteit
{
	position: relative;
	margin-bottom: 10px;
  cursor: pointer;
}

.specialiteit h3
{
	background: url(../../img/ziesta/sidebar_foto_text.png) repeat-x;
	color: #940f0b;
	height: 22px;
	padding-top: 5px;
	padding-left: 12px;
	width: 210px;

	position: absolute;
	bottom: 2px;
}

#footer
{
	background: url(../../img/ziesta/footer.png) no-repeat;
	height: 83px;
	line-height: 55px;
	margin-top: 25px;
	text-align: left;
	width: 953px;
	margin-left: 83px;
	
}

#footer-copyright
{
	float: left;
	margin-left: 15px;
	font-size: 11px;
}

#footer-expert
{
	float: right;
	margin-right: 15px;
	font-size: 11px;
}
#footer-expert a
{
color: #666;
text-decoration: none;
}
#footer-expert a:hover
{
color: #ff0000;
text-decoration: none;
}


#footer-voorwaarden
{
	float: left;
	margin-left: 50px;
	font-size: 11px;
}
#footer-voorwaarden a
{
color: #666;
text-decoration: none;
}
#footer-voorwaarden a:hover
{
color: #ff0000;
text-decoration: none;
}


/* styling the content */

#content p {
  margin-bottom: 15px;
}

.blok .titel {
  font-size: 30px;
  color: #940f0b;
  line-height: 50px;
  margin: 15px 0 0 0;
  font-weight: normal;
}

.blok .doos {
  color: #333;
  line-height: 23px;
  font-size: 14px;
}

.paginaFotos {
  width: 100%;
  margin: 20px 0 0 0;
}

.paginaFotos .paginaFoto {
  width: 300px;
  height: 201px;
  float: left;
  background-position: center center;
  background-repeat: no-repeat;
  position: relative;
  top: 0;
  left: 0;
  margin: 0 10px 0 0;
}

.paginaFotos .foto {
  margin: 3px 0 0 3px;
}

.paginaFotos .fotoBorder {
  display: block;
  width: 300px;
  height: 201px;
  background-image: url('../../img/ziesta/paginafoto.png');
  background-repeat: no-repeat;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
}

.gastenboekSchrijven {
  position: absolute;
  top: 20px;
  right: 50px;
}

.navigatieBalk {
  min-height: 56px;
  width: 622px;
  background-image: url('../../img/ziesta/gastenboek_nav_bg.png');
  background-repeat: no-repeat;
  margin: 15px 0 15px 0;
  padding: 13px 0 0 20px;
  line-height: 33px;
  font-size: 15px;
  color: #940f0b;
  
  
  position: relative;
  top: 0;
  left: -10px;    
}

.navigatieBalk .kop {
  float: left;
  margin: 0 5px 0 0;
}

.navigatieBalk a {
  color: #a109f9;
  text-decoration: none;
  float: left;
  margin: 5px 0 0 2px;
  padding: 0 6px 0 6px;
  height: 25px;
  line-height: 25px;
}

.navigatieBalk .actief {
  color: #FFFFFF;
  background-color: #940f0b;
}

.gastenboekBericht {
  padding: 0 25px 25px 5px;
}

.gastenboekBericht .gastenboekBerichtGegevens {
  height: 25px;
  color: #940f0b;
}

.gastenboekBericht .gastenboekBerichtGegevens .naam {
  float: left;
  width: 220px;
}

.gastenboekBericht .gastenboekBerichtGegevens .plaats {
  float: left;
}

.gastenboekBericht .gastenboekBerichtGegevens .datum {
  float: right;
	margin-right: 10px;
}

.formulier {
  color: #a109f9;
  text-align: left;
  padding: 40px;
}

.formulier .veld {
  margin: 15px 0 0 0;
}

.formulier .veld label {
  width: 100px;
  text-align: left;
  float: left;
}

.formulier .text {
  border: 1px solid #a109f9;
  color: #a109f9;
}

.formulier .textLarge {
  color: #a109f9;
  border: 1px solid #a109f9;
}

.formulier .button {
  border: 0;
  background-color: transparent;
  color: #a109f9;
}

.formulier .error {
  display: none;
  margin: 15px;
  color: red;
}

.bedankt {
  padding: 10px;
  color: #940f0b;
  line-height : 23px;
  font-size: 15px;
  text-align: left;
}

.bedankt p {
  margin: 0 0 20px 0;
}

.item {
  width: 560px;
}

.item .omschrijving {
  padding: 0 0 0 0;
}

.item .kop {
  min-height: 56px;
  width: 560px;
  background-image: url('../../img/ziesta/gastenboek_nav_bg.png');
  background-repeat: no-repeat;
  margin: 5px 0 10px 0;
  line-height: 58px;
  cursor: pointer;
  
  position: relative;
  top: 0;
  left: -10px;  
}

.item .kop .text {
  padding: 0 0 0 55px;
  font-size: 20px;
  color: #940f0b;
  background-image: url('../../img/ziesta/arrow_on.png');
  background-repeat: no-repeat;  
  background-position: 18px 16px;
}

.item .actief .text {
  background-image: url('../../img/ziesta/arrow_down.png');
  background-position: 18px 20px;  
}

.menukaartitem {
  margin: 0 0 10px 0;
}

.menukaartitem .product {
  float: left;
  width: 400px;
  line-height: 22px;
  font-size: 16px;
  color: #333333;
  font-weight: normal;
}

.menukaartitem .omschrijving {
  padding: 0;
  float: left;
  width: 400px;
  line-height: 22px;
  font-size: 12px;
  color: #7a6600;
  clear: left;
}

.menukaartitem .prijs {
  float: right;
  width: 492px;
  height: 22px;
  font-size: 16px;
  color: #940f0b;
  width: 60px;
}

.menukaartitem .product .vegetarisch {
  color: #098bf9;
  font-size: 12px;
}

.rubriekTitel {
  font-size: 20px;
  color: #7f509e;
  text-align: center;
  margin: 15px 0 15px 0;
  font-weight: normal;
}

.breekpunt {
  clear: both;
  font-size: 1px;
  height: 1px;
}

.kalenderLijst h3 {
  font-size: 16px;
  font-weight: normal;
  color: #000;
  margin: 0 0 5px 0;
}

.kalenderLijst p {
  font-size: 12px;
}

.kalenderLijst li {
  padding: 0 0 0 15px;
  /*background-image: url('../../img/ziesta/sidebar_arrow.jpg');*/
  background-repeat: no-repeat;
  background-position: 10px 0;
  margin: 0 0 20px 0;
  width: 170px;
}

.gastenboekLaatsteBericht {
  padding: 0px 5px 15px 15px;
  margin: 0 0 15px 0;
  font-size: 14px;
}

.gastenboekLaatsteBericht .naam {
  color: #000;
	line-height: 25px;

}

.nieuwsbriefAanmelden {
  padding: 0 0 15px 10px;
}

.nieuwsbriefAanmelden td {
  height: 35px;
}
.nieuwsbriefAanmelden .resultaat {
  color: darkgreen;
}
.nieuwsbriefAanmelden .rood {
  color: red;
}

.vijftig th, .vijftig td {
  text-align: left;
  height: 30px;
  padding: 5px 10px 0 0;
  vertical-align: top;
}
.footerlinks a{
color: #000;
font-size: 12px;
text-decoration: none;
}
.footerlinks a:hover{
color: #fff;
font-size: 12px;
text-decoration: none;
}
#soc_links{
float: right;
position: absolute;
width: 350px;

}