/* ###################################################################

   Verwendete Farben

   HEX      RGB DEC      FARBE        VERWENDUNG
	
   #FFFFFF  255,255,255  Weiss        Hintergrund
   #66B4D0  102,180,208  Blau 1       Hauptrahmen
	#BEE0F0	190,224,240  Blau 2       Tabellenhintergründe
	#77BBD4	119,187,212  Blau 3       Tabellenhintergründe
	#000066	000,000,102  Blau 4       Seitentitel
	#FFE000  255,224,000  Gelb         Umrandungen und Balken
	#000000  000,000,000  Schwarz      Text
   #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.
	#
	################################################################### */

.testblock {
	background: url(../files/back3.gif);
	padding: 5px 5px 5px 5px;
	border: 1px solid #66B4D0:
}


  table.maincontent {
	width: 100%;
}
  table.top {
	width: 100%;
	text-align: center;
}
  table.main {
	margin: auto;
	text-align: left;
	width: 930px;
}
td.bar1 {
	background: url(../files/skyline2.jpg) no-repeat top left;
	padding: 0px 0px 0px 0px;
	width: 930px;
	height: 120px;
}
td.bar2 {
	background: url(../files/crimescene.gif) repeat-x top left;
	padding: 0px 0px 0px 0px;
	width: 930px;
	height: 10px;
	border-left: 1px solid #66B4D0;
	border-right: 1px solid #66B4D0
}
td.bar3 {
	background: url(../files/crimescene.gif) repeat-x top left;
	padding: 0px 0px 0px 0px;
	width: 930px;
	height: 10px;
	border-left: 1px solid #66B4D0;
	border-right: 1px solid #66B4D0
}
td.content {
	width: 729px;
	background: url(../files/back1.jpg) no-repeat bottom right;
	padding: 10px 10px 10px 10px;
	border-right: 1px solid #66B4D0;
}
td.menu {
	width: 174px !important;
	border-left: 1px solid #66B4D0;
	background: #77BBD4 url(../files/back2.gif) no-repeat top left;
	padding-top: 5px;
	padding-left: 0px !important;
	padding-right: 0px !important;
}
td.sysinfo {
	padding: 10px 0px 10px 0px;
	text-align: center;
	width: 930px;
}
.Seitentitel { font-size: 22px; font-weight: bold; text-align: right;  color: #000066;  }


/* ###################################################################
   # 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: #66B4D0; 
	scrollbar-3dlight-color: #000066; 
	scrollbar-darkshadow-color: #000066; 
	scrollbar-arrow-color: #000066;
	scrollbar-shadow-color: #66B4D0; 
	scrollbar-highlight-color: #66B4D0; 
	scrollbar-track-color: #BEE0F0; 
	scrollbar-base-color: #FFFFFF;
	overflow: auto;
}
body {
	background-color: #FFFFFF;
	font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 0px 0px 0px 0px;
	color: #000000;
	scrollbar-face-color: #66B4D0; 
	scrollbar-3dlight-color: #000066; 
	scrollbar-darkshadow-color: #000066; 
	scrollbar-arrow-color: #000066;
	scrollbar-shadow-color: #66B4D0; 
	scrollbar-highlight-color: #66B4D0; 
	scrollbar-track-color: #BEE0F0; 
	scrollbar-base-color: #FFFFFF;
	line-height: 150%;
}
hr {
	color: #FFE000;
}
td {
	color: #000000;
	font-size: 12px;
	text-align: left;
	vertical-align: top;
	line-height: 150%;
}
th {
	color: #000000;
	font-size: 12px;
	text-align: left;
	vertical-align: top;
	font-weight: bold;
	background-color: #66B4D0;
}
a         {font-weight: bold; text-decoration: none; color: #000066;}
a:link    {color: #000066;}
a:visited {color: #000066;}
a:focus   {color: #FF0000;}
a:hover   {color: #FF0000;}
a:active  {color: #FF0000;}

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 #000066;
	COLOR: #000000; 
	FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif; 
	BACKGROUND-COLOR: #77BBD4; 
	}
SELECT {
	border: 2px solid #000066;
	COLOR: #000000; 
	FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif; 
	BACKGROUND-COLOR: #77BBD4; 
}
INPUT.radio {
	border: 1px solid #000066;
	COLOR: #000000; 
	FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif; 
	BACKGROUND-COLOR: transparent;
}
INPUT.image {
	border: none;
	background-color: transparent;
}
TEXTAREA {
	border: 2px solid #000066;
	COLOR: #000000; 
	FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif; 
	BACKGROUND-COLOR: #77BBD4; 
}
sup {
	font-size: 8px;
}

	.Kein_Style { font-size: 10pt; font-weight: normal; text-align: left; letter-spacing: 0px; }
	
	.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; }

	table.storytemplate { border: 0px none; width: 100%;  background-color: transparent;  }
	td.storytitlefield { background-color: #000066; width: 100%; padding: 4px 4px 4px 4px;  color: #77BBD4;     }
	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 #000066;  }
	td.storydatefield { background-color: #000066; width: 100%; padding: 4px 4px 4px 4px;  color: #77BBD4;  text-align: right;  }
	td.storybackfield { background-color: transparent; width: 100%; padding: 0px 0px 0px 0px; text-align: center; }