/* Uploadmenü Frontend BEGINN */

.upload-content input, .upload-content select { margin-bottom: 0; }
.upload-content input.inputfile { margin-bottom: 3px; }

input.flat-small { width: auto; border: 1px solid #C3C5C7; background: #fff; padding: 0 1em; cursor: pointer; }
input.flat { width: auto; border: 1px solid #C3C5C7; background: #fff; padding: 0.25em 2em; cursor: pointer; }

.no-files { text-align: center; color: #999; }

.formular690 table { margin: 0; }
input#bezeichnung,
input#kundennr,
input#besteller_name { width: 230px !important; }


ul.uploadmenu {
  height: 31px;
  list-style-type: none;
  margin-left: 0px;
  background-color: #eee;
  border-top: 1px solid #aaa;
  border-bottom: 1px solid #aaa;
}

ul.uploadmenu li {
  float: left;
  width: 140px;
  height: 30px;
  background: transparent !important;
  padding: 0 !important;
}

a.m {
  padding: 6px 12px;
  display: block;
  text-decoration: none;
  color: #06c;
}

a.m:link {
  text-decoration: none;
  color: #06c;
}

a.m:hover {
  text-decoration: underline;
  color: #06c;
}

a.m:active {
  text-decoration: none;
  color: #06c;
}

a.m2 {
  padding: 6px 12px;
  display: block;
  text-decoration: none;
  color: #06c;
  background-color: #ddd;
}

a.m2:hover {
  text-decoration: underline;
  color: #06c;
}

ul.uploadsubmenu {
  height: 24px;
  list-style-type: none;
  margin-left: 0px;
  background-color: #fff7f1;
}

ul.uploadsubmenu li {
  float: left;
  width:120px;
  height: 24px;
}

a.m3 {
  padding: 3px 6px 3px 6px;
  display: block;
  text-decoration: none;
  color: #FF7415;
}

a.m3:link {
  text-decoration: none;
  color: #FF7415;
}

a.m3:hover {
  text-decoration: underline;
  color: #FF7415;
}

a.m3:active {
  text-decoration: none;
  color: #FF7415;
}

a.m4 {
  padding: 3px 6px 3px 6px;
  display: block;
  text-decoration: none;
  font-weight: bold;
  color: #FF7415;
}
/* Uploadmenü Frontend ENDE */

a.m4:hover {
  text-decoration: underline;
  color: #FF7415;
}

.downloadliste td, .downloadliste th {
  color: #333;
  font: 12px Arial, Helvetica, sans-serif;
  line-height: 19px;
  vertical-align: middle;
}

.downloadliste th {
  font-weight: bold;
  text-align: left;
}

.downloadliste tr.farbe {
  background-color: #e5effa;
}

* html .downloadliste tr.farbe td {
  background-color: #e5effa;
}

*+html .downloadliste tr.farbe td {
  background-color: #e5effa;
}

.farbrahmen {
  background-color: #e5effa;
  border-left: 1px solid #82b5ff;
  border-top: 1px solid #82b5ff;
  border-right: 1px solid #06c;
  border-bottom: 1px solid #06c;
  margin-bottom: 12px;
}

.downloadliste tr.farbeleer {
  background-color: #eee;
}

.downloadliste td {
  padding: 2px 4px;
}

.downloadliste .l {
  text-align: left;
}

.downloadliste .r {
  text-align: right;
}

.downloadliste .c {
  text-align: center;
}

.posten {
  width: 660px;
  clear: both;
  padding-top: 12px;
  padding-bottom: 6px;
  background-color: #ffe3d0;
  border-right: 1px solid #ffb98a;
  border-bottom: 1px solid #ffb98a;
}

.reiter {
  clear: both;
  list-style-type: none;
  margin-left: 0;
  margin-top: 12px;
  margin-bottom: 0;
  line-height: 20px;
  height: 20px;
}

.reiter a {
  font: bold 12px/19px Arial, Helvetica, sans-serif;
  text-decoration: none;
  color: #36c;/*#5E85C8;*/
}

.reiter a:link   { text-decoration: none; }
.reiter a:hover  { text-decoration: none; }
.reiter a:active { text-decoration: none; }

.reiter a.current {
  font: bold 13px Arial, Helvetica, sans-serif;
  text-decoration: none;
  color: #fff;
}

.reiter a.current:link   { text-decoration: none; }
.reiter a.current:hover  { text-decoration: none; }
.reiter a.current:active { text-decoration: none; }

.reiter li {
  float: left;
  padding: 3px 20px 0px 20px !important;
  margin-right: 1px;
  border-right: 1px solid #ffb98a;
  color: #FF7415;
  font-weight: bold;
}

.reiter li {
  background: url("../images/reiter_fff.gif") no-repeat top left;
}

.reiter li.current {
  background: url("../images/reiter_orange.gif") no-repeat top left !important;
}

.reiter:after, .posten:after {
  clear: both;
  display: block;
  font: 1px/0px serif;
  content: ".";
  height: 0;
  visibility: hidden;
}

.termin { color: #008000; }
.dringend { color: #ff6600; }
.warnung { color: #ff0000; }

.formular520,
.formular690 {
  margin:0px;
  padding:4px;
  /*background-color:#eee;*/
  color:#333;
  font-family: arial, helvetica, sans-serif;
  font-size: 12px;
  /*border-top: 1px solid #FF7415;*/
  text-align: left;
}

.formular520 { width:560px; }
.formular690 { width:690px; border-top: 1px solid #FF7415; background-color:#fff7f1; padding: 0; }


.formular520 fieldset,
.formular690 fieldset {
  border:0px solid #fff;
}

.formular520 p,
.formular690 p {
  float:left;
  margin:0;
  padding:5px;
  font-size:12px;
}

.formular520 .pflichtfeld,
.formular690 .pflichtfeld {
  color: red;
  font-weight: bold;
}

.formular520 p.einzug,
.formular690 p.einzug {
  clear: both;
  margin-left: 128px;
  font-size:12px;
}

.formular520 label,
.formular690 label,
.formular690 label.label90 {
  display:block;
  float:left;
  padding:4px 0;
  width: 200px;
  font-size:12px;
  font-weight: bold;
  /*border-right:2px solid #fff;*/
}
.formular520 label {
  clear: both;
  width: 200px;
}

.formular690 label {
  width:85px;
}

.formular690 label.checkbox {
  width:70px;
}

.formular520 input,
.formular520 select,
.formular520 textarea,
.formular690 input,
.formular690 select,
.formular690 textarea {
  float:left;
  margin: 6px 0;
  border:1px solid #C3C5C7;
  color: #535557;
}

input.checkbox {
  border: none;
  margin: 4px 0;
}

.form1 { width:310px; }
.form2 { width:160px; }
.form3 { width:100px; }
.form4 { width:530px; }

select.termin {
  float: none;
  margin: 0;
}

select.termin option {
  padding-left: 4px;
  padding-right: 4px;
}

.formular520 input.text,
.formular690 input.text {
  font-size: 12px;
  height: 19px;
  vertical-align: middle;
}
/*
input.submit, input.submit_kl {
  float: none;
  clear: both;
  width:150px;
  margin-left: 132px;
  padding:2px 5px;
  border:1px solid #999;
  background-color:#fff;
  color:#333;
  font-family: arial, helvetica, sans-serif;
  font-size: 12px;
  text-align:center;
  cursor:pointer;
}

input.submit_kl {
  width: 80px;
  margin-left: 0;
  font-size: 11px;
  padding:0;
}

.formular690 input.submit {
  margin-left: 0;
}

input.submit:hover, input.submit_kl:hover {
  background-color:#f7f7f7;
  color:#000;
}
*/
.formular520 label.textarea,
.formular520 textarea.textarea {
  height:96px;
}

.formular690 textarea {
  height: 60px;
}

.formular520 textarea.textarea,
.formular690 textarea {
  font-family: arial, helvetica, sans-serif;
  font-size: 12px;
}

.formular520 .linie,
.formular690 .linie {
  float: none;
  clear: both;
  height: 10px;
  margin-bottom: 10px;
  border-bottom: 1px solid #999;
}

.padding4px td {
  padding: 0 4px 0 4px;
}

.formulartitel {
  font: bold 40px/40px Arial, Helvetica, sans-serif;
  letter-spacing: 5px;
  text-align: left;
  margin-bottom: 20px;
  color: #ffe3d0;
}

.kommentarform {
  margin: 0px;
  /*padding:4px;*/
  width:520px;
  /*background-color:#eee;*/
  color:#333;
  font-family: arial, helvetica, sans-serif;
  font-size:12px;
  /*border-top: 1px solid #FF7415;*/
  text-align: left;
}

.kommentarform fieldset {
  border:0px solid #fff;
}

.kommentarform input,
.kommentarform select,
.kommentarform textarea {
  margin: 4px 0;
  width: 295px;
  border: 1px solid #C3C5C7;
}

.kommentarform input.submit {
  clear: both;
  width:150px;
  padding:2px 5px;
  border:1px solid #999;
  background-color:#fff;
  color:#333;
  font-family: arial, helvetica, sans-serif;
  font-size: 12px;
  text-align:center;
  cursor:pointer;
}

.kommentarform input.submit:hover {
  background-color:#f7f7f7;
  color:#000;
}

div.calculate {
  background-color: #eee;
  border: 1px solid #999;
  padding: 12px;
  margin-top: 12px;
  margin-bottom: 12px;
}

div.calculate h2 {
  margin-top: 0px;
}

/* Styleänderungen für Upload-Upgrade (Flashuploader) */
ul.uploadmenu li {
  float: left;
  width: 138px;
  height: 30px;
}
.formular690 textarea {
  height: 60px;
}
.bigbutton {
  border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;
  background-color: #99ccff;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#99ccff'); /* for IE */
  background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#99ccff)); /* for webkit browsers */
  background: -moz-linear-gradient(center top,  #ffffff,  #99ccff); /* for firefox 3.6+ */
  border: 1px solid #3366cc !important;
  cursor: pointer;
  overflow: visible;
  padding: 3px 9px;
  vertical-align: middle;
  white-space: nowrap;
  outline: none;
  color: #000;
  text-decoration: none !important;
  display: inline-block;
}

.infobox-right {
  width: 340px; float: right; border: 1px solid #ccc; padding: 3px 6px; margin-left: 12px;
}
#divAlternateContent {
  position: relative;
}
#divAlternateContent div.inner {
  position: relative;
  top: -9999px;
  left: -9999px;
}

pre { text-align: left; }

