/* CSS for "Karoline E. Löffler, Homepage" [http://www.karolineloeffler.de/] */
/* Site Design copyright 2006, formdoppel [http://www.formdoppel.de/] */
/* All associated graphics copyright 1998-2006, Karolline Elke Löffler */
/* Last Edited: Okt. 5th, 2006 */




/* basic html-elements
---------------------------- */
* {
	margin: 0; /* wichtig für Firefox, IE, Safari & Co */
	padding: 0; /* wichtig für Opera */
	}

html, body {
	height: 100%; /* PC */
	}

body {
	background-color: #fff;
	font-family: "Trebuchet MS", Arial, Verdana, Helvetica, Geneva, sans-serif;
	text-align: center; /* wichtig für IE */
	}



/* layout divs
---------------------------- */
#spacer { 
	width: 1px;
	height: 50%;
	background-color: #fff;
	margin-bottom: -311px;
	float: left;
	z-index: 1;
	/* regelt den Abstand vom Inhalt zum oberen Browserrand */
	/* verhindert, dass #container beim Skalieren hinter den Browserrand rutscht */
	}

#container {
	position: relative; /* stellt container vor spacer, ist Bezug für nachfolgende divs */
	width: 808px;
	height: 622px;
	margin: 0 auto; /* wichtig für IE */
	text-align: left; /* wichtig für IE */
	clear: left; /* sonst klebt der container am oberen Rand */
	background: #f2f0ed url("_zudat/mustr.jpg");
	z-index: 2;
	}

#container h1 { /*-- hidden title -- */
	position: relative;
	font-size: 2.3em;
	line-height: 1.5em;
	text-align: right;
	margin-right: 80px;
	color: #eceae7;
	font-weight: lighter;
	font-style: italic;
	z-index: 1;
	}

#container h1.small { /*-- hidden title -- */
	font-size: 0.8em;
	line-height: 1em;
	margin-top: -4px;
	margin-bottom: -4px;
	text-align: right;
	color: #e6e4e1;
	font-style: italic;
	}

#shadow {
	position: absolute;
	right: 0;
	width: 8px;
	height: 622px;
	background: #fff url("_zudat/shadow1.jpg");
	z-index: 1;
	}

#header {
	position: absolute;
	width: 800px;
	height: 170px;
	background: url("_zudat/header1.jpg");
	z-index: 2;
	}

#footer {
	position: absolute;
	width: 800px;
	height: 42px;
	bottom: 0;
	background: #f2f0ed url("_zudat/footer.jpg");
	background-repeat: no-repeat;
	z-index: 3;
	}



/* content
----------------------------  */
#pixbox {
	position: absolute;
	width: 560px;
	height: 385px;
	margin: 120px 132px 117px 116px;
	padding: 0;
	background: none;
	text-align: right;
	z-index: 7;
	}

#pixbox a img {
	border: 0;
	/* Bild als Link aber ohne Rahmen */
	}