body
{
  padding-top: 60px;
  padding-left: 40px;
  padding-bottom: 20px;
  padding-right: 20px;
  font-weight: normal;
  font-size: 14px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
}

span.applName
{
  color: #cc0033;
}

h1
{
  font-size: 30px;
  color: #cc0033;
  font-family: Verdana, Arial, Helvetica, sans-serif;
}
h2
{
  font-size: 20px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color: #cc0033;
}
h3
{
  font-size: 18px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  background: none;
  color: #cc0033;
}
h4
{
  font-size: 14px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  background: none;
  color: #cc0033;
}

input
{
  font-size: 14px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
}

table
{
  font-size: inherit;
  font-family: inherit;
}

div
{
  font-size: 14px;
  background-image: none;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  background-color: transparent;
}

form
{
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}

td
{
  vertical-align: top;
  text-align: left;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  font-weight: bold;
  font-size: 14px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
}

/*
  Fuer flache Buttons.
*/

input.flatButton
{
  border: inset 1px #333366;
  padding: 0px 0px 0px 0px;
  margin: 0px 5px 0px 5px;
  background: #dfdfdf;
  color: #333366;
}

input.cellSubmit
{
  width: 100%;
  border: none;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 5px;
  background: transparent;
  color: #333366;
  text-align: left;
}

a
{
  background: none;
  color: #990033;
  text-decoration: none;
}
a:visited
{
  text-decoration: none;
  background: none;
  color: inherit;
}
a:hover
{
  text-decoration: underline;
  background: none;
  color: inherit;
}

/* 
  Fuer Links, die wie ein Button aussehen sollen
*/
A.button
{
  margin: 0px 0px 0px 0px;
  padding: 0px 5px 0px 5px;
  border: solid 1px #000066;
  background: #dfdfdf;
  color: #333366;
}


/* 
  Umgebung fuer den framefreien vorspann
*/
div.prelude
{
  width: 60%;
}

/* 
  Umgebung fuer den Inhalt des rechten Frames
*/
body.content
{
  padding-right: 0px;
  padding-left: 0px;
  background: url(../images/background.gif) fixed repeat-x left top;
  padding-bottom: 0px;
  margin: 40px 20px 20px;
  width: 900px;
  color: #000000;
  padding-top: 0px;
  height: 100%;
}

body.dimmed
{
  border-right: medium none;
  padding-right: 0px;
  border-top: medium none;
  padding-left: 0px;
  background: url(../images/letters-dimmed.gif) fixed repeat-x left top;
  padding-bottom: 0px;
  margin: 15px;
  border-left: medium none;
  width: 900px;
  color: #000000;
  padding-top: 0px;
  border-bottom: medium none;
  height: 100%;
}

div.content
{
  height: 100%;
  width: 900px;
}

/* 
  Umgebung fuer Fragen/Mitteilungen im content-Frame.
*/
div.contentDialog
{
  width: 60%;
}

/* 
  Umgebung fuer Bemerkungen und Ratschlaege
*/
div.userinfo
{
  margin-top: 5px;
  padding-left: 5px;
  margin-bottom: 5px;
  padding-bottom: 5px;
  margin-left: 5px;
  border-left: #cccccc 1px solid;
  padding-top: 5px;
  text-align: left;
}

form.userinfo
{
  margin-top: 5px;
  padding-left: 5px;
  margin-bottom: 5px;
  padding-bottom: 5px;
  margin-left: 5px;
  border-left: #cccccc 1px solid;
  padding-top: 5px;
  text-align: left;
}

input.userinfo
{
  margin-top: 0px 0px 0px 0px;
  padding-left: 0px 0px 0px 0px;
  background: transparent;
  border: rgb(69,90,107) 1px solid;
  color: #000099;
  text-align: center;
  vertical-align: middle;
}

/* 
  Eingebettete Dialoge
*/

table.window
{
  position:absolute;
  top:14px;
  left:14px;
  color: #000000;
  background: #f0f0f0;
  empty-cells:show;
  border:3px outset;
}

th.windowHeader
{
  padding: 5px 5px 5px 5px;
  background: #cc0033;
  height: 22px;
  margin: 0px;
  cursor: move;
  color: white;
  font-size: 22px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  text-align:left;
}

/* 
  Für den Fließtext in Dialogen
*/
td.windowLeft
{
  padding: 0px 0px 0px 5px;
  width: 0px;
  background: inherit;
}

td.windowRight
{
  padding: 0px 5px 0px 0px;
  width: 0px;
  background: inherit;
}

td.windowBottom
{
  padding: 5px 0px 5px 0px;
  height: 5px;
  background: inherit;
}

td.windowBottomLeft
{
  padding: 5px 5px 0px 0px;
  height: 0px;
  background: inherit;
}

td.windowBottomRight
{
  padding: 5px 5px 0px 0px;
  width: 0px;
  height: 0px;
  background: inherit;
}

td.windowContent
{
  background: inherit;
  padding: 5px;
}

/* 
  Umgebung fuer Kontrollen zur Dialogsteuerung: Abrechen, Weiter usw...
*/
div.dialogcontrols
{
  margin-top:20px;
  margin-bottom:20px;
  width: 100%;
  text-align: right;
}

li.window
{
  padding: 3px 10px 3px 10px;
}

/* 
  Tabelle für ein Formular mit Legenden und Inputs
*/
table.maskTable
{
  border: none;
  padding: 10px 10px 10px 10px;
}

/* 
  Sollen links neben den Buttons noch texte erscheinen, kann diese Table genutzt werden.
*/
table.dialogcontrols
{
  padding: 0px 0px 0px 0px;
  margin: 10px 0px 10px 0px;
  width: 100%;
  border: none;
}
td.dialogcontrols
{
  margin-top: 20px;
  text-align: right;
}

input.modalInput
{
  margin-left: 10px;
  padding-left: 5px;
  padding-right: 5px;
}

button.modalInput
{
  margin-left: 20px;
}

/* 
  Umgebung fuer erklaerende Texte
*/
div.userInfo
{
  margin: 10px 0px 5px 0px;
  text-align: left;
  border: none;
  color: #333388;
}

/* 
  Umgebung fuer tabellarische Auflistungen von Ideen, Themen, Instanzen usw.
*/
body.tableList
{
  height: 100%;
  border: solid 1px #aaaaaa;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
  color: inherit;
  background: #f9f9f9;
}

table.tableList
{
  table-layout: fixed;
  border-collapse: collapse;
  empty-cells: show;
}

table.tableListHdr
{
  font-size:12px;
  table-layout: fixed;
  border-collapse: collapse;
  empty-cells: show;
  border: solid 1px #aaaaaa;
}

th.tableList
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	border-left: solid 1px #ccccff;
	border-right: solid 1px #ccccff;
	padding: 1px 2px 1px 2px;
	vertical-align: middle;
	text-align: left;
	background: #cccccc;
	filter: Alpha(opacity=50, finishopacity=100, style=1, startx=0, starty=0, finishx=0, finishy=30) Alpha(opacity=100, finishopacity=50, style=1, startx=0, starty=70, finishx=0, finishy=100);
	font-size: 14px;
}

td.tableList
{
  font-size:14px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  border-right: solid 1px #ccccff;
  border-right: solid 1px #ccccff;
  border-bottom: solid 1px #ccccff;
  padding: 1px 2px 1px 2px;
  vertical-align: top;
  text-align: left;
  font-weight: normal;
}

td.tableListMarker
{
  font-size:12px;
  border-right: solid 1px #ccccff;
  border-right: solid 1px #ccccff;
  border-bottom: solid 1px #ccccff;
  padding: 0px 0px 0px 0px;
  vertical-align: middle;
  text-align: center;
  background: #cccccc;
  filter: Alpha(opacity=50, finishopacity=100, style=1, startx=0, starty=0, finishx=0, finishy=30) 
          Alpha(opacity=100, finishopacity=50, style=1, startx=0, starty=70, finishx=0, finishy=100);
  font-weight: normal;
}

tr.tableListEven
{
  background: #f4f4ff;
  color: inherit;
}

tr.tableListEvenHighlight
{
  background: #dddddd;
  color: inherit;
}

tr.tableListOdd
{
  background: #f4f4f4;
  color: inherit;
}

tr.tableListOddHighlight
{
  background: #dddddd;
  color: inherit;
}

div.tableListWarning
{
  font-size:12px;
  font-weight: normal;
  color: #cc0033;
}

/* 
  Umgebung fuer Auflistungen von Addons
*/
img.addonListType
{
  margin-right: 10px;
}
input.addonDelete
{
  border: inset 1px #333366;
  padding: 0px 0px 0px 0px;
  margin: 0px 5px 0px 5px;
  background: #dfdfdf;
  color: #663333;
  font-size: 8px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
}

/* 
  Umgebung fuer die Statusübersichten
*/
table.stateheader
{
  width:100%;
}
td.stateheaderleft
{
  width:100%;
  text-align:left;
}
td.stateheaderright
{
  width:1%;
  white-space:nowrap ;
  text-align:right;
}

table.stateTable 
{
  border-bottom: #aaaaaa 1px solid;
  margin-bottom:30px;
}
td.stateTable 
{
  border-top: #aaaaaa 1px solid;
  padding:10pX 5pX 10pX 5pX;
}
form.stateTable 
{
  margin:0px;
}

/*
Slideshows mit unsichtbaren Bloecken
*/

div.container
{
  display: none;
  visibility: hidden;
  overflow: hidden;
  width: 0px;
  height: 0px;
}