@import url(http://fonts.googleapis.com/css?family=Marcellus);
@import url(http://fonts.googleapis.com/css?family=Rosarivo);
@import url(http://fonts.googleapis.com/css?family=Montaga);


html{
	font-family : verdana,sans-serif; 
	font-size : 100.01%; 
	background : rgba(220,220,220,.2);
}

body{
	font-size : .9em;
	width : 840px;
	margin : 0 auto;
	padding : 0;
	border : 0;
	
	background : rgba(255,255,255,.9); 
	
	-moz-border-radius : 4px;
	-webkit-border-radius : 4px;
	border-radius : 4px;

	color : #000;
}

		header h1{
			text-align : center;
		}

				header h1 a{
					font-size : 2em;
					letter-spacing : 0;
					text-decoration : none;
					font-weight : normal;
					color : #999;
					text-decoration : none;
				}

				header h1 a:hover{
					text-decoration : none;
				}


/* NAV */

nav{
	background : transparent;
	padding-left : 6em;
	border : 0;
	height : 1.5em;
}

nav a{
	color : #000;
	font-size : 1em;
	text-decoration : none;
	line-height : 1;

	display : block;
	float : left;
	padding : .1em;
	width : 6em;
	height:2.2em;
	margin-right : .2em;
	text-align : center;
	background : rgba(255,255,255,.3);

	border : 0;
}

a{
	text-decoration : none;
}

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

		nav a.aktiv{
			font-variant : small-caps;
			text-decoration : none;
			color : #900;
			background-color:#fff;
			border-color : #ccc;
			opacity : .9;
		}

		a.inzeile{
			display : inline;
			padding : 0 .2em;
			text-decoration : none;
			background-color : rgba(255,255,255,.6);
			color : #600;
			border-bottom : 1px solid #ccc;
			font-size : .9em;
			font-variant : small-caps;
			font-family : Rosarivo,'times new roman',times,serif;
		}
			a.inzeile:hover{
				background-color : rgba(255,255,255,1);
			}


		a.mehr{
			font-size : 80%;
			color : #900;
			text-decoration : none;
		}

		a.mehr:hover{
			text-decoration : underline;
		}

article{
	clear : both;
	width : 46em;
	font-size : 1em;
	border : 1px none #f99;
	background : transparent;
	margin : 0 auto 6em auto;
	padding : 2em;
	height : 520px;     	/* nicht unterschreiten wg Fotohöhe 'Wrangelstr/Bethaniendamm */
	text-align : left;
}

div#start, div#info{
	text-align : center; 
	font-size : 1em;
	color : #000; 
	letter-spacing : .1em; 
	line-height : 2;
	margin : 10em auto 0 auto; 
	width:34em;
	border : 1px none #999;
   /* background : rgba(255,255,255,.4); */  
}
		div#info{
			text-align : justify; 
			font-size : .7em;
			letter-spacing : .1em; 
			line-height : 1;
			margin : 14em auto 0 auto; 
			width:50em;
			border : 1px none #999;
		}
		
	.blocksatz{
		text-align : justify;
	}

	 .klaeren{
		clear : both;
	}

	.schmal{
		width : 32em;
		margin : 0 auto;
	}

	.mittel{
		width : 40em;
		margin : 0 auto;
	}

	.weit{
		width : 47em;
		margin : 0 auto;
	}

	.zentriert{
		text-align : center;
	}


	.linx{
		text-align : left;
	}

	.rechz{
		text-align : right;
	}

	.mini{
		font-size : .7em;
	}
	
		.pfeil{
			font-size : 1.7em;
			cursor:pointer;
			color:#000;
		}

		.pfeil:hover{
			color : #66f;
		}


/* IMG */

figure {
	font-size : .8em;
	color : #666;
	overflow : visible;
}


img{
	border:0;
	-moz-border-radius : 4px;
	-webkit-border-radius : 4px;
	border-radius : 4px;
}


/* FOOT */

footer{
	margin : 2em;
	text-align : center;
	font-size : 11px;
	color : #ccc;
	padding-top : 1em;
}

	footer a{
		color : #aac;
	}