/*
* 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, arial, verdana, times new roman;
  background-color:#fbe1ee;
}

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;
	/*background-image:url(../images/handjes_licht_r.png);
	background-repeat:no-repeat;
	background-position:center;*/
	height:70px;
	width:999px;	
	border-color: #000;
	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 {
	display:inline;
	float:left;	
	/*height:720px;*/
	width:999px;
	padding-top:5px;
	border-color: #E2338F;
	border-style: solid;
	border-width: 0px 1px 0px 1px;
	background-color:#fff;
	/*background-image:url('../images/pinkpop_background_roze.gif');
	background-repeat:no-repeat;*/
	background-position:center;	
}

.main_footer {
	float:left;	
	height:63px;
	width:999px;
	padding-top: 70px;
	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;
}

.main_footer_logo a {	
	border:none;
}

.main_footer_logo_r {
        float:right;
        margin:5px;
}

.main_footer_logo_r a {
        border:none;
}	

.main_footer_logo_r img {
        border:none;
}


.main_footer_logo img{
	height:50px;
	border:none;
}

.main_footer_links {
	float:left;
	margin: 20px 0px 0px 80px;
}

.main_footer_link {
	float:left;
	font-size:8pt;	
}

.main_left_side {
	display:inline;	
	float:left;
	width:700px;	
	margin-bottom:5px;
}

.main_right_side {	
	display:inline;
	float:right;
	margin-right:2px;
	width:320px;
}

/* 2. PLAYER ELEMENTS */

.player_title {
	float:left;
	font-size:13pt;
	margin-left:10px;	
	display:inline;
}

.player_title_label {
	float:left;
	color:#E2338F;
}

#player_title_value {
	float:left;
	color:#000;
}

#player {	
	float:left;
	margin: 0px 5px 15px 5px;
	display:inline;
}

/* 3. META-DATA elements*/

#meta_title_value {
	width:150px;
	margin:2px 0px 5px 5px;
	float:left;
	color:#fff;
	display:inline;
}

.meta_wrapper {	
	float:left;	
	margin:10px 0px 0px 10px;
	display:inline;
}

#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;
	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_iv_btn {
	cursor:pointer;
}

.meta_iv_btn_body {
	margin:10px 0px 10px 10px;
	float:left;
	height:23px;
	width:180px;
	background-color:#fff;
	color:#E2338F;
	padding:12px 0px 0px 30px;
}

.meta_iv_btn_img {
	float:left;
	margin:10px 0px 10px 0px;
}

.meta_iv_btn_img img {
	
}

.meta_interview {
	float:left;
	width:270px;
	height:290px;
	margin:0px 5px 0px 5px;	
	background-image:url(../images/panel_background.png);
	background-repeat:no-repeat;
	color:#fff;
}

.meta_optreden {
	float:left;
	width:160px;
	height:290px;
	background-color:#E2338F;
	color:#fff;	
}

#meta_poster {
	float:left;
	margin:0px 0px 10px 0px;	
}

#meta_poster_title {
	color:#E2338F;
}

#meta_poster_img {
	
}

#meta_playlist {
	float:left;
	margin:2px 0px 5px 5px;
	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;
	background-color:#E2338F;
	color:#fff;
	border:1px solid #000;	
	padding:2px;
	margin-bottom:5px;
	width:278px;
}

.search_header_text {
	float:left;	
	font-size: 110%;
	font-weight: bold;
	
}

.search_row {
	float:left;
	margin:3px;
	color:#E2338F;	
}

.search_label {
	float:left;
	font-size:11pt;
	width:120px;	
}

.search_input {
	float:left;
	width:300px;
}

.search_input input {
	width:200px;
}

.search_input select {	
	width:280px;
}

.search_year {
	float:left;
	margin: 5px 0px 0px 3px;
}

.search_year img {
	height:75px;
	border:none;
}

.search_year a {
        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: 262px;
	margin: 5px 0px 0px 5px;
	border-top:1px solid #E2338F;
}

.search_loading {
	float:left;
	background-color:#E2338F;
	width:0px;
	height:16px;
}

.search_term {
	float:left;
	margin: 3px 3px 3px 23px;
}

/* 5. RESULT ELEMENTS */

#res_wrapper {
	float:left;
	margin:5px 0px 3px 5px;
}

.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: 220px;
}

.res_item_text {
	float:left;
	display:inline;
	width: 200px;
	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;
}

.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 {
	/*text-shadow:none;*/
	float:right;
	text-decoration:underline;
	cursor:pointer;
}

#tooltip.pretty {
	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_wrapper {	
	float:left;
	height:280px;
	margin-left:10px;
	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;
	width: 50%;
	font-size:14pt;
	letter-spacing: 1px;
	display:inline;
	border-bottom: 1px solid #dddddd;
	padding: 0.5em 0 0.5em 4px;
	border-left: #E2338F 4px solid;
}

.about_p {
	font-family: arial;
	width:955px;
	display:inline;
	float:left;
	margin:0px 20px 20px 20px;
}

.about_text {
	float:left;
	width:800px;
}

.about_img {
	float:right;
}

.about_img img {
	height:50px;
}

.about_img_bg {
	float:right;
}

.about_img_bg img {

}

.about_img_twente {
	float:right;
}

.about_img_twente img {
	width: 180px;
}

.about_contact {
	margin:5px 0px 5px 0px;
	display:inline;
	font-size:9pt;
}

.about_contact a:hover {
	text-decoration:underline;
}

.disclaimer {
	margin: 10px;
	font-size:10pt;
	height:300px;
}

.faq {
	margin: 10px;	
}

/* Technologie */

.tech_articles {
	width:988px;
	float:left;	
	margin: 0px 5px 5px 5px;
	display:inline;
}

.tech_partner {
	font-weight:bold;
}

.tech_title {
	float:left;
	margin: 5px 5px 5px 5px;
	width: 50%;
	font-size:14pt;
	letter-spacing: 1px;
	display:inline;
	border-bottom: 1px solid #dddddd;
	padding: 0.5em 0 0.5em 4px;
	border-left: #E2338F 4px solid;
}