*{
margin: 0;
padding: 0;
border: 0;
}

.indent{
position: absolute;
text-indent: -9999px;
}
.clear{
clear: both;
}

html{
height: 100%;
overflow-y: scroll !important;
}

body{
background: #810427 url(../images/topbg.png) repeat-x top left;
height: 100%;
color: #e6b8c5;
font: 12px/17px 'Lucida Sans Unicode', Arial;
}

#wrapper{
min-height: 100%;
height: auto !important;
height: 100%;
margin: 0 auto -57px;
width: 998px;
}
	#header{
	margin: 0 auto;
	width: 975px;
	height: 205px;
	}
		.logo{
		margin-top: 15px;
		float: left;
		}
		address{
		float: left;
		font: 11px/20px verdana;
		color: #da8da3;
		margin-top: 65px;
		}
		.reserveren{
		margin-top: 38px;
		float: right;
		height: 85px;
		width: 300px;
		}
			.reserveren p{
			width: 260px;
			margin-top: 7px;
			text-align: right;
			font: 11px/20px verdana;
			color: #da8da3;
			float: right;
			}
			.reserveren a:link, .reserveren a:visited{
			display: block;
			width: 110px;
			height: 40px;
			float: right;
			background: url(../images/reserveren.png) no-repeat top left;
			}
			.reserveren a:hover, .reserveren a:active{
			background-position: bottom left;
			}
		#menu{
		width: 730px;
		height: 50px;
		float: right;
		}
			.navigation{
			height: 50px;
			font: 12px verdana;
			text-align: right;
			}
				.navigation li{
				float: left;
				height: 11px;
				margin: 13px 6px 0;
				padding: 7px 0 12px;

				list-style-type: none;
				}
					.navigation li a:link, .navigation li a:visited{
					background: url(../images/menu_mid.png) no-repeat top center;
					padding: 7px 0 16px 0;
					color: #cd708a;
					text-decoration: none;
					}
						.navigation li a .left_menu{
						background: url(../images/menu_left.png) no-repeat top left;
						padding: 7px 0 9px 10px;
						}
							.navigation li a .left_menu .right_menu{
							background: url(../images/menu_right.png) no-repeat top right;
							padding: 7px 10px 9px 0;
							}
					.navigation li a:hover, .navigation li a:active{
					color: #fff;
					}
					.navigation li a.active{
					background-position: bottom center;
					color: #fff;
					}
						.navigation li a:hover .left_menu, .navigation li a:active .left_menu, .navigation li a:hover .left_menu .right_menu, .navigation li a:active .left_menu .right_menu{
						color: #fff;
						}
						.navigation li a.active .left_menu{
						background-position: bottom left;
						}
							.navigation li a.active .left_menu .right_menu{
							background-position: bottom right;
							}
							
	#slide{
	width: 975px;
	height: 255px;
	padding: 19px 19px 19px 19px;
	background: url(../images/slider_bg.png) no-repeat top left;
	margin-bottom: 20px;
	}
		#slideshow{
		
		}
	#content{
	margin: 0 auto;
	width: 975px;
	font: 12px/17px 'Lucida Sans Unicode', Arial;
	}
	

		.box{
		margin-bottom: 30px;
		clear: both;
		}
		
		.left{
		width: 320px;
		float: left;
		}
			.left p{
			clear: both;
			color: #e6b8c5;
			padding-right: 10px;
			margin-left: 10px;
			}
		.mid{
		margin-left: 7px;
		margin-right: 7px;	
		float: left;
		width: 320px;
		}
		.right{
		margin-left: 7px;
		float: left;
		width: 310px;
		}
			.social_content{
			margin-left: 10px;
			}
				.social:link, .social:visited{
				color: #e6b8c5;
				text-decoration: none;
				padding: 0 0 5px 0;
				}
					.social img{
					float: left;
					}
					.social span{
					display: block;
					float: left;
					width: 110px;
					padding: 5px 0 15px 10px;
					}
			.tweetContainer ul {
			list-style:none;
			font: 11px 'Lucida Sans Unicode', Arial; 				
			}
			.tweetContainer {
				margin-top: -20px;
				padding-left: 10px;
			}
			
			.tweet_text{
			margin: 0 0 10px 0;
			color: #e6b8c5;
			}
				.tweet_time a{
				display: block;
				color: #9c415a;
				margin-top: 2px;
				}
				
			.tweet_list li {
				margin-bottom: 22px;
			}
#footer{
width: 100%;
background: #52061b;
height: 57px;
}
.push{
height: 57px;
}
	#footer_content{
	width: 980px;
	margin: 0 auto;
	}
		.navigation_footer{
		font: 11px verdana;
		float: left;
		margin-top: 22px;
		}
			.navigation_footer li{
			float: left;
			margin-right: 5px;
			list-style-type: none;
			}
				.navigation_footer li a:link, .navigation_footer li a:visited{
				padding: 16px 0 9px 3px;
				color: #ac3657;
				text-decoration: none;
				}
				.navigation_footer li a:hover, .navigation_footer li a:active{
				color: #fff;
				}
		.footer_right{
		float: right;
		margin-top: 23px;
		width: 230px;
		}
			.copy{
			float: left;
			margin-right: 14px;
			font: 11px verdana;
			color: #ac3657;
			}
			.tm{
			float: right;
			}

a {
	color: #f8941e;
}

a:hover {
	text-decoration: none;	
}



h2{
font-size: 24px;
color: #fff;
padding: 0px 8px 0 8px;
line-height: 60px;
}
/* h2 heading */
.heading{
height: 39px;
margin-bottom: 10px;
clear: both;
background: url(../images/corner.png) no-repeat left top;
}

.heading404{
height: 39px;
margin-bottom: 10px;
background: url(../images/corner.png) no-repeat left top;
float:left;
margin-right: 15px;
}

.heading404last{
height: 39px;
margin-bottom: 10px;
background: url(../images/corner.png) no-repeat left top;
float:left;
}
	.heading h2, .heading404 h2, .heading404last h2{
	background: #52061b;
	float: left;
	}
	.headingl, .headingr{
	background: url(../images/corner.png) no-repeat;
	width: 2px;
	height: 39px;
	float: left;
	}
	.headingl{
	background-position: left top;
	}
	.headingr{
	background-position: right top;
	}
/* rounded corners Wist u dat?! */
.box .afronding{
height: 2px;
}
	.box .lt,.box .rt,.box .lb,.box .rb{
	background: url(../images/corner.png) no-repeat;
	width: 2px;
	line-height: 2px; /*FIX IE6 HEIGHT*/
	height: inherit;
	float: left;
	}
	.box .mt,.box .mb{
	background: #52061b;
	height: 2px; /*rounded height minus border-height*/
	line-height: 2px; /*FIX IE6 HEIGHT*/
	width: 306px; /*width box minus corner-width*/
	float: left;
	}
	.box .lt{
	background-position: left top;
	}
	.box .rt{
	background-position: right top;
	}
	.box .lb{
	background-position: left bottom;
	}
	.box .rb{
	background-position: right bottom;
	}
.box .rounded_content{
background: #52061b;
width: 300px;
padding: 0 10px 10px 0;
}
	
	
	
.left_subpage{
width: 446px;
float: left;
}

.left_404page{
width: 507px;
float: left;
margin-top: 50px;
}


.left_subpageGastenboek{
width: 500px;
float: left;
}

.right_subpageGastenboek{
float: right;
margin-top:77px;
}


	.subpage_content{
	color: #e6b8c5;
	margin: 0 0 30px 10px;
	}
.right_subpage{
width: 514px;
float: right;
}

.right_404page{
width: 347px;
float: left;
margin-left: 28px;
}


	.right_subpage .heading {
	margin-left: 14px;
	}
	.right_subpage .subpage_content{
	margin-left: 24px;
	}
.afbeelding_box {
width: 493px;
height: 352px;
background: url(../images/frame.png) no-repeat top left;
padding: 20px 0 0 20px;
margin-bottom: 30px;
position: relative;
right: -6px;
}

.errors, #EmailForm {
		margin-left: 24px;
		
}

#maps {
	clear:left;
	width: 770px;
	float:left;
	margin-top: -16px;
	color: #52061b;
}

#map24 {
	float:right;
}

#maandmenuA {
	margin-top: -52px;
	margin-left: 15px;
	float:left;
	width: 230px;
}


#maandmenuB {
	margin-top: -52px;
	float:right;
}

.afhaalPersonen {
	margin-left: 8px;
}

.afhaalPrijs {
	margin: 8px 8px 8px 8px;
	font-size:20px;
	color: #f8941e;
}

#maandmenuA ul, #maandmenuB ul {
	margin-left: 8px;
	list-style:none;
}

h3 {
	margin-left: 8px;
}

#EmailForm .text, #cfRegarding, #gastenboek .Nametext, .Emailtext, .gastenboekCijfer,  #ReserveerForm .text, #cfRegarding{
	width: 378px;
	height: 20px;
	font: 11px/17px 'Lucida Sans', Arial;
	color: #52061b;
	padding: 2px 2px 2px 3px;
}

.Nametext {
	margin-left: 37px;
}

.Emailtext {
	margin-left: 39px;
}

.gastenboekCijfer {
	margin-left: 47px;
	width: 383px;
	height:24px;
}

.bericht {
	height: 150px;
	width: 378px;
	font: 11px/17px 'Lucida Sans', Arial;
	color: #52061b;
	padding: 2px 2px 2px 3px;
	margin-left: 26px;
}

#EmailForm p,  #gastenboek p, #ReserveerForm p {
	margin-bottom: 5px;
}

#cfMessage {
	height: 150px;
	width: 378px;
	font: 11px/17px 'Lucida Sans', Arial;
	color: #52061b;
	padding: 2px 2px 2px 3px;
	margin-left: 55px;
}

#cfName {
	margin-left: 60px;
}

#cfEmail {
	margin-left: 57px;
}

#cfPhone {
	margin-left: 44px;
}

#cfRegarding {
	margin-left: 29px;
	width: 383px;
	height:24px;
}

.gastenboekCijfer {
	width: 383px;
	height:24px;
}

span.cfMessage, span.cfOpmerking{
	vertical-align:top;
	padding-top:13px;
}

#cfContact {
	margin-left: 98px;
		height: 24px;
	font: 11px/17px 'Lucida Sans', Arial;
	color: #fff;		
		padding: 2px 2px 2px 3px;
		background:#52061b;
		font-weight:bold;
}

.gastenboekbtn {
	margin-left: 85px;
		height: 24px;
	font: 11px/17px 'Lucida Sans', Arial;
	color: #fff;		
		padding: 2px 2px 2px 3px;
		background:#52061b;
		font-weight:bold;
}

#ReserveerForm #cfName {
	margin-left: 93px;
}

#ReserveerForm #cfEmail {
	margin-left: 90px;
}

#ReserveerForm #cfTelefoon {
	margin-left: 29px;
}

#ReserveerForm #datepicker {
	margin-left: 89px;
}

#ReserveerForm #cfTijd {
	margin-left: 104px;
}

#ReserveerForm #cfPersonen {
	margin-left: 33px;
}

#ReserveerForm #cfContact {
	margin-left: 131px;
		height: 24px;
	font: 11px/17px 'Lucida Sans', Arial;
	color: #fff;		
		padding: 2px 2px 2px 3px;
		background:#52061b;
		font-weight:bold;
}

#cfOpmerking {
	height: 150px;
	width: 378px;
	font: 11px/17px 'Lucida Sans', Arial;
	color: #52061b;
	padding: 2px 2px 2px 3px;
	margin-left: 63px;
}

.ui-datepicker {
	margin-left: 8px;
}


			a.contactBtn:link,  a.contactBtn:visited{
			display: block;
			width: 82px;
			height: 40px;
			float: left;
			background: url(../images/contact.png) no-repeat top left;
			text-indent:-999em;
			overflow: hidden;
			}
			a.contactBtn:hover, a.contactBtn:active{
			background-position: top right;
			}
			
			a.homeBtn:link, a.homeBtn:visited{
			display: block;
			width: 115px;
			height: 40px;
			float: left;
			margin-right: 15px;
			background: url(../images/homepagina.png) no-repeat top left;
						text-indent:-999em;
			overflow: hidden;
			}
			a.homeBtn:hover, a.homeBtn:active{
			background-position: top right;
			}		
			
			a.reserveerBtn:link,  a.reserveerBtn:visited{
			display: block;
			width: 110px;
			height: 40px;
			float: left;
			margin-right: 15px;
			background: url(../images/reserveren.png) no-repeat bottom left;
			text-indent:-999em;
			overflow: hidden;
			}
			a.reserveerBtn:hover, a.reserveerBtn:active{
			background-position: top left;
			}