@charset "utf-8";

/*	THE HAGUE FESTIVALS STYLES
	Author:	Sebastiaan Smid, Netvlies
	----------------------------------------------------*/

	* { margin: 0; padding: 0; outline: 0; font-family: Arial, Helvetica, sans-serif; font-size: 14px; }
	img { border: 0; }
	body { text-align: center; padding: 0;  }
	h1 { font-size: 28px; text-transform: uppercase; color: #000; text-decoration: none; margin-bottom: 6px; }
	h1 span { font-size: 28px; text-transform: uppercase; color: #ef3a64; text-decoration: none; }
	h2 { font-size: 18px; text-transform: uppercase; color: #007b6b; text-decoration: none; margin-bottom: 6px; }
	h2.large { font-size: 28px; text-transform: uppercase; color: #000; text-decoration: none; }
	h2.fakeh1 { font-size: 28px!important; text-transform: uppercase; color: #000 !important; text-decoration: none; margin-bottom: 6px; }
	h3 { font-size: 12px; font-weight: normal; color: #ef3a64;  margin-bottom: 5px; }
	body  { background: #fff url(../img/2009/body_bg.jpg) repeat-x center top; }
	body.home { background: #fff url(../img/2009/body_home_bg.jpg) repeat-x center top; }
	
	input.h-pot { display: none; visibility: hidden; }
	
/*	= Box model
	----------------------------------------------------*/
	#body { background: url(../img/2009/page_footer_bg.jpg) no-repeat center bottom; padding: 0 0 0px 0; overflow: hidden; height: 100%; }
	#innerbody { background: url(../img/2009/innerbody_bg.jpg) no-repeat center top; overflow: hidden; height: 100%; }
	#innerbody.home { background: url(../img/2009/innerbody_home_bg.jpg) no-repeat center top; overflow: hidden; height: 100%; }
	#page-container { padding: 170px 0 0 0; position: relative; width: 1000px; margin: 0 auto; text-align: left; }
	#page-container.home { background: url(../img/2010/page-container_home.gif) no-repeat left top; }
	#content-container { overflow: hidden; height: 100%; padding: 0 20px; }
	#col-a { position: relative; float: left; width: 610px; }
	#col-b { float: right; width: 275px; padding: 45px 0 0 0; }
	#col-c { width: 960px; }

/*	= Page elements
	----------------------------------------------------*/	
	#logo { position: absolute; top: 0px; left: 0px; }
	#logo a { display: block; width: 557px; height: 87px;}
	#logo img { visibility: hidden; }
		
	#programm-carrousel { width: 960px; height: 260px; padding: 50px 20px 102px 20px ; }
	#programm-carrousel ul { overflow: hidden; height: 63px; margin-bottom: 7px; }
	#programm-carrousel li { display: block; float: left; margin: 0 3px 0 0; }
	#programm-carrousel li a { color: #fff; display: block; float: left; width: 47px; height: 58px; padding: 5px 0 0 0; text-align: center; text-decoration: none; }
	#programm-carrousel big { display: block; font-size: 22px; }
	#programm-carrousel small { text-transform: uppercase; display: block; font-size: 15px; }
	#programm-carrousel li.selected a { background: url(../img/2010/programm-carrousel_bg.gif); }
	#programm-carrousel li.selected big { color: #fecf00; }
	#programm-carrousel li.selected small { color: #000; }

	#programm-carrousel-js img { float: left; margin-right: 25px; }
	#programm-carrousel-js-text { position: relative; float: left; width: 380px; height: 184px; overflow: hidden; }
	#programm-carrousel-js-text h2 { color: #ffcc1f; }
	#programm-carrousel-js-text div.user-content, #programm-carrousel-js-text div.user-content * { color: #fff !important; height:144px; }
	#programm-carrousel-js-text div.user-content a { color: #ffcc1f !important; }
	#programm-carrousel-js-text a.readmore { position: absolute; bottom: 0px; left: 0px; text-transform: uppercase; text-decoration: none; color: #ffcc1f; }
	
	#page-header { position: relative; width: 1000px; height: 266px; margin: 0 0 5px 0; padding: 0 0 0 0;  }
	#page-header h2 { font-size: 30px; color: #fff; text-transform: uppercase; position: absolute; top: 25px; left: 20px; }
	#page-header img.vsl { position: absolute; top: 0px; right: 20px; }
	#page-header img.deco { position: absolute; top: 0px; left: 20px; }
	
/*	= Main navigation
	----------------------------------------------------*/
	#nav-main {  z-index: 10000; position: absolute; top: 113px; left: 20px; height: 33px; }
	#nav-main li { position: relative;  float: left; list-style: none; width: 145px; margin-right: 18px; }
	#nav-main li a { display: block; height: 25px; padding: 8px 0 0 9px; font-size: 17px; text-transform: uppercase; text-decoration: none; color: #000; background: url(../img/2010/nav-main_bg.png);  }
	#nav-main li a span { font-size: 17px; }
	#nav-main li.last { margin-right: 0; }
	#nav-main li.hassub a span { display: block; background:url(../img/nav-main_li_hassub.gif) no-repeat 115px center;  }
	#nav-main li a:hover { color: #007b6b; background: #fff; }
	#nav-main li:hover a { background: #fff; }
	#nav-main li:hover li a { color: #000; text-transform: none; }
	#nav-main li.selected a { color: #007b6b; background: #fff; }
	
	#nav-main li div { display: none; background: url(../img/nav-main_spacer.gif) repeat-y; padding: 8px 0 0 0; }
	#nav-main li div ul { background: #fff; min-width: 175px; padding: 14px 0; }
	#nav-main li div ul li {  float: none;  list-style: none; width: auto; margin-right: 0; padding: 2px 12px; height: auto;}
	#nav-main li div ul li a { color: #000; padding: 0; font-weight: bold; font-size: 13px; text-decoration: none; height: auto; }
	#nav-main li div ul li a:hover { color: #ef3a64; }
	
	#nav-main li div.big { display: none; position: absolute; top: 33px; left: -13px;  width: 660px; background: url(../img/nav-main_spacer.gif) repeat-y 13px top; padding: 8px 0 0 0; }
	#nav-main li div.big h4 { margin-bottom: 4px; }
	#nav-main li div.big h4 span { font-size: 16px; text-transform: uppercase; color: #ef3a64; background: url(../img/nav-main_div-big_h4_ico.gif) no-repeat right center; padding: 0 16px 0 0; }
	#nav-main li div.big div.container { background: #fff; display: block; width: 660px; padding: 0 10px 20px 10px; overflow: hidden; height: 100%; }
	#nav-main li div.big div.days { background: none; display: block; float: left; width: 160px; }
	#nav-main li div.big div.days ul { padding: 0; width: 80px; float: left; min-width: 0; }
	#nav-main li div.big div.days ul li { padding: 2px 0; }
	
	#nav-main li div.big div.events { background: none; width: 500px; float: left; display: block;  }
	#nav-main li div.big div.events h4 { padding: 0 0 0 20px; }
	#nav-main li div.big div.events ul { border-left: 1px solid #dcdcdc; padding: 0; width: 229px; padding: 0 0 0 20px; float: left; min-width: 0; }
	#nav-main li div.big div.events ul li { padding: 2px 5px 2px 0;}
		
	#nav-main li:hover div.small { position: absolute; top: 33px; left: 0px; display: block; }
	#nav-main li:hover div.big { display: block !important; }

/*	= Meta navigation
	----------------------------------------------------*/
	#nav-meta { position: absolute; top: 12px; right: 29px; }
	#nav-meta li { float: left; list-style: none; background: none; padding: 7px 3px; }
	#nav-meta li.first { padding: 7px 3px 7px 9px; }
	#nav-meta li.last { padding: 7px 9px 7px 3px; }
	#nav-meta li.text-size { background: none; padding: 1px 9px 5px 20px; }

	#nav-meta a, #nav-meta span { color: #fff; font-size: 18px; text-decoration: none; } 
	#nav-meta a:hover { color: #000; }
	#nav-meta .selected { color: #ffc901; }
	#nav-meta .selected:hover { color: #ffc901; }
	#nav-meta .small { font-size: 15px; }
	#nav-meta .medium { font-size: 18px; }
	#nav-meta .large { font-size: 22px; }
	#nav-meta li.text-size a, #nav-meta li.text-size span { margin: 0 3px; }
	
	#nav-sub  { position: absolute; top: 80px; left: 20px; }
	#nav-sub ul { width: 180px; float: left; margin: 0 12px 0 0; }
	#nav-sub ul li { list-style: none; margin: 0 0 6px 0; }
	#nav-sub ul li a { display: inline-block; }
	#nav-sub ul li a { display: block; font-size: 13px; text-transform: uppercase; color: #ef3a64; background: #252425; padding: 3px 6px; text-decoration: none; }
	#nav-sub ul li a:hover {  background: #fff; }
	
/*	= Search form
	----------------------------------------------------*/
	#frm-search { position: absolute; top: 54px; right: 27px; }
	#frm-search label { display: block; float: left; width: 167px; height: 23px; padding: 0 0 0 23px; background:url(../img/2010/frm-search_label_bg.gif) no-repeat;  }
	#frm-search label input { width: 155px; border: 0; margin: 3px 0 0 0; } 

	
/*	= Crumbpath
	----------------------------------------------------*/	
	#crumbpath { padding: 0 0 13px 0; margin-bottom: 12px;  }
	#crumbpath li { display: inline; font-size: 11px; color: #ef3a64;  }
	#crumbpath li span { color: #a2a2a2; font-size: 11px; }
	#crumbpath li a { color: #a2a2a2; font-size: 11px; text-decoration: underline; }
	#crumbpath li a:hover { text-decoration: none; }

/*	= Print buttons
	----------------------------------------------------*/	
	#print-btn { display: none; padding: 0 22px 0 0; height: 16px; font-size: 11px; color: #a2a2a2; text-decoration: underline; position: absolute; top: 2px; right: 7px; background: url(../img/ico_print.gif) no-repeat center right; }
	#print-btn:hover { text-decoration: none; }
	
/*	= Paging
	----------------------------------------------------*/	
	.paging { text-align: center; position: relative; padding: 10px 0; overflow: hidden;border-bottom: 1px solid #dcdcdc; }	
	.paging li { display: inline; line-height: 24px;  }
	.paging li a { font-size: 18px; font-weight: bold; color: #ef3a64; text-decoration: none; }
	.paging li a:hover { color: #000; }
	.paging li.prev { position: absolute; left: 0px; }
	.paging li.next { position: absolute; right: 0px; }
	.paging li.selected a { text-decoration: underline; }
	.paging li.selected a:hover { color: #ef3a64; }

/*	= Footer
	----------------------------------------------------*/	
	#footer { position: relative; height: 226px; padding: 0 20px; }
	#footer #social-media li { list-style: none; float: left; margin-right: 10px; }
	#footer #social-media h3 { font-size: 28px; color: #000; font-weight: bold; text-transform: uppercase; margin-bottom: 6px; }
	
	#footer #footer-banners { position: absolute; bottom: 0px; right: 17px; }
	#footer #footer-banners li { list-style: none; float: left; margin-left: 60px; }
	#footer #footer-banners li img { vertical-align: bottom; display: block;}
	#footer #footer-banners .dh { position: absolute ; top: -128px; right: -7px; }
	
	#footer #nav-footer  { padding: 130px 24px 10px 0; clear: both; text-align: left; }
	#footer #nav-footer li { display: inline; border-left: 2px solid #343232; padding: 0 2px 0 4px; }
	#footer #nav-footer li.first { border: none; padding: 0 2px 0 0; }
	#footer #nav-footer a { font-size: 16px; color: #343232; text-decoration: none; text-transform: uppercase; }
	#footer #nav-footer a:hover { color: #000; }
/*	= Call to actions
	----------------------------------------------------*/
	.cta { margin: 0 0 12px 0; }
	.cta.noborder { border: 0 !important; }
	
	/* latest reactions */ 
	#cta-latest-reactions h2 { font-size: 28px; color: #000; text-decoration: none; }
	#cta-latest-reactions li { padding: 8px 0; border-bottom: 1px solid #dcdcdc; list-style: none; }
	#cta-latest-reactions li a { display: block; height: 15px; position: relative; z-index: 1; overflow: hidden; line-height: 15px; text-decoration: none; color: #007b6b; text-transform: uppercase; } 
	#cta-latest-reactions li a * { cursor: pointer; }
	#cta-latest-reactions li a span { color: #ef3a64; } 
	#cta-latest-reactions li a span.react { color: #007b6b; }
	#cta-latest-reactions li a:hover span.react { color: #000;  }

	/* latest news */ 
	#cta-latest-news h2 { font-size: 28px; color: #000; text-decoration: none; }
	#cta-latest-news li {  padding: 8px 0; border-bottom: 1px solid #dcdcdc; list-style: none; }
	#cta-latest-news li a {  overflow: hidden; color: #007b6b; text-decoration: none; border-bottom: 1px solid #ef3a64; text-transform: uppercase; } 
	#cta-latest-news li a * { cursor: pointer; }
	#cta-latest-news li h3 a { color: #007b6b;  text-decoration: none; border-bottom: none; } 
	#cta-latest-news li a { color: #ef3a64; } 
	
	
	/* newsletter subscribe */ 
	#cta-newsletter { border-bottom: 1px solid #d6d6d6; padding-bottom: 15px; }
	#cta-newsletter h2 { font-size: 18px; color: #000; }
	#cta-newsletter h3 { color: #007b6b; font-size: 14px; margin: 10px 0 4px 0; }
	#cta-newsletter label { display: block; color: #f0476e; padding: 8px 0 5px 0; }
	#cta-newsletter input.text { border: 1px solid #b6b6b6; width: 269px; padding: 2px; }
	#cta-newsletter input.submit { margin-top: 10px; }

	/* events */ 
	#cta-events h2 { font-size: 28px; color: #000; text-decoration: none; }
	#cta-events li { padding: 8px 0; border-bottom: 1px solid #dcdcdc; list-style: none; }
	#cta-events li a { display: block; overflow: hidden; line-height: 15px; color: #007b6b; text-decoration: none; text-transform: uppercase; } 
	#cta-events li h3 a { color: #ef3a64; } 
	#cta-events li a { color: #007b6b; } 
	#cta-events li a.showall { color: #000; background: url(../img/ico_showall.gif) no-repeat 2px center; padding: 0 0 0 20px; } 
	#cta-events li a:hover { color: #000; }
	/* locations */ 
	#cta-locations h2 { font-size: 28px; color: #000; text-decoration: none; }
	#cta-locations li { padding: 8px 0; border-bottom: 1px solid #dcdcdc; list-style: none; }
	#cta-locations li a { display: block; overflow: hidden; line-height: 15px; color: #007b6b; text-decoration: none; text-transform: uppercase; } 
	#cta-locations li h3 a { color: #ef3a64; } 
	#cta-locations li a { color: #007b6b; } 
	#cta-locations li a.showall { color: #000; background: url(../img/ico_showall.gif) no-repeat 2px center; padding: 0 0 0 20px; } 

	/* event / location programm */ 
	#cta-programm h2 { font-size: 28px; color: #000; text-decoration: none; }
	#cta-programm li { padding: 8px 0; border-bottom: 1px solid #dcdcdc; list-style: none; }
	#cta-programm li span { display: block; overflow: hidden; line-height: 15px; color: #007b6b; text-decoration: none; text-transform: uppercase; } 
	#cta-programm li h3 span { color: #ef3a64; } 
	#cta-programm li span { color: #007b6b; }
	#cta-programm li a { display: block; overflow: hidden; line-height: 15px; color: #007b6b; text-decoration: none; text-transform: uppercase; }
	#cta-programm li a.showall { color: #000; background: url(../img/ico_showall.gif) no-repeat 2px center; padding: 0 0 0 20px; } 

	/* photos */ 
	#cta-photos { border-bottom: 1px solid #d6d6d6; padding: 0 0 18px 0; overflow: hidden; height: 100%; }
	#cta-photos h2 { font-size: 38px; color: #000; text-decoration: none; margin: 0 0 12px 0; }
	#cta-photos li { border: 0; margin: 0 0 6px 0; float: left; list-style: none; }
	#cta-photos li.first { margin: 0 6px 6px 0; }
	#cta-photos a { text-align: center; display: table-cell; vertical-align: middle; width: 132px; height: 132px; border: 1px solid #d6d6d6; }
	#cta-photos div { overflow: hidden; height: 100%; margin-bottom: 5px; }

	/* weather */ 
	#cta-weather { overflow: hidden; height: 100%; padding: 0 0 10px 0; border-bottom: 1px solid #d6d6d6; }
	#cta-weather h2 { font-size: 18px; color: #000; text-decoration: none; margin: 0 0 12px 0; }
	#cta-weather h3 { font-size: 13px; color: #007b6b; font-weight: bold; text-decoration: none; margin: 0 0 12px 0; }
	#cta-weather div { overflow: hidden; height: 100%; width: 50%; float: left; font-size: 12px; }
	#cta-weather div img { float: left; margin-right: 10px; }
	#cta-weather div span { color: #a3a3a3; }
	
	
	/* countdown */ 
	#cta-countdown { position: relative; background: url(../img/2009/cta_countdown_bg.gif) no-repeat left top; width: 273px; height: 101px; display:none; padding: 0 0 10px 0; border-bottom: 1px solid #d6d6d6; }
	#cta-countdown form { display: none; }
	#cta-countdown h2 { position: absolute; top: 63px; left: 7px; font-size: 17px; color: #fff; background: #fe417a;padding: 5px 4px 5px 4px; }
	#cta-countdown .datetime { position: absolute; top: 22px; left: 7px; }
	#cta-countdown .txt { float: left; padding: 3px 0; margin: 0 6px 0 0; color: #fff; font-weight: bold; font-size: 12px; background: #007b6b; }
	#cta-countdown .days { float: left; padding: 3px 4px; margin: 0 6px 0 0; color: #fff; background: #007b6b; }
	#cta-countdown .days small { display: none; }
	#cta-countdown .time { float: left; padding: 3px 4px; margin: 0 0 0 0; color: #fff; background: #007b6b; }
	#cta-countdown .datetime big { color: #fff; font-size: 16px; font-weight: bold; } 
	#cta-countdown .datetime small { color: #fff; font-weight: bold; font-size: 12px; text-transform: uppercase; }

	/* image / animation */ 
	.cta-banner { border-bottom: 1px solid #d6d6d6; overflow: hidden; height: 100%; }
	.cta-banner h2 { font-size: 18px; color: #000; margin-bottom: 10px; } 
	.cta-banner a { display: block; margin-bottom: 13px; }
	.cta-banner .animation { padding: 0; margin: 0 0 10px 0; position: relative; display: block !important; width: 275px; height: 150px; overflow: hidden; }
	.cta-banner .animation div.banner { position: absolute; top: 0; left: 0px;  width: 275px; height: 150px;display: none; }
	.cta-banner .animation div.banner.first { position: relative; display: block;  width: 275px; height: 150px;top: 0px; left: 0px; }
	.cta-banner .animation div.banner.small { padding: 25px 0 0 0; height: 100px; }
	.cta-banner .animation div.banner.small .flash { height: 100px; overflow: hidden; }
	.cta-banner .animation div div { position: relative; width: auto; height: auto; display: block; }
	.cta-banner .animation div.hiddenswf-container { display: none; }
	.cta-banner .hiddenswf-container { margin-bottom: 13px; }

/*	= Search results
	----------------------------------------------------*/
	#frm-search-results { padding: 20px 0; border-bottom: 1px solid #dcdcdc; }
	#frm-search-results fieldset { border: 0; width: 234px; height: 23px; padding: 0 0 0 22px;  background:url(../img/2010/frm-search-result_fieldset_bg.gif) no-repeat; }
	#frm-search-results label { display: block; float: left; font-size: 14px; font-weight: bold; line-height: 23px; padding: 0 10px 0 0; }
	#frm-search-results fieldset input.text { float: left; width: 155px; border: 0; margin: 3px 0 0 0; } 
	#frm-search-results fieldset input.submit { float: right; } 
	
	#search-results { padding-bottom: 20px; }
	#search-results .search-result { border-bottom: 1px solid #dcdcdc; padding:10px 0; }
	#search-results .search-result h4 { font-size: 14px; }
	#search-results .search-result h4 a { text-decoration: none; color: #000; }
	#search-results .search-result .highlite { color: #ef3a64; } 
	#search-results .search-result a.link { color: #ef3a64; }
	#search-results .search-result a.link:hover { text-decoration: none; }

/*	= Homepage items
	----------------------------------------------------*/	
	#homepage-items { padding: 0 0 20px 0; }
	#homepage-items .homepage-item div.user-content { margin-top: 6px; }
	#homepage-items .homepage-item { padding: 16px 0 15px 0; border-bottom: 1px solid #dcdcdc; }
	#homepage-items .homepage-item .date { font-size: 12px; color: #f26183; margin-bottom: 5px;  }
	#homepage-items .homepage-item .more { overflow: hidden; height: 100%; padding: 15px 0 0 0; }
	#homepage-items .homepage-item .more a { text-decoration: none; }
	#homepage-items .homepage-item .more a.readmore { float: left; color: #007b6b; }
	#homepage-items .homepage-item .more a.readreactions { float: right; color: #ef3a64; text-decoration: underline; }
	#homepage-items .homepage-item .more a.share-twitter { 
		color: #ef3a64; display: block; font-size: 14px; text-transform: uppercase; text-decoration: none; float: right; height: 16px; padding: 3px 0 0 25px; background: url(../img/social_ico_twitter_small.gif) no-repeat left center;
	 }
	 	#homepage-items .homepage-item .more a.share-twitter:hover { color: #000; }

/*	= News overview page
	----------------------------------------------------*/	
	#news-items { padding: 0 0 20px 0; }  
	#news-items .news-item div.user-content { margin-top: 6px; }
	#news-items .news-item { padding: 16px 0 15px 0; border-bottom: 1px solid #dcdcdc; }
	#news-items .news-item .date { font-size: 12px; color: #f26183; margin-bottom: 5px;  }
	#news-items .news-item .more { overflow: hidden; height: 100%; padding: 15px 0 0 0; }
	#news-items .news-item .more a { text-decoration: none; }
	#news-items .news-item .more a.readmore { float: left; color: #007b6b; }
	#news-items .more a.readmore:hover { text-decoration: underline; }
	#news-items .news-item .more a.readreactions { float: right; color: #ef3a64; text-decoration: none; }
	#news-items .news-item .more a.readreactions:hover { text-decoration: underline; }
	#news-items h2 a { font-size: 18px; text-transform: uppercase; color: #007b6b; text-decoration: none;  }
	#news-items h2 a:hover { color: #000 ;}
	
	#evenement-programm { position: relative; border-top: 1px solid #d6d6d6; padding: 20px 0 0 0; margin: 0 0 20px 0; }
	#evenement-programm h2 { text-transform: uppercase; color: #000; font-size: 28px; }
	#evenement-programm h3, { text-transform: uppercase; font-weight: bold; font-family: Arial, Helvetica, sans-serif; font-size: 18px; color: #000; margin: 20px 0 6px 0; }
	#evenement-programm .event { text-transform: uppercase; font-weight: bold; margin: 0 0 5px 0; font-size: 12px; }
	#evenement-programm .event .date { color: #ef3a64; }
	#evenement-programm .event .name { text-decoration:none; color: #007b6b; text-transform: uppercase; }

	#evenementprogramma { margin-top: 25px; padding-top: 15px; padding-bottom: 10px; border-top: #d6d6d6 1px solid; }
	#evenementprogramma div { margin-bottom: 10px; }
	#evenementprogramma h2 { font-size: 18px; text-transform: uppercase; color: #ef3a64; text-decoration: none; margin-bottom: 2px; }
	#evenementprogramma h3, #evenementprogramma h3 *  { text-transform: uppercase; font-size: 12px; font-weight: bold; color: #007b6b;  }
	#evenementprogramma h3 u { color: #ef3a64; }
	#evenementprogramma h3 a { text-decoration: none; }

/*	= Social extras
	----------------------------------------------------*/	
	#social-extras { padding: 10px 0; margin: 15px 0 20px 0; overflow: hidden; height: 100%; border-top: 1px solid #dcdcdc; border-bottom: 1px solid #dcdcdc; }
	#social-extras a { color: #ef3a64; display: block; font-size: 14px; float: left; text-transform: uppercase; text-decoration: none; margin: 0 12px 0 0;  }
	#social-extras .like-facebook { margin: 0px 12px 0 0; height: 16px; padding: 3px 0 0 0px; display: block; float: left; border: none; width: 80px; height: 32px; }
	#social-extras .share-twitter { margin: 3px 12px 0 0; height: 16px; padding: 3px 0 0 25px; background: url(../img/social_ico_twitter_small.gif) no-repeat left center; }
	#social-extras .share-hyves { margin: 3px 12px 0 0; height: 16px; padding: 3px 0 0 25px; background: url(../img/social_ico_hyves_small.gif) no-repeat left center; }
	#social-extras .share-facebook { margin: 3px 12px 0 0; height: 16px; padding: 3px 0 0 25px; background: url(../img/social_ico_facebook_small.gif) no-repeat left center; }
	#social-extras a:hover { color: #000; }

	.social-extras { padding: 10px 0 0 0; text-align: right; margin: 0; overflow: hidden; height: 100%;  }
	.social-extras a { color: #ef3a64; display: block; font-size: 14px; float: right; text-transform: uppercase; text-decoration: none; margin: 0 0 0 12px;  }
	.social-extras .share-twitter { margin: 3px 0 0 12px; height: 16px; padding: 3px 0 0 25px; background: url(../img/social_ico_twitter_small.gif) no-repeat left center; }
	.social-extras .share-hyves { margin: 3px 0 0 12px; height: 16px; padding: 3px 0 0 25px; background: url(../img/social_ico_hyves_small.gif) no-repeat left center; }
	.social-extras .share-facebook { margin: 3px 0 0 12px; height: 16px; padding: 3px 0 0 25px; background: url(../img/social_ico_facebook_small.gif) no-repeat left center; }
	.social-extras a:hover { color: #000; }


	/* comments */	
	#reactions { padding: 0 0 20px 0; }
	#reactions h2 { color: #000; font-size: 28px; text-transform: uppercase; }
	#reactions .reaction { padding: 10px 0 12px 0; border-bottom: 1px solid #dcdcdc; }
	#reactions .reaction h4 { color: #ef3a64; font-size: 12px; text-transform: uppercase; }
	#reactions .reaction .content { font-size: 12px; text-transform: uppercase; color: #007b6b; font-weight: bold; }

	/* comment form */
	#frm-comment { display: none; overflow: hidden; height: 100%; border-bottom: 1px solid #dcdcdc; margin: 0 0 20px 0; padding: 0 0 20px 0; }
	#frm-comment.show { display: block; }
	#frm-comment h2 { color: #000; font-size: 28px; }
	#frm-comment .intro-text { font-size: 14px; font-weight: bold; color: #007b6b; text-transform: uppercase; }
	#frm-comment .required-text { font-size: 12px; color: #ef3a64; margin-left: 5px; }
	#frm-comment fieldset * { font-size: 12px; }
	#frm-comment fieldset { border: 0; clear: both; }
	#frm-comment fieldset.col-l{ width: 50%; float: left; clear: none; }
	#frm-comment fieldset.col-r { width: 274px; float: right; clear: none; }
	#frm-comment label { display: block; color: #ef3a64; padding: 8px 0 5px 0; }
	#frm-comment textarea { border: 1px solid #b6b6b6; height: 5.8em; width: 272px; }
	#frm-comment input.text { border: 1px solid #b6b6b6; padding: 2px; width: 270px;}
	#frm-comment input.submit { clear: both; margin: 12px 0 0 0; }
	#frm-comment .error { background: url(../img/2010/frm_error_ico.gif) no-repeat left 10px; display: block; clear: both; margin: 0; padding: 5px 0 0 15px; color: #ff0000; font-size: 12px; }

	
	/* send to a friend form */
	#frm-staf { display: none; overflow: hidden; height: 100%; border-bottom: 1px solid #dcdcdc; margin: 0 0 20px 0; padding: 0 0 20px 0; }
	#frm-staf.show { display: block; }
	#frm-staf h2 { color: #000; font-size: 28px; }
	#frm-staf .intro-text { font-size: 14px; font-weight: bold; color: #007b6b; text-transform: uppercase; }
	#frm-staf .required-text { font-size: 12px; color: #ef3a64; margin-left: 5px; }
	#frm-staf fieldset * { font-size: 12px; }
	#frm-staf fieldset { border: 0; clear: both; }
	#frm-staf fieldset.col-l{ width: 50%; float: left; clear: none; }
	#frm-staf fieldset.col-r { width: 274px; float: right; clear: none; }
	#frm-staf label { display: block; color: #ef3a64; padding: 8px 0 5px 0; }
	#frm-staf textarea { border: 1px solid #b6b6b6; height: 5.8em; width: 305px; }
	#frm-staf input.text { border: 1px solid #b6b6b6; padding: 2px; width: 267px;}
	#frm-staf input.submit { clear: both; margin: 12px 0 0 0; }
	#frm-staf .error { background: url(../img/2010/frm_error_ico.gif) no-repeat left 10px; display: block; clear: both; margin: 0; padding: 5px 0 0 15px; color: #ff0000; font-size: 12px; }

	/* e-card form */
	#frm-ecard { display: none; overflow: hidden; height: 100%; border-bottom: 1px solid #dcdcdc; margin: 0 0 20px 0; padding: 0 0 20px 0; }
	#frm-ecard.show { display: block; }
	#frm-ecard h2 { color: #000; font-size: 28px; }
	#frm-ecard .intro-text { font-size: 14px; font-weight: bold; color: #007b6b; text-transform: uppercase; }
	#frm-ecard .required-text { font-size: 12px; color: #ef3a64; margin-left: 5px; }
	#frm-ecard fieldset * { font-size: 12px; }
	#frm-ecard fieldset { border: 0; clear: both; }
	#frm-ecard fieldset.col-l{ width: 274px; float: left; clear: none; }
	#frm-ecard fieldset.col-r { width: 274px; float: right; clear: none; }
	#frm-ecard label { display: block; color: #ef3a64; padding: 8px 0 5px 0; }
	#frm-ecard textarea { border: 1px solid #b6b6b6; height: 5.8em; width: 305px; }
	#frm-ecard .error { background: url(../img/2010/frm_error_ico.gif) no-repeat left 10px; display: block; clear: both; margin: 0; padding: 5px 0 0 15px; color: #ff0000; font-size: 12px; }
	#frm-ecard input.text { border: 1px solid #b6b6b6; padding: 2px; width: 268px;}
	#frm-ecard input.submit { clear: both; margin: 12px 0 0 0; }

/*	= Photo & Video
	----------------------------------------------------*/	
	#frm-photovideo-filters { overflow: hidden; height: 100%; padding: 12px 0 15px 0; margin-top: 15px; border-bottom: 1px solid #d6d6d6; border-top: 1px solid #d6d6d6; }
	#frm-photovideo-filters fieldset { border: 0; width: 160px; float: left; }
	#frm-photovideo-filters fieldset.eventfilter { width: 230px; }
	#frm-photovideo-filters fieldset.last { width: 220px; }
	#frm-photovideo-filters label { margin: 0 0 3px 0; text-transform: uppercase; display: block; font-weight: bold; }
	#frm-photovideo-filters select { border: 1px solid #d6d6d6; height: 22px; width: 150px; vertical-align:middle; }
#frm-photovideo-filters fieldset.eventfilter select { width: 220px; }
	#frm-photovideo-filters input.submit { margin: -1px 0 0 0; vertical-align: top; }

	#photovideo-overview { margin: 0 0 25px 0; }
	#photovideo-overview .photogroup { padding: 15px 0; border-bottom: 1px solid #dcdcdc; }
	#photovideo-overview .photogroup h2 { float: left; overflow: hidden; height: 100%; font-size: 16px; }
	#photovideo-overview .photogroup h2.flickr { background: url(../img/social_ico_flickr_16.gif) no-repeat left top; padding: 0 0 0 22px; }
	#photovideo-overview .photogroup h2.youtube { background: url(../img/social_ico_youtube_16.gif) no-repeat left top; padding: 0 0 0 22px; }
	#photovideo-overview .photogroup .photorow { overflow: hidden; height: 100%; clear: both; }
	#photovideo-overview .photogroup a.grouplink { font-size: 14px; font-weight: bold; color: #ef3a64; margin: 0 0 0 10px; }
	#photovideo-overview .photogroup a.grouplink:hover { text-decoration: none; }
	#photovideo-overview .photogroup ul { clear: both; overflow: hidden; height: 100%; }
	#photovideo-overview .photogroup li { vertical-align: middle; text-align: center; list-style: none; border: 1px solid #dcdcdc; display: block; float: left; margin: 0 11px 11px 0; 	}
	#photovideo-overview .photogroup li a { display: table-cell; background: #fafafa; vertical-align: middle; height: 142px; width: 142px; }
	#photovideo-overview .photogroup li a img {margin: auto;}
	#photovideo-overview .photogroup li.last { margin: 0; }
	#photovideo-overview .fancyboxphotos.hidden { display: none;}
	
	/* Photo vide detail */
	#photo { margin: 10px 0 0 0; overflow: hidden; text-align:center; }
	#photo img { border:  1px solid #616161; }
	#subscript { margin: 10px 0 0 0; overflow: hidden; height: 100%; color: #ef3a64; }
	#subscript .date { float: left; width: 50%; font-size: 12px; }
	#subscript .copyright { float: right; width: 50%; text-align: right; font-size: 12px; }
	/*
	#photopaging { margin: 15px 0 0 0; padding: 10px 0 0 0; border-top: 1px solid #dcdcdc; overflow: hidden; height: 100%; text-align: center; }
	#photopaging li { display: inline; float: left; }
	#photopaging li.photo { margin: 0;  }
	#photopaging li.photo a { display: table-cell; background: #fafafa; vertical-align: middle; width: 142px; height: 147px; padding: 5px 0 0 0; background: url(../img/photopaging_bg.gif) no-repeat; }
	#photopaging li.photo.selected { margin: 0 10px;  }
	#photopaging li.photo.selected a { display: table-cell; background: #fafafa; vertical-align: middle; width: 142px; height: 147px; padding: 5px 0 0 0; background: url(../img/photopaging_bg_selected.gif) no-repeat; } 
	#photopaging li.prev, #photopaging li.next { padding: 65px 0 0 0; width: 82px; }
	#photopaging li.prev a { float: left; }
	#photopaging li.next a { float: right; }
*/
	#photopaging { margin: 15px 0 0 0; padding: 10px 0 0 0; border-top: 1px solid #dcdcdc; overflow: hidden; height: 100%; text-align: center; }
	#photopaging li { display: inline; float: left; }
	#photopaging li.photo { margin-left: 10px;  }
	#photopaging li.photo.first { margin: 0;  }
	#photopaging li.photo a { display: table-cell; background: #fafafa; vertical-align: middle; width: 142px; height: 147px; padding: 5px 0 0 0; background: url(../img/photopaging_bg.gif) no-repeat; }
	#photopaging li.fill {  width: 142px; height: 147px; vertical-align: middle; }
	#photopaging li.photo.selected {  }
	#photopaging li.photo.selected a { display: table-cell; background: #fafafa; vertical-align: middle; width: 142px; height: 147px; padding: 5px 0 0 0; background: url(../img/photopaging_bg_selected.gif) no-repeat; } 
	#photopaging li.prev, #photopaging li.next { padding: 65px 0 0 0; width: 82px; }
	#photopaging li.prev a { float: left; }
	#photopaging li.next a { float: right; }
	
/*	= Locations
	----------------------------------------------------*/	
	#frm-locations-overview { overflow: hidden; height: 100%; margin: 10px 0 0 0; padding: 12px 0 15px 0; border-bottom: 1px solid #d6d6d6; border-top: 1px solid #d6d6d6; }
	#frm-locations-overview fieldset { border: 0; }
	#frm-locations-overview label { margin: 0 0 8px 0; text-transform: uppercase; display: block; font-weight: bold; }
	#frm-locations-overview select { border: 1px solid #d6d6d6; height: 22px; width: 158px; vertical-align:middle; }
	#frm-locations-overview input.submit { margin: -1px 0 0 0; vertical-align: top; }
	
	#locations-googlemap { overflow: hidden; height: 100%; margin-bottom: 20px; }
	#googlemap { width: 610px; height: 425px; }
	#location-programm { position: relative; border-top: 1px solid #d6d6d6; padding: 20px 0 0 0; margin: 0 0 20px 0; }
	#location-programm h2 { text-transform: uppercase; color: #000; font-size: 28px; }
	#location-programm h3 { text-transform: uppercase; font-weight: bold; font-family: Arial, Helvetica, sans-serif; font-size: 18px; color: #000; margin: 20px 0 6px 0; }
	#location-programm .event { text-transform: uppercase; font-weight: bold; margin: 0 0 5px 0; font-size: 12px; }
	#location-programm .event .date { color: #ef3a64; }
	#location-programm .event .name a { text-decoration:none; color: #007b6b; text-transform: uppercase; }
	
/*	= Programm 
	----------------------------------------------------*/		
	#frm-programm-filters { overflow: hidden; height: 100%; padding: 12px 0 15px 0; border-bottom: 1px solid #d6d6d6; border-top: 1px solid #d6d6d6; }
	#frm-programm-filters fieldset { border: 0; width: 180px; float: left; }
	#frm-programm-filters fieldset.last { width: 250px; }
	#frm-programm-filters label { margin: 0 0 3px 0; text-transform: uppercase; display: block; font-weight: bold; }
	#frm-programm-filters select { border: 1px solid #d6d6d6; height: 22px; width: 158px; vertical-align:middle; }
	#frm-programm-filters input.submit { margin: -1px 0 0 0; vertical-align: top; }

	#programm-overview { position: relative; margin-bottom: 20px; }
	#programm-overview-switch { position: absolute; top: -24px; right:0; } 
	#programm-overview-switch a, #programm-overview-switch span { color: #000; text-transform: uppercase; text-decoration: none; display: block; float: left; height: 17px; padding: 2px 27px 0 0; margin: 0 0 0 27px; }
	#programm-overview-switch a.list, #programm-overview-switch span.list { background: url(../img/2010/programm-overview_ico_list.gif) no-repeat right top; }
	#programm-overview-switch a.block, #programm-overview-switch span.block { background: url(../img/2010/programm-overview_ico_block.gif) no-repeat right top; }
	#programm-overview-switch a.selected, #programm-overview-switch span.selected { color: #007b6b; background-position: right bottom; }
	#programm-overview-switch a:hover { color: #007b6b; }
	
	#programm-overview .event { margin: 0; padding: 10px 0 7px 0; border-bottom: 1px solid #d6d6d6; height: 100%; overflow:hidden; }
	#programm-overview .event img { float: left; margin-right: 12px; }
	#programm-overview .event h2 { line-height: 16px; height: 20px; }
	#programm-overview .event h2, .event h3, .event h4 { margin: 0; padding: 0; }
	#programm-overview .event h2 a { color:#000; font-size: 19px; text-decoration: none; }
	#programm-overview .event h3 { margin: 8px 0 0 0; line-height: 15px; height: 15px; text-transform: uppercase; color: #ef3a64; font-size: 12px; }
	#programm-overview .event h4 { line-height: 16px; height: 16px; color: #007b6b; font-size: 12px; }
	#programm-overview .event h4 a { line-height: 16px; height: 16px; color: #007b6b; font-size: 12px; text-decoration: none; }
	#programm-overview .event h4 a:hover { color: #000; }
	
	#programm-block-dates { overflow: hidden; height: 100%; margin: 10px 0 23px 0; padding: 7px 0 8px 0; border-bottom: 1px solid #dcdcdc; border-top: 1px solid #dcdcdc; }
	#programm-block-dates li { display: block; float: left; width: 30px; margin: 0 1px; text-align: center;  }
	#programm-block-dates li.first { margin: 0 1px 0 0; }
	#programm-block-dates li.last { margin: 0 0 0 1px; }
	#programm-block-dates li span { display: block; text-align: center; }
	#programm-block-dates li span.day { font-size: 13px; font-weight: bold; }
	#programm-block-dates li span.month { font-size: 10px; font-weight: bold; text-transform: uppercase; }
	#programm-block-dates li a {  color: #000; text-decoration: none; }
	#programm-block-dates li a:hover { color: #ef3a64; }
	#programm-block-dates li.selected a { color: #ef3a64; }
	
	#programm-overview-block { position: relative; }
	#programm-overview-block h3 { font-size: 18px; color: #007b6b; margin: 0 0 15px 0; }
	#programm-overview-block a.download { position: absolute; top: 0px; right: 0px; font-size: 14px; font-weight: bold; color: #ef3a64; text-decoration: underline; }
	#programm-overview-block a.download:hover { text-decoration: none; }
	

/*	= Contact 
	----------------------------------------------------*/	
	#contact { padding: 16px 0 20px 0; overflow: hidden; height: 100%; }
	#contact .col-a { float: left; width: 289px; padding: 0 20px 0 0; border-right: 1px solid #dcdcdc; }
	#contact .col-b { float: left; width: 299px; padding: 0 20px; border-right: 1px solid #dcdcdc; }
	#contact .col-c { float: left; width: 290px; padding: 0 0 0 20px; }
	#contact .strong { font-weight: bold; }
	
/*	= Newsletter
	----------------------------------------------------*/	
	#newsletter-view { margin: 15px 0 25px 0; }
	#newsletter-view a { font-size: 14px; font-weight: bold; color: #ef3a64;  }
		
/*	= Registration form
	----------------------------------------------------*/		
	#frm-register .user-content { margin: 20px 0 !important; }
	#frm-register fieldset { padding: 5px 0; border: 0; border-top: 1px solid #dcdcdc; }
	#frm-register ol { list-style: none; }
	#frm-register ol li { overflow: hidden; height: 100%; padding: 5px 0; }
	#frm-register label { float: left; display: block; width: 220px; margin: 2px 0 0 0; font-size: 14px; color: #000; font-weight: bold; line-height: 16px; }
	#frm-register input.text { width: 380px; padding: 2px; border-top: 1px solid #adadaf; border-right: 1px solid #e1e1e3; border-bottom: 1px solid #e4e5e7; border-left: 1px solid #e4e5e7; font-size: 14px; }
	#frm-register input.radio { vertical-align: middle; }
	#frm-register textarea { overflow: auto; width: 380px; padding: 2px; border-top: 1px solid #adadaf; border-right: 1px solid #e1e1e3; border-bottom: 1px solid #e4e5e7; border-left: 1px solid #e4e5e7; }
	#frm-register .error { background: url(../img/2010/frm_error_ico.gif) no-repeat left 10px; display: block; clear: both; margin: 0 0 0 220px; padding: 5px 0 0 15px; color: #ff0000; font-size: 12px; }
	#frm-register .kvk { font-size: 14px; color: #000; font-style: italic; }
	#frm-register .submit { text-align: right; }
	#frm-register li div { width: 384px; float: left; clear: right; }
	#frm-register li div label {  display: inline; float: none; vertical-align: middle; font-weight: normal; margin: 0 10px 0 0; }
	
/*	= Standard text page
	----------------------------------------------------*/	
	#standard-content h2 { margin: 8px 0 6px 0; }
	#standard-content div.user-content { margin-top: 6px; }
	#standard-content .more { overflow: hidden; height: 100%; padding: 15px 0 0 0; }
	#standard-content .more a { text-decoration: none; }
	#standard-content .more a.readmore { float: left; color: #007b6b; }
	#standard-content .more a.readreactions { float: right; color: #f26183; text-decoration: underline; }

	#standard-content { padding: 0 0 20px 0; margin-bottom: 30px; border-bottom: 1px solid #d6d6d6; }
	#standard-content span.date { font-size: 12px; color: #f26183;  margin-bottom: 5px; }

	dl { margin: 20px 0 0 0; }
	dt { font-weight: bold; float: left; margin-right: 4px; }
	dl a { color: #ef3a64; }
	dt,dd { padding: 4px 0;}
	
	/*	user-content
	----------------------------------------------------*/
	.user-content { overflow: hidden; height: 100%; margin: 0 ; padding: 0; font-size: 14px; line-height:18px; font-family: Arial, Verdana, Helvetica, sans-serif; }
	.user-content p { margin: 0; padding: 0; }
	.user-content blockquote { padding-left: 30px; }

	.user-content ul, .user-content ol { margin: 0 0 14px 0px; list-style-position: inside; }
	.user-content ul li { padding: 2px 0 2px 0px; list-style: disc; list-style-position: inside; margin-left:17px; }
	.user-content ol li { padding: 2px 0 2px 0px; }

	.user-content a, .user-content a:active, .user-content a:visited { color: #ef3a64; }
	.user-content a { color: #ef3a64; text-decoration: underline; } 
	.user-content a:hover { color: #ef3a64; text-decoration: underline; }
	.user-content img { border: 1px solid #6f6f6f; }
	.user-content img.imgLeft { float: left; margin-right: 10px; border: 0px; }
	.user-content img.imgRight { float: right; margin-left: 10px; border: 0px; }

	.user-content table { width: 99%; margin: 1em 0 1em 1px; border: none; border-collapse: collapse; border-spacing: 0; border-left: 1px solid #d6d6d6; border-top: 1px solid #d6d6d6; }
	.user-content tr { }
	.user-content td { padding: 3px ; border-bottom: 1px solid #d6d6d6; border-right: 1px solid #d6d6d6; }
	.user-content td.hdr { background: #fff; font-weight: bold; }
	
	.user-content table.no_table_border { border-left: 0; border-top: 0; }
	.user-content table.no_table_border td { border-bottom: 0; border-right: 0; }



	#iframe-mac { border: none; overflow: hidden; width: 539px; height: 842px; }

	#endthanks { margin: 30px 0 10px 0; padding: 7px 0; border-top: 1px solid #dcdcdc; border-bottom: 1px solid #dcdcdc; }
	#endthanks h2 { color: #f15378; font-size: 48px; text-transform: uppercase; margin: 0 0 -6px 0; }
	#endthanks h3 { color: #007b6b; font-size: 30px; text-transform: uppercase; }
	#popupEndBox {  display: none; position: absolute; top: 75px; left: 0px; width: 100%; text-align: center; z-index: 10001; }
	#popupEnd { position: relative; width: 452px; margin: 0px auto; }