/*  Tags Declaration  */
BODY {
    margin: 0;
    padding: 0;
    text-align: center;
    background: #333333 url("../images/backgrounds/body-bg. gif") repeat-y center top;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
A {text-decoration: underline;}
A:HOVER {text-decoration: none;}
IMG {border: none;}

.relax{
	clear: both;
	height: 0;
	line-height: 0;
	font-size: 0;
}

/*  Page  */
#page {
    margin: auto;
    text-align: left;
    position: relative;
    margin-left: -55px;
    min-width: 950px;
    overflow: hidden;
    
    _width: expression((document.body.clientWidth) < 1050 ? '1050px':'100%');
    _overflow: auto;
    _margin-left: -50px;
}
.content-bg {
    /*background: url("../images/backgrounds/body-bg1.gif") repeat-y center top;*/
	float: left;
	width: 100%;
	
    text-align: center;
    _overflow: hidden;
}

.fh-wrapper {
    margin: auto;
    position: relative;
    width: 1100px;
    z-index: 1;
}
#flash-header {
    width: 1100px;
    height: 302px;
    overflow: hidden;
    /*margin-left: -1px;
    //  margin-left: 1px;*/
}
@media screen and (-webkit-min-device-pixel-ratio:0) { #flash-header{ margin-left: 0px; } }
@media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0) { head~body #flash-header { margin-left: 0px; }}

/*  Header  */
.header {
    float: left;
    width: 100%;
	text-align: center;
	margin: auto;
    /*background: url("../images/backgrounds/header-bg.jpg") no-repeat center top;*/
	padding: 155px 0 85px;
    position: relative;
    z-index: 2;
    margin-top: -302px;
	
}
.container {
	/*width: 950px;*/
	width: 1100px;
	text-align: left;
	margin: auto;
	position: relative;
	top: 0;
	left: 0;
}
.container.c-ft {
	width: 950px;
}

.container-b {
	float: left;
	width: 1100px;
	background: url("../images/backgrounds/body-bg1.gif") repeat-y left top;
}
.header-b {
	float: left;
	width: 950px;
	_width: 1100px;
	padding: 0px 75px 0px 75px;
}

.container-t {
	float: left;
	width: 950px;
	_width: 1100px;
	min-height: 500px;
	_height: 500px;
	padding: 0px 75px 90px 75px;
	background: url("../images/backgrounds/content-bg.jpg") no-repeat left bottom;
}



A.logo {
	width: 95px;
	height: 35px;
	position: absolute;
	top: -67px;
	left: 502px;
	display: block;
}
A.logo:HOVER {text-decoration: none; }
.menu {
	width: 100%;
	float: left;
}
.menu UL {
	margin: 0;
	padding: 10px 0 0px;
	float: left;
}
.menu UL LI {
	list-style: none;
	float: left;
	padding-left: 25px;
	position: relative;
}
.menu UL LI.select A {
	color: #663333;
}
.menu UL LI A {
	float: left;
	color: #ffffff;
	font-size: 24px;
	line-height: 0;
	font-size: 0;
	z-index: 10;
}
.menu UL LI A IMG {
	margin: 0px 0 0px -25px;
	position: relative;
	top: -3px;
	z-index: 100000;
}
.menu UL LI A SPAN {
	background: url("../images/icons/star-menu.gif") no-repeat left center;
	width: 21px;
	height: 21px;
	float: left;
	margin: 0px 0 0px -25px;
	position: relative;
	z-index: 1000;
	top: -3px;
}

.menu UL LI A.ww {
	background: url("../images/titles/ww.gif") no-repeat left top;
	width: 158px;
	margin-left: 170px;
}
.menu UL LI A.ww:HOVER {background: url("../images/titles/ww-hover.gif") no-repeat left top;}
.menu UL LI.select A.ww {background: url("../images/titles/ww-hover.gif") no-repeat left top;}
.menu UL LI A.vestigingen {
	width: 89px;
	background: url("../images/titles/vestigingen.gif") no-repeat left top;
	margin-left: 26px;
}
.menu UL LI A.vestigingen:HOVER {background: url("../images/titles/vestigingen-hover.gif") no-repeat left top;}
.menu UL LI.select A.vestigingen {background: url("../images/titles/vestigingen-hover.gif") no-repeat left top;}
.menu UL LI A.receptieboek {
	width: 100px;
	background: url("../images/titles/receptieboek.gif") no-repeat left top;
	margin-left: 255px;
}
.menu UL LI A.receptieboek:HOVER {background: url("../images/titles/receptieboek-hover.gif") no-repeat left top;}
.menu UL LI.select A.receptieboek {background: url("../images/titles/receptieboek-hover.gif") no-repeat left top;}
.menu UL LI A.home {
	width: 37px;
	background: url("../images/titles/home.gif") no-repeat left top;
	margin-left: 98px;
}
.menu UL LI A.home:HOVER {background: url("../images/titles/home-hover.gif") no-repeat left top;}
.menu UL LI.select A.home {background: url("../images/titles/home-hover.gif") no-repeat left top;}
.menu UL LI A.prijzen {
	width: 55px;
	background: url("../images/titles/prijzen.gif") no-repeat left top;
	margin-left: 125px;
}
.menu UL LI A.prijzen:HOVER {background: url("../images/titles/prijzen-hover.gif") no-repeat left top;}
.menu UL LI.select A.prijzen {background: url("../images/titles/prijzen-hover.gif") no-repeat left top;}
.menu UL LI A.reserveren {
	width: 85px;
	background: url("../images/titles/reserveren.gif") no-repeat left top;
	margin-left: 85px;
}
.menu UL LI A.reserveren:HOVER {background: url("../images/titles/reserveren-hover.gif") no-repeat left top;}
.menu UL LI.select A.reserveren {background: url("../images/titles/reserveren-hover.gif") no-repeat left top;}
.menu UL LI A.contact {
	width: 57px;
	background: url("../images/titles/contact.gif") no-repeat left top;
	margin-left: 245px;
}
.menu UL LI A.contact:HOVER {background: url("../images/titles/contact-hover.gif") no-repeat left top;}
.menu UL LI.select A.contact {background: url("../images/titles/contact-hover.gif") no-repeat left top;}


.menu UL LI A:HOVER {
	color: #663333;
	text-decoration: none;
}
/*  Content  */
.content {
    float: left;
    width: 100%;
	text-align: center;
	margin: auto;
    /*background: url("../images/backgrounds/content-bg.jpg") no-repeat center bottom;
	padding-bottom: 80px;
	min-height: 700px;
	_height: 700px;*/
    position: relative;
    z-index: 2;
}
.left-col {
	width: 652px;
	float: left;
	margin: -40px 0 20px;
}

.left-col P {
	color: #584B3D;
	font-size: 10px;
	padding: 0 35px 15px 75px;
	margin: 0;
	line-height:16px;
}
.left-col A {color: #584B3D;}
.left-col P.heading {
	font-size: 18px;
	padding-bottom: 30px;
	font-family: Times New Roman;
	position: relative;
}
.left-col H1 {
	color:#663333;
	font-size: 18px;
	padding: 0px 50px 30px 75px;
	font-family: Times New Roman;
	font-weight:lighter;
	margin: 0;
	position: relative;
}

.left-col h2, h3 {
	color:#663333;
	padding: 0px 50px 5px 75px;
	font-family: Times New Roman;
	font-weight:lighter;
	margin: 0;
	position: relative;
	text-transform:uppercase;
}

.left-col h2 {font-size:16px;}
.left-col h3 {font-size:14px;}

.left-col ul {
	color: #584B3D;
	font-size: 10px;
	padding: 10px 135px 15px 90px;
	margin: 0;
	line-height:16px;
}
.left-col IMG {
	border:none;
	padding: 4px 4px 0px 0px;
}
.side-border {
	background: url("../images/backgrounds/border.gif") repeat-y right top;
	width: 1px;
	height: 346px;
	float: left;
	position: relative;
	line-height: 0;
	font-size: 0
}
.right-col {
	width: 298px;
	margin-left: -1px;
	float: left;
	margin: -40px 0 20px;
}
.right-col P.heading {
	font-size: 18px;
	padding: 0 0 30px 25px;
	font-family: Times New Roman;
	color: #666666;
	margin: 0;
	position: relative;
}
.link {
	width: 76px;
	float: left;
	padding: 0 25px 15px 25px;
	text-align: center;
}
.link A {
	color: #ffffff;
	font-size: 24px;
	font-family: Mesquite Std;
	display: block;
	letter-spacing: 2px;
	height: 122px;
	background: url("../images/pictures/close.gif") no-repeat left bottom;
	_width: 76px;
	line-height: 0;
	font-size: 0;
}
.link A:HOVER {
	text-decoration: none;
	background: url("../images/pictures/open.gif") no-repeat left bottom;
}

.link A.active {
	text-decoration:none;
	background: url("../images/pictures/open.gif") no-repeat left bottom;}

.left-col .img-div {
	float: right;
	margin-right: 15px;
	margin-top:50px;
}

.left-col .img-div img {padding-left:5px;}

.column-text {
	float: left;
	padding-left: 15px;
}
.column-text.first-ct {padding-left: 75px;}
.column-text P {padding: 0;}
.column-text P.font-bold {font-weight: bold;}
.left-col FORM {
	width: 420px;
	margin: 50px 0 0 75px;
	float: left;
	display: inline;
}

#pos_contact FORM {margin:10px 0 0 75px;}

.left-col FORM .row {
	width: 100%;
	float: left;
	padding-bottom: 0px;
}

.left-col FORM INPUT {
	float: left;
	color:#584b3d;
	font-size:10px;
	background: url("../images/backgrounds/input-bg1.gif") repeat-x left top;
	width: 287px;
	_width: 282px;
	height: 20px;
	_height: 23px;
	border: none;
	padding: 3px 0 0 0px;
}
.left-col select { 
 float: left;
	background: url("../images/backgrounds/input-bg.gif") repeat-x left top;
	background-color: #AE9C88;
	width: 287px;
	_width: 282px;
	height: 20px;
	_height: 23px;
	border: none;
	padding: 3px 0 0 0px;
	color:#584b3d;
	font-size:10px;
	}

.input-left {
	background: url("../images/backgrounds/input-left.gif") no-repeat left top;	
	width: 292px;
	float: right;
	padding-left: 5px;
}
.input-right {
	background: url("../images/backgrounds/input-right.gif") no-repeat right top;	
	float: right;
	padding-right: 5px;
	height: 23px;
}
.left-col FORM .button-versturen {
	font-family:times new roman;
	float: left;
	background: url("../images/backgrounds/button-versturen.gif") no-repeat left top;
	width: 88px;
	height: 23px;
	padding: 0px;
	margin-left: 125px;
	cursor: pointer;
}
.left-col FORM LABEL {
font-family:times new roman;
	float: left;
	font-size: 14px;
	color: #663333;
}
.left-col FORM SELECT {
	background: #AE9C88 url(../images/backgrounds/input-bg.gif) repeat-x scroll left top;
	border: none;
	float: left;
	height: 20px;
	padding: 3px 0 0px 0;
	width: 287px;
	}
.left-col FORM TEXTAREA {
	float: right;
	width: 290px;
	_width: 296px;
	background: url("../images/backgrounds/textarea-bg.gif") repeat-y left top;
	border: none;
	height: 85px;
	margin: 0;
	padding: 0 3px;
	overflow-x: auto;
	color:#584b3d;
	font-size:11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;

}
.textare-top {
	width: 296px;
	background: url("../images/backgrounds/textarea-top.gif") no-repeat left top;
	float: right;
	height: 95px;
	padding-top: 10px;
}
.textare-bottom {
	width: 296px;
	background: url("../images/backgrounds/textarea-bottom.gif") no-repeat left top;
	float: right;
	height: 10px;
}
UL.side-menu {
	margin: 0;
	padding: 0 0 40px 11px;
} 
UL.side-menu LI {list-style: none;
} 
UL.side-menu LI A {
	color: #636363;
	font-size: 10px;
	background: url("../images/icons/star-small.gif") no-repeat left center;
	font-weight: bold;
	padding-left: 15px;
}

UL.side-menu LI.select A {
	color:#EEEEEE;
	background: url("../images/icons/star-small_white.gif") no-repeat left center;
}

/*  Footer  */
.footer {
    float: left;
    width: 100%;
	background: #333333;
	text-align: center;
	margin: auto;
	position: relative;
	z-index: 100;
}
.wrapper-cd {
	margin-top: -60px;
	float: left;
} 
.contact-data {
	float: left;
	padding-left: 75px;
	position: relative;
    z-index: 3;
}
.contact-data P {
	color: #666666;
	font-size: 10px;
	padding-bottom: 15px;
	margin: 0;
}
.contact-data A {color: #666666;}
.footer-menu {
	width: 100%;
	float: left;
}
.footer-menu UL {
	float: left;
	padding: 5px 0 0 75px;
	margin: 0;
}
.footer-menu UL LI {
	list-style: none;
	color: #ffffff;
	float: left;
	font-size: 10px;
	padding-right: 3px
}
.footer-menu UL LI.selected A {text-decoration: underline;}
.footer-menu UL LI.selected A:HOVER {text-decoration: none;}
.footer-menu UL LI A {
	color: #ffffff;
	font-size: 10px;
	float: left;
	margin-right: 3px
}
.footer-menu P {
	color: #ffffff;
	font-size: 10px;
	text-align: right;
	padding: 5px 50px 10px 0;
	margin: 0;
}
.footer-menu A {color: #ffffff;}
.relaxator{
	width:100%;
	clear:both;
	float:left;
	height:1px;
}


.error {color:red;padding-left:75px;font-size:12px;}

table.openingstijden {
	color: #584b3d;
	font-size: 10px;
	margin-left:75px;
}

table.openingstijden td.dag {font-weight:bold;padding-right:20px;}

/* Kijkje binnen foto's */
.kijkjebinnen {float:left;margin-top:0px;padding:0 3px 1px 75px;}
img#fullImage {float:left;margin:3px;padding:0;}
img.s-img {margin:3px 3px 3px 0px;padding:0;float:left;}
img.s-img:hover {cursor:pointer;}

/*receptieboek styling*/
div.teken_boek {
padding: 0px 0px 0px 30px;
}

P.receptieboekheading,DIV.receptieboekheading {color:#663333;font-size:9px;}
DIV.receptieboekheading {padding-left:75px;}

.receptieboekheading a:link, .receptieboekheading a:visited {font-weight:bold;color:#663333;font-size:9px;text-decoration:none;}
.receptieboekheading a:hover {text-decoration:underline;}

.left-col .receptieboek IMG {
	border:none;
	padding: 4px 0px 0px 75px;
}
.right-col FORM LABEL {
font-family:times new roman;
	float: left;
	font-size: 12px;
	height:16px;
	color: #663333;
	padding:3px 10px 0 0px;
}
.right-col FORM INPUT {
	float: left;
	font-family:times new roman;
	color:#584b3d;
	background: url("../images/backgrounds/input-bg-rb.gif") repeat-x left top;
	width: 200px;
	_width: 200px;
	height: 20px;
	_height: 23px;
	border:none;
	border-bottom-style:dashed;
	border-bottom-color:#666666;
	border-bottom-width:1px;
	padding: 3px 0 0 0px;
}
.right-col .inputcode {
	float: left;
	font-family:times new roman;
	color:#584b3d;
	background: url("../images/backgrounds/input-bg-rb.gif") repeat-x left top;
	width: 100px;
	_width: 100px;
	height: 20px;
	_height: 23px;
	border:none;
	border-bottom-style:dashed;
	border-bottom-color:#666666;
	border-bottom-width:1px;
	padding: 3px 0 0 0px;
}
.right-col FORM SELECT {
	background: #AE9C88 url("../images/backgrounds/input-bg-rb.gif") repeat-x scroll left top;
	border: none;
	font-family:times new roman;
	color:#584b3d;
	float: left;
	font-size:12px;
	height: 20px;
	padding: 0px 6px 0px 0;
	width: 179px;
	
}
.right-col FORM TEXTAREA {
	float: left;
	font-family:times new roman;
	color:#584b3d;
	width: 250px;
	_width: 250px;
	background: url("../images/backgrounds/textarea-bg-rb.gif") repeat-y left top;
	border: none;
	height: 85px;
	margin: 0;
	padding: 0 3px;
	overflow-x: auto;
}
.right-col FORM .button-versturen {
	font-family:times new roman;
	float: left;
	background: url("../images/backgrounds/button-versturen.gif") no-repeat left top;
	width: 92px;
	height: 25px;
	padding: 0px;
	margin-left: 0px;
	cursor: pointer;
	border:none;
}
.right-col FORM .row {
		float: left;
	padding-bottom: 4px;
}

div#prefs_select {float:right;width:150px;margin:7px 25px 0 0;padding-top:0;display:inline;}
#prefs_select form {margin:0;padding:0;}
#prefs_select select {width:140px;padding:3px;}

.socialmedia {
	float: left;
	margin-left: 100px;
    margin-top: 23px;	
}