@charset "utf-8";

/*	Project: DHM - Prins voor een dag
	Author:	Stephan van Opstal, Netvlies
	Date: 2010.06.28
	----------------------------------------------------*/

	@font-face {
		font-family: 'FormataRegular';
		src: url('../fonts/formatar-webfont.eot');
		src: local('☺'), url('../fonts/formatar-webfont.woff') format('woff'), url('../fonts/formatar-webfont.ttf') format('truetype'), url('../fonts/formatar-webfont.svg#webfontdX2tYqoc') format('svg');
		font-weight: normal;
		font-style: normal;
	}

/*	=RESETS
	----------------------------------------------------*/
	* { margin: 0; padding: 0; font-size: 1em; text-decoration: none; border: 0; list-style: none; outline: 0; }
	table { border-collapse: collapse; border-spacing: 0; }
	h1, h2, h3, h4, h5, h6 { font-weight: normal; }
	img { vertical-align: bottom; }

/*	=WRAPPERS
	----------------------------------------------------*/
	body { background: #dddddd url(../img/background.png) top center ; text-align: center; font-family: Verdana, Helvetica, sans-serif; }
	#page-wrapper-outer {  }
	#page-wrapper-inner { background: #fff; width: 910px; margin: 20px auto 0 auto; text-align: left; }
	#content { width: 570px; position: relative; padding: 20px 200px 20px 20px; /*background: url(../img/content_bg.gif) no-repeat right 100px;*/ background: url(../img/content_seperator.gif) 612px 0px no-repeat; }
	#wide { position: relative; padding: 20px; background: url(../img/content_seperator.gif) 612px 0px no-repeat; }
	
/*	=HEADER
	----------------------------------------------------*/
	#header { position: relative; height:150px; padding: 0 10px; }
	#logo { position: absolute; top: 29px; left: 10px; }

/*	=FOOTER
	----------------------------------------------------*/	
	#footer { height: 91px; background: url(../img/footer_bg.png); width: 910px; margin: 0 auto 20px auto; }
	#footer .inner { width: 910px; margin: 0 auto; text-align: left; border-top: 1px solid #ddd; }

	#socialmedia { padding: 30px 20px 30px 18px; float: left; }
	#socialmedia li { float: left; margin: 0 0 0 10px; }
	
	#logos { padding: 20px 20px 20px 0; float: right; }
	#logos li { float: left; margin: 0 0 0 10px; }
	
/*	=SLIDER
	----------------------------------------------------*/
	#slider { height: 160px; overflow: hidden; /*border-bottom: 1px solid #e4e4e4;*/}
	#slider.home { height: 240px; }
	#slider.home img { display:none; }
	
/*	=TYPOGRAPHY
	----------------------------------------------------*/
	h1 { margin: 0 100px 0 0; font-family: FormataRegular; font-size: 17px; color: #4e4d4c; font-weight: bold; text-transform: uppercase; }
	h3 { margin: 0 0 15px 0; font-family: FormataRegular; font-size: 17px; color: #4e4d4c; text-transform: uppercase; }
	
/*	=NAVIGATION
	----------------------------------------------------*/
	#nav-main { position: absolute; bottom: 30px; right: 10px; z-index: 10; }
	#nav-main li { position: relative; float: left; display: inline; margin: 0 0 0 8px; font-family: FormataRegular; font-size: 13px; font-weight: bold; color: #a2a2a2; text-transform: uppercase; }
	#nav-main li a { float: left; color: #a2a2a2; line-height: 22px; cursor: pointer; }
	#nav-main li a:hover, #nav-main li.active a { color: #fff; background: #a2a2a2; }
	#nav-main li span { display: block; float: left; height: 21px; padding: 0 5px; }
	#nav-main li:hover, #nav-main li.active { background: url(../img/nav-main_li_bg_center.gif) repeat-x; }
	#nav-main li:hover a, #nav-main li.active a { background: url(../img/nav-main_li_bg_left.gif) no-repeat top left; }
	#nav-main li:hover span, #nav-main li.active span  { background: url(../img/nav-main_li_bg_right.gif) no-repeat top right; }
	#nav-main li .crown { display: none; position: absolute; top: -14px; left: -9px; width: 23px; height: 25px; background: url(../img/nav-main_li_ico_active.png) no-repeat top left; }
	#nav-main li.active .crown { display: block; _display: none; }

/*	=CRUMPATH
	----------------------------------------------------*/
	#crumpath { overflow: hidden; height: 100%; margin: 5px 0 18px 0; }
	#crumpath li { float: left; margin: 0 0 0 5px; font-size: 11px; color: #505050; }
	#crumpath li a { text-decoration: underline; color: #505050; }
	#crumpath li.first { margin-left: 0; }

/*	=HOME
	----------------------------------------------------*/
	#home-intro { padding: 20px; /*border-bottom: 1px solid #ddd;*/ background: url(../img/content_seperator.gif) 612px 0px no-repeat; }
	#home-intro .user-content { width: 570px; float: left; }
	#home-intro .more-info { margin-left: 80px; width: 190px; float: left; }
	#home-intro p { font-size: 15px; color: #949494; line-height: 20px; }
	#home-intro .more { display: inline-block; 17px; padding-right: 17px; overflow: hidden; }
	#home-intro a.more { display: inline-block; height: 17px; padding: 0; font-size: 15px; color: #d50019; text-transform: uppercase; line-height: 15px; text-decoration: none; cursor: pointer; }
	#home-intro .more i { display: inline-block; height: 17px; padding: 0 17px 0 0; background: url(../img/news_more_red.gif) no-repeat center right; font-style: normal; }
	
	#home-news { overflow: hidden; height: 100%; padding: 20px 0; }
	#home-news h2 { margin: 0 0 2px 0; font-size: 12px; font-weight: bold; text-transform: uppercase; }
	#home-news h3 { padding: 0 20px; }
	#home-news p { margin: 0 0 5px 0;font-size: 12px; color: #818181; }
	#home-news p a { color: #818181; }
	#home-news ul { margin: 12px 0 0 0; padding: 0 20px; border-top: 1px solid #a2a3a5; }
	#home-news ul li { float: left; width: 210px; margin: 0 0 0 10px; padding: 35px 0 0 0; }
	#home-news ul li.first { margin-left: 0; }
	#home-news ul li.green { background: url(../img/news_corner_green.png) top left no-repeat; }
	#home-news ul li.green h2 { color: #008a75; }
	#home-news ul li.yellow { background: url(../img/news_corner_yellow.png) top left no-repeat; }
	#home-news ul li.yellow h2 { color: #f8a300; }
	#home-news ul li.red { background: url(../img/news_corner_red.png) top left no-repeat; }
	#home-news ul li.red h2 { color: #ff0000; }
	#home-news ul li.grey { background: url(../img/news_corner_gray.png) top left no-repeat; }
	#home-news ul li.grey h2 { color: #5a5a5a; }
	
	#home-news .more { display: inline-block; height: 8px; width: 17px; overflow: hidden; text-indent: -9999px;}
	#home-news .more a { display: inline-block; height: 17px; padding: 0 0 0 3px; font-size: 11px; color: #fff; text-transform: uppercase; line-height: 15px; cursor: pointer; }
	#home-news .more i { display: inline-block; height: 17px; padding: 0 3px 0 0; font-style: normal; }
	#home-news .green .more { background: url(../img/news_more_green.gif) no-repeat; }
	#home-news .yellow .more { background: url(../img/news_more_yellow.gif) no-repeat; }
	#home-news .red .more { background: url(../img/news_more_red.gif) no-repeat; }
	#home-news .grey .more { background: url(../img/news_more_gray.gif) no-repeat; }
	
/*	=CONTENT
	----------------------------------------------------*/
	#editions { overflow: hidden; height: 100%; padding: 10px 0; border-bottom: 1px solid #e4e4e4; }
	#editions li { float: left; margin: 0 0 0 10px; padding: 0 0 0 10px; border-left: 1px solid #e4e4e4; font-size: 12px; color: #505050; }
	#editions li.first { border-left: 0; margin-left: 0; padding-left: 0; }
	#editions li a { margin: 0 0 0 10px; color: #009a82; text-decoration: underline; }
	
/*	=NEWS
	----------------------------------------------------*/
	#news .item { overflow: hidden; height: 100%; padding: 20px 0 15px 0; border-top: 1px solid #e4e4e4; }
	#news .item.first { padding-top: 0; border-top: none; }
	#news .item .dt, .user-content .dt { display: inline-block; margin: 0 0 5px 0; padding: 1px 2px; font-size: 10px; color: #fff; background: #a7a9ac; }
	#news .item h2 { margin: 0 0 5px 0; font-family: FormataRegular; font-size: 17px; color: #4e4d4c; text-transform: uppercase; }
	#news .item h2 a { color: #4e4d4c; }
	#news .item p { margin: 0 0 5px 0; font-size: 12px; color: #505050; }
	#news .item p img { margin: 5px 10px 0 0; float: left; }
	
	#news .item .more { display: inline-block; width: 17px; height: 8px; background: url(../img/news_more_red.gif) no-repeat; overflow: hidden; text-indent: -9999px; }
	#news .item .more a { display: inline-block; height: 17px; padding: 0 0 0 3px; font-size: 11px; color: #fff; text-transform: uppercase; line-height: 15px; text-decoration: none; cursor: pointer; }
	#news .item .more i { display: inline-block; height: 17px; padding: 0 3px 0 0; font-style: normal; }

/*	=PAGING
	----------------------------------------------------*/
	#paging { overflow: hidden; height: 100%; padding: 20px 0 0 0; border-top: 1px solid #e4e4e4; }
	#paging li { float: left; margin: 0 2px 0 0; font-size: 12px; color: #fff; font-weight: bold; }
	#paging li a { display: block; float: left; height: 100%; padding: 2px 4px; color: #fff; background: #a7a9ac; }
	#paging li a:hover, #paging li.active a { background: #009a82; }
	
/*	=SOCIAL
	----------------------------------------------------*/
	#social-media-icons { position: absolute; top: 15px; right: 200px; }
	#wide #social-media-icons { right: 0; }
	#social-media-icons li { float: left; margin: 0 0 0 2px; }
	
/*	=PARTNERS
	----------------------------------------------------*/
	#partners ul { overflow: hidden; height: 100%; }
	#partners ul li { float: left; margin: 0 0 10px 10px; }
	#partners ul li.first { margin-left: 0; }
	#partners ul li img { width: /*218*/ 208px; margin-bottom: 3px; border: 1px solid #e4e4e4; }
	#partners ul h2 { width: /*220*/ 210px; height: 23px; background: url(../img/partner_bg.gif) no-repeat top left; font-size: 12px; color: #fff; text-align: center; line-height: 23px; }
	
	#partners form * { vertical-align: middle; }
	#partners form { margin: 0 0 25px 0; overflow: hidden; height: 100%; border-bottom: 1px solid #ddd; }
	#partners form fieldset { float: left; width: 50%; padding: 0 0 8px 0; }
	#partners form h4 { margin: 0 0 5px 0; padding: 0 0 5px 0; font-family: FormataRegular; font-size: 17px; color: #4e4d4c; text-transform: uppercase; font-weight: bold; border-bottom: 1px solid #dddddd; }
	#partners form p { float: left; font-size: 12px; color: #505050; line-height: 24px; }
	#partners form select { margin: 0 0 0 5px; border: 1px solid #ddd; font-size: 12px; }
	#partners form select option { padding-right: 10px; }
	
/*	=PARTNER DETAIL
	----------------------------------------------------*/
	#partner-detail { overflow: hidden; height: 100%; width: 710px; }
	
	#partner-detail h2 { margin: 0 0 8px 0; font-size: 17px; font-weight: bold; font-family: FormataRegular; padding-bottom: 2px; text-transform: uppercase; border-bottom: 1px solid #e4e4e4; color: #4e4d4c; }

	#partner-detail .col-b { float: right; width: 390px; }
	#partner-detail .col-a { float: left; width: 280px; }
	
	#partner-detail .col-a .logo  { margin: 0 0 20px 0; border: 1px solid #e4e4e4; text-align: center; }
	#partner-detail .col-a .partners { position: relative; height: 193px; margin: 10px 0 15px 0; padding: 0 0 15px 0; border-bottom: 1px solid #e4e4e4; }
	#partner-detail .col-a .partners li { float: left; display: inline; margin: 0 0 0 8px; border: 1px solid #e4e4e4; }
	#partner-detail .col-a .partners li .foto { position: relative; }
	#partner-detail .col-a .partners li.first { margin-left: 0; }
	#partner-detail .col-a .partners li div.info { display: none; position: absolute; top: 120px; left: 0; width: 260px; padding: 4px 10px 7px 10px; background: #e4e4e4 url(../img/partners_bg_info.gif) no-repeat; }
	#partner-detail .col-a .partners li.active div.info { display: block; }
	#partner-detail .col-a .partners li p { margin: 0 0 5px 0; font-size: 12px; color: #505050; }
	#partner-detail .col-a .partners img:hover { cursor: pointer; }
	#partner-detail .col-a .partners div.foto .icon { display: none; position: absolute; top: 102px; left: 20px; width: 42px; height: 18px; background: url(../img/partners_bg_active.png) no-repeat; }
	#partner-detail .col-a .partners li.active .foto .icon { display: block; }
	
	#partner-detail .col-a .more { float: left; margin: 0 0 5px 0; height: 17px; background: url(../img/home-news_more_green_bg_center.gif); }
	#partner-detail .col-a .more span { background: url("../img/home-news_more_green_bg_left.gif") no-repeat left top;  }
	#partner-detail .col-a .more a { display: inline-block; height: 17px; padding: 0; font-size: 11px; color: #fff; text-transform: uppercase; line-height: 15px; cursor: pointer;  background: url(../img/home-news_more_green_bg_left.gif) no-repeat top left; }
	#partner-detail .col-a .more i { color: #fff;  font-size: 0.7em; display: inline-block; height: 17px; padding: 1px 8px 0 0; font-style: normal; background: url(../img/home-news_more_green_bg_right.gif) no-repeat top right; margin: 0 0 0 10px; }
	
	#partner-detail .caroussel { margin: 0 0 15px; overflow: hidden; height: 100%; }
	#partner-detail .caroussel h2 { margin: 0 0 15px 0; }
	#partner-detail .caroussel img { border: 1px solid #e5e5e5; }
	#partner-detail .caroussel .large { overflow: hidden; width: 292px; float: left; }
	#partner-detail .caroussel ul { width: 90px; float: right; }
	#partner-detail .caroussel ul li { position: relative; margin-bottom: 8px; }
	#partner-detail .caroussel ul li img { width: 88px; }
	#partner-detail .caroussel ul li .icon { display: none; position: absolute; top: 18px; left: -18px; width: 18px; height: 42px; background: url(../img/partners_caroussel_active.png) no-repeat; }
	#partner-detail .caroussel ul li.active .icon { display: block; }
	
	#partner-detail .user-content { width: 390px; }
	#partner-detail .user-content table, #partner-detail .user-content table td { border: 0; }
	#partner-detail .user-content td.hdr { width: 100px; color: #017866; }
	
/*	=GALLERY
	----------------------------------------------------*/
	.gallery { width: 570px; padding: 15px 0 15px 0; border-top: 1px solid #dcdcdc; }
	.gallery.first { padding-top: 0; border-top: 0; }
	.gallery h2 { margin: 0 0 10px 0; padding-left: 22px; font-family: FormataRegular; font-size: 14px; color: #505050; }
	.gallery h2.flickr { background: url(../img/ico_flickr.gif) no-repeat center left; }
	.gallery h2.youtube { background: url(../img/ico_youtube.gif) no-repeat center left; }
	.gallery h2 a { color: #505050; text-decoration: underline; font-size: 12px; font-family: Arial; }
	.gallery ul { overflow: hidden; height: 100%; }
	.gallery ul li { position: relative; float: left; display: inline; width: 170px; height: 113px; overflow: hidden; margin: 0 0 11px 11px; border: 1px solid #727272; }
	.gallery ul li.first { margin-left: 0; }
	.gallery ul li img { width: 170px; }
	.gallery .video li .icon { position: absolute; top: 50%; left: 50%; width: 25px; height: 30px; margin: -15px 0 0 -12px; background: url(../img/gallery_btn_video.png); }
	.gallery .video li a {}
	
/*	=FLASHOVERLAY
	----------------------------------------------------*/
	.flashoverlaywrapper { position: fixed; width: 100%; height: 100%; left: 0; top: 0; z-index: 10000; background: url(../img/bg_overlay.png); }
	.flashoverlay { width: 910px; height: 520px; padding: 10px 20px 20px 20px; background-color: #fff; margin: 50px auto 0 auto; border: 1px solid #00957E; }
	
	.flashoverlay .close { float: right; font-size: 12px; color: #000; margin-bottom: 10px; margin-right: 10px; }
	.flashoverlay .close:hover { color: red; }
	
	.flashoverlay .direct { float: right; font-size: 12px; color: #000; margin-bottom: 10px; margin-left: 10px; }
	.flashoverlay .direct:hover { color: red; }