body {
	behavior:url("csshover.htc"); /* does NOT validate */
	padding: 21px 0px 0px 0px;
	margin: 0;
	background-color: #fff;
	text-align: center;
	font: 62.5% Verdana, Arial, Helvetica, sans-serif;
}

form {
	padding: 0;
	margin: 0;
}

/* FIXES
----------------------------- */

#header img { vertical-align: bottom; float: left; }
.clearem { clear: both;	height: 1px; font-size: 0; line-height: 0; }

/* CONTAINERS
----------------------------- */

#box {
	width: 780px;
	text-align: left;
	margin: auto;
	
}

#colleft {
	float: left;
	width: 158px;
}

#colcenter {
	float: left;
	width: 346px;
	margin: 0px 0px 10px 0px;
}
#colcenterbig {
	float: left;
	width: 504px;
	margin: 0px 0px 10px 0px;
}
#content { 
	background-image: url(../pix/content_bg.gif);
	padding: 0 12px 0 12px;
	display: inline-block;
}

.content { 
	float: left; 
	width: 504px;
}

#contenttext {	padding: 0 10px 0 10px; }

A {
	text-decoration: underline;
	color: #B01842;
}
A:hover {
	text-decoration: none;
}

.banner { margin-top: 10px; }

/* NAVIGATION
----------------------------- */

#navigation { 
	background-image: url(../pix/nav_bg.gif);
	background-repeat: repeat-x;
	background-position: bottom;
}

#navigation img { margin: 9px 0px 4px 0px; border: 0; vertical-align: bottom; }
#navigation .logo { margin: 9px 0px 9px 0px; }
#navigation .nopad { margin: 0px; }

#navhome { background: url(../pix/nav_btn_home.gif); }
#navalgemeen { background: url(../pix/nav_btn_algemeen.gif); }
#navagenda { background: url(../pix/nav_btn_agenda.gif); }
#navverhuur { background: url(../pix/nav_btn_verhuur.gif); }
#navhistorie { background: url(../pix/nav_btn_historie.gif); }
#navcontact { background: url(../pix/nav_btn_contact.gif); }
#navlinks { background: url(../pix/nav_btn_links.gif);}
#navigation .navbtn:hover {  background-position: 0 -70px; }
#navigation .navbtnselected {  background-position: 0 -70px; }

/* VIRTUELE TOUR 
----------------------------- */
#vir1 { background-image: url(../pix/vir_middenschip_sm.jpg); background-position: bottom; }
#vir2 { background-image: url(../pix/vir_vanbuiten_sm.jpg); background-position: bottom; }
#vir3 { background-image: url(../pix/vir_transept_sm.jpg); background-position: bottom; }
#vir4 { background-image: url(../pix/vir_grafmonument_sm.jpg); background-position: bottom; }
#vir5 { background-image: url(../pix/vir_grafmonumentrenesse_sm.jpg); background-position: bottom; }
#vir6 { background-image: url(../pix/vir_prinsenbank_sm.jpg); background-position: bottom; }
#vir7 { background-image: url(../pix/vir_hoogkoor_sm.jpg); background-position: bottom; }
#vir8 { background-image: url(../pix/vir_prinsenkapel_sm.jpg); background-position: bottom; }
#vir9 { background-image: url(../pix/vir_muurschildering_sm.jpg); background-position: bottom; }
#vir10 { background-image: url(../pix/vir_epitaaf_sm.jpg); background-position: bottom; }
#vir11 { background-image: url(../pix/vir_uitzichtorgel_sm.jpg); background-position: bottom; }
#vir12 { background-image: url(../pix/vir_uitzichttoren_sm.jpg); background-position: bottom; }
#virtualtour .virbtn:hover { background-position: top; }
#virtualtour img { border: 0px solid #000; } 

#subtour { 
	width: 252px;
	height: 275px;
	background-image: url(../pix/subtour_bg.gif);
	background-position: bottom;
	background-repeat: no-repeat;
	float: left;
	top: -45px;
	padding: 45px 0 130px 0;
	position: relative;
	z-index: 10;
}


/* CRUMPATH
----------------------------- */

#crumpath { 
	background: url(../pix/crumpath_bg.gif) 0 0 no-repeat;
	font-size: 9px;
	color: #01042C;
	line-height: 50px;
	padding-left: 13px;
	z-index: 20;
}

#crumpath a { color: #808195; text-decoration: none; }

/* TYPOGRAPHY
----------------------------- */

#contenttext p {
	font-size: 11px;
	color: #6B6B6B;
	margin: 0 0 1em 0;
}

#contenttext p img {
	border: 0;
}

#contenttext table tr td { font-size: 11px; color: #6B6B6B; }
#contenttext p a td {
	font-size: 11px;
	color: #6B6B6B;
	text-decoration: none;
	border-bottom: 1px solid #6B6B6B;
}

#contenttext ul {
	padding: 0;
	margin: 0 0 1em 0;
	list-style-type: none;
}

#contenttext li {
	font-size: 11px;
	color: #6B6B6B;
	padding-left: 10px;
	margin: 0;
	list-style-type: none;
	background: url(../pix/contenttext_li.gif) left top no-repeat;
}
#contentimage {
	background: url(../pix/vsl-bg.gif) no-repeat;
	width: 252px;
	height: 269px;
	margin: 0 0 10px 0;
	float: left;
}
.red { color: #C55674; }

h1 {
	font-size: 16px;
	color: #B01842;
	margin: 0;
	padding: 0 0 10px 0;
}
h2 {
	font-size: 13px;
	color: #B01842;
	margin: 0;
	padding: 4px 0 10px 0;
}

#xlinks td { padding: 2px; }

/* TYPOGRAPHY: zie ook
----------------------------- */

#zieook {
	padding: 10px 0 0 0;
	background-image: url("../pix/zieook_bg.gif");
	background-repeat: repeat-x;
}

#zieookleft {
	float: left;
	width: 80px;
	color: #B01842;
	font-weight: bold;
}

#zieookright {	float: left; }
#zieookright ul { margin: 0; padding: 0; }

#zieookright li {
	list-style: none;
	width: 180px;
	background: url(../pix/zieook_li.gif) right top no-repeat;
	color: #B01842;
	font-weight: bold;
}

#zieookright li a {	color: #B01842;	text-decoration: none; display: block; position: relative; }
#zieookright li a:hover { color: #6B6B6B; }
#zieookright li:hover { background-position: right -100px; }

/* SUB-NAVIGATION
----------------------------- */
#subnavigation {
	width: 245px;
	background-image: url(../pix/subnav_bg.gif);
	background-repeat: repeat-y;
	float: left;
	top: -45px;
	padding: 45px 0 130px 7px;
	position: relative;
	z-index: 10;
}

#subnavigation ul, #subnavigation ol, #subnavigation li { padding:0; margin:0; list-style-type: none; }

#subnav { 
	padding: 0px 0px 0px 5px;
	width: 245px;
}
#subnav li { background-color: #F6F6F6; margin-bottom: 1px; }
#subnav A {
	font-weight: bold;
	line-height: 14px;
	text-decoration: none;
	color: #B01842;
	display: block;
	background-color:#F6F6F6;
	background: url(../pix/submenu_li.gif) 0 top no-repeat;
	padding: 0 0 1px 25px;
}
#subnav A.selected { background: url(../pix/submenu_li_selected.gif) 0 top no-repeat; }
#subnav A:hover { color: #FFFFFF; background-color:#B01842; background-position: -245px top; }
#subnav li li { margin-left: 18px; }
#subnav li li A {
	font-weight: bold;
	line-height: 14px;
	text-decoration: none;
	color: #808195;
	display: block;
	background-color:#F6F6F6;
	background: url(../pix/submenu_li_li.gif) 0 top no-repeat;
	padding: 0 0 1px 25px;
}
#subnav li li A:hover { color: #FFFFFF; background-color:#B01842; background-position: -245px top; }
*/

#subnav .restau a {
	background-image: none;
}

#subnav .geen {
	padding: 0 0 0 25px;
	font-weight: bold;
}



#right {
	width: 240px;
	float: left;
	top: -45px;
	padding: 45px 0 130px 0;
	position: relative;
	z-index: 10;
}


/* FOOTER
----------------------------- */

#footer { background-image: url(../pix/footer_bg.gif); height: 36px; }

#footer, #footer a {
	font-weight: bold;
	text-decoration: none;
	color: #A6A6A6;
}

#footer a:hover { color: #B01842;  }
#footer .netvlies { margin: 7px 0px 0px 11px; }
#footer .sitemap  { margin-left: 445px; background: none; }
#footer .disclaimer { margin-left: 35px; }


/* EVENEMENTEN
----------------------------- */
#evenementen-agenda table { width: 100%; }

#evenementen-agenda p { color: #6B6B6B; }

#evenementenbox {
	float: left;
	width: 578px;
	margin: 0 0 10px 0;
}

#evenementen-overig-box {
	background-image: url(../pix/agenda-list-bg.gif);
	background-position: bottom;
	background-repeat: no-repeat;
	width: 168px;
	float: right;
	margin: 5px 0 10px 0;
}
#evenementen-overig-list td {
	font-size: 10px;
	line-height: 20px;
}
#evenementen-overig-list A {
	font-family: Myriad Pro;
	font-size: 13px;
	color: #343656;
	text-decoration: none;
}
#evenementen-overig-list A:hover {
	color: #B01842;
	text-decoration: none;
}



#homeagenda { 
	width: 252px;
	background-image: url(../pix/subnav_bg.gif);
	background-repeat: repeat-y;
	float: left;
	top: -45px;
	margin:  0;
	padding: 0 0 0 0;
	position: relative;
	z-index: 10;
}
#agendabox { margin-top: 45px; width: 245px; padding: 0 0 0 5px; float: left; }
#agendalist { margin: 0; padding: 0; list-style-type: none; border-left: 1px solid #B01842; border-right: 1px solid #B01842;}
#agendalist li { background-color: #EDEDED;  margin: 0; }

#agendalist A { 
	font-weight: bold;
	line-height: 14px;
	text-decoration: none;
	color: #343656;
	display: block;
	padding: 0 0 0 5px;
	margin: 0;
	border-bottom: 1px solid #FFFFFF;
}
#agendalist li.oli A { margin: 0; background-color:#F6F6F6; }
#agendalist li.eli A { margin: 0; background-color:#EDEDED; }
#agendalist li.eli A:hover { margin: 0; background-color:#D6D6D6; }	
#agendalist li.oli A:hover { margin: 0; background-color:#D6D6D6; }	
#agendalist li.last { line-height: 48px; }
#agendalist li.last A { color: #B01842; border-bottom: 0px; line-height: 32px; background-image: url(../pix/agendalist_lnk.png); background-repeat: no-repeat; background-position: 160px top;  }
#agendalist li.last A:hover { color: #343656; border-bottom: 0px; line-height: 32px; background-position: 160px bottom ; }
#agendalist .date { color: #B01842; text-decoration: none; width: 40px; float: left; }

.eventrow a {
	color: #000000;
	text-decoration: none;
}

.eventrow a:hover {
	text-decoration: underline;
}

/* GALLERY_PREVIEW
----------------------------- */

#gallery_preview {
	padding: 0 0 0 5px;
	overflow: hidden;
	_height: 100%;
}

#gallery_preview .imgBox {
	width: 101px;
	height: 93px;
	border: 1px solid #6B6B6B;
	text-align: center;
	float: left;
	padding: 10px 0 0 0;
	margin: 0 10px 10px 0;
	background-color: #f6f6f6;
}

#gallery_preview .imgBox img { border: 0; }

/* SITEMAP
----------------------------- */

.sitemap_item	{ width: 36px; height: 23px; background: url(../pix/sitemap_item.gif) no-repeat 0px 0px; }
.sitemap		{ width: 36px; height: 23px; background: url(../pix/sitemap.gif) repeat-y 0px 0px; }
.sitemap_text	{ height: 23px; vertical-align: bottom; text-align: left; }

.sitemap_item a, .sitemap a, .sitemap_text a { text-decoration: none; }
.sitemap_item a:hover, .sitemap a:hover, .sitemap_text a:hover { color: #000; }

/* VRIENDEN VAN
----------------------------- */
.vriendenvan .crum { font-size: 11px; font-weight: bold; color: #B01842; }
.vriendenvan .hr { font-size: 0; line-height: 0; height: 1px; border-bottom: 1px solid #d7d7d9; margin: 13px 0 10px 0; }
.vriendenvan .cntnt { position: relative; overflow: hidden; height: 100%; }
.vriendenvan .cntnt .top { position: absolute; right: 0; top: 0; color: #bbbbbb; font-weight: bold; font-size: 11px; }
.vriendenvan .cntnt h2 { color: #6b6b6b; font-size: 12px; margin: 0 0 10px 0; padding: 0; }
.vriendenvan .cntnt h4 { color: #6b6b6b; font-size: 11px; margin: 0 0 0 0; padding: 0; }
.vriendenvan form { background: #f6f6f6; border: 1px solid #d7d7d9; padding: 10px; margin: 10px 0 0 0; }
.vriendenvan form h3 { color: #6b6b6b; font-size: 12px; margin: 0 0 2px 0!important; }
.vriendenvan form p.error { color: #ffffff!important; background: #ff0000; font-weight: bold; }
.vriendenvan form ol { background: 0; margin: 0!important; padding: 5px 0 0 0!important; }
.vriendenvan form ol li { background: 0!important; margin: 0!important; padding: 0!important; overflow: hidden; height: 100%; }
.vriendenvan form ol li input.inpt { margin: 0 0 3px 0; width: 250px; }
.vriendenvan form ol li p { float: left; width: 70px; margin: 2px 0 0 0!important; }


/* IN DE PERS
----------------------------- */
.indepers tr td { padding: 2px 2px; vertical-align: middle; }
.indepers tr td.datum { width: 70px; background: #efefef; }
.indepers tr td.medium { width: 90px; background: #f7f7f7; }
.indepers tr td.titel { width: 220px; background: #ffeff7; }
.indepers tr td.titel a { color: #6b6b6b; text-decoration: none; }
.indepers tr td.titel a:hover { text-decoration: underline; }


/* BEDRIJVENDAG GASTENLIJST
----------------------------- */
ul.bedrijvendag_gastenlijst { list-style: none; color: #9b9b9b; margin: 3px 0 0 0 !important; } 
ul.bedrijvendag_gastenlijst li { display: block; padding: 20px; height: 100%; overflow: hidden; }
ul.bedrijvendag_gastenlijst li span { display: block; float: left; width: 160px; padding: 2px 0 2px 10px; font-weight: bold; color: #6b6b6b; }