/* Reset der standard Browser-Abstände und festlegen der Basis Schriftart */
* , html, body, p, br, h1, h2, h3, h4, h5, div { margin:0; padding:0; }

/* Globale und allgemeine Definitionen */
body {
	background:#CCCCCC url(../images/bg_body.gif) center top repeat-y;
	text-align:center;
	font-size:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

a:link, a:visited { text-decoration:none; color:#4fb543; }
a:hover, a:active, a:focus { text-decoration:none; color:#006600; outline-width:0; }


#globalWrapper { 
	background:transparent url(../images/bg_globalwrapper.gif) center top no-repeat;
	margin:0 auto;  
}

#mainWrapper { 
	margin:0 auto;
	text-align:left;
	width:764px;
}

.inv { display:none; } /* inv = SubInfos/-links für Textversion bzw. Screenreader usw. */


/* Header Bereich Definitionen */

#header {
	background:#fff url(../images/bg_headerv2.jpg) no-repeat;
	height:198px;
	
}

#header h1, #header img { display:none; }


/* Navigation */
#nav { width:164px; float:right; padding-top:20px; }

#menu p { background-color:#fff; border-bottom: 1px solid #fff; border-top:3px solid #4fb543; }
#menu p img { margin-top:1px; }

#nav ul {
	list-style: none;
	margin: 0;
	padding: 0;
	}
#menu { border-bottom:3px solid #4fb543; }
#menu li a {
	text-decoration: none;
	font-size:11px;
	font-weight:bold;
	border-bottom:1px solid #fff;
	}

* html #menu li a { height:11px; }
	
#menu li a:link, #menu li a:visited {
	background-color: #dcf0d9;
	display: block;
	padding: 8px 0 10px 9px;
	color:#333;
	}
	
#menu li a:hover, #menu li a:focus {
	background-color: #b1deac;
	outline-width:0;
	}
	
#menu li a:active {
	background-color: #72b96a;
	}



/* Content */
#content { 
	padding:100px 0 0 23px;
	background:url(../images/logo_birkenried.gif) no-repeat;
	min-height: 400px;
	float:left; 
	width:530px;
}

* html #content { height:400px; }

#content p { 
	font-size:1.30em;
	color:#333;
	line-height:1.40em;
	margin: .3em 0 1em 25px;
}
#content table.programmliste { margin: .3em 0 2em 7em; border-left:.50em solid #4fb543; }
#content table.programmliste td, #content table.programmliste th { font-size:1.10em; line-height:1.50em; padding: 1px 0 1px 1.50em; text-align:left; }

#content h2 { background:url(../images/headlines/wie_alles_begann.gif) no-repeat; height:78px; }
#content h2 span { display:none; }

#content caption { display:none; }

#content cite { font-size:80%; font-style:italic; padding:.80em 0; display:block; }

.bildleiste { float:left; width:142px; padding-right:18px; padding-top:3px; }
.bildleiste p { margin:0px !important; }
.bildleiste img { margin-bottom:3px; }

.bildleiste a:link img, .bildleiste a:visited img { border:1px solid #fff; }
.bildleiste a:hover img, .bildleiste a:hover img, .bildleiste a:active img { border:1px solid #333; }

* html .bildleiste a:hover { border:0px solid #333; }

img.picoutline { border:1px solid #999; padding:2px; }

#content .portrait01 { float:left; margin: 0 15px 10px 0; }
#content .portrait02 { float:right; margin: 0 0 10px 10px; }

/* Listen - sortiert, unsortiert, definitions Listen */
#content ul, #content ol { margin: 1em 1em 1em 4em; font-size:1.3em; }
#content li { margin: .50em 0; padding: .50em 1em .50em 3em; list-style-type:none; background:url(../images/bullet01.gif) left top no-repeat; }
#content li li { background:none; list-style-type:square; padding: 0; margin:.60em 1em; font-size:.80em; }
#content ul ul { margin:0; }
#content ol ol { margin:.50em; }
#content ol li { background:none; list-style-type:upper-roman; padding:0; margin: 1em; }
#content ol li li { list-style-type: lower-roman; margin:.50em 1em; }


#content #pList { font-size: 1.10em; }

/* Definitions Liste */
#content dl { margin: 1em 0 2em 25px; color:#333333; }
#content dt { font-weight:bold; font-size:1.10em; }
#content dd { margin-bottom:1.30em; }

/* Überschriften */

#content h2.hd_programm { background-image:url(../images/headlines/das_aktuelle_programm.gif); }
#content h2.hd_vorhaben { background-image:url(../images/headlines/vorhaben.gif); }
#content h2.hd_repertoire { background-image:url(../images/headlines/repertoire.gif); }
#content h2.hd_initiatoren { background-image:url(../images/headlines/initiatoren_leiter.gif); }
#content h2.hd_foerderkreis { background-image:url(../images/headlines/foerderkreis.gif); }
#content h2.hd_anfahrt { background-image:url(../images/headlines/anfahrt.gif); }
#content h2.hd_gaestebuch { background-image:url(../images/headlines/gaestebuch.gif); }
#content h2.hd_impressum { background-image:url(../images/headlines/impressum.gif); }
#content h2.hd_literarische_prog { background-image:url(../images/headlines/literarische_programme.gif); }
#content h2.hd_theaterproduktionen { background-image:url(../images/headlines/theaterproduktionen.gif); }
#content h2.hd_sponsoren { background-image:url(../images/headlines/sponsoren_foerderer.gif); }
#content h2.hd_programmarchiv { background-image:url(../images/headlines/programmarchiv.gif); }

#content h3, #programList caption { 
	font-size:1.3em;
	text-transform:uppercase; 
	letter-spacing:1px; 
	color:#4fb543;
	margin: .3em 0 .4em 25px;
}
#content h4 {
	font-size:1.2em;
	letter-spacing:1px;
	color:#333;
	margin: .3em 0 .4em 25px;
}

#content hr { 
	margin: 1.50em 0 1.50em 25px;
	border-width:0;
	background-color:#666;
	height:1px;
}



.programmpunkt, #programList {
	border:2px solid #999;
	padding:2px;
	margin-left:25px;
	margin-bottom:2em;
}
#content .programmpunkt p { margin: 0 15px 20px; }

#content .programmpunkt h3 { 
	font-size:2em;
	text-transform:uppercase; 
	letter-spacing:1px; 
	color:#4fb543;
	margin: .3em 0 .8em 15px;
}
#content .programmpunkt h4 { 
	font-size:1.50em;
	text-transform:uppercase; 
	letter-spacing:1px; 
	color:#4fb543;
	margin: .3em 0 .4em 15px;
}

#content .small { font-size:90%; }

.programmpunkt .fusszeile { background-color:#4fb543; }

div.galerie p a { padding: 0 10px 0 0; }
div.galerie p a:hover img, div.galerie p a:focus img { padding:0; border:3px solid #4fb543; }

/* Kopfzeilen für Vorankündigungen */
.kopfzeile { background-color:#e1f6df; border-bottom:3px solid #4fb543; margin-bottom:1.50em; }
#content .kopfzeile p { margin: .40em 1em .40em 15px; }

#content .kopfzeile p.autor { color:#666666; font-size:1em; margin-left:15px; }

.kopf_faust1 p, .kopf_faust1 h3 { display:none; }
.kopf_faust1 { 
	height:200px; 
	background:#000000 url(../images/theaterproduktionen/faust_header.gif) no-repeat; 
	margin-bottom:1.50em;
	border-bottom:3px solid #4fb543;
}




/* Footer */

#footer { clear:both; }


/* Programm Kurzübersicht Tabelle */
#programList table { border-bottom:.60em solid #4fb543; }
#programList td { border-top:1px solid #999; padding: 1em 1em 1em .50em; }
#programList th { background-color:#e1f6df; padding: .50em; }
#programList td .autor { color:#666666; font-size:1em; }
#programList strong { 
	color:#006633; 
	text-transform:uppercase;
	letter-spacing:1px; 
	color:#4fb543;
	line-height:1.60em;
}


