/*
* 40 jaar Pinkpop style sheet
*/

/* 0. MAIN ELEMENTS*/

#html, body {
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  width:980px;
  height: 100%;
  margin: auto;
  font-family: 'Tahoma';
  background-color:#fbe1ee;
}

h2 {
	font-family:Tahoma,Arial;
	font-size:14px;
	font-weight:bold;
	margin:0;
	padding:0 10px 10px;	
}	

a {
	color:#000;
	text-decoration:none;
}

a:hover {
	color:#000;
	text-decoration:none;
}

/* 1. HOME ELEMENTS */

.main_wrapper {
	margin: 0px auto;	
	display: block;	
}

.main_header {
	float:left;
	background-color:#E2338F;	
	height:70px;
	width:999px;
	border-color: #E2338F;
	border-style: solid;
	border-width: 0px 1px 1px 1px;
	font-size: 110%;
	font-weight: bold;
}

.main_handjes {
	float:left;
	margin:12px 0px 0px 16px;
	display:inline;
}

.main_handjes img {
	
}

.main_menu {
	float:left;
	padding-top:48px;
	margin-left:10px;
	color:#fff;
	display:inline;
}

.main_menu a {
	color:#fff;
}

.main_menu a:hover {
	color:#fff;
	text-decoration:underline;
}

.main_menu_sel a {
	text-decoration:underline;
	color:#fff;
}

.main_menu_sel a:hover {
	text-decoration:underline;
	color:#fff;
}

.main_logo {
	float:right;
}

.main_logo img {
	height:70px;
	border:none;
}

.mm_text {
	float:left;
}

.main_logo_pp {
	float:left;
}

.main_logo_pp img {
	height:70px;
	border:none;
}

.main_content {
	float:left;	
	width:999px;
	border-color: #E2338F;
	border-style: solid;
	border-width: 0px 1px 0px 1px;
	background-color:#fff;
	background-position:center;	
}

.main_footer {
	float:left;	
	width:999px;
	margin: 0px 0px 10px 0px;
	border-color: #E2338F;
	border-style: solid;
	border-width: 0px 1px 1px 1px;
	background-color:#fff;
}

.main_footer_logo {
	margin:5px;
	float:left;
	display:inline;
}

.main_footer_logo a {	
	border:none;
}

.main_footer_logo_r {
	margin:5px;
	float:right;
	display:inline;
}

.main_footer_logo_r img {
	border:none;
}

.main_footer_logo_r a {	
	border:none;
}	

.main_footer_logo img{	
	border:none;
}

.main_footer_links {
	float:left;
	display:inline;
	margin: 20px 0px 0px 60px;
}

.main_footer_link {
	float:left;
	font-size:8pt;	
}

.main_left_side {
	display:inline;
	float:left;
	width:630px;
	margin:0px 0px 5px 5px;
}

.main_right_side {	
	display:inline;
	float:left;
	margin:5px 0px 0px 5px;
	width:353px;
}

/* 2. PLAYER ELEMENTS */

.player_title_label {
	float:left;
	color:#E2338F;
}

#player_title_value {
	float:left;
	color:#000;
}

#player {
	float:left;
	margin: 5px 0px 0px 0px;
}

/* 3. META-DATA elements*/

.meta_title {
	font-size:110%;
}

#meta_title_value {
	width:150px;
	display:inline;
	margin:2px 0px 5px 5px;
	float:left;
	color:#fff;
}

.meta_wrapper {	
	float:left;	
	margin:5px 0px 0px 0px;
}

#meta_tag_cloud {
	float:left;
	padding:5px;
	margin:10px 0px 0px 0px;
	border: 1px solid #E2338F;
	-webkit-border-radius:5px;
	-moz-border-radius: 5px 5px 5px 5px;
}

#meta_tag_cloud_title {
	float:left;
	width:250px;
	color:#fff;
	margin:5px 0px 5px 5px;
}

.meta_cloud_tag {
	float:left;
	color:#fff;
}

.meta_cloud_tag a {
	color:#fff;
}

#meta_tag_times {
	float:left;
	margin: 5px;
}

#mtt_prev_button {
	float:left;
	margin-right: 2px;
}

#mtt_counter {
	float:left;
}

#mtt_next_button {
	float:left;
	margin-left: 2px;
}

.meta_cloud_tag a:hover {
	text-decoration:underline;
}

.meta_btn {
	cursor:pointer;
}

#meta_op_btn_body {
	margin:10px 0px 10px 5px;
	float:left;
	height:25px;
	width:120px;
	display:inline;
	font-size:10pt;
	background-color:#333;
	color:#fff;
	padding:10px 0px 0px 5px;
}

#meta_op_btn_img {
	float:left;
	margin:10px 0px 10px 0px;
}

#meta_op_btn_img img {
	
}

#meta_iv_btn_body {
	margin:10px 0px 10px 5px;
	float:left;
	height:25px;
	width:120px;
	display:inline;
	font-size:10pt;
	background-color:#fff;
	color:#E2338F;
	padding:10px 0px 0px 5px;
}

#meta_iv_btn_img {
	float:left;
	margin:10px 0px 10px 0px;
}

#meta_panel {
	float:left;
	width:270px;
	height:290px;
	margin:0px 5px 0px 0px;	
	display:inline;
	background-image:url(../images/panel_background2.png);
	background-repeat:no-repeat;
	color:#fff;
}

.meta_optreden {
	float:left;
	width:159px;
	height:290px;
	margin-right:1px;
	background-color:#E2338F;
	color:#fff;	
}

#meta_poster {
	float:left;
	margin:0px 0px 5px 0px;	
	display:inline;
}

#meta_poster_title {
	color:#E2338F;
	font-weight:bold;
}

#meta_poster_img {
	
}

#meta_playlist {
	float:left;
	margin:2px 0px 5px 5px;
	display:inline;
	color:#fff;
}

#back_button {
	font-size:12pt;
}

#back_button a {
	color:#E2338F;
}

.meta_playlist_title {
	margin: 30px 0px 10px 0px;
	font-size:12pt;	
}

.meta_song {
	font-size:10pt;
}

.meta_song a {
	color:#fff;
}

.meta_song a:hover{
	text-decoration:underline;
}

.meta_small {
	font-size:9pt;
}

/* 4. SEARCH ELEMENTS */

.search_header {
	float:left;	
	color:#fff;	
	padding:2px;
	margin-bottom:5px;
	width:352px;
	height:32px;
	background-image:url(../images/video_bar.png);
	background-repeat:no-repeat;
}

.search_header_text {
	float:left;	
}

#search_navigation {
	float:left;
	font-size:11pt;
	width:120px;
	color:#E2338F;
	width:350px;
}

#search_navigation a {
	color:#E2338F;
}

#search_navigation a:hover {
	text-decoration:underline;
}

.search_labels {
	float:left;
	margin-right:5px;
}

.search_loading {
	float:left;
	background-color:#E2338F;
	width:0px;
	height:18px;
}

.search_sel {
	text-decoration:underline;
}

#search_option_year {
	float:left;
	margin:5px 0px 5px 0px;
	color:#E2338F;
}

#search_option_band {
	float:left;
	margin:5px 0px 5px 0px;
	color:#E2338F;
}

.search_band {
	
}

.bands_left {
	float:left;
	margin-right:5px;
}

.bands_right {
	float:left;
}

.search_band a {
	font-size:10pt;
	color:#E2338F;
}

.search_band a:hover {
	text-decoration:underline;
}

.search_year {
	float:left;
	margin: 5px 0px 0px 3px;
}

.search_year a {
	border:none;
}

.search_year img {
	height:75px;
	border:none;
}

.search_link {
	margin-right:3px;
	float:right;
}

.search_link a {
	
}

.search_link a:hover {	
	text-decoration:underline;
}

.search_line {
	float:left;
	display:inline;
	height: 1px;
	width: 332px;
	margin: 5px 0px 5px 5px;
	border-top:1px solid #E2338F;
}

.search_term {
	float:left;
	margin: 3px 3px 3px 23px;
}

/* 5. RESULT ELEMENTS */

#res_wrapper {
	float:left;
	margin:0px 0px 5px 0px;
}

.res_item {
	float:left;
	cursor:pointer;
}

.res_item_img {
	float:left;	
}

.res_item_img img {
	height: 40px;
	align:centre;
	border:none;
}

.res_item_details {
	float:left;
	overflow:hidden;
	width: 260px;
}

.res_item_text {
	float:left;
	display:inline;
	width: 270px;
	margin:0px 0px 0px 10px;
	overflow:hidden;
}	

.res_item_label {
	float:left;
	height:20px;
	color:#E2338F;
	overflow:hidden;
}

.res_item_value {
	float:left;
	height:20px;
	white-space:no-wrap;
	overflow:hidden;
}

.res_item_icon {
	float:right;
}

.res_item_icon img {
	height: 16px;
	border:none;
}

#res_footer {
	float:left;
}

#res_amount {
	float:left;	
}

.res_paging {
	float:left;
	margin-left:30px;
	display:inline;
}

.res_sel_page{
	
}

.res_sel_page a{
	color:#E2338F;
}

.res_sel_page a:hover {
	
}

#res_no_results {
	margin:5px;	
}

res_playlist {
	
}

/*6. TOOLTIP CSS*/

.tip {
	float:right;
	text-decoration:underline;
	cursor:pointer;
}

#tooltip.pretty {
	font-family: Arial;
	border: none;
	width: 210px;
	padding:10px;
	height: 42px;
	opacity: 0.8;
	/*background: url('shadow.png');*/
}

#tooltip.pretty h3 {
	margin-bottom: 0.75em;
	font-size: 12pt;
	width: 220px;
	text-align: center;
}

#tooltip.pretty div { width: 220px; text-align: left; }

/*7. TEMP HOME ELEMENTS*/

.email_title {
	float:left;
	font-size:13pt;	
}

.email_wrapper {	
	float:left;
	height:280px;
	margin-top:10px;
}

.email_intro {
	float:left;
	width:800px;
	margin-bottom:20px;
}

.email_form {
	float:left;
}

.email_row {
	float:left;
	margin-top:5px;
	width:600px;
}

.email_label {
	float:left;
	width:100px;
}

.email_field {
	float:left;
}

.email_field input {
	width: 200px;
}

.email_button {
	float:left;
}

.email_button input {
	
}

#email_result {
	float:left;
	margin:5px 0px 5px 0px;
	width:300px;
}

/*8. ABOUT PAGE */

.about_title {
	float:left;
	margin: 0px 20px 20px 20px;
	display:inline;
	width:800px;
	font-size:14pt;
}

.about_p {
	font-family:Arial;
	width:990px;
	float:left;
	margin:0px 20px 20px 20px;
	display:inline;
}

.about_text {
	float:left;
	width:800px;
}

.about_img {
	float:right;
}

.about_img img {
	height:50px;
}

.about_img_twente {
	float:right;
}

.about_img_twente img {
	width: 180px;
}

.about_contact {
	margin:5px 0px 5px 0px;
	font-size:9pt;
}

.about_contact a:hover {
	text-decoration:underline;
}

/*8. DISCLAIMER PAGINA*/

.disclaimer {
	margin: 50px 10px 50px 10px;
	font-size:10pt;
}

.faq {
	margin: 10px;	
}

/*9. NEW HOME & WIDGETS */

#vd_widget {
	margin-top:5px;
}

.nh_main_content {
	float:left;	
	width:999px;	
	border-color: #E2338F;
	border-style: solid;
	border-width: 0px 1px 0px 1px;
	background-color:#fff;
	background-position:center;		
}

.nh_start {
	float:right;
	width:338px;
	height:325px;
	display:inline;
	margin: 5px 5px 0px 0px;
	/*background-image:url(../images/nh_panel.png);
	background-repeat:no-repeat;
	background-position:right;*/
	color:#E2338F;
}

#nh_start_btn {
	margin-left:182px;
}

#nh_start_btn_body {
	margin:5px 0px 5px 5px;
	float:left;
	height:29px;
	width:120px;
	font-size:10pt;
	background-color:#000;
	color:#E2338F;
	padding:5px 0px 0px 5px;
	display:inline;
}

#nh_start_btn_img {
	float:left;
	margin:5px 0px 5px 0px;
}

#nh_start_btn_img img {
	
}

.nh_start_text {
	height:260px;
	margin:5px 5px 0px 5px;
}

.nh_top_left {
	float:left;
}

.nh_top_right {	
	float:right;
}

.nh_bottom {
	float:right;
}

#player_home {	
	float:left;
	margin: 5px 0px 0px 5px;
	display:inline;
}

.widgets {
	display:inline;
	float:left;	
	margin:5px 5px 0px 5px;
	background-color:#fff;
}

.widget {	
	float:left;	
	width:492px;
}

.rotatingWidget {
	float:left;	
	width:492px;
	height:128px;
	background-color:#E2338F;
	color: #fff;	
}

.fwHeader {
	float:left;
	font-size:0;
	height:10px;
	line-height:2px;
}

.fwCornerTL {
	background-image: url(../images/widget/corner_tl_r.png);
	width:10px;
	height:10px;
	float:left;
}

.fwTopC {
	background-color:#E2338F;
	float:left;
	font-size:0;
	height:10px;
	line-height:2px;
	width:472px;
}

.fwCornerTR {
	background-image: url(../images/widget/corner_tr_r.png);
	float:left;
	width:10px;
	height:10px;
}

.fwFooter {
	float:left;
	font-size:0;
	height:10px;
	line-height:2px;
}

.fwCornerBL {
	background-image: url(../images/widget/corner_bl_r.png);
	width:10px;
	height:10px;
	float:left;
}

.fwBottomC {
	background-color:#E2338F;
	float:left;
	font-size:0;
	height:10px;
	line-height:2px;
	width:472px;
}

.fwCornerBR {
	background-image: url(../images/widget/corner_br_r.png);
	float:left;
	width:10px;
	height:10px;
}

#frag_item {
	float:left;
	display:inline;
	cursor:pointer;
	margin-left:5px;
}

#pop_item {
	float:left;
	cursor:pointer;
	margin-left:5px;
	display:inline;
}

#frag_widget {
	margin-right:5px;
}

.frag_item_img {
	float:left;	
}

.frag_item_img img {
	height: 100px;
	align:centre;
	border:none;
}

.frag_item_details {
	float:left;
	overflow:hidden;
	width: 290px;
}

.frag_item_text {
	float:left;
	display:inline;
	width: 250px;
	margin:0px 0px 0px 10px;
	overflow:hidden;
}

.frag_item_label {
	float:left;
	height:20px;
	color:#000;
	overflow:hidden;
}

.frag_item_value {
	float:left;
	height:20px;
	white-space:no-wrap;
	overflow:hidden;
}