/*
#351B05 h1
#82430C h2
#363405 rahmen
#827E0C aktiv, fehler
#C9C9C9 hell grau
#363636 dunkel grau

neu:
hell #FFF3DF - FFECCF
mittel #F2C684
dunkel #623100

*/

* {
	padding:0;
	margin:0;
	line-height:130%;
}
html, body {
	height:100%;
}
body {
	font-size: 100.01%;
	min-width: 40em;
	background-color: #FFFFFF;
}
form {
	background-color:#FBEBD2;
	border:1px solid #f2c684;
	margin-top:5px;
	margin-bottom:5px;
	padding:7px;
	width:auto;
}
fieldset {
	border:0;
}
form label {
	display:inline-block;
	width:100px;
}
form li label {
	vertical-align:top;
	margin:0 10px 0 10px;
	width:auto;
}
form li label:first-child {
	width:100px;
}
form ul li ul {
	margin-left:120px;
}
form ul li ul label {
	display:inline-block;
	width:auto;
}
ul.mal3 li {
	width:33%;
	float:left;
}
ul.mal3 li label {
	float:none;
	width:auto;
}
ul.mal4 li {
	width:25%;
	float:left;
}
ul.mal4 li label {
	float:none;
	width:auto;
}
table {
	width:100%;
	table-layout:auto;
	border-collapse:collapse;
	margin-bottom:5px;
}
label {
	margin:10px;
}
form table tr td {
	padding-bottom:10px;
}
ul {
	list-style:none inside;
}
ul.disc {
	list-style:disc inside;
}
ul li {
	vertical-align:top;
}
br.clearfloat {
	height:0;
	clear:both;
}
table.voll {
	width:100%;
}
tr {
}
td {
	vertical-align:top;
	padding-left:4px;
}
td:first-child {
	padding-left:0;
}
#left1 {
	position:relative;
	float:left;
	width:150px;
	margin:4px;
	padding:0px;
	height:auto;
	min-height:700px;
	background-color:#FFFFFF;
}
#right1 {
	position:relative;
	float:right;
	width:155px;
	margin:0 0 0 10px;
}
#top1 {
	position:relative;
	width:100%;
	height:110px;
	top:0px;
	left:0px;
	color:black;
	background:#f2c684;
	padding:0px;
	margin:0;
}
#top11 {
	position:relative;
	float:left;
	padding:10px;
	width:152px
}
#top12 {
	position:relative;
	padding:1px;
}
#top2 {
	position:relative;
	clear:both;
	padding:10px;
	background-color:#cf6a00;
	border-top:2px solid #623100;
	border-bottom:2px solid #623100;
	margin:0px;
}
#inhalt {	
	color:black;
	padding:10px;
	margin-left:160px;
	margin-right:160px;
}
#bw {
	visibility:hidden;
	background:#FFFFFF;
	position:fixed;
	top:200px;
	left:200px;
	width:300px;
	height:200px;
	padding:10px;
	border:8px double #8791B4;
	
}
#footer {
	clear:both;
}
#foot1 {
	padding:5px;
	text-align:center;
}
#footer a {
	color:#888888;
	font-weight:normal;
}
#foot2 {
	background:#f2c684;
	padding:5px;
	margin:0;
	margin-top:10px;
	border-top:2px solid #623100;
}
#foot3 {
	background:#ff8080;
	border:1px solid red;
}
iframe {
	border:none;
}
#left11 div.menue, #top2 div.menue {
	padding:0px;
	margin:0px;
	margin-bottom:10px;
	background-color:#cf6a00;
}
#left11 div.menue {
	border:2px solid #623100;
}

#left11 h1 {
	padding:5px;
	margin:0px;
	border:0;
	color:white;
	font-weight:bold;
	font-size: 12px;
	text-decoration:none;
	text-align:center;
	background-color:#623100;
}
#left11 ul {
	margin:0px;
	padding:0px;
	list-style:none;
	border:0px;
	z-index:1000;
}
#top2 ul {
	float:left;
	list-style:none;
	border: 0px;
	z-index:1000;
}
#left11 li { 
	padding:0px;
	margin:0px;
}

#top2 li {
	float:left;
	padding:0px;
	margin:0px;
	display:inline;
}

#left11 a {
	padding:10px;
	margin:0px;
	font-weight:bold;
	font-size: 11px;
	text-decoration:none;
	text-align:left;
	border:0;
	color:white;
	/* background:#FFFFFF; */
	display:block;
}
#top2 a {
	padding:10px;
	margin:0px;
	font-weight:bold;
	font-size: 11px;
	text-decoration:none;
	text-align:left;
	border:0;
	color:white;
	/* background:#FFFFFF; */
}
#left11 a:hover, #top2 a:hover {
	background:#f2c684;
	color:#623100;
}
#headDatum {
	margin-top:7px;
	font-family:"Bradley Hand ITC", Georgia, "Times New Roman", Times, serif;
	color:#623100;
	font-size:18px;
	font-weight:bolder;
	text-align:center;
}
#Datum_alt {
	position:absolute;
	width:36px;
	height:20px;
	z-index:1;
	left:112px;
	top:28px;
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#132752;
	font-size:20px;
	font-weight:bold;
	text-align:center;
}
#menuedetail {
	margin:2px;
}
#menuedetail p {
	margin:2px;
}
#menuedetail div.menue {

}
#menuedetail ul {
	margin: 0px 0px 10px 0px;
	padding:0px;
	list-style:none;
	border: 0px;
}
#menuedetail li { 
	padding:0px;
	margin:0px;
}

#menuedetail li {
	padding:0px;
	margin:0px;
	display:inline;
}
#menuedetail a {
	padding:5px;
	margin:0px;
	font-weight:bold;
	font-size: 11px;
	text-decoration:none;
	text-align:left;
	border:0;
	/* background:#FFFFFF; */
}
#menuedetail a:hover {
	background:#FFFFFF;
	color:#623100;
}
#f {
	width:100%;
	padding:0px;
}
#f td {
	padding-right:10px;
	padding-bottom:5px;
}
#f td.l {
	text-align:left;
}
#f td.r {
	text-align:right;
}
#f td.j {
	text-align:justify;
}
span.buttons {
	text-align:right;
}
div.clear {
	clear:both;
}
div.beschr, p.beschr {
	text-align:justify;
	clear:both;
}
a {
	color:#cf6a00;
	text-decoration:none;
	font-weight:bold;
}
a:link {
}
a:visited {
}
a:hover {
}
a:active {
}
a:focus {
}
a.menue:link {
}
a.menue:visited {
}
a.menue:hover {
}
a.menue:active {
}
a.menue:focus {
}
.buttona {
	font-weight:bold;
}
.buttonactive {
	font-weight:bold;
}
.fehler {
	color:Red;
	font-weight:bold;
}

.noa {
	font-weight:bold;
	color :Gray;
}
.Fett { font-weight:bold }

.text {  }

.tdoben {
	background:#CCFFCC;
}
.tdunten {
	background:#CCFFCC;
}
table.tablenavi {
	background:white;
	border-right : 1px solid #B5C0D2;
}
table.tablefenster {
	background:#FFFFFF;
}
table.tablenavioben {
	background:#B5C0D2;
}
table.tablenavioben2 {
	background:white;
}
table.musiker {
	margin: 10px 0px 15px 0px;
}
table.form {
	background: #DCDCDC;
	border: 1px solid #4682B4;
	margin: 3px 0px 0px 0px;
	width:90%;
}
th.form {
	text-align:left;
	background:#4682B4;
	color:White;
	font-weight:bold;
	padding:5px;
}
.anzeige { 
	font-size:10px;
	position:relative;
}
tr.fenstertitel {
	font-weight:bold;
	background: #B0C4DE;
	color:black;
}
div.fenstertitel {
	font-weight:bold;
	background: #B0C4DE;
	color:black;
	padding : 3px 3px 3px 3px;
}
.tdnavititel {
	font-weight:bold;
	background:white;
	color: #778899;
}
.tdnavi0 {
	background:#FFFFFF;
	border: 1px solid white;
}
.tdnavi1 {
	background: white;
	border: 1px solid white;
}
.tdnavi2 {
	background:white;
	border:1px solid white;
}
.tdnavirahmen {
	background:#006633;
}
.td0 {
	background: #F0F8FF;
}
.td2 {
	background:#FFFFFF;
}
.td1 {
	background: #F5F5F5;
}
td.jk_termin_datum, tr.jk_termin_header {
}

.tdpopuptitel {
	color:#FFFFFF;
	background:#339966;
	font-weight:bold;
}
.tdpopuprahmen {
	background:#336633;
}
.tdpopupfenster {
	background:White;
}
.tdatitel {
	color:#FFFFFF;
	background:#339966;
	font-weight:bold;
}
.tdarahmen {
	background:#336633;
}
.tdafenster {
	background:#99CC99;
}
img {
	border:0;
}
img.BildL {
	border:0px;
	padding:0px;
	margin-right:10px;
	margin-bottom:5px;
	max-height:300px;
	max-width:300px;
}
img.BildR {
	border:0px;
	padding:0px;
	margin-left:10px;
	margin-bottom:5px;
	max-height:300px;
	max-width:300px;
}

div.g {
	background-color:Gray;
	border:4px double Black;
	color:white;
	letter-spacing:2px;
	font-weight:bold;
	margin:5px;
	padding:5px;
}
div.elinks {
	background-color:white;
	border: 1px solid #CCFFCC;
	text-align:center;
}
div.copyright {
	height:15px;
	font-size : 10px;
	font-style : italic;
	text-align:center;
}
div.copyright a {
	font-size : 10px;
	font-style : italic;
}
p.b1 {
	text-align:justify;
}
span.fenster {
	width:160px;
	float:left;
	margin-right:20px;
}
span.fenster h2 {
}
span.fenster ul {
	padding-left:13px;	
}
ul.detail {
	position:relative;
	margin:0 0 10px 0;
	padding:0;
	list-style:none;
	width:100%;
	/*height:210px;*/
}
ul.detail > li {
	/*float:left;*/
	position:relative;
	display:inline-block;
}
ul.detail > li.bild {
	width:250px;
	margin-right:7px;
}
ul.detail > li.name {
	width:430px;
}
ul.detail > li.beschr {
	width:49%;
	/*display:inline-block;*/
}
ul.detail > li.beschr+li.beschr {
	margin-left:15px;
	/*display:inline-block;*/
}
ul.detail p {
	margin:0 0 3px 0;
}
ul.detail h1 {
	margin:0 0 3px 0;
	padding:0;
}
ul.detail br {
	border:1px solid yellow;
	height:0;
	margin:0 0 3px 0;
}
ul.detail > li+li {
	margin-left:7px;
}
ul.detail > li.edit {
	width:150px;
}
ul.detail > li.edit ul {
	list-style:none;
}
ul.detail > li.edit li {
	float:none;
	display:block;
}
ul.detail > li.edit li a {
	
}
ul.tabs {
	position:relative;
	height:22px;
	margin-bottom:15px;
	border-bottom:1px solid #f2c684;
	padding:0 4px;
	list-style:none;
}
ul.tabs.unterDetail {
	/*padding-left:254px;*/
}
ul.tabs li {
	bottom:0;
	font-size:14px;
	padding:0px;
	display:inline;
	margin-left:5px;
}
ul.tabs li a {
	padding:6px;
	margin:0px;
	font-weight:bold;
	text-decoration:none;
	text-align:left;
	border:0;
	background-color:#FBEBD2;
}
ul.tabs li a:hover {
	background-color:#f2c684;
	color:#623100;
}
ul.tabs > li > ul.tabs {
	display:none;
	position:absolute;
	left:0;
	margin:0;
	padding:10px 4px;
	width:100%;
	top:23px;
	z-index:10;
	background:#FFF;
	border:0;
	border-top:1px solid #f2c684;

}
ul.tabs > li > ul.tabs > li > a {
	background-color:#ccff99;
	color:#006633;
}
ul.tabs > li > ul.tabs > li > a:hover {
	background-color:#c4ff88;
}
ul.tabsu {
	/*margin-bottom:25px;*/
	/*border-bottom:1px solid #f2c684;*/
	padding:1px 1px 1px 300px;
	list-style:none;
}
ul.tabsu li {
	font-size:14px;
	padding:0px;
	margin:5px;
	display:inline;
}
ul.tabsu li a {
	padding:4px;
	margin:0px;
	font-weight:bold;
	text-decoration:none;
	text-align:left;
	border:0;
	background-color:#FBEBD2;
}
ul.tabsu li a:hover {
	background-color:#f2c684;
	color:#623100;
}
#youTubeList {
	list-style:none;
	overflow:auto;
	height:400px;
}
#youTubeList li {
	display:inline-block;
	position:relative;
	height:62px;
	width:280px;
	margin:0 12px 12px 0;
}
#youTubeList li img {
	position:absolute;
	top:-5px;
	clip: rect(10px, 94px, 68px, 0pt);
}
#youTubeList li p {
	padding-left:100px;
}
#youTubeList li a {
	background-color:#FBEBD2;
	display:block;
	padding:4px;
	width:100%;
	height:100%;
}
#youTubeList li a:hover {
	background-color:#f2c684;
}
#youTubePlayer {
	margin:0 15px 0 0;
	float:left;
}
.ac_results {
	padding: 0px;
	border: 8px solid #F2C684;
	border-top-width:3px;
	background-color: white;
	overflow: hidden;
	z-index:99999;
	height:200px;
}

.ac_results ul {
	width: 100%;
	height:100%;
	list-style-position: outside;
	list-style: none;
	padding: 0;
	margin: 0;
}

.ac_results li {
	margin: 0px;
	padding: 2px 5px;
	cursor: default;
	display: block;
	/* 
	if width will be 100% horizontal scrollbar will apear 
	when scroll mode will be used
	*/
	/*width: 100%;*/
	/*font: menu;*/
	/*font-size: 12px;*/
	/* 
	it is very important, if line-height not setted or setted 
	in relative units scroll will be broken in firefox
	*/
	line-height: 16px;
	overflow: hidden;
}

.ac_loading {
	background: white url('indicator.gif') right center no-repeat;
}

.ac_odd {
	background-color: #FFF3DF;
}

.ac_over {
	background-color: #623100;
	color:white;
}
.ac_over strong {
	color:white;
	font-weight:bolder;
}
div.time-picker {
  position:absolute;
  height:300px;
/*  width:7em; /* needed for IE */
  overflow:auto;
  background:#fff;
  border:1px solid #000;
	border: 8px solid #F2C684;
	border-top-width:3px;
  z-index:99;
}
div.time-picker-12hours {
  width:6em; /* needed for IE */
}

div.time-picker ul {
  list-style-type: none;
  margin:0;
  padding:0;
}
div.time-picker li {
  padding:2px 2px 2px 4px;
  cursor:pointer;
}
div.time-picker li.selected {
	background-color: #623100;
	color:white;
}
ul.ulKlein {
	list-style:none;
}
ul.ulKlein > li {
	position:relative;
	background-color:#FBEBD2;
	float:left;
	padding:0;
	margin:0 3px 3px 0;
}
ul.ulKlein > li > a {
	display:block;
	margin:0;
	padding:4px;
	width:300px;
	height:60px;
}
ul.ulKlein > li > a:hover {
	background-color:#f2c684;
}
ul.ulKlein > li div.img {
	float:left;
	margin:0 3px 0 0;
}
ul.ulKlein > li div.name > h1 {
	font-size:12px;
	margin:0 0 3px 0;
}

ul.ulKlein > li div.name > p {
}
ul.ulKlein > li div.infos {
	padding:4px;
	z-index:10;
	border:2px solid #F2C684;
	background-color:#FBEBD2;
	display:none;
	width:300px;
	height:60px;
	overflow:hidden;
	position:absolute;
	top:0;
	left:0;
}
ul.ulKlein > li div.infos > div.name > h1 > a {
	font-size:14px;
}
ul.ulKlein > li div.infos div.img {
	float:left;
	margin:0 3px 0 0;
}
ul.ulKlein > li div.infos p {
	margin:0;
	padding:3px;
	text-align:justify;
}