body {
   font-family : arial, verdana, helvetica, sans-serif;
   font-size : 100.1%;
   font-weight : normal;
   color : #333;
   margin: 0;
   padding: 0;
/* background-image: url(../pics/layout/bg_body.jpg); */
   background-color: #ccf;
 behavior: url("../css/csshover3.htc");
 }
/*
.bc_form_wrap {position: relative;
  width: 460px;
  margin: 5px;
  padding: 2px;
  border: 4px ridge #fff;
    -moz-border-radius: 10px 10px 10px 10px;
    border-radius: 10px 10px 10px 10px;
  background-color: #003;
  text-align: center;
} */

.bc_form {
  position: relative;
  width: 440px;
  margin: 12px auto;
  padding: 8px;
  border: 4px ridge #fff;
  -moz-border-radius: 10px 10px 10px 10px;
  border-radius: 10px 10px 10px 10px;
  background: #eef url(../pics/layout/bg_forms_bottom.jpg)  0 100% repeat-x;
  line-height: 1.2em;
  min-height: 550px;
  text-align: center;
}

.bc_caption {
/* position: relative;
 top : -1.5em;  */
  background: #eef url(../pics/layout/bg_forms_top.jpg)  0 0 repeat-x;
  border: 1px solid #eef;
  -moz-border-radius: 4px 4px 4px 4px;
  border-radius: 4px 4px 4px 4px;
  height: 40px;
  margin: -8px -8px 10px -8px;
  padding: 20px 0;
  color: #ff0;
  font-size: 1.5em;
  font-weight: normal;
  text-align: center;
}

label {
  clear: both;
  float: left;
  width: 100px;
  text-align: right;
  margin: 0 0 1em 0;
  font-size: 0.9em;
}

.inputtext {
  font: normal 0.9em arial, verdana, helvetica, sans-serif;
  color : #006;
  background-color: #eef;
  border: none;
  border-bottom: 1px solid #006;
  margin: 0 0 1em 20px;
  padding: 2px;
  width: 240px;
}

.nachricht {
/*font-family : arial, verdana, helvetica, sans-serif;
font-size : 0.9em;
font-weight : normal;*/
color : #006;
background-color: #eef;
border: 1px solid #006;
margin: 0 0 1em 20px;
padding: 2px;
width: 240px;
}

select, option {
   font-family : arial, verdana, helvetica, sans-serif;
   font-size : 0.9em;
   font-weight : normal;
   color : #006;
   background-color: #fff;
   border: 1px solid #006;
   padding: 2px;
}

input:focus, textarea:focus, select:focus, option:focus {
   color : #006;
   background-color: #fff;
}

.data {
  text-align: left;
  background: #ddf;
  margin: 0 0 1em  120px;
  padding: 2px;
  width: 240px;
}

.schicken, .loeschen {
border: 2px outset;
padding: 4px 4px 4px 24px;
width: 80px; /* */
}

.controls {
  position: absolute;
  bottom: 10px;
  width: 240px;
  padding: 0;
  left: 50%;              /* left & margin-left are used to center container in connection with position: absolute */
  margin-left: -120px;
}

input[type=image] { background: transparent; }

img {border: none; }

.schicken{
background: #ccf url(../pics/icons/schicken.gif) no-repeat 0.5em 0.2em;
}
.loeschen{
background: #ccf url(../pics/icons/loeschen.gif) no-repeat 0.5em 0.2em;
}
.schicken:hover {
background: #ffc url(../pics/icons/schicken.gif) no-repeat 0.5em 0.2em;
border: 1px inset;
}
.loeschen:hover {
background: #ffc url(../pics/icons/loeschen.gif) no-repeat 0.5em 0.2em;
border: 1px inset;
}
.radio, .checkbox {
 border: none;
 background-color: #f5f5f5;
}
.fn {
 margin-left: 10px;
 font-size: 0.8em;
}

.hinweis {
font: 0.9em arial,verdana,sans-serif;
line-height: 1.3em;
color: #c33;
background-color: #fafafa;
border: 1px solid #c33;
    -moz-border-radius: 4px 4px 4px 4px;
    border-radius: 4px 4px 4px 4px;
margin: 2em 4px;
padding: 1em;
}