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

* {
	margin:0;
	padding:0;
}

body {
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	color:#333;
	background-color:#333;
}

h1 {
	font-size:33px;
	position:fixed;
	top:55px;
	left:184px;
	z-index:5;
	color:#CC9933;	
}


h1 a {
	font-size:33px;
	position:fixed;	
	top:55px;
	left:184px;
	z-index:5;
	color:#CC9933;	
}


h2 {
	font-size:18px;
	position:fixed;
	top:100px;
	left:275px;
	z-index:4;
	font-weight:normal;
	color:#CC9933;
}

h2 a {
	font-size:18px;
	position:fixed;	
	top:100px;
	left:275px;
	z-index:5;
	color:#CC9933;	
}

/*

h3 {
	position:relative;
	font-size:14px;
	text-align:center;
	border:2px solid #FFF;
}

*/

a {
	text-decoration:none;
	color:#333;
}

li {
	text-decoration:none;
	list-style:none;
}

span {
	font-weight:bold;
}

p.zentriert {
	text-align:center;	
}

.abstand {
	margin-top:11px;
}

div#container1 {
	position:relative;
	margin:150px auto;
	width:894px;
	height:600px;	
	border-style:outset; padding:3px;
	background-image:url(bilder/hintergrund_1.jpg);
	background-color:#555;
}

div#container2 {
	position:relative;
	margin:150px auto;
	width:894px;
	height:600px;	
	border-style:outset; padding:3px;
	background-image:url(bilder/hintergrund_2.jpg);
	background-color:#555;
}

div#boden {
	position:absolute;
	top:610px;
	left:-330px;
}

div#context1 {
	position:absolute;
	top:70px;
	left:460px;
	width:330px;
	padding:5px;
	font-size:14px;
	line-height:24px;
	/*text-align:center;	
	border:2px solid #FFF;*/
}

div#context2 {
	position:absolute;
	top:110px;
	left:490px;
	width:360px;
	padding:5px;
	font-size:14px;
	line-height:24px;
	/*text-align:center;	
	border:2px solid #FFF;*/
}

div#context3 {
	position:absolute;
	top:290px;
	left:350px;
	width:500px;
	max-height:290px;
	overflow:scroll;
	padding:5px;
	font-size:11px;
	line-height:18px;
	text-align:center;	
	overflow-x:hidden;
	/*border:2px solid #FFF;*/
}

div#context4 {
	position:absolute;
	top:70px;
	left:440px;
	width:440px;
	padding:5px;
	font-size:14px;
	line-height:24px;
	/*text-align:center;	
	border:2px solid #FFF;*/
}

::-webkit-scrollbar {
	background:#669999;
}

div#rahmen11 {
	position:absolute;
	top:107px;
	left:148px;
	width:178px;
	height:179px;
	background-image:url(bilder/penelope.jpg);
}

div#rahmen12 {
	position:absolute;
	top:107px;
	left:148px;
	width:178px;
	height:179px;
	background-image:url(bilder/heidi.jpg);
}

div#rahmen13 {
	position:absolute;
	top:107px;
	left:148px;
	width:178px;
	height:179px;
	background-image:url(bilder/kontakt.jpg);
}

div#rahmen14 {
	position:absolute;
	top:107px;
	left:148px;
	width:178px;
	height:179px;
	background-image:url(bilder/taj_mahal.jpg);
}

div#rahmen15 {
	position:absolute;
	top:107px;
	left:148px;
	width:178px;
	height:179px;
	background-image:url(bilder/david.png);
}



/*-------------und ab hier kommt der tooltip-------------------
--------------------------------------------------------*/

a.tooltip1 {
	text-decoration:none;
	position:relative;
	font-weight:bold;
	color:#333;
}

/* Impressum */

div#imprint ul li a {
	display:block; /* weil der a-tag Breite und Höhe benötigt */
	position:relative;
	top:495px;
	left:777px;
	width:111px;
	height:111px;
	/*border:2px solid #FFF;*/
}

/* Kontakt */

div#contact ul li a {
	display:block; /* weil der a-tag Breite und Höhe benötigt */
	position:absolute;
	top:455px;
	left:72px;
	width:66px;
	height:66px;
	/*border:2px solid #FFF;*/
}

div#test1 ul li a {
	display:block; /* weil der a-tag Breite und Höhe benötigt */
	position:absolute;
	top:475px;
	left:225px;
	width:44px;
	height:44px;
	/*border:2px solid #FFF;*/
}

div#echo {
	color:lightblue;
}