/*************************************************************************************************
 * STYLE RESETS
 *************************************************************************************************/
 
    body,div,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td
{ 
        margin:0;
        padding:0;
    }
    
    table {
        border-collapse:collapse;
        border-spacing:0;
    }
    
    fieldset,img { 
        border:0;
    }
    
    
    caption,th {
        text-align:left;
    }
    
    h1,h2,h3,h4,h5,h6 {
        font-size:100%;
        font-weight:normal;
    }
    
    abbr,acronym { 
        border:0;
    }
    
/*************************************************************************************************
 * GENERIEKE STYLES (UITSLUITEND "KALE" HTML-TAGS!)
 *************************************************************************************************/
 
    html, body {
    	padding:0px;
    	margin:0px;	 
    }
 
    body, input, select, textarea, td {
    	font-family:Trebuchet MS, verdana, arial;
    	color:#000000;
    	font-size:12px;
    	line-height:18px;
    }
    
    body {
		background:#d4b065 url("../images/introBackground.png") top center no-repeat;
    }
    
    
    a:link, a:visited {
    	color:#000000;
    }
    
    a:hover,  a:active {
    	color:#000000;
    }
    
    a img {
		border:none;
	}
	
	a {
		color:#d0ad00;
	}	
/*************************************************************************************************
 * GLOBALE LAYOUT (STRAMIEN + ALGEMENE OPMAAK)
 *************************************************************************************************/

 div#header img.text {
 	position:absolute;
 	left:43px;
 	top:26px;
 }

#container {
	width:1020px;
	overflow:hidden;
	min-height:800px;
	position: relative; 
	margin:0 auto;
	text-align:left;
	z-index: 12;
}

div#menu {
	height:59px;
	width:731px;
	background:url("../images/menubar.png") top left no-repeat;
    
    
	margin-top:50px;
	float:left;
	margin-left:20px;
 }
 
 
div#logo {
	height:136px;
	width:174px;
	background:url("../images/logo.png") top left no-repeat;
    
    text-indent:-90000px;
    
	margin-top:8px;
	float:left;
	margin-left:51px;
 }

div#header {
	position:relative;
	height:372px;
	width:960px;
	clear:both;
	float:left;
	margin-top:9px;
	margin-left:34px;
}

div#image {
	height:354px;
	width:908px;
	background:none;
	position:absolute;
	left:23px;
	top:5px;
}

#image .inner {
    position: relative;
    width: 908px;
    height: 354px;
    overflow: hidden;
}

#image .inner ul {
    position: absolute;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
    list-style: none;
}

#image .inner ul li {
    position: absolute;
    top: 0;
    margin: 0;
    padding: 0;
}


div#border {
	height:372px;
	width:960px;
	background:url("../images/borderTop.png") top left no-repeat;
	position:absolute;
}

div#links {
	width:926px;
	height:160px;
	clear:both;
	margin-top:35px;
	margin-left:56px;
	float:left;
}

div.blockLink {
	width:303px;
	position:relative;
	height:160px;
	float:left;
}

div.blockLink img {
	position:absolute;
	left:6px;
	z-index:90;
	top:5px;
}

div.blockLink img.text {
	position:absolute;
	top:85px;
	left:30px;
}

div.border {
	position:absolute;
	background:url("../images/borderUnder.png") top left no-repeat;
	z-index:100;
	
	width:303px;
	height:160px;
}

a.arrowLeft,a.arrowRight {
    outline: none;
}

a.arrowLeft {
	display:block;
	width:34px;
	background:url("../images/buttonLeft.png") top left no-repeat;
	height:32px;
	
	text-indent:-990000px;
	position:absolute;
	
	left:7px;
	top:173px
}

a.arrowRight {
	display:block;
	width:34px;
	background:url("../images/buttonRight.png") top left no-repeat;
	height:32px;
	
	text-indent:-990000px;
	position:absolute;
	
	right:12px;
	top:173px
}


a.beachClub {
	display:block;
	width:113px;
	background:url("../images/beachclub.png") top left no-repeat;
	height:92px;
	
	text-indent:-990000px;
	position:absolute;
	
	right:50px;
	bottom:32px
}



div#bullets {
	overflow:hidden;
	
	position:absolute;
	bottom:30px;
	left:45%;
}

#bullets a {
    outline: none;
}

div#bullets a.active {
	display:block;
	width:7px;
	background:url("../images/bulletWhite.png") top left no-repeat;
	height:7px;
	float:left;
	margin-left:2px;
}

div#bullets a.inactive {
	display:block;
	width:7px;
	background:url("../images/bulletWhiteTrans.png") top left no-repeat;
	height:7px;
	float:left;
	margin-left:2px;
}
/*************************************************************************************************
 * PAGINA SPECIFIEKE LAYOUT + OPMAAK
 *************************************************************************************************/
.expstickybar {
position:fixed;
color: white;
padding: 0px;
right:0; /*horizontally center bar in window*/
left:0; /*horizontally center bar in window*/
visibility:hidden;
z-index: 10000;
width:793px; /*set width of bar to width of entire window*/
font-weight:bold;
margin: 0 auto;
}

.expstickybar a {
color: white;
}


#hotel {
	text-indent:-9000px;
	display:block;
	width:793px;
	height:142px;
	background: url("../images/hotelovernachtingsprite.png") transparent bottom center no-repeat;
}

#hotel:hover {
		background: url("../images/hotelovernachtingsprite.png") transparent top center no-repeat;
}


  /*
  Facebook
  */
 
 #facebook {
 	width:926px;
	height:160px;
	clear:both;
	margin-top:15px;
	margin-left:59px;
	float:left;
 }

        /*****************************************************
         * PAGINA VOORBEELD 1
         *****************************************************/

        /*****************************************************
         * PAGINA VOORBEELD 2
         *****************************************************/

/*************************************************************************************************
 * social media ^_____________^
 *************************************************************************************************/
	#somed {
		margin: 0;
		padding: 0;
		position:	absolute;
		top:		114px;
		right:	70px;
	}
	
	#somed li {
		list-style: none;
		margin:	0 0 0 5px;
		display: inline-block;
	}
	
	#somed li a {
		display:block;
		height:	32px;
		width:	32px;
		cursor:pointer;
		text-indent:-9000px;
	}
	#somed li a:hover {
		opacity:	0.8;
	}
	
	.somedhyves {
		background:		transparent url(../images/hyves.png) left top no-repeat;
	}
	.somedfacebook {
		background:		transparent url(../images/facebook.png) left top no-repeat;
	}
	.somedtwitter{
		background:		transparent url(../images/twitter.png) left top no-repeat;
	}
	
	
/*************************************************************************************************
 * OVERIGE OPMAAK
 *************************************************************************************************/

/*************************************************************************************************
 * MODIFIERS
 *************************************************************************************************/