/* @group Layout */

html, body {
	margin: 0px;
	padding: 0px;
}
#header {
	margin: 0px auto;
	padding: 10px 0px;
	background: url(../images/header.jpg) no-repeat left top;
	width: 895px;
	height: 217px;
}

div#content {
	margin: 0px auto;
	padding: 10px;
	padding-right: 0px;
	background: url(../images/content.jpg) no-repeat left top;
	width: 885px;
	height: 497px;
	min-height: 497px;
	position: relative;
}
div#col1head, div#col1 {
	margin-left:  52px;
	width: 490px;
	height: 437px;
	float: left;
	overflow: auto;
	padding-right: 110px;
}
div#col2head, div#col2 {
	margin-left: 20px;
	width: 210px;
	height: 437px;
	float: left;
	overflow: auto;
}

div#col3 {
	display: block;
	margin-top: 10px;
	padding-top: 10px;
}
div#col1head, div#col2head {
	height: 40px;
	overflow: visible;
}
div#status {
	position: relative;
	bottom: 0px;
	z-index: 100;
	display: block;
}
div#search {
	position: relative;
	width: 205px;
	top:  145px;
	bottom: 0px;
	right: 10px;
	float: right;
	height: 90px;
	z-index: 20;
}


#subcol1, #subcol2 {
	width: 220px;
	float: left;
	/*border: 1px solid red;*/
}
#subcol1 h4, #subcol2 h4 {
	height: 20px;
}
#subcol1 {
	margin-right: 20px;
	border-right: 1px solid grey;
}
#subcol2 #devise_links {
	display: none;
}

.subcol1, .subcol2 {
	width: 220px;
	float: left;
	/*border: 1px solid red;*/
}
.subcol1 {
	margin-right: 20px;
}

/* @end */

/* @group Style */

* {
	font-family: Verdana, sans-serif;
	font-size: 10px;
}
h1 { font-size: 15px; text-transform: uppercase; }
h2 { font-size: 13px; text-transform: uppercase; }
h3 { font-size: 11px; text-transform: uppercase; }

/*h1.title {
	font-family: "Blackout-Midnight", Verdana, sans-serif;
	font-size: 20px;
}*/
.blogimage {
	float:  left;
	margin-right: 5px;
	border: 1px solid black;
}
.blogtitle {
	margin-top: 0px;
	text-transform: uppercase;
}

ul.post_list {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
a.more {
	float: right;
	color: white;
	background-color: black;
	padding: 1px 3px;
	text-transform: uppercase;
	font-weight: bold;
	text-decoration: none;
}
a.continue {
	clear: both;
	font-weight: bold;
	text-decoration: none;
	color: black;
}

form {
	margin: 0px;
	padding: 0px;
	/*border: 1px solid black;*/
	display: inline-block;
}
#search form {
	margin-top: 3px;
}
#search input[type=text] {
	margin: 0px;
	padding: 0px;
	margin-bottom: 3px;
	border: 1px solid black;
	width: 192px;
}
#search input[type=submit] {
	display: block;
	border: 1px solid black;
	width: 50px;
	color: white;
	background-color: black;
	font-weight: bold;
	text-transform: uppercase;
	float: right;
	margin-right: 11px;
}

/* @end */

/* @group Menu */

.menu_item:hover {
	/*pointer: hand;*/
}

ul#navigatielijst {
	margin: 0px;
}

ul#navigation {
	position: absolute;	
	/*border: 1px solid green;*/
	top:0px;
	margin: 0px;
	padding: 0px;
	width: 895px;
	height: 208px;
	z-index: 10;
	/*background-image: url(../images/grid.png);*/
}

ul#navigation li {
	margin: 0; 
	padding: 0; 
	list-style: none;
    position: absolute; 
    top: 0;
}
ul#navigation li, ul#navigation a {
    display: block;
	height: 40px;
	/*border-bottom: 1px solid blue;
	border-right: 1px solid blue;
	background-color: rgba(210,251,179,0.37);*/
}

li.menu_item a {
	text-indent: -2000px;
}

ul#navigation li#menu_home, ul#navigation li#menu_home a {
	width: 62px;
	left: 0px;
	top: 160px;
} #menu_home        a:hover, #menu_home.current a {
	background: transparent url(../images/menu_sprite_hover.png) no-repeat 0 -160px; 
}

ul#navigation li#menu_contestants, ul#navigation li#menu_contestants a {
	width: 98px;
	left: 62px;
	top: 151px;
} #menu_contestants a:hover, #menu_contestants.current a { 
	background: transparent url(../images/menu_sprite_hover.png) no-repeat -62px -151px; 
}

ul#navigation li#menu_audio, ul#navigation li#menu_audio a {
	width: 82px;
	left: 160px;
	top: 143px;
} #menu_audio       a:hover, #menu_audio.current a { 
	background: transparent url(../images/menu_sprite_hover.png) no-repeat -160px -143px; 
}

ul#navigation li#menu_releases, ul#navigation li#menu_releases a {
	width: 118px;
	left: 240px;
	top: 133px;
} #menu_releases    a:hover, #menu_releases.current a { 
	background: transparent url(../images/menu_sprite_hover.png) no-repeat -240px -133px; 
}

ul#navigation li#menu_overnew, ul#navigation li#menu_overnew a {
	width: 153px;
	left: 553px;
	top: 101px;
	height: 48px;
} #menu_overnew     a:hover, #menu_overnew.current a { 
	background: transparent url(../images/menu_sprite_hover.png) no-repeat -553px -101px; 
}

ul#navigation li#menu_faq, ul#navigation li#menu_faq a {
	width: 76px;
	left: 703px;
	top: 96px;
} #menu_faq         a:hover, #menu_faq.current a { 
	background: transparent url(../images/menu_sprite_hover.png) no-repeat -703px -96px; 
}

ul#navigation li#menu_contact, ul#navigation li#menu_contact a {
	width: 115px;
	left: 780px;
	top: 84px;
} #menu_contact     a:hover, #menu_contact.current a { 
	background: transparent url(../images/menu_sprite_hover.png) no-repeat -780px -84px; 
}

ul#navigation li#menu_aanmelden, ul#navigation li#menu_aanmelden a {
	width: 155px;
	left: 359px;
	top: 119px;
	height:  44px;
} #menu_aanmelden     a:hover, #menu_aanmelden.current a { 
	background: transparent url(../images/menu_sprite_hover.png) no-repeat -359px -119px; 
}


/* @end */

/* @group Headers / Titles */

#eerdere_artikelen {
	height: 23px;
	text-indent: -3000px;
	background: url(../images/titles/old_posts.png) no-repeat -4px;
	margin: 0px;
	padding: 0px;
}

#new_status {
	height: 23px;
	text-indent: -3000px;
	background: url(../images/titles/new_status.png) no-repeat -4px;
}
#search h3 {
	height: 15px;
	background: url(../images/titles/search.png) no-repeat;
	text-indent: -3000px;
	margin: 0px;
	padding: 0px;
}

#meest_gedownload {
	height: 25px;
	background: url(../images/titles/most_downloaded.png) no-repeat;
	text-indent: -3000px;
	margin: 0px;
	padding: 0px;
}

#alle_artiesten {
	height: 25px;
	background: url(../images/titles/all_artists.png) no-repeat;
	text-indent: -3000px;
	margin: 0px;
	padding: 0px;
}
#populaire_artiesten {
	height: 25px;
	background: url(../images/titles/populair_artists.png) no-repeat;
	text-indent: -3000px;
	margin: 0px;
	padding: 0px;
}
#biography {
	height: 25px;
	background: url(../images/titles/biography.png) no-repeat;
	text-indent: -3000px;
	margin: 0px;
	padding: 0px;
}
#n_e_w__releases {
	height: 25px;
	background: url(../images/titles/releases.png) no-repeat;
	text-indent: -3000px;
	margin: 0px;
	padding: 0px;
}
#tracklisting {
	height: 25px;
	background: url(../images/titles/tracklisting.png) no-repeat;
	text-indent: -3000px;
	margin: 0px;
	padding: 0px;
}

#nieuwste_tracks {
	height: 25px;
	background: url(../images/titles/nieuwste_tracks.png) no-repeat;
	text-indent: -3000px;
	margin: 0px;
	padding: 0px;
}

#tracks {
	height: 25px;
	background: url(../images/titles/tracks.png) no-repeat;
	text-indent: -3000px;
	margin: 0px;
	padding: 0px;
}
#n_e_w__partners {
	height: 25px;
	background: url(../images/titles/n_e_w_partners.png) no-repeat;
	text-indent: -3000px;
	margin: 0px;
	padding: 0px;
}

#overzicht {
	height: 25px;
	background: url(../images/titles/overzicht.png) no-repeat;
	text-indent: -3000px;
	margin: 0px;
	padding: 0px;
}

#contactgegevens {
	height: 25px;
	background: url(../images/titles/contactgegevens.png) no-repeat;
	text-indent: -3000px;
	margin: 0px;
	padding: 0px;
}

#populaire_releases {
	height: 25px;
	background: url(../images/titles/populaire_releases.png) no-repeat;
	text-indent: -3000px;
	margin: 0px;
	padding: 0px;
}

/* @end */

/* @group Tracks */
div.track {
	display: block;
	padding: 0px;
	margin: 0px;
	margin-bottom: 30px;
	width: 486px;
}
div.track .trackpic {
	float: left;
	margin-right: 5px;
	margin-bottom: 10px;
	width: 228px;
	height: 121px;
}
div.track .trackpic img {
	height: 100%;
}
div.track p {
	margin: 0px;
	padding: 0px;
}
div.track h3 {
	margin: 0px;
	padding: 0px;
	font-size: 13px;
}
div.upload_details {
	margin: 0px;
	padding: 0px;
	text-transform: uppercase; 
}

ul.tracks {
	margin: 0px;
	padding: 0px;
	list-style-image: url(../images/big_bullet.png);
	list-style-position: outside;
}
ul.tracks li {
	margin: 0px;
	padding: 0px;
	margin-left: 20px;
	margin-bottom: 15px;
}
ul.tracks li a {
	text-decoration: none;
	color: #000;
	font-weight: bold;
}
p.embed {
	clear: both;
	color: red;
}
/* @end */

/* @group Artists */

.artist {
	display: block;
	clear: both;
	margin-top: 5px;
	position: relative;
	height: 131px;
}
.artist .picture {
	width: 220px;
	display: inline-block;
	float: left;
}
.artist img {
	float: left;
	margin-right: 10px;
	display: inline-block;
}
.artist a.more {
	position: absolute;
	bottom: 8px;
	right: 0px;
}
.artist .details {
	float: left;
	margin-left: 20px;
}
table.artists{
	display: inline-table;
	border-collapse: collapse;
	width: 100%;
}
table.artists tr td {
	height: 110px;
	margin-top: 30px;
	vertical-align: top;
}
table.artists tr td h3{
	margin-top: 0px;
}
table.artists tr td a.more {
	float: right;
	margin-top: 5px;
}

table.artists tr td.picture img.profile_picture {
	width: 228px;
	height: 121px;
}
table.artists tr.spacer td { 
	height: 10px;
}
ul.artists > li {
	clear: both;
}
ul.artists, ul.artists ul.group {
	margin: 0px;
	margin-left: 0px;
	padding: 0px;
	list-style-type: none;
	display: block;
}
ul.artists li a {
	text-decoration: none;
	color: #000;
	font-weight: bold;
	display: block;
	margin-bottom: 1px;
	margin-left: 30px;
}
ul.artists h4 {
	/*font-family: "Blackout-Midnight", Verdana, sans-serif;*/
	float: left;
	margin: 0px;
	margin-top: -2px;
	font-size: 16px;
}

.profile_picture {
	float: left;
	margin-right: 10px;
}

ul.artist_track_list {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	margin-left: 15px;
}
ul.artist_track_list li p{
	margin: 0px;
}
ul.artist_track_list li h3 {
	margin-left: -15px;
	text-indent: 15px;
	background: url(../images/big_bullet.png) no-repeat 0 center;
	font-size: 15px;
	margin-bottom: 0px;
}
/* @end */

/* @group Releases */

.release {
	display: block;
	clear: both;
	margin-bottom: 10px;
	float: none;
	height: 151px;
	min-height: 151px;
	position: relative;
}
.release img {
	float: left;
	margin-right: 10px;
}
.release a.more {
	position: absolute;
	bottom: 8px;
	right: 0px;
}

/* @end */

/* @group Profiles */

table.profile {
	width: 490px;
	border-collapse: collapse;
	margin-top: 13px;
}

table.profile td.label {
	width: 200px;
}
table.profile tr.title {
	padding-top: 10px;
}
table.profile td {
	padding: 3px 5px 3px 0px;
}
table.profile tr.title td {
	font-weight: bold;
	font-size: 14px;
	border-bottom: 1px solid #000;
	margin-top: 10px;
	background-color: #e5e5e5;
}

/* @end */

/* @group DL's */

dl dt {
	font-weight: bold;
	font-size: 1.2em;
}

dl dd {
	margin: 0px 0px 5px 0px ;
}
dl.partners dd {
	margin-bottom: 10px;
}
dl.faq_headers dt {
	margin-bottom: 10px;
}
dl.faq_headers dt a{
	margin-bottom: 10px;
	text-decoration: none;
	color: black;
	font-weight: bold;
}

/* @end */

/* @group Contact form */

#contact_form label {
	font-weight: bold;
}

#contact_form input {
	border: 1px solid black;
	width: 100%;
}

#contact_form textarea {
	border: 1px solid black;
	width: 460px;
}

#contact_form #contact_submit {
	width: 100px;
	float: right;
	margin-right: 25px;
	background-color: #000;
	color: white;
}

/* @end */
/* @group Pagination */
.pagination_spacer {
	height: 30px;
}
.pagination {
	display: inline-block;
	width: 480px;
	padding: 4px;
	padding-bottom: 10px;
	position: fixed;
	background-color: whitesmoke;
	text-align: center;
	z-index: 12;
}
.pagination a, 
.pagination .current,
.pagination .disabled,
.pagination .prev_page,
.pagination .next_page {
	padding: 3px;
	border: 1px solid #989898;
	background-color: white;
}

.pagination a {
	color: black;
	text-decoration: none;
}
.pagination a:hover {
	border: 1px solid black;
	color: #8d8f8f;
	background-color: #ebecee;
}
.pagination .current {
	border: 1px solid black;
	color: white;
	background-color: #989898;
}
.pagination .disabled {
	
}
.pagination .prev_page {
	
}
.pagination .next_page {
	
}

/* @end */
