@charset "utf-8";

/*	PROJECTNAAM STYLES
	Author:	Name, Netvlies
	----------------------------------------------------*/

/*	Table of contents
	=RESETS
 	----------------------------------------------------*/

/*	=RESETS
	----------------------------------------------------*/
	* { margin: 0; padding: 0; outline: 0; font-family: Verdana, Arial, sans-serif; }
	img { border: 0; }

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

	body { text-align: center; background: #fff; }

	#page_wrapper { position: relative; width: 1003px; margin: 0 auto; padding: 270px 0 0 0; text-align: left; }

	h1 { font-size: 18px; color: #cd0001; margin: 15px 0 15px 0; }
	h2.inl { font-size: 18px; color: #cd0001; margin: 15px 0 15px 0; }

	#header { position: absolute; top: 0; left: 0; z-index: 100; width: 1003px; height: 205px; background: url(../img/header_bg.png) no-repeat top left;  }
	#header_back { position: absolute; top: 0; left: -34px; z-index: 99; width: 1059px; height: 205px; background: #fff url(../img/header_back_bg.png) no-repeat top center;  }

	#logo { position: absolute; top: 0; left: 0; z-index: 101; }

	#col-a { float: left; width: 218px; margin: 0 0 50px 0; }
	#col-b { float: left; width: 457px; margin: 0 0 50px 0; padding: 0 20px 0 0; }
	#col-c { float: right; width: 308px; margin: 0 0 50px 0; }
	#col-d { float: left; width: 675px; margin: 0 0 50px 0; }

	#nav-crumbpath { overflow: hidden; height: 100%; list-style: none; }
	#nav-crumbpath li { float: left; display: inline; font-size: 10px; color: #6c6a6a; }
	#nav-crumbpath li a { color: #6c6a6a; }

	#nav-main { position: absolute; top: 123px; left: 255px; z-index: 101; list-style: none; }
	#nav-main li { position: relative; float: left; }
	#nav-main li a { display: block; text-indent: -9999px; background: url(../img/nav-main_bg.png) no-repeat top left; }
	#nav-main li a.m { position: relative; height: 100px; z-index: 1; }
	#nav-main li.home a { width: 61px; padding-right: 2px; background-position: 0 0; }
	#nav-main li.home a:hover, #nav-main li.home:hover a { background-position: 0 -101px; }
	#nav-main li.home a.active { background-position: 0 -202px; }
	#nav-main li.home a.active:hover, #nav-main li.home:hover a.active { background-position: 0 -101px; }
	#nav-main li.over-ons a { width: 80px; padding-right: 2px; background-position: -63px 0; }
	#nav-main li.over-ons a:hover , #nav-main li.over-ons:hover a { background-position: -63px -101px; }
	#nav-main li.over-ons a.active { background-position: -63px -202px; }
	#nav-main li.over-ons a.active:hover, #nav-main li.over-ons:hover a.active { background-position: -63px -101px; }
	#nav-main li.ons-werk a { width: 85px; padding-right: 5px; background-position: -146px 0; }
	#nav-main li.ons-werk a:hover, #nav-main li.ons-werk:hover a { background-position: -146px -101px; }
	#nav-main li.ons-werk a.active { background-position: -146px -202px; }
	#nav-main li.ons-werk a.active:hover , #nav-main li.ons-werk:hover a.active { background-position: -146px -101px; }
	#nav-main li.vakantieweken a { width: 136px; padding-right: 5px; background-position: -236px 0; }
	#nav-main li.vakantieweken a:hover, #nav-main li.vakantieweken:hover a { background-position: -236px -101px; }
	#nav-main li.vakantieweken a.active { background-position: -236px -202px; }
	#nav-main li.vakantieweken a.active:hover, #nav-main li.vakantieweken:hover a.active { background-position: -236px -101px; }
	#nav-main li.sponsoractiviteiten a { width: 169px; padding-right: 7px; background-position: -377px 0; }
	#nav-main li.sponsoractiviteiten a:hover, #nav-main li.sponsoractiviteiten:hover a { background-position: -377px -101px; }
	#nav-main li.sponsoractiviteiten a.active { background-position: -377px -202px; }
	#nav-main li.sponsoractiviteiten a.active:hover, #nav-main li.sponsoractiviteiten:hover a.active { background-position: -377px -101px; }
	#nav-main li.sponsoring a { width: 101px; padding-right: 7px; background-position: -553px 0; }
	#nav-main li.sponsoring a:hover, #nav-main li.sponsoring:hover a { background-position: -553px -101px; }
	#nav-main li.sponsoring a.active { background-position: -553px -202px; }
	#nav-main li.sponsoring a.active:hover, #nav-main li.sponsoring:hover a.active { background-position: -553px -101px; }
	#nav-main li.contact a { width: 70px; background-position: -661px 0; }
	#nav-main li.contact a:hover { background-position: -661px -101px; }
	#nav-main li.contact a.active { background-position: -661px -202px; }
	#nav-main li.contact a.active:hover { background-position: -661px -101px; }
	#nav-main ul.sub { display: none; position: absolute; top: 30px; left: 0; z-index: 0; width: 200px; padding: 60px 10px 10px 10px; background: #fff; border: 1px solid #dbe6ff; border-top: 0; list-style: none; }
	#nav-main ul.sub li { float: none; font-size: 12px; }
	#nav-main ul.sub li a { width: 200px; background: 0; text-indent: 0; color: #0c669a; text-decoration: none; }
	#nav-main ul.sub li a:hover { text-decoration: underline; }

	#nav-main li.over-ons ul.sub { padding-top: 65px; }
	#nav-main li.ons-werk ul.sub { padding-top: 70px; }
	#nav-main li.vakantieweken ul.sub { padding-top: 75px; }
	#nav-main li.sponsoractiviteiten ul.sub { padding-top: 80px; }
	#nav-main li.sponsoring ul.sub { padding-top: 70px; }
	#nav-main li.sponsoring ul.sub { width: 193px; }

	#nav-main li:hover ul.sub { display: none; }

	#nav-sub { padding: 28px 20px 20px 20px; list-style: none;  }
	#nav-sub li { font-size: 12px; color: #0c669a; line-height: 22px; }
	#nav-sub li a { color: #0c669a; text-decoration: none; }
	#nav-sub li a:hover { color: #cd0001; }
	#nav-sub li.active a { font-weight: bold; }
	#nav-sub li.hdr { font-size: 14px; font-weight: bold; }
	#nav-sub li ul { margin: 0 0 0 5px; list-style: none; }
	#nav-sub li ul li a { padding: 0 0 0 10px; font-weight: normal!important; }
	#nav-sub li ul li.active a { background: url(../img/nav-sub_active_bg.gif) no-repeat center left; }

	#nav-meta { overflow: hidden; height: 100%; list-style: none; }
	#nav-meta li { float: left; display: inline; margin: 40px 10px 0 20px; font-size: 12px; color: #0c669a; }
	#nav-meta li a { color: #0c669a; text-decoration: none; }
	#nav-meta li a:hover { text-decoration: underline; }

	#cta-blocks { padding: 28px 0 0 0; list-style: none; }
	#cta-blocks li { margin: 0 0 20px; }
	#cta-blocks li img { vertical-align: bottom; }
	#cta-blocks li.block-a img { border: 2px solid #148ace; }
	#cta-blocks li.block-b img { border: 2px solid #ff0000; }
	#cta-blocks li.block-c img{ border: 2px solid #ffed39; }

/*	=FOOTER
	----------------------------------------------------*/
	#footer { position: relative; float: none; clear: both; margin: 50px 0 0 0; height: 82px; background: url(../img/footer_bg.gif) no-repeat top left; }
	#footer #by_netvlies { position: absolute; bottom: 20px; right: 20px; }

/*	=NEWS
	----------------------------------------------------*/
	#news h2 { font-size: 12px; font-weight: bold; }
	#news .item { overflow: hidden; height: 100%; padding: 10px; }
	#news .item.uneven { background: #e5eef4; }
	#news .item .txt { float: right; width: 320px; }
	#news .item .txt .more { display: block; clear: both; text-align: right; }
	#news .item img { float: left; }
	#news .item .user-content p { margin-bottom: 0; }

	.back { display: block; font-size: 12px; color: #0c669a; text-align: right; }

/*	=PAGING
	----------------------------------------------------*/
	#paging { margin: 20px 0 0 0; list-style: none; text-align: center; }
	#paging li { display: inline; font-size: 11px; font-size: 12px; padding: 0px 2px; }
	#paging li.first, #paging li.last { font-size: 11px; }
	#paging li a { color: #0c669a; text-decoration: none; }
	#paging li a:hover { text-decoration: underline; }
	#paging li.active a { color: #c80000; font-size: 14px; }

/*	=SITEMAP
	----------------------------------------------------*/
	#sitemap .section { margin: 0 25px 20px 0; }
	#sitemap ul { background: #e5eef4; list-style: none; padding: 10px; }
	#sitemap ul li { font-size: 11px; line-height: 16px; }
	#sitemap ul li a { color: #000; text-decoration: none; }
	#sitemap ul li a:hover { text-decoration: underline; }
	#sitemap h2 { margin: 0 0 10px 0; font-size: 12px; color: #d42223; font-weight: normal; }

/*	=GALLERY
	----------------------------------------------------*/
	.photo-gallery h2 { font-size: 16px; color: #cd0001; margin: 0 0 15px 0; }
	.photo-gallery div { overflow: hidden; height: 100%; padding: 15px 15px 0 0; background: #e5eef4; }
	.photo-gallery div a { float: left; display: inline; width: 128px; text-align: center; padding: 0 0 15px 18px; }
	.photo-gallery div a.hidden { display: none; }
	.photo-gallery p { margin: 5px 0 0 0; text-align: right; }
	.photo-gallery p a { color: #0c669a; font-size: 11px; }

/*	=HOME
	----------------------------------------------------*/
	#home-news { float: left; display: inline; width: 300px; margin: 20px 20px 0 0; }
	#home-news h3 { margin: 0 0 5px 0; font-size: 12px; color: #cd0001; }
	#home-news .item { padding: 4px; }
	#home-news .item.uneven { background: #e5eef4; }
	#home-news .item h2 { margin: 0; padding: 0; font-size: 12px; color: #000; }
	#home-news .item p { margin: 0; }
	#home-news .item .more { display: block; }
	#home-news a.all { display: block; margin: 5px 0 0 0; text-align: right; color: #0c669a; font-size: 11px; }

	#home-photo-gallery { float: left; width: 310px; margin: 20px 0 0 0; }
	#home-photo-gallery h3 { margin: 0 0 5px 0; font-size: 12px; color: #cd0001; }

/*	=CONTACT
	----------------------------------------------------*/
	#frm-contact p.required { font-size: 12px; color: #000; }
	#frm-contact p.required span { color: #cd0001; font-size: 14px; }
	#frm-contact ol { margin: 20px 0 0 0; list-style: none; }
	#frm-contact ol li { margin: 0 0 10px 0; }
	#frm-contact ol li label { float: left; width: 120px; font-size: 12px; color: #000; line-height: 18px; }
	#frm-contact ol li label span { color: #cd0001; }
	#frm-contact ol li input.text { width: 300px; padding: 5px 2px; background: #e5eef4; border: 1px solid #badaef; font-size: 12px; color: #000; }
	#frm-contact ol li textarea { width: 300px; padding: 5px 2px; background: #e5eef4; border: 1px solid #badaef; font-size: 12px; color: #000; }
	#frm-contact ol li div.required { margin: 5px 0 0 120px; padding: 0 0 0 15px; font-size: 11px; color: #cd0001; font-weight: bold; background: url(../img/frm-contact_ico_required.gif) no-repeat center left; }

	#contact-card { position: relative; width: 363px; height: 239px; margin: 0 auto; background: url(../img/contact-card.gif) no-repeat top left; }
	#contact-card .address { position: absolute; top: 90px; left: 50%; width: 300px; margin: 0 0 0 -150px; text-align: center; font-size: 12px; color: #fff; }
	#contact-card .address span { font-size: 14px; font-weight: bold; }
	#contact-card .phone { position: absolute; bottom: 20px; left: 15px; font-size: 11px; color: #fff; }
	#contact-card .phone a { color: #fff; }
	#contact-card  .kvk { position: absolute; top: 5px; left: 15px; font-size: 11px; color: #fff; }