/* Bockenheimer 2 Style Sheets */


/* color settings */
*                  { color:            #ffffe0;}
body               { background-color: #000000; }

.header-bock-mitgl,
td.header-bock     { color: #000000; }

a.top-menu:link,
a.top-menu:visited,
a.top-menu:active  { color:            #ffff00; }
a.top-menu:hover   { color:            #ff0000; }
table.main         { background-color: #000000;
                     color:            #b0b0b0; }
a.stueck:hover     { color:            #ffa0e0; }
.st-monat          { color:            #ff2080; }
.st-datum          { color:            #f0f0ff; }
.st-autor,
.st-titel          { color:            #ffff80; }
.st-ort            { color:            #bbbbbb; }

td.main-right      { color:            #ffffe0; }
.main-right-text   { color:            #ffffe0; }

a.ensemble,
td.ensemble        { color:            #000020; }
a.ensemble:hover   { color:            #2020a0; }

.bg-color-1,
.bg-color-2,
.bg-color-3,
.bg-color-4,
.bg-color-5,
.bg-color-6,
.bg-color-7,
.bg-color-8,
.bg-color-9,
.bg-color-10,
.bg-color-11,
.bg-color-12,
.bg-color-13,
.bg-color-14,
.bg-color-15,
.bg-color-16
{ background-color: #4B3383; height: 100%}

.bg-color-a
{ background-color: #444444; height: 100%}

/*************************/
/* other format settings */
/*************************/

*
{
  font-size:       12px;
  font-weight:     normal;
  font-family:     arial, sans-serif;
  font-style:      normal;

}

strong { font-weight: bold; }
em { font-style: italic; }

h1
{
  font-size:       20px;
  font-weight:     bold;
}

h2
{
  font-size:       18px;
  font-weight:     bold;
}

body
{
  padding:         0px;
  margin-top:      0px;
  margin-bottom:   0px;
  margin-left:     0px;
  margin-right:    0px;
  border-collapse: collapse;
}

table
{
  padding:         0px;
  margin:          0px;
  border-collapse: collapse;
}


/***************************************************
 ***  HEADER
 **************************************************/

table.header
{
  width:             100%;
  text-align:        center;

  background:        white;
/*  background-image:  url(../pic/hintergrund.jpg); */
}

td.header-bock
{
  font-family:       "century gothic", "sans-serif";
  font-size:         23pt;
  letter-spacing:    2.7pt;
  text-align:        right;
  vertical-align:    bottom;
}

.header-bock-mitgl
{
  font-family:       "century gothic", sans-serif;
  font-size:         12pt;
  letter-spacing:     0em;
}

/***************************************************
 ***  TOP-MENU
 **************************************************/

table.top-menu
{
  width:              100%;

  background-image:   url(../pic/menustreifen.jpg);
  background-repeat:  repeat-x;
}

.top-menu
{
  padding:            3px;
  font-weight:        bold;
}



/****************************************************
 *** MAIN space
 ***************************************************/

table.main
{
  width:              100%;
}


/****************************************************
 *** MAIN-LEFT
 ****************************************************/

td.main-left
{
/*  width:              100px; */

  vertical-align:     top;
  padding-top:        3px;
  padding-left:       3px;
  padding-bottom:     3px;
  padding-right:      0px;  /* touch right hand main information */
  margin:             0px;  /* touch right hand main information */
}

table.main-left {width: 250px; }

.li-spielplan
{
}

a.stueck:link    { text-decoration: none; }
a.stueck:visited { text-decoration: none; }
a.stueck:hover   { text-decoration: underline; }
a.stueck:active  { text-decoration: none; }

.st-monat   { font-size: 20px; }

.st-datum   { font-weight: bold;}

.st-autor   { }

.st-titel   { font-weight: bold;}

.st-ort     { font-weight: normal;}

.st-adresse,
.st-adresse * { font-size:   9px; }


table.main-left div.stueck   { padding: 3px;}
table.main-left div.st-monat { padding-left: 3px;}


table.main-left td.ensemble  { padding: 3px;
			      background-image: url(../pic/navbackground.jpg);
                               background-repeat: repeat;
                               font-weight: bold; }
a.ensemble { font-weight: bold;
             text-decoration: none; }
a.ensemble:hover { text-decoration: underline; }


.impressum
{
  font-size:        9px;
  padding:          3px;
}

.impressum a {padding: 0px; }


/****************************************************
 *** MAIN-RIGHT
 ****************************************************/

td.main-right
{
  width:             100%;

  vertical-align:     top;

  padding-top:        3px;
  padding-left:       0px;
  padding-bottom:     3px;
  padding-right:      3px;  /* touch right hand main information */
  margin:             0px;  /* touch right hand main information */
}

table.main-right-text { width: 100%; }

table.main-right-text td { padding: 12px; }

.main-right .filelist .head {
	font-size: 14px;
	color: #ffffff;
	font-weight: bold;
}

.main-right .filelist ul li a {
	text-decoration: none;
	display: block;
	width: 400px;
	padding: 4px 7px;
	border: 1px solid #222222;
}

.main-right .filelist ul li a:hover {
	background-color: #222222;
}

.main-right .filelist ul {
	margin-left: 24px;
	padding-left: 0px;
	margin-top: 18px;
}

.main-right .filelist ul li {
	list-style-type: none;
	margin-left: 0px;
	margin-bottom: 4px;
	
}

/****************************************************
 *** Forms
 ****************************************************/

input, .Button, textarea
{
  color: black;
  margin: 0px;
  
}

.main-right form {
	width: 400px;
	background-color: #222222;
	padding: 7px 7px;
	margin-left: 24px;
	margin-top: 32px;
}

.main-right form h3 {
	margin: 0 0 12px 0;
	padding: 0px;
	font-weight: bold;
	font-size: 14px;
	color: #CCCCCC;
}