@charset "utf-8";
/* CSS  start Document */

body {
	font-family: verdana;
	font-size: 10pt;
	background-color: #132d4e;
}

#frame {
	
	position: absolute;
	border: 0px solid red;
	width: 812px;
	left: 50%;
	margin-left: -406px;
	height: 900px;

	background-repeat: no-repeat;
	text-align:center;
	
	}
	
#head {
	
	width: 808px;
	height: 346px;
	background-image:url(../images/images/head1.jpg);
	border: 0px solid #000;	
	}
	
#logo {

	height: 200px;
	width:320px;
	margin-left:440px;
	margin-top: -35px;
	float: left;
	border: 0px solid #000;
	background-image:url(../images/logoblauerapfel1.png);
	background-repeat: no-repeat;
	
	
	}
	
	
#left {

	width: 180px;
	height: 750px;
	border: 0px solid #000;
	background-image:url(../images/images/left.jpg);
	float:left;
}

/*Gestaltung main und textbereich */



h5 {
	
	font-style:oblique;
	font-size:13px;
	color: #132d4e;
	}



#main {

	width: 570px;
	height: 750px;
	border:0px solid #000;
	background-image:url(../images/images/main.jpg);
	float:left;
		
	}
#maintext {
	
	
	background-image:url(../images/hintergrundkasper.jpg);
	background-repeat: no-repeat;
	width: 475px;
	height:725px;
	margin-top: 30px;
	margin-left:40px;
	border: px solid #000;
	float:left;	
	
	}

#text {
	
	text-align:justify;
  	
	font-size:13px;
	font-family:Verdana, Geneva, sans-serif;
	color:#1C1C1C;
	width: 408px;

	margin-top: 10px;
	margin-left:25px;
	padding: 10px;
	border: 0px solid #000;
	float:left;	
	
	}


/* Ende Gestaltung main und textbereich */

#right {

	width: 58px;
	height: 750px;
	border: 0px solid #000;
	background-image:url(../images/images/right.jpg);
	float:left;
	}
	
#footer {
	width: 808px;
	height: 28px;
	border: 0px solid #000;
	background-image:url(../images/images/footer.jpg);
	float:left;	
	}	
	
#impressum {
	
		height: 10px;
		width: 40px;
		border: 0px solid red;
		text-size: 7pt;
		padding-right: 20px;
		margin-top: 5px;
		margin-left: 740px;
		text-decoration: none;
		display: block;	
	
	}
		
 #impressum a:link {
 		
		font-size: 7pt;
		text-decoration: none;
		display: block;
		color:#848484;
	}

 #impressum a:visited {
 		font-size:7pt;
		text-decoration: none;
		color:#848484;
	}
		
 #impressum a:hover{
		color:#848484;
		font-size:7pt;
		text-decoration: none;

	}

/*Gestaltung menue	*/
	
	
#navigation {
	    border: 0px solid #000;
		margin-top: 80px;
		margin-left: 20px;
		width: 170px;
		height: 200px;		
		float:left;
	}

#start {
	
	float:left;
	margin-top: 3px;
	width:160px;
	height:30px;
	
}

#start a:link {
 		background-image:url(../images/images/menu/start.png);
		background-repeat: no-repeat;
		margin-top: 3px;
		width:160px;
		height:30px;
		text-decoration: none;
		display: block;
		
	}

#start a:visited {
 		background-image:url(../images/images/menu/start.png);
		background-repeat: no-repeat;
		width:160px;
		height:30px;
		text-decoration: none;
		display: block;

	}
		
#start a:hover{
	    background-image:url(../images/images/menu/starthover.png);
		background-repeat: no-repeat;
		width:160px;
		height:30px;
		text-decoration: none;
		display: block;

}

#start a.active{
		background-image:url(../images/images/menu/startactive.png);
		background-repeat: no-repeat;
		width:160px;
		height:30px;
		text-decoration: none;
		display: block;
}
#kasper {
	
	float:left;
	margin-top: 3px;
	width:160px;
	height:30px;
	
}

#kasper a:link {
 		background-image:url(../images/images/menu/kasper.png);
		background-repeat: no-repeat;
		width:160px;
		height:30px;
		margin-top:3px;
		text-decoration: none;
		display: block;
		
	}

#kasper a:visited {
 		background-image:url(../images/images/menu/kasper.png);
		background-repeat: no-repeat;
		width:160px;
		height:30px;
		text-decoration: none;
		display: block;

	}
		
#kasper a:hover{
	    background-image:url(../images/images/menu/kasperhover.png);
		background-repeat: no-repeat;
		width:160px;
		height:30px;
		text-decoration: none;
		display: block;
}

#kasper a.active{
	    background-image:url(../images/images/menu/kasperactive.png);
		background-repeat: no-repeat;
		width:160px;
		height:30px;
		text-decoration: none;
		display: block;
}

#repertoire{
	
	float:left;
	margin-top: 3px;
	width:160px;
	height:30px;
	
}

#repertoire a:link {
 		background-image:url(../images/images/menu/repertoire.png);
		background-repeat: no-repeat;
		width:160px;
		height:30px;
		margin-top: 3px;
		text-decoration: none;
		display: block;
		
	}

#repertoire a:visited {
 		background-image:url(../images/images/menu/repertoire.png);
		background-repeat: no-repeat;
		width:160px;
		height:30px;
		text-decoration: none;
		display: block;

	}
		
#repertoire a:hover{
	background-image:url(../images/images/menu/repertoirehover.png);
		background-repeat: no-repeat;
		width:160px;
		height:30px;
		text-decoration: none;
		display: block;
}

#repertoire a.active{
		background-image:url(../images/images/menu/repertoireactive.png);
		background-repeat: no-repeat;
		width:160px;
		height:30px;
		text-decoration: none;
		display: block;

}

#buehne{
	
	float:left;
	margin-top: 3px;
	width:160px;
	height:30px;
	
}

#buehne a:link {
 		background-image:url(../images/images/menu/buehne.png);
		background-repeat: no-repeat;
		width:160px;
		height:30px;
		margin-top: 3px;
		text-decoration: none;
		display: block;
		
	}

#buehne a:visited {
 		background-image:url(../images/images/menu/buehne.png);
		background-repeat: no-repeat;
		width:160px;
		height:30px;
		text-decoration: none;
		display: block;

	}
		
#buehne a:hover{
		background-image:url(../images/images/menu/buehnehover.png);
		background-repeat: no-repeat;
		width:160px;
		height:30px;
		text-decoration: none;
		display: block;
}

#buehne a.active{
		background-image:url(../images/images/menu/buehneactive.png);
		background-repeat: no-repeat;
		width:160px;
		height:30px;
		text-decoration: none;
		display: block;
}


#spieler{
	
	float:left;
	margin-top: 3px;
	width:160px;
	height:30px;
	
}

#spieler a:link {
 		background-image:url(../images/images/menu/spieler.png);
		background-repeat: no-repeat;
		width:160px;
		height:30px;
		margin-top: 3px;
		text-decoration: none;
		display: block;
		
	}

#spieler a:visited {
 		background-image:url(../images/images/menu/spieler.png);
		background-repeat: no-repeat;
		width:160px;
		height:30px;
		text-decoration: none;
		display: block;

	}
		
#spieler a:hover{
		background-image:url(../images/images/menu/spielerhover.png);
		background-repeat: no-repeat;
		width:160px;
		height:30px;
		text-decoration: none;
		display: block;
}

#spieler a.active{
		background-image:url(../images/images/menu/spieleractive.png);
		background-repeat: no-repeat;
		width:160px;
		height:30px;
		text-decoration: none;
		display: block;
}


#kontakt{
	
	float:left;
	margin-top: 3px;
	width:160px;
	height:30px;
	
}

#kontakt a:link {
 		background-image:url(../images/images/menu/kontakt.png);
		background-repeat: no-repeat;
		width:160px;
		height:30px;
		margin-top: 3px;
		text-decoration: none;
		display: block;
		
	}

#kontakt a:visited {
 		background-image:url(../images/images/menu/kontakt.png);
		background-repeat: no-repeat;
		width:160px;
		height:30px;
		text-decoration: none;
		display: block;

	}
		
#kontakt a:hover{
	background-image:url(../images/images/menu/kontakthover.png);
		background-repeat: no-repeat;
		width:160px;
		height:30px;
		text-decoration: none;
		display: block;
}

#kontakt a.active{
		background-image:url(../images/images/menu/kontaktactive.png);
		background-repeat: no-repeat;
		width:160px;
		height:30px;
		text-decoration: none;
		display: block;

}

#termine{
	
	float:left;
	margin-top: 20px;
	width:160px;
	height:30px;
	
}

#termine a:link {
 		background-image:url(../images/images/menu/termine.png);
		background-repeat: no-repeat;
		width:160px;
		height:30px;
		margin-top:20px;
		text-decoration: none;
		display: block;
		
	}

#termine a:visited {
 		background-image:url(../images/images/menu/termine.png);
		background-repeat: no-repeat;
		width:160px;
		height:30px;
		text-decoration: none;
		display: block;

	}
		
#termine a:hover{
	background-image:url(../images/images/menu/terminehover.png);
		background-repeat: no-repeat;
		width:160px;
		height:30px;
		text-decoration: none;
		display: block;

}

#termine a.active{
		background-image:url(../images/images/menu/termineactive.png);
		background-repeat: no-repeat;
		width:160px;
		height:30px;
		text-decoration: none;
		display: block;

}
/*Ende Gestaltung menue	*/