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

* {
	margin:0;
	padding:0;
}
	
body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	/*background-color:#7AC9CD;*/
	background-color:#FCC;
}

h1 {
	text-indent:-9999px;
}

p {
	margin:350px 0px 390px 0px;
	padding:2px;
	font-family:"Courier New", Courier, monospace;
	font-size:24px;
	text-shadow:1px 1px #090;
	text-align:center;
	background-color:#F99;
}

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


div#katzencontainer {
	position:relative;
	margin:50px auto;
	width:560px;
	height:850px;
	border:8px ridge #000;
	background-image:url(../bilder/margot/cat_haengt_gelb.jpg);
	background-position:-4px -10px;
	background-repeat:no-repeat;
	/*background-color:#C8E2FA;*/
}



/*--------------------------- box1 ---------------------------------*/

div a.boxblau {
	position:absolute;
	bottom:35px;
	left:220px;
	display:block;
	width:265px;
	height:180px;
	background-image:url(../bilder/margot/blaubox.png);
	background-repeat:no-repeat;
	/*background-color:#F00;*/
}

div a.boxblau span {
	display:none;
}

div a:hover.boxblau span{
	position:absolute;
	bottom:20px;
	left:-70px;
	height:580px;
	display:block;
	/*background-color:#6F3;*/
}

/*---------------------------- box2 -----------------------------------*/

div a.boxbraun {
	position:absolute;
	bottom:55px;
	left:310px;
	display:block;
	width:200px;
	height:180px;
	background-image:url(../bilder/margot/braunbox.png);
	background-repeat:no-repeat;
	/*background-color:#F10;*/
}

div a:hover.boxbraun {
	z-index:1;
	background-image:url(../bilder/margot/nietenbox.png);
	background-repeat:no-repeat;
	/*background-color:#0C0;*/
}

/*---------------------------- box3 ---------------------------------*/

div a.boxpink {
	position:absolute;
	bottom:0px;
	left:240px;
	display:block;
	width:200px;
	height:180px;
	background-image:url(../bilder/margot/pinkbox.png);
	background-repeat:no-repeat;
	/*background-color:#F00;*/
}

div a:hover.boxpink {
	z-index:1;
	background-image:url(../bilder/margot/nietenbox.png);
	background-position:0px 10px;
	background-repeat:no-repeat;
}

/*---------------------- box4 -------------------------------------------*/

div a.boxgruen {
	position:absolute;
	bottom:-5px;
	left:340px;
	display:block;
	width:200px;
	height:180px;
	background-image:url(../bilder/margot/gruenbox.png);
	background-repeat:no-repeat;
	/*background-color:#F00;*/
}

div a:hover.boxgruen {
	z-index:1;
	background-image:url(../bilder/margot/nietenbox.png);
	background-repeat:no-repeat;
	background-position:0px 15px;
}