* {
  padding: 0;
  margin: 0;
}

html, body {
  height: 100%;
  max-height: 100%; /* fix height for other browsers */
  padding: 0; /*remove padding */
  margin: 0; /* remove margins */
  border: 0; /* remove borders */
}

body {
  background-color: #FFFFFF;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 8.5pt;
  color: #000000;
}

#VMLoadPage {
	position: absolute;
	left: 0px;
	right: 0px;
	width: 100%;
	height: 100%;
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
	background-color: #000000;
	color: #FFFFFF;
	z-index: 1001;
	text-align: center;
}

#BCLogin, #center{
  position: absolute;
  margin: 0;
  padding: 0;
}

#BCLogin{
  width: 100%;
  height: 100%;

  min-width: 476px;   /* Breite von #center (+ ein paar Pixel Rand) */
  min-height: 306px;  /* Höhe von #center (+ ein paar Pixel Rand) */
}

.BCLoginHead {
  font-weight: bold;
  font-size: 10pt;
}

.BCLoginStatus {
  color: #000000;
  font-size: 11px;
  font-weight: bold;
  text-align: left;
  margin-top: 70px;
}

.BCLoginStatus.success {
  color: #339900;
  font-size: 11px;
  font-weight: bold;
  text-align: left;
}

.BCLoginStatus.error {
  color: #CC3300;
  font-size: 11px;
  font-weight: bold;
  text-align: left;
}

#BCLoginStatusMessage {
  text-align: left;
}

input.logininput {
	width: 120px;
}

input.logininput_email {
	width: 170px;
}

* html #IEspacer {
  /* sorgt dafür, dass es im IE auch bei deaktiviertem Javascript funktioniert */
  width: 506px;          /* Breite von #center (+ ein paar Pixel Rand) */
  height: 306px;         /* Höhe von #center (+ ein paar Pixel Rand) */
}

#center {
  padding: 0;        /* es sind auch andere Angaben möglich, die dann
  allerdings bei der Breite und Höhe mit berücksichtigt werden müssen. */

  width: 498px;      /* Breite insgesamt 500px (498px + 2 x 1px Border) */
  min-height: 298px; /* Mindesthöhe insgesamt 300px (298px + 2 x 1px Border),
  bei genau dieser Höhe funktioniert die vertikale Zentrierung */

  /* jetzt wird die linke obere Ecke vertikal und horizontal zentriert */
  position: absolute;
  top: 50%;
  left: 50%;

  /* durch negative margins wird es jetzt um die Hälfte von Höhe und
  Breite nach oben und links verschoben */
  margin:-150px 0 0 -225px; /* jeweils die Hälfte der Gesamthöhe und -breite */
}

/* min-height für den IE */
* html #center {
  height: 298px;             /* das selbe Maß wie oben bei min-height */
}

.dropshadow {
  float: left;
  clear: left;
  background: url("/businesscard/system/pix/shadowAlpha.png") no-repeat bottom right !important;
  background: url("/businesscard/system/pix/shadow.gif") no-repeat bottom right;
  margin: 10px 0 10px 10px !important;
  margin: 10px 0 10px 5px;
  padding: 0px;
}

.innerbox {
	background: transparent url(http://rdmd.das-studio.de/businesscard/system/pix/mail_header.jpg) no-repeat center top;
  position: relative;
  bottom: 6px;
  right: 6px;
  border: 1px solid #999999;
  padding: 6px;
  margin: 0px 0px 0px 0px;
}

.innerbox {
  /* IE5 hack */
  \margin: 0px 0px -3px 0px;
  ma\rgin:  0px 0px 0px 0px;
}

.BCClearBoth {
  clear: both;
}

.BCSpacerY {
  margin-top: 10px;
}

#BCLoginForm span {
  float: left;
  margin-right: 5px;
}

#BCLoginForm span button {
  margin-top: 10px;
}

#BCRegisterForm span {
  float: left;
  margin-right: 15px;
  margin-bottom: 5px;
}

#BCRegisterForm span button {
  margin-top: 10px;
}

#BCRegisterNotice {
  color: #000000;
  font-size: 11px;
  font-weight: bold;
  padding-bottom: .6em;
}

#BCRegisterForm input.disabled {
  background-color: #CCC;
  color: #0C0C0C;
  border: 1px solid #ECECEC;
}
#BCRegisterForm #BC_PasswordRegDisabled {
  font-weight: bold;
}

#BCMainApp {
  margin-left: auto;
  margin-right: auto;
  width: 975px;
}

#BCScreen {
  display: inline;
}

#BCNoPrint {
  display: inline;
}

/* Liste */

#BCListProgress {
  text-align: center;
  vertical-align: middle;
  width: 100%;
  height: 180px;
}

#BCListMessage {
  clear: both;
  color: #cc0000;
  font-weight: bold;
  text-align: center;
  white-space: nowrap;
  padding-top: 10px;
}

#BCList {
  width: 974px;
/* 	height: 200px; */
}

#BCListPagerBox {
  border: 1px solid;
  border-color: #ACA899 #ACA899 #ACA899 #ACA899;
  background: #ECE9D8;
  margin-top: 10px;
  margin-bottom: 10px;
  height: 20px;
  line-height: 20px;
}

#BCListPager {
  float: left;
  margin-left: 10px;
  font-weight: bold;
}

#BCListUtilBox {
  border: 1px solid;
  border-color: #ACA899 #ACA899 #ACA899 #ACA899;
  background: #ECE9D8;
  margin-top: 10px;
  margin-bottom: 10px;
  height: 20px;
  line-height: 20px;
}

#BCListUtil {
  float: right;
  margin-left: 10px;
  margin-right: 10px;
  font-weight: bold;
}

#BCListContent {
/*	height: 180px;
  overflow-x: auto;
  overflow-y: auto; */
}

#BCListContent .center {
  text-align: center;
}

#BCListContent .BCList_empty {
  border: 1px solid;
  border-color: #FFFFFF #ACA899 #ACA899 #FFFFFF;
  background: #ECE9D8;
  text-align: center;
  vertical-align: middle;
}

#BCListContent .BCList_action {
  border: 1px solid;
  border-color: #FFFFFF #ACA899 #ACA899 #FFFFFF;
  background: #ECE9D8;
  text-align: center;
  vertical-align: middle;
}

#BCListContent .BCList_delete {
  border: 1px solid;
  border-color: #FFFFFF #ACA899 #ACA899 #FFFFFF;
  background: #ECE9D8;
  text-align: center;
  vertical-align: middle;
}

#BCListContent .BCList_status {
  border: 1px solid;
  border-color: #FFFFFF #ACA899 #ACA899 #FFFFFF;
  background: #ECE9D8;
  text-align: center;
  vertical-align: middle;
}

#BCListContent .BCList_status.declined {
  color: #cc0000;
}

#BCListContent .BCList_status.approved {
  color: #339900;
}

#BCListContent .BCList_status.open {
  color: #000000;
}

#BCListContentDetailsContainer {
  padding: 10px;
}

#BCListContent #BCListContentDetailsContainer .BCListContentDetailsInfo {
  border: 1px solid;
  border-color: #FFFFFF #ACA899 #ACA899 #FFFFFF;
  background: #ECE9D8;
  padding: 10px;
}

#BCListContent #BCListContentDetailsContainer #BCListContentDetailsDeclinetext {
  border: 1px solid;
  border-color: #FFFFFF #ACA899 #ACA899 #FFFFFF;
  background: #ECE9D8;
  height: 70px;
  padding: 10px;
}

#BCStatusDeclineTextArea {
  margin: 0;
  padding: 0;
}

#BCListContent #BCListContentDetailsContainer #BCListContentDetailsDeclinetext #BCStatusDeclineTextArea #BCStatusDeclineText {
  width: 790px;
  height: 45px;
}

#BCListContent #BCListContentDetailsContainer #BCListContentDetailsDeclinetext #BCStatusDeclineTextLink {
  float: left;
}

#BCListContent #BCListContentDetailsContainer #BCListContentDetailsDeclinetext #BCStatusDeclineTextNotice {
  float: left;
  color: #cc0000;
  margin-left: 20px;
}

#BCListContent #BCListContentDetailsContainer .BCListContentDetailsInfo .BCListContentDetailsInfoContainerImage {
  float: left;
  width: 120px;
  padding: 0;
}

#BCListContent #BCListContentDetailsContainer .BCListContentDetailsInfo .BCListContentDetailsInfoContainerInfo {
  float: left;
  width: 210px;
  padding: 0;
}

#BCListContent #BCListContentDetailsContainer .BCListContentDetailsInfo .BCListContentDetailsInfoContainerContact {
  float: left;
  width: 330px;
  padding: 0;
}

#BCListContent #BCListContentDetailsContainer .BCListContentDetailsInfo .BCListContentDetailsInfoContainerShipping {
  float: left;
  width: 260px;
  padding: 0;
}

#BCListContent #BCListContentDetailsContainer .BCListContentDetailsInfoContainerStatus {
  width: auto;
  height: 20px;
  margin-top: 5px;
  margin-left: 5px;
  clear: both;
}

#BCListContent #BCListContentDetailsContainer .clearBothBlock {
  clear: both;
  display: block;
}

#BCListContent #BCListContentDetailsContainer .BCListContentDetailsInfo .BCListContentDetailsInfoHeadImage {
  float: left;
  font-weight: bold;
  margin-bottom: 5px;
  margin-left: 0;
  padding: 0;
  font-size: 8.5pt;
}

#BCListContent #BCListContentDetailsContainer .BCListContentDetailsInfo .BCListContentDetailsInfoHeadInfo {
  float: left;
  font-weight: bold;
  margin-bottom: 5px;
  margin-left: 0;
  padding: 0;
  font-size: 8.5pt;
}

#BCListContent #BCListContentDetailsContainer .BCListContentDetailsInfo .BCListContentDetailsInfoHeadContact {
  float: left;
  font-weight: bold;
  margin-bottom: 5px;
  margin-left: 0;
  padding: 0;
  font-size: 8.5pt;
}

#BCListContent #BCListContentDetailsContainer .BCListContentDetailsInfo .BCListContentDetailsInfoHeadShipping {
  float: left;
  font-weight: bold;
  margin-bottom: 5px;
  margin-left: 0;
  padding: 0;
  font-size: 8.5pt;
}

#BCListContent #BCListContentDetailsContainer .BCListContentDetailsInfoHeadStatus {
  float: left;
  font-weight: bold;
}

#BCListContent #BCListContentDetailsContainer .BCListContentDetailsInfo .BCListContentDetailsInfoImage {
  float: left;
  margin-left: 0;
  padding: 0;
}

#BCListContent #BCListContentDetailsContainer .BCListContentDetailsInfo .BCListContentDetailsInfoText {
  float: left;
  margin-left: 0;
  padding: 0;
}

#BCListContent #BCListContentDetailsContainer .BCListContentDetailsInfo .BCListContentDetailsInfoTextContact {
  float: left;
  margin-left: 0;
  padding: 0;
}

#BCListContent #BCListContentDetailsContainer .BCListContentDetailsInfo .BCListContentDetailsInfoTextShipping {
  float: left;
  margin-left: 0;
  padding: 0;
}

#BCListContent #BCListContentDetailsContainer .BCListContentDetailsInfoTextStatus {
  float: left;
  margin-left: 10px;
}

#BCList table {
  padding: 0;
  border-spacing: 0;
}

.sort-table-list {
  border: 1px solid;
  border-color: #ACA899 #ACA899 #ACA899 #ACA899;
  overflow: hidden;
  display: block;
  -moz-user-select: none;
  -moz-user-focus: normal;
  -moz-user-input: enabled;
}

.sort-table-list table {
  width: 100%;
}

.sort-table-list td {
  font: menu;
  padding: 1px;
/*	white-space: nowrap; */
}

.sort-table thead {
/* position: absolute; */
  background: #ECE9D8;
  overflow: hidden;
  -moz-user-select: none;
}

.sort-table thead th {
  border: 1px solid;
  border-color: #FFFFFF #ACA899 #ACA899 #FFFFFF;
  overflow: hidden;
  text-overflow: ellipsis;
  font-weight: bold;
  cursor: pointer;
  cursor: hand;
}

.sort-table thead th img {
  width:    8px;
  height:   7px;
  margin:   0px 5px 0px 5px;
  display:  none;
}

.sort-table thead th.sort-arrow {
  background-position:	center center;
  background-repeat:		no-repeat;
  margin:					0 2px;
}

.sort-table thead th.sort-arrow.center {
  text-align: center;
}

.sort-table thead th.sort-arrow.descending {
  background-image:		url("system/pix/downsimple.png");
}

.sort-table thead th.sort-arrow.ascending {
  background-image:		url("system/pix/upsimple.png");
}

.sort-table tfoot {
  border: 1px solid;
  border-color: #ACA899 #ECE9D8 #ECE9D8 #ACA899;
  background: #FFFFFF;
}

.sort-table tbody {
  border: 1px solid;
  border-color: #ACA899 #ECE9D8 #ECE9D8 #ACA899;
  background: #FFFFFF;
}

.sort-table tbody td {
  border-bottom: solid white;
  border-width: 0px 1px 1px 0px;
  overflow: hidden;
  text-overflow: ellipsis;
/*	white-space: nowrap; */
  vertical-align: middle;
}

.sort-table td.center {
  text-align: center;
}

.sort-table tbody tr {
  cursor: pointer;
  cursor: hand;
  height: 20px;
}

.sort-table tbody tr.selected td {
  background: #88BBEA;
}

.sort-table tbody tr.odd td {
  background: #C8DFFA;
  border-top: 1px solid #88BBEA;
  border-bottom: 1px solid #88BBEA;
}

.sort-table tbody tr.even td {
  background: #FFFFFF;
}

.sort-table tbody tr.deselected_odd td {
  background: #88BBEA;
}

.sort-table tbody tr.deselected_even td {
  background: #FFFFFF;
}

.sort-table tbody tr.hover td {
	background: #88BBEA;
	border-top: 1px solid #88BBEA;
	border-bottom: 1px solid #88BBEA;
}

.sort-table tbody td.sort-table-details-content {
  text-align: left;
  vertical-align: middle;
}

.sort-table tbody td.sort-table-details-content-empty {
  text-align: center;
  vertical-align: middle;
  height: 100px;
}

.sort-table tbody tr.sort-table-details {
  display: none;
}

/* Header */

#header {
  background: url(/img/bg.png);
  background-repeat: repeat-x;
  background-position: center;
  height: 70px;
  margin: 0;
  padding: 0;
  color: #fff;
  border-left: 1px solid #676767;
  border-top: 1px solid #676767;
  border-right: 1px solid #676767;
  vertical-align: top;
  width: 973px;
  z-index: 5;
}

/* Main Navigation */
ul#navContainer {
  background: url(/img/nav.png) #676767 repeat-x 0px 0px;
  border: 1px solid #676767;
  list-style: none;
  margin: 0;
  padding: 0;
  width: 973px;
  z-index: 25;
}

ul#navContainer .current {
  background: url(/img/nav.png) #979797 repeat-x 0px -160px;
  color: #fff;
  cursor: default;
}

ul#navContainer li {
  border-right: 1px solid #676767;
  display: inline;
}

ul#navContainer li a {
  color: #fff;
  padding: 0 15px;
  text-decoration: none;
}

ul#navContainer li a:hover {
  background: url(/img/nav.png) #676767 repeat-x 0px -80px;
  text-decoration: none;
}

ul#navContainer li.current a:hover {
  background: url(/img/nav.png) #979797 repeat-x 0px -160px;
  color: #fff;
  cursor: default;
}

/* Footer */

#footer {
  clear: both;
  margin-top: 10px;
  padding-top: 5px;
  text-align: center;
  border-top: 1px solid #8b0b6c;
  width: 975px;
}

/* overLib */

#overDiv {
  position: absolute;
  visibility: hidden;
  z-index: 1000;
}

/* Searchbox */

#BCToolbox {
  border: 1px solid;
  border-color: #ACA899 #ACA899 #ACA899 #ACA899;
  background: #ECE9D8;
  display: none;
  height: 40px;
  line-height: 40px;
  margin-top: 10px;
}

#BCListSearchBox {
  float: left;
  margin-left: 10px;
}

#BCListSearchBox span {
  font-weight: bold;
}

#BCListToolBoxClose {
  float: right;
  margin-right: 10px;
}

/* Dialog Anlage */

#BCAddDialogContent {
  padding: 10px;
}

#BCAddDialogContent .Row, #BCOptionsDialogContent .Row, #BCShippingAddressDialogContent .Row {
  clear: both;
  padding: 2px 0px;
}

#BCAddDialogContent #hr {
  clear: both;
  border-top: 1px solid #8b0b6c;
  height: 1px;
}

#BCAddDialogContent input.radio {
  border: 0;
}

#BCAddDialogContent input, #BCOptionsDialogContent input, #BCShippingAddressDialogContent input {
  height: 15px;
}

#BCAddDialogContent .Headline, #BCPreviewDialogContent .Headline, #BCOptionsDialogContent .Headline, #BCShippingAddressDialogContent .Headline, #BCLastPreviewDialogContent .Headline {
  font-size: 15px;
  font-weight: bold;
}

#BCAddDialogContent .LeftCol, #BCOptionsDialogContent .LeftCol, #BCShippingAddressDialogContent .LeftCol {
  float: left;
  margin-right: 40px;
  padding-top: 3px;
  padding-right: 5px;
}

#BCShippingAddressDialogContent .Label {
  float: left;
  text-align: left;
  white-space: nowrap;
  width: 100px;
}

#BCOptionsDialogContent .Label {
  float: left;
  text-align: left;
  white-space: nowrap;
  width: 160px;
}

#BCAddDialogContent .Label {
  float: left;
  text-align: left;
  white-space: nowrap;
  width: 70px;
}

#BCAddDialogContent .Label2 {
  float: left;
  text-align: left;
  white-space: nowrap;
  width: 90px;
}

#BCAddDialogContent .Element, #BCOptionsDialogContent .Element, #BCShippingAddressDialogContent .Element, #BCShippingAddressDialogContent .Element {
  float: left;
  text-align: left;
}

#BCAddDialogContent .RightCol {
  float: left;
}

.Input1 {
  width: 40px;
  margin-right: 5px;
}

.Input1Error {
  width: 15px;
  font-size: 8pt;
  background: #EAA;
  border: 1px solid #880000;
  margin-right: 5px;
}

.Input2 {
  width: 80px;
  margin-right: 5px;
}

.Input2Error {
  width: 80px;
  font-size: 8pt;
  background: #EAA;
  border: 1px solid #880000;
  margin-right: 5px;
}

.Input3 {
  width: 80px;
  margin-right: 5px;
}

.Input3Error {
  width: 80px;
  font-size: 8pt;
  background: #EAA;
  border: 1px solid #880000;
  margin-right: 5px;
}

.Input4 {
  width: 276px;
}

.Input4Error {
  width: 276px;
  font-size: 8pt;
  background: #EAA;
  border: 1px solid #880000;
}

.Input5 {
  width: 150px;
}

.Input5Error {
  width: 150px;
  font-size: 8pt;
  background: #EAA;
  border: 1px solid #880000;
}

select.Input5 {
  width: 152px;
}

select.Input5Error {
  width: 152px;
  font-size: 8pt;
  background: #EAA;
  border: 1px solid #880000;
}

.Input6 {
  width: 167px;
}

.Input6Error {
  width: 178px;
  font-size: 8pt;
  background: #EAA;
  border: 1px solid #880000;
}

#BCPreviewDialogContent {
  padding: 10px;
  overflow: hidden;
}

#BCPreviewDialogContent #Details {
  border: 1px solid;
  border-color: #FFFFFF #ACA899 #ACA899 #FFFFFF;
  background: #ECE9D8;
  width: 95%;
  min-width: 95%;
  margin: 0;
  padding: 2.5%;
  vertical-align: middle;
  text-align: center;
}

#BCOptionsDialogContent {
  padding: 10px;
}

#BCShippingAddressDialogContent {
  padding: 10px;
}

#BCLastPreviewDialogContent {
  padding: 10px;
  overflow: hidden;
}

#BCLastPreviewDialogContent .ContainerImage {
  border: 1px solid;
  border-color: #FFFFFF #ACA899 #ACA899 #FFFFFF;
  background: #ECE9D8;
  width: 450px;
  min-width: 95%;
  height: auto;
  margin: 0;
  padding: 2.5%;
  vertical-align: middle;
  text-align: center;
}

#BCLastPreviewDialogContent .ContainerInfo {
  float: left;
  margin-left: 20px;
}

#BCLastPreviewDialogContent .HeadInfo {
  font-weight: bold;
  margin-top: 15px;
  margin-bottom: 5px;
  text-align: left;
}

#BCLastPreviewDialogContent .InfoText {
  float: left;
  margin-right: 10px;
  text-align: left;
}

#BCLastPreviewDialogContent .InfoValue {
  float: left;
  margin-right: 10px;
  text-align: left;
}

/* Debuginfo */

#debug {
  text-align: center;
  color: #ccc;
  padding-top: 5px;
}

/* Tags */

h1 {
  color: #fff;
  font-size: 35px;
  margin: 0;
  padding: 0;
  text-align: center;
  white-space: nowrap;
  width: 100%;
  position: relative;
}

h2 {
  color: #8b0b6c;
  font-size: 150%;
  padding: 0;
  margin: 0;
}

h3 {
  font-size: 12px;
  margin: 0;
  padding: 0;
}

h3.center {
  font-size: 14px;
  background: #aaa;
  padding: 4px;
  clear: both;
}

h4 {
  font-size: 120%;
  margin: 0;
  padding: 5px;
  border: 1px solid #8b0b6c;
  background: #8b0b6c repeat-x;
  color: #fff;
  width: 225px;
}

h5 a, h5 a:link, h5 a:visited, h5 a:active, h5 a:hover {
  color: #fff;
}

h5 {
  font-size: 100%;
  margin: 5px;
  padding: 5px;
  margin-left: 0;
  border: 1px solid #676767;
  background: #8b0b6c;
  color: #fff;
  width: 135px;
}

h6 {
  background: #8b0b6c;
  color: #fff;
  font-size: 100%;
  padding: 3px;
  margin: 0;
  text-align: left;
  width: 245px;
}

form, label, input {
  margin: 0;
  padding: 0;
}

td, th {
  vertical-align: top;
}

a, #navForm a:visited, h2 a:visited {
  color: #8b0b6c;
}

a:visited {
  color: #606;
}

a:hover {
  text-decoration: none;
}

input, input, input, select, textarea {
  font-size: 8pt;
  background: #ECECEC;
  border: 1px solid #606;
  font-weight: normal;
}

textarea {
  font-size: 10pt;
}

input.button {
  font-size: 8pt;
  background: #8b0b6c;
  color: #fff;
  border: 1px solid #606;
}

#content table, #live table, #searchcontent table, #contentpick table {
  padding-top: 10px;
}

img {
  border: none;
}

th {
  text-align: left;
}

/* Classes */

.help {
  cursor: help;
}

.floatRight {
  float: right;
}

.floatLeft {
  float: left;
}

.textLeft {
  text-align: left;
}

.textRight {
  text-align: right;
}

.grey {
  color: #ccc;
}

table.grey, tr.grey, td.grey, th.grey {
  color: #000;
}

.padding0 {
  width: 110px;
  display: block;
  float: left;
}

.padding10 {
  width: 100px;
  display: block;
  float: left;
  padding-left: 10px;
}

.clearLeft {
  clear: left;
}

input[type="file"].error, input[type="text"].error, input[type="password"].error, select.error, textarea.error {
  font-size: 8pt;
  background: #EAA;
  border: 1px solid #880000;
}

.error, .error:visited, .error:active, .error:hover, .error:link {
  color: #880000;
}

.width60 {
  width: 60px;
}

.bold {
  font-weight: bold;
}

.normal, input.bold, select.bold  {
  font-weight: normal;
}

.right {
  text-align: right;
}

.center {
  text-align: center;
}

.transBorder{
  border: 1px solid transparent;
}

.BC_Waiter_Button {
  display: none;
}

dt {
  float: left;
}

dd.info {
  margin-left: 9em;
  white-space: nowrap;
}

dd.contact {
  margin-left: 5em;
  white-space: nowrap;
}

dd.shipping {
  margin-left: 5em;
  white-space: nowrap;
}

* html dt {
  margin-right: 10px;
}

* html dd {
  height: 1%;
  margin-left: 0;
}

#VMCitySelect {
	display: none;
}

.BCCheckbox {
	border: none;
	width: 13px;
	height: 13px;
	overflow: hidden;
}