/* main styles */

body{
	margin:0;
	padding:0 0 20px 0;
	background:#222;
	font-family: arial,verdana,sans-serif;
	font-size:62.5%;
	line-height:1.6em;
	color:#333;
	}
body.home{
	background:#000;
}

a{
	text-decoration:none;
	color:#C00;
	}
a.mail{
	color:#c00;
	}
img, div {
	border:0;
	margin:0;
	padding:0;
	}
h2{
	font-size:1.7em;
	line-height:1.6em;
	color:#c00;
	padding:14px 24px 0 24px;
	margin:0;
	}
h3{
	font-size:1.3em;
	color:#333;
	padding:0 24px 0 24px;
	margin:0;
	}
p{
	font-size:1.2em;
	padding:0 24px 10px 24px;
	margin:0;
	}
	
	
	/* =====  =id ==== */
#Wrapperhome{
	position:relative;
	width:560px;
	height:563px;
	margin:5% auto 0 auto;
}
	#Wrapperhome #Lang{
		position:absolute;
		right:12px;
		bottom:24px;
		width:85px;
	}
	#Wrapperhome #Lang a{
		font-size:1.5em;
		color:#fff;
		padding:0 10px 0 0;
	}
	#Wrapperhome #Lang a:hover,
	#Wrapperhome #Lang a:focus{
		text-decoration:underline;
	}
#Pagewrapper{
	width:780px;
	margin:0 auto;
	padding:0;
	}
#Page{
	width:780px;
	margin:0;
	overflow:hidden;
	}
#Header{
	width:780px;
	background:#000;
	height:191px;
	overflow:hidden;
	}
.home{
	height:300px;
	overflow:hidden;
	}

#Nav{
	overflow:hidden;
	width:780px;
	position:relative;
	margin-top:-3em;
	padding:0;
	background:url(../images/backgrounds/bg_navtrans.png) repeat-x bottom;
	}
#Content{
	clear:both;
	float:left;
	width:780px;
	color:#333;
	padding-top:16px;
	background:#000;
	overflow:hidden;
	}
body.bio #Content,
body.repertoire #Content,
body.press #Content,
body.agenda #Content,
body.contact #Content,
body.links #Content{	
	background:#fff;
	}

#Footer{
	clear:both;
	height:2em;
	background:#000;
	}
	body.bio #Footer,
	body.repertoire #Footer,
	body.press #Footer,
	body.agenda #Footer,
	body.contact #Footer,
	body.links #Footer{	
		background:#fff;
		}

	
/* ========== styles per id ================= */
	/* ----- =Header ------ */
	
#Header #Mainfoto{
	float:right;
	width:360px;
	height:191px;
	overflow:hidden;
	text-align:right;
	}
	#Header #Logo{
		padding:44px 0 0 20px;
		margin:0;
		}
	#Header #Logo h2{
		padding:0;
		margin:0;
	}
		
	/* ---- nav list ------ */
	
#Nav ul{
	margin:0;
	padding:0;
	list-style:none;
	}
	#Nav ul li{
		float:left;
		padding:0;
		margin:0;
		}
		#Nav ul li a{
			color:#fff;
			font-size:1em;
			font-weight:bold;
			text-transform:uppercase;
			display:block;
			padding:0.6em 10px;
			}
			#Nav ul li a.first{
				padding-left:1.4em;
				}
				
		#Nav ul li a:hover{
			color:#fff;
			}
		#Nav ul li a:hover{
			background:url(../images/arrow_cur.gif) no-repeat center bottom;
			}
	#Nav li.lang{
		float:right;
	}
	#Nav li.lang a:hover{
		background:none;
		text-decoration:underline;
	}
/* ------------------- #Nav active states ---------------------- */
body.bio #Bio,
body.repertoire #Repertoire,
body.press #Press,
body.agenda #Agenda,
body.photo #Photo,
body.media #Media,
body.contact #Contact,
body.links #Links{
	background:url(../images/arrow_cur.gif) no-repeat center bottom;
}

#Nav a#Home:hover{
	background:none;
}


		
#Taal{
	float:right;
	padding:0.6em 0;
	}
	#Taal a{
		color:#fff;
		font-size:0.9em;
		}
	#Taal a:hover{
		text-decoration:underline;
		}
	
	
	
	/* content */
	
.proloog{
	height:120px;
	font-style:italic;
	font-size:1em;
	color:#ccc;
	padding:60px 200px 0 0;
	background:#000;
	text-align:center;
	}
	
.rightbox{
	float:right;
	margin:44px 18px 0 0;
	padding:0 0 0 24px;
	width:80px;
	background:url(../images/logo_pdf.gif) no-repeat left top;
	}
	.rightbox a{
		font-size:1.1em;
		color:#c00;
		}
	.rightbox a:hover{
		text-decoration:underline;
		}
	.rightbox img{
		vertical-align:bottom;
		}
	.rightbox span{
		font-size:0.9em;
		}
.itemrow{
	clear:both;
	}
	.itemrow p{	
		width:500px;
		}
	.itemrow .imgbox{
		float:right;
		display:inline;
		width:120px;
		margin:0 34px 0 0;
		padding:42px 0 0 0;
		text-align:right;
		}
		.itemrow .imgbox img{
			border:1px solid #999;
			}

	
	/* ==== =agenda ===== */
.agenda{
	padding-bottom:20px;
	white-space:normal;
	}
	.agenda h2{
		color:#c00;
		font-size:1.6em;
		padding:1em 0 0 36px;
		}
	.agenda h3{
		padding:0 0 0 20px;
		margin:10px 0 0 36px;
		background:url(../images/agenda_item.gif) no-repeat left center;
		}
		.agenda h3 span{
			font-weight:normal;
			padding-left:8px;
			}
	.agenda p{
		padding:0 0 0 56px;
		}
	.agenda a{
		color:#c00;
		}
	.agenda a:hover{
		text-decoration:underline;
		}
	.agenda #Nav a:hover{
		text-decoration:none;
	}
		
.totop{
	float:right;
	display:inline;
	width:150px;
	margin:8px 34px 0 0;
	padding:0;
	text-align:right;
	}
	.totop a{
		color:#c00;
		padding:0 12px 0 0;
		background:url(../images/totop_arrow.gif) no-repeat right top;
		}
		
/* ------------------- =links ---------------------- */
body.links #Content{
	padding-bottom:40px;
}
body.links #Content h2{
	font-size:1.4em;
	clear:both;
	padding:1em 0 0 40px;
	margin:0;
}
body.links #Content ul{
	width:650px;
	padding:4px 40px;
	margin:0;
	list-style:none;
	font-size:1.2em;
	line-height:2em;
}
body.links #Content li{
	clear:both;
}
body.links #Content ul a{
	color:#333;
	text-decoration:underline;
}
body.links #Content ul a:hover{
	color:#c00;
}
	body.links #Content span.name{
		float:left;
		width:280px;
	}




		

	
	
	/* ====== =popup ======= */
	
body.popup{
	background:#000;
	color:#999;
	}
.popupimg{
	width:420px;
	margin:20px auto;
	}
	.popupimg p{
		padding:16px 0 0 0;
		}
	.popupimg .right{
		font-size:1.2em;
		float:right;
		padding:16px 0 0 0;
		}
body.interview{
	width:680px;
	background:#fff;
	padding:24px;
	margin:0 0 16px 0;
	}
	body.interview h2{
		padding:14px 24px 16px 24px;
		}
div.printbutton{
	float:right;
	width:100px;
	padding:20px 24px 0 0;
	text-align:right;
	}
	div.printbutton a{
		font-size:1.2em;
		}
	div.printbutton a:hover{
		text-decoration:underline;
		}
		
	
	/* ======= =media ======== */
*html .media object.QTObject{
	display:none;
	}
.media p{
	color:#999;
	padding:0 0 0 16px;
	}
	
	.media p.music a{
		color:#999;
		padding:0 0 0 16px;
		background:url(../images/icon_note.gif) no-repeat left center;
		}
	.media p.music a:hover{
		text-decoration:underline;
		}
	.media p.connection a{	
		color:#999;
		}
	.media p.connection a:hover{	
		color:#fff;
		}
		.media p span.fragment{
			float:left;
			width:22em;
			color:#ccc;
			}
	.media p.alternative{
		clear:left;
		}
		.media p.alternative a{
			color:#999;
			text-decoration:underline;
			font-style:italic;
			}
.media h2{
	padding:32px 16px 0 16px;
	}
.media h3{
	padding:16px 16px 8px 16px;
	color:#ccc;
	font-size:1.4em;
	}
.media h3.composer{
	font-size:1.2em;
	color:#ccc;
	padding:16px 0 6px 16px;
	margin:0;
	}
.media object{
	display:inline;
	margin:0 0 0 16px;
	}

	
.media span.realpl{
	color:#369;
	padding:0 8px;
	}
	
	/* =contact */

.lcol{
	float:left;
	width:320px;
	}
	.lcol h2{
		padding-left:60px;
		}
	.lcol p{
		padding:0 0 0 60px;
		}
	.lcol p.first,
	.rcol p.first{
		padding-top:16px;
		}
	.lcol h2,
	.rcol h2{
		padding-bottom:16px;
		}
.rcol{
	float:left;
	width:400px;
	}
	.rcol p{
		padding:0 0 0 60px;
		}
.lcol a:hover,
.rcol a:hover{
	text-decoration:underline;
	}
	
.webdesign{
	float:left;
	clear:both;
	padding:12px 0 0 60px;
	margin:0;
	width:280px;
	}

	.webdesign p{
		padding:0;
		margin:0;
		}
	.webdesign a:hover{
		text-decoration:underline;
	}
	
	/* ==== =repertoire ====== */
	
.repertoire h2{
	padding:14px 24px 8px 24px;
	margin:0
	}
.repertoire p{
	padding:0 24px;
	margin:0;
	}
.summery{
	padding:16px 0 24px 0;
	overflow:hidden;
	}
	.summery p span.composer{
		color:#c00;
		float:left;
		clear:left;
		width:150px;
		}
	.summery p span.piece{
		float:left;
		width:550px;
		}
		
		
		/* ======= =press ======= */
.press #Content{
	padding-bottom:40px;
}		
.press h2{
	padding:0 32px 0 16px;
	margin:14px 0 0 24px;
	background:url(../images/agenda_item.gif) no-repeat left center;
	}
.press h3{
	padding:0 24px 6px 24px;
	font-weight:normal;
	}
.press h3.interview{
	padding:12px 24px 0 24px;
	font-weight:bold;
	}
.press p{
	padding:0 32px 0 24px;
	}
	.press p a:hover{
		text-decoration:underline;
		}
/* ------------------- =Gallery ---------------------- */
#Gallery{
	padding:0 0 0 17px;
}
	#Big{
		float:left;
		width:500px;
		color:#999;
		line-height:1.9em;
	}
	#Info_img{
		padding:10px 0;
	}
	#Info_img p{
		padding:0;
		margin:0;
	}
	#Info_img p a{
		color:#fff;
		text-decoration:underline;
	}
#Thumbs{
	float:left;
	padding:0 0 0 60px;
	width:200px;
}
	#Thumbs ul{
		margin:0;
		padding:0;
	}
	#Thumbs li{
		list-style:none;
		width:130px;
		height:130px;
		overflow:hidden;
		margin:0 0 6px 0;
		background:#333;
	}
/* ------------------- =contactform ---------------------- */
.contactform{
	float:right;
	width:440px;
	font-size:1.2em;
}
	.contactform fieldset{
		border:0;
		padding:1em 0;
	}
	.contactform p{
		font-size:1em;
		padding:0;
		margin:1em 0;
	}
	.contactform ol li{
		color:#c00;
	}
	.contactform h2{
		font-size:1.4em;
		padding:14px 24px 4px 0;
	}
	.contactform input,
	.contactform textarea{
		width:250px;
		border:1px solid #999;
	}
	.contactform textarea{
		overflow:hidden;
	}
	.contactform ul{
		margin:0;
		padding:0;
		list-style:none;
	}
	.contactform li{
		padding:0 0 8px 0;
	}
	.contactform li.controls{
		width:372px;
	}
	.contactform li.controls input.submit{
		width:auto;
		float:right;
	}
	.contactform label{
		float:left;
		width:120px;
	}