/* deux pièces intro CSS */
html { height: 100%}
*{
	padding: 0;
	margin: 0;
}

body{
	font-family: Verdana, Geneva, Arial, sans-serif;
	font-size: 11px;
	height: 101%;
	background-image: url(bilder/hg.gif);
	background-attachment: fixed;
	color: #ffe294;
	line-height: 17px;
}
#container{
	width: 900px;
	min-height: 600px;
	background-image: url(bilder/deux_pieces.gif);
	background-repeat:no-repeat;
	border-bottom: 15px dotted #1e1e1e;
	border-left: 3px solid #1e1e1e;
	border-right: 3px solid #1e1e1e;
	margin: 30px auto;
}
#h1 { /**/
	padding: 0 15px; 
	width: 540px;
}
h1 {

margin: 40px 0 0 125px;
	font-size: 12px;
	font-weight: lighter;
	color: #757679;
}

#banner {
	width: 861px;
	height: 165px;
	padding-left: 39px;
}
#logo {
	margin-left: 20px;
	float: left;
	width: 360px;
	height: 165px;
}
img {
	border: 0;
}
.megafon {
	float: left;
	width: 150px;
	height: 150px;	
	margin-top: 228px;
	background-image: url(bilder/megafon.gif);
	background-repeat: no-repeat;
}
.megafon:hover {
	background-image: url(bilder/megafon2.gif);
	background-repeat:no-repeat;

}

/*******************************************************/
/***************Hauptnavigation*************************/
/*******************************************************/
#banner p {
margin: 62px 0 0 10px;
}
/*--button musik--*/
/*--button musik--*/
.blau{
	float: left;
	width: 95px;
	height: 15px;
	margin: 30px 0 0 0;
	padding: 62px 0 0 10px;
	background-image: url(bilder/navigation/blau.gif);
	background-repeat: no-repeat;
}
.blau:hover {
	background-image: url(bilder/navigation/blau2.gif);
	background-repeat: no-repeat;
}
.blauon{
	float: left;
	width: 95px;
	height: 15px;
	margin: 30px 0 0 0;
	padding: 62px 0 0 10px;
	background-image: url(bilder/navigation/blau3.gif);
	background-repeat: no-repeat;
	color: #ffd594;
}
/*--button über uns--*/
.gelb{
	float: left;
	width: 55px;
	height: 15px;
	margin: 12px 0 0 3px;
	padding: 62px 0 0 10px;
	background-image: url(bilder/navigation/gelb.gif);
	background-repeat: no-repeat;
}
.gelb:hover {
	background-image: url(bilder/navigation/gelb2.gif);
	background-repeat: no-repeat;
}
.gelbon{
	float: left;
	width: 55px;
	height: 15px;
	margin: 12px 0 0 3px;
	padding: 62px 0 0 10px;
	color: #ffd594;
	background-image: url(bilder/navigation/gelb3.gif);
	background-repeat: no-repeat;
}
/*--button bilder--*/
.rot{
	float: left;
	width: 55px;
	height: 15px;
	margin: 59px 0 0 10px;
	padding: 62px 0 0 10px;
	background-image: url(bilder/navigation/rot.gif);
	background-repeat: no-repeat;
}
.rot:hover {
	background-image: url(bilder/navigation/rot2.gif);
	background-repeat: no-repeat;
}
.roton{
	float: left;
	width: 55px;
	height: 15px;
	margin: 59px 0 0 10px;
	padding: 62px 0 0 10px;
	background-image: url(bilder/navigation/rot3.gif);
	background-repeat: no-repeat;
	color: #ffd594;
}
/*--button freunde--*/
.gruen{
	float: left;
	width: 55px;
	height: 15px;
	margin: 65px 0 0 20px;
	padding: 62px 0 0 10px;
	background-image: url(bilder/navigation/gruen.gif);
	background-repeat: no-repeat;
}
.gruen:hover {
	background-image: url(bilder/navigation/gruen2.gif);
	background-repeat: no-repeat;
}
.gruenon{
	float: left;
	width: 55px;
	height: 15px;
	margin: 65px 0 0 20px;
	padding: 62px 0 0 10px;
	background-image: url(bilder/navigation/gruen3.gif);
	background-repeat: no-repeat;
	color: #ffd594;
}
/*--button kontakt--*/
.orange{
	float: left;
	width: 55px;
	height: 15px;
	margin: 30px 0 0 39px;
	padding: 62px 0 0 10px;
	background-image: url(bilder/navigation/orange.gif);
	background-repeat: no-repeat;
}
.orange:hover {
	background-image: url(bilder/navigation/orange2.gif);
	background-repeat: no-repeat;
}
.orangeon{
	float: left;
	width: 55px;
	height: 15px;
	margin: 30px 0 0 39px;
	padding: 62px 0 0 10px;
	background-image: url(bilder/navigation/orange3.gif);
	background-repeat: no-repeat;
	color: #ffe294;
}
/****************Ende Hauptnavi**********************/

/*************texthovering navigation*************/
a, a:link, a:visited {
	text-decoration: none;
	color: #757679;
}
a:hover {
	color: #ffe294;
}
/**********ende hovering**********/