/*
  //----------------------------------------------------------------
  // <VERSIONSINFO>
  // Modul:             <MODUL>CSS-Datei für iforwilliams</MODUL>
  // Applikation:       <APP>iforwilliams.de</APP>
  // Installationspfad: <PATH>css/style.css</PATH>
  // Konfig-Datei:      <CONF></CONF>
  // Konfig-Pfad:       <CONF_PATH></CONF_PATH>
  // Templates:         <TEMPLATE></TEMPLATE>
  // Version:           <VERS>2.0</VERS>
  // letzte Änderung:   <CHANGEDAT>21.12.2009</CHANGEDAT>
  // Autor:             <AUTHOR>Klaus Hempen</AUTHOR>
  // </VERSIONSINFO>
  //----------------------------------------------------------------
*/

body
 {
  font-family: Verdana, Geneva, Arial;
  font-size: 11px;
  color: #000000;
  margin-left:2px;
  margin-bottom:0px;
  margin-top:0px;
  margin-right:2px;
  text-align:center;
  background-color: #e0e0e0;
  text-align:center;
 }

form
 {
  margin: 0px;
  padding:0px;
 }
 
p
 {
  margin:0px;
  padding-top: 0px;
  padding-left: 0px;
  padding-right: 0px;
  padding-bottom: 5px;
 }

 
input 
 {
  margin-top: 0px;
  margin-bottom: 0px;
  font-size:12px;
  background-color: white;
  border:1px solid #aaaaaa;
  padding:1px;
 }
 
.radio
 {
  margin-right: 5px;
  border:0px;
  /* background-color: #eeeeee; */
  vertical-align: middle;
 }
 
.checkbox
 {
  margin-right: 5px;
  margin-top:3px;
  margin-bottom:3px;
  border:0px;
  /* background-color: #eeeeee; */
  vertical-align: middle;
 }
 
/* IE-Hack */
* html .checkbox
 {
  margin-right: 5px;
  margin-top:0px;
  margin-bottom:0px;
  border:0px;
  /* background-color: #eeeeee; */
  vertical-align: middle;
 }

textarea
 {
  font-family: Verdana, Geneva, Arial;
  margin-top: 0px;
  margin-bottom: 0px;
  font-size:11px;
  background-color: white;
  border:1px solid #aaaaaa;
  padding:2px;
 }
 
.navigation
 {
  margin:0px;
  width:732px;
  height: 169px;
  padding: 0px;
  background-color: #8D8E8C;
  background-image:url(../img/layout/seitenkopf.gif);
 }
 
.seitenrahmen
 {
  margin-top:0px;
  width:730px;
  padding: 0px;
  border: 1px solid #8D8E8C;
  background-color: #eeeeee;
 }
 
.seitenrahmen_popup
 {
  margin-top:0px;
  padding: 0px;
  border: 1px solid #8D8E8C;
  background-color: #eeeeee;
 }
 
.seitenfuss
 {
  margin-top:0px;
  margin-bottom:10px;
  width:730px;
  padding: 0px;
  border: 1px solid #8D8E8C;
  background-color: #8D8E8C;
 }
 
.seitenfuss_popup
 {
  margin-top:0px;
  padding: 0px;
  border: 1px solid #8D8E8C;
  background-color: #8D8E8C;
 }

.bezeichner
 {
  width:100px;
  padding-left: 5px;
  float:left;
  text-align:left;
 }

.eingabe
 {
  width:300px;
  padding-left: 5px;
  float:left;
  text-align:left;
 }
 
.eingabe_submit
 {
  /* width:300px; */
  float:right;
  text-align:right;
 }
 
.input_sehrlang
 {
  width:575px;
 }
 /* IE-Hack */
* html .input_sehrlang { width:575px; }

.input_lang
 {
  width:296px;
 }
 /* IE-Hack */
* html .input_lang { width:295px; }
 
.textarea_lang
 {
  width:296px;
  height: 100px;
 }
 /* IE-Hack */
* html .textarea_lang { width:295px; }
  
.input_mittel
 {
  width:230px;
 } 
/* IE-Hack */
* html .input_mittel { width:228px; }
 
.input_kurz
 {
  width:60px;
 }  

.pflichtfeld
 {
  color: #ff0000;
  vertical-align:sup;
 }

.submitbutton
{
 font-size: 8pt;
 font-weight: bold; 
 color: #000000;
 background-color: #ffffff;
 border-width: 1px;
 border-style: solid;
 border-color: #aaaaaa; 
 cursor:pointer;
}

.submitbutton_aktiv
{
 font-size: 8pt;
 font-weight: bold; 
 color: #ffffff;
 background-color: #aaaaaa;
 border-width: 1px;
 border-style: solid;
 border-color: #aaaaaa; 
 cursor:pointer;
}

.fehler
 {
  color: #ff6600;
  font-weight:bold;
 }

.padding
 {
  padding:5px;
 }
 
a {text-decoration:none}
a:link { color: #000000; font-weight: bold; text-decoration:none}
a:visited { color: #000000; font-weight: bold; text-decoration:none}
a:active { color: #000000; font-weight: bold; text-decoration:none}
a:hover { color: #ff9900; font-weight: bold; text-decoration:none}
a.ueberschrift:link { color: #CAD4E0; font-weight: normal; text-decoration:none} 
a.ueberschrift:visited { color: #CAD4E0; font-weight: normal; text-decoration:none} 
a.ueberschrift:active { color: #CAD4E0; font-weight: normal; text-decoration:none} 
a.ueberschrift:hover { color: #ff9900; font-weight: normal; text-decoration:none} 
a.ueberschrift_aktiv:link { color: #ffffff; font-weight: bold; text-decoration:none} 
a.ueberschrift_aktiv:visited { color: #ffffff; font-weight: bold; text-decoration:none} 
a.ueberschrift_aktiv:active { color: #ffffff; font-weight: bold; text-decoration:none} 
a.ueberschrift_aktiv:hover { color: #ff9900; font-weight: bold; text-decoration:none} 
a.dunkel:link { color: #004080; font-weight: normal; text-decoration:none} 
a.dunkel:visited { color: #004080; font-weight: normal; text-decoration:none} 
a.dunkel:active { color: #004080; font-weight: normal; text-decoration:none} 
a.dunkel:hover { color: #ff9900; font-weight: normal; text-decoration:none} 

.ueberschrift_container
 {
  /* width:100px; */
  padding-left:5px;
  padding-right:5px;
  padding-top: 2px;
  padding-bottom: 2px;
  text-align: center;
  vertical-align: bottom;
  font-size: 12px;
  cursor:pointer;
  margin-left: 8px;
  float: left;
  margin-top: 150px;
  background-color: #8D8E8C0;
  border-top: 1px solid #eeeeee;
  border-right: 1px solid #eeeeee;
 }

.neu_intro
 {
  color: #8D8E8C;
  font-weight:bold;
  font-size: 22px;
  letter-spacing:0.1em;
 }
 
.neu_name
 {
  color: #ff8000;
  font-weight:bold;
  font-size: 24px;
  letter-spacing:0.4em;
 }
 
.neu_info
 {
  color: #8D8E8C;
  font-weight:bold;
  font-size: 16px;
 }
  
.hintergrund
 {
  background-image:url(../img/layout/bg_startseite.jpg);
 }
 
.hintergrund_blass
 {
  background-image:url(../img/layout/bg_startseite_blass.jpg);
 }
 
.produkt
 {
  width: 33%;
  float:left;
  text-align:middle;
  border:0px;
  padding-top:10px;
  padding-bottom:10px;
 }
 
.produkt_katalog
 {
  width: 25%;
  float:left;
  text-align:middle;
  border:0px;
  padding-top:10px;
  padding-bottom:10px;
 }
 
.produkt_intro
 {
  width: 33%; /* 25%; */
  float:left;
  text-align:middle;
  border:0px;
  padding-top:10px;
  padding-bottom:10px;
 }
 
.produkt_nofloat
 {
  width: 33%;
  text-align:middle;
  border:0px;
  padding-top:10px;
  padding-bottom:10px;
 }

.bild_gerahmt
 {
  border:1px solid #8D8E8C;
 }
 
.bild_links
 {
  float: left;
  margin-top:2px;
  margin-bottom:2px;
  margin-left:0px;
  margin-right:10px;
 }
 
.bild_rechts
 {
  float: right;
  margin-top:2px;
  margin-bottom:2px;
  margin-left:10px;
  margin-right:0px;
 }

.bild_margin_top
 {
  margin-top:15px;
 }
 
.bild_margin_bottom
 {
  margin-bottom:10px;
 }
 
.bild_margin_seitlich
 {
  margin-left:5px;
  margin-right:5px;
  border:0px;
 }
 
.tool-tip
 {
  color: #fff;
  width: 200px;
  z-index: 13000;
 }

.tool-title
 {
  font-size:11px;
  font-weight: normal;
  margin: 0;
  /* color: #004080; */
  padding: 8px 8px 4px;
  border-bottom:1px dashed #efefef;
  background: url(../img/layout/sprechblase_title.png) top left;
 }
 
.tool-text
 {
  font-size: 9px;
  padding: 4px 8px 8px;
  background: url(../img/layout/sprechblase_text.png) bottom right;
 }

div .ueberschrift1
 {
  background-color:#8D8E8C;
  color:#ffffff;
  padding-top:2px;
  padding-bottom:2px;
  padding-left:2px;
  font-size: 12px;
  font-weight:bold;
  text-align:left;
  margin-top:15px;
  margin-bottom:5px;
 }
 
div .ueberschrift2
 {
  font-size: 12px;
  font-weight: bold;
  text-align: left;
  margin-top:10px;
  margin-bottom:5px;
 }
 
div .textinhalt
 {
  text-align: left;
 }

.tabelle_gerahmt
 {
  border:1px solid #8D8E8C;
  padding:0px;
 }
 
.tab_titel
 {
  background-color:#8D8E8C;
  color: #ffffff;
 }
 
.tab_detail
 {
  background-color: #e0e0e0;
 }
 
.links { text-align:left;  padding-left: 2px; }
.mittig { text-align:center; }
.rechts { text-align:right; padding-right: 2px; }

.entwicklungsinfo
 {
  padding:5px;
  border:1px dashed #ff0000;
  background-color:#fff000;
  text-align:center;
 }
 
.absatz
 {
  padding-top:4px;
  padding-left:0px;
  padding-right:0px;
  padding-bottom:0px;
  margin:0px;
 }

.info { font-size: 10px; }

ul
 {
  padding-top:5px;
  padding-bottom:0px;
  margin-top:0px;
  margin-bottom:0px;
  border:0px;
  list-style-type:square;
 }

.haendler_div
  {
  display:none;
  padding:0px;
  padding-bottom:2px;
  margin-top: 50px;
  border:1px solid #8D8E8C;
  border-right:2px solid #606060;
  border-bottom:2px solid #606060;
  background-color: #e0e0e0;
  position: absolute;
  z-index: 100;
  text-align: left;
 }
 
.haendler_div_head
  {
  padding-left:5px;
  padding-right:5px;
  padding-top:2px;
  padding-bottom:2px;
  border:0px solid #8D8E8C;
  background-color: #8D8E8C;
  position: relative;
  text-align: left;
  color: #ffffff;
  font-weight: bold;
 }
 
.haendler_div_content
  {
  padding-left:5px;
  padding-right:5px;
  padding-top:2px;
  background-color: #e0e0e0;
  position: relative;
  text-align: left;
 }
 
 .footer_icon_container
  {
  width:732px;
 }
 
 * html .footer_icon_container
  {
  margin-top:-35px;
 }
 
 .footer_icon
  {
  margin-top:-35px;
 }
 
 * html .footer_icon
  {
  margin-top:0px;
 }