/*
	4th CSS revision
	Carst van der Molen
	March 2007
*/

body				{ 	margin: 0; background-color: #2d2e33; background-repeat: repeat-y; }
body#home			{	background: #000; }
body#bio			{	background-image: url(../images/bg_bio.gif); }
body#bands			{	background-image: url(../images/bg_bands.gif); }
body#projecten		{	background-image: url(../images/bg_projecten.gif); }
body#cds			{	background-image: url(../images/bg_cds.gif); }
body#educatie		{	background-image: url(../images/bg_educatie.gif); }
body#concerten		{	background-image: url(../images/bg_concerten.gif); }


div					{	margin: 0; padding: 0; color: #fff;
						font-family: "Trebuchet MS", Arial, sans-serif; }

#counter			{	display: none; }

/* image replacement */

.fir span			{	display: none; }


a					{	text-decoration: none; }

a img				{	border: none; }

a:link img,
a:visited img		{	opacity: 1.0; filter: alpha(opacity=100); -moz-opacity: 1.0; }
a:hover img			{	opacity: 0.7; filter: alpha(opacity=70); -moz-opacity: .70; }

#flashcontent p		{	font-size: 11px; }

/*
	left
*/

#left				{	float: left; width: 290px; height: 900px; }

/* color coding */

#bio #left			{ 	background: #f63; }
#bands #left		{	background: #ff9f3f; }
#projecten #left	{	background: #21d8ff; }
#cds #left			{	background: #f29; }
#educatie #left		{	background: #f7f619; }
#concerten #left	{	background: #a65216; }

/* menu */

#menu				{	margin: 20px 0 0 0; width: 250px; }
#menu ul			{ 	display: block; margin: 0; padding: 0; list-style: none; }
#menu li			{ 	display: block; float: left; }

#menu li.clear		{ 	clear: left; }

#menu a,
#menu .selected		{ 	display: block; margin: 0 11px 0 0; height: 22px;
						background-repeat: no-repeat; }

/* label */

#label				{	clear: both; margin: 6px 0 0 10px; width: 280px; height: 405px; background-repeat: no-repeat; }

#bio #label			{ 	background-image: url(../images/label_bio.gif); }
#bands #label		{	background-image: url(../images/label_bands.gif); }
#projecten #label	{	background-image: url(../images/label_projecten.gif); }
#cds #label			{	background-image: url(../images/label_cds.gif); }
#educatie #label	{	background-image: url(../images/label_educatie.gif); }
#concerten #label	{	background-image: url(../images/label_concerten.gif); }

/* copyright */

#copyright,
#copyright p		{	margin: 0; padding: 0; color: #333; font-size: 10px; font-weight: bold; }
#home #copyright p	{	color: #fff; }

#copyright p		{	float: left; margin: 0; padding: 0; }
#copyright ul		{	display: block; float: left; margin: 3px 0 0 0; padding: 0; list-style: none; }
#copyright li		{ 	display: block; float: left; margin: 0 0 0 8px; }

#bio #copyright a:link,
#bio #copyright a:visited,
#cds #copyright a:link,
#cds #copyright a:visited		{	color: #f7f619;  }

#home #copyright a:link,
#home #copyright a:visited,
#projecten #copyright a:link,
#projecten #copyright a:visited,
#educatie #copyright a:link,
#educatie #copyright a:visited	{	color: #f63;  }

#bands #copyright a:link,
#bands #copyright a:visited		{	color: #f29; }

#concerten #copyright a:link,
#concerten #copyright a:visited	{	color: #21d8ff;  }

#home #copyright a:hover,
#bio #copyright a:hover,
#bands #copyright a:hover,
#projecten #copyright a:hover,
#cds #copyright a:hover,
#educatie #copyright a:hover,
#concerten #copyright a:hover	{	color: #fff; }


/*
	middle
*/

#middle				{	float: left; width: 290px; height: auto; background: #000; padding-left: 10px; }

#middle img			{	margin-bottom: 7px; width: 290px; height: auto; }


/*
	right
*/

#right				{	float: left; width: 280px; height: auto; background: #000;
						padding: 20px 10px 10px 10px; 
						/* Hide from IE Mac \*/ 
						width: 280px;
						/* End Hide */ }

#logo				{	margin-bottom: 30px; width: 202px; height: 73px; background: url(../images/logo.gif) no-repeat; }
#logo a				{	display: block; width: inherit; height: inherit; }


/* submenu */

#submenu			{	display: block; float: left; margin: -25px 0 20px 0; padding: 0; list-style: none; }
#submenu li			{ 	display: block; float: left; font-size: 14px; font-weight: bold; height: 18px; }

#submenu a,
#submenu .selected	{ 	display: block; float: left; margin: 0 11px 0 0;
						background-repeat: no-repeat; }
#submenu a:link,
#submenu a:visited	{	color: #f63; }
#submenu a:hover	{	color: #fff; }


#cds .sleeve		{	margin: 7px 0 7px 0; width: 150px; }

#header				{	margin-top: 10px; width: 280px; height: 40px; background-repeat: no-repeat; }

#bio.nl #header		{	background-image: url(../images/nl/header_bio.gif); }
#bio.en #header		{	background-image: url(../images/en/header_bio.gif); }

.intro				{	font-weight: bold; color: #f29; }
#bio .intro			{	color: #f29; }

p a:link,
p a:visited			{	color: #f63; border-bottom: 1px solid #2d2e33; }
p a:hover			{	color: #fff; border-bottom: 1px solid #2d2e33; }

/*
	text
*/

h1 					{	margin: 0; color: #fff; font-size: 16px; line-height: 200%; }
h2 					{	clear: both; color: #f29; font-size: 16px; }
h3 					{	clear: both; margin-top: 36px; margin-bottom: 3px; padding: 0; color: #f29; font-size: 14px; }
h3:first-child		{	margin-top: 20px; }

p					{	margin-top: 0; margin-bottom: 12px; font-size: 12px; line-height: 18px; }

strong				{	color: #f7f619; }

.year				{	font-size: 11px; color: #aaa; }
.info				{	font-size: 10px; font-weight: normal; color: #aaa; }

.bezetting			{	display: block; width: 200px; font-size: 10px; font-weight: bold; line-height: 16px; }

.persquote			{	font-size: 11px; font-style: italic; }
.note				{	font-size: 11px; font-weight: bold; }
.small				{	font-size: 11px; }

.date1				{ color: #F7F619; font-size: 12px; font-weight: bold; }
.date2				{ color: #FF2299; font-size: 16px; font-weight: bold; white-space: nowrap; }

.subheader0			{ color: #FF9F3F; font-size: 14px; }
.subheader1			{ color: #FF2299; font-size: 16px; }
.subheader2			{ color: #21D8FF; }
.subheader3			{ color: #F7F619; font-size: 14px; }

p.backtotop			{	margin-top: 40px; text-align: left; font-size: 11px; font-weight: bold; }

/* mp3 player */

.mp3player			{	margin-right: 5px; }
.mp3name			{	margin: -18px 0 0 20px; }
.mp3name p			{	margin: 0; font-weight: bold; }
.mp3close			{	clear: both; }

#bands .mp3name p	{	font-size: 11px; }
#cds .mp3name p		{	font-size: 10px; }

.cdtitle			{	color: #aaa; }


/* email formatting */

.email span 				{	display: none; }
.email:before				{	content: ""attr(title)"@"attr(rel)""; }

/* end:email formatting */


/*
	home
*/

#container			{	width: 900px; height: auto; }

#home #container	{	margin: 60px 0 0 0; width: 100%; height: 400px; background: url(../images/beeld_home.jpg) center 25px no-repeat; }

#home #menu			{	margin: 0 auto 0 auto; width: 495px; height: 22px; }
#home #beeld		{	margin: 0 auto 0 auto; width: 495px; height: 330px; }
#home #logo			{	margin: 13px 0 0 -33px; width: 202px; height: 73px; background: url(../images/logo_home.gif) no-repeat; }

#home #copyright	{	clear: both; position: relative; top: 0; left: 0; margin: -5px auto 0 auto; width: 495px; height: 20px; }
#home #copyright,
#home #copyright p	{	font-weight: normal; }

#home #design		{	position: absolute; top: 0; right: 0; }
#home #design p		{	float: left; margin: 0; font-size: 10px; }
#home #design a		{	float: left; display: block; margin: 1px 0 0 5px;
						font-family: Arial, Helvetica, sans-serif; font-size: 24px; }

#home #design a:link,
#home #design a:visited	{	color: #f04; border: none; }
#home #design a:hover	{	color: #fff; border: none; }