/* DATEI: formate.css */

/* --- SCHRIFT-FAMILIE --- */
@font-face {
    font-family: titelFont;
    src: url('./clip/komikax.ttf');
}
body,p,h1,h2,h3,h4,ul,ol,li,div,td,th,address,blockquote,nobr,b,i  {
	font-family:Arial,Verdana,Helvetica,sans-serif;
	line-height:135% !important; /* 1.4 */
}
html,window,document {
	height:100%;
	overflow: hidden;
}
body {
	height:100%;
	overflow:scroll;
	background-image:url('./clip/bg.png') !important;
	background-size:cover;
	background-position:center;
}
body > table {
	background-color: rgba(255,255,255,0.2) !important;
	/* background-color: rgba(0,0,0,0.8) !important; */
}
p,ul {
	margin:5px;
}
.bg_intro {
	height:100%;
	background-image:url('./clip/bg.png');
	background-size:cover;
	background-position:center;
/*
	background:	-moz-linear-gradient( top, rgb(180,178,185), rgb(130,128,135));
	background:	-webkit-gradient(linear, left top, left bottom, from(rgb(180,178,185)), to(rgb(130,128,135)));
	filter:		progid:DXImageTransform.Microsoft.gradient(startColorstr=#b2abbd, endColorstr=#827b8d);
 110e13  17	15	19			(130	82 ,120	78 ,140 8B	)		*/
}
.tit_head {
	color: #5bd868 !important;		/* SPEZIAL-FARBE 1231fe 1830ff */
	font-family:titelFont;
	font-weight:bold;
	letter-spacing:6px !important;
	text-shadow:0px 0px 2px rgba(0,0,0,1), 0px 0px 2px rgba(0,0,0,0.3);
	height:160px !important;
	margin-right:-25px;
/*	
	padding-top:50px;
	padding-bottom:-120px;

text-shadow:0px 0px 40px rgba(240,240,240,0.5), 0px 0px 7px rgba(240,240,240,0.3);
.tit_head::before {
	padding-top:42px;
	padding-right:20px;
	vertical-align:middle;
	content: url("./clip/play.png");
}
	background-image:url('./clip/kontakt_bg.png');
*/
}
.pers_port {
	border:solid 2px #380080;		/* SPEZIAL-FARBE2 */
	padding:0px;
}
.pers_port > p {
	border:solid 1px #5bd868;		/* SPEZIAL-FARBE */
	margin:0px !important;
}
#tit_head > img
{
	/* margin-top:10px !important; */
	/* margin-right:-10px !important; */
}

.bg_head {
	border:0px none;
	padding:0px;
	-moz-box-shadow:1px 1px 30px rgba(60,60,60,0.7);
	-webkit-box-shadow:1px 1px 30px rgba(60,60,60,0.7);
	box-shadow:1px 1px 30px 0px rgba(60,60,60,0.7);
}
.bg_bilder {
	border:0px none;
	padding:0px;
	background:	-moz-linear-gradient( top, rgb(80,78,85), rgb(30,28,35));
	background:	-webkit-gradient(linear, left top, left bottom, from(rgb(80,78,85)), to(rgb(30,28,35)));
	filter:		progid:DXImageTransform.Microsoft.gradient(startColorstr=#625b6d, endColorstr=#221b2d);
	opacity:0.95;
}
.bg_ex {
	padding:1px !important;
	margin:0px !important;
	background-image:url('./clip/ex-shot.png');
	background-repeat:no-repeat;
	background-position:right 80px;
}
.fullsize {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
}
.td_show {
/*	width:820px; height:840px; */
	transition: opacity ease 0.5s !important;
}
.bild_show {
	border:gray solid 3px;
/*	-moz-box-shadow:0px 0px 10px rgba(240,240,240,0.8);
	-webkit-box-shadow:0px 0px 10px rgba(240,240,240,0.8);
	box-shadow:0px 0px 10px 0px rgba(240,240,240,0.8); */
	transition: opacity ease 1s !important;
}
.bild_preview {
	opacity:0.9;
	transition: opacity 0.5s, box-shadow 1s;
	overflow:hidden;
	margin-left:auto;
	margin-right:auto;
	border-width:0px;
	padding:0px;
	margin:0px;
}
.bild_preview:hover {
	opacity:1;
/*	box-shadow:0px 0px 15px 0px rgba(140,60,70,1); */
}
.bild_select {
	opacity:1;
/*	box-shadow:0px 0px 15px 0px rgba(220,220,220,1); */
	overflow:hidden;
}
#bild_titel {
	color:#f0f0f0;
	font-weight:bold;
}
#bild_info {
	color:#f0f0f0;
}
.table_preview
{
	background: rgb(22,20,20);
/*	background: rgb(5,4,5);
	background:	-moz-linear-gradient( top, rgb(180,178,185), rgb(130,128,135));
	background:	-webkit-gradient(linear, left top, left bottom, from(rgb(180,178,185)), to(rgb(130,128,135)));
	filter:		progid:DXImageTransform.Microsoft.gradient(startColorstr=#b2abbd, endColorstr=#827b8d);
 110e13  17	15	19			(130	82 ,120	78 ,140 8B	)		*/
}
.td_preview {
	transition: opacity 0.4s, box-shadow 0.5s, border 0.5s;
	overflow:hidden !important;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	width:79px !important;
	height:79px !important;
	padding:0px;
	border:gray solid 2px;
	opacity:0.8;
}
.td_preview:hover {
	box-shadow:0px 0px 15px 0px rgba(210,60,70,1) inset; 
	/* border-color:rgba(210,60,70,1); */
	border-color: #5bd868;		/* SPEZIAL-FARBE */
	opacity:1;
}
/*	transition: opacity 0.5s, border 1s; */
.td_select {
	transition: opacity 0.4s, box-shadow 0.5s, border 0.5s;
	overflow:hidden !important;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	width:79px !important;
	height:79px !important;
	padding:0px;
	box-shadow:0px 0px 15px 0px rgba(230,230,230,1) inset;
	border:rgba(240,230,230,1) solid 2px;
}
.logo_intro {
	cursor:pointer;
	border:0px none;
	padding:0px;
	-moz-box-shadow:2px 2px 5px rgba(60,60,60,0.7);
	-webkit-box-shadow:2px 2px 5px rgba(60,60,60,0.7);
	box-shadow:2px 1px 30px 0px rgba(60,60,60,0.7);
}

/* --- LINKS --- */
a > img {
	background:auto !important;
	border-width:0px;
	padding:0px;
	padding-left:0px;
	padding-right:0px;
}
a >.logo_intro :hover {
	padding:0px		!important;
}
a  {
	font-weight:bold;
	font-size:9pt;
	padding:1px;
	padding-left:3px;
	padding-right:3px;
	cursor:pointer;
	transition: color ease 0.6s, background-color ease 0.5s !important;
	border-width:0px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
a:link {
	color:rgb(26,26,26);	/* #601010; */
	text-decoration:none;
}
a:visited {
	color:rgb(26,26,26);
	text-decoration:none;
}
a:active {
	color:#5bd868;
	text-decoration:none;
}
a:hover , .hilite {
	/* background:#f73818; */
	color:#5bd868;
	background-color: #380080;		/* SPEZIAL-FARBE */
	border-width:0px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
.hilite {
	padding: 5px;
}
.no_color:hover  {
	background: none;
	color:white;
	border-width:0px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
.rounded  {
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
.fl_l {
	float:left;
}
.fl_r  {
	float:right;
}
.cl_l {
	clear:left;
}
.cl_r  {
	clear:right;
}
.cl_b {
	clear:both;
}
.r_tl  {
	border-top-left-radius: 5px;
}
.r_tr  {
	border-top-right-radius: 5px;
}
.r_bl  {
	border-bottom-left-radius: 5px;
}
.r_bl  {
	border-bottom-right-radius: 5px;
}
.rounded2 {
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
}
.opa30
{
	opacity:0.3;
}
.pad03
{
	padding:3px;
}
.pad04
{
	padding:4px;
}
.pad10
{
	padding:10px;
}
.pad08l
{
	padding-left:8px;
}
.pad05
{
	padding:5px;
}
.m15
{
	margin:15px;
}
.is_prem
{
	color:gray !important;
	font-style:italic;
}
.is_wa
{
	color:gray !important;
	font-style:italic;
}
.soldout
{
	color:gray !important;
	font-style:italic;
}
.fett {
	font-weight: bold;
}
.zentriert {
	text-align: center !important;
}
.links {
	text-align: left !important;
}
.rechts {
	text-align: right !important;
}
.mauto {
	margin-left:auto !important;
	margin-right:auto !important;
}
.rot {
	/* color:#f73818 !important; */
	color: #5bd868 !important;		/* SPEZIAL-FARBE */
}
.schatten {
	-moz-box-shadow:2px 2px 5px rgba(60,60,60,0.4);
	-webkit-box-shadow:2px 2px 5px rgba(60,60,60,0.4);
	box-shadow:2px 1px 30px 0px rgba(60,60,60,0.4);
}
.schatten_s {
	-moz-box-shadow:2px 2px 5px rgba(60,60,60,0.4);
	-webkit-box-shadow:2px 2px 5px rgba(60,60,60,0.4);
	box-shadow:2px 1px 30px 0px rgba(60,60,60,0.4);
}
.sm_logo
{
	opacity:0.7;
}
.sm_logo:hover
{
	opacity:1;
	cursor:pointer;
}
.pointer
{
	cursor:pointer;
}

body {
	margin:0px;
	border:0px;
}
/* --- HINTERGRUND - DER GESAMTEN SEITE --- */
/*body
{
	background-color:white;
	background-image:url(sta8-0.jpg);
	background-repeat:repeat;
}*/

#divDataLayer
{
	position:	absolute;
	overflow:	auto;
	visibility:	hidden;
	background:	-moz-linear-gradient( top, rgba(80,78,85,0.96), rgba(30,28,35,0.96));
	background:	-webkit-gradient(linear, left top, left bottom, from(rgba(80,78,85,0.96)), to(rgba(30,28,35,0.96)));
	filter:		progid:DXImageTransform.Microsoft.gradient(startColorstr=#625b6d, endColorstr=#221b2d);
}
#divData
{
	margin-left:	auto;
	margin-right:	auto;
	margin-top:		20px;
	margin-bottom:	40px;
	width:		700px;
	background-color:white;
	padding:	20px;
	opacity:	1;
}
.scrollen
{
	overflow:	hidden;
}

/* SCROLLBAR */

body, textarea {
	font-family:Arial,Verdana,Helvetica,sans-serif;
	scrollbar-base-color:white;			/* Basisfarbe der Scroll-Leiste */
	scrollbar-3dlight-color:white;		/* Farbe für 3D-Effekte */
	scrollbar-arrow-color:gray;			/* Farbe für Verschiebepfeile */
	scrollbar-darkshadow-color:gray;	/* Farbe für Schatten */
	scrollbar-face-color:white;			/* Farbe für Oberfläche */
	scrollbar-highlight-color:silver;	/* Farbe für oberen und linken Rand */
	scrollbar-shadow-color:gray;		/* Farbe für unteren und rechten Rand */
	scrollbar-track-color:white;		/* Farbe für freibleibenden Verschiebeweg */
}
.subtitel{
	padding-top:16px;
	padding-bottom:8px;
	font-weight:bold;
}
.rezension{
	padding-bottom:8px;
	padding-bottom:8px;
}
.autor {
	font-size:8pt;
	color:gray !important;
	font-style:italic;
}
/* .hintergrundaussen {background-color:black;} 
.hintergrundaussen  {
	background-image:url(tapete.jpg);
	background-repeat:repeat;
} 
*/
/* .namenaufindex{ font-family:Arial,Verdana,Helvetica,sans-serif;
	font-size:18pt;
	color:gray;
} */
.namenaufindex {
	font-family:Arial,Verdana,Helvetica,sans-serif;
	font-size:20pt;
	color:black;
}

.namenaufindexklein {
	font-size:14pt;
	/*color:black;*/
}

.neulogo {
	font-size:38pt;
	color:white;
	margin:0px;
	padding:0px;
	background-color:#101010;   /* #302d34; */
	text-align:right;
	/*
	background-image:url(./clip/header.png);
	background-repeat:no-repeat;
	background-position: -5%;
	height: 100px;
	margin:-10px !important;
	*/
	height: 160px;
}
.neulogo2 {
	background-image:url(./clip/header.png);
	background-repeat:no-repeat;
	background-clip:padding-box;
	/* background-position: -3.2%; */
}
.indexschrift {
	font-size:8pt;
	color:gray;
}
.rahmenduenn {
	font-size:8pt;
	/*color:gray;
	border-color:#CFCFCF;
	border-width:1px;
	border-style:solid;
	*/
	padding:15px;
	background-color:white;
	text-align:left;
	vertical-align:top;
}
.rahmenallgemein {
	font-size:9pt;
	color:black;
	border-color:#CFCFCF;
	border-width:1px;
	border-style:solid;
	padding:15px;
	background-color:white;
	text-align:left;
	vertical-align:top;
}
.mailhintergrund {
	font-size:8pt;
	color:gray;
	border-color:#CFCFCF;
	border-width:1px;
	border-style:solid;
	padding:15px;
	background-color:white;
	text-align:left;
	vertical-align:top;
}
.buttonhintergrund {
	font-size:8pt;
	color:gray;
	background-color:white;
}
.leer {
	font-size:4pt;
	color:gray;
}

/* TABELLEN MIT FARBE */
td {
	padding:5px;
}
#menu td {
	padding:0px;
}
/*
#inszenierungen *:not(a) {
	padding-left:8px !important;
}
*/
.table_data > td {
	padding:1px;
	vertical-align:top;
	font-size:9pt;
	color:black;
}
.tabelle_grau {
	font-size:9pt;
	color:black;
	border-color:#CFCFCF;
	border-width:1px;
	border-style:solid;
	vertical-align:midle;
}
.tabelle_titel {
	font-size:9pt;
	background-color:#BFBFBF;
	color:white;
	font-weight:bold;
	text-align:center;
}
.tabelle_text {
	font-size:9pt;
	background-color:#DFDFDF;
	color:black;
	text-align:center;
}
.tabelle_text_link {
	padding-left:2px !important;
	padding-right:2px !important;
	font-size:9pt;
	background-color:#DFDFDF;
	color:black;
	text-align:center;
}

/* EINTRAGSDATUM */
.eintragsdatum {
	font-size:9pt;
	color:black;
	padding:5px;
	background-color:yellow;
	text-align:left;
	vertical-align:top;
}

/* MENUE */
.men {
	font-size:9pt;
	color:rgb(26,26,26); /* #202020; grey f0f0f0 */
}

.mentelzeile {
	font-size:9pt;
	color:#5bd868;
	padding:10px;
	text-align:right;
	font-weight:bold;
}
.mentelzeile a {
	color:#5bd868 !important;
}
.mentelzeile a:hover {
	color:#380080 !important;
	background-color:#5bd868 !important;
}

.menakt {
	font-size:9pt;
	font-weight:bold;
}
.menaktgross {
	padding-left:3px !important;
	font-size:9pt;
	font-weight:bold;
}
.mengross {
	font-size:9pt;
	color:gray;
	font-weight:bold;
}

/* UEBERSCHRIFT */
.ueberschrift {
	font-size:20pt;
	font-weight:bold;
	color:#5bd868 !important;		/* SPEZIAL-FARBE 1231fe 1830ff color:grey;*/
}
.ueberschrift-nichtblockschrift {
	font-size:20pt;
	text-align:left;
	color:grey;
}

/* TEXT */

.normtext {
	font-size:9pt;
	/*color:black;*/
	/* text-align:justify;*/
}

.schreg {
	font-size:13pt;
	/*color:black;*/
	text-align:justify;
	border:solid #cfcfcf 1px;
	font-weight:bold;
	padding:25px;
}

.spieltermine {
	font-size:9pt;
	/*color:black;*/
	text-align:justify;
	border:solid #cfcfcf 1px;
	font-weight:bold;
}
.linktabelle {
	font-size:9pt;
	/*color:black;*/
	text-align:justify;
}
.textrot {
	font-size:9pt;
	color:#5bd868;
	/* color: #c4892e; */		/* SPEZIAL-FARBE */
}
.textblau {
	font-size:9pt;
	color:#9999FF;
}
.hr {
	border:solid #cfcfcf 1px;
	height:1px;
	margin:15px;
}

/* FORMULAR - KONTAKT */
.formular {
	font-size:8pt;
	/*color:black;*/
	text-align:justify;
}

.formabutton {
	font-size:8pt;
	background-color:white;
	/*color:black;*/
}
input, select {
	font-size:8pt;
	/*color:black;*/
	background-color:white;
}
textarea {
	font-size:8pt;
	padding:5px;
	/*color:black;*/
	background-color:white;
}
.popupfenster {
	background-color:white;
	width:216pt;
	color:gray;
}
.fehlermeldung {
	font-size:8pt;
	padding:10px;
	border:thin solid red;
	color:red;
	border-width:1px;
}
.warnmeldung {
	font-size:8pt;
	padding:10px;
	border:thin solid green;
	color:green;
	border-width:1px;
}