/* ###################################################################

   Verwendete Farben

   HEX      RGB DEC      FARBE        VERWENDUNG
	
   #FF0000  255,000,000  Rot          Hauptrahmen
	#FFCCCC	255,204,204  Hellrot 1    Tabellenhintergründe
	#FF9999  255,153,153  Hellrot 2    Umrandungen und Balken
	#800000  128,000,000  Dunkelrot    Text, Umrandungen, Tabellenköpfe und Balken
   #EEEEEE  238,238,238  Hellgrau     HG
	                                   Texte in Balken

  ################################################################### */


/* ###################################################################
   # Template Design
	#
	# Dieser Block definiert die Stile die in den Templates verwendet
	# werden. Da das Template-Design individuell ist, dürfen in diesem
	# Bereich beliebige Änderungen vorgenommen werden.
	#
	################################################################### */

table.facts { font-size: 9px; color: #666666; margin: 3px 3px 3px 3px; }
th.facts { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; background-color: #666666; color: #000000; text-align: center; font-weight: bold; }
td.facts { padding: 1px 0px 1px 2px; border-bottom: 1px solid #333333; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 9px; color: #666666;  white-space: normal;  }
td.factstitle { padding: 1px 2px 1px 0px; border-bottom: 1px solid #333333; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 9px; color: #666666; font-weight: bold; }

.pagetitle {
	text-align: right;
	font-size: 24px;
	font-weight: bold;
	color: #FFFF99;
	vertical-align: bottom;
	height: 30px;
	line-height: 100%;
	padding-bottom: 5px;
}
	
table.LCARStop {
	margin: auto;
	vertical-align: middle;
}
td.LCARSleft {
	width: 140px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
td.LCARSmid {
	width: 10px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
td.LCARSright {
	width: 800px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
.LCARSback {
	background-image: url(../files/LCARS_back.gif);
	background-repeat: repeat;
	padding: 0px 0px 0px 0px;
}
.LCARSback3 {
	background-image: url(../files/LCARS_25.gif);
	background-repeat: repeat;
	padding: 0px 0px 0px 0px;
}
.LCARSback4 {
	background-image: url(../files/LCARS_28.gif);
	background-repeat: repeat;
	padding: 0px 0px 0px 0px;
}
.LCARSback5 {
	background-image: url(../files/LCARS_42.gif);
	background-repeat: repeat;
	padding: 0px 0px 0px 0px;
}
.LCARSback6 {
	background-image: url(../files/LCARS_46.gif);
	background-repeat: repeat;
	padding: 0px 0px 0px 0px;
}
.LCARSback7 {
	background-image: url(../files/LCARS_44.gif);
	background-repeat: repeat;
	padding: 0px 0px 0px 0px;
}
.LCARSback8 {
	background-image: url(../files/LCARS_48.gif);
	background-repeat: repeat;
	padding: 0px 0px 0px 0px;
}
.LCARSback9 {
	background-image: url(../files/LCARS_67.gif);
	background-repeat: repeat;
	padding: 0px 0px 0px 0px;
}
.LCARSback2 {
	padding: 0px 0px 0px 0px;
	background-color: #000000;
}
#textblock {
	height: 350px;
	/* width: 100%;
	overflow-x: hidden; */
	overflow-y: auto;
	padding-right: 20px;

	scrollbar-face-color: #FF0000; 
	scrollbar-3dlight-color: #000000; 
	scrollbar-darkshadow-color: #000000; 
	scrollbar-arrow-color: #FFCC00;
	/*scrollbar-shadow-color: #FF0000; 
	scrollbar-highlight-color: #FF0000;*/ 
	scrollbar-track-color: #303030; 
	scrollbar-base-color: #000000;
}
.screentop {
	text-align: center;
	vertical-align: middle;
	height: 100%;
	width: 100%;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
/* ###################################################################
   # HTML Elemente
	#
	# Hier werden die Stile für ganze HTML-Elemente festgelegt.
	# Änderungen in diesem Block sind erlaubt, haben aber grosse
	# Auswirkungen auf das Erscheinungsbild des Shops.
	#
	################################################################### */

html {
	scrollbar-face-color: #FF6347; 
	scrollbar-3dlight-color: #FFCC00; 
	scrollbar-darkshadow-color: #FFCC00; 
	scrollbar-arrow-color: #FFCC00;
	scrollbar-shadow-color: #FF6347; 
	scrollbar-highlight-color: #FF6347; 
	scrollbar-track-color: #303030; 
	scrollbar-base-color: #000000;
	overflow: auto;
}
body {
	background-color: #000000;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin: 0px 0px 0px 0px;
	color: #FFCC00;
	scrollbar-face-color: #FF6347; 
	scrollbar-3dlight-color: #FFCC00; 
	scrollbar-darkshadow-color: #FFCC00; 
	scrollbar-arrow-color: #FFCC00;
	scrollbar-shadow-color: #FF6347; 
	scrollbar-highlight-color: #FF6347; 
	scrollbar-track-color: #303030; 
	scrollbar-base-color: #000000;
	line-height: 150%;
}
hr {
	color: #FF6347;
}
td {
	color: #FFCC00;
	font-size: 11px;
	text-align: left;
	vertical-align: top;
}
th {
	color: #EEEEEE;
	font-size: 11px;
	text-align: left;
	vertical-align: top;
	font-weight: bold;
	background-color: #0000FF;
}
a         {font-weight: bold; text-decoration: none; color: #6495ED;}
a:link    {font-weight: bold; text-decoration: none; color: #6495ED;}
a:visited {font-weight: bold; text-decoration: none; color: #6495ED;}
a:focus   {font-weight: bold; text-decoration: none; color: #FF0000;}
a:hover   {font-weight: bold; text-decoration: none; color: #FF0000;}
a:active  {font-weight: bold; text-decoration: none; color: #FFFFFF;}

H1, .Titel_1 { font-size: 18px; font-weight: bold; text-align: left; letter-spacing: 0px; }
H2, .Titel_2 { font-size: 16px; font-weight: bold; text-align: left; letter-spacing: 0px; }
H3, .Titel_3 { font-size: 14px; font-weight: bold; text-align: left; letter-spacing: 0px; }
H4, .Titel_4 { font-size: 12px; font-weight: bold; text-align: left; letter-spacing: 0px; }
H5, .Titel_5 { font-size: 10px; font-weight: bold; text-align: left; letter-spacing: 0px; }
H6, .Titel_6 { font-size: 7px; font-weight: bold; text-align: left; letter-spacing: 0px; }

li {
	list-style: disc outside url(../files/punkt.gif);
	margin-bottom: 4px;
}

.smalltext { font-size: 9px; }
.linehead { font-weight: bold; color: #FFDAB9; }

.Gelber_Marker { background-color: Yellow; }
.Oranger_Marker { background-color: Orange; }
.Roter_Marker { background-color: #FFCCCC; }
.Grüner_Marker { background-color: Lime; }
.Blauer_Marker { background-color: #00CCFF; }

/* *******************************************************************
   * Formularfelder
	******************************************************************* */
INPUT {
	border: 2px solid #FFCC00;
	COLOR: #FFCC00; 
	FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif; 
	BACKGROUND-COLOR: #303030; 
	}
SELECT {
	border: 2px solid #FFCC00;
	COLOR: #FFCC00; 
	FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif; 
	BACKGROUND-COLOR: #303030; 
}
INPUT.radio {
	border: 1px solid #FFCC00;
	COLOR: #FFCC00; 
	FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif; 
	BACKGROUND-COLOR: transparent;
}
INPUT.image {
	border: none;
	background-color: transparent;
}
TEXTAREA {
	border: 2px solid #FFCC00;
	COLOR: #FFCC00; 
	FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif; 
	BACKGROUND-COLOR: #303030; 
}
sup {
	font-size: 8px;
}

	.Kein_Style { font-size: 10pt; font-weight: normal; text-align: left; letter-spacing: 0px; }
	
	table.storytemplate { border: 0px none; width: 100%;  background-color: transparent;  }
	td.storytitlefield { background-color: #800000; width: 100%; padding: 4px 4px 4px 4px;  color: #EEEEEE;     }
	td.storytextfield { background-color: transparent; width: 100%; padding: 0px 10px 0px 0px; }
	td.storyimagefield { background-color: transparent; background-image: url(../files/back3.gif); width: auto; padding: 4px 4px 4px 4px; text-align: center;  border: 1px solid #800000;  }
	td.storydatefield { background-color: #800000; width: 100%; padding: 4px 4px 4px 4px;  color: #EEEEEE;  text-align: right;  }
	td.storybackfield { background-color: transparent; width: 100%; padding: 0px 0px 0px 0px; text-align: center; }
	.Tabellenkopf { color: #EEEEEE; font-size: 10pt; text-align: left; vertical-align: top; font-weight: bold; background-color: #800000; }
	.Tabellenkopf2 { color: #800000; font-size: 10pt; text-align: left; vertical-align: top; font-weight: bold; background-color: #FF9999; }

