/* CSS Document */


body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-color: A5926A;
	background-image: url(images/background.jpg);
	background-repeat: no-repeat;
}
/* ----- begin logo - Width: 510px, Height: 85px, xPos:312, yPos:190 -----*/ 
#logo {
	margin:0;
	padding:0;
	position:absolute;
	left:312px;
	top:190px;
	z-index:15;
	width:510px;
	height:85px;
	overflow:hidden;
	background:url(images/irmi_lansing.gif);
	background-repeat: no-repeat;
	background-position: left top;
	}
	
#logo span {
	display:block;
	position:absolute;
	left:312px;
	top:190px;
	z-index:1;
	width:510px;
	height:85px;
	margin:0;
	padding:0;
	}
/* ----- end logo -----*/

/* ----- begin li  -----*/
li {
	list-style-type: none;
}
/* ----- end li  -----*/

/* ----- begin navigation1 Button Gesangsunterricht  - Width: 812px, Height: 93px, xPos:0, yPos:294 -----*/ 
#n1Gesangsunterricht {
	margin:0;
	padding:0;
}

#n1Gesangsunterricht a {
	display:block;
	position:absolute;
	left:0px;
	top:294px;
	z-index:5;
	width:812px;
	height:93px;
	margin:0;
	padding:0;
	background: url("images/b_gesangsunterricht.gif") 0 0 no-repeat;
	text-decoration: none;
}

#n1Gesangsunterricht a:hover {
	background-position: -812px 0;
}

#n1Gesangsunterricht a span {
	display:none
}
/* ----- end navigation1 Button Gesangsunterricht  -----*/ 

/* ----- begin navigation1 Button Biografie  - Width: 812px, Height: 93px, xPos:0, yPos:387 -----*/ 
#n1biografie {
	margin:0;
	padding:0;
}

#n1biografie a {
	display:block;
	position:absolute;
	left:0px;
	top:387px;
	z-index:5;
	width:812px;
	height:93px;
	margin:0;
	padding:0;
	background: url("images/b_biografie.gif") 0 0 no-repeat;
	text-decoration: none;
}

#n1biografie a:hover {
	background-position: -812px 0;
}

#n1biografie a span {
	display:none
}
/* ----- end navigation1 Button Biografie  -----*/ 

/* ----- begin navigation1 Button Kontakt  - Width: 812px, Height: 100px, xPos:0, yPos:479 -----*/ 
#n1kontakt {
	margin:0;
	padding:0;
}

#n1kontakt a {
	display:block;
	position:absolute;
	left:0px;
	top:479px;
	z-index:5;
	width:812px;
	height:100px;
	margin:0;
	padding:0;
	background: url("images/b_kontakt.gif") 0 0 no-repeat;
	text-decoration: none;
}

#n1kontakt a:hover {
	background-position: -812px 0;
}

#n1kontakt a span {
	display:none
}
/* ----- end navigation1 Button Kontakt  -----*/ 

/* ----- begin aniirmi - Width: 345px, Height: 410px, xPos:70, yPos:138 -----*/ 
#aniirmi {
	margin:0;
	padding:0;
	position:absolute;
	left:70px;
	top:138px;
	z-index:10;
	width:345px;
	height:410px;
	overflow:hidden;
	background:url(images/ani_irmi.gif);
	background-repeat: no-repeat;
	background-position: left top;
	}
	
#aniirmi span {
	display:block;
	position:absolute;
	left:70px;
	top:1038px;
	z-index:1;
	width:345px;
	height:410px;
	margin:0;
	padding:0;
	}
/* ----- end aniirmi -----*/

/* ----- begin impressumslink - Width: 345px, Height: 410px, xPos:70, yPos:138 -----*/ 
#impressumslink {
	z-index:15;
	padding-left: 28px;
	padding-top: 570px;
	}
	
#impressumslink a{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
	}
	
#impressumslink a:hover{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: underline;
	}
/* ----- end impressumslink -----*/

/* ----- begin pic - Width: 568px, Height: 391px, xPos:0, yPos:171 -----*/ 
#Gesangsunterricht #pic {
	margin:0;
	padding:0;
	position:absolute;
	left:0px;
	top:171px;
	z-index:5;
	width:568px;
	height:391px;
	overflow:hidden;
	background:url(images/pic_gesangsunterricht.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	}
	
#biografie #pic {
	margin:0;
	padding:0;
	position:absolute;
	left:0px;
	top:171px;
	z-index:5;
	width:568px;
	height:391px;
	overflow:hidden;
	background:url(images/pic_biografie.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	}

#kontakt #pic {
	margin:0;
	padding:0;
	position:absolute;
	left:0px;
	top:171px;
	z-index:5;
	width:568px;
	height:391px;
	overflow:hidden;
	background:url(images/pic_kontakt.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	}
			
#pic span {
	display:block;
	position:absolute;
	left:0px;
	top:1038px;
	z-index:1;
	width:568px;
	height:391px;
	margin:0;
	padding:0;
	}
/* ----- end pic  -----*/

/* ----- begin logolink  - Width: 510px, Height: 85px, xPos:312, yPos:190 -----*/ 
#logolink {
	margin:0;
	padding:0;
}

#logolink a {
	display:block;
	position:absolute;
	left:312px;
	top:190px;
	z-index:10;
	width:510px;
	height:85px;
	margin:0;
	padding:0;
	background: url("images/b_irmi_lansing.gif") 0 0 no-repeat;
	text-decoration: none;
}

#logolink a:hover {
	background-position: -510px 0;
}

#logolink a span {
	display:none
}
/* ----- end logolink  -----*/ 

/* ----- begin content  - Width: 340px, xPos:470, yPos:320 -----*/ 
#Gesangsunterricht #content{
	position:absolute;
	width:359px;
	z-index:10;
	left: 470px;
	top: 320px;
	visibility: visible;
	display: block;
	}

#Gesangsunterricht #content h1{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #FFFFFF;
	}	
	
#Gesangsunterricht #content h2{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	padding-left: 100px;
	}		
	
#Gesangsunterricht #content p{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #FFFFFF;
	padding-left: 70px;
	}

#biografie #content{
	position:absolute;
	width:550px;
	z-index:10;
	left: 420px;
	top: 275px;
	visibility: visible;
	display: block;
	}

#biografie #content h1{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
	color: #FFFFFF;
	padding-left: 50px;
	}	
	
#biografie #content h2{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #FFFFFF;
	line-height: 20px;
	}		
	
#biografie #content p{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #FFFFFF;
	padding-left: 50px;
	line-height: 20px;
	}
	
#kontakt #content{
	position:absolute;
	width:380px;
	z-index:10;
	left: 440px;
	top: 320px;
	visibility: visible;
	display: block;
	}	
		
#kontakt #content h1{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #FFFFFF;
	padding-left: 30px;
	}	
	
#kontakt #content h2{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	color: #FFFFFF;
	padding-left: 50px;
	}		
	
#kontakt #content p{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: normal;
	color: #FFFFFF;
	padding-left: 120px;
	}

#kontakt #content a{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	}
	
#kontakt #content a:hover{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: underline;
	}	
	
#impressum #content{
	position:absolute;
	width:400px;
	z-index:10;
	left: 50px;
	top: 50px;
	visibility: visible;
	display: block;
	}

#impressum #content h1{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #FFFFFF;
	}			
	
#impressum #content p{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: normal;
	color: #FFFFFF;
	}
	
#impressum #content a{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	}
	
#impressum #content a:hover{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: underline;
	}
/* ----- end content  -----*/