@charset "utf-8";
/* CSS Document */
html, body {
	font-family:Verdana,Arial, Helvetica, sans-serif;
	font-size:12px;
	background-image:url(img/bg.gif);
	background-repeat:repeat-x;
	background-color:#5a5a5a;
	margin: 0 0 0 0; 
	
	line-height: 18px;
}

a {
	color:#000066;
}


h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight:bold;
}

ul {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}



#container {
	width: 900px;
	margin:0 0 0 0;
	padding: 0 0 0 0;	
	margin:auto;
	background-color:#FFFFFF;
	min-height: 600px;
	
	
	
}

#menu {
	width: 200px;
	
}

#pagecontent {
	width: 700px;
	float:left;
	overflow:auto;
	
	
}

#breadcrumb {
	width:100%;	
	margin-top: 0px;
	color: #FFFFFF;
	background-color:#00223c;
	height:29px;
	border-bottom: 1px #699cbe solid;
	line-height:29px;
	font-size:11px;
}

#breadcrumb ul {
	margin: 0 0 0 0;
	list-style:none;
	
}

#breadcrumb ul li {
	float: left;
	margin-left: 10px;
}

#breadcrumb a {
	color: #FFFFFF;
	text-decoration:none;
}
#breadcrumb a:hover {
	text-decoration:underline;
}


#languages {
	float: right;
	padding-right:15px;
}

#header {
	width: 100%;
	height:84px;
	background-image:url(img/headerbg.gif);
	font-size:36px;
	font-family:Arial, Helvetica, sans-serif;
	color:#FF3300;
}
#header img {
	margin-left: 15px;
	float:left;
}

#search {
	margin-top:12px;
	width: 300px;
	float:right;
	height: 60px;
}
#searchform .inp {
width:140px;
height:18px;

}

#menu {
width:100%;
height:36px;
line-height:36px;
background-color:#000033;
background-image:url(img/menubg.gif);
}
#menu ul li {	
	height: 36px;
	padding-left:15px;
	padding-right:15px;
	list-style:none;
	float:left;
	border-right: 1px #ffffff solid;
		
}
#menu ul li a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:17px;
	font-weight:bold;
	color:#FFFFFF;
	text-decoration:none;
}

#menu li.active, #menu li:hover {
	background-color:#2581c8;
}

#ad_bottom {
	background:#FFFFFF;
	margin:auto;
	width: 900px;
	height: 120px;
	padding-top: 10px;
}


#footer {
	margin: 0 0 0 0;
	
	background-color:#00223c;
	width:900px;
	margin:auto;
	
	color:#FFFFFF;
	font-size:10px;
	padding: 0 0 0 0;	
	
}
#footer p {
	margin: 0 0 0 0;
	padding: 0 0 0 0;	
	margin-left: 15px;
}
#footer a {
	color:#FFFFFF;
	line-height:22px;
	text-decoration:none;
}
#pagecontent {
	float:none;
	margin-left: 15px;
	margin-top:15px;
	margin-right:15px;
	padding-bottom:15px;
	width:100%;
}

/* HOMEPAGE */

#col1 {
	background-image:url(img/bgcolumn.gif);
	background-repeat:repeat-x;
	float:left;
	width: 220px;
	min-height: 400px;
	margin-left:15px;

	
}

#col2 {
	background-image:url(img/bgcolumn.gif);
	background-repeat:repeat-x;
	margin-left:15px;
	float:left;
	min-height: 400px;
	width: 220px;
}

#col3 {
	background-image:url(img/bgcolumn.gif);
	background-repeat:repeat-x;
	margin-left:0px;
	float:left;
	width:400px;
	height:400px;

}

#col4 {
	background-image:url(img/bgcolumn.gif);
	background-repeat:repeat-x;
	margin-left:15px;
	float:left;
	width:410px;

}

#col5 {
	background-image:url(img/bgcolumn.gif);
	background-repeat:repeat-x;
	
	float:left;
	width:630px;

}

#col6 {
	background-image:url(img/bgcolumn.gif);
	background-repeat:repeat-x;
	margin-left:15px;
	float:left;
	width:810px;

}
	#col6 #artist {
		width: 320px;
	}
	#col6 #song {
		width: 320px;
	}
	
	#col6 #zoekresultaat {
		margin-left: 15px;
		margin-right:15px;
	}

#col5 ul {
	margin-left: 15px;
}

#col5 ul li {
	margin-left: 15px;
}

#col3 h1, #col4 h1, #col5 h1, #col6 h1 {
	margin-left: 15px;
	margin-right:15px;
}
#col3 p, #col3 p, #col5 p, #col6 p {
	margin-left: 15px;
	margin-right:15px;
	margin-bottom:15px;
}

#col6 h2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight:bold;
}

#pagecontent h3 {
	margin-left:10px;	
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#bf0e18;
}

ul.rtlist {
	margin-left:12px;
	list-style:none;
	margin-right:12px;	
	font-size: 10px;
}
ul.rtlist li {
	height: 20px;
	line-height:20px;
	border-bottom:#CCCCCC 1px solid;
}
ul.rtlist li a {
	color: #000000;
	text-decoration:none;
}
ul.rtlist li:hover {
	background-color:#cccccc;
}

/* CATEGORIE */
#pagenav {
 width:300px;
 font-size:14px;
 font-family:Arial, Helvetica, sans-serif;
 font-weight:bold;
 margin:auto;
 margin-bottom:15px;
}

#pagenav a {
	margin-left: 15px;
	color:#0000CC;
}

#cat_row {
	width: 100%;
	margin-bottom:5px;
	border-bottom:#CCCCCC 1px solid;
}

#artist_row {
	margin-left: 15px;
	width: 580px;
	margin-bottom:5px;
	border-bottom:#CCCCCC 1px solid;
}
#art_row {
	width:80%;
	margin-left: 15px;
	border-bottom:#CCCCCC 1px solid;
}


#artist, #song, #listen, #order {
	font-size:11px;
	float: left;
}

#artist { width:170px; }
#artist_row #artist { width:230px; }
#art_row #artist { width:100%; }


#artist a {
	color:#000066;
	text-decoration: none;
	font-weight:bold;
}
#song { width:160px; }
#artist_row #song { width:230px; }

#song a {
	color: #000000;
	text-decoration:none;
}
#listen { width:25px; }
#order { width:35px; }

#adspace {
	
	width: 728px;
	height:90px;
	margin:auto;
	margin-top:15px;
}

#songarea {
	width: 400px;
	height:150px;
	margin:auto;
	background-image:url(img/bgtransp.png);
	text-align:center;	
	border:#FF0000 1px solid;
}

#songarea h2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 16px;
	margin-top:15px;
	padding-bottom: 0px;
}

#songarea h3 {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 14px;
	color:#000000
}


#alfabet {
	font-family:Arial, Helvetica, sans-serif;
	width: 100%;
	text-align:center;
	font-size:15px;
	line-height:28px;
}
#alfabet a {
	font-weight:bolder;
	margin-left: 5px; margin-right:5px;
}

a.alfabets {
margin-left: 2px; margin-right:2px;
}