
 /* 29.01.2010 17:12 (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: arial, verdana, helvetica, geneva, sans-serif;
 	font-size: 12px;
 	line-height: 1.3em;
  text-align: left;
  margin: 0px;
  padding: 0px;
  }

 html,
 body { 
 	width: 100%;
 	height: 100%;
 	text-align: center;
 	border: none;
 	color: #000000; 
  background-color: #FFFFFF;
  }
  
 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 {
  width: 110px;
  height: 2.0em;
  margin: 0px;
  padding: 5px 0 0 0;
  text-align: left;
  vertical-align: top;
  }
 
 .acformular .td2,
 .acformular .td3 {
  width: auto;
  }
 
 .acformular .bewertung {
  font-size: 8pt;
  }
 
 .acformular input,
 .acformular select {
  margin: 0px;
  padding: 0px;
  }

 .acformular .td2 input {
  width: 100%;
  }
 
 div.acformular,
 form.acformular {
  width: auto;
  padding: 10px;
  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;
  }
  

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

 #fuss ul {
  height: 30px;
  padding: 0px 0 0px 45px;
  }
 
 #fuss ul li {
  float: left;
  padding: 0 7px 0 7px;
  border-right: 1px solid #80C7EE;
  }

 #fuss ul li.element1 {
  padding: 0 7px 0 0;
  }
  
 #fuss ul li.ende {
  padding: 0 0 0 7px;
  border: none;
  }
  
 #fuss ul li * {
  margin: 0px;
  vertical-align: middle;
  font-size: 10px;
  font-weight: normal;
  text-transform: uppercase;
  }
  
 #fuss ul li a.aktiv {
  color: #666666;
  }
  
  
 /*******************************************************************/
 /* Kontakt                                                         */
 /*******************************************************************/
 
 .kontakt form.acformular {
  width: 500px;
  }


 /*******************************************************************/
 /* Kopf                                                            */
 /*******************************************************************/
 
 #kopf {
  position: relative;
  height: 230px;
  margin: 0px;
  }


 /*******************************************************************/
 /* Inhalt                                                          */
 /*******************************************************************/
 
 #inhalt {
  float: left;
  display: inline;
  width: 720px;
  height: auto;
  margin: 0px;
  padding: 0 0 40px 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: #80C7EE;
  }
 
 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: 40px;
  margin: 5px 0 10px 0;
  line-height: 40px;
  text-align: center;
  vertical-align: middle;
  background-color: #FF0000;
  color: #FFFFFF;
  font-weight: bold;
  }
  
                              
 .meldung2 {
  height: 40px;
  margin: 5px 0 10px 0;
  line-height: 40px;
  text-align: center;
  vertical-align: middle;
  background-color: #0000FF;
  color: #FFFFFF;
  font-weight: bold;
  }
  

 /*******************************************************************/
 /* Navigation                                                      */
 /*******************************************************************/
 
 #navigation {
  float: left;
  display: inline;
  width: 250px;
  height: auto;
  margin: 0 0 0 45px;
  padding: 0px;
  }


 #navigation ul {
  }
  
 #navigation ul li {
  }
  
 #navigation ul li * {
  margin: 0px;
  line-height: 22px;
  vertical-align: middle;
  font-size: 13px;
  font-weight: bold;
  text-transform: uppercase;
  }
  
 #navigation ul li.ebene1 a {
  display: block;
  }
  
 #navigation ul li.ebene1.aktiv a {
  color: #666666;
  }
  
 #navigation ul li.ebene1 a:hover {
  color: #666666;
  }


 #navigation ul li.ebene1.element9 {
  margin: 20px 0 20px 0;
  }
  
 #navigation ul li.ebene1.element9 a {
  font-size: 16px;
  color: #000066;
  }
  
 #navigation ul li.ebene1.element9.aktiv a {
  color: #666666;
  }
  

 /*******************************************************************/
 /* Rahmen                                                          */
 /*******************************************************************/
 
 * html #rahmen {
  height: 100%;
  } 

 #rahmen {
  width: 1024px;
  min-height: 100%;
  margin: 0px auto 0px auto;
  padding: 0px;
  text-align: left;
  }


 /*******************************************************************/
 /* 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;
  }
    

 /*******************************************************************/
 /* Sprachen-Umschaltung                                            */
 /*******************************************************************/
 
 #sprachwahl49,
 #sprachwahl44,
 #sprachwahl34 {
  position: absolute;
  left: 920px;
  top: 100px;
  width: 80px;
  height: 18px;
  }
  
 #sprachwahl34 {
  top: 119px;
  }
  
 #sprachwahl44 {
  top: 139px;
  }

 #sprachwahl49 a,
 #sprachwahl44 a,
 #sprachwahl34 a {
  display: block;
  font-weight: normal;
  color: #FFFFFF;
  text-transform: uppercase;
  }
  
 #sprachwahl49 a.aktiv,
 #sprachwahl44 a.aktiv,
 #sprachwahl34 a.aktiv {
  font-weight: bold;
  color: #124D7E;
  }
  
 
 /*******************************************************************/
 /* 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;
  }
 
