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

body {
background-color:#F1DCC8;
background-image:url(../bilder/lom-auf-erkundung.jpg);
background-repeat:no-repeat;
background-position:center top;
}

/* Die Seite ist insgesamt 900 hoch und 1000 px breit */

#seite {
width: 1000px;
height: 900px;
/* position relative, da sonst andere absolute Container (extra) NICHT daran orientieren würden */
position:relative; top:0px; left:0px;
margin: 0 auto;
font: normal 13px verdana, sans-serif;
color:#CCCC00;
text-decoration:none;
}

a:link {
color:#CCCCCC;
text-decoration: none;
text-shadow: 5px 5px 10px black;
}

a:active {
color:#990000;
text-decoration: none;
text-shadow: 5px 5px 10px black;
}

a:visited {
color:#990000;
text-decoration: none;
text-shadow: 5px 5px 10px black;
}

a:hover {
color:#993300;
text-decoration: none;
text-shadow: 5px 5px 10px white;
}

#zoomheadline {
position: absolute; top:0px; left:-340px;
font-size:12px;
color:#FF3366;
float: left;
z-index: 101;
}

#zoom {
position: absolute; top:15px; left:-320px;
float: left;
z-index: 102;
}

#zoom a{
	float: right;
	margin: 0 20px 10px 10px;
	border: 1px solid #000;
	text-indent: -1000em; 
	overflow: hidden;
	display: block;
	width: 66px; 
	height: 87px;
	background: url(../bilder/buch/a.jpg) no-repeat top left;
	}

#zoom a:hover {
	width: 663px; 
	height: 878px;
	background-position: 0 0px; 
	}