/* Beuth Verlag - Formular-Styles
18.10.2005 */
/* 2009-11-13/ zubo select.mybeuth-breit-455 für optionale Firmendaten*/
/* 2007-07-25 html .mybeuthFormAdvice geaend tiet */
/* 2007-07-25 html .mybeuth50 html hack IE6 ergan tiet */
/* mybeuth_order_content für mybeuth bestellung layout */
/* GRAF 2007-06-06 Eingabefelder für Saferpay Formular */
/* schu 2006-05-22 pseudolink innerhalb von right: Text rechts ausrichten,
									 weil der IE sonst einen riesigen Abstand zur Pfeilgrafik macht
/* trei 2006-01-27 input.mybeuth*: Farbe geaendert */
/* trei 2006-01-20 mybeuthlinksrot für
roten Labeltext
/* trei 2006-01-19 input.mybeuth*_reg-Klassen fuer
dunklerem Rand bei Inputfeldern/Regmaske */
/* trei fuer kgo 2006-01-09 diverse Klassen fuer tpl-order-maske */
/* trei fuer kgo 2006-01-04 mybeuth_order_left */
/* trei fuer kgo 2005-12-16: diverse Klassen, wie mybeuth_lief */
/* schu     2005-12-14: .pseudoLink fuer input-Felder, die wie Links aussehen sollen */
/* schu     2005-12-12: .submitWK auch fuer Links */
/* TREI/KGO/2005-12-08: input.mybeuth100 neu */
/* TREI/KGO/2005-12-08: input.mybeuth150 neu */
/* TREI/KGO/2005-12-08: input.mybeuth50 neu */
/* TREI/2005-12-09: .rot-fett neu */


.suche{
height: 50px;
padding: 10px 5px 0px 10px;
margin-bottom: 10px;
}

.suche label{
font-size: 1.2em;
font-weight: bold; 
line-height: 1.15em;
margin: 0;
padding: 0;
}


.loginbutton{
border: 1px solid #4D97B2;	
height: 18px;
margin-bottom: -4px;
padding: 0;
}	
.loginbutton[class]{
border: 1px solid #4D97B2;	
height: 18px;
margin-bottom: -5px;
margin-left: -4px;
}

/*Eingabefelder Warenkorb Gross*/
.wkfeldL{
border: 1px solid #4D97B2;
margin-top: 6px;	
}

.wkfeldL[class]{
border: 1px solid #4D97B2;	
height: 16px;
}

/*Eingabefelder Warenkorb Mittel*/
.wkfeldM{
border: 1px solid #4D97B2;	
width: 132px;
}

.wkfeldM[class]{
border: 1px solid #4D97B2;	
height: 16px;
width: 125px;
margin-top: 6px;	
}


/*suchfeld in navigationsspalte*/
.suchfeld{
background-color: #ffffff;
border: 0;
height: 20px;
width: 110px;
}
.suchfeld[class]{
height: auto;
padding: 2px 2px 3px 2px;
border: 1px solid #fff;
font: 1.0em verdana,arial;
float: left;
}

.suchbutton{
border: 1px solid #ffffff;
padding: 0;
font-size: 1.0em;
line-height: 1.0em;	
margin-bottom: -4px;
}	
.suchbutton[class]{
margin: 0;
margin-bottom: -2px;
float: left;
}



/*felder in marginalspalte*/
.loginmarginal label {
  padding-left: 0px;
}

.loginmarginal input {
 margin-left: 0px;
 padding-left: 0px;
}

.loginmarginal .pwd{
width: 129px;
background-color: #ffffff;
border: 0;
height: 20px;
cursor: hand; cursor: point; 
}
.loginmarginal .pwd[class]{
height: auto; 
width: 125px;
padding: 2px 2px 3px 1px;
border: 1px solid #fff;
font: 1.0em verdana,arial;
float: left;
}

.pwdbutton{
border: 1px solid #ffffff;
padding: 0;
font-size: 1.0em;
line-height: 1.0em;	
margin-bottom: -4px;
margin-left: 0px;
}	
.pwdbutton[class]{
margin: 0;
margin-bottom: -2px;
float: left;
margin-left: 0px;
}

/*inputfeld Login myBeuth/Benutzername*/
.login{
width: 150px;
border: none;	
height: 20px;

}
.login[class]{
width: 146px;
height: auto;
padding: 2px 2px 3px 1px;
border: 1px solid #fff;
font: 1.0em verdana,arial;
}

/*Styles für Suche in Fachgebieten*/
.suche-fachgebiete-rechts form{
height: 15px;
padding: 6px 0 0 0px;
margin: 0 0 0 0px;
}

.contentboxtext form{
margin-left: -3px;
width: 300px;
}

.searchForm label {
font-size: 100%;
line-height: 150%;
white-space: nowrap;
}

label.bold {
font-weight: bold;
font-size: 110%;
line-height: 150%;
}
/*Label des Warekorbes Marginalspalte*/
label.wkMarginal {
font-size: 90%;
vertical-align: top;
}

/**Inputfelder in Detailsuche**/
.fieldXL{
width: 100%;
font-size: 1.0em;
border: 0;
}

.fieldM{
width: 100%;
font-size: 1.0em;
border: 0;
}
.fieldS{
width: 50px;
font-size: 1.0em;
border: 0;
}
.fieldXS{
width: 20px;
font-size: 1.0em;
border: 0;
}

/*Submit Buttons zum Teil unterschieden für die entsprechenden Bereiche*/
.submit {
background-color: #006991;
color: #fff;
border: 1px solid #006991;
font: 1.0em verdana, arial;
float: right;
padding: 1px;
cursor: hand; 
cursor: pointer;
}

/* schu 2005-12-12: .submitWK gleicher Style wie fuer Links (submitLinkWK) */
.submitWK 
{
	background-color: #006991;	
	border: 1px solid #006991;
	color: #fff;
	cursor: hand; 
	cursor: pointer;
	font-weight: normal;
	font-style: normal;
	font-size: 1.0em;
	/*font-size: 12px;*/
	font-stretch: condensed;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; 
	padding: 0.2em;
	text-align: center;
}
/* fuer IE Win */
* html .submitWK 
{ 
  background-color: #FF0000;
	border-style: none;
	font-size: 1.0em;
  padding: 0;
}  

/* schu 2005-12-12: gleicher Style wie submitWK, aber fuer Links */
a.submitLinkWK:link, a.submitLinkWK:visited, a.submitLinkWK:hover, a.submitLinkWK:active, a.submitLinkWK:focus
{
	
	background-color: #006991;	
	color: #fff;
	border: 2px solid #006991;
	cursor: hand; 
	cursor: pointer;
	text-decoration: none;
	font-weight: normal;
	font-size: 1.0em;
	font-style: normal;
	font-stretch: condensed;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; 
	padding: 0.2em;
	text-align: center;
}


/* fuer IE Win */
/** html a.submitLinkWK:link, * html a.submitLinkWK:visited,  * html a.submitLinkWK:hover,  * html a.submitLinkWK:active,  * html a.submitLinkWK:focus */
* html span.submitLinkWK a:link, * html span.submitLinkWK a:visited,  * html span.submitLinkWK a:hover,  * html span.submitLinkWK a:active,  * html span.submitLinkWK a:focus
{ 
  background-color: #FF0000;
	border: solid 2px #006991;
	font-size: 1.0em;
  padding: 0;
}  


.mybeuthSubmit {
background: #006991 url(/images/submit_pfeil.gif) no-repeat right center;
color: #fff;
border: 1px solid #006991;
font: 1.0em Verdana,Arial;
padding:1px 23px 1px 0px;
margin: 2px 0 0 0;
text-align: left;
cursor: hand; 
cursor: pointer;
}

.mybeuthSubmitRegAnm {
background: #006991 url(/images/submit_pfeil.gif) no-repeat right center;
color: #fff;
border: 1px solid #006991;
font: 1.0em Verdana,Arial;
padding:1px 23px 1px 0px;
margin: 2px 0 0 0;
text-align: left;
cursor: hand; 
cursor: pointer;
width:180px;
} 

.fachgebiet2Submit {
background: #B10418 url(/images/submit_suche.gif) no-repeat right center;
color: #fff;
border: none;
font-size: 1.0em;
font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
padding: 1px 23px 1px 0px;
margin: 2px 0 0 30px;
text-align: left;
cursor: hand; 
cursor: pointer;
} 

.trefferlisteSubmit {
background: #006991 url(/images/submit_pfeil.gif) no-repeat right center;
color: #fff;
border: 1px solid #006991 !important;
font-size: 1.0em;
font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
padding: 1px 23px 2px 0px;
height: 19px;
text-align: left;
cursor: hand; 
cursor: pointer;

} 
.trefferlisteSubmit[class]{
height: auto;
font-size: 1.0em;
padding: 1px 23px 1px 0px;
}

/**Formular Trefferliste*/
.suchbegriff{
width: 280px;
font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
float: left;
height: 18px;
font-size: 1.0em;
border: 0;
}

.suchbegriff[class]{
height: auto;
padding: 1px 2px 2px 2px;
border: 1px solid #fff;
font: 1.0em verdana,arial;
line-height: 1.0em;
float: left;
}

.suchbegriffbutton{
border: 1px solid #ffffff;
margin: 0;
margin-bottom: -4px;
width: 20px;
padding: 0;
font-size: 1.0em;
line-height: 1.0em;	
font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
}	

.suchbegriffbutton[class]{
margin: 0;
margin-bottom: -2px;
float: left;
}

.submitBold {
background-color: #006991;
color: #fff;
border: 1px solid #006991;
font: 1.0em verdana, arial;
font-weight: bold;
float: left;
padding: 1px;
cursor: hand; 
cursor: pointer;
}

form .suchbox{
min-width: 612px;	
}

.suchbox input{
border: none;
}


/**Label in einem myBeuth Formular***/
label.mybeuth {
display: block;
width: 200px;
text-align: right;
margin-right: 5px;
float: left; 
}
label.mybeuthtop {
display: block;
width: 200px;
text-align: left;
margin-right: 5px;
margin-left: 105px;
float: left; 
}
label.mybeuthtop[class] {
width: 200px;
}

/* kgo * fuer Formular links 2006-01-09 */
label.mybeuthlinks {
display: block;
width: 170px; /* kgo * fuer Formular links 2006-01-09 */ 
text-align: left;
margin-right: 5px;
/* margin-left: 50px; kgo * fuer Formular links 2006-01-09 */
margin-left: 5px;
float: left; 
}
label.mybeuthlinks[class] {
width: 178px; /* mate 150px --> 178px wegen Zeilenumbruch in Profildaten */
margin-left: 5px;
}

/* trei: mybeuthlinksrot */
  
label.mybeuthlinksrot {
display: block;
width: 170px; 
text-align: left;
color:#FF0000;
font-weight:bold;
margin-right: 5px;
margin-left: 5px;
float: left; 
}
label.mybeuthlinksrot[class] {
width: 178px; /* trei fuer mate 150px --> 178px wegen Zeilenumbruch in Profildaten */
margin-left: 5px;
}
  

.small {
width: 50px!important;
}
.medium {
width: 100px!important;
}

/**Label wird fett dargestellt***/
label.b {
font-weight: bold;
}

label.b[class] {
font-weight: bold;
line-height: 1.6em;
vertical-align: top;
padding-top: 2px;
}

/**Label vor einem Radio Feld**/
label.radio {
line-height: 1.8em;
vertical-align: top;
}

label.radio[class] {
line-height: 1.4em;	
}

/**inputfeld in einem myBeuth Formular*/
input.mybeuth {
font-size: 1.0em;
margin-bottom: 2px;
width: 200px;
height: 20px;
border: 1px solid #006991; /*#CCE0E7;*/
}

input.mybeuthtop {
font-size: 1.0em;
margin-bottom: 2px;
margin-left: 210px;
width: 200px;
height: 20px;
border: 1px solid #CCE0E7;
}	

input.mybeuth[class] {
height: auto; /**für Opera**/
padding: 2px;
}
 
input.mybeuthWK {
font-size: 1.0em;
margin-bottom: 2px;
width: 30px;
border: 1px solid #CCE0E7;
}

input.check {
margin-left: 0;
padding-left: 0;
}

select.mybeuth {
font-size: 1.0em;
margin-bottom: 2px;
width: 220px; /* width: 200px; kgo * fuer Formular links 2006-01-09 */

}

select.mybeuth-breit-455 {
font-size: 1.0em;
margin-bottom: 2px;
width: 455px; 

}

textarea.mybeuthtext {
	width: 220px;
	height: 140px;
	border: 1px solid #006991; /*#CCE0E7;*/
}


.mybeuthLabel {
display: block;
width: 203px;
text-align: right;
margin-right: 5px;
padding: 0;
float: left;
}
.mybeuthLabel[class]{
width: 200px;
}
div.mybeuthButton {
display: block;
padding: 0;
margin: 0;
float: left;
}

/***form um ein myBeuth Formular - vermeidet, d.d. Formular bei kleiner Auflösung umbricht***/
form.mybeuth{
display: block;
width: 460px;
margin: 0;
padding: 0 0 5px 0;
display: relative;
z-index: -10;
}

/* TREI/KGO für kleinere Eingabefelder */

  
/**inputfeld 100 in einem myBeuth Formular*/
input.mybeuth100 {
        font-size: 1.0em;
	margin-bottom: 2px;
	width: 100px;
	height: 20px;
	border: 1px solid #006991; /*#CCE0E7;*/
        float: left;
        text-align: left;

}
 
input.mybeuth100[class] {
	height: auto; /**für Opera**/
	padding: 2px;
}

/**inputfeld 50 in einem myBeuth Formular*/
/* kgo 2006-01-09 */
input.mybeuth50 {
     font-size: 1.0em;
	margin-bottom: 2px;
	width: 50px;
	height: 20px;
	border: 1px solid #006991; /*#CCE0E7;*/
        float: left;
        text-align: left;
}


/*ergaen tiet 25-07-07*/ 
 * html .mybeuth50
{ /* fuer IE6 Win \*/
  margin:0 0px 0 3px;
/* */

}  


 
 
input.mybeuth50[class] {
	height: auto; /**für Opera**/
	padding: 2px; /*kgo  2006-01-09 - padding: 0px; - um breite Felder auch im Mozialla zu erreichen */
}

/**inputfeld 150 in einem myBeuth Formular*/ 
/* kgo 2006-01-09 */
input.mybeuth150 {
        font-size: 1.0em;
	margin-bottom: 2px;
	width: 150px;
	height: 20px;
	border: 1px solid #006991; /*#CCE0E7;*/
        float: left;
        text-align: left;
}
input.mybeuth150[class] {
	height: auto; /**für Opera**/
	padding: 2px; /*kgo  2006-01-09 - padding: 0px; - um breite Felder auch im Mozialla zu erreichen */
}

/* TREI: für Validierungstexte */
.rot-fett {
  color:#FF0000;
  font-weight:bold;
  } 
  
/* schu     2005-12-14: .pseudoLink 
 * Fuer input-Felder, die wie Links aussehen sollen.
 * Sollte auch den echten Links zugeordnet werden, die das gleiche Aussehen haben sollen.
 * Unterstreichung bei Fokus ist nicht moeglich, da der IE die Pseudoklassen nur fuer Link-Tag interpretiert! 
 */
.pseudoLink, submit.pseudoLink ,a.pseudoLink:link, a.pseudoLink:visited, a.pseudoLink:hover, a.pseudoLink:active,  a.pseudoLink:focus 
{
	background-color: #FFF; 
	border: none; 
	border: 0px 0px 0px 0px;  
	color:#006A8E; 
	cursor: hand; 
	cursor: pointer;
	font-weight:bold; 
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; 
	font-size:1.0em; 
	padding:0; 
	margin:0;
	text-decoration:none; 
	}

.pseudoLink2, submit.pseudoLink2	
{
   background: #fff url(/images/weiter_pfeil.gif) no-repeat right center;
	border: none; 
	border: 0px 0px 0px 0px;  
	color:#006A8E; 
	cursor: hand; 
	cursor: pointer;
	font-weight:bold; 
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; 
	font-size:1.0em; 
	text-decoration:none; 
   padding:0px 15px 0px 0px;
   margin: 0px 0 0 0;
   text-align: right;
   cursor: hand; 
   cursor: pointer;
}	





/* schu 2006-05-22 pseudoLink innerhalb von right: Text rechts ausrichten,
 *								 weil der IE sonst einen riesigen Abstand zur Pfeilgrafik macht 
 */
.right .pseudoLink 
{ 
   text-align:right;
   }
 
/*** KGO für Ansicht ohne Linke Navigationsleiste ***/
form.mybeuth_order_left{
display: block;
width: 700px;
margin: 0;
padding: 0 0 0px 0;
display: relative;
z-index: -10;
}

form.mybeuth_order_content{
display: block;
margin: 0;
padding: 0 0 0px 0;
display: relative;
z-index: -10;
}

/*** TREI/KGO für Ansicht ohne Linke Navigationsleiste ***/
form.mybeuth_reg{
display: block;
width: 500px;
margin: 0;
padding: 0 0 0px 0;
display: relative;
z-index: -10;
}


/*** kgo Input-Felder Lieferanschrift ***/
input.mybeuth_lief {
font-size: 1.0em;
margin-bottom: 2px;
width: 200px;
height: 20px;
border: 1px solid #006991; /*#CCE0E7;*/
margin-left: 30px;
}

input.mybeuth_lief[class] {
height: auto; /**für Opera**/
padding: 2px;
}

/*** kleine Spalten ***/

/*** kgo Input-Feld Lieferanschrift ***/
/* kgo 2006-01-09 */
/*** 150 als linke Unterspalte ***/
input.mybeuth_lief150 {
font-size: 1.0em;
margin-bottom: 2px;
width: 150px;
height: 20px;
border: 1px solid #006991; /*#CCE0E7;*/
margin-left: 34px;
text-align: left;
float: left;
}

input.mybeuth_lief150[class] {
height: auto; /**für Opera**/
padding: 2px;
}

/*** kgo Input-Feld Lieferanschrift ***/
/* kgo 2006-01-09 */
/*** 50 als rechte Unterspalte ***/
input.mybeuth_lief50 {
font-size: 1.0em;
margin-bottom: 2px;
width: 50px;
height: 20px;
border: 1px solid #006991; /*#CCE0E7;*/
margin-left: 0px;
text-align: left;
float: left;
}

input.mybeuth_lief50[class] {
height: auto; /**für Opera**/
padding: 2px;
}


/*** kgo Input-Feld Lieferanschrift ***/
/*** 150 als rechte Unterspalte ***/
input.mybeuth_liefre150 {
font-size: 1.0em;
margin-bottom: 2px;
width: 150px;
height: 20px;
border: 1px solid #006991; /*#CCE0E7;*/
margin-left: 0px;
text-align: left;
float: left;
}

input.mybeuth_liefre150[class] {
height: auto; /**für Opera**/
padding: 2px;
}

/*** kgo Input-Feld Lieferanschrift ***/
/* kgo 2006-01-09 */
/*** 50 als linke Unterspalte ***/
input.mybeuth_liefli50 {
font-size: 1.0em;
margin-bottom: 2px;
width: 50px;
height: 20px;
border: 1px solid #006991; /*#CCE0E7;*/
margin-left: 34px;
text-align: left;
float: left;
}

input.mybeuth_liefli50[class] {
height: auto; /**für Opera**/
padding: 2px;
}

/* kgo * 2006-01-09 fuer Lieferanschrift */
/* kgo: 2006-01-09  war noch nicht definiert fuer Lieferanschrift*/
input.mybeuth_radio_lief {
margin-bottom: 2px;
margin-left: 130px; /* kgo: 2006-01-09  margin-left: 155px; */
padding: 0 0 5px 0;
}

/* kgo * 2006-01-09 fuer Lieferanschrift */
select.mybeuth_lief {
font-size: 1.0em;
margin-bottom: 2px;
margin-left: 15px;
width: 220px;
}

	
/*** kgo * 2006-01-09 Feld - Lieferüberschrift links ***/
.headline_lief{
width: 250px;
text-align: left;
margin-right: 0px;
margin-left: 420px;
padding: 0 0 0px 0;
vertical-align: top;
float: left;
}

/*** kgo * 2006-01-09 Feld - Überschrift rechts ***/
.headline{
text-align: left;
margin-left: 9px;
vertical-align: top;
}
 
/*** kgo 2006-01-09 Feld - Hinweistext ***/
.hinweis_text{
text-align: left;
margin-left: 9px;
vertical-align: top;
} 
 

/*** kgo 2006-01-09 Feld - Label links ***/
.mybeuthlinks{
display: block;
width: 250px;
text-align: left;
margin-right: 5px;
margin-left: 5px;
padding: 0;
float: left;
}
.mybeuthlinks[class]{
width: 150px;
}

/*** kgo Feld - Textarea ***/ 
textarea.mybeuthtext {
	width: 455px;
	height: 120px;
	border: 1px solid #006991; /*#CCE0E7;*/
}

/*** kgo Feld - Textarea  Order ***/ 
textarea.mybeuthordtext {
	width: 455px;
	height: 120px;
	border: 1px solid #006991; /*#CCE0E7;*/
}

/*** kgo Feld - Textarea Registration ***/ 
textarea.mybeuthregtext {
	width: 200px;
	height: 120px;
	border: 1px solid #006991; /* alt: #CCE0E7; */
}

/* hgr suchform */
.frm {
 margin-top: 0;
 margin-bottom: 0;
 padding-top: 0;
 padding-bottom: 0;
}


/* inputfelder fuer reg-Formular ANFANG */
/* trei 2006-01-19 */
input.mybeuth_reg {
 font-size: 1.0em;
 margin-bottom: 2px;
 width: 200px;
 height: 20px;
 border: 1px solid #006991;
}
	
input.mybeuth_reg[class] {
 height: auto; /**für Opera**/
 padding: 2px;
}
 
textarea.mybeuthtext_reg {
 width: 220px;
 height: 140px;
 border: 1px solid #006991;
}

input.mybeuth100_reg {
 font-size: 1.0em;
 margin-bottom: 2px;
 width: 100px;
 height: 20px;
 border: 1px solid #006991;
 float: left;
 text-align: left;
}
 
input.mybeuth100_reg[class] {
 height: auto; /**für Opera**/
 padding: 2px;
}

input.mybeuth50_reg {
 font-size: 1.0em;
 margin-bottom: 2px;
 width: 50px;
 height: 20px;
 border: 1px solid #006991;
 float: left;
 text-align: left;
}
 
input.mybeuth50_reg[class] {
 height: auto; /**für Opera**/
 padding: 2px; 
}

input.mybeuth150_reg {
 font-size: 1.0em;
 margin-bottom: 2px;
 width: 150px;
 height: 20px;
 border: 1px solid #006991;
 float: left;
 text-align: left;
}
input.mybeuth150_reg[class] {
 height: auto; /**für Opera**/
 padding: 2px; 
}
/* inputfelder fuer reg-Formular ENDE */

form.addArticles {
 margin: 0px;
 padding: 0px ;
}

.fieldA{
width: 100%;
font-size: 1.0em;
}

/*** GRAF für Saferpay Formular ***/
select.Saferpay {
font-size: 1.0em;
margin-bottom: 2px;
width: 206px; 
}

select.SaferpayValidate {
font-size: 1.0em;
margin-bottom: 2px;
width: 101px; 
}

/*label*/.mybeuthFormAdvice {
display: block;
font-size: 1.0em;
width: 600px; 
margin:0 5px 5px 5px;
/*margin-left: 160px;
margin-left:255px;*/
float: left; 
}
        
/* ab hier test schu */