@charset "utf-8";
/* NALU BEACH */

/* BODY EIGENSCHAPPEN */

body {
	margin-left:0px;
	margin-top:0px;
	margin-right:0px;
	margin-bottom:0px;
	padding:0;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:12px;
	color:#000;
	line-height:18px;
	height:100%;
	body:100%;
	background:#907864;
}
h1 {
	margin:0;
	padding:0;
	font-size:24px;
	font-family:Georgia;
	color:#907864;
}
h3 {
	margin:0;
	padding:0;
	font-size:16px;
	font-family:Georgia;
	color:#907864;
}
/* HYPERLINKS */
a:link,a:active,a:visited{
	text-decoration:none;
	color:#907864;
}
a:hover{
	text-decoration:underline;
	color:#907864;
}
/* DIV INTERFACE STATIC */
#hider{
	padding:0;
	position:absolute;
	width:970px;
	height:90px;
	left:50%;
	margin:0px auto auto -485px;
}
#logo{
	padding:0;
	margin:5px 0 0 -462px;
	position:absolute;
	width:90px;
	height:78px;
	left:50%;
	background:url(../images/logo-nalu-beach.gif) no-repeat;
}
#social-network-icons{
	padding:0;
	margin:26px 0 0 250px;
	position:absolute;
	width:250px;
	height:38px;
	left:50%;
}
ul#social-network-icons-buttons {
	margin:0;
	padding:0;
	display:block;
	list-style-type:none;
	width:250px;
	overflow:inherit;
	
}
ul#social-network-icons-buttons li {
	padding:0;
	display:inline;
	position:relative; 
	float:left;
	height:38px;
	margin-left:10px;
}
#menu{
	padding:0;
	position:absolute;
	width:970px;
	height:56px;
	left:50%;
	margin:90px auto auto -485px;
	background:url(../images/bg-menu.jpg)
}
.menu-button {
	margin			: 0;
	padding			: 4px 10px 5px 9px;
	border			: 0;
	color			: #85332c;
	cursor			: pointer;
	float			: left;
}
.menu-button.toggle {
	border-color	: #1f525e;
	background	: #917864;
	color	: #dac799;
	
	-moz-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
	behavior: url(/css/PIE.htc);
	
	-webkit-box-shadow: 0 0 0 rgba(0,0,0,0.20), rgba(0,0,0,0.40) 2px 2px 3px inset;
	-moz-box-shadow: 0 0 0 rgba(0,0,0,0.20), rgba(0,0,0,0.40) 2px 2px 3px inset;
}
.menu-button.active {

	background	: #917864;
	color	: #dac799;
	
	-moz-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
	behavior: url(/css/PIE.htc);
	
	-webkit-box-shadow: 0 0 0 rgba(0,0,0,0.20), rgba(0,0,0,0.40) 2px 2px 3px inset;
	-moz-box-shadow: 0 0 0 rgba(0,0,0,0.20), rgba(0,0,0,0.40) 2px 2px 3px inset;
}
ul#main-nav {
	margin			: 15px 0 0 0;
	padding			: 0 0 0 10px;
	display			: block;
	list-style-type	: none;
	font-family		: Verdana;
	text-align		: right;
	text-transform	: none;
	font-size-adjust: none;
	font-weight		: bold;
	font-size		: 13px;
	float			: left;
}
ul#main-nav li {
	margin			: 0;
	padding			: 0 0 0 10px;
	position		: relative;
	float			: left;
}
#shade-menu-left{
	padding:0;
	margin:146px auto auto -485px;
	position:absolute;
	width:10px;
	height:8px;
	left:50%;
	overflow:hidden;
	background:url(../images/shade-menu-left.jpg);
	z-index:100;
}
#shade-menu-right{
	padding:0;
	margin:146px auto auto 475px;
	position:absolute;
	width:10px;
	height:8px;
	left:50%;
	overflow:hidden;
	background:url(../images/shade-menu-right.jpg);
	z-index:100;
}
#image-top{
	padding:0;
	margin:146px auto auto -485px;
	position:absolute;
	width:970px;
	height:235px;
	left:50%;
	overflow:hidden;
	text-align:center;
	background:url(../images/bg.jpg) repeat-y;
}
#image-top img {
	display:none;
	position:absolute;
	top:0; left:10px;
}
#vertaal-container{
	position:absolute;
	left:50%;
	padding:0;
	margin:394px 0 0 309px;
	overflow:hidden;
	width:148px;
	height:28px;
	z-index:100;
}
#vertaal{
	padding:0;
	margin:-31px 0 0 -8px;
	overflow:hidden;
	width:169px;
	height:65px;
}
#container{
	position:absolute;
	margin:381px auto auto -485px;
	width:970px;
	left:50%;
	background:url(../images/bg.jpg) repeat-y;
}
#content-container{
	padding:0;
	margin:0 0 0 10px;
	width:950px;
	min-height:300px;
	overflow:hidden;
	background:#FFF;
}
#content{
	padding:0;
	margin:14px 0 0 10px;
	width:930px;
	margin-top:14px;
	overflow:hidden;
	background:#FFF;
}
#content-tekst{
	padding:0;
	margin:12px 0 10px 0;
	width:930px;
	overflow:hidden;
	background:#FFF;
}
#menu-left-bedrijfsfeesten{
	padding:0;
	margin:0;
	width:175px;
	float:left;
}
#teksten-bedrijfsfeesten{
	padding:0;
	margin:0;
	width:735px;
	float:RIGHT;
}
#footer{
	padding:0px;
	margin:0 0 0 10px;
	width:950px;
	height:51px;
	overflow:hidden;
	background:#dac799;
}
ul#footer-menu {
	display:block;
	margin:10px 0 0 15px;
	padding:0;
	list-style-type:none;
	width:940px;
	overflow:inherit;
}
ul#footer-menu li {
	padding:0;
	margin:7px 21px 0 0;
	display:inline;
	position:relative; 
	float:left;
	height:27px;
}
#footer-menu li a {
	color:#85332c;
}
#footer-menu li.active a, #footer-menu ul li.first.active a, #footer-menu ul li.last.active a {
	border:none;
}
/* HOMEPAGE */
ul#homepage-blokken {
	padding:0;
	margin:15px 0 0 -40px;
	display:block;	
	list-style-type:none;
	width:960px;
	overflow:inherit;
	text-align:left;
}
ul#homepage-blokken li {
	padding:0;
	margin:0 0 20px 50px;
	display:inline;
	position:relative; 
	float:left;
	width:270px;
	height:124px;
}
#homepage-blokken-titel{
	padding:3px 0 0 7px;
	margin:0;
	width:263px;
	height:25px;
	font-family:Georgia;
	font-size:14px;
	font-weight:bold;
	color:#dac799;
	overflow:hidden;
	float:left;
	background:#907864;
}
/* ACCORDEONS */
#accordion {
	padding:0;
	margin:0;
	width:930px;
}
h3.toggler {
	padding:4px 0px 0px 9px;
	margin:-4px 0 0 0;
	cursor: pointer;
	border:0;
	font-family:Georgia;
	font-size: 14px;
	font-weight:bold;
	height:33px;
}
div.element {
	margin:0;
	padding-left:-2px 0 0 0;
}
#accordion-content {
	padding:0 10px 0 6px;
	margin:0 0 0 5px;
	width:904px;
	background:#F2F2F2;
}
blockquote {
	padding:0;
}
/* FOTO GALLERY */
ul#galerij-blokken {
	padding:0;
	margin:15px 0 0 -40px;
	display:block;	
	list-style-type:none;
	width:960px;
	overflow:inherit;
	text-align:left;
}
ul#galerij-blokken li {
	padding:0;
	margin:0 0 20px 50px;
	display:inline;
	position:relative; 
	float:left;
	width:270px;
	height:148px;
}
#galerij-blokken-titel{
	padding:3px 0 0 7px;
	margin:0;
	width:263px;
	height:25px;
	font-family:Georgia;
	font-size:14px;
	font-weight:bold;
	color:#dac799;
	overflow:hidden;
	float:left;
	background:#907864;
}
/* SLIMBOX */

#lbOverlay {
	position: fixed;
	z-index: 9999;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	cursor: pointer;
}

#lbCenter, #lbBottomContainer {
	position: absolute;
	z-index: 9999;
	overflow: hidden;
	background-color: #fff;
}

.lbLoading {
	background: #fff url(../images/mootools/loading.gif) no-repeat center;
}

#lbImage {
	position: absolute;
	left: 0;
	top: 0;
	border: 10px solid #fff;
	background-repeat: no-repeat;
}

#lbPrevLink, #lbNextLink {
	display: block;
	position: absolute;
	top: 0;
	width: 50%;
	outline: none;
}

#lbPrevLink {
	left: 0;
}

#lbPrevLink:hover {
	background: transparent url(../images/mootools/prevlabel.gif) no-repeat 0 15%;
}

#lbNextLink {
	right: 0;
}

#lbNextLink:hover {
	background: transparent url(../images/mootools/nextlabel.gif) no-repeat 100% 15%;
}

#lbBottom {
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size: 10px;
	color: #666;
	line-height: 1.4em;
	text-align: left;
	border: 10px solid #fff;
	border-top-style: none;
}

#lbCloseLink {
	display: block;
	float: right;
	width: 66px;
	height: 22px;
	background: transparent url(../images/mootools/closelabel.gif) no-repeat center;
	margin: 5px 0;
	outline: none;
}

#lbCaption, #lbNumber {
	margin-right: 71px;
}

#lbCaption {
	font-weight: bold;
}
/* FORMULIEREN */
.input-field {
	margin:0;
	padding:0;
	width: 250px;
	height: 18px;
	border:solid 1px #907864;
	color: #000;
	font-size:12px;
	text-indent:0px;
}