@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; }
	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: none; background: #fff;}
	#innerbody { background: none; overflow: hidden; height: 100%; }
	#innerbody.home { background: none; overflow: hidden; height: 100%; }
	#page-container { padding: 0 0 0; position: relative; width: 1000px; margin: 0 auto; text-align: left; }
	#page-container.home { background: none; }
	#content-container { overflow: hidden; height: 100%; padding: 0 20px; }
	#col-a { position: relative; float: left; width: 610px; }
	#col-b { display: none; }
	#col-c { width: 610px; }

/*	= Page elements
	----------------------------------------------------*/	
	#logo { position: relative; top: 0px; left: 0px; }
	#logo img { visibility: visible; }
	
	#programm-carrousel { display: none; }
	#page-header { display: none; }
	
/*	= Main navigation
	----------------------------------------------------*/
	#nav-main {  display: none; }
	
/*	= Meta navigation
	----------------------------------------------------*/
	#nav-meta { display: none; }
	
/*	= 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 !important;  }

/*	= Paging
	----------------------------------------------------*/	
	.paging { display: none }

/*	= Footer
	----------------------------------------------------*/	
	#footer { display: none; }

/*	= 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; }

/*	= 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;
	 }

/*	= 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 { display: none }
	
	#news-item h2 a { font-size: 18px; text-transform: uppercase; color: #007b6b; text-decoration: none;  }
	
	#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; }


/*	= Social extras
	----------------------------------------------------*/	
	#social-extras { display: none; }
	
	/* comments */	
	#reactions { display: none; }

	/* 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; }
	
	/* 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; }

	/* 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; }


/*	= Photo & Video
	----------------------------------------------------*/	
	#frm-photovideo-filters { display: none; }
	#frm-photovideo-filters fieldset { border: 0; width: 180px; float: left; }
	#frm-photovideo-filters fieldset.last { width: 250px; }
	#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: 158px; vertical-align:middle; }
	#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 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; }
	
	/* Photo vide detail */
	#photo { margin: 10px 0 0 0; overflow: hidden; text-align:center; }
	#photo img { border:  1px solid #616161; height:405px; }
	#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 { display: none; }
	
/*	= 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 .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 { 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-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: 32px; 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: 14px; 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 {  padding: 0 0 0 0; }
	#contact .col-b { padding: 20px 0 0 0; }
	#contact .col-c {  padding: 20px 0 0 0; }
	#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; }
	#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; }
	.user-content ul li { padding: 2px 0 2px 0px; list-style: disc; }
	.user-content ol li { padding: 2px 0 2px 0px; list-style-position: inside; }

	.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; }
	.user-content img.imgRight { float: right; margin-left: 10px; }

	.user-content table { width: 99%; margin: 1em 0 1em 1px; border: none; border-collapse: collapse; border-spacing: 0; border-left: 1px solid #ff7901; border-top: 1px solid #ff7901; }
	.user-content tr { }
	.user-content td { padding: 3px ; border-bottom: 1px solid #ff7901; border-right: 1px solid #ff7901; }
	.user-content td.hdr { background: #fcc089; 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; }