/* style für bdb - allgemein */
/* allgemeines */
 * {margin:0; padding:0;}
 body, .dipPrice, input,select, textarea {background-color:#FFF; behavior:url("/js/csshover.htc");}
 body { margin:0px 10px 10px 10px; background: url(/images/cbg.png);}
 input,textarea,select {  border:1px solid #bcbcbc; }
 body, td, input,select, textarea {font-size:8pt; color:#000; font-family: Verdana, Arial, Helvetica, sans-serif;}
 input:focus, textarea:focus {background:#AAA; color:#003;}

 img { border:0px; }
/*  elements  beginn */
h1 { 
     color:#4E4E4E; 
     font-size:11pt;
     font-family: Verdana, Arial, Helvetica, sans-serif;
      border-left:0px;
     margin:0px 0px 4px 0px;
     padding-bottom: 10px;
 }

h2 {
	color:#4D4D4D;
	font-size: 9pt;
	
	}

 a {color:#aaa9aa; text-decoration:underline;  }
 a:link { color:#000;}
 a:visited { color:#000;}
 a:hover {color:#000;}
 a:active { color:#F00;}


 #thumbsBigPic {
 position:absolute;
 z-index:5;left:-500px;
}

.layer {padding: 8px; background-color: #FFF; border: 1px solid #666; }

.bdb-icon { display:block; width:16px; height:16px; background-image: url(/images/ui-icons_888888_256x240.png);}


.rt { color:#f00; }
.id{font-size:8pt;}

 .formTextBg, .bg { background-color:#C0C0C0;}
 .tdBg2 {background-color:#909090;}

 .read { color:#F00;  display:inline;}
 .myContentBG  { background:#e2e2e2; border: none;}
 .contentBG  { background:#e2e2e2; border: 1px; border-color: #bcbcbc; border-style: solid; padding: 10px; }
 
.ui-button .ui-button-text {  line-height: 0.8;  color: #222222; }

/*  elements  end */

 #thumbnail .bar {height:25px; width:98%;  margin:1px 5px 0px 0px;  font-weight:bold; }
 #thumbnail .spTd { padding-left:10px; font-weight:normal; }


.topBorder { border-top: 1px; border-top-color: #DEDEDE; border-top-style: solid; text-align: right;}
 

 #nav .next, #nav .prev {top: 2px; padding: 2px 0 2px 0;}
 #nav div {display:inline-block;}
 #nav a, #bigPic a { top: 1px; height: 14px;}
 #nav .pages {display: inline-block;  height: 20px;  line-height:12px; position: relative; top: -4px; left:2px;}
 #thumbnail  .myPrint { position:relative; top:-3px;}
 #thumbnail #picNamberForm {  height: 19px; position: relative; top: -3px; width: 45px;}
 
 
 #thumbnail .thumbs {float:left;  margin: 0px 0px 6px 6px;  width:176px; height:205px; background:url(/images/thumbBg.png) no-repeat; }
 #thumbnail a {margin:0px; padding:0px; }
 #thumbnail .picContainer { text-align:center; vertical-align:middle;  padding: 8px 0px 0px 0px; }
 #thumbnail .thumbs div.myPic img {  border:0px; }
 #thumbnail .picName { font-size:8pt; height:10pt; text-align:left; vertical-align:top; font-family:Helvetica,Arial,sans-serif; padding-left: 8px;}
 #thumbnail .info {display: block; float:left; width: 80px; }
 #thumbnail .info a, span { float:left; padding-top: 2px; }
 #thumbnail .info i {position:relative; top:2px;}

/*  #thumbnail .bar { width:96%; margin-top:20px; margin-left:10px;} */

 
 #thumbnail .ui-button{ margin-top:-1px;}



 /* bigPic */

 #bigPic { margin-left:10px; margin-bottom:0px; margin-top:1px;  width:750px; }
 #bigPic .picHead {  text-align:center; padding-bottom:10px; padding-left: 60px; padding-top: 1px; }
 #bigPic .picName { border-left:1px; padding-left:6px; }
 #bigPic .displayData { position:relative; top:6px; }
 #bigPic .back {margin-left:30px; margin-right:30px;}
 #bigPic .left { padding:2px 4px 2px 4px; width:520px;}
 #bigPic .right { padding:2px 4px 2px 4px; text-align:left;}
 .bigPic { border:solid #FFF 15px;}
 #bigPic .tdRight {padding-left:20px;  width:450px;}
 #bigPic .picRights {height:10px;  margin-right:10px; height:30px; }
 #bigPic p {margin-bottom:10px; }
.priceDisc td, input.radio { font-size:8pt; }

 #bigPic a { margin-bottom:10px;}
 #bigPic .picDataHidden {display:none;}
 .myPrin { margin-top:-5px;}
 /*
 #bigPic #priceForm { display:block; text-align:left; height:185px;  padding-top:5px;}
 #bigPic #priceForm p { display:inline; margin:0px; padding:0px;}
 #bigPic #priceForm input { width:20px;}
 #bigPic #priceForm span { margin-left:5px; }
 #bigPic #priceForm .infoTxt { display:block; font-weight:normal; width:250px;margin-left:5px; }
 #bigPic #priceForm .ust { margin:10px 0px 0px 20px;}
 #bigPic #price { width:340px; margin-top:25px; border:0px;}
 #bigPic #price td { padding:3px 0px 3px 10px; font-size:8pt; }
 #bigPic #price th { text-align:left; font-size:8pt;}

 #bigPic .cdInfoText { padding-left:20px; padding-top:10px;}
 #bigPic .picData  { margin-left:20px; margin-top:10px;}
 

 */
 #bigPic .bgLeft { width:100px; padding:2px 4px 2px 8px; text-align:right;}
 #bigPic .bgRight { width:500px; padding:2px 4px 2px 4px; border-bottom:#C0C0C0 solid 1px;}
 #bigPic .highlight { display:inline; color:#F00;}
 
 #buttonBar .button { width: 185px; height: 24px;   font-size: 8pt;}
 .picHead .ui-widget { font-size:8pt; }


 #bigPic hr { color:#C0C0C0; width: 140px; }
 
 
  .video {
 display:block;
 margin:7px 0 15px 0;
 padding:15px;
 border:1px solid #ccc;
 background: #FFF;

}

 
/*  passwd */

 #main {margin-left:10px; width:700px;  padding:5px 5px 20px 10px; }
 #main b {font-weight:bold;}
 #main table {width:100%; }
 #main tr { height:20px;}
 #main .inputText {width: 197px;}
 #main .inputTextPLZ {width: 42px; margin-right:4px;}
 #main .inputTextOrt {width: 146px;}
 #main .inputTextOrt_Safari {width: 104px;}
 #main .tdL {text-align:right; padding:4px; }
 #main .tdr {text-align:left;}
 #main .details {  margin: 0px 10px 30px 0px;  }
 #main .yourDetails {   margin-bottom:10px; display:block; }
 #main .yourDetails2 { display:inline; margin-left:20px;   }
 #main .country, .branche {width:200px;  }
 
 #main .address {width:60px;}
 #main .passTxt {display:block;   margin-top:20px; margin-left:102px;}
 #main .pass  { width:350px; text-align:right;   padding:5px 5px 5px 0px; margin-left:100px;  margin-right:4px; margin-top:2px;}
 #main .agb { margin:20px 0px 10px 0px; width:635px; padding:4px 0px 4px 4px; }
 #main .agbB { font-size: 8pt;  text-decoration:underline }
 #main .notes {margin:20px 0px 20px 0px; }
 #main .none { visibility:hidden;}
 #main .submitForm {margin:60px 0px 10px 20px;}
 #sub1 { display:block; margin-left:0px; margin-top:0px; width:100%;  padding:0px 5px 20px 0px;  }
 #sub1 p { width:635px; padding:4px 0px 4px 4px; }
 #sub1 strong {display:block; margin:0px 0px 10px 0px;}
 #sub1 .markStat {width:240px; }
 #sub1 .input {margin-left:0px;}
 #sub1 .otherStat {margin-left:15px; width:330px;}
 #sub1 .nl, #main .nl { display:inline; font-weight:normal;  padding:0px 8px 0px 4px;  }

 #main #cap {
	margin-bottom:5px;
	margin-top:3px;
}
 #main .mCap {
	display:block;
	float:left;
	margin:0 5px;
	padding:5px;
	text-align:right;
	width:200px;
 }


 /* anmeldung */
 
 #backgroundBox {  width:570px; margin:5px 5px 0px 10px;  }
 #backgroundBox .pleaseEnter {padding-top:10px; }
 #backgroundBox table {  margin-top: 20px; }
 #backgroundBox .fildName { text-align: right; width: 165px;  padding: 4px;}
 #backgroundBox input { margin-bottom:2px; margin-left:4px; width: 210px;}
 #backgroundBox input.auto { position:relative; top: 1px; width: 12px;}
 #backgroundBox .submitForm { margin:20px 0px 20px 100px; }
 #backgroundBox .memberLogin { padding-bottom:10px; margin-top:10px; font-size:13pt; font-weight: bold;}
 #backgroundBox .pleaseLogin  { padding-bottom:20px; font-size:10pt;}
 #backgroundBox .forgotYourPassword {display:block; font-size:8pt; margin-bottom:10px;}
 
 
 /* ForgotYourPassword */ 
 #backgroundBox .pleaseProvide { margin-top:20px; margin-bottom:10px;}
 #backgroundBox .pwd {width:300px; margin-left:5px;  }
 #backgroundBox .pwdInput1 { padding:5px 5px 2px 0px; text-align: right; }
 #backgroundBox .pwdInput2 {padding:2px 5px 2px 0px; text-align: right; }
 #backgroundBox .pwdInput3 { padding:2px 5px 3px 0px; text-align: right; }
 #backgroundBox .error { margin-left:80px;  margin-bottom:20px;}
 #backgroundBox .success {height:100px; margin-left:40px;}
 #backgroundBox .branche {width:212px;  }
 #backgroundBox .none { visibility:hidden;}
 #backgroundBox b {display:inline;}
 #backgroundBox .auto { padding-top:0px;}
#backgroundBox .auto input { left:0; position:relative; top:3px; }
 
 /* usrLoad */ 
 #usrLoad {   padding-top:20px; }

 #usrLoad fieldset { border:none; margin:10px 0px 0px 10px; }
 #usrLoad input { margin:2px;}
 
/* Warenkorb */ 
 #shop { display:block;  width:700px;  padding:5px 10px 20px 10px;}
 #shop #chart #proejkt { display:block; width:100%;  padding:5px 5px 5px 0px;  }
 #shop #chart #proejkt .selectProjektOben { margin-bottom:0px;}
 #shop #chart #proejkt p {  float:left;margin-left:20px; margin-right:10px; margin-top:3px; font-weight: bold;}
 #shop #chart  { width:100%;  margin:0px; padding:0px;}
 #shop #chart th {font-size:9pt; padding:3px;text-align:left;}
 #shop #chart td { text-align:left;  padding-top:3px; padding-bottom:3px; padding-right:5px;}
 #shop #chart .imgPic {border:0px;}
 #shop #chart .select {height:70px;width:20px;text-align:center; }
 #shop #chart .pic { text-align:center; padding-left: 5px; }
 #shop #chart .name {padding-left:5px; }
 #shop #chart .mode  {padding-left:5px;  }
 #shop #chart .del {width:20px;text-align:center; }
 .priceBox { width:240px;  background: #BCBCBC; }
 .priceBoxDisabled { color: #CCC;  }
 #shop #chart #tableEnd { display:block; width:100%;  padding:5px 5px 5px 0px;  }
 #shop #chart #tableEnd img { float:left;}
 #shop #chart #tableEnd b { display:block; float:left; font-weight:normal; margin-right:5px; margin-top:5px;}
 #shop #chart #tableEnd .selectProjektUnten { margin-bottom:0px; margin-right:10px; }
 #shop #submitCart {  margin-top:20px; margin-bottom:20px;}
 #shop #submitCart a {margin-right:20px;}
 #shop #submitCart p {margin-top:20px;}
 #shop #chartEmpty  {  margin:10px 0px 20px 20px;}
 #shop #chartEmpty b {   margin-right:0px;}
 #shop #chartEmpty a { margin-right:10px;}
 #shop #chartEmpty p { margin-top:20px;}
 #shop #chartEmpty .selectProjektOben  { }
 #shop .addr { padding:4px;}
 #shop fieldset { width:280px;  padding:8px;}

/*  ShopMailOrder */
 
 #shop #chart .right {text-align:right;}
 #shop #chart .size { width:20px; margin:0px 5px 0px 5px;}
 #shop #chart .price { text-align:right; }
 #shop #chart .picMail {width:50px; margin:0px; padding:0px; }
 #shop #chart .selectMail {text-align:center; }
 #shop #chart .summe {text-align:right; font-weight:bold;}
 #shop .submitCartEmail { text-align:right; margin-bottom:40px; margin-right:0px; padding-right:0px;}
 #shop  .back {  margin-left:20px;}
 #shop  .ust {text-align:right; margin-right:10px;}

/* deliveryAddress */

 #deliveryAddress { width:700px;  padding:5px 10px 20px 10px;}
 #deliveryAddress th {text-align:left; padding:3px 5px 3px 5px; }
 #deliveryAddress td {text-align:left; padding:3px 5px 3px 5px; }
 #deliveryAddress .checkAddress { width:100%;}
 #deliveryAddress .details {text-align:left; margin-left:13px; margin-top:13px;}
 #deliveryAddress .title { width:60px;}
 #deliveryAddress .tdL {text-align:right;  padding:4px;  }
 #deliveryAddress #delivery {padding-left:10px; border-left:1px; border-left-color:#000033; }
 #deliveryAddress #delivery p {margin:10px 0 10px 20px; font-weight:bold;  }
 #deliveryAddress #delivery .delAdr {display:block; width:200px; padding-left:4px;  padding-bottom:10px; }
 #deliveryAddress .inputText {width: 197px;}
 #deliveryAddress .inputTextPLZ {width: 42px; margin-right:4px;}
 #deliveryAddress .inputTextOrt {width: 149px;}
 #deliveryAddress .inputTextOrt_Safari {width: 104px;}
 #deliveryAddress .country {width: 199px;}
 #deliveryAddress div { text-align:right;}
 #deliveryAddress .re-enter{ width:200px;}


 /* statistik */ 
  #stat { display:block;  width:700px; padding:5px 10px 20px 10px;}

 #stat #date { float:left; margin:10px 0 20px 30px; padding:10px; width:300px;} 
  #stat #date td {padding:4px;}
  #stat #date select {width:60px;}
  #stat #summ { margin:0px 0 0 25px; padding:50px 0 0 43px; width:300px;}
  #stat #summ th { padding:3px;}
  #stat #summ td {text-align:center;}
  #stat #statTable  { width:100%; } 

  
  #stat #statTable .left { float:left;display:block; width:48%; text-align:left; padding-top:5px; padding-bottom:5px; font-weight:normal;}
  #stat #statTable .right {float:left;display:block; width:50%; text-align:right; padding-top:5px;padding-bottom:5px;font-weight:normal;}
  #shop #statTable .end {clear:both;}
  #stat #statTable td { padding:4px;}
  #stat #statTable .id {text-align:center; }
  #stat #statTable .pic {width:150px;  text-align:center;  }
  #stat #statTable .name {text-align: left;  }
  

  #date .input { border:1px solid #ff0000 ;} 
  
/* search help   */
 #searchHelp { display:block; margin-left:10px; width:700px; padding:5px 10px 20px 10px;}
 #searchHelp .Serror {margin-bottom:20px; }
 #searchHelp p {margin-top:10px; }

 #searchHelp h3 {margin-top:10px;}
 
/* lightbox  */
 #lightbox {  background:url(/images/bgLightBox.png) no-repeat; }
 #lightbox .list { display:inline-block; margin-top:5px; margin-left:10px; margin-bottom:0px; padding: 0px;}
 #lightbox .lightThumbs { float:left;  height:120px; margin-left:10px;}
 #lightbox pic {border:0px; width: 80%; height: 80%; }
 #lightbox img {border:0px; }
  
/*   lightboxBigPic */
 #lightboxBigPic { width:700px; margin-left:10px; padding:5px 20px 20px 20px;}
 #lightboxBigPic span {display:block; text-align:center;}
 #lightboxBigPic img { border:solid #FFF 15px; text-align:center; margin:20px 70px 20px 70px;  }

/* Projekt verwalten */
 #select { display:block; margin-left:0px; width:700px; padding:5px 10px 20px 10px;}
 #select .bschreibung { margin-bottom:20px;  }
 #select .dtL { text-align:right; padding-right:2px;}
 #select .dtR {margin:0px; padding:0px;}
 #select .submitForm {margin-left:22px; margin-top:0px;}
 #select table { width:90%; margin-bottom:20px; padding-top:40px;}
 #select th { padding:2px 0px 2px 5px; text-align:left; }
 #select td { padding:2px 0px 2px 5px; }
 #select .projekt { padding-left:5px;}
 #select .kommentar { padding-left:5px;}
 #select .datum { padding-left:5px;}
 #select .del {width:10%; }
 #select #links a {margin-right:20px;}
 
 
/*  ddl direktDownload */
 #ddl { margin-top:20px; margin-left:20px; }
 #ddl #tipp { width:700px;  padding:5px 10px 20px 10px;  margin-top:40px; margin-bottom:20px; }
 #ddl #tipp b { display:block;  margin-top:20px; }
 #ddl #tipp ul {margin-left:20px;}
 #ddl #tipp li { margin-left:10px;  }
 
/*  dInfo */
 #dInfo { display:block;  width:700px;  padding:5px 10px 40px 10px;}
 #dInfo p { margin-top:20px; margin-bottom:40px;}
 #dInfo .info {   margin-left:10px;}
 #dInfo.info .error {color:#f00;}
 
 /* Erw. Suche */
 #extSearch  {width:700px; margin-left:10px;  margin-top:1px; padding:5px 10px 20px 10px;  }
 #extSearch b { display:block;  }
 #extSearch .sInput, .comboBox {width:220px;}
 #extSearch #mode {margin:10px 0px 0px 0px;}
 .radio {margin:2px 5px  0px 0px;}
 #extSearch  .notFoundText {width:280px;}
 #extSearch .infoTxt {padding-left:10px;}
 
 /* my Bill */
 #bill {  width:700px;  padding:5px 10px 20px 10px;}
 .billNav { font-weight:bold; height:25px; width: 412px; } 
 #bill td {margin: 13px; height: 20px; padding-left:4px; }

 .billNav div.lS {
 width: 200px;
 float:left;
 text-align: left;
 padding:5px 0 0 5px;
}

 .billNav div.rS {
 width: 190px;
 float:left;
 text-align: right;
 padding:5px 5px 0 0;
}

.billNav div a {
 color: #FFF; 
}
 

/*  print */
 
#print .head {font-size:8pt; height:90px; width:700px; padding-left:20px;  }
 #print .rt {color: #F00;}
 #print a {  margin-left:10px;}
 #print .thumbs {  margin: 0px 1px 6px 8px;  width:132px; height:150px; }
 #print img { border:0px; }
 #print .picName { margin: 4px 0px 0px 0px;  font-size:8pt;  font-family:Helvetica,Arial,sans-serif;}
 #print .tip,  #bigPic .tip { margin-left:10pt; margin-top:20px; color:#AAA;}
/*  #thumbnail .bar { width:96%; margin-top:20px; margin-left:10px;} */ 
 
 
 .fodder {clear:both;}
 #end {font-size:8pt;}
 
.copy { font-weight:normal; font-size:8pt; color:#666;}
 
/*  ende */
 #end {  width:450px; bottom:10px;  margin-left:50px; font-size:8pt; margin-bottom:10px;}
 #endCenter { width:90%;  margin-top:10px; margin-bottom:20px;  text-align: center; font-size:8pt;}
 #bigPicEnd {  bottom:10px;  margin-left:160px; font-size:8pt; margin-bottom:10px;}
 .endOpt {  font-size:8pt;}

 #end_MSIE_Mac { width:90%;  margin-top:80px; margin-bottom:20px;  text-align: center; font-size:8pt;}
 #endLightbox { position:absolute; bottom:20px; width:90%; bottom:20px;  text-align: center; font-size:8pt;}
 #endLogIn {  margin-left:140px;  margin-bottom:20px;  font-size:8pt;}