@CHARSET "UTF-8";

body{
    padding: 3%;
}

img{
	width: 100%;
	height: auto;
}

div.banner{
	width:50%
}
	
#award{
	width: 67%;
	float: left;
	padding-left: 3%;
	font-style: italic;
        font-size: 120%;
}

#award p{
	margin: 0px;
}

#cyprien{
	width: 30%;
	float: right;
}

#cyprien img{
	float: right;
	width: 100%;
}

#cyprien p{
	position: absolute;
	bottom: 15%;
	z-index: 0;
	color: #e6b451;
	padding-left: 2%;
	padding-right: 2%;
	font-style: italic;
	font-weight: bold;
	font-size: 70%;
	width:25%;
}

#cyprien p #top{
	font-size: 120%
}
	
#cyprien p #sign{
	width: 100%;
	text-align: right;
	display: block;
}

#stein{
	float: right;
	width: 44%;
	margin-right: 1%;
}

#stein #history{
	float: right;
	width: 60%;
	font-size: 90%;
	text-align: right;
        margin-top: 2em;
}

#stein #piano{
	float: left;
	width: 27%;
	position: absolute;
	margin-top: 3em;
	margin-left: -2em;
}

#stein #udo{
	float: right;
	clear: right;
	width: 28%;
	position: relative;
	font-size: 80%;
	text-align: center;
	margin-left: 2%;
}

#links{
	float: left;
	width: 25%;
	padding-top: 0%;
	margin-top: 1.5em;
	font-size: 100%;
}

#links ul{
	margin-top: 0em;
}

#links a{
	text-decoration: none;
	font-size: 140%;
	font-weight: bold;
	color: black;
	color: #e6b451;
}

#links li{
	padding-top: 0.2em;
}

#liszt{
    float: left;
     width: 198px;
    padding: 0em 0em 0em 1em;
    font-style: italic;
    margin-left: 4px;
    margin-top: 1em;
    font-size: 110%;
}

#liszt a{
    color: #000000;
}

#liszt a:visited{
    color: #000000;
}

#fine{
	float: left;
	width: 64%;
	font-style: italic;
	font-size: 130%;
	position: absolute;
	bottom: 6.5%;
	margin-left: 1%;
	margin-right: 1%;
}

#fine p{
	margin: 0px;;
	text-align: left;
}

#finesign{
	font-weight: bold;
        font-size: 80%;
}

#leftside{
	width: 60%;
}