@charset "utf-8";
/* Html en CSS door Jasper de Boer */
/* http://www.jasperdb.nl/ */
/* Jasperdboer@gmail.com */

/* Algemene stijlen **/

body {
	margin: 0px;
	padding: 0px;
	background: #afcbd8;
	font-family: Arial, Helvetica, sans-serif;
	min-width : 986px;
}

ul, li {
	margin: 0;
	padding: 0;
	list-style: none;
}

img {
	border: none;	
}

.bl {
	display: block;
	float: left;
}

.br {
	display: block;
	float: right;
}

.clear {
	clear: both;	
}

/* Container */

div#container {
	margin: 0 auto;
	overflow: hidden;
	float: left;
	display: block;
	padding: 11px 8px 0 8px;
	background: url(http://nl.songstatic.nl/img/container_bg.png) repeat-x #fff;
	width: 970px;	
}

#wrapper {
	width: 986px;	
	z-index: 2;
	position: relative;
	margin-left : auto ;
	margin-right : auto ;
}

/* Adontainer */
#adcontainer_160 {
	margin: 210px 0 0 503px;
	width: 160px;
	overflow: hidden;
	z-index: 1;
	position: absolute;
	left: 50%;
}

#adcontainer_120 {
	margin: 210px 0 0 503px;
	width: 120px;
	overflow: hidden;
	z-index: 1;
	position: absolute;
	left: 50%;
}

#skyscraper_160 {
	margin: 0 0 0 20px;
	float: right;
	width: 160px;
	height: 600px;
}

#skyscraper_120 {
	margin: 0 0 0 20px;
	float: right;
	width: 120px;
	height: 600px;
}

/* Logo */
.logo {
	margin: 22px 29px 0 5px;
	width: 200px; height: 56px;	
	display: block;
	float: left;
	text-indent: -9999px;
	cursor: pointer;	
}

.logo_nl {
	background: url(http://nl.songstatic.nl/img/logo_nl.gif) no-repeat;
}

.logo_en {
	background: url(http://nl.songstatic.nl/img/logo_en.gif) no-repeat;
}

.logo_be {
	margin-top: 22px;
	width: 207px;
	background: url(http://nl.songstatic.nl/img/logo_be.gif) no-repeat;
}

/* Mainmenu */
#mainmenu {
	margin: 18px 0 0 0;
	padding: 0;
	width: 970px; height:49px;	
	background: url(http://nl.songstatic.nl/img/main_menu_bg.png) repeat-x;
	
	display: block;
	float: left;
	
	list-style-type: none;
	
	color: #fff;
	font-size: 13px;
	font-weight: bold;
	text-transform: uppercase;
}
	#mainmenu ul {
	margin: 0;
	
	}

	#mainmenu li {
		display: block;
		float: left;
	}
	
		#mainmenu li a {
			margin: 0;
			padding: 15px 25px 0 25px;
			text-align: center;
			display: block;
			float: left;
			
			width: auto; height: 35px;
			
			color: #fff;
			text-decoration: none;
		}
		
		#mainmenu li a:hover {
			background: #fff;
			color: #024867;
		}

/* Browsemenu */
#browsemenu {
	margin: 0;
	padding: 0;
	width: auto; height: 32px;
	display: block;
	float: left;
	
	list-style-type: none;
	
	background: #afcbd8;
	border-top: 1px solid #fff;
	
	font-weight: bold;
	font-size: 11px;
	color: #034765;	
}

	#browsemenu li {
		list-style-type: none;
		display: block;
		float: left;
	}
	
	#browsemenu .browsetitle {
		padding: 8px 4px 0 8px;	
	}
	
		#browsemenu li a {
			color: #034765;	
			text-decoration: none;
			padding: 8px 4px 0 4px;
			display: block;
			float: left;
		}
		
		#browsemenu li a:hover {
			text-decoration: underline;
		}

/* Form */
#form {
	padding: 4px 21px 0 0;
	display: block;
	width: 421px; height: 28px; /*283 32*/
	float: left;
	background: #afcbd8;
	border-top: 1px solid #fff;
	text-align: right;
}

	#form .input {
		width: 175px; height: 18px;
		border: none;
		color: #5f5f5f;
		font-size: 12px;
		margin: 0;
		padding: 0 0 2px 5px;
		border: 1px solid #024665;
	}
	
	#form .button {
		margin: 0 0 -4px 0;
	}
	
	#form .select {
		height: 20px;
		width: 150px;
		border: 1px solid #024665;
		font-size: 11px;
		padding: 0;
	}
	
/* Content */
.content {
	margin: 10px 0 10px 0;
	padding: 8px;
	height: auto;
	display: block;
	float: left;
	background: url(http://nl.songstatic.nl/img/content_top_bg.png) top repeat-x #fff;
	border: 1px solid #024665;
}

.content h2 {
	margin: 0 0 20px 0;
	padding: 0;
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	text-align: left;
}

/* Left start */
#left {
	margin: 8px 10px 10px 0;
	width: 624px;
	display: block;
	float: left;
}

.full {
	width: 606px;	
}

.full img {
	border: 4px solid #024969;	
	display: block;
	float: right;
	margin: 0 10px 10px 0;
}

.full h3 {
	margin: 0;
	padding: 0;
	color: #024969;
	font-size: 14px;
}

.full p {
	margin: 5px 0 0 0;
	padding: 0;
	font-size: 13px;	
	line-height: 120%;
	color: #0a0a0a;
}

.full p a {
	padding: 1px 1px;
	color: #024665;
	text-decoration: none;
	font-weight: bold;
}

.full p a:hover {
	text-decoration: underline;	
}

.more {
	border: 1px solid #024969;
	border-top: 0px;
	padding: 8px;
	margin: -10px 0 0 0;
	display: block;
	float: left;
	text-align: right;
}

.more a {
	text-decoration: none;
	color: #024867;
	text-transform: uppercase;
	font-size: 13px;
	font-weight: bold;
}

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

.subnews {
	display: block;
	float: left;
	width: 298px;
}

.subnews h3 {
	font-size: 13px;	
}

.subnews a {
	float: right;
	display: block;
	padding: 0 0 5px 0;
	margin: 8px 8px 0 0;
	text-decoration: none;
	font-size: 12px;
	color: #024968;
	font-weight: bold;
}

.subnews p {
	line-height: 20px;	
}

.subnews img {
	margin: 0 5px;	
}

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

.r {
	padding: 0 0 0 8px;
	border-left: 1px solid #c1d6df;
}

.r img {
	margin: 0 0 0 5px;	
}

.r2 {
	margin: 0 0 0 13px;	
}

.line {
	background: #c1d6df;
	height: 1px;
	width: 100%;
	display: block;
	clear: both;
	margin: 0 0 10px 0;
}

.albums {
	list-style-type: none;
	margin: 0 auto;
	margin: 0 0 0 20px;
	display: block;
	padding: 0;
}

.albums li {
	float: left;
	width: 150px;
	text-align: center;
	margin: 10px 20px;
}

.albums img {
	border: 1px solid #024969;
	padding: 1px;
	margin: 0;
	width: 150px;
	height: 150px;
}

.albums span {
	display: inline;
	margin: 0;
	padding: 0;
	text-transform: uppercase;
	font-size: 11px;
	font-weight: bold;	
	color: #024969;
	text-decoration: none;
}

.albums a{
	text-decoration: none;	
}

.albums span:hover {
	text-decoration: underline;		
}

.albumoverzicht *{
	font-size: 12px;
	text-decoration: none;
}

.albumoverzicht a {
	color: #024969;
}

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

.albumoverzicht ul {
	overflow: hidden;
	padding: 10px 0;
	min-height: 200px;
}

.albumoverzicht li {
	height: 20px;	
}

.hoes {
	float: left; 
	margin: 10px; 
	width: 175px;
}

.banner {
	border: 1px solid #024969;
	display: block;
	float: left;
	padding: 8px;
	margin: 10px 0 0 0;
}

.banner img {
	border: none;
	margin: 0 0 0 85px;
}

.artistspotlight {
	width: 265px;
	margin: 10px 10px 10px 0;
	text-align: center;
}

.other_lyrics {
	width: 330px;
	margin: 0px 10px 0 0;
}

.fav_lyrics, .fav_artists {
	width: 289px;	
	background: url(http://nl.songstatic.nl/img/populair_bg.png);
}

.fav_lyrics p, .fav_artists p {
	margin: -14px 0 0 15px;
}

.fav_lyrics li, .fav_artists li {
	height: 16px;	
	padding: 0 0 0 15px;
	margin: 0 0 9px 0;
}

.fav_lyrics ul, .fav_artists ul {
	margin: -14px 0 -15px 0;	
}

.fav_lyrics img, .fav_artists img {
	float: right;	
}

.fav_lyrics *, .fav_artists * {
	margin: 0;
	padding: 0;
	list-style: none;
	text-decoration: none;
	font-size: 12px;
	color: #000;
}

.fav_lyrics h2, .fav_artists h2 {
	font-weight: bold;
	font-size: 14px;
	color: #024969;
}

.fav_lyrics {
	margin: 10px 10px 10px 0;	
}

.fav_artists {
	margin: 10px 0 10px 0;	
}

.artistspotlight img {
	width: 309px;
}

.videospotlight img {
	width: 309px;	
}

.videospotlight {
	width: 295px;
	margin: 10px 0 10px 0;
	text-align: center;
}

#newsflash {
	display: block;
	float: left;
	
	width: 660px; height: 308px;
}

/* Archiefmenu pagina */
#archief a {
	display: inline;
	float: left;
}

.archiefdate {
	float: left;
	background: url(http://nl.songstatic.nl/img/bullet.png) no-repeat 0px 5px;
	padding: 0 15px 0 15px;
}

.archieftitle {
	width: 385px;
	margin: 0 15px 0 0;
	float: left;
}

.archiefr {
	float: left;	
}

#archief ul {
	list-style: none;
	margin: 10px 0 0 10px;
	padding: 0;
	font-size: 12px;
}

#archief ul a {
	color: #024969;	
	font-weight: bold;
	text-decoration: none;
}

#archief ul a:hover {
	text-decoration: underline;	
}

#archief li {
	height: 20px;
	float: left;
}

/* Zoeken */
.zoeken {
	text-align: center;
}

.zoeken input[type="text"] {
	border: 2px solid #024969;	
	width: 300px;
	height: 20px;
	font-size: 16px;
	padding: 5px;
	margin: 0 5px 5px 84px;
	float: left;
}

.zoeken .button {
	color: #fff;
	background: #024969;
	border: none;
	width: 150px;
	height: 34px;
	font-weight: bold;
	float: left;
	cursor: pointer;
}

.zoeken ul {
	list-style: none;
	margin: 7px 0 0 80px;
	padding: 0;
	font-size: 12px;
	clear: left;
	height: 20px;
}

.zoeken ul li {
	float: left;
	margin: 0 15px 0 0;
}

/* Songtekst info */
.info {
	list-style: none;
	font-size: 12px;
	margin: 10px 0 17px 0;
	padding: 0;
}

.info li {
	margin: 0 0 3px 0;
}

.info strong {
	color: #024969;	
}

/* Artiesten pagina */
#artistnav {
	margin: 0;
	padding: 3px 0 0 9px;
	list-style-type: none;
	border: 1px solid #024665;
	display: block;
	height: 26px;
	color: #024766;
}

#artistnav li {
	float: left;	
	padding: 0;
}

#artistnav .artistnav_right {
	float: right;
}

#artistnav .artistnav_right img {
	margin: 0 4px -4px 0;
}

#artistnav .artistnav_right a {
	
}

#artistnav a {
	font-size: 12px;
	color: #024766;
	font-weight: bold;
}

.active {
	text-decoration: none;
}

#artistmenu {
	margin: 0;
	padding: 0 0 0 7px;
	list-style-type: none;
	background: #024665;
	display: block;
	clear: left;
	height: 26px;	
}

#artistmenu li {
	float: left;	
	padding: 0;	
	margin: 1px 15px 0 0;
}

 #artistmenu a {
 	text-decoration: none;
	color: #fff;
 	font-size: 12px;
	color: #88b0c1;
 }
 
#artistmenu a.active {
	font-weight: bold;
	color: #fff;
}

#artistmenu a.active:hover {
	color: #fff;
	text-decoration: none;
}

#artistmenu a:hover {
 	text-decoration: underline;	
	color: #b3cdd8;
 }


h4 {
	display: block;
	clear: left;
	font-size: 16px;	
	margin: 0;
	padding: 0;
	color: #024665;
}

.artistblock {
	width: 312px;
	display: block;
	float: left;
	border: 1px solid #024665;
	overflow: hidden;
	padding: 0 0 15px 0;
}

.artistblock h1 {
	margin: 0 0 10px 0;
	padding: 3px 0 4px 10px;
	display: block;
	width: 302px;
	height: auto;
	border-bottom: 1px solid #c1d6df;
	font-size: 16px;
	color: #024665;
}

.padding {
	display: block;
	padding: 0 20px;
}

.artistline {
	display: block;
	float: left;
	width: 312px;
	height: 1px;
	background: #c1d6df;
	margin: 15px 0 15px 0;
}

#songteksttop {
	margin: -10px 0 0 0;
	padding: 0;
	list-style-type: none;
	font-size: 13px;
	font-weight: bold;
}

#songteksttop li {
	margin: 0;
	padding: 10px 0 0 0;
	display: block;
	height: 25px;
	border-bottom: 1px solid #c1d6df;
}

#songteksttop a {
	margin: 0;
	padding: 0;
	float: left;
	display: block;
	font-weight: normal;
	color: #000;
	font-size: 13px;
}

#songteksttop span {
	float: left;
	display: block;
	margin: 0 0 0 5px;
}

.morenews {
	display: block;
	margin: 10px 0 0 0;
	padding: 2px 0 0 0;
	float: left;
	width: 312px;
	border-top: 1px solid #c1d6df;
}

.morenews2 {
	display: block;
	padding: 2px 0 0 0;
	float: left;
	width: 312px;
}

.morenews a, .morenews2 a {
	font-size: 14px;
	color: #000;
}

#songtekstmenu {
	margin: 0 0 10px 0;
	padding: 0;
	list-style-type: none;
	border: 1px solid #024665;
	display: block;
	height: 31px;
}

#songtekstmenu img {
	border: none;
	margin: 3px 6px;
	float: left;
}

#songtekstmenu li {
	display: block;
	float: left;
	margin: 3px 0 0 0;
}

#songtekstmenu a {
	margin: 5px 0 0 0;
	float: left;
	text-decoration: none;
	font-weight: bold;
	color: #024867;
	font-size: 11px;
}

#songtekstmenu a:hover {
	text-decoration: underline;
}

/* Songteksten pagina */
.reageren {
	border: 1px solid #024665;
	display: block;
	margin: 15px 0 0 0;
}

.reageren h2 {
	color: #024665;
	font-size: 16px;
	padding: 6px 0 6px 12px;
	margin: 0;
	border-bottom: 1px solid #c1d6df;
	text-transform: none;
}

.reageren h3 {
	margin: 6px 0 6px 12px;	
	font-size: 12px;
}

.link {
	border-top: 1px solid #c1d6df;
	margin: 10px 0 0 0;
	padding: 10px 15px 10px 0;
	text-align: right;
	display: block;	
	font-weight: bold;
}

.tekst {
	color: #024867;
	font-weight: bold;
	font-size: 12px;	
	margin: 12px 0 8px 12px;
}

.tekst a {
	text-decoration: none;
	color: #000;
	font-weight: bold;		
}

.reageren p {
	margin: 0 0 12px 12px;
	font-size: 13px;
}

.reageren .avatar {
	float: left;
	margin: 12px;
}

.reageerlink {
	margin: 0 0 0 4px;
	padding: 5px 0 0 0;
	background: url(http://nl.songstatic.nl/img/reageren_button_bg.png);
	display: inline-block;
	height: 22px;
	width: 120px;
	text-align: center;
	font-size: 14px;
	text-decoration: none;
	color: #fff;
	font-weight: bold;
}

.reageerlink:hover {
	background: url(http://nl.songstatic.nl/img/reageren_button_hover_bg.png);
}

.line2 {
	border-top: 1px solid #c1d6df;

}

textarea {
	width: 480px;
	height: 170px;
	border: 1px solid #024665;
	background-image:url(http://nl.songstatic.nl/img/area_bg.png);
	margin: 0 0 0 12px;
}

#smileys {
	width: 94px;
	margin: 0 12px 0 0;
	padding: 12px 0 0 12px;
	height: 156px;
	float: right;
	border: 1px solid #024665;
}

#smileys ul, #smileys li {
	list-style: none;
	margin: 0;
	padding: 0;
}

#smileys ul li {
	width: 16px;
	height: 16px;
	float: left;
	margin: 0 15px 16px 0;
}

/* Populair */
.keuze {
	margin: 40px 11px 40px 10px;
	float: left;
	width: 130px;
	font-size: 12px;
}

.keuze ul {
	list-style: none;
	margin: 0;
	padding: 0;
	text-align: right;
}

.keuze ul li {
	margin: 0 0 2px 0;	
}

.keuze a {
	text-decoration: none;
	color: #024665;
}

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

.meer {
	font-weight: bold;	
}

.ka {
	background: url(http://nl.songstatic.nl/img/alfabet/a.png) no-repeat;	
}

.kb {
	background: url(http://nl.songstatic.nl/img/alfabet/b.png) no-repeat;	
}

.kc {
	background: url(http://nl.songstatic.nl/img/alfabet/c.png) no-repeat;	
}

.kd {
	background: url(http://nl.songstatic.nl/img/alfabet/d.png) no-repeat;	
}

.ke {
	background: url(http://nl.songstatic.nl/img/alfabet/e.png) no-repeat;	
}

.kf {
	background: url(http://nl.songstatic.nl/img/alfabet/f.png) no-repeat;	
}

.kg {
	background: url(http://nl.songstatic.nl/img/alfabet/g.png) no-repeat;	
}

.kh {
	background: url(http://nl.songstatic.nl/img/alfabet/h.png) no-repeat;	
}

.ki {
	background: url(http://nl.songstatic.nl/img/alfabet/i.png) no-repeat;	
}

.kj {
	background: url(http://nl.songstatic.nl/img/alfabet/j.png) no-repeat;	
}

.kk {
	background: url(http://nl.songstatic.nl/img/alfabet/k.png) no-repeat;	
}

.kl {
	background: url(http://nl.songstatic.nl/img/alfabet/l.png) no-repeat;	
}

.km {
	background: url(http://nl.songstatic.nl/img/alfabet/m.png) no-repeat;	
}

.kn {
	background: url(http://nl.songstatic.nl/img/alfabet/n.png) no-repeat;	
}

.ko {
	background: url(http://nl.songstatic.nl/img/alfabet/o.png) no-repeat;	
}

.kp {
	background: url(http://nl.songstatic.nl/img/alfabet/p.png) no-repeat;	
}

.kq {
	background: url(http://nl.songstatic.nl/img/alfabet/q.png) no-repeat;	
}

.kr {
	background: url(http://nl.songstatic.nl/img/alfabet/r.png) no-repeat;	
}

.ks {
	background: url(http://nl.songstatic.nl/img/alfabet/s.png) no-repeat;	
}

.kt {
	background: url(http://nl.songstatic.nl/img/alfabet/t.png) no-repeat;	
}

.ku {
	background: url(http://nl.songstatic.nl/img/alfabet/u.png) no-repeat;	
}

.kv {
	background: url(http://nl.songstatic.nl/img/alfabet/v.png) no-repeat;	
}

.kw {
	background: url(http://nl.songstatic.nl/img/alfabet/w.png) no-repeat;	
}

.kx {
	background: url(http://nl.songstatic.nl/img/alfabet/x.png) no-repeat;	
}

.ky {
	background: url(http://nl.songstatic.nl/img/alfabet/y.png) no-repeat;	
}

.kz {
	background: url(http://nl.songstatic.nl/img/alfabet/z.png) no-repeat;	
}

.k1{
	background: url(http://nl.songstatic.nl/img/alfabet/0.png) no-repeat;	
}
/* Zoeken */

#fastsearch {
	overflow: hidden;
	width: 605px;
	background: url(http://nl.songstatic.nl/img/fastsearch_bg.png) repeat-x;
	border: 1px solid #024665;
}

#fastsearch img {
	border: none;	
}

#fastsearch h3 {
	margin: 5px 0 10px 5px;
	font-size: 16px;
}

#fastsearch ul {
	width: 182px;
	display: block;
	float: left;
	list-style-type: none;
	margin: 0 0 10px 0;
	padding: 0px;
}

#fastsearch li {	
	margin: 5px 0 0 8px;
	list-style-type: none;
	padding: 0px;
	width: auto;
	color: #000;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
}

#fastsearch li a {
	color: #024665;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
}

#populair {
	display: block;
	float: left;
	width: auto;
	background: #fff;
	border-left: 1px solid #024665;
}

#artist_pop {
	display: block;
	float: left;
	width: auto;
	background: #fff;
}

#artist_pop h3, #populair h3 {
	margin:	5px 0 4px 5px;
	background: #fff;
}

#artist_pop .adv_search_ul, #populair .artist_ul {
	width: 606px;	
}

#artist_pop ul, #populair ul {
	background: url(http://nl.songstatic.nl/img/populair_bg.png);
	background-position: 0px 22px;
	margin: 1px 0 0 0;
	padding: 0px;
	font-size: 12px;
	width: 606px;
}

.no_border {
	border: none!important;	
}

#populair ul.browse {
	width: 606px!important;	
}

#populair ul.browse li {
	width: 260px!important;
	float: left!important;
}

#artist_pop ul .artist_li, #populair ul .artist_li {
	margin: 0 30px 8px 30px;
}

#artist_pop ul li, #populair ul li {
	margin: 0 0 8px 30px;
	padding: 2px 0 0 0;
	width: auto;
	overflow: hidden;
	height: 15px;
}

#artist_pop ul li a, #populair ul li a {
	font-size: 12px;
	color: #000;
	font-weight: normal;
	width: auto;
}

#artist_pop .adv_search_ul li a {	
	text-decoration: underline;
}
#artist_pop .adv_search_ul li {
	float: left;
	font-weight: normal;
	margin-left: 5px!important;
}

.adv_search_ul li.song_artist {
	width: 160px!important;
}

.adv_search_ul li.song_title {
	width: 120px!important;	
}
.adv_search_ul li.song_lyric {
	width: 300px!important;
}

.adv_search em {
  	background: #FF6;
}

.adv_search h3 span {
	font-size: 12px;
	color: #000;
	font-weight: normal;
	float: right;	
}

.adv_search h3 span select {
	margin: 0 7px 0;	
}

#artist_pop img, #populair img, #toplijst img {
	border: none;
	display: inline;
	margin: -1px 5px 0 0;
}

.mp3empty {
	width: 16px;
	height: 16px;
	display: inline;
	margin: 0 5px 0 0;
	float: right;
}

.zoeklink {
	margin: 0 -1px 0 0;
	border: 1px solid #024665;
	border-top: none;
	padding: 10px 15px 10px 100px;
	text-align: right;
	display: block;	
	float: right;
	font-weight: bold;
	font-size: 13px;
	width: 490px;
}

.zoeklink span {
	display: inline-block;
	padding: 0 2px;
}

.zoeklink a {
	font-weight: normal;
	font-size: 13px;
	padding: 0 2px;
	text-decoration: none;	
	color: #000;
	display: inline-block;
}

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

#advanced_search {
	margin: 0 0 20px 0;
	font-size: 14px;
}

#advanced_search p.result {
	font-weight: bold;
	color: #024665;
	margin: 0 0 10px;
}

#advanced_search label {
	width: 100px;
	display: block;
	float: left;
}

/* Poll start */
.poll {
	font-size: 12px;	
	width: 250px;
	text-align: left;
	clear: both;
}

.poll span {
	font-size: 10px;
	color: #666;
	float: left;
}

.pollquestion {
	margin: 0 0 10px 0;
	font-weight: bold;
	font-size: 12px;
	float: left;
}
/* Poll end */


/* Right start */
#right {
	width: 336px;
	margin: 8px 0 0 0;
	padding: 0 0 10px 0;
	display: block;
	float: left;
}

#right .content {
	width: 318px;
}

.adright_top .adright_bottom img{
	padding: 2px;
}

.adright_bottom {
	clear: both;
}

.semi {
	width: 318px;
}

.login {
	color: #666;
	font-size: 10px;
	display: block;
	float: left;
}

.login label {
	padding: 2px 0;
	width: 87px;
	margin: 0 64px 5px 0;
	display: inline-block;
}

.login .input {
	padding: 2px 4px;
	border: 1px solid #024665;
	width: 120px; height: 16px;
	margin: 0 17px 10px 0;
}

.login p {
	margin: 0 0 10px 0;
	padding: 0;
	display: block;
	clear: both;
}

.login a {
	color: #666666;
	text-decoration: none;
	font-size: 11px;
}

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

.login .button {
	display: block;
	float: right;
	width: 60px;
}

.orange a {
	color: #fd9730;	
}

.best {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.best a {
	display: block;
	float: left;
	text-decoration: none;
	font-weight: bold;
}

.best li {
	display: block;
	float: left;
	padding: 0 0 10px 0;
	margin: 0 0 10px 0;
	width: 314px;
	border-bottom: 1px solid #abc7d3;	
	overflow: hidden;
}

.best img {
	display: block;
	float: left;
	margin: 0 5px 0 0;
}

.best span {
	display: block;
	float: left;
	width: 15px; height: 15px;
	color: #4785a0;
	font-size: 13px;
	font-weight: bold;
}

.best .besttitle  {
	display: block;
	float: left;
	margin: 0;
	padding: 0;
	width: 240px;
	color: #024765;
	font-weight: bold;
	font-size: 11px;
	text-transform: uppercase;
	cursor: pointer;
}

.best .bestrest {
	display: block;
	clear: left;
	margin: 0;
	padding: 0;
	width: 240px;
	color: #4785a0;
	font-size: 11px;
}

.best a:hover h4{
	text-decoration: underline;	
}

.rest {
	list-style-type: none;	
	margin: 0;
	padding: 0;
}

.rest li {
	list-style-type: none;	
	margin: 0 0 10px 0;
	padding: 0;
	text-decoration: none;
	font-weight: bold;
	font-size: 11px;
	color: #4785a0;
}

.rest li a {
	text-decoration: none;
	font-weight: bold;
	font-size: 11px;
	color: #4785a0;
}

.rest li a:hover {
	text-decoration: underline;	
}

.news {
	list-style-type: none;	
	margin: 0;
	padding: 0;
}

.news li {
	margin: 0 0 8px 0;	
}

.news a {
	text-decoration: none;
	font-size: 12px;
	color: #024867;
}

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

/* Footer */
#center {
	width: 986px;
	margin: 0 auto;
	display: block;
}

.footerimg {
	display: block;
	float: left;
}

#footer {
	margin: 0 auto;
	width: 956px;
	height: 31px;
	display: block;
	float: left;
	background: url(http://nl.songstatic.nl/img/footer_bg.png) repeat-x;
	border-bottom: 3px solid #024462;
	
	padding: 18px 0 0 20px;
	color: #fff;
	font-weight: bold;
	font-size: 13px;
	text-transform: uppercase;
}

/* Error */

.info, .success, .warning, .error, .validation {
	font-size: 13px;
    border: 1px solid;
    margin: 10px 0px;
    padding:15px 10px 15px 60px;
    background-repeat: no-repeat;
    background-position: 10px center;
}
.info {
    color: #00529B;
    background-color: #BDE5F8;
    background-image: url('http://nl.songstatic.nl/img/info.png');
}
.success {
    color: #4F8A10;
    background-color: #DFF2BF;
    background-image:url('http://nl.songstatic.nl/img/success.png');
}
.warning {
    color: #9F6000;
    background-color: #FEEFB3;
    background-image: url('http://nl.songstatic.nl/img/warning.png');
}
.error {
    color: #D8000C;
    background-color: #FFBABA;
    background-image: url('http://nl.songstatic.nl/img/error.png');
}

#login_error {
	color: red;
}

#required {
	color: red;
	font-weight: bold;
}

#toplijst, #toplijst * {
	margin: 0;
	padding: 0;	
	list-style: none;
	border: 0;
}

#toplijst li {	
	padding: 5px;
	height: 40px;
	border-bottom: 1px solid #abc7d3;
}

#toplijst li:last-child {
	border-bottom: 0px;	
}

#toplijst li:hover {
	background: #eef6fa;	
}

#toplijst span {
	width: 50px;
	height: 40px;
	padding: 0 10px 0 0;
	font-size: 30px;
	color: #4785a0;
	text-align: right;
	font-weight: bold;
	display: block;
	float: left;
}

#toplijst a {
	height: 14px;	
	text-decoration: none;
	font-weight: bold;
	font-size: 12px;
	border: none;
}

#toplijst .artist {	
	color: #024665;
	text-transform: uppercase;
}

#toplijst .song {
	margin: -4px 0 0 0;
	color: #4785a0;
}

#toplijst .toplijst_item {
	width: 25px;
	display: block;
	float: right;
}