@font-face { /* for IE */
	font-family: Papyrus;
    src: url("font/papyrus.eot");
	src: url("font/papyrus.eot?#iefix") format("embedded-opentype"), url("font/papyrus.woff") format("woff"), url("font/papyrus.ttf") format("truetype");
}


/* DEFAULT HTML STYLES */

body {
	font-family: "Papyrus", "Trebuchet MS", Helvetica, sans-serif;
	color: #F2F4DC;
	font-size: 110%;
	background-color: #000;
}

header, section, footer, aside, nav, main, article, figure { 
	display: block;
	clear: both;
}

h1 {
	text-shadow: 0 0 3px #FFA95C;
	-webkit-transition: width 0.3s; /*Safari & Chrome*/
	transition: width 0.3s;
	-moz-transition: width 0.3s; /* Firefox 4 */
	-o-transition: width 0.3s; /* Opera */
}

h2 {
	color: #D1874A;
}

h1, h2 {
	line-height: 100%;
}

h1 a:link, h1 a:visited, h2 a:link, h2 a:visited {
	color: #F2F4DC;	
}

h1 a:focus, h1 a:hover, h1 a:active, h2 a:focus, h2 a:hover, h2 a:active {
	color: #FFC79C;
}

p {
	margin: 0;
	padding: 0;
	line-height: 1.3em;
}

a:link, a:visited, .link {
	color: #FFC79C;
	text-decoration: none;
	-webkit-transition: all 0.3s ease-in; /*Safari & Chrome*/
	transition: all 0.3s ease-in;
	-moz-transition: all 0.3s ease-in; /* Firefox 4 */
	-o-transition: all 0.3s ease-in; /* Opera */
	cursor: pointer;
}

a:focus, a:hover, a:active, .link:focus, .link:hover, .link:active,
.linkArrow:focus , .linkArrow:hover , .linkArrow:active,
.linkArrows:focus , .linkArrows:hover , .linkArrows:active {
	color: #F2F4DC;
	/*outline-color: #F2F4DC;*/
	-webkit-stroke-width: 5.3px;
	-webkit-stroke-color: #FFFFFF;
	-webkit-fill-color: #FFFFFF;
	text-shadow: 1px 0px 2px yellow;
	-webkit-transition: width 0.3s; /*Safari & Chrome*/
	transition: width 0.3s;
	-moz-transition: width 0.3s; /* Firefox 4 */
	-o-transition: width 0.3s; /* Opera */
}

nav a {
	display: block;
}

nav a:link, nav a:visited {
	color: #F2F4DC;
}

nav a:focus, nav a:hover, nav a:active {
	color: #FFC79C;
}

ul {
	margin: 0;
	 padding: 0;
}

ul li {
	margin: 0;
	list-style-image: url('/img/icon/bullet.png');
	list-style-position: inside;
}

ul.whiteBullet li {
	margin: 9px 0 0 20px;
	list-style-image: url('/img/icon/whiteStar.png');
	list-style-position: outside;
	line-height: 1.1em;
}

form input:not([type="radio"])  {
	height: 18px;
	border: 1px solid #FFC79C;
}

iframe {
	border-width: 0;
}

/*
div#container {
	position: relative;
	width: 100%;
	height: 610px;
}
*/
div#content {
	z-index: 1;
}
/* REMOVED BECAUSE DON'T LIKE THE OUTLINE ROUND THE CONTENT BOX
div#content:focus, div#content:active, #overlayContent:focus, #overlayContent:active {
	outline: 1px dotted #FFC79C;
}
*/
div#content, footer:not(.normalFooter), img#bkg, img.bkg {
	position: absolute;
	top: 0;
	left: 50%;
	width: 960px;
	height: 540px;
	margin: 40px 0 0 -480px;
}

body.hasJS div#content, body.hasJS footer:not(.normalFooter), body.hasJS img#bkg, body.hasJS img.bkg {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 960px;
	height: 540px;
	margin: -270px 0 0 -480px;
}

aside {
	font-size: 0.8em;
}

#copyright {
	position: absolute;
	bottom: 0;
	right: 0;
	margin-right: 15px;
	margin-bottom: 10px;
	font-size: 0.7em;
	z-index: 1;
}

#copyright.copyrightLeft {
	left: 0;
	margin: 0 0 3px 3px;
}

img#bkg {
	z-index: -10;
}

/* CUSTOM STYLES */


ul.orangeBullet li {
	list-style-image: url('/img/icon/orangeStar.png');
	list-style-position: outside;
}

.threeStarsSides:before, .threeStarsLeft:before {
	content: url('/img/icon/3StarsLeft.png');
}

.threeStarsSides:after, .threeStarsRight:after {
	padding-left: 5px;
	content: url('/img/icon/3StarsRight.png');
}

.clusterStars {
	background: url('/img/icon/clusterStars.png') no-repeat;
}

.largeStars:before, .largeStars:after {
	content: url('/img/icon/largeStar.png');
}

.goldStars:before, .goldStars:after {
	content: url('/img/icon/goldStar.png');
}

.blackStars:before, .blackStars:after {
	content: url('/img/icon/blackStar.png');
}

.redStars:before, .redStars:after {
	content: url('/img/icon/redStar.png');
}

.orangeStar:before {
	content: url('/img/icon/orangeStar.png');
}

.orangeStars:before, .orangeStars:after {
	content: url('/img/icon/orangeStar.png');
}

.orangeStars:before {
	padding-right: 7px;
}

.orangeStars:after {
	padding-left: 7px;
}

.orangeSmlStars:before, .orangeSmlStars:after {
	content: url('/img/icon/orangeStar_sml.png');
}

.orangeSmlStars:before {
	padding-right: 17px;
}

.orangeSmlStars:after {
	padding-left: 17px;
}

.orangeStarSml:before {
	content: url('/img/icon/orangeStar_sml.png');
}

.whiteStars:before, .whiteStars:after {
	content: url('/img/icon/whiteStar.png');
}

.whiteStar:before {
	content: url('/img/icon/whiteStar.png');
}

.bullet {
	background: url('/img/icon/bullet.png') no-repeat left 5px;
}

.bulletSides:before, .bulletSides:after {
	content: url('/img/icon/bullet.png');
}

.bulletSides:before {
	padding-right: 5px;
}

.bulletSides:after {
	padding-left: 5px;
}

.clear {
	clear: both;
}

.reappear {
	display: block;
}

.hide {
	display: none;
}

.hidden {
	visibility: hidden;
}

.disappear {
	display: none;
}

.visuallyHidden {
	display: none;
	/*
	position: absolute; 
	overflow: hidden; 
	clip: rect(1px 1px 1px 1px); 
	height: 1px;
	width: 1px;
	z-index: -10;
	*/
}

.linebreak {
	display: block;
}

.shortLine {
	line-height: 50%;
}

.preWrap {
	white-space: pre-wrap;
}

.nowrap {
	white-space: nowrap;
}

.spacer {
	padding-left: 20px;
}

.smalltext {
	font-size: 0.9em;
}

.tinytext {
	font-size: 0.4em;
}

.note {
	font-size: 0.8em;
}

.center {
	text-align: center;
}

.goldText {
	color: #C8AC3C;
}

.spacerBlock {
	width: 1px;
	height: 50px;
}

.scrollarea {
	background: url('/img/icon/scrollbar.png') repeat-y top right;
}

.rotate90 {
	transform: rotate(90deg);
	-webkit-transform: rotate(90deg); 
    -moz-transform: rotate(90deg); 
    -o-transform: rotate(90deg); 
    -ms-transform: rotate(90deg); 
}

.skew10 {
	transform: skew(10deg,10deg);
	-webkit-transform: skew(10deg,10deg); 
    -moz-transform: skew(10deg,10deg); 
    -o-transform: skew(10deg,10deg); 
    -ms-transform: skew(10deg,10deg); 
}



/* OVERLAY STYLES */

#veil {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    z-index: 1001;
	-moz-opacity: 0.9;
	opacity: .90;
	filter: alpha(opacity=90);
}

#overlayContent {
	position: relative;
	top: 0;
    left: 50%;
	width: 855px;
	margin: 660px 0 0 -426.5px;
	/*margin: 0 0 0 -426.5px;*/
}

/*#overlayBkg,*/ #overlayContent.posCenter {
    position: absolute;
    top: 50%;
    height: 482px;
	margin: -240px 0 0 -426.5px;
    background-color: #040605;
    overflow: hidden;
	-moz-opacity: 1;
	opacity: 1;
	filter: alpha(opacity=100);
    z-index: 1003;
}

/*
#overlayBkg, #overlayBkg .overlayBkgImg {
	display: none;
    z-index: 1002;
}
*/
#overlayContent section {
	position: relative;
	width: 853px;
	height: 480px;
	margin-top: 100px;
	/*margin-top: 85px;*/
    border: 1px solid #E1E5CE;
}

#overlayContent.posCenter section {
	position: absolute;
	margin-top: 0;
}

#overlayContent .spotlightImg {
	position: absolute;
    z-index: -1;
}


#closeOverlay, #overlayContent .closeSidePane {
	position: absolute;
	top: 5px;
	right: 10px;
	color: #F2F4DC;
    z-index: 1010;
}

#closeOverlay.black {
	color: #000;
	font-weight: bold;
}

.jumpToMenu {
	float: right;
}

.jumpToMenu p {
	margin-top: 5px !important;
}

.scrollFirst:before {
	content: "\AB";
}

.scrollBack:before {
	content: "\3C";
}

.scrollForward:after {
	content: "\3E";
}

.scrollLast:after {
	content: "\BB";
}

.scrollFirst, .scrollForward {
	margin-right: 10px;
}

.linkArrow, .linkArrows {
	display: inline-block;
	color: #F2F4DC;
	cursor: pointer;
	z-index: 10;
	width: 20px;
	height: 50px;
}

.sidePane {
	position: absolute;
	top: 1px;
	right: 1px;
	width: 45.5%;
	height: 479px;
	background-color: #000;
	z-index: 1011;
	overflow: auto;
}

.sidePane div.subText {
	padding: 20px;
}

#imgbkgContainer {
	z-index: -1;
}


/* HOME PAGINA STIJLEN */

body#home h1 {
	position: absolute;
	top: 7px;
	left: 201px;
}

body#home ul {
	position: absolute;
	top: 100px;
	left: 201px;
	width: 183px;
	height: 148px;
	font-size: 1.3em;
	line-height: 1.6em;
}

body#home ul a {
	display: inline-block;
}

body#home main {
	position: absolute;
	top: 348px;
	left: 220px;
	width: 146px;
	height: 130px;
	text-align: center;
}

body#home #facebook a {
	position: absolute;
	bottom: 24px;
	left: 71px;
	width: 45px;
	height: 37px;
	overflow: hidden;
}

body#home #facebook a:link, body#home #facebook a:visited {
	background: url('/img/icon/homeFB_off.png') no-repeat;
}

body#home #facebook a:hover, body#home #facebook a:focus, body#home #facebook a:active {
	background: url('/img/icon/homeFB_on.png') no-repeat;
}

body#home footer, body#home.hasJS footer {
	/*top: 540px;*/
	position: absolute;
	bottom: 0;
	left: 810px;
	width: 150px;
	/*height: initial;*/
	height: 540px;
	margin: -270px 0 0 0;
}

body#home footer {
	margin: 0;
}



/* INFO PAGINA STIJLEN */

body#info h1 {
	position: absolute;
	left: 124px;
	width: 380px;
	margin-top: 14px;
	padding-bottom: 0;
	text-align: center;
}

body#info h2 {
	position: absolute;
	right: 90px;
	width: 100px;
	margin-top: 11px;
	font-size: 2.2em;
	text-align: center;
}

body#info h5 {
	font-size: 1.3em;
	margin-top: 15px;
	margin-bottom: 0;
}

body#info nav {
	position: absolute;
	top: 81px;
	right: 94px;
	width: 285px;
	font-size: 1.3em;
	line-height: 1.3em;
	text-align: center;
}

body#info nav a:before, body#info nav a:after {
	content: url('/img/icon/orangeStar.png');
	padding: 0 5px;
}

body#info .nav1 {
	margin-bottom: 19px;
}
body#info .nav2 {
	margin-bottom: 120px;
}

body#info .nav3 {
	margin-bottom: 10px;
}

body#info main, body#info aside {
	position: absolute;
	color: #CF9952;
	text-align: center;
}

body#info main p, body#info aside p {
    line-height: 115%;
}

body#info main {
	top: 65px;
	left: 113px;
	width: 400px;
}

body#info aside {
	position: absolute;
	bottom: 30px;
	right: 182px;
}

body#info #facebook a {
	position: absolute;
	top: 326px;
	left: 538px;	
	width: 42px;
	height: 41px;
	overflow: hidden;
}

body#info #facebook a:link, body#info #facebook a:visited {
	background: url('/img/icon/infoFB_off.png') no-repeat;
}

body#info #facebook a:hover, body#info #facebook a:focus, body#info #facebook a:active {
	background: url('/img/icon/infoFB_on.png') no-repeat;
}

body#info footer {
	/*background: url('/img/bkg/info.jpg') no-repeat;*/
}

body#info #overlayContent section {
	background: url('/img/bkg/infoOverlay.jpg') no-repeat;
}

body#info #overlayContent h3 {
	position: absolute;
	top: 80px;
	right: 75px;
	width: 219px;
	margin-top: 45px;
	font-size: 2.0em;
	text-align: center;
}

body#info #overlayContent div.text {
	position: absolute;
	top: 65px;
	left: 65px;
	width: 388px;
	height: 368px;
	overflow: hidden;
}

body#info #overlayContent p {
	margin-top: 16px;
}

body#info #overlayContent p:first-child, body#info #overlayContent div.text p.nomargin {
	margin-top: 0;
}

body#info #overlayContent section aside {
	top: 314px;
	right: 59px;
	width: 215px;
	height: 89px;
	margin: 0;
}

body#info #overlayContent section aside p {
    font-size: 1.2em;
}

body#info #overlayContent .transOverlay {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 486px;
	height: 245px;
	background: url('/img/bkg/infoOverlayCorner.png') no-repeat;
}

body#info #inkom div.text p {
	margin-left: 50px;
}

body#info #inkom div.text p.col {
	width: 84%;
	clear: both;
}

body#info #inkom div.text p.col span:nth-child(even) {
	float: right;
}

body#info #contact h4, body#info #contact div.text p {
	margin-left: 115px;
}

body#info #contact h4 {
	margin-top: 0;
	margin-bottom: 0;
	font-size: 2.0em;
}

body#info #agenda p.indent, body#info #fiets p.indent {
	margin-left: 60px;
}

body#info #wegbeschrijving h3 {
	font-size: 1.6em;
}

body#info #wegbeschrijving div.text {
	top: 15px;
	left: 33px;
	width: 419px;
	height: 85%;
	text-align: center;
}

body#info #wegbeschrijving div.text h4 {
	margin: 0;
}

body#info #wegbeschrijving div.text ul li {
	list-style: none;
}

body#info #welkom div.text, body#info #openbaar div.text, body#info #parkeren div.text, body#info #parkings div.text {
	top: 20px;
	left: 50px;
	width: 415px;
	height: 372px;
	overflow: auto;
}

body#info #parkeren h4:first-child, body#info #parkings h4:first-child {
	margin-top: 0;
}

body#info #parkeren p.reduceTop, body#info #wegbeschrijving p.reduceTop {
	margin-top:10px;
}

body#info #overlayContent #parkings h3 {
	margin-top: 30px;
}


body#info #nieuwsbrief iframe {
	width: 388px;
	height: 368px;
}

body#nieuwsform {
	margin: 0;
	padding: 0;
	color: #F2F4DC;
	background: transparent;
}

body#nieuwsform p {
	margin-bottom: 20px;
}

body#info #nieuwsbrief form, body#nieuwsform form {
	margin-top: 15px;
	text-align: center;
}

body#info #nieuwsbrief form label, body#nieuwsform form label {
	display: block;
	margin-bottom: 6px;
	font-size: 0.9em;
}


/* AGENDA PAGINA STIJLEN */

body#agenda.noJS #content {
	height: 100%;
	padding-bottom: 50px;
}

body#agenda h1 {
	position: absolute;
	right: 120px;
	width: 300px;
	text-align: center;
}

body#agenda h2 {
	position: absolute;
	visibility: hidden;
}

body#agenda h3 {
	position: absolute;
	left: 105px;
	color: #EC8345;
	font-size: 1.6em;
	line-height: 100%;
}

body#agenda h4 {
	font-size: 0.9em;
	margin: 0;
}

body#agenda.noJS h4 {
	margin: 15px 0;
}

body#agenda #closePage:after {
	position: absolute;
	right: 0;
	margin: 2px 5px;
	color: #F2F4DC;
	font-size: 1.5em;
	content: "X";
}

body#agenda.hasJS #intro {
	position: absolute;
	top: 470px;
	left: 185px;
	width: 660px;
	color: #EC8345;
	font-size: 0.8em;
	text-align: center;
}

body#agenda.noJS #intro {
	display: none;
}

body#agenda.hasJS #fullListEvents {
	display: none;
}

body#agenda.noJS #fullListEvents {
	position: absolute;
	display: block;
	top: 90px;
	left: 80px;
}

body#agenda #fullListEvents .event-table {
	width: 800px;
	padding-bottom: 40px;
}

body#agenda #fullListEvents .event-listing-title {
	font-size: 1.4em;
	color: #81360A;
}

body#agenda #fullListEvents .event-listing-title.hr {
	padding-top: 30px;
	background: url('/img/bkg/hr.jpg') no-repeat;
}

body#agenda #fullListEvents .event-listing-intro {
	color: #EC8345;
	font-size: 0.9em;
	padding-bottom: 10px;
}

body#agenda #fullListEvents th {
	text-align: left;
}

body#agenda #fullListEvents tr.events-item-date th {
	padding-top: 35px;
	color: #A6381C;
	background: url('/img/bkg/hr.jpg') no-repeat;
}

body#agenda #fullListEvents td {
	vertical-align: top;
}

body#agenda #fullListEvents td.col1 {
	width: 30%;
}

body#agenda #fullListEvents td.col2 {
	width: 70%;
}

body#agenda.noJS #calendar {
	display: none;
}

body#agenda #calendar {
	position: absolute;
	top: 90px;
	left: 104px;
}

body#agenda.noJS footer {
	display: none;
}

body#agenda.noJS img#bkg {
	width: 960px;
	height: 175px;
}


/* PLAN PAGINA STIJLEN */

body#plan h1 {
	position: absolute;
	top: 257px;
	left: 104px;
	z-index: 1;
}

body#plan h1 a:link, body#plan h1 a:visited {
	color: #4E3B15;
}

body#plan h2, body#plan header h3 {
	position: absolute;
}

body#plan h2 {
	top: 0;
	right: 0;
	margin: 0;
}

body#plan h2 a:after {
	position: absolute;
	top: 8px;
	right: 8px;
	color: #F2F4DC;
	font-size: 0.9em;
	font-weight: normal;
	content: " X";
}

body#plan header h3 {
	display: none;
}

body#plan ul li {
	position: absolute;
	list-style: none;
	font-size: 0.8em;
	font-weight: bold;
	font-variant: small-caps;
	line-height: 120%;
	z-index: 1;
}

body#plan ul li a:link, body#plan ul li a:visited {
	color: #040404;
}

body#plan #entreeNav {
	top: 500px;
	left: 690px;
}

body#plan #jetonsNav {
	top: 435px;
	left: 534px;
}

body#plan #bierNav {
	top: 354px;
	left: 502px;
}

body#plan #babycareNav {
	top: 315px;
	left: 458px;
	font-size: 0.4em;
}

body#plan #toiletNav {
	top: 274px;
	left: 458px;
	font-size: 0.4em;
}

body#plan #koffieNav {
	top: 207px;
	left: 483px;
	font-size: 0.7em;
	transform: skew(175deg,175deg);
	-webkit-transform: skew(175deg,175deg); 
    -moz-transform: skew(175deg,175deg); 
    -o-transform: skew(175deg,175deg); 
    -ms-transform: skew(175deg,175deg); 
}

body#plan #tapasNav {
	top: 158px;
	left: 479px;
}

body#plan #cateringNav {
	top: 92px;
	left: 475px;
	width: 93px;
	text-align: center;
}

body#plan #vijverNav {
	top: 178px;
	left: 651px;
}

body#plan #chillNav {
	top: 113px;
	left: 862px;
	width: 57px;
	text-align: center;
}

body#plan #cocktailsNav {
	top: 210px;
	left: 775px;
	font-size: 0.6em;
}

body#plan #terrasNav {
	top: 322px;
	left: 734px;
}

body#plan #petanqueNav {
	display: inline-block;
	top: 336px;
	left: 783px;
	font-size: 0.5em;
}

body#plan #zandbakNav {
	top: 397px;
	left: 779px;
	font-size: 0.5em;
}

body#plan #workshopsNav {
	top: 364px;
	left: 863px;
}

body#plan main {
	position: absolute;
	margin: 0 45px;
	font-weight: bold;
}

body#plan main.posCenter {
	width: 250px;
	height: 215px;
	color: #911C10;
	overflow: hidden;
}

/*body#plan main section {*/
body#plan .ieSection {
	width: 250px;
	text-align: center;
}

/*body#plan.noJS main section {*/
body#plan.noJS .ieSection {
	position: relative;
	top: 365px;
	width: 100%;
	margin-bottom: 50px;
	padding: 20px;
	text-align: left;
	border: 2px dashed #4E3B15;
}

/*body#plan main.posCenter section {*/
body#plan .posCenter .ieSection {
	/*visibility: hidden;*/
	display: none;
	position: absolute;
    top: 50%;
	width: inherit;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%); 
    -o-transform: translateY(-50%); 
    -ms-transform: translateY(-50%); 
}

/*body#plan main section .linebreak {*/
body#plan .ieSection .linebreak {
	display: inline;
}

/*body#plan main.posCenter section .linebreak, body#plan main section#intro .linebreak {*/
body#plan .posCenter .ieSection .linebreak, body#plan .ieSection#intro .linebreak {
	display: block;
}

body#plan #intro {
	/*visibility: visible;*/
	display: block;
	padding: 0;
	color: #911C10;
	font-size: 1.4em;
	text-align: center;
	text-transform: capitalize;
	text-shadow: 1px 0px 5px yellow;
	border: none;
}

body#plan.noJS #intro {
    top: 22px;
	width: 250px;
	height: 215px;
}

/*body#plan main h3 {*/
body#plan .ieSection h3 {
	margin: 0 0 5px 0;
}

/*body#plan.noJS main h3 {*/
body#plan.noJS .ieSection h3 {
	text-decoration: underline;
}

/*
div.plan main section a:link, div.plan main section a:visited,
div.plan main section a:focus, div.plan main section a:hover, div.plan main section a:active {
	color: #4E3B15;
}
*/

/*body#plan main.posCenter a {*/
body#plan .posCenter a {
	color: #4E3B15;
}

body#plan footer {
	z-index: -1;
	/*background: url('/img/bkg/plan_x.jpg') no-repeat;*/
}

body#plan.noJS footer {
	background: url('/img/bkg/plan_x.jpg') no-repeat;
}

body#plan #copyright {
	left: 331px;
}

body#plan img#bkg {
	z-index: -2;
}


/* FOTO'S PAGINA STIJLEN */

body#fotos h1, body#fotos h2, body#fotos .nav1, body#fotos .nav2 {
	position: relative;
	display: block;
}

body#fotos h1, body#fotos h2, body#fotos .nav2 {
	text-align: center;
}

body#fotos h1 {
	left: 555px;
	width: 215px;
	padding-top: 8px;
}

body#fotos h2 {
	left: 573px;
	width: 235px;
	margin-bottom: 8px;
	color: #572419;
}

body#fotos h1 a:link, body#fotos h1 a:visited {
	color: #B44C4C;
}

body#fotos h1 a:focus, body#fotos h1 a:hover, body#fotos h1 a:active {
	color: #7D4F31;
}

body#fotos .nav1 a:link, body#fotos .nav1 a:visited, body#fotos .nav2 a:link, body#fotos .nav2 a:visited {
	color: #572419;
}

body#fotos .nav1 a:focus, body#fotos .nav1 a:hover, body#fotos .nav1 a:active, body#fotos .nav2 a:focus, body#fotos .nav2 a:hover, body#fotos .nav2 a:active {
	color: #8F664B;
	text-shadow: 1px 0px 20px #FFF;
}

body#fotos .nav1, body#fotos .nav2 {
	font-size: 1.25em;
	font-weight: bold;
}

body#fotos .nav1 {
	left: 553px;
	width: 200px;
}

body#fotos .nav1 a, body#fotos .nav2 a {
	display: block;
}

body#fotos .nav1 a:before {
	content: url('/img/icon/orangeStar.png');
	padding: 0 5px;
}

body#fotos .nav2 {
	top: 127px;
	left: 500px;
	width: 128px;
}



/* FOTO GALLERIJ PAGINA STIJLEN */

/*body#gallerij:not(.hasJS) div#content, body#gallerij:not(.hasJS) footer, body#gallerij:not(.hasJS) img#bkg, body#gallerij:not(.hasJS) img.bkg {*/
body#gallerij.noJS div#content, body#gallerij.noJS footer, body#gallerij.noJS img#bkg, body#gallerij.noJS img.bkg {
	margin-top: 5px;
}

body#gallerij #contentContainer {
	position: relative;
	height: 540px;
}

body#gallerij.hasJS #contentContainer {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 960px;
	height: 540px;
	margin: -270px 0 0 -480px;
}

body#gallerij #content {
	/*background: url('/img/bkg/gallerij.jpg') no-repeat;*/
}

body#gallerij h1, body#gallerij h2 {
	position: absolute;
	visibility: hidden;
}

body#gallerij h3 {
	position: absolute;
	top: 415px;
	left: 300px;
	width: 360px;
	margin: 0;
	color: #816E54;
	font-size: 1.5em;
	text-align: center;
}

body#gallerij #closePage:after {
	position: absolute;
	right: 0;
	margin: 2px 5px;
	color: #F2F4DC;
	font-size: 1.5em;
	content: "X";
}

body#gallerij main {
	position: absolute;
	top: 458px;
	left: 300px;
	width: 360px;
	margin: 0;
	color: #7A5116;
	text-align: center;
}

body#gallerij main .thumbnailText:after {
	content: "Klik op de thumbnail";
}

body#gallerij #imgLibNav {
	position: absolute;
	top: 200px;
	left: 75px;
	height: 303px;
	font-size: 2.5em;
}

body#gallerij #imgLibNav #imgCounter {
	position: inherit;
	bottom: 0;
	right: 210px;
	color: #000;
	font-size: 30%;
}

body#gallerij #imgLibNav .scrollForward {
	margin-left: 678px;
}

body#gallerij #imgContainer {
	position: relative;
	left: 50%;
	width: 960px;
	height: 80px;
	margin: 0 0 0 -480px;
	text-align: center;
	overflow: auto;
}

body#gallerij.hasJS #imgContainer, body#gallerij iframe {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 360px;
	height: 360px;
	margin: -223px 0 0 -180px;
	padding: 0;
	text-align: normal;
	overflow: initial;
}

body#gallerij.noJS iframe {
	top: 48.75%;
}

body#gallerij.hasJS iframe {
	overflow: hidden;
	z-index: 1;
}


/* REFACTOR THIS CODE
body#gallerij.hasJS:not(.videos) iframe,
body#gallerij.videos.hasJS #imgContainer {
	display: none;
}
*/
/* REFACTOR: START */
body#gallerij.hasJS iframe,
body#gallerij.videos.hasJS #imgContainer {
	display: none;
}

body#gallerij.hasJS.videos iframe {
	display: block;
}
/* REFACTOR: END */


body#gallerij .imglib {
	width: 80px;
	height: 80px;
}

body#gallerij.hasJS .imglib {
	position: absolute;
	top: 0;
	left: 0;
	width: 360px;
	height: 360px;
	z-index: 1;
}

body#gallerij footer {
	/*background: url('/img/bkg/gallerij.jpg') no-repeat;*/
}

body#gallerij #copyright {
	position: absolute;
	right: 0;
	margin-right: 88px;
}



/* VIDEO'S PAGINA STIJLEN */

body#gallerij.videos #imgContainer {
	overflow: hidden;
}

body#gallerij.videos .imglib {
	width: 108px;
	height: 80px;
	margin: 0 10px;
}


/* MOVIE PAGINA STIJLEN */

body#movie {
	margin: 40px 0 0 20px;
}

body#movie video {
	width: 320px;
	height: 240px;
}

body#movie p {
	width: 335px;
	margin-top: 20px;
	text-align: center;
}


/* ACTIVITEITEN PAGINA STIJLEN */

body#activiteiten h1 {
	position: absolute;
	bottom: 0;
	margin: 0 0 59px 218px;
}

body#activiteiten h2 {
	width: 255px;
	margin: 94px 0 0 163px;
	font-size: 1.7em;
}

body#activiteiten ul.orangeBullet {
	width: 30%;
	margin-top: 14px;
	margin-left: 183px;
}

body#activiteiten ul.orangeBullet li {
	font-size: 1.6em;
	line-height: 1.3em;
}

body#activiteiten ul.orangeBullet li:nth-child(1) {
	margin-left: 9px;
}

body#activiteiten ul.orangeBullet li:nth-child(2) {
	margin-left: 18px;
}

body#activiteiten ul.orangeBullet li:nth-child(3) {
	margin-left: 21px;
}

body#activiteiten ul.orangeBullet li:nth-child(4) {
	margin-left: 28px;
}

body#activiteiten ul.orangeBullet li:nth-child(5) {
	margin-left: 40px;
}

body#activiteiten ul.orangeBullet li:nth-child(6) {
	margin-left: 63px;
}

body#activiteiten ul.orangeBullet li:nth-child(7) {
	margin-left: 102px;
}

body#activiteiten footer {
	/*background: url('/img/bkg/activiteiten.jpg') no-repeat;*/
}

/*
body#activiteiten section {
	background: url('/img/bkg/activiteitenOverlay.jpg') no-repeat;
}
*/

body#activiteiten #eten section, body#activiteiten #optredens section {
	background: url('/img/bkg/etenOverlay.jpg') no-repeat;
}

body#activiteiten #overlayContent .wrapper {
	margin: 0 20px 0 150px;
	padding-top: 15px;
}

body#activiteiten #overlayContent p {
	margin-top: 20px;
}

body#activiteiten section#wedstrijd ul {
	margin: 5px 0 0 60px;
}

body#activiteiten section#wedstrijd ul li {
	line-height: 130%;
}


/* MACRAME PAGINA STIJLEN */
/* Used in Activiteiten en Kinderen pagina */

body#activiteiten #macrame section, body#kinderen #macrame section {
	background: url('/img/bkg/kinderenOverlay1a.png') no-repeat;
}

body#activiteiten #macrame h3, body#kinderen #macrame h3 {
	position: relative;
	top: 10px;
	left: 384px;
	width: 390px;
	margin-top: 8px;
	padding-left: 35px;
	color: #D1874A;
	font-size: 1.5em;
	text-align: left;
	background: url('/img/icon/clusterStars.png') no-repeat;
}

body#activiteiten #macrame div.text, body#kinderen #macrame div.text {
	position: relative;
	left: 384px;
	width: 461px;
	height: 337px;
	overflow: auto;
}

body#activiteiten #macrame div.text p, body#kinderen #macrame div.text p {
	margin-top: 0px;
	margin-bottom: 15px;
	margin-right: 25px;
}

body#activiteiten #macrame aside, body#kinderen #macrame aside {
	position: absolute;
	top: 224px;
	left: 100px;
	width: 200px;
	color: #D1874A;
	font-size: 0.9em;
}

body#activiteiten #macrame aside p, body#kinderen #macrame aside p {
	margin-bottom: 10px;
}

body#activiteiten #macrame .spotlightImg, body#kinderen #macrame .spotlightImg {
	top: 0;
	left: 0;
}
/* END OF MACRAME STIJLEN */


/* KINDEREN PAGINA STIJLEN */

body#kinderen h1 {
	position: absolute;
	bottom: 12px;
	left: 375px;
}

body#kinderen h2 {
	position: absolute;
	left: 225px;
	width: 248px;
	margin-top: 20px;
	font-size: 2.4em;
	line-height: 100%;
	text-align: center;
}

body#kinderen h3 {
	position: absolute;
	top: 5px;
	right: 185px;
	width: 165px;
	color: #622F19;
	font-size: 2.0em;
	line-height: 100%;
	text-align: center;
}

body#kinderen header h3 { /*Created for Workshops*/
	position: absolute;
	top: 55px;
	right: 168px;
	width: 210px;
	color: #622F19;
	font-size: 1.4em;
	line-height: 100%;
	clear: both;
}

body#kinderen ul.orangeBullet {
	position: absolute;
	top: 112px;
	left: 633px;
	font-size: 1.2em;
	line-height: 1.4em;
}

body#kinderen ul.orangeBullet hr {
	color: #D1874A;
}

body#kinderen h1 a:link, body#kinderen h1 a:visited,
body#kinderen h1 a:focus, body#kinderen h1 a:hover, body#kinderen h1 a:active {
	color: #120D0C;
}

body#kinderen h2 a:link, body#kinderen h2 a:visited,
body#kinderen ul.orangeBullet a:link, body#kinderen ul.orangeBullet a:visited {
	color: #B44C4C;
}

body#kinderen h2 a:focus, body#kinderen h2 a:hover, body#kinderen h2 a:active,
body#kinderen ul.orangeBullet a:focus, body#kinderen ul.orangeBullet a:hover, body#kinderen ul.orangeBullet a:active {
	color: #CB0000;
}

body#kinderen aside {
	position: absolute;
	bottom: 0;
	right: 150px;
	width: 200px;
	margin-bottom: 15px;
	color: #622F19;
	text-align: center;
}

body#kinderen footer {
	/*background: url('/img/bkg/kinderen.jpg') no-repeat;*/
}

body#kinderen #overlayContent section {
	background: url('/img/bkg/kinderenOverlay1a.png') no-repeat;
}

body#kinderen #overlayContent h3 {
	position: relative;
	top: 10px;
	left: 384px;
	width: 390px;
	margin-top: 8px;
	padding-left: 35px;
	color: #D1874A;
	font-size: 1.5em;
	text-align: left;
	background: url('/img/icon/clusterStars.png') no-repeat;
}

body#kinderen #overlayContent div.text {
	position: relative;
	left: 384px;
	width: 461px;
	height: 337px;
	overflow: auto;
}

body#kinderen #overlayContent div.text p {
	margin-bottom: 15px;
	margin-right: 25px;
}

body#kinderen #overlayContent aside {
	position: absolute;
	top: 224px;
	left: 100px;
	color: #D1874A;
	font-size: 0.9em;
}

body#kinderen #overlayContent aside p {
	margin-bottom: 10px;
}

body#kinderen #overlayContent .spotlightImg {
	top: 0;
	left: 0;
}

body#kinderen .transOverlay .rightImg {
	position: absolute;
	bottom: 145px;
	right: 0;
	width: 110px;
	height: 235px;
	background: url('/img/bkg/kinderenOverlay_rt1a.png') no-repeat;
}

body#kinderen .transOverlay .bottomImg {
	position: absolute;
	bottom: 0;
	right: 0;
	width: 575px;
	height: 145px;
	background: url('/img/bkg/kinderenOverlay_btm1a.png') no-repeat;
}


/* MAGISCH THEATER STIJLEN */
/* Used in Activiteiten en Kinderen pagina */

body#activiteiten #magisch section, body#kinderen #magisch section {
	background: url('/img/bkg/magicTheaterOverlay.jpg') no-repeat;
}

body#activiteiten #magisch h3, body#kinderen #magisch h3 {
	position: absolute;
	top: 48%;
	left: 104px;
	width: 220px;
	margin-top: 20px;
	padding-left: 0;
	color: #D1874A;
	font-size: 1.2em;
	background: none;
}

body#activiteiten #magisch div.text, body#kinderen #magisch div.text {
	position: relative;
	display: block;
	top: 25px;
	left: 354px;
	width: 400px;
	height: 337px;
}

body#kinderen #magisch div.text p {
	margin-top: 20px;
	margin-bottom: 0;
	margin-right: 0;
}

body#activiteiten #magisch aside, body#kinderen #magisch aside {
	position: absolute;
	top: 352px;
	left: 76px;
	width: 175px;
	height: 120px;
	margin: 0;
	text-align: center;
	color: #F2F4DC;
	font-size: 0.8em;
}

body#activiteiten #magisch .logo, body#kinderen #magisch .logo {
	position: absolute;
	right: 25px;
	bottom: 15px;
}

body#activiteiten #magisch .logo img, body#kinderen #magisch .logo img {
	width: 145px;
}


/* TAROT ENZO PAGINA STIJLEN */

body#tarot h1 {
	position: absolute;
	right: 181px;
	bottom: 80px;
	width: 200px;
	text-align: center;
}

body#tarot h2 {
	position: absolute;
	top: 0;
	right: 140px;
	width: 248px;
	margin-top: 10px;
	font-size: 1.9em;
	line-height: 100%;
	text-align: center;
}

body#tarot h3 {
	position: relative;
	left: 120px;
	width: 260px;
	margin: 10px 0 20px 0;
	color: #D1874A;
	font-size: 1.6em;
}

body#tarot ul.orangeBullet {
	position: relative;
	left: 85px;
	width: 310px;
	height: 450px;
	padding-left: 40px;
	overflow: hidden;
}

body#tarot aside {
	position: absolute;
	right: 140px;
	bottom: 5px;
	width: 255px;
	height: 80px;
	text-align: center;
}

body#tarot aside p {
	margin-bottom: 15px;
}

body#tarot footer {
	/*background: url('/img/bkg/tarotEnzo.jpg') no-repeat;*/
}

body#tarot #overlayContent section {
	background: url('/img/bkg/tarotEnzoOverlay.png') no-repeat;
}

body#tarot #overlayContent #uurroosterLink {
	position: absolute;
	top: -160px;
	left: 50px;
	z-index: 1;
}

body#tarot #overlayContent.posCenter #uurroosterLink {
	position: absolute;
	top: 60px;
	left: 600px;
	/*right: 150px;*/
	z-index: 1;
}

body#tarot #overlayContent h3 {
	position: absolute;
	top: 0;
	left: 100px;
	width: 250px;
	margin-top: 8px;
	margin-bottom: 0;
	color: #C69945;
	font-size: 1.7em;
	line-height: 225%;
}

body#tarot #overlayContent h4 {
	margin: 20px 0 0 0;
}

body#tarot #overlayContent section#nieuwe p {
	margin-top: 0;
}

body#tarot #overlayContent h5 {
	margin: 10px 0 0 0;
 }

body#tarot #overlayContent div.text {
	position: absolute;
	top: 150px;
	left: 100px;
	width: 725px;
	height: 315px;
	overflow: auto;
}

body#tarot #overlayContent div.text p {
	margin-top: 14px;
}

body#tarot #overlayContent .spotlightImg {
	top: 10px;
	left: 350px;
}


/* MUSEUM PAGINA STIJLEN */

body#museum h1 {
	position: absolute;
	bottom: 80px;
	left: 460px;
}

body#museum h2 {
	position: absolute;
	top: 250px;
	left: 160px;
	color: #AA751C;
}

body#museum h3 {
	position: relative;
	width: 410px;
	margin-left: 465px;
	font-size: 1.3em;
	line-height: 0;
}

body#museum h2 a:link, body#museum h2 a:visited,
body#museum h3 {
	color: #AA751C;
}

body#museum #nav, body#museum main {
	position: absolute;
	width: 410px;
}

body#museum #nav {
	top: 46px;
	margin-left: 459px;
}

body#museum #nav li {
	display: inline-block;
}

body#museum #nav a {
	display: inline;
	padding: 0 25px;
	font-size: 1.1em;
	background: url('/img/icon/orangeStar.png') no-repeat;
}

body#museum #nav a:link, body#museum #nav a:visited {
	color: #DCCF7C;
}

body#museum main {
	top: 86px;
	margin-left: 450px;
}

body#museum ul#contentNav li {
	display: inline;
	list-style: none;
}

body#museum footer {
	/*background: url('/img/bkg/museum.jpg') no-repeat;*/
}

body#museum #overlayContent section {
	background: url('/img/bkg/museumOverlay.png') no-repeat;
}

body#museum #overlayContent h3 {
	position: absolute;
	top: 300px;
	left: 400px;
	width: 290px;
	margin-top: 0;
	margin-left: 0;
	color: #E1B44D;
	line-height: 165%;
}

body#museum #overlayContent div.text {
	width: 600px;
	margin: 40px 0 0 120px;
	font-size: 0.9em;
}

body#museum #overlayContent div.text h4 {
	margin: 10px 0;
}

body#museum #overlayContent div.text p {
	white-space: pre-wrap;
}

body#museum #overlayContent aside {
	position: absolute;
	top: 360px;
	left: 400px;
	width: 290px;
}

body#museum #overlayContent .spotlightImg {
	bottom: 0;
	left: 112px;
	font-size: 0;
}

body#museum #overlayContent #historiek section {
	background: url('/img/bkg/tarotEnzoOverlay.png') no-repeat;
}

body#museum #overlayContent #historiek .spotlightImg {
	top: 10px;
	left: 350px;
}

body#museum #overlayContent #historiek h3 {
	position: absolute;
	top: 0;
	left: 100px;
	width: 225px;
	margin: 8px 0 0 0;
	color: #C69945;
	font-size: 1.7em;
	line-height: 225%;
}

body#museum #overlayContent #historiek h4 {
	position: absolute;
	top: 0;
	right: 43px;
	width: 275px;
	height: 130px;
	font-size: 0.9em;
	text-align: center;
}

body#museum #overlayContent #historiek div.text {
	position: absolute;
	top: 150px;
	left: 0;
	width: 725px;
	height: 262px;
	margin: 25px 0 0 100px;
	padding-right: 15px;
	overflow: auto;
}

body#museum #overlayContent #historiek div.text p {
	margin-bottom: 15px;
	white-space: normal;
}

body#museum #spotlightImgNav {
	position: absolute;
	top: 335px;
	left: 120px;
	font-size: 1.6em;
}

body#museum #spotlightImgNav .scrollForward {
	margin-left: 217px;
}


/* WEDSTRIJD PAGINA STIJLEN */

body#wedstrijd fieldset {
	margin: 20px 0 15px 0;
	border: 1px solid #EC8345;
}

body#wedstrijd fieldset p {
	margin-top: 10px;
	margin-bottom: 10px;
	text-align:center;
}

body#wedstrijd iframe {
	width: 740px;
	height: 270px;
}

/* WEDSTRIJD FORM PAGINA STIJLEN */

body#wedstrijdform, body#wedstrijd_sentok {
	margin: 0;
	padding: 0;
}

body#wedstrijdform fieldset, body#wedstrijd_sentok fieldset {
	margin: 10px 0;
	border: 1px solid #EC8345;
}

body#wedstrijdform fieldset p {
	margin-top: 5px;
	margin-bottom: 0;
	font-size: 0.9em;
}

body#wedstrijdform fieldset p.formtext {
	margin-top: 0;
	margin-bottom: 5px;
	text-align: left:;
}

body#wedstrijdform fieldset p.formtext, body#wedstrijdform label {
	margin-left: 190px;
}

body#wedstrijdform .highlightText, body#wedstrijd_sentok .highlightText {
	color: #EC8345;
	text-align: center;
}

body#wedstrijdform label {
	display: inline-block;
	width: 150px;
}

body#wedstrijdform #submitlbl {
	visibility: hidden;
}

body#wedstrijd_sentok p {
	text-align: center;
}

body#wedstrijd_sentok .highlightText, body#wedstrijd_sentok .header {
	font-weight: bold;
	font-size: 1.8em;
}

body#wedstrijd_sentok .main {
	margin: 40px 0 40px 0;
	font-size: 1.4em;
}

body#wedstrijd_sentok .footer {
	font-size: 1.2em;
	margin-bottom: 10px;
}


/* THEME 1 PAGINA STIJLEN */

body.theme1 h1 {
	position: absolute;
	right: 120px;
	width: 300px;
	text-align: center;
}

body.theme1 h2 {
	position: absolute;
	visibility: hidden;
}

body.theme1 h3 {
	position: absolute;
	left: 95px;
	color: #EC8345;
	font-size: 1.6em;
	line-height: 100%;
}

body.theme1 #closePage:after {
	position: absolute;
	right: 0;
	margin: 2px 5px;
	color: #F2F4DC;
	font-size: 1.5em;
	content: "X";
}

body.theme1 main {
	position: absolute;
	top: 100px;
	left: 104px;
	width: 740px;
	height: 350px;
	overflow: auto;
}

body.theme1 .highlightText {
	color: #EC8345;
	text-align: center;
}

body.theme1 aside {
	position: absolute;
	top: 480px;
	left: 130px;
	width: 715px;
	color: #EC8345;
	font-size: 0.9em;
	text-align: center;
}



/* ERROR PAGINA STIJLEN */

body#errorPage.theme1 h2 {
	position: absolute;
	visibility: visible;
	left: 95px;
	color: #EC8345;
	font-size: 1.6em;
	line-height: 100%;
}

body#errorPage.theme1 main {
	position: absolute;
	top: 175px;
	left: 104px;
	width: 740px;
	height: 275px;
	overflow: auto;
}

body#errorPage.theme1 main p {
	margin: 20px 0;
	line-height: 2.0em;
}