/* TODO */
#kidsnavi { background: #fff url( /art/css/events/kidsclub/navi/bg.gif ) no-repeat 0px 0px; width: 808px; height: 135px; padding-top: 5px; }
#kidsnavi ul.topnavi { margin-left: 100px; }
#kidsnavi ul.subnavi { margin-left: 140px; margin-top: 5px; }
#kidsnavi ul li { position: relative; display: inline; }

#kidsclub { color: #fff; }
#kidsclub ul.klecks { list-style: none; }
#kidsclub ul.klecks li { background-image: url( /art/css/events/kidsclub/dot.gif ); background-repeat: no-repeat; background-position: 0px 5px; padding: 5px 0px 5px 25px; font-weight: bold; font-size: 14px; }
#kidsclub a { color: #fff; text-decoration: underline; }
#kidsclub a:hover { color: #fff; text-decoration: none; }
#kidsclub h2 { font-weight: bold; font-size: 14px; margin: 2px 0px 2px 0px; padding: 0px; }
#kidsclub h3.localhead { background-color:#b40036; color:#fff; padding:5px; }
#kidsclub h5 { font-size: 10px; margin: 0 0 3px 0; }
#kidsclub img.border { border: 2px solid #fff; }
#kidsclub td.error, #kidsclub span.error	{ color: #ff0; }
#kidsclub span.normal { font-size: 12px; font-weight: normal; }

#kidsclub div.filmhd { background-color: #006999; width: 480px; padding: 3px 10px; text-transform: uppercase; color: #fff; font-size: 14px; font-weight: bold; }
#kidsclub div.filmcontent { background-color: #fff; color: #000; width: 480px; padding: 3px 10px; font-size: 12px; }
#kidsclub div.filmimage { padding: 3px; float: left; width: 70px; }
#kidsclub div.filmbox { padding: 3px; float: left; width: 395px; overflow: hidden; }
#kidsclub div.filmtext { padding:0 0 10px 0; }
#kidsclub div.filmlinks { height: 20px; overflow: hidden; }

#kidsclub div.spieleintrag		{ padding: 0px 15px 0px 15px; }
#kidsclub div.spielimage	{ padding: 3px; float: left; width: 120px; height: 180px; }
#kidsclub div.spielbox		{ padding: 3px; float: left; width: 645px; }
#kidsclub div.spieltitel	{ padding: 3px 10px; text-transform: uppercase; color: #fff; font-size: 14px; font-weight: bold; margin-bottom: 6px; }
#kidsclub div.spieltyp		{ background-color: #006999; padding: 3px 20px; text-transform: uppercase; color: #fff; font-size: 14px; font-weight: bold; }
#kidsclub div.spiel				{ background-color: #fff; padding: 3px 20px; color: #000; font-weight: bold; margin-bottom: 1px; }
#kidsclub div.spiel	a			{ color: #006999; float: right; text-decoration: none; font-weight: normal; margin-left: 10px; }
#kidsclub div.spiel	a:hover { text-decoration: underline; font-weight: normal; }
#kidsclub div.spieltrenner { height: 5px; background-color: #fff; margin: 20px 15px; }

div.eventleft80 { float: left; width: 80px; }
div.eventleft400 { float: left; width: 400px; }

#youngstars { min-height:600px; height:auto !important; height:600px; padding-left: 25px; }
#youngstars span.rosa { color: #ebbce0; }
#youngstars h2 { color: #fff; font-weight: bold; font-size: 16px; margin: 6px 0px; padding: 0px; }
#youngstars h3 { color: #fff; font-weight: bold; font-size: 14px; margin: 2px 0px 6px 0px; padding: 0px; }
#youngstars h3.localhead { background-color:#b40036; color:#fff; padding:5px; }
#youngstars h4 { font-size: 11px; color: #000; margin: 6px 0; }
#youngstars h5 { font-size: 10px; color: #ebbce0; margin: 6px 0; }
#youngstars .filmdetail { color: #ebbce0; }
#youngstars div.eventhead {  }
#youngstars div.eventbox { background-color: #fff; min-height: 260px; color: #000; }
#youngstars div.eventbox ul.tabs li  { position: relative; display: inline; }
#youngstars div.eventbox a { color: #d47bc1; text-decoration: none; }
#youngstars div.eventbox a:hover { text-decoration: underline; }
#youngstars div.Slide			{ background-color: #aabbcd; padding: 6px; color: #fff; font-weight: bold; margin-bottom: 1px; }
#youngstars div.Slide a		{ color: #fff; float: right; text-decoration: none; font-weight: normal; }
#youngstars div.Slide a:hover { text-decoration: underline; font-weight: normal; }

#maennerabend { min-height:600px; height:auto !important; height:600px; padding-left: 25px; }
#maennerabend span.grau { color: #5b595b; }
#maennerabend span.gruen { color: #045c5d; }
#maennerabend h2 { color: #fff; font-weight: bold; font-size: 16px; margin: 6px 0px; padding: 0px; }
#maennerabend h3 { color: #fff; font-weight: bold; font-size: 14px; margin: 2px 0px 6px 0px; padding: 0px; }
#maennerabend h3.localhead { background-color:#0092be; color:#fff; padding:5px; }
#maennerabend h4 { font-size: 11px; color: #5b595b; margin: 6px 0; }
#maennerabend h5 { font-size: 10px; color: #5b595b; margin: 6px 0; }
#maennerabend .filmdetail { color: #5b595b; }
#maennerabend div.eventhead { background-color: #3d3d3d; border-left: 1px solid #0092be; border-top: 1px solid #0092be; border-right: 1px solid #0092be; border-bottom: 0px; }
#maennerabend div.eventbox { background-color: #000; min-height: 260px; color: #d8d8d8; border-left: 1px solid #0092be; border-right: 1px solid #0092be; border-bottom: 13px solid #0092be; }
#maennerabend div.eventbox ul.tabs li  { position: relative; display: inline; }
#maennerabend div.eventbox a { color: #d8d8d8; text-decoration: none; }
#maennerabend div.eventbox a:hover { text-decoration: underline; }
#maennerabend div.Slide			{ background-color: #3d3d3d; padding: 6px; color: #d8d8d8; font-weight: bold; margin-bottom: 1px; }
#maennerabend div.Slide a		{ color: #d8d8d8; float: right; text-decoration: none; font-weight: normal; }
#maennerabend div.Slide a:hover { text-decoration: underline; font-weight: normal; }

#ladiesnight { min-height:600px; height:auto !important; height:600px; padding-left: 25px; }
#ladiesnight span.violett { color: #701F54; }
#ladiesnight h2 { color: #701F54; font-weight: bold; font-size: 16px; margin: 6px 0px; padding: 0px; }
#ladiesnight h3 { color: #701F54; font-weight: bold; font-size: 14px; margin: 2px 0px 6px 0px; padding: 0px; }
#ladiesnight h3.localhead { background-color:#701F54; color:#fff; padding:5px; }
#ladiesnight h4 { font-size: 11px; color: #eee; margin: 6px 0; }
#ladiesnight h5 { font-size: 10px; color: #fff; margin: 6px 0; }
#ladiesnight .filmdetail { color: #fff; }
#ladiesnight div.eventhead { background-color: #c34d93; border-left: 1px solid #c34d93; border-top: 1px solid #c34d93; border-right: 1px solid #c34d93; border-bottom: 0px; }
#ladiesnight div.eventbox { background-color: #a2b6c0; min-height: 260px; color: #fff; border-left: 1px solid #c34d93; border-right: 1px solid #c34d93; border-bottom: 13px solid #c34d93; }
#ladiesnight div.eventbox ul.tabs li  { position: relative; display: inline; }
#ladiesnight div.eventbox a { color: #fff; text-decoration: none; }
#ladiesnight div.eventbox a:hover { text-decoration: underline; }
#ladiesnight div.Slide			{ background-color: #c34d93; padding: 6px; color: #fff; font-weight: bold; margin-bottom: 1px; }
#ladiesnight div.Slide a		{ color: #fff; float: right; text-decoration: none; font-weight: normal; }
#ladiesnight div.Slide a:hover { text-decoration: underline; font-weight: normal; }

#artmaxx { min-height:600px; height:auto !important; height:600px; padding-left: 25px; }
#artmaxx span.grau { color: #5e5e5c; }
#artmaxx h2 { color: #fff; font-weight: bold; font-size: 16px; margin: 6px 0px; padding: 0px; }
#artmaxx h3 { color: #fff; font-weight: bold; font-size: 14px; margin: 2px 0px 6px 0px; padding: 0px; }
#artmaxx h3.localhead { background-color:#c1a15f; color:#fff; padding:5px; }
#artmaxx h4 { font-size: 11px; color: #5e5e5c; margin: 6px 0; }
#artmaxx h5 { font-size: 10px; color: #5e5e5c; margin: 6px 0; }
#artmaxx .filmdetail { color: #5e5e5c; }
#artmaxx div.eventhead { background-color: #464442; border-left: 1px solid #c1a15f; border-top: 1px solid #c1a15f; border-right: 1px solid #c1a15f; border-bottom: 0px; }
#artmaxx div.eventbox { background-color: #15110b; min-height: 260px; color: #fff; border-left: 1px solid #c1a15f; border-right: 1px solid #c1a15f; border-bottom: 13px solid #c1a15f; }
#artmaxx div.eventbox ul.tabs li  { position: relative; display: inline; }
#artmaxx div.eventbox a { color: #fff; text-decoration: none; }
#artmaxx div.eventbox a:hover { text-decoration: underline; }
#artmaxx div.Slide			{ background-color: #5e5e5c; padding: 6px; color: #fff; font-weight: bold; margin-bottom: 1px; }
#artmaxx div.Slide a		{ color: #fff; float: right; text-decoration: none; font-weight: normal; }
#artmaxx div.Slide a:hover { text-decoration: underline; font-weight: normal; }

#gayfilmnacht	{ min-height:770px; height:auto !important; height:750px; padding-left: 25px; padding-top: 20px; }
#gayfilmnacht h1 { color: #000; font-weight: bold; font-size: 24px; margin: 3px 0px; padding: 0px; text-transform: uppercase; letter-spacing: -1px; }
#gayfilmnacht h2 { color: #e7e7e7; font-weight: bold; font-size: 14px; margin: 3px 0px; padding: 0px; text-transform: uppercase; letter-spacing: -0.5px; }
#gayfilmnacht h3 { color: #000; font-weight: bold; font-size: 14px; margin: 3px 0px; padding: 0px;  }
#gayfilmnacht h3.localhead { background-color:#d6d6d6; color:#777; padding:5px; }
#gayfilmnacht h4 { color: #000; font-weight: bold; font-size: 22px; margin: 3px 0px; padding: 0px; text-transform: uppercase; letter-spacing: -0.5px; }
#gayfilmnacht a		{ color: #b54569; text-decoration: none; font-weight: normal; }
#gayfilmnacht a:hover { text-decoration: underline; font-weight: normal; }
#gayfilmnacht #black { background-color: #000; padding: 10px 15px; width: 560px; }
#gayfilmnacht #grey { background-color: #d6d6d6; padding: 10px 15px; width: 560px; }
#gayfilmnacht .lightgrey { background-color: #f0f1f3; padding: 10px 15px; width: 560px; }
#gayfilmnacht .contenttable th { background-color:#d6d6d6; color:#333; font-size:13px; }

#lfilmnacht	{ min-height:630px; height:auto !important; height:610px; padding-left: 25px; padding-top: 20px; }
#lfilmnacht h1 { color: #000; font-weight: bold; font-size: 24px; margin: 3px 0px; padding: 0px; text-transform: uppercase; letter-spacing: -1px; }
#lfilmnacht h2 { color: #fff; font-weight: bold; font-size: 14px; margin: 3px 0px; padding: 0px; text-transform: uppercase; letter-spacing: -0.5px; }
#lfilmnacht h3 { color: #b0355c; font-weight: bold; font-size: 14px; margin: 0px; padding: 0px; }
#lfilmnacht h3.localhead { background-color:#b0355c; color:#fff; padding:5px; }
#lfilmnacht h4 { color: #b0355c; font-weight: bold; font-size: 22px; margin: 3px 0px; padding: 0px; text-transform: uppercase; letter-spacing: -0.5px; }
#lfilmnacht h5 { font-size: 10px; color: #b0355c; margin: 0px; }
#lfilmnacht .filmdetail { color: #b0355c; }
#lfilmnacht a		{ color: #b54569; text-decoration: none; font-weight: normal; }
#lfilmnacht a:hover { text-decoration: underline; font-weight: normal; }
#lfilmnacht div.red { background-color: #b0355c; padding: 5px 15px; width: 460px; }
#lfilmnacht div.beige { background-color: #dcd08f; padding: 5px 15px; width: 460px; }
#lfilmnacht div.yellow { background-color: #f1f3a0; padding: 5px 15px; width: 460px; color: #b0355c; }
#lfilmnacht div.white { background-color: #fff; width: 490px; color: #000; opacity: .8; filter: alpha(opacity=80); -moz-opacity: 0.8; }
#lfilmnacht .contenttable th { background-color:#b0355c; font-size:13px; }

#template1	{ min-height:630px; height:auto !important; height:610px; padding-left: 25px; padding-top: 20px; }
#template1 h1 { font-weight: bold; font-size: 24px; margin:5px 0 3px 0; padding: 0px; text-transform: uppercase; letter-spacing: -1px; }
#template1 h2 { font-weight: bold; font-size: 16px; margin:0; padding: 0px; text-transform: uppercase; letter-spacing: -0.5px; }
#template1 h3 { font-weight: bold; font-size: 13px; margin: 0px; padding: 0px; text-transform: uppercase; letter-spacing: -0.5px; }
#template1 h4 { font-weight: bold; font-size: 12px; margin: 3px 0px; padding: 0px; }
#template1 h5 { font-size: 10px; margin: 0px; }
#template1 a		{ color: #b54569; text-decoration: none; font-weight: normal; }
#template1 a:hover { text-decoration: underline; font-weight: normal; }

#template2	{  padding-left: 0px; padding-top: 0px; }
#template2 h1 { font-weight: bold; font-size: 24px; margin:5px 0 3px 0; padding: 0px; text-transform: uppercase; letter-spacing: -1px; }
#template2 h2 { font-weight: bold; font-size: 16px; margin:0; padding: 0px; text-transform: uppercase; letter-spacing: -0.5px; }
#template2 h3 { font-weight: bold; font-size: 13px; margin: 0px; padding: 0px; text-transform: uppercase; letter-spacing: -0.5px; }
#template2 h4 { font-weight: bold; font-size: 12px; margin: 3px 0px; padding: 0px; }
#template2 h5 { font-size: 10px; margin: 0px; }
#template2 a		{ color: #b54569; text-decoration: none; font-weight: normal; }
#template2 a:hover { text-decoration: underline; font-weight: normal; }

#template3	{ min-height:630px; height:auto !important; height:610px; padding:0; margin:0; }
#template3 h1 { font-weight: bold; font-size: 24px; margin:20px 0 0px 0; padding: 0px; text-transform: uppercase; letter-spacing: -1px; }
#template3 h2 { font-weight: bold; font-size: 14px; margin:5px 0; padding: 0px;  letter-spacing: -0.5px; }
#template3 h3 { font-weight: bold; font-size: 13px; margin: 0px; padding: 0px; text-transform: uppercase; letter-spacing: -0.5px; }
#template3 h4 { font-weight: bold; font-size: 12px; margin: 3px 0px; padding: 0px; }
#template3 h5 { font-size: 10px; margin: 0 0 3px 0; }
#template3 a		{ color: #b54569; text-decoration: none; font-weight: normal; }
#template3 a:hover { text-decoration: underline; font-weight: normal; }

#template3 div.filmhd { background-color: #777; width: 474px; padding: 3px 10px; text-transform: uppercase; color: #fff; font-size: 14px; font-weight: bold; }
#template3 div.filmcontent {  color: #000; width: 489px; padding: 3px 5px 3px 0; font-size: 12px; }
#template3 div.filmimage { padding: 3px 10px 3px 0; float: left; width: 70px; }
#template3 div.filmbox { padding: 3px; float: left; width: 403px; overflow: hidden; }
#template3 div.filmtext { padding:0 0 10px 0; }
#template3 div.filmlinks { height: 20px; overflow: hidden; }

#template3 div.greybox	{ border: 1px solid #666; }

#template3 div.greybox h1 { font-size: 21px; font-weight: bold; text-transform: uppercase; color: #fff; letter-spacing: -0.5px; height:auto; margin: 6px 8px 8px 8px; }
#template3 div.greybox h2 { font-size: 16px; font-weight: bold; text-transform: uppercase; color: #fff; background-color: #666; letter-spacing: -0.5px; height: 17px; overflow: hidden; padding: 4px 8px 4px 8px; }
