/* Anordnung der Boxen
##################################################################*/	
#wrapper {
		margin: 0 6% 0 6%;
		border: thin none ;
		position: static;
	}
#header {
		border: thin none Aqua;
		padding: 10px 0px 10px 440px;
	}
	
#nav1   {
		border: thin none Red;
		margin: 0;
		padding: 1.0em 0 1.5em 0;          /* Abstand zum header */
		float: left;
		width: 13em;
		left: 0;
		text-align: left;
		border-right-style: none;
		border-right-width: thick;
		font-size: 90%;
		color: blue;
	}
#nav1 ul    {
		list-style : none;
		margin:  0;
		padding: 0;
	}

#nav1 a:link, #nav1 a:visited  {
		display: block;
		margin: 0;
		height: 1em;
		padding: 0.4em 0em 0.4em 1.0em;
		background-color: #ffcc00;
		text-decoration: none;
		font-weight: normal;
		color: #03c;
		/* damit die Navi wg rotem Balken nicht hüpft: */
		border-width: thin 0 thin thick;
		border-style: solid none solid solid;
		border-color:#ddd;
	}
#nav1 a:hover, #nav1 a:active {
		background-color: #ff6600;
		text-decoration: none;
		font-weight: bold;
		color: blue;
		border-width: thin thin thin thick;
		border-style: solid solid solid solid;
		border-color: Red;
	}

/*Texteigenschaften aktueller Punkt    */	
#nav1   span { 
	margin-left: 0px;
	padding: 0.4em 0em 0.4em 1.0em;
	text-decoration: none; 
	color: #03c;	
	font-weight: bold;
  	text-transform: none; 	
  	border-color: red;
	border-style: none none none solid;
	border-width: 0 0 0 thick;
	display: block;
} 
/*aktiver Balken  durchgehend*/
#nav1 .active {
		background-color:#ff6600;
	}

/*übergeordneter Menüpunkt hervorgehoben, gilt für alle Ebenen darunter*/
#nav1 .level_1 .trail {
		background-color:#ff6600;
		font-weight: bold;
	}
	
/*** Second level */
/*roter Balken ganz links*/
#nav1  .level_2 span { 
	display: block;
} 
/*Einrückung*/
#nav1 .level_2 li
{
	padding:0em 0em 0em 0em;
	border-top:0px;
	text-indent: 1.0em;
}	
/*übergeordneter Menüpunkt ab Ebene 2 auch hervorgehoben*/
#nav1 .level_2 .trail {
		background-color:#ff6600;
		font-weight: normal;
	}
/*** Third level */
/*roter Balken ganz links*/
#nav1  .level_3 span { 
	display: block;  	
	text-transform: none; 
} 
/*Einrückung*/
#nav1 .level_3 li
{
	padding:0em 0em 0em 0em;
	border-top:0px;
	text-indent: 2.0em;
}	

	
/* ########  div Inhalt/main   ########## */

	#main{
		border: thin none Blue;
		margin: 0 0 0 14em;
		padding: 0 0px 0 20px;
		line-height: 1.4em;
		/*max-width: 53em;     */
	}
	.textbox {
		border: medium dotted Red;
		margin: 3em 3em 3em 3em;
		padding: 0em 1em 0em 1em;
		font-size: 90%;
	}
	
/* ########  aktuellbox   ########## */
#aktuell {
		width: 19em;
		float: right;
		margin: 0em 0 0 0.5em;
		border: thin none fuchsia;
	}
	#aktuell p {
		margin: 0;
		}
	.aktuell {
		border: medium none #fc0;
		text-align: left;
		background-color: #eeeeee;
		margin: 0em 0 1em 0em;
	}
		.aktuell .info {
	font-size: smaller;
	font-style: italic;
	text-align: right;
}

	.aktuell h3 {
		background-color :#f60;
		color : White;
		line-height : 2em;
		padding : 0 0 0 10px;
		text-decoration: none;
		}
	.aktuelltxt {
		padding: 0px 5px 3px 0px;
		font-size: 90%;
	}
	.aktuelltxt a {
		font-weight: bold;
	}	
	.aktuelltxt a:hover {
		font-weight: bold;
	}	
	.aktuelltxt h1  {
	margin: 0.5em 0 ;
	font-size: 110%;
	}
	.aktuelltxt h2  {
	margin: 1em 0 0em 0 ;
	font-size: 110%;
	}
	.aktuelltxt p   {
	margin: 0.5em 0 ;
	}

	.aktuelltxt  ul li  {
	margin-left: -1.4em;
	padding-left: 0;
	}
	.aktuelltxt  li  {
	margin-bottom: 0.5em;
	}	
/* ########  Kalender/Events   ########## 
		
.event {
		border: thin dashed #f00;
		text-align: left;
		margin: 0em 0 1em 1em;
		padding: 10px 5px 3px 0px;
		font-size: 90%;
	}*/
.kapelle h2 {
	color: #ff6600;
	}	
.jugend h2 {
	color: red;
	}	
	.jugend a:link,  .jugend a:hover{
		color: red;
	}	
	.jugend a:visited{
		color: #ff6666;
	}		
#aktuell .time {
	margin: 0em 0 0 0;
	font-weight: bold;
	font-style: italic;
	font-size: inherit;
}


/* ########  Gästebuch/Kommentare   ########## */
.comment_default .info {
	font-weight: bold;
	text-align: left;
}
	.comment {
		padding: 0 0 0 2em
		}

#footer {clear:both; 
		border: thick none Aqua;
		margin: 10px 0 0 0;
		font-size: 80%;
	}
	#footer p {
		text-align: center;
		}
.float {
	float: left;
	}
.link {
	float: left;
	margin: 20px 50px 50px 0px;
	}
.imgrechts {
	float: right;
	}	

/* Additional classes für typolight */
.clear {
	height: 0.1px; overflow: hidden; font-size:0.1px; line-height: 0.1px; clear: both;
}
.invisible {
	width: 0px; height: 0px; left: -1000px; top: -1000px; position: absolute; overflow: hidden; display: inline;
}