<!--

 /* 01.04.2009 18:25 (c) ati Technische Systeme und Dienstleistungen, www.ati-online.de */

 /*******************************************************************/
 /* Standard                                                        */
 /*******************************************************************/
 
 body,
 input, 
 select,
 textarea,
 table,
 td,
 p,
 h1,
 h2,
 h3,
 form,
 li,
 ul {
 	font-family: verdana, arial, helvetica, geneva, sans-serif;
 	font-size: 10pt;
 	line-height: 1.3em;
  text-align: left;
  margin: 0px;
  padding: 0px;
  }

 html,
 body { 
 	width: 100%;
 	border: none;
 	color: #000000; 
  background-color: #999999;
  }
  
 td {
  width: auto;
  vertical-align: top;
  }
  
 h1,
 h2,
 h3 {
  font-weight: bold;
  }
  
 textarea {
  width: 100%;
  }
  
 ul,
 li {
  list-style-type: none;
  }
 
 img {
  border: none;
  }
  
 hr {
  height: 1px;
  color: #666666;
  }
  
 
 /*******************************************************************/
 /* acFormular                                                      */
 /*******************************************************************/
 
 .acformular table {
  width: 100%;
  }

 .acformular .td1, 
 .acformular .td2,
 .acformular .td3,
 .acformular .td4 {
  width: 110px;
  margin: 0px;
  padding: 5px 0 0 0;
  text-align: left;
  vertical-align: top;
  }
 
 .acformular .td2,
 .acformular .td3,
 .acformular .td4 {
  width: auto;
  }
 
 .acformular .bewertung {
  font-size: 8pt;
  }
 
 .acformular input,
 .acformular select {
  margin: 0px;
  padding: 0px;
  }

 .acformular .td2 input {
  width: 100%;
  }
 

 /*******************************************************************/
 /* acFormular                                                      */
 /*******************************************************************/
 
 div.acformular,
 form.acformular {
  width: auto;
  padding: 8px;
  border: 1px solid #DDDDDD;
  background-color: #F4F4F4;
  }


 /*******************************************************************/
 /* Baumstruktur                                                    */
 /*******************************************************************/
 
 .baumstruktur {
  margin: 0px;
  padding: 0px;
  }


 /*******************************************************************/
 /* Inhalt-Boxen                                                    */
 /*******************************************************************/
 
 /* Nebeneinander platzierte Boxen - Nummern untereinander, Buchstaben nebeneinander */
 /* Beispiel: box1b ist neben box1a und unter oder über box2a und box2b */
 
 .box1a,
 .box1b,
 .box1c,
 .box1d,

 .box2a,
 .box2b,
 .box2c,
 .box2d {
  float: left;
  width: 200px;
  }
  

 /*******************************************************************/
 /* Rahmen                                                          */
 /*******************************************************************/
 
 #rahmenoben {
  width: 820px;
  height: auto;
  margin: 30px auto 0px auto;
  padding: 10px 0 0 0;
  /*background: url(/demo6/bilder/webdesign/hintergrundblau.gif) left top no-repeat;*/
  background-color: #FFFFFF;
  }

 #rahmenmitte {
  width: 820px;
  height: auto;
  margin: 0px auto 0px auto;
  text-align: left;
  vertical-align: top;
  /*background: url(/demo6/bilder/webdesign/hintergrundblau.gif) 0px -20px repeat-y;*/
  background-color: #FFFFFF;
  }

 #rahmenunten {
  width: 820px;
  height: auto;
  margin: 0px auto 20px auto;
  padding: 0px;
  text-align: center;
  vertical-align: middle;
  /*background: url(/demo6/bilder/webdesign/hintergrundblau.gif) left bottom no-repeat;*/
  background-color: #FFFFFF;
  }


 /*******************************************************************/
 /* Fuss                                                            */
 /*******************************************************************/
 
 #fuss {
  width: 800px;
  height: 40px;
  margin: 0px auto 0px auto;
  text-align: center;
  vertical-align: middle;
  color: #666666;
  }


 /*******************************************************************/
 /* Kopf                                                            */
 /*******************************************************************/
 
 #kopf1 {
  width: 800px;
  height: 80px;
  margin: 0px auto 0px auto;
  background-color: #EEEEEE;
  }

 #kopf2 {
  width: 800px;
  height: 200px;
  margin: 5px auto 0px auto;
  background-color: #EEEEEE;
  }


 /*******************************************************************/
 /* Inhalt                                                          */
 /*******************************************************************/
 
 #inhalt {
  width: 800px;
  height: auto;
  margin: 0px auto 0px auto;
  padding: 10px 0 20px 0;
  text-align: left;
  vertical-align: top;
  }


 /*******************************************************************/
 /* Links                                                           */
 /*******************************************************************/
 
 h1 a:link,
 h1 a:visited,
 h1 a:hover,
 a:link,
 a:visited,
 a:hover {
  margin: 0px;
  padding: 0px;
  text-decoration: none;
  color: #003399;
  }
 
 h1 a:hover,
 a:hover {
  color: #CC0000;
  }
 
 
 a.textlink,
 a.textlink:link,
 a.textlink:visited,
 a.textlink:hover,
 a.textlinkaktiv,
 a.textlinkaktiv:link,
 a.textlinkaktiv:visited,
 a.textlinkaktiv:hover {
  background: url('/demo6/bilder/webdesign/linkzeichen.gif') -7px 3px no-repeat;
  padding-left: 6px;
  }
  
 a.textlink:hover,
 a.textlinkaktiv:hover {
  background: url('/demo6/bilder/webdesign/linkzeichen.gif') -7px -197px no-repeat;
  text-decoration: underline;
  }
  
 a.textlinkaktiv,
 a.textlinkaktiv:link,
 a.textlinkaktiv:visited,
 a.textlinkaktiv:hover {
  font-weight: bold;
  }
  
  
 /*******************************************************************/
 /* Meldungen                                                       */
 /*******************************************************************/
 
 .meldung {
  width: 100%;
  height: 30px;
  margin: 0 0 10px 0;
  line-height: 30px;
  text-align: center;
  vertical-align: middle;
  background-color: #FF0000;
  color: #FFFFFF;
  font-weight: bold;
  }
  

 /*******************************************************************/
 /* Navigation                                                      */
 /*******************************************************************/
 
 #navigation {
  width: 800px;
  height: auto;
  margin: 5px auto 0px auto;
  }

 #navigation ul {
  width: 800px;
  height: 36px;
  margin: 0px auto 0px auto;
  background-color: #EEEEEE;
  color: #333333;
  }
  
 #navigation ul li {
  float: left;
  width: auto;
  text-align: center;
  }
  
 #navigation ul li * {
  margin: 5px 0 0 0;
  line-height: 26px;
  vertical-align: middle;
  font-size: 11pt;
  font-weight: bold;
  color: #006699;
  }
  
 #navigation ul li.ebene1aktiv a,
 #navigation ul li.ebene1inaktiv a,
 #navigation ul li.ebene1aktivende a,
 #navigation ul li.ebene1inaktivende a {
  display: block;
  padding: 0 20px 0 20px;
  border-right: 1px solid #DDDDDD;
  }
  
 #navigation ul li.ebene1aktivende a,
 #navigation ul li.ebene1inaktivende a {
  padding: 0 0 0 13px;
  border: none;
  }
  
 #navigation ul li.ebene1aktiv a,
 #navigation ul li.ebene1aktivende a {
  color: #666666;
  }
  
 #navigation ul li.ebene1aktiv  a:hover,
 #navigation ul li.ebene1inaktiv a:hover,
 #navigation ul li.ebene1aktivende  a:hover,
 #navigation ul li.ebene1inaktivende a:hover {
  color: #666666;
  text-decoration: underline;
  }
  
 #navigation ul li.druckansicht a {
  margin: 0 0 0 260px;
  line-height: 36px;
  vertical-align: middle;
  font-size: 8pt;
  font-weight: normal;
  color: #EEEEEE;
  }
  
 #navigation ul li.druckansicht a:hover {
  color: #CCCCCC;
  }
  
  
 /*******************************************************************/
 /* SPAMCode                                                        */
 /*******************************************************************/
 
 .spamcode {
  font-size: 2.0em;
  font-weight: bold;
  letter-spacing: -1pt;
  color: #BBBBBB;
  }

 .spamcode_a,
 .spamcode_b,
 .spamcode_c,
 .spamcode_d {
  font-size: 1pt;
  color: #FFFFFF;
  }
    

 /*******************************************************************/
 /* Sonstiges                                                       */
 /*******************************************************************/
 
 /* Löschen von "float"
    FF hat Probleme mit <div style="clear:both;"></div>
    <div style="clear:both;">&nbsp;</div> verursacht zu viel Abstand */
 .floatclear {
  width: 0px;
  height: 0px;
  margin: 0px;
  padding: 0px;
  line-height: 0px;
  font-size: 0px;
  clear: both;
  }
 
-->