/*---------- De gegevens van de hele website ----------*/
body {
	background: 				#383838 url(../images/body-bg.gif) repeat-y 50% 0;
	margin: 					0 0 1em 0;
	padding: 					0 0 1em 0;
	color:					 	#ffffcc;
	font-size: 					11px;
	font-family: 				Verdana;
}

.website{
	width:						998px;
	height:						100%;
	float:						left;
	background:					black;
	margin-bottom:				0px;
	margin-top:					0px;
}

a:link {
	font-family:				Geneva, Arial, Helvetica, sans-serif;
	font-size:					11px;
	font-style:					normal;
	color:						#ffffcc;
	text-decoration:			none;
}

a:visited {
	font-family:				Geneva, Arial, Helvetica, sans-serif;
	font-size:					11px;
	font-style:					normal;
	color:						#ffffcc;
	text-decoration:			none;
}

a:hover {
	font-family:				Geneva, Arial, Helvetica, sans-serif;
	font-size:					11px;
	font-style:					normal;
	color:						#7e0900;
	text-decoration:			underline;
}





/*---------- De gegevens van de banner ----------*/
.banner{
	width:						998px;
	height:						132px;
}


.banner_links{
	width:						757px;
	height:						132px;
	float:						left;
}

.banner_links_boven{
	width:						140px;
	height:						105px;
	float:						left;	
}

.banner_midden_boven{
	width:						547px;
	height:						85px;
	float:						left;
	background-color:			#000;
	float:						left;
	padding-left:				25px;
	padding-top:				20px;
	text-align:					center;
}
	
.banner_links_onder{
	width:						757px;
	height:						27px;
	background:					#fffed5;
	float:						left;
}

.banner_rechts{
	width:						241px;
	height:						132px;
	float:						left;
	background-image:			url(../images/login.gif);
}

.banner_rechts_inlog{
	width:						237px;
	height:						75px;
	background:					#000;
}


.inlog {
	float:						left;
	margin:						2px;
	width:250px;
}

.banner_rechts_music{
	background-color:			#fffed5;
	width:						241px;
	height:						53px;
	float:						left;
}





/*---------- De gegevens van de content ----------*/
.content{
	width:						998px;
}


/* ----------- De opmaak voor het inlogscherm ----------- */

.inlog-box {
	width:				300px;
  	border-width: 		0px;
}
.inlog-titel {
	font-family: 		Arial;
	font-size: 			20px;
	font-weight: 		bold;
	color: 				#ffffcc;
	width:				300;
	margin-bottom:		20px;
	text-align: 		center;
	padding-top:		10px;
	padding-bottom:		10px;
}
.inlog-text {
	font-family: 		Arial;
	font-size: 			10pt;
	font-weight: 		bold;
	color: 				#ffffcc;
	background: 		#660000;
	padding-bottom:		10px;
	padding-top:		10px;
	text-align: 		right;
	padding-right: 		45px;
}
.inlog-input{
  	font-family: 		Arial;
  	font-size: 			10pt;
  	font-weight: 		normal;
  	border-width: 		1px;
  	border-color: 		#660000;
  	color:				#660000;
	background-color:	#ffffcc;
  	border-style: 		solid;
  	height:				20px;
  	width:				120px;
}
.inlog-button{
	font-family: 		Arial;
	font-size: 			10pt;
	color: 				#660000;
	background:			#FFFFcc;
	border:				2px solid #660000;
	height:				22;
}
.inlog-but{
float:					right;
}





/*---------- De gegevens van de linkerbalk ----------*/
.content_linkerbalk{
	width:						260px;
	height:						100%;
	float:						left;
}

.content_linkerbalk_subscribe{
	width:						260px;
	height:						210px;
	background-image:			url(../images/subscribe_back.gif);
}

.content_linkerbalk_subscribe_content{
	padding-top:				90px;
	padding-left:				22px;
	width:						110px;
	height:						100px;

}

.content_linkerbalk_gigs{
	font-family:				Geneva, Arial, Helvetica, sans-serif;
	font-size:					10px;
	text-color:					#ffffcc;
	padding-left:				16px;
	width:						244px;
}

.content_linkerbalk_podcast{
	padding-left:				8px;
	width:						252px;
	height:						100px;
}

.content_linkerbalk_charts{
	font-family:				Geneva, Arial, Helvetica, sans-serif;
	font-size:					11px;
	text-color:					#ffffcc;
	padding-left:				16px;
	width:						244px;
	height:						220px;
}

.content_linkerbalk_charts_text{
	padding-top:				2px;
}





/*---------- De gegevens van de content zelf ----------*/
.content_content{
	width:						698px;
	padding-left:				20px;
	height:						100%;
	float:						left;
}

/*------------inlog-----------------------------------*/

.input {
	background:					#7e0900;
	border:						0px;
	color:						#fff;
	font-family:				Geneva, Arial, Helvetica, sans-serif;
	font-size:					11px;
	font-style:					normal;
}

.validate required email emailmsg{
	background:					#7e0900;
	border:						0px;
	color:						#fff;
	font-family:				Geneva, Arial, Helvetica, sans-serif;
	font-size:					11px;
	font-style:					normal;
}

/*-------------------------news-------------------------------*/

.content_news {
	float:						left;
	padding:					8px;
}
.content_image {
	float:						left;
	width:						175px;
	background:					#7e0900;
}

.news_image {
	width:						167px;
	float:						left;
	border-width:				4px;
	border-color:				#7e0900;
	border-style:				solid;
	text-align:					center;
}

.news_opmaak_image {
	float:						left;
}

.news_tekst {
	width:						474px;
	padding:					10px;
	float:						left;
	background-color:			#7e0900;
	/*border-bottom:				2px;
	border-bottom-color:		#7e0900;
	border-bottom-style:		dotted;*/
}

.news_tekst_title {
	width:						494px;
	height:						24px;
	padding-right:				9px;
	font-family:				Geneva, Arial, Helvetica, sans-serif;
	background-image:			url(../images/news_image_04.gif);
	font-size:					16px;
	font-weight:				bold;
	text-align:					right;
	float:						left;
}

.news_tekst a:link {
	font-family:				Geneva, Arial, Helvetica, sans-serif;
	font-size:					11px;
	font-style:					normal;
	color:						#ffffcc;
	text-decoration:			underline;
}

.news_tekst a:visited {
	font-family:				Geneva, Arial, Helvetica, sans-serif;
	font-size:					11px;
	font-style:					normal;

	color:						#ffffcc;
	text-decoration:			underline;
}

.news_tekst a:hover {
	font-family:				Geneva, Arial, Helvetica, sans-serif;
	font-size:					11px;
	font-style:					normal;
	font-weight:				normal;
	color:						#000;
	text-decoration:			none;
}



/*------------ op maak voor charts -----------------------*/

.content_charts{
	margin:						5px;
	font-family:				Geneva, Arial, Helvetica, sans-serif;
	font-size:					11px;
	text-color:					#ffffcc;
	padding-left:				16px;
	width:						244px;
	height:						220px;
}

.content_charts_text{
	padding-top:				6px;
	padding-left:				20px;
}




/*---------- De opmaak voor het gigs gedeelte ----------*/
.content_content_gigs_title{
	width:						690px;
	height:						70px;
	padding-top:				20px;
	padding-left:				20px;
	text-align:					left;
}

.content_content_gig_links{
	width:						178px;
	height:						124px;
	padding-left:				9px;
	padding-top:				4px;
	float:						left;
	background-image:			url(../images/gig_back_pic.gif);
	background-repeat:			no-repeat;
	float:						left;
}


.content_content_gig_rechts{
	width:						400px;
	height:						150px;
	float:						left;
}

.content_content_gig_title{
	width:						300px;
	height:						30px;
	text-align:					center;
	font-family:				Geneva, Arial, Helvetica, sans-serif;
	font-size:					24px;
	font-weight:				bold;
	text-align:					left;
}



/*---------- De opmaak voor het shop gedeelte ----------*/
.content_content_shop_title{
	width:						690px;
	height:						70px;
	padding-top:				20px;
	padding-left:				20px;
	text-align:					left;
}

.content_content_shop_links{
	width:						178px;
	height:						124px;
	float:						left;
}


.content_content_shop_rechts{
	width:						400px;
	height:						150px;
	float:						left;
}

.content_content_shop_title{
	width:						300px;
	height:						30px;
	text-align:					center;
	font-family:				Geneva, Arial, Helvetica, sans-serif;
	font-size:					24px;
	font-weight:				bold;
	text-align:					left;
}



/*---------- De opmaak voor het DISCO gedeelte ----------*/
.content_content_disco{
	width:						670px;
	height:						180px;
	padding-top:				20px;
	padding-left:				20px;
	text-align:					left;
}

.content_content_disco_links{
	width:						270px;
	height:						162px;
	padding-left:				2px;
	padding-top:				2px;
	float:						left;
	background-image:			url(../images/disco_back_img.gif);
	background-repeat:			no-repeat;
	float:						left;
}


.content_content_disco_rechts{
	width:						300px;
	height:						150px;
	float:						left;
}

/*.content_content_gig_title{
	width:						300px;
	height:						30px;
	text-align:					center;
	font-family:				Geneva, Arial, Helvetica, sans-serif;
	font-size:					24px;
	font-weight:				bold;
	text-align:					left;
}*/



/*---------- opmaak voor het foto album -----------*/

/* ---------- De opmaak voor het fotoalbum ---------- */


.content_album_navigatie{
	width:					680px;
	/*padding-left:			20px;*/
	height:					50px;
	background:				black;
	border-bottom-width:	0px;
}

.content_album_navigatie_terug{
	width:					320px;
	float:					left;
	border-bottom-width:	0px;
}

.content_album_navigatie_cijfer{
	width:					240px;
	float:					left;
	text-align:				center;
}

.content_album_navigatie_voort{
	width:					50px;
	float:					right;
	border-bottom-width:	0px;
}




.content_album_navigatie_terug_actief{
	width:					120px;
	height:					50px;
	background:				black;
	float:					left;
	border-bottom-width:	0px;
}

.content_album_navigatie_terug_nonactief{
	width:					30px;
	height:					50px;
	background:				black;
	float:					left;
	border-bottom-width:	0px;
}

.content_album_navigatie_cijfer_actief{
	width:					30px;
	height:					50px;
	background:				black;
	float:					left;
	text-align:				center;
	border-bottom-width:	0px;
}

.content_album_navigatie_cijfer_nonactief{
	width:					30px;
	height:					50px;
	background:				black;
	float:					left;
	text-align:				center;
	font-weight:			bold;
	font-size:				16px;
	border-bottom-width:	0px;
}

.content_album_navigatie_voort_actief{
	width:					30px;
	height:					50px;
	background:				black;
	float:					right;
	border-bottom-width:	0px;
}

.content_album_navigatie_voort_nonactief{
	width:					30px;
	height:					50px;
	background:				black;
	float:					right;
	border-bottom-width:	0px;
}

.content_album_terug{
	width:					689px;
	text-align:				center;
	border-bottom-width:	0px;
	background-color:		black;
}




.content_album_container{
	width:					680px;
	height:					185px;
	margin-left:			10px;
	margin-top:				30px;
	margin-bottom:			5px;
	background-color:		black;
}

.content_album_foto{
	float:					left;
	padding-left:			12px;
	padding-top:			8px;
	width:					150px;
	height:					180px;
	background-image:		url(../images/pictures_back.gif);
	background-repeat:		no-repeat;
}

.content_album_titel{
	float:					left;
	width:					500px;
	height:					25px;
	text-align:				right;
	border-bottom-width:	2px;
	border-bottom-color:	#ffffcc;
	border-bottom-style:	dotted;
	padding-top:			5px;
	padding-left:			5px;
	font-family:			Geneva, Arial, Helvetica, sans-serif;
	font-size:				16px;
	font-weight:			bold;
	
}

.content_album_tekst{
	float:					left;
	width:					100x;
	height:					112px;
	padding-left:			4px;
	padding-right:			4px;
	padding-top:			4px;
	font-family:			Geneva, Arial, Helvetica, sans-serif;
	font-size:				12px;
	font-weight:			normal;
	color:					#ffffcc;
}

.content_album_tekst_boven{
	float:					left;
	width:					240px;
	height:					86px;
	font-family:			Geneva, Arial, Helvetica, sans-serif;
	font-size:				12px;
	font-weight:			normal;
	color:					#ffffcc;
}

.content_album_tekst_onder{
	float:					left;
	color:					#000;
	border-width:			0px;
	background-color:		#000;
}

.content_album_tekst_onder a:link{
	float:					left;
	color:					#000;
	border-width:			0px;
	background-color:		#000;
}

.content_album_tekst_onder a:hover{
	float:					left;
	color:					#000;
	border-width:			0px;
	background-color:		#000;
}

.content_album_tekst_onder a:visited{
	float:					left;
	color:					#000;
	border-width:			0px;
	background-color:		#000;
}

.pictures_fotos_container{
	width:					698px;
	background:				black;
	padding-left:			3px;
}

.pictures_foto{
	float:					left;
	width:					150px;
	height:					112px;
	margin-left:			10px;
	margin-top:				20px;
	text-align:				center;
	background-color:		black;
}



/*----------------------------- video---------------------------------*/




.content_video_container{
	width:					680px;
	height:					185px;
	margin-left:			10px;
	margin-top:				30px;
	margin-bottom:			5px;
	background-color:		black;
}

.content_video_foto{
	float:					left;
	padding-left:			16px;
	padding-top:			8px;
	width:					170px;
	height:					133px;
	background-image:		url(../images/video_back_img.gif);
	background-repeat:		no-repeat;
}

.content_video_titel{
	float:					left;
	width:					450px;
	height:					25px;
	text-align:				right;
	border-bottom-width:	2px;
	border-bottom-color:	#ffffcc;
	border-bottom-style:	dotted;
	padding-top:			5px;
	padding-left:			5px;
	font-family:			Geneva, Arial, Helvetica, sans-serif;
	font-size:				16px;
	font-weight:			bold;
	
}

.content_video_tekst{
	float:					left;
	width:					100x;
	height:					112px;
	padding-left:			4px;
	padding-right:			4px;
	padding-top:			4px;
	font-family:			Geneva, Arial, Helvetica, sans-serif;
	font-size:				12px;
	font-weight:			normal;
	color:					#ffffcc;
}

.content_video_tekst_boven{
	float:					left;
	width:					240px;
	height:					86px;
	font-family:			Geneva, Arial, Helvetica, sans-serif;
	font-size:				12px;
	font-weight:			normal;
	color:					#ffffcc;
}

.content_video_tekst_onder{
	float:					left;
	color:					#000;
	border-width:			0px;
	background-color:		#000;
}

.content_video_tekst_onder a:link{
	float:					left;
	color:					#000;
	border-width:			0px;
	background-color:		#000;
}

.content_video_tekst_onder a:hover{
	float:					left;
	color:					#000;
	border-width:			0px;
	background-color:		#000;
}

.content_video_tekst_onder a:visited{
	float:					left;
	color:					#000;
	border-width:			0px;
	background-color:		#000;
}

/*----------------------------- downloads ---------------------------------*/
.downloads{
	width:						998px;
	margin-top:					30px;
	padding-left:				20px;
}


.downloads_tekst {
	font-family:				Geneva, Arial, Helvetica, sans-serif;
	font-size:					14px;
	font-style:					normal;
	color:						#ffffcc;
}



.downloads_tekst a:link {
	font-family:				Geneva, Arial, Helvetica, sans-serif;
	font-size:					14px;
	font-style:					normal;
	color:						#ffffcc;
	text-decoration:			underline;
}

.downloads_tekst a:visited {
	font-family:				Geneva, Arial, Helvetica, sans-serif;
	font-size:					14px;
	font-style:					normal;

	color:						#ffffcc;
	text-decoration:			underline;
}

.downloads_tekst a:hover {
	font-family:				Geneva, Arial, Helvetica, sans-serif;
	font-size:					14px;
	font-style:					normal;
	font-weight:				normal;
	color:						#7e0900;
	text-decoration:			none;
}