@charset "utf-8";

/*	BREDANASSAUSTAD STYLES
	Author:	Stephan van Opstal, Netvlies
	----------------------------------------------------*/

/*	Table of contents
	= GENERIC
	= WRAPPERS
	= NAVIGATION
	= CRUMBPATH
	= CONTENT
	= SITEMAP
	= CONTACT
 	----------------------------------------------------*/

/*	=GENERIC
	----------------------------------------------------*/
	* { margin: 0; padding: 0; font-family: Trebuchet MS, Arial, Verdana; }
	img { border: 0; vertical-align: bottom; }
	a { outline: 0; }
	.clr { overflow: hidden; height: 100%; }
	
	body { background: url(../img/body_bg.gif) no-repeat top center; text-align: center; padding: 0 0 20px 0; }
	
/*	=WRAPPERS
	----------------------------------------------------*/	
	#page_wrapper { width: 668px; margin: 0 auto; text-align: left; }

	#header { height: 135px; position: relative; }
	#brand { position: absolute; left: 19px; top: 0; }

	#content_wrapper .top { background: url(../img/content_bg_top.png) no-repeat; height: 8px; line-height: 0; font-size: 0; }
	#content_wrapper .mid { background: url(../img/content_bg.png) repeat-y; height: 100%; }
	#content_wrapper .bot { background: url(../img/content_bg_bot.png) no-repeat; height: 8px; line-height: 0; font-size: 0; }
	#content_wrapper .inner { margin: 0 9px 0 9px; background: url(../img/content_inner_bg.gif) repeat-y top right; }

	#content_wrapper .col-a { float: left; width: 435px; }
	#content_wrapper .col-b { float: right; width: 215px; padding: 18px 0 0 0; }
	
	#footer { background: url(../img/footer_bg.png) no-repeat top left; height: 38px; margin-top: -3px; padding-top: 4px; position: relative; }
	
/*	=NAVIGATION
	----------------------------------------------------*/	
	#nav_main { list-style: none; top: 102px; left: 121px; width: 547px; position: absolute; }
	#nav_main li { float: left; height: 37px; }
	#nav_main li a { display: block; height: 100%; }
	#nav_main li img { vertical-align: bottom; }
	#nav_main li.home { width: 59px; }
	#nav_main li.activiteiten { width: 84px; }
	#nav_main li.contact { width: 112px; }
	#nav_main li.historie { width: 63px; }
	#nav_main li.horeca { width: 62px; }
	#nav_main li.inbeeld { width: 67px; }
	#nav_main li.monumenten { width: 100px; }
	
	#nav_meta { position: absolute; top: 8px; right: 0; list-style: none; }
	#nav_meta li { color: #afafaf; font-size: 11px; float: left; border-left: 1px solid #afafaf; line-height: 10px; padding: 0 5px 0 5px; }
	#nav_meta li.first { border: none; }
	#nav_meta li a { color: #afafaf; }

/*	=CRUMBPATH
	----------------------------------------------------*/	
	#crumbpath { list-style: none; margin: 3px 0 0 0; }
	#crumbpath li { color: #766f6f; float: left; font-size: 11px; margin: 0 0 0 0; }
	#crumbpath li a { color: #766f6f; }
	#crumbpath li:first-letter { text-transform: uppercase; }
	#crumbpath li a:first-letter { text-transform: uppercase; }
	
/*	=CONTENT
	----------------------------------------------------*/	
	.content { padding: 0 10px 10px 5px; }
	.content h2 { color: #ed7631; font-size: 14px; margin: 10px 0 5px 0; }
	.content h2 a { color: #ed7631; }
	.content h3 { color: #ed7631; font-size: 12px; margin: 10px 0 0 0;  }
	.content h4 { color: #000000; font-size: 12px; font-weight: normal; }
	.content p { color: #000; font-size: 12px; }
	.content p small { display: block; }
	.content p center { font-size: 12px; }
	.content .fr { float: right; }
	.content .fl { float: left; }
	
	.content a { color: #000; }
	.content a:hover { text-decoration: underline; }

	.content ul { list-style-type: disc; }
	.content ul li { font-size: 12px; color: #000; margin: 0 0 0 20px; }

	.col-b .content { padding-left: 12px; }
	.col-b .content ul { list-style: none; }
	.col-b .content ul li { margin-left: 0; }
	
	div.language { position: relative; float: right; }
	div.language img { border: none; }

	#home .menu { background: #f5f5f5; padding: 20px 15px; margin: 20px 10px; }
	#home .menu img { float: left; margin: 0 20px 0 0; }
	#home .menu a { display: block; float: left; margin: 10px 0 0 0; }
	
	a.more { font-weight: bold; text-decoration: none; color: #000000; background: url(../img/ico_more.gif) no-repeat center right; padding: 0 12px 0 0; }

	.col-b .content { padding-right: 0; }
	.col-b .content a:hover { text-decoration: underline; }
	.col-b .content ul { list-style: none; margin: 0 0 20px 0; }
	.col-b .content ul li { font-size: 11px; color: #000; line-height: 16px; }
	.col-b .content ul li a { color: #000; text-decoration: none; }
	.col-b .content ul li a span { border-right: 1px solid #eeb99a; }
	.col-b .content ul li.active a { font-weight: bold; }
	
	img.cta { border: 4px solid #e6c0ac; margin: 10px 0 0 0; }
	img.pix { margin: 15px 0 0 0; }

/*  =HOMEPAGE BANNERS
	----------------------------------------------------*/
	.homepage-banners { text-align: center; margin: 30px 0 0 0; }
	.homepage-banners a { margin: 0 10px 0 0; }
	
	.vvv { margin: 10px 0 0 0; }
	.bier { margin: 10px 0 0 20px; }
	.gilde { margin: 10px 0 0 0px; }
	#nassaulist { width: 170px; }
	#nassaulist li { position: relative; }
	#nassaulist span { position: absolute; top: 0px; right: 0px;}
	
	#agenda { list-style-type: none; }

	#agenda a { text-decoration: none; }
	#agenda a:hover { text-decoration: none; }
	
	#agenda li { font-size: 0px; line-height: 20px;}
	#agenda a { font-size: 12px;  position: relative; display: block; padding-left: 45px;}
	#agenda span { position: absolute; left: 0px; display: block; }
	.miniagenda { position: relative; padding: 2px 0 2px 45px; clear: both; overflow: hidden; height: 100%; }
	.miniagenda a:hover, .miniagenda a { text-decoration: none; }
	.miniagenda span { position: absolute; margin-left: -45px; padding-right: 7px; border-right: 1px solid #eeb99a; text-decoration: none; }
	
	
/*  =SITEMAP
	----------------------------------------------------*/
	#sitemap { list-style: none; margin-left: 1px; }
	#sitemap li { font-size: 12px; line-height: 16px; list-style: none; padding-bottom: 16px; background: url(../img/sitemap_li_bg.gif) repeat-y; }
	#sitemap ul { margin-bottom: 0; padding: 0 0 0 21px;  }
	#sitemap li li { padding: 0; }
	#sitemap li a { font-weight: bold; color: #ed7631; text-decoration: none; padding-left: 20px;  background: url(../img/sitemap_a_bg.gif) no-repeat left 6px; }
	#sitemap li li a { font-weight: normal; color: #3c3c3c; }
	#sitemap li.last { background: url(../img/sitemap_li_last_bg.gif) no-repeat; }
	#sitemap li.last a { background: 0; }
	
/*  =CONTACT
	----------------------------------------------------*/
	#frm-contact { margin-top: 10px; }	
	#frm-contact * { vertical-align: absmiddle; }
	#frm-contact fieldset { border: none; margin-bottom: 10px; }
	#frm-contact legend { font-size: 12px; color: #000; margin: 0 0 0 -8px; }
	#frm-contact ol, #frm-contact li { list-style: none; }
	#frm-contact li { padding: 2px 0 2px 0; font-size: 12px; }
	#frm-contact li span { font-size: 10px;  }
	#frm-contact li input { font-size: 11px; padding: 2px 5px; margin: 0 5px 0 0; border: 1px solid #d4d4d4; background: #ffffff; width: 160px; }
	#frm-contact li label { padding: 4px 0 0 0; width: 115px; float: left; color: #000; }	
	#frm-contact textarea { overflow: auto; width: 400px; height: 144px; padding: 2px 5px; border: 1px solid #d4d4d4; background: #fff;  } 
	#frm-contact li.required input { background: #ed7631; color: #fff; }