html{
				background-color:#003;
				color : #030; 
				font-family : times, serif; 
				font-size:100.01%;
		}

		body{	
				position:relative;
				background-color:#fff;
				width:60em; 
				min-height:30em;
				margin: 1em auto;
				padding : 1em;
		}


/* NAV BEGINN */

	nav{
		height : 3em;
		padding-left : 1.5em;
	}
	
		nav a{
				background-color: rgba(255,255,255,.5);
				float : left;
				width : 7.5em;
				margin-right : .2em;
				height : 3em;
				padding : 0 .1em;
				text-align : center;

				border : 0px solid rgb(100,100,100);
				border-top : 0;
				border-bottom : 0;
				-o-transition : background 1s ease-in-out;
				-moz-transition : background 1s ease-in-out;
				-webkit-transition : background 1s ease-in-out;
				transition : background 1s ease-in-out;

				-moz-border-radius : .2em;
				-webkit-border-radius : .2em;
				border-radius : .2em;

				font-size : .8em;
				text-decoration : none;
				font-weight : normal;
				color : #300;

				-moz-box-shadow: 0 0 .2em rgba(100,150,100,0.5);
				-webkit-box-shadow: 0 0 .2em rgba(100,150,100,0.5);
				box-shadow: 0 0 .2em rgba(100,150,100,0.5);
			}

			nav a:hover {
				background-color: rgba(240,240,255,.5);
				color : #900;
				font-size : .8em;
				-moz-box-shadow: 0 0 .2em rgba(200,200,255,.5);
				-webkit-box-shadow: 0 0 .2em rgba(200,200,255,.5);
				box-shadow: 0 0 .2em rgba(200,200,255,.5);
			}

			nav a.aktiv {
				background-color: rgba(200,200,200,.5);
				color : #900;
				font-variant : small-caps;
				font-size : .8em;
			}

			nav a#hartmut{
				height : 2em;
				padding-top: 1em;
			}

/* NAV ENDE */

/* FOOTER BEGINN */

footer{
	clear : both;
	font-size : .9em;
	margin-top : 3em;
	padding : .5em;
	color : #999;
	text-align:center;
	border-top : 1px solid #999;
}

	footer a{
		color : #999;
		text-decoration : none;
	}

	footer a:hover{
		text-decoration : underline;
	}


/* FOOTER ENDE */


/* JULIETTE SPECIAL BEGINN */

/*
		#preview{
			height : 10em;
			width : 30em;
			text-align : center;
		}
*/

		section#LINX{
			float:left;
			width : 26em;
			height : 78em;
			text-align : center;
		}
				#LINX div#vidi, 
				#LINX div#bild, 
				#LINX div#bild1 {
					margin:0 auto;
					padding :.1em;
					border:1px solid #eee;
					border-radius : .5em;
					-moz-border-radius : .5em;
					-webkit-border-radius : .5em;
				}
				
				#LINX h3,
				#RECHZ h3,
				.schmal h3{
					font-family:arial,sans-serif;
					font-size:90%;
					font-weight:normal;
					letter-spacing:-1px;
					text-align:center;
				}
				
				#LINX div.legend,
				#RECHZ div.legend,
				.schmal div.legend{
					font-family:arial,sans-serif;
					text-align:center;
					color:#030;
					font-size:75%;
				}
						

		section#RECHZ{
			float:right;
			width : 28.9em;
			text-align : justify;
		}


		section.schmal{
			text-align:center;
			 width : 40em;
			 margin : 0 auto;
		}


/* JULIETTE SPECIAL ENDE */
							


/* Anfang Fuller */

				#spalteLinks{
						position : absolute; left : 0; top : 10em; z-index : 9;
						width : 20em;
						text-align : right;
				}
				
				#fullerStart{
						position : absolute; left : 22em; top : 12em; z-index : 7;
						width :8em;
						text-align : center;
						display : block;
						font-size : 1.5em;
						font-style: italic;
						
				}

				#pinograph1{
						position : absolute; left : 21em; top : 2.5em; z-index : 9;
						width : 30em;
						text-align : left;
						display : none;
				}
				#pinograph2{
						position : absolute; left : 21em; top : 2.5em; z-index : 9;
						width : 30em;
						text-align : left;
						display : none;
				}
				
				#theaterPerformance h3, #theaterPerformance p {
						text-align:center;
				}

				#maerchen{
						position : absolute; left : 28em; top : 12em; z-index : 9;
						width : 30em;
						text-align : left;
						display : none;
				}

				#bvg{
						position : absolute; left : 26em; top : 8em; z-index : 9;
						width : 30em;
						text-align : center;
						display : none;
				}
				#poem{
						position : absolute; left : 26em; top : 10em; z-index : 9;
						background-color : rgba(255,255,255,.9);
						
						width : 30em;
						text-align : left;
						display : none;
				}
				
				p.kommentare{
						background : transparent;
						width : 600px;
						font-size : 14px;
						margin : 1em auto;
						text-align : block;
				}
				
/* Ende Fuller */


#heading{
		width:100%;
		text-align:center;
}

h1, h2 {
	text-align:center;
	font-size:140%;
	font-weight:bold;
	letter-spacing:.3em;
}

h2 {
	font-size:120%;
	letter-spacing:.1em;
}		

.ueSchrft4{font-size:100%;
		font-weight:bold;
}

		.ueSchrft4:first-letter{
				font-size : 110%;
		}



a {
	color : #00f;
	text-decoration : none;
}
	a:hover {
		color : #f00;
		text-decoration : none;
	}

span.over:hover{
	text-decoration : none;
	color : #00f;
}

.anAus{
	cursor:pointer;
	color:#00f;
}

p{
	text-align : left;
}

p.info{
	clear : left;
	letter-spacing : -1px;
	font-size : .7em;
	font-family : sans-serif;
	text-align : center;
}


.zentriert{
	text-align:center;
}