<!--

 /* 14.02.2009 15: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 {
  margin: 0px;
  padding: 0px;
 	font-family: verdana, arial, helvetica, geneva, sans-serif;
 	font-size: 10pt;
 	line-height: 1.3em;
  text-align: left;
  }

 html {
  height: 100%;
  }
 
 body { 
 	width: 100%;
 	height: 100%;
 	border: none;
 	color: #000000; 
 	background: #EED7AC url(/mgkaffee/bilder/webdesign/homepage01b.jpg) repeat left top;
 	text-align: center;
  }
  
 td {
  width: auto;
  vertical-align: top;
  }
  
 h1,
 h2,
 h3 {
  font-weight: bold;
  }
  
 textarea {
  width: 100%;
  }
  
 ul {
  margin: 0 0 0 25px; 
  list-style-type: square;
  }
 
 li {
  margin: 7px 0 0 0;
  }
 
 img {
  border: none;
  }
  
 hr {
  height: 1px;
  color: #666666;
  }
  
 
 /*******************************************************************/
 /* acFormular                                                      */
 /*******************************************************************/
 
 .acformular table {
  width: 100%;
  }

 .acformular * {
  font-size: 8pt;
  }  

 .acformular .td1, 
 .acformular .td2,
 .acformular .td3 {
  width: 85px;
  height: auto;
  margin: 0px;
  padding: 3px 0 0 0;
  text-align: left;
  vertical-align: top;
  }
 
 .acformular .td2,
 .acformular .td3 {
  width: auto;
  }
 
 .acformular input,
 .acformular select {
  margin: 0px;
  padding: 0px;
  }

 .acformular .td2 input {
  width: 98%;
  }
 
 .acformular .td2 textarea {
  width: 98%;
  height: 50px;
  }
 
 
 /*******************************************************************/
 /* Fuss                                                            */
 /*******************************************************************/
 
 #fuss {
  position: relative;
  top: 180px;
  left: 30px;
  width: 580px;
  color: #996633;
  }  
 
 #fuss a,
 #fuss a:active,
 #fuss a:link,
 #fuss a:visited,
 #fuss a:hover {
  color: #996633;
  text-decoration: underline;
  }  
 
 #fuss a:hover {
  color: #CC9933;
  }
 

 /*******************************************************************/
 /* Kurz-Info                                                       */
 /*******************************************************************/
 
 #kurzinfo {
  position: relative;
  top: 75px;
  left: 430px;
  width: 145px;
  height: 130px;
  overflow: hidden;
  }
   
 #kurzinfo ul {
  margin: 0 0 0 5px;
  list-style-type: none;
  }
  
 #kurzinfo ul li {
  margin: 7px 0 0 0;
  padding: 0 0 0 12px;
  font-size: 84%;
  font-weight: normal;
  background: url(/mgkaffee/bilder/webdesign/linkzeichen.gif) no-repeat 0px 3px;
  }
  
   
 /*******************************************************************/
 /* Links                                                           */
 /*******************************************************************/
 
 h1 a:active,
 h1 a:link,
 h1 a:visited,
 h1 a:hover,
 a:active,
 a:link,
 a:visited,
 a:hover {
  margin: 0px;
  padding: 0px;
  text-decoration: underline;
  color: #663300;
  }
 
 h1 a:hover,
 a:hover {
  color: #CC9933;
  }
 
 
 /*******************************************************************/
 /* Navigation                                                      */
 /*******************************************************************/
 
 #navigation {
  position: relative;
  top: 65px;
  left: 50px;
  width: 105px;
  height: 110px;
  overflow: hidden;
  }
   
 #navigation ul {
  margin: 0 0 0 5px; 
  list-style-type: none;
  }
 
 #navigation ul li {
  margin: 10px 0 0 0;
  }
  
 #navigation a,
 #navigation a:active,
 #navigation a:link,
 #navigation a:visited,
 #navigation a:hover {
  margin: 0px;
  padding: 0 0 0 18px;
  text-decoration: none;
  font-weight: bold;
  font-style: italic;
  color: #663300;
  background: url(/mgkaffee/bilder/webdesign/linkzeichen2.gif) no-repeat 0px 4px;
  }
 
 #navigation a.aktiv,
 #navigation a:active.aktiv,
 #navigation a:link.aktiv,
 #navigation a:visited.aktiv,
 #navigation a:hover {
  color: #CC9933;
  background: url(/mgkaffee/bilder/webdesign/linkzeichen3.gif) no-repeat 0px 4px;
  }
 

 /*******************************************************************/
 /* Sonstiges                                                       */
 /*******************************************************************/
 
 #inhalt {
  position: relative;
  top: 100px;
  left: 70px;
  width: 500px;
  height: 275px;
  overflow: hidden;
  }
   
 .meldung {
  width: 100%;
  height: 20px;
  margin: 0 0 10px 0;
  line-height: 20px;
  text-align: center;
  vertical-align: middle;
  background-color: #FF0000;
  color: #FFFFFF;
  font-size: 8pt;
  font-weight: bold;
  }
  
 #rahmen {
  width: 640px;
  height: 770px;
  margin: 0 auto 0 auto;
  padding: 50px 0 0 0;
  background: url(/mgkaffee/bilder/webdesign/homepage.jpg) no-repeat 0px 50px;
  text-align: left;
  }
 
 
 /* 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;
  }
 

 /*******************************************************************/
 /* SPAMCode                                                        */
 /*******************************************************************/
 
 .spamcode {
  font-size: 1.3em;
  font-weight: bold;
  color: #333333;
  }

 .spamcode_a,
 .spamcode_b,
 .spamcode_c,
 .spamcode_d {
  font-size: 0px;
  color: #EDD8AF;
  }
    
-->