/*Grundlayout_______________________________________________*/
* {margin: 0; padding: 0;}

html {height: 101%;} /*gegen hin und her springen z.B. im Firefox, der nur Rollbalken anzeigt, wenn sie gebraucht werden*/

body {
	text-align:center; /*nur für alte Browser: zentrieren der Box*/
	
	position: relative;
	
	width: 100%;
	height: 100%;
	color: #666;
	background: #edd69c url(../img/hg_boddy4.gif) repeat-x;
	
	font: 14px Arial, Helvetica, sans-serif;
	letter-spacing: 0.05em;
	}
	
	
/*==========================================================================================================================================*/
	
	/* IDs ______________*/
#wrapper {
	text-align: left;/*nurfür alte Browser, Schrift links*/
	
	position:relative;
	
	width: 1000px;
	height: auto;
	margin:2em auto;
	font-size: 1em;
	line-height: 1.4em;
	
	border: 1px solid #988;
	background: #fefeee;
	color: inherit;
	}

#header {
	position:relative;
	width: 100%;
	height: 224px;
	background: #ccb url(../img/header_03.jpg) no-repeat right top;
	}

#logo {
	position:relative;
	width: 200px;
	text-indent: -3000px;
	}

#main {
	position:relative;
	
	margin:0px 3px 0px 200px; /* abstand nach oben (header)*/
	background: transparent;
	color: inherit;
	}
	
#center {
	position:relative;
	top: 1.6em;
	width: 624px;
	border-left: 1px solid #aaa;
	padding: 0 0 0 16px;
	
	z-index: 20;
	}
#columne {
	position: relative;
	top:100px;
	margin: 0 16px 0 0;
	float: right;
	width: 120px;
	padding: 0px 8px 8px 8px;
	} 

#start img {
	margin: 6px 8px 6px 0;
	border: 1px solid #633;
}

.anfahrt {
	margin: 6px 8px 6px 0;
	border: 1px solid #999;
}
	
/*==========================================================================================================================================*/
	
	/*class ______________*/
.box {
	margin-bottom:1em;
	}
.box p{
	padding:4px;
	}
	
.abstand {
	border: 1px solid #000;
	margin: 8px 2px 8px 2px;
	}

.border {
	border: 1px solid #000;
	}
	

	
/*fußzeilen ______________*/

.footer {
	clear: both;
	line-height: 2em;
	padding: 0 24px;
	border-top: 1px solid #988;
	margin:2em 0 0 0;
	color: #aa8877;
	background: #background: #550020;;
	text-align:center;
	background: #550020;
	}

#main .footer {
	clear: both;
	height: 2em;
	padding: 1em 18px 0 18px;
	border-top: 0px solid #999;
	color:#cca;
	background: transparent;	
	}
	
.footer a:link{
	color: #877;
	margin:0 4px;
	text-decoration: none;
	font-size: 90%;
	}
	
.footer a {
	color: #877;
	margin:0 4px;
	text-decoration: none;
	font-size: 90%;
	}

.footer a:hover, .footer a:focus{
	margin:0 4px;
	color:#886;
	text-decoration: underline;
	}
	
/*==========================================================================================================================================*/

/*typo ______________*/
h1, h2, h3, h4, h5, h6 {
	color:#933;
	letter-spacing: 0.05em;
	}

h1 {
	position: relative;
	text-indent: -3000px;
	}
	
h2 {
	font: normal 1.8em Georgia, "Times New Roman", Times, "serif";
	padding: 1.6em 0px 16px 1px;
	}
	

h3 {
	font: normal 1.2em Georgia, "Times New Roman", Times, "serif" ;
	padding: 1.4em 0 0.3em 0px;
	
	}

h4 {
	font: normal 1.2em Georgia, "Times New Roman", Times, "serif";
	padding: 1.4em 0 0 0px;
	text-align: left;
	margin-bottom: 12px;
	}

h5 {
	font: 15px Arial, Helvetica, sans-serif;
	padding: 1.4em 0 0 0px;
	text-align: left;
	margin-bottom: 12px;
	}
	
h6 {
	font: 14px Arial, Helvetica, sans-serif;
	text-align: left;
	}

p, table, address, em {
	font-size: 1em;
	line-height: 1.4em;
	font-style: normal;
	}
	
p, address {margin-bottom: 1em;}

p.absatz {margin: 0 0 1em 0;}
p.anfang {padding: 16px 0 0 0;	}
p.ende {padding: 0 0 16px 0;	}	
	

	/*links*/
a:link, a {
	color: #933;
	}
	
a:hover, a:focus {
	color: #933;
	text-decoration: underline;
	}



ul {
	list-style: none;
	}
	
	
	
/*==========================================================================================================================================*/

	/*Tabellen ____________________________________________________*/
table {
	width: 100%;
	overflow: visible;
}

td {vertical-align:top;}


.dreispalter td {
	margin: 0px 0px 4px 0px;
	padding: 0px 8px 10px 4px;
	
	width: 200px;
	color:inherit;
	}
	
	/*Definitionstabellen ______________*/
	
dd {
	text-align:left;
	padding-left: 4px;
	}
	
	

.programm dl {
	width: 300px; 
	height: 150px;
	margin-top: 4px;
	}					
.programm dd {
	text-align: left;
	margin: 4px 0px}
		
.programm img{
	font-size:12px;
	border: 1px solid #888;
	}


/* Tabelle Ensemble ______________*/
	
.ensemble {
	width: 200px; 
	height: 180px; 
	margin-top: 4px;
	}	
				
.ensemble dd {
	text-align: left;
	padding-left: 8px;
	}
	
.ensemble img{ 
	margin:6px; 
	font-size:12px
	}

/* Tabelle Kontakt ______________*/

table.kontakt {margin: 1em 0px 1em 0px;
		padding: 0px;}

.erste {margin: 0px; padding: 0px; 
		width: 6em; }
		
		
		
		
.termine {border: 1px solid #bcb;}
.termine th {vertical-align: top; background-color: #ffddaa}
				
.datum {width: 150px; text-align:right; padding: 4px 4px 4px 2px; border-left: 0px; border-bottom: 1px solid #bcb;}
.uhr {width: 8em; text-align:right; padding: 4px 4px 4px 2px; border-left: 1px solid #bcb; border-bottom: 1px solid #bcb; }
.event {width:400px; 
		margin: 0px 0px 4px 0px; padding: 4px 8px 4px 18px; 
		text-align: left; vertical-align:top;
		border-left: 1px solid #bcb; border-bottom: 1px solid #bcb;}
.ort {width: 120px; padding: 4px 8px 4px 18px; border-left: 1px solid #bcb; border-bottom: 1px solid #bcb; text-align: left;}


/*==========================================================================================================================================*/

/* Navigation _______________________________________________*/

	/*Hauptnavigation*/
#mainnavi {
	position: absolute;
	top: 220px;
	width: 100%;
	line-height: 1.8em;
	
	border-top: 1px solid #bba;
	border-bottom: 1px solid #bba;
	background: #550020;
	z-index: 100;
	}

#mainnavi li{
	position: relative;
	left: 200px;
	display: inline;
	color: #fee7be;
	margin:0 8px;
	/*text-transform: uppercase;*/
	}

#mainnavi a, #mainnavi a:link{
	text-decoration: none;
	color: #fee7be;
	margin:0 8px;
	}

#mainnavi a:hover, #mainnavi a:focus{
	margin:0 8px;
	color: #fffffa;
	background-color: inherit;

	}

#mainnavi span{
	color: #ffffea;
	margin:0 8px;
}



	/*Kopfnavigation*/
#topnavi {
	position: absolute;
	
	top: -1.7em;
	width: 100%;
	line-height: 1.7em;
	text-align:right;
	}

#topnavi li{
	display: inline;
	margin:0 8px;
	font-size: 90%;;
	}

#topnavi a, #topnnavi a:link{
	text-decoration: none;
	color: #a87;
	margin:0 8px;
	}

#topnavi a:hover, #topnnavi a:focus{
	margin:0 8px;
	color:#inherit;
	text-decoration: underline;
	color: #772242;
	}


	/*Fußnavigation*/
#footnavi {
	position: absolute;

	width: 100%;
	line-height: 2.2em;
	text-align:center;
	}

#footnavi li{
	display: inline;
	color: #aa8877;
	margin:0 8px;
	font-size: 90%;
	}

#footnavi a, #topnnavi a:link{
	color: #aa8877;
	margin:0 4px;
	text-decoration: none;

	}

#footnavi a:hover, #topnnavi a:focus{
	margin:0 4px;
	color: #550020;
	text-decoration: underline;

	}

	/*Linke Subnavigation (links)*/
#leftnavi {
	position: absolute;
	top: 19em;
	left: 0px;
	width: 200px;
	padding: 68px 8px 8px 8px;
	background: transparent;
	z-index: 100;
	}
	
#leftnavi li{
	list-style: none;
	margin-bottom: 1px;
}
#leftnavi li a{
	padding-left: 8px;
	line-height:1.4em;
	text-decoration: none;
	color: #933;
}

#leftnavi ul{
	list-style: none;
	margin-left: 3em;
}
#leftnavi_80 {
	position: absolute;
	top: 230px;
	left: 4px;
	width: 200px;
	padding: 68px 8px 8px 8px;
	background: transparent;
	z-index: 100;
	font-size: 0.88em;
	}
#leftnavi_80 li a{
	line-height:1.4em;
	text-decoration: none;
	color: #933;
}

/*==========================================================================================================================================*/

/*Sitemap_______________________________________________*/
ul.sitemap ul {
margin-top: 1em;
line-height: 1.2em;
}

ul.sitemap ul ul {
border-left: 1px solid #933;
margin: 0 0 1em 2em;
}

ul.sitemap li a {
padding-left: 27px;
color: color: #933;
text-decoration: none;
}

ul.sitemap li li li a {
background-image: none;
color:#666;
padding-left: 16px;
}