/*
	1st css revision
	january 2007
	Carst van der Molen
*/

body				{	margin: 0; padding: 0; background: #aa6638; } /*#aa6638*/
/* body#home		{	overflow: hidden; } */

body.photo			{ 	background: #222; }
body.photo img		{ 	width: 100%; }

div, td				{	font-family: Verdana, sans-serif; font-size: 10px; }
td					{	vertical-align: top; }

.fir span			{	display: none; }

a					{	text-decoration: none; }

a:link,
a:visited			{	color: #777; }
a:hover,
a:active			{	color: #aaa; }

a img				{	border: none; }

img					{	display: block; }

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


/*
	layout
*/

#air				{	z-index: 2; position: relative; margin: 0;
						background: #737b80; border-top: 0 solid #737b80;  overflow: hidden; zoom: 1; }

#home #air			{	border-width: 0px; }

#container			{	position: relative; left: -36px; top: 0; margin: 41px auto 0 auto; width: 851px; height: auto;
						background: #737b80 url(../images/bg_main.gif) 0 0 repeat-y; overflow: hidden; zoom: 1; }

#home #container	{	left: 0px; width: 570px; background: none; }


#home #piano		{	position: static; clear: both; margin: 0 0 0 316px; width: 102px; height: 140px;
						background: url(../images/piano_home.gif) no-repeat; }
#home #string		{	clear: both; margin: 0 0 0 316px; width: 102px; height: 30px; 
						background: url(../images/bg_pianostring_home.gif) no-repeat; }
#home #beeld		{	clear: both; width: 570px; height: 320px;
						background: url(../images/beeld_home.jpg); }

#piano				{	position: absolute; left: 0; width: 43px; height: 63px;
						background: url(../images/piano.gif) no-repeat; }

#main				{	margin: 0 0 0 281px; width: 570px; min-height: 750px; height: 100%;
						background: #fff; overflow: hidden; zoom: 1; } /* 963*/

#cds #main			{	min-height: 600px; height: 100%; }

/* #main .min-height	{	margin: 0 0 0 500px; height: 600px; width: 1px; background: #000; } */

#masthead			{	width: auto; height: 65px; background: #ff5e00; padding: 20px; }

#home #masthead		{	height: auto; padding: 20px 20px 5px 20px; }

#masthead a:link,
#masthead a:visited	{	color: #ffc000; }
#masthead a:hover,
#masthead a:active	{	color: #fff; }


/* menu */

ul#menu				{	display: block; margin: 0 0 10px 0; height: 19px; padding: 0; list-style: none; }
#menu li			{ 	float: left; }

#home ul#menu		{	margin: 10px 0 10px 0; }

#menu a,
#menu .selected		{ 	display: block; float: left; margin: 0 7px 0 0; height: 19px;
						background-repeat: no-repeat; }
.en #menu a,
.en #menu .selected	{ 	margin-right: 9px; }

#menu .last a,
#menu .last.selected	{ 	margin: 0; }


#logo				{	width: 529px; height: 33px;
						background: url(../images/header_albertvanveenendaal.gif); }

/* submenu */

#submenu			{	float: left; margin: 0 0 0 71px; width: 175px; min-height: 730px; 
						background: url(../images/bg_piano.jpg) 0 245px no-repeat;
						padding: 10px; color: #fff; }

#arrow				{	position: absolute; top: 34px; left: 266px; width: 26px; height: 17px;
						background: url(../images/submenu_arrow.gif) no-repeat; }
					
#cds #submenu		{	background: none; height: 600px; }
#pers #submenu,
#nieuws #submenu	{	background: none; }

#submenu p			{	margin-top: 10px; color: #fff; font-size: 11px; line-height: 18px; }

#submenu .item		{	clear: both; display: block; }

#submenu a:link,
#submenu a:visited	{	color: #fa0; }
#submenu a:hover,
#submenu a:active	{	color: #fff; }

#submenu img.cd		{	float: left; margin: 5px 10px 5px 0; width: 36px; height: 36px; background: #333; }
#submenu img.cd.selected	{	opacity: 0; background: #fff; }
#submenu img.cd.three	{	margin: 5px 0 5px 0; }

#submenu img.photo 	{	margin: 10px 0 0 0; width: 175px; }


/* subhead */

#subhead			{	position: relative; width: auto; height: auto; background: #fa0; padding: 20px; }

#subhead h1 		{	margin: 0; color: #000; font-size: 18px; line-height: 18px; font-weight: normal; }
#subhead h1 .sub 	{	color: #000; font-size: 14px; }

#subhead a:link,
#subhead a:visited	{	color: #fff; }
#subhead a:hover,
#subhead a:active	{	color: #000; }

#subhead #browser	{	position: absolute; top: 0; right: 0; display: none; width: auto; height: 14px;
						background: #ff9700 url(../images/bg_browser.gif) top left no-repeat;
						padding: 5px 20px 5px 25px; font-size: 10px; }
#browser a:link,
#browser a:visited	{	color: #000; }
#browser a:hover,
#browser a:active	{	color: #fff; }

#browser .disabled	{	color: #fa0; }

#groepen #browser,
#cds #browser,
#composities #browser	{	display: block; }


/* content */

#content			{	position: relative; width: 400px; padding: 15px 20px 10px 20px; }

#cds #content		{	width: 530px; }

#content p,
#content td			{	margin-top: 5px; padding: 0; color: #000; font-size: 11px; line-height: 18px; }

#content h2 		{	margin: 30px 0 0 0; padding: 0; color: #000; font-size: 14px; line-height: 20px; font-weight: normal; }
#concerten #content h2	{	margin: 0 0 10px 0; }

#content h2:first-child	{	margin: 0; }

#groepen #mp3s		{	margin-top: 5px; border-top: 1px #ddd dotted; border-bottom: 1px #ddd dotted; padding-top: 5px; }
#cds #content #mp3s	{	position: absolute; top: 20px; left: 315px; margin: 0; width: 235px; }

#content #mp3s p	{	font-size: 10px; }

#content .mp3player	{	float: left; }
#content .mp3name	{	float: left; margin: -8px 0 0 5px; }

#content .clear		{	clear: both; }

#content p a:link,
#content p a:visited{	color: #f50; border-bottom: 1px solid #eee; }
#content p a:hover,
#content p a:active	{	color: #666;  border-bottom: 1px solid #ccc; }

#groepen #content img.cd	{	margin: 3px 5px 0 0;  }
#cds #content img.cd{	width: auto; height: 250px; }

#content a:link img,
#content a:visited img,
#content a:hover img,
#content a:active img	{	border: none; }


#content .backtotop	a 			{	display: block; width: 100%; height: 16px; background: #000; }
#content .backtotop	span 		{	display: none; }

#content .backtotop	a:link,
#content .backtotop	a:visited	{	background: url(../images/backtotop.gif) right top no-repeat; }
#content .backtotop	a:hover,
#content .backtotop	a:active	{	background: url(../images/backtotop-over.gif) right top no-repeat; }


.bezetting				{ 	font-size: 11px; line-height: 10px; }

.sub					{ 	color: #666; }

#content .note			{ 	color: #666; font-size: 10px; }

#content .dag		{	display: block; margin: 0 10px 0 0; text-align: right; color: #666; font-size: 12px; }
#content .dag p		{	margin: 0; }


#content .year		{	font-size: 12px; }

.small,
#content p.small	{	font-size: 10px; }
.credits			{	font-style: italic; font-size: 9px; }


/* home page */

#home p 			{	font-size: 9px; }

#home .copyright	{	 }

#home .mail 		{	position: relative; top: -21px; }

#home .mail a 		{	display: block; position: absolute; top: 0; right: 4px; }

#home .mail a:link,
#home .mail a:visited	{	color: #ffc000; background: url(../images/mailicon_masthead.gif) left 3px no-repeat; }
#home .mail a:hover,
#home .mail a:active	{	color: #fff; background: url(../images/mailicon_masthead-over.gif) left 3px no-repeat; }

#home .mail a span 	{	margin: 0 0 0 12px; }


/* earth */

#earth				{	z-index: 1; width: 100%; height: 200px; position: relative; top: -41px;
						background: #737b80 url(../images/earth.gif) center 0 no-repeat;
						overflow: hidden; zoom: 1; }

#home #earth		{	background-image: url(../images/earth_home.gif); }



/*
	counter
*/

#counter		{	display: none; }