* {
	margin:0;
	padding:0;
}
body {
/*	
	#F17707; 
	normal:
	background: #0D556E url(images/back.jpg) repeat left top;
*/	 /* images/back_grad_s.jpg */
	background: #345487 url(images/back_grad_s.jpg) repeat-x left top;	 /* #F17707; vor rata:repeat-x back_grad_s.jpg */	
/*	background: #0D556E url(images/backm.jpg) repeat left top; */
	font: .8em verdana,arial,sans-serif;
}
#outer {
	width: 750px;
	margin: 15px auto; /* oben&unten links&rechts --  standard: 15px auto;*/
	padding: 0;
  /*	background: #AE3700 url(images/nav_vert.png) repeat left top; */
	background-color: #AE3700;
  /*	border: 3px outset #AE3700;  */
  /*  dotted dashed solid double groove ridge inset outset  */
  border: 1px ridge #000;
}
#header {
	background: #D66519 url(images/header_plain.jpg) no-repeat;	/* #D66519 */
	height: 100px;
}
#printheader {
  display:none;
}
#mainmenu {
	background: #AE3700 url(images/nav_vert.png) repeat left top;
	height: 30px; /* für ie6, ruiniert aber hintergrund-wiederholung :-/ */
	min-height: 30px;
}
#content {
	background: #EADDBA url(images/back_content.jpg) repeat left top;
	overflow: hidden;
}
	#locator{
		float: right;
		background: transparent url(images/nav_tr.gif) no-repeat left top;		
		padding-left: 1.8em;
		padding-top: 3px;
		padding-right: 3px;
		padding-bottom: 3px;
		margin: 0;
		/* clear: right; --> hat Probleme mit Bildergalerie-Kommentarliste */
	}
	#content_content{
		padding-left: .3em;
		padding-right: .3em;
	}
#content li {
	margin-left: .8em;
	list-style:square;
}
	/* Separator zw. Programmtext und -infos (bei aktuell, Vorschau, Archiv) 
	.hr_div {		
		width: 92%;
		margin-left: 1em;
		padding-left: 1em;
		margin-right: 195px;
		border-top: 1px dashed #CFCFCF;
	}
	*/
	.sitemaplevel1 li, .search li {
		list-style-type: disc;
		margin-left: 1em;
	}
	.sitemaplevel2 li {
		list-style-type: circle;
		margin-left: 1em;
	}
	#up {
    /*float:left;
    clear: left;
    display:block;
    position: relative, left: 0, bottom: 0; */
		background: #EADDBA url(images/nav_tl.gif) no-repeat right bottom;
		padding-left: .3em;
		padding-top: 3px;
		padding-right: 20px;
		padding-bottom: 3px;
		margin: 0;
		width: 87px;
	}
#addr {
  clear:both;
	background: #AE3700 url(images/nav_vert_large.jpg) repeat left top;
	height: 85px; /* für ie6, ruiniert aber hintergrund-wiederholung :-/ */
	min-height: 85px;
}
	#addr1 {
		margin:.3em .3em;
		padding: .5em;
		width: 240px;
		float:left;
	}
	cite {
		background-color: transparent;
		font-weight: bold;
	}
	#addr2{
		margin:.3em .3em;
		padding: .5em;
		width: 240px;
		float:left;
	}
	#search {
		float: left;
		padding-top: .3em;
		margin-top: .3em; /* margin:.3em .3em; --> IE6 macht rechts Rand... */
		padding-right: 2em;
	}

#search fieldset {
	border:1px solid #C8DCC2;
	padding:.3em .5em;
}

.clear { clear: both; height: 0; line-height: 0; font-size: 0px; }

#footer {
	color: #ada177;
	height: 30px; /* für ie6, ruiniert aber hintergrund-wiederholung :-/ */
	min-height: 30px;
	clear: both;
	background: #D66519 url(images/footer.jpg) repeat left bottom;
	font:.9em/1 'Lucida Grande', Arial, tahoma, verdana, sans-serif;
	/* overflow: hidden; */	
}
  #footer p#changed {
  	padding-top: 9px;
  	float:left;
  	width:50%;
  	text-align:left;
  	padding-left:.3em;
  }	
  #footer p#copy {
  	padding-top: 9px;
  	float:right;
  	width:40%;
  	text-align:right;
  	padding-right:.3em;
  }


.abd { border-left: solid #D66519 10px; }
.tuv { border-left: solid #00943A 10px; }
.aut { border-left: solid #0066FF 10px; }
.stt { border-left: solid #FFFF00 10px; }

/* Programm entsprechend formatieren */

.p_abd { /* vertical-align: top; */ background: transparent url(images/p_abd.gif) no-repeat right top; margin: .5em; padding-left: .5em; vertical-align: middle; }
.p_tuv { background: transparent url(images/p_tuv.gif) no-repeat right top; margin: .5em; padding-left: .5em; vertical-align: middle; }
.p_aut { background: transparent url(images/p_aut.gif) no-repeat right top; margin: .5em; padding-left: .5em; vertical-align: middle; }
.p_stt { background: transparent url(images/p_stt.gif) no-repeat right top; margin: .5em; padding-left: .5em; vertical-align: middle; }

.monatsname { font-size: 1.8em; font-weight: bold; text-align: center; margin-bottom: .3em; }
.monatnr {
	color: #fff;
	background: transparent url(images/date_grey2.gif) no-repeat left top;
	text-align: center;
	font-size: 5em;
	font-weight: bold;
	/* padding: .1em; */
}
.eventdetails { background-color: #6D6D6D; width: max; color: #fff; text-align: left; 
				 padding-left: .5em; /* margin-top: .2em; */
			  }

.eventdescription { text-align: left; }


/* Programmbilder floaten lassen */
.progpic {
	float: right;
	margin-left: 1px;
}


/* Ticketing übersichtlicher machen, dafür gelbe Linien quer */
.ticyell {
	background: #FFFFE0;
	width: 100%;
	margin-left: -0.3em;
	margin-right: -0.3em;
	padding-left: .5em;
	padding-top: .3em;
	padding-bottom: .3em;
}

/* "Wir suchen..."-Box auf der Startseite ... mit "runden ecken" ... */ 
.infyell { 
	background: #FFFFE0;
	margin-right: 4px;
	float: left;
	margin-top: 20px;
	width: 97%;
}
.infyell #cont { padding: 0 5px 0 5px; }
.infyell .top, .infyell .bottom { display:block; background: #EADDBA; }
.infyell .top b /*, .infyell .bottom b*/ { display:block; height: 1px; overflow: hidden; background: #FFFFE0; }
.infyell .r1 { margin: 0 5px; }
.infyell .r2 { margin: 0 3px; }
.infyell .r3 { margin: 0 2px; }
.infyell .top .r4, .infyell .bottom .r4 { margin: 0 1px; height: 2px; }

/* "News"-Boxes auf der Startseite ... mit "runden ecken" ... */ 
.newsyell { 
	background: #DCE6EC;
	margin-right: 4px;
	float: left;
	margin-top: 20px;
	width: 98%;
}
.newsyell #title { padding: 0 5px 5px 5px; background: #BCCFDA; }
.newsyell .top b { display:block; height: 1px; overflow: hidden; background: #BCCFDA; }
.newsyell #cont { padding: 3px 5px 0 5px; }
.newsyell .bottom b { display:block; height: 1px; overflow: hidden; background: #DCE6EC; }
.newsyell .top /*, .newsyell .bottom */ { display:block; background: #EADDBA; }
.newsyell .r1 { margin: 0 5px; }
.newsyell .r2 { margin: 0 3px; }
.newsyell .r3 { margin: 0 2px; }
.newsyell .top .r4, .newsyell .bottom .r4 { margin: 0 1px; height: 2px; }


.hrstart {
/*	margin-top: 10px; */
	padding-left: 10px;
	padding-right: 10px;
}

/* ---------------------- menü --------------------------------------------------------------> */
.sdoc, .sdocs {
	color: #fff;
	margin: 6px;
}
ul {
	margin: 1em;
}
ul li {
	list-style:none; 
/*	margin-left: 1em; */
	margin:.3em 0; 
}

ul.menulevel1 {
	list-style: none;
	margin: 0 0 0 0;	/* letztes ist für links */
	padding:0;
	width:100%;
}
ul.menulevel1 * ul {
	list-style: none;
	margin:0;
	padding: 0;
	display:none;
	position:absolute;
}
ul.menulevel1 li {
	float: left;
	padding: 0px; /* padding: 2px; hilft Opera beim Hover */
}
ul.menulevel1 li * li {
	float: none;
	position: relative;
}
ul.menulevel1 ul * ul {
	left:98%;
	top:0;
	width:100%;
}
ul.menulevel1 a, .sdoc, .sdocs {
	display: inline-block;	/* für IE/Mac */
	/* \*/ display: block;	/* für IE/Mac-Hack für alle anderen überschreiben */
}
ul.menulevel1 ul * a {	/* Drop-Down-List */
	min-width: 10em;
}
ul.menulevel1 li:hover ul ul, ul.menulevel1 li:hover ul ul ul, ul.menulevel1 li:hover ul ul ul ul {
	display:none;
}
ul.menulevel1 li:hover ul, ul.menulevel1 ul li:hover ul, ul.menulevel1 ul ul li:hover ul {
	display: inline-block;	/* für IE/Mac */
	/* \*/ display: block;	/* für IE/Mac-Hack für alle anderen überschreiben */
}
ul.menulevel1 a {	/* alle links des menüs, vertikal, ggf. hintergrund definieren... */
	/* color: #fff; -- wird sowieso überschrieben */
	padding: 2px 9px 2px 9px;
	text-decoration: none;
}
ul.menulevel1 ul {	/* drop down -- background-color: #ccc;*/
	border: 0;
	background: #AE3700 url(images/nav_vert.png) repeat left top;
}
/* einzelne elemente der drop-down-list 
ul.menulevel1 ul li {
	background-color: #ccc;
}
*/
ul.menulevel1 ul a {	/* einzelne elemente der drop-down-list */
	/* background-color: #ccc; */
	color: #000;
	padding: 4px;
	text-decoration: none;
}
ul.menulevel1 a:hover {		/* hover element */
	background-color: #444;
	color: #fff;
}
ul.menulevel1 ul a:hover { /* hover drop-down-list, übernimmt background-color von eben */
	color: #000;
}



/* <---------------------- menü -------------------------------------------------------------- */

.hr {
	margin-top: 1em;
	margin-bottom: 0.5em;
}
/* <hr />'s für Browser ohne CSS */
hr {
	display:none;
}
.hrprog {
	border: 1px solid #969696;
	display:block;
	margin-top: .7em;
	margin-bottom: 1em;
	margin-left: 2px;
	margin-right: 2px;
}
input, textarea {
	background:#BED2B8 url(images/btn.gif) repeat-x; 
	padding:.1em;
	margin:.1em;
	border: 1px solid #cecece;
	/* font:plain 1em/1.4 "Lucida Bright", Georgia, Times, serif; */
}

input:focus, textarea:focus {
	border: 1px solid #888;
}
input:hover, textarea:hover {
	border: 1px solid #aaa;
}

   .short, .short input {
      width: 3em;
      margin-top: 4px;
   }
   .midl, .midl input {
      width: 7em;
      margin-top: 4px;
   }
/* -------------------------- Stuff! -------------------------------> */
.float_right{
float: right;
margin-left: 0.5em;
margin-top: 0.2em;
clear: right;
}

.float_left{
float: left;
margin-right: 0.5em;
margin-top: 0.2em;
clear: left;
}

.edit td {background-color: #ADD8E6;}

.contactError {
font-size: 1.4em;
}

.contactErrorHighLight {
background-color: black;
color: #06f;
font-weight: bold;
}

.red {color: #FFFF00;}
#grey {color:#666666;}

/* ---------------------------- Links-Farben ----------------------------------------> */
img {
	border: none;
	margin: 1px;
}
a img {
	border: 1px solid #000000;
	margin: 1px;
}
a:hover img {
	border: 1px solid #CFCFCF;
} 
/*
a {
	color:#4C53E0;
}
a:focus, a:hover, a:active {
	color:#EB8518;
}
*/
a:link,a:link *{
	color: #9C9C9C;
	text-decoration: none;
}

a:visited,a:visited *{
	color: #363636;
	text-decoration: none;
}

a:hover,a:hover *{
	color: #CFCFCF;
	text-decoration: underline;
}

a:focus,a:focus *,
a:active,a:active *{
	color: #6C7B8B;
	text-decoration: underline;
}

/* --------------------------------------- für Gästebuch -------------------------------> */
.guestbooktable { /* tabellenrahmen aussenrum */
	background-color: #828282; 
} 
.guestbooktitle { /* name des eintragenden oben links */
	font-weight:bold;
	background-color: #4F4F4F;
	color: #CDAD00; /* #FFFF00; */ /* #D66519; */
	vertical-align:top;
	text-align: left;
} 
.guestbooktitleinfo { /* eintragnummer und zeitstempel oben rechts */
	font-family:tahoma,arial,helvetica,sans-serif;
	font-size:8pt;
	background-color: #4F4F4F;
	color: #00943A;
	vertical-align:middle;
}
.guestbookcell { /* der eigentliche eintragtext, grosses feld mitte */
	vertical-align:top;
	text-align: left;
}
.guestbookcell H1 {display:none}
.guestbookcell H2 {display:none}
.guestbookcell H3 {display:none}
.guestbookcell H4 {display:none}
.guestbookinfo { /* fusszeile unten links und hintergrund table neuer eintrag*/
	font-family:tahoma,arial,helvetica,sans-serif;
	font-size:8pt;
	color: #D66519;
	background-color: #696969;
	vertical-align:middle;
}
.guestbookinfo td {
	background-color: #696969;
}
.guestbookinfolight { /* fusszeile unten rechts bei kein eintrag */
	font-family:tahoma,arial,helvetica,sans-serif;
	font-size:8pt;
	color:#99a0aa;
	background-color: #696969;
	vertical-align:top;
}
.guestbookspacer{
	background-color: transparent;
}
/* ---------- wg. Bildergalerie -------------> */
.gallimg {
	border:1px solid #778899;
}
.gallimgbig {
	border:1px solid #778899;
}
.galleryitem{
	margin:10px;
	text-align:center;
	width:120px;
	height:140px; /*160 bei drei Zeilen*/
	float:left;
}
.breaker {
	float:none;
	display:block;
	clear:both;
}
.breaker2 {
	float:none;
	clear:both;
}
#galldesc {
	color: #CFCFCF;
}
#no_comments {
	color: #CFCFCF;
	padding-bottom: 1px;
}
fieldset {
	border: 2px groove #06f;
	margin-bottom:5px;
	font-size:.8em;
	padding:5px;
	color: #FFFFFF;
}
legend {
	color:#BEBEBE;
}
legend b {
	color: #fff;
}
#gallcontent {	/* outer bei Kommentarabgabe */
	color: #BEBEBE;
}