body {
  font-family: Arial, Helvetica, sans-serif;
  margin:0;
  padding:0;
}


h1, h2, h3, h4, h5, h6, p, dl,dd,dt,form {
  font-family:Arial, Helvetica, sans-serif;
  margin:0;
  padding:0;
}


html, body {
 height: 100%;
 margin: 0;
 padding: 0;
 background-color: #ffffff;
}


hr {
  color:#777777;
  background-color:#777777;
  height:2px;
  /*
  margin-left:-20px;
  margin-right:-20px;
  */
  border: none;
}


#header {
  position: fixed;
  z-index:100;
  border-bottom: 2px solid #777777;
  width:  100%;
  height: 70px;
  background-color: #ffffff;
}

#header h1 {
  margin-top:15px;
  margin-left:50px;
  margin-right:50px;
  font-size: 1.4em;
  text-align:left;
}

#header h1 a:visited, #header h1 a {
  color: #000000;
  background: transparent;
  text-decoration: none;
}

#header h1 a:hover, #header h1 a:active {
  color: #000000;
  background: transparent;
  text-decoration: underline;
}


#content {
  position: relative;
  top: 110px;
  margin:  0px;
  padding: 10px;
  padding-left: 50px;
  padding-right: 50px;
  background-color: #ffffff;
  padding-bottom:20px;
}
/* fuer IE <= 6.0 */
* html #content {
  position: relative;
  top: 10px;
  margin:  0px;
  padding: 10px;
  padding-left: 50px;
  padding-right: 50px;
  background-color: #ffffff;
  padding-bottom:20px;
}




.floatfix { display:table; }
/* fuer IE <= 6.0 */
* html .floatfix {
  zoom:100%;
}




/* fussbereich */
#footer {
  position:fixed;
  bottom: 0px;
  text-align:center;
  padding: 1px;
  font-size: smaller;
  width: 100%;
  white-space:nowrap;
  background-color: #FFFFFF;
}
/* fuer IE <= 6.0 */
* html #footer {
  position:relative;
  bottom: 0px;
  text-align:center;
  padding: 1px;
  font-size: smaller;
  width: 100%;
  white-space:nowrap;
  background-color: #FFFFFF;
}


/* bild im fussbereich */
#footer img {
  border-style: none;
}


/* bild */
#content .rechts {
  float:right;
  margin-left: 20px;
  margin-bottom: 20px;
  /*margin-top: 20px;*/
  border:0px solid;
  position:relative;
}


#content .links {
  float:left;
  margin-right: 20px;
  margin-bottom: 20px;
  /*margin-top: 20px;*/
  border:0px solid;
  position:relative;
}




/* bild */
#back .rechts {
  float:right;
  margin-left: 0px;
  margin-bottom: 0px;
  /*margin-top: 20px;*/
  border:0px solid;
  position:relative;
}


#back .links {
  float:left;
  margin-right: 0px;
  margin-bottom: 0px;
  /*margin-top: 20px;*/
  border:0px solid;
  position:relative;
}




/* bild */
#hoch .rechts {
  float:right;
  margin-left: 0px;
  margin-bottom: 0px;
  /*margin-top: 20px;*/
  border:0px solid;
  position:relative;
}


#hoch .links {
  float:left;
  margin-right: 0px;
  margin-bottom: 0px;
  /*margin-top: 20px;*/
  border:0px solid;
  position:relative;
}




/* links */
#footer a:link {
  color: #000000;
  background: transparent;
  text-decoration: none;
}


/* bereits besuchte links */
#footer a:visited {
  color: #000000;
  background: transparent;
  text-decoration: none;
}


/*  links während der Anwender mit der Maus darüber fährt */
#footer a:hover {
  float: none;
  color: #000000;
  background: transparent;
  text-decoration: underline;
}


/* gerade aktivierte links */
#footer a:active {
  color: #000000;
  background: transparent;
  text-decoration: underline;
}



/* ueberschrift 1 im Inhaltsbereich */
#content h1{
  font-size: 145%;
  margin-top: 10px;
  margin-bottom: 20px;
  font-weight: bold;
}


/* ueberschrift 2 im Inhaltsbereich */
#content h2{
  font-size: 115%;
  color: #000000;
  margin-top: 30px;
  margin-bottom: 5px;
  /*font-weight: bold;*/
}



#content h2 a, #content h3 a, #content h4 a {
 display:none;
}
#content h2 a[name], #content h3 a[name], #content h4 a[name] {
 display:block;
 width:0;
 height:0;
 position:relative;
 top:-85px; /* Dieser Wert kann variieren. */
 visibility:hidden;
}


#content h3{
  font-size: 107%;
  margin-top: 20px;
  margin-bottom: 5px;
}


/* ueberschrift 4 im Inhaltsbereich */
#content h4{
  font-size: 107%;
  margin-top: 20px;
  margin-bottom: 5px;
  /*background-color: #CBE7EF;*/
  padding: 1px;
}


/* ueberschrift 5 im Inhaltsbereich */
#content h5{
  font-size: 107%;
  margin-top: 20px;
  margin-bottom: 5px;
  background-color: #F5DCC9;
  padding: 1px;
}


/* Absatz im Inhaltsbereich */
#content p{
  padding-top:5px;
  padding-bottom: 5px;
  text-align:justify;
}

#content li {
  margin-bottom:5px;
}


/* links */
#content a:link {
  color: #006699;
  background: transparent;
  text-decoration: none;
}


/* bereits besuchte links */
#content a:visited {
  color: #003399;
  background: transparent;
  text-decoration: none;
}


/*  links während der Anwender mit der Maus darüber fährt */
#content a:hover {
  float: none;
  color: #003399;
 /* background: #EFEFEF; */
  text-decoration: underline;
}


/* gerade aktivierte links */
#content a:active {
  color: #006699;
  background: transparent;
  text-decoration: none;
}



/* Format fuer Zurueck und Schliessen - Links */
#back
{
  top:20px;
  bottom:20px;
  left:0px;
  font-size: 66%;
}

#back a, #back a:link, #back a:visited, #back a:active {
  color: #000000;
  font-weight: bold;
  background: transparent;
  text-decoration: none;
  padding-left: 0px;
  padding-right: 5px;
}

#back a:hover {
  color: #000000;
  font-weight: bold;
  background: transparent;
  text-decoration: underline;
  padding-left: 0px;
  padding-right: 5px;
}


/* eine graue fläche rechts für fotos */
#fotos
{
  position: relative;
  margin: 0 auto;

  padding-top:5px;
  padding-bottom:10px;
  padding-left:10px;
  padding-right:10px;
  width:800px;

  text-align: center;
  background-color:#f0f0f0;
}


#navilist{
  list-style-image:url(/img/next.gif);
  margin-left: 2px;
  padding-left:0px;
  line-height:1.3em;
  list-style-position:inside;
}


/* Hauptlinks in der Navigationsliste, bleiben schwarz*/
#navilist  li a:link,#navilist li a:visited, #navilist li a:active li a:hover {
  color:           #000000;
  background:      transparent;
  text-decoration: none;
}




#ankerlist{
  list-style-image:url(/img/unten.gif);
  margin-left: 2px;
  padding-left:0px;
  line-height:1.3em;
  list-style-position:inside;
}


/* Hauptlinks in der Navigationsliste, bleiben schwarz*/
#ankerlist  li a:link, #ankerlist li a:visited, #ankerlist li a:active li a:hover {
  color:           #000000;
  background:      transparent;
  text-decoration: none;
}






/* klasse "mailto", bei Download Links wird der doanload.gif eingefügt*/
#content a.mailto, #content a:visited.mailto, #content a:active.mailto {
  background: url(/img/email.gif) no-repeat transparent ;
  background-position:0px 4px;
  text-decoration: none;
  padding-left: 16px;
  padding-right: 2px;
}


/* klasse "mailto", bei Download Links wird der doanload.gif eingefügt*/
#content a:hover.mailto {
  background: url(/img/email.gif) no-repeat transparent ;
  background-position:0px 4px;
  text-decoration: underline;
  padding-left: 16px;
  padding-right: 2px;
}




/* klasse "download", bei Download Links wird der doanload.gif eingefügt*/
#content a.download, #content a:visited.download, #content a:active.download {
  background: url(/img/download.gif) no-repeat transparent ;
  background-position:0px 4px;
  text-decoration: none;
  /*color:           #555555;*/
  padding-left: 16px;
  padding-right: 2px;
}
/* klasse "download", bei Download Links wird der doanload.gif eingefügt*/
#content a:hover.download {
  background: url(/img/download.gif) no-repeat transparent ;
  background-position:0px 4px;
  text-decoration: underline;
  padding-left: 16px;
  padding-right: 2px;
}


/* Listen download */
ul.download{
  list-style-image:url(/img/download.gif);
  list-style-position:outside;
  margin-left: 10px;
  padding-left:10px;
}



/* klasse "download", bei Download Links wird der doanload.gif eingefügt*/
#content a.extern, #content a:visited.extern, #content a:active.extern {
  background: url(/img/linkexternicon_klein.gif) no-repeat transparent ;
  background-position:0px 4px;
  text-decoration: none;
  padding-left: 16px;
  padding-right: 2px;
}
/* klasse "download", bei Download Links wird der doanload.gif eingefügt*/
#content a:hover.extern {
  background: url(/img/linkexternicon_klein.gif) no-repeat transparent ;
  background-position:0px 4px;
  text-decoration: underline;
  padding-left: 16px;
  padding-right: 2px;
}






/* tabellenformatierung */
table.fine {
  font-family: Arial, Helvetica, sans-serif;
  color : #000000;
  border-color : #ffffff;
  background : #f0f0f0;
  border-collapse:collapse;
}


/* tabellenzelleformatierung - ueberschrift*/
table.fine th {
  font-family: Arial, Helvetica, sans-serif;
  color : #000000;
  border-color : #ffffff;
  border-style : solid;
  border-width : 1px;
  text-align: center;
  background-color : #CBE7EF;
  background-color:#a53792;
}


/* tabellenzelleformatierung - tabellenzelle*/
table.fine td {
  font-family: Arial, Helvetica, sans-serif;
  color : #000000;
  background : #f0f0f0;
  border-color : #ffffff;
  border-style : solid;
  border-width : 1px;
  padding : 6px;
  text-align:justify;
}


/* tabellenzelleformatierung - tabellenzelle*/
table.fine td.center {
  font-family: Arial, Helvetica, sans-serif;
  color : #000000;
  background : #f0f0f0;
  border-color : #ffffff;
  border-style : solid;
  border-width : 1px;
  padding : 4px;
  text-align:center;
}