@charset "UTF-8";
/* CSS Document */


* {
	margin:0;
	padding:0;
}

body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	background-color:#000;
}

h1 {
	margin-bottom:50px;
	text-indent:-9999px;
	font-family:"Courier New", Courier, monospace;
	font-size:18px;
}



/*span a {
	width:200px;
	height:200px;
	display:block;
	color:#693;
	background-color:#F63;
}
*/

	
div#container {
	position:relative;
	margin:50px auto;
	width:900px;
	height:700px;
	background-image:url(../bilder/sammy/katzengeschichte.jpg);
	background-repeat:no-repeat;
	background-position:-50px 0px;
	background-color:#099;
	
}

div.textbox {
	float:left;
	overflow:auto;
	margin:16px 0px 0px 72px;
	width:335px;
	height:150px;
	/*background-color:#CC3;*/
}



div#katze {
	margin-left:450px;
	width:430px;
	height:500px;
	background-image:url(../bilder/sammy/catfat.png);
	background-position:20px 5px;
	background-repeat:no-repeat;
	/*background-color:#F33;*/    /*rot*/
}

p.titel {
	clear:both;
	margin-left:60px;
	margin-bottom:45px;
	width:352px;
	font-family:"Courier New", Courier, monospace;
	font-size:22px;
	text-align:center;
	text-shadow:2px 2px #7AA201;
	/*background-color:#FF0;*/    /*gelb*/
}

p.geschichte {
	font-family:"Bookman Old Style", "Britannic Bold";
	font-size:14px;
}

p.geschichte a.buch {
	/*text-decoration:none;*/
	color:#03C;
}



/*-------------------- texthover----------------*/
p.geschichte a {
	color:#F09;
}

p.geschichte a:hover {
	color:#88BC0B;
	text-decoration:none;
}
/*---------------- texthover ende-----------------*/


/*----------span Bildertausch-------*/

p.geschichte a span {
	display:none;
	position:absolute;
	top:290px;
	right:160px;
	width:220px;
	height:220px;
}


p.geschichte a:hover span.maeuse {
	display:block;
}

p.geschichte a:hover span.ratte {
	display:block;
}	
	
p.geschichte a:hover span.heringe {
	display:block;
}

p.geschichte a:hover span.oktopus {
	display:block;
}

p.geschichte a:hover span.huhn {
	display:block;
}

p.geschichte a:hover span.hasi {
	display:block;
}

p.geschichte a:hover span.torte {
	display:block;
}

p.geschichte a:hover span.hasi {
	display:block;
}

p.geschichte a:hover span.tweety {
	display:block;
	position:absolute;
	top:70px;
	right:209px;
	width:220px;
	height:370px;
	/*background-color:#633;*/
	
}

div#footer a {
	margin-left:215px;
	padding:4px;
	border:2px solid #F09;
	border-radius:3px;
	font-family:"Comic Sans MS", cursive;
	font-size:13px;
	color:#F09;
	text-decoration:none;
	background-color:#FCF;
}