/*******************************************************************************
 * Allgemein
 */

body
{
  background-color: #fff9ea;
  //background-color: #F7F7F7;
  color: #333333;
  font-family: Arial,Sans-Serif;
  font-size: 12px;
  margin: 0;
  padding: 0;
  height: 100%;
  overflow: hidden;
  text-align: center;
}

table, tr, td
{
  background-color: #FFFFFF;
  color: #333333;
  font-family: Arial,Sans-Serif;
  font-size: 12px;
  border: 0;
  padding: 0;
  border-collapse: collapse;
}

table.inner
{
  border: 0;
  padding: 0;
  border-collapse: collapse;
}

h1
{
  font-family: Arial,Sans-Serif;
  font-size: 20px;
  text-align: center;
}

h2
{
  font-family: Arial,Sans-Serif;
  font-size: 18px;
  text-align: center;
}

h3
{
  font-family: Arial,Sans-Serif;
  font-size: 17px;
}

h4
{
  font-family: Arial,Sans-Serif;
  font-size: 16px;
}

h5
{
  font-family: Arial,Sans-Serif;
  font-size: 15px;
}

img
{
  border: none;
}

img.left
{
  border: none;
  float: left;
  margin-right: 10px;
}

img.right
{
  border: none;
  float: right;
  margin-left: 10px;
}

img.framed
{
  border: 1px solid #333333;
}

img.ico
{
  border: none;
  height: 16px;
  width: 16px;
}

/*******************************************************************************
 * Navigation
 ******************************************************************************/

#navigation
{
  background-image: url(../imgs/tocs.jpg);
  background-repeat: repeat-y;
  font-family: Arial,Sans-Serif;
  position: absolute;
  top: 0;
  left: 0;
  width: 121px;
  height: 100%;
  z-index: 10;
  overflow: hidden;
}

/*******************************************************************************
 * Logo
 ******************************************************************************/

div#logo
{
  background-image: url(../imgs/logo.jpg);
  position: absolute;
  top: 0;
  left: 0;
  width: 121px;
  height: 100px;
  text-align: center;
  z-index: 1;
}

div#logo img
{
  position:relative;
  top: 1em;
}

/*******************************************************************************
 * Menue
 ******************************************************************************/

div#menu
{
  z-index: 10;
  position: relative;
  top: 55px;
  left: 15px;
  width: 121px;
  color: #333333;
}

div#menu ul
{
  float: left;
  margin: 5px 0;
  padding: 0;
}

div#menu li
{
  margin: 0;
  padding: 0;
  list-style-type: none;
  list-style-image: none;
  list-style-position: outside;
}

div#menu a
{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  text-decoration: none;
  padding-right: 0;
  padding-top: 3px;
  padding-bottom: 5px;
  padding-left: 5px;
  display: block;
}

div#menu a:hover
{
  color: #333333;
  background-color: #FFFFFF;
}

.button
{
  width: 105px;
  color: #E0E0E0;
  background-color: #990000;
  margin-top: 3px;
}

.button-break
{
  width: 105px;
  color: #E0E0E0;
  background-color: #990000;
  margin-top: 11px;
}

.button-pressed
{
  width: 105px;
  color: #E0E0E0;
  background-color: #600000;
  margin-top: 3px;                                                
}

.button-break-pressed
{
  width: 105px;
  color: #E0E0E0;
  background-color: #600000;
  margin-top: 11px;
}

.sbutton
{
  color: #E0E0E0;
  background-color: #990000;
  width: 105px;
  margin-top: 1px;
}

.sbutton-break
{
  color: #E0E0E0;
  background-color: #990000;
  width: 105px;
  margin-top: 11px;
}

.sbutton-pressed
{
  color: #E0E0E0;
  background-color: #600000;
  width: 105px;
  margin-top: 1px;
}

.sbutton-break-pressed
{
  color: #E0E0E0;
  background-color: #600000;
  width: 105px;
  margin-top: 11px;
}

/*******************************************************************************
 * Upper panel
 ******************************************************************************/

div#panel
{
  position: absolute;
  width: 96%;
  left: 121px;
  background-image: url(../imgs/top.jpg);
  z-index: 1;
  top: 0;
  height: 100px;
}

/*******************************************************************************
 * Content
 ******************************************************************************/
  
#scroll
{
  position: absolute;
  top: 65px;
  left: 125px;
  right: 10px;
  bottom: 20px;
  margin: 0 auto;
  background-color: #FFFFFF;
  border: 1px solid #333333;
  z-index: 1;
  overflow: auto;
  padding: 20px;
  max-width: 830px;
}

#content
{
  z-index: 2;
  background-color: #FFFFFF;
  color: #333333;
  overflow: hidden;
  text-align: justify;
  width: 100%;
  font-size: 12px;
}

#content a:link
{
  color: #990000;
}

#content a:visited
{
  color: #990000;
}

#content a:hover
{
  color: #333333;
  background-color: #E0E0E0;
}

#content a:active
{
  color: #333333;
  text-decoration: none;
  background-color: #E0E0E0;
}

#footer
{
  margin: 0;
  width: 100%;
  line-height: 16px;
  font-size: 9px;
  text-align: center;
}

#footer-center
{
  vertical-align: top;
}

#footer-left
{
  position:absolute;
  left:4%;
}

#footer-right
{
  position:absolute;
  right:5%;
}

#sitemap
{
  border: 1 solid #003366;
}

.left
{
  float: left;
  padding-right: 10px;
  padding-bottom: 10px;
}

.list-folder
{
  list-style-image: url(../imgs/folder.gif);
}

.list-page
{
  list-style-image: url(../imgs/page.gif);
}

.list
{
  vertical-align: top;
  padding-left: 2px;
  padding-top: 5px;
  padding-bottom: 5px;
}

.smallfont
{
  font-size: 9px;
}

.smallfont-center
{
  font-size: 9px;
  width:100%
  text-align: center;
  border:1 solid blue;
}

.text
{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  z-index: 0;
  background-color: #FFFFFF;
  color: #333333;
  margin: 1em;
  padding: 1em;
  text-align: justify;
}

.texthighlight
{
  background-color: #DDDDDD;
  color: #333333;
  padding: 10px;
}

.cell27
{
  text-align: justify;
  background-color: #DDDDDD;
  padding: 0;
  font-size: 12px;
  width: 27%;
}

.cell73
{
  text-align: justify;
  background-color: #DDDDDD;
  padding: 0;
  font-size: 12px;
  width: 73%;
}

.cell120
{
  text-align: right;
  vertical-align: middle;
  width: 120px;
  padding-bottom: 2px;
  padding-right: 2px;
}

.cell276
{
  text-align: left;
  vertical-align: middle;
  width: 276px;
  padding-bottom: 2px;
  padding-left: 2px;
}

.cell324
{
  text-align: center;
  vertical-align: middle;
  width: 324px; /* ' */
  padding-bottom: 2px;
}

.fullwidth
{
  width: 100%;
}

.table_doc
{
  color: #333333;
  background-color: #DDDDDD;
}

.line2
{
  line-height: 2em;
}

#column_left {
	text-align: left;
	width: 50%;
	float: left;
	}

#column_right {
	text-align: left;
	width: 50%;
	float: right;
	}
	
.clearboth {
	clear: both;
	}