*{
	font-family: Arial, Helvetica, sans-serif;
}

body
{
    margin:0px;
    padding:0px;
	font-size: 11px;
	background-color: #FFFFFF;
	background-image: url(../images/intro/background.gif);
	background-position: center;
	overflow: auto;
}

html 
{
    height:100%;
	margin:0px;
    padding:0px;
	overflow: auto;
}

/* ******************************* DIV's ****************************** */

#containerIntro { 	
	position:absolute;
	height:520px; 
	width:600px;
	margin:-260px 0px 0px -301px;
	top: 50%; 
	left: 50%;
	text-align: center;
	padding: 0px;
	overflow: hidden;
}

#menuIntro {
	text-align: center;
	margin-left: 1px;
}
#festival {
	width: 299px;
	height: 30px;
	float: left;
}
#course {
	width: 300px;
	height: 30px;
	float: left;
}


#festival img {
	display: block;
	float: right;
}
#course img {
	display: block;
	float: left;
}
#menuIntro #festival a.de span {
	background-image: url(../images/intro/button_festival_de.gif);
	display: block;
	float: right;
	width: 30px;
	height: 30px;
}
#menuIntro #festival a.it span {
	background-image: url(../images/intro/button_festival_it.gif);
	display: block;
	float: right;
	width: 30px;
	height: 30px;
}
#menuIntro #course a.de span {
	background-image: url(../images/intro/button_course_de.gif);
	display: block;
	float: left;
	width: 30px;
	height: 30px;
}
#menuIntro #course a.it span {
	background-image: url(../images/intro/button_course_it.gif);
	display: block;
	float: left;
	width: 30px;
	height: 30px;
}

#menuIntro #course a.en span {
	background-image: url(../images/intro/button_course_en.gif);
	display: block;
	float: left;
	width: 30px;
	height: 30px;
}
#menuIntro div a span strong {
	display: none;
}
#menuIntro div a:hover span {
	background-position: 0px 30px;
}
span.white {
	color: #ffffff;
}