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

body {
	background:url(../img/wallpaper.jpg) center top;
	margin:20px 0;
	font-size:62.5%;
	font-family:Arial;
}

div#rand {
	position:absolute;
	left:-55px;
	top:0px;
	width:55px;
	height:750px;
	background: url(../img/rand.png) left top repeat-y;
}

div#wrapper { 
	width:1000px; 
	min-height:750px;
	margin:0 auto;
	background:#fbeece url(../img/bg.jpg) left top no-repeat;
	position:relative;
	
	font-size:1.2em;
	line-height:1.4em;
}

div#c1 {
	position:absolute;
	left:11px;
	top:9px;
	width:364px;
}

div#c2 {
	position:relative;
	margin-left:393px;
	border-top:9px solid #fbeece;
	border-bottom:9px solid #fbeece;
	width:597px;
	background: url(../img/bg_c2.jpg) left top repeat-y;
	min-height:732px;
}

div#c2 div.pad {
	padding:13px;
}

div#slideshow {
	width:360px;
	height:250px;
	overflow:hidden;
}

a {
	color:#f15a29;
	text-decoration:none;
}

a:hover {
	text-decoration:underline;
}

.zapp {
	clear:both;
}

/* ------------------------------------------------------------------------- HEADERS */

h1 a {
	display:block;
	background: url(../img/blijburg_logo.png) left top no-repeat;
	width:365px;
	height:66px;
	text-indent:-9999px;
	position:absolute;
	top:256px;
	left:-2px;
}

h2 {
	width:571px;
	height:79px;
	background: url(../img/h2_bg.jpg) left top no-repeat;
	color:#f3d620;
	font-size:6em;
	text-transform:uppercase;
	text-indent:15px;
	line-height:1em;
}

h3, h4 {
	color:#f15a29;
	border-bottom:1px solid #f15a29;
	text-transform:uppercase;
	font-weight:bold;	
	overflow:hidden;
}

h3 {
	font-size:1.6em;
	margin-bottom:3px;
}

h4 {
	font-size:1.4em;
	height:18px;
}

h5 {
	font-weight:bold;
	font-size:0.9em;
	text-transform:uppercase;
}

/* ------------------------------------------------------------------------- NAV */

ul#nav {
	display:block;
	width:584px;
	height:714px;
	background: url(../img/nav_off.jpg) left top no-repeat;
	position:absolute;
	left:5px;
	top:7px;
	list-style-type:none;
}

ul#nav li a {
	display:block;
	position:absolute;
	background: url(../img/nav_off.jpg) left top no-repeat;
	text-indent:-9999px;
}

ul#nav li a:hover {
	background-image: url(../img/nav_on.jpg);
}


ul#nav li a#m2 { width:160px; height:122px; left:0px; top:0px; background-position:-0px -0px; }
ul#nav li a#m3 { width:154px; height:122px; left:160px; top:0px; background-position:-160px -0px; }
ul#nav li a#m4 { width:134px; height:153px; left:314px; top:0px; background-position:-314px -0px; }
ul#nav li a#m5 { width:136px; height:153px; left:448px; top:0px; background-position:-448px -0px; }
ul#nav li a#m6 { width:160px; height:74px; left:0px; top:122px; background-position:-0px -122px; }
ul#nav li a#m7 { width:154px; height:116px; left:160px; top:122px; background-position:-160px -122px; }
ul#nav li a#m8 { width:134px; height:145px; left:314px; top:153px; background-position:-314px -153px; }
ul#nav li a#m9 { width:136px; height:145px; left:448px; top:153px; background-position:-448px -153px; }
ul#nav li a#m10 { width:160px; height:159px; left:0px; top:196px; background-position:-0px -196px; }
ul#nav li a#m11 { width:154px; height:117px; left:160px; top:238px; background-position:-160px -238px; }
ul#nav li a#m12 { width:160px; height:122px; left:0px; top:355px; background-position:-0px -355px; }
ul#nav li a#m13 { width:154px; height:122px; left:160px; top:355px; background-position:-160px -355px; }
ul#nav li a#m14 { width:134px; height:147px; left:314px; top:298px; background-position:-314px -298px; }
ul#nav li a#m15 { width:136px; height:147px; left:448px; top:298px; background-position:-448px -298px; }
ul#nav li a#m16 { width:160px; height:118px; left:0px; top:477px; background-position:-0px -477px; }
ul#nav li a#m17 { width:154px; height:122px; left:160px; top:477px; background-position:-160px -477px; }
ul#nav li a#m18 { width:145px; height:136px; left:314px; top:445px; background-position:-314px -445px; }
ul#nav li a#m19 { width:116px; height:179px; left:468px; top:445px; background-position:-468px -445px; }
ul#nav li a#m20 { width:160px; height:119px; left:0px; top:595px; background-position:-0px -595px; }
ul#nav li a#m21 { width:154px; height:115px; left:160px; top:599px; background-position:-160px -599px; }
ul#nav li a#m22 { width:154px; height:133px; left:314px; top:581px; background-position:-314px -581px; }
ul#nav li a#m23 { width:116px; height:90px; left:468px; top:624px; background-position:-468px -624px; }


/* ------------------------------------------------------------------------- SUBNAV */

ul#subnav {
	list-style-type:none;
	display:block;
	background:url(../img/subnav_bg_off.gif) left top no-repeat;
	width:363px;
	height:364px;
	position:absolute;
	top:330px;
}

ul#subnav li a {
	display:block;
	height:;
	background:url(../img/subnav_bg_off.gif) left top no-repeat;
	text-indent:-9999px;
}

ul#subnav li a:hover,
ul#subnav li a.on {
	background:url(../img/subnav_bg_on.gif) left top no-repeat;
}

ul#subnav li a#m1 { height:32px; background-position:0 -0px;}
ul#subnav li a#m2 { height:25px; background-position:0 -32px;}
ul#subnav li a#m6 { height:24px; background-position:0 -57px;}
ul#subnav li a#m10 { height:25px; background-position:0 -81px;}
ul#subnav li a#m12 { height:24px; background-position:0 -106px;}
ul#subnav li a#m7 { height:24px; background-position:0 -130px;}
ul#subnav li a#m13 { height:25px; background-position:0 -154px;}
ul#subnav li a#m16 { height:24px; background-position:0 -179px;}
ul#subnav li a#m18 { height:25px; background-position:0 -203px;}
ul#subnav li a#m4 { height:24px; background-position:0 -228px;}
ul#subnav li a#m14 { height:24px; background-position:0 -252px;}
ul#subnav li a#m22 { height:25px; background-position:0 -276px;}
ul#subnav li a#m11 { height:24px; background-position:0 -301px;}
ul#subnav li a#m8 { height:27px; background-position:0 -325px;}


/* ------------------------------------------------------------------------- TEASERS */

div#teasers {
	position:absolute;
	top:336px;
}

div.teaser {
	position:relative;
	width:366px;
	height:155px;
	background: url(../img/teaser_bg.png) left top no-repeat;
	line-height:1.3em;
}

div.teaser img {
	width:140px;
	height:130px;
	position:absolute;
	left:12px;
	top:12px;
}

div.teaser h4 {
	position:absolute;
	left:163px;
	top:12px;
	width:191px;
}

div.teaser p {
	display:block;
	position:absolute;
	left:163px;
	top:35px;
	width:191px;
}

div.teaser p a {
	color:#f15a29;
	text-decoration:none;
	white-space:nowrap;
}

div#teasers img#yeswereopen {
	position:absolute;
	left:-8px;
	top:-5px;;
}

div#teasers div.pager {
	margin:5px 0 10px 0;
}

/* ------------------------------------------------------------------------- PAGERS */

div.pager {
	background: url(../img/teaser_pager_bg.png) 50px top no-repeat;	
	height:10px;
}

div.pager a {
	display:block;
	height:9px;
	background: url(../img/teaser_pager_prevnext.png) left top no-repeat;
	position:absolute;
	text-indent:-9999px;
}

div.pager a.previous {
	width:43px;
}

div.pager a.next {
	width:23px;
	left:340px;
	background-position:0 -9px;
}

/* ------------------------------------------------------------------------- ADRES */

a#adres {
	display:block;
	width:329px;
	height:31px;
	background: url(../img/adres.png) left top no-repeat;
	text-indent:-9999px;
	position:absolute;
	top:700px;
	left:-1px;
}

div#social_icons {
	position:absolute;
	left:331px;
	top:699px;
	width:35px;
	font-size:1px;
	line-height:1px;
}

/* ------------------------------------------------------------------------- CONTENT */

div.post {
	margin-top:10px;
	background:white url(../img/post_bg_r.gif) right top repeat-y;
	border-bottom:1px solid #c9b994;
/*	line-height:1.5em;*/
}

div.post div.bg {
	background:url(../img/post_bg_fold_tr.gif) right top no-repeat;
	padding:20px;
	border-bottom:1px solid #bcad8c;
}

div.post.single div.bg {
	min-height:580px;
}

div.post p {
	margin-bottom:1em;
}

div.post a {
	color:#f15a29;
	text-decoration:none;
}

div.post a:hover {
	text-decoration:underline;
}

div.post div.thumbs {
	float:right;
	width:150px;
	border-top:21px solid white;
}

div.post div.thumbs img {
	margin-bottom:10px;
}

div.post div.content.withimgs {
	margin-right:170px;
}

/* ------------------------------------------------------------------------- SPONSORS */

div#sponsors {
	line-height:1px;
	width:375px;
	height:320px;
}

div#sponsors a {
	float:left;
	margin:0 10px 10px 0;
}

/* ------------------------------------------------------------------------- AGENDA */

div#agenda_c1 {
	width:350px;
	margin-top:9px;
	float:left;
}

h3#month {
	display:block;
	background:url(../img/month_bg.png);
	height:37px;
	text-align:center;
	color:#f3d61f;
	font-size:3em;
	line-height:1em;
	border:none;
}

div#events {
	background-color:white;
}

div.event {
	position:relative;
	min-height:140px;
}

div.event img.thumb {
	width:105px;
	height:105px;
	position:absolute;
	left:216px;
	top:3px;
}

div.event h4 {
	width:202px;
}

div.event p {
	display:block;
	width:202px;
}

div.event p a {
	color:#f15a29;
	text-decoration:none;
	white-space:nowrap;
}

div#events div.separator {
	width:325px;
	height:10px;
	background:url(../img/separator_bg.gif);
	margin:8px 0;
}

div.event a.buytickets {
	display:block;
	width:104px;
	height:11px;
	position:absolute;
	left:216px;
	top:111px;
	background:url(../img/koopticket.gif);
	text-indent:-9999px;
}

div.event p.share {
	display:block;
	width:104px;
	position:absolute;
	left:216px;
	top:126px;
	color:#aaa;
	text-transform:uppercase;
	font-size:0.5em;
}

div#agenda_c1 div.pager {
	background: url(../img/agenda_pager_bg.png) 50px top no-repeat;
	margin:7px 0;
}

div#agenda_c2 {
	margin-top:9px;
	float:right;
	width:214px;
}

div#agenda_c2 form#newsletter {
	position:relative;
	background: url(../img/newsletter_form_bg.png) left top no-repeat;
	width:209px;
	height:68px;
	margin-bottom:10px;
}

div#agenda_c2 form#newsletter input {
	position:absolute;
	left:15px;
	top:40px;
	width:130px;
}

div#agenda_c2 form#newsletter a {
	position:absolute;
	left:154px;
	top:37px;
	width:37px;
	height:21px;
	background: url(../img/newsletter_submit_bg.png) left top no-repeat;
	text-indent:-9999px;
}

div#agenda_c2 div#highlight {
	background-color:white;
	margin-bottom:10px;
}

div#agenda_c2 div#calendar {
	background-color:white;
	margin-bottom:10px;
	font-size:0.8em;
}

div#agenda_c2 div#calendar .pad {
	padding:12px 0 12px 15px;
}

div#agenda_c2 h4#month_small {
	display:block;
	background:url(../img/month_small_bg.png);
	width:213px;
	height:22px;
	text-align:center;
	color:#f3d61f;
	font-size:1.9em;
	line-height:1em;	
	margin-bottom:6px;
	border:none;
}

div#agenda_c2 div#this_month {
	background-color:white;
	margin-bottom:10px;	
	padding:10px;
}

div#agenda_c2 div#this_month ul {
	list-style-type:none;
}

div#agenda_c2 div#this_month ul li a {
	display:block;
	border-bottom:1px solid #f15a29;
	margin-bottom:5px;
	font-size:1.2em;
}

/* ---------------------------------------------- DATEPICKER */

td.booked {
	background:#fff;
	color:black;
}

td.booked a.ui-state-default {
	background:#fff;
	border:1px solid #eeb420;
	color:black;
}

/* ---------------------------------------------- FOTO'S */

span.credits {
	color:#aaa;
}

div#photoviewer {
	margin-top:10px;
	background-color:#E6E7E8;
	min-height:530px;
}

/* ---------------------------------------------- SUBS */

div.separator_special {
	background:url(../img/separator_special_bg.gif);
	margin:8px 0;
	height:8px;
}

/* ---------------------------------------------- GUESTBOOK * NEWSLETTER*/

form#guestbook_form {
	border-top:10px solid white;
	width:240px;
	float:right;
}

form#guestbook_form input.text,
form#newsletter_form input.text,
form#guestbook_form textarea {
	width:240px;
	margin-bottom:10px;
	border:1px solid #ccc;
	padding:4px 0;
	background-color:#eee;
	color:#555;
}

form#guestbook_form input.text,
form#newsletter_form input.text {
	text-indent:4px;
}

form#guestbook_form input.submit,
form#newsletter_form input.submit {
	width:232px;
	height:22px;
	background:url(../img/guestbook_submit_btn.gif);
	text-indent:-999px;
	cursor:pointer;
}

form#newsletter_form input.submit {
	background:url(../img/newsletter_submit_btn.gif);
}

form#guestbook_form textarea {
	height:250px;
}

div#messages {
	border-top:10px solid white;
	width:260px;
	height:520px;
	overflow:auto;
	font-size:0.9em;
	padding:10px;
}

div#messages .message {
	border-bottom:1px solid #f26234;
	margin-bottom:20px;
	padding-bottom:10px;
}

.error {
	color:red;
	font-weight:bold;
	margin-bottom:1em;
}


table#contactform td.field {
	padding:2px;
	text-align:right;
	width:140px;
}

table#contactform input.text {
	border:1px solid #ccc;
	padding:2px;
	width:350px;
	margin-left:5px;
}


table#contactform input.submit {
	width:232px;
	height:22px;
	background:url(../img/contactform_submit_btn.gif);
	text-indent:-999px;
	cursor:pointer;
	float:right;
	margin-right:20px;
}