/* *************** */
/* MAIN - ALL PAGE */
/* *************** */

body {
	margin: 0px; padding: 0px;
	height: 100%;
	font: 10px verdana,arial,helvetica,sans-serif;
	background: #fff url('../design/background.gif') repeat-x;
	background-attachment: fixed;
}

a { color: black; text-decoration: none; }
a:hover { text-decoration: underline; }

#container {
	width: 650px;
	margin-left: 50%;
	position: absolute;
	left: -325px;
	border: solid white;
	border-width: 0px 2px 2px 2px;
}

/* ******* */
/* HEADING */
/* ******* */

#header {
	height: 80px;
	width: 650px;
	background: url('../design/boog.png') no-repeat;
	border-bottom: 9px solid #c9e7fc;
}

#header h1 {
	background: url('../design/sitetitle.png') 10px bottom no-repeat;
	width: 330px; height: 100%;
	margin: 0px; padding: 0px; 
	float: left;
}

h1 span { display: none; }


#search {
	float: right;
	width: 180px;
	margin-top: 30px;
	margin-right: 6px;
}

#search label {
	width: 140px;
	display: block;
	padding-left: 18px;
	margin-bottom: 4px;
	float: left;
	background: url('../design/search.png') no-repeat;
}

#search input {
	height: 13px;
	width: 135px;
	float: left;
	background: url('../design/innershadow.png') no-repeat;
	border: 1px solid #cde9fa;
	font: 9px verdana,arial,sans-serif;
	color: #333;
	padding-top: 2px;

}

#search .submit {
	width:16px; height: 10px;
	float: left;
	border: none;
	margin-top: 4px;
	margin-left: 4px;
	padding: 0px; 
}

/* ******* */
/* CONTENT */
/* ******* */

#content {
	background: #f4f8ff;
	width: 650px;
	clear: both;
	float: left;
}

#barencloser {
	width: 200px;
	text-align: center;
	float: left;
/*	border: 1px solid black; */
}

#menu {
	width: 200px;
	padding: 8px;
	margin-top: 5px;
	padding-top: 0px;
	font-family: tahoma,sans-serif;;
}

#menu ul { 
	text-align: left;
	margin: 0px; padding: 0px;
	list-style-type: none; 
	display: block;
	margin-top: 8px;
}

#menu ul li { padding-top: 1px; }
#menu ul a { 
	color: #000;
	padding: 3px 0px 0px 20px;
	font-size: 8pt;
	text-decoration: none;
	display: block;
	width: 165px; height: 19px; 
	background: url('../design/inactivelink.png') no-repeat; 
}

#menu ul a:hover { background: url('../design/activelink.png') no-repeat;  }

#addspace {
	text-align: center;
	width: 200px;
}

/* ***** */
/* LISTS */
/* ***** */

#barencloser2 {
	width: 425px;
/*	border: 1px solid black; */
	float: left;
	margin-top: 8px;
	margin-left: 8px;
}

h2 {
	color: #e0a72a;
	text-transform: uppercase;
	font: 10pt arial black, georgia, verdana,serif, arial, sans-serif;
	margin: 0px; padding: 0px;
	clear: both;
	background: url('../design/h3back.gif') no-repeat;
	background-position: 0px 5px;
	padding-left: 15px;
}

h3 {
	color: #e0a72a;
	text-transform: uppercase;
	font: 10pt arial black, georgia, verdana,serif, arial, sans-serif;
	margin: 0px; padding: 0px;
	clear: both;
	background: url('../design/h3back.gif') no-repeat;
	background-position: 0px 5px;
	padding-left: 15px;
}

h3 a {
	color: #e0a72a;
	text-transform: uppercase;
	font: 10pt arial black, georgia, verdana,serif, arial, sans-serif;
	margin: 0px; padding: 0px;
	clear: both;
}

.hrow {
	float: left;
	width: 195px;
	clear: none;
}

#listencloser { border: 1px solid #b8e4fb; width: 410px; margin-top: 5px; margin-bottom: 5px; clear: both; float: left;}

ol.top { float: none; margin: 0px; list-style-type:none; list-style-position:outside; padding:0px; }
ol.top li {width:410px; padding:0px;}
ol.top li.even {background: #f4f8ff;}

ol { float: left; margin: 0px; list-style-type: none; padding: 0px; }
ol li { width: 205px; height: 15px; background: #c9e7fc; }
ol.lijstje li { width: 425px; height: 15px; background: #c9e7fc; }
ol li.even { background: #f4f8ff; }
a img { border: 0px; }

.listen,.download,.songname,.songname2 { float: left; display: inline block;}
.listen,.download { width: 10px; height: 8px; padding-top: 5px; }
.listen { background: url('../design/speakericon.gif') no-repeat center center; }
.download { background: url('../design/downloadicon.gif') no-repeat center center; padding: 5px 0px 0px 10px; }
.songname { width: 160px; padding-top: 2px; padding-left: 4px; }
.songname2 { width: 370px; padding-top: 2px; padding-left: 4px; }
.listen span { display: none; } .download span { display: none; }


.top3 {
	background: #fafbff url('../design/top3gradient.png') bottom repeat-x;
	height: 125px;
	width: 410px;
	border: 1px solid #b8e4fb;
	margin-bottom: 5px;
	clear: both;
	padding-top: 6px;
}

.top3 img { border: 1px solid #ffc880; padding: 2px; background: #fff; margin-left: 25px; }
.top3 span { float: right; padding: 5px; clear: both; }

/* ****** */
/* FOOTER */
/* ****** */

#footer {
	width: 650px;
	height: 25px;
	clear: both;
	background: #fff;
	border-top: 1px solid #cfddfd;
	padding-top: 3px;
	text-align: center;
}