@charset "UTF-8";

/* CSS fuer Wer liefert was?
 * 
 * Firmeninformation
 *
*/

/* Headline und Trenner */
#eintraege h3 {
  margin-top:20px;
  font-size:0.7em;
}

/* Firmendaten */
#firmendaten {
  float:left;
  width:589px;
  padding:10px 0px 20px 5px;
}

.firmierung {
  margin-bottom:5px;
  font-weight:bold;
}

#firmendatenLinks {
  float:left;
  width:400px;
}

#firmendatenLinks table {
  font-size:0.7em;
}

#firmendatenLinks table td.bezeichner {
  font-weight:bold;
  padding-right:5px;
  vertical-align:top;
}

/* Portraitfoto */
td.portraitfoto {
  padding:10px 40px 5px 0px;
}

td.portraittext {
  vertical-align:bottom;
}

.portraitnameposition {
  line-height:120%;
}

table.portraitdata {
  margin-top:5px;
  margin-left:-2px;
  font-size:1em !important;
}
/* Ende Portraitfoto */

td.abstand {
  padding-top:10px;
}

#firmendatenRechts {
  float:right;
  margin-right:20px;
  font-size:0.7em;
}

/* Klasse Logo */
#eintraege .logo, #eintraege .logoleer {
  display:table-cell; /* zur vertikalen Ausrichtung */
  width:169px; /* plus 10px als zugelassen */
  height:90px;
  text-align:center;
  vertical-align:middle;
}

/* Vorteils-Partner */
.premium_de, .premium_en, .premium_fr {
  position:relative;
  width:169px;
  height:81px;
  margin-top:20px;
  text-align:center;
  background-repeat:no-repeat;
  background-position:center center;
}

.premiumlieferant {
  position:absolute;
  width:340px;
  height:91px;
  right:-30px;
  top:170px;
  background-repeat:no-repeat;
  font-size:1.1em;
  display:none;
  z-index:2;
}

.premiumheader {
  margin:2px 17px 0px 45px;
  font-size:1.3em;
  font-weight:bold;
}

.premiumimg_de, .premiumimg_en, .premiumimg_fr {
  width:32px;
  height:31px;
  float:left;
  background-repeat:no-repeat;
}

.premiumtxt {
  float:left;
  margin:6px 0px 0px 5px;
}

.premiumclose {
  float:right;
  margin-top:3px;
}

.premiumzeile1 {
  margin-left:40px;
}

.premiumzeile2 {
  margin-left:30px;
}

.premiumzeile3 {
  margin-left:20px;
}

.premiumzeile4 {
  margin-left:15px;
}


/* Map */
#stadtplanclose, #stadtplanopen {
  margin-top:10px;
  font-size:0.7em;
}

#stadtplanopen {
  display:none;
}

#stadtplanclose .pfeilrot, #stadtplanopen .pfeilrot {
  float:left;
  margin:5px 5px 0px 0px;
}

#stadtplanclose h3, #stadtplanopen h3 {
  float:left;
  margin-top:0px;
  padding-top:3px;
  font-size:1.0em;
}

#theMap {
  display:none;
  margin:20px 0px 0px 5px;
}

#WlwToolbar img, #divNavigationControl img  {
	float:left;	
}
/* Ende Map */
  

#firmendatenausgabe {
  float:left;
  width:225px;
}
#adressbuch, #katalog, #sms, #firmaempf, #crowdsourcing {
  width:225px;
  height:44px;
  background-repeat:no-repeat;
}

.firmendatenausgabetext {
  position:relative;
  padding:13px 0px 0px 10px;
  font-size:0.8em;
  font-weight:bold;
}
/* Ende Firmendaten */

/* Werbeblock */
#werbeformen {
  width:589px;
  height:95px;
  margin-top:10px;
  padding:10px 0px 10px 5px;
  font-size:0.7em;
  text-align:center;
}

#werbeformen ul {
  margin-left:3px;
}

#werbeformen li {
  float:left;
  width:130px;
  list-style-type:none;
  margin-right:10px;
}

#video img.playbutton {
  position:absolute;
  left:36px;
}

#newsbox {
  width:298px !important;
  margin-right:0px !important;
}

#newsbox div {
  height:94px;
  text-align:left;
  border-width:1px;
  border-style:solid;
}

#newsbox h6 {
  font-size:1em;
  height:15px;
  padding-left: 5px;
}

#newsbox ul {
  height:79px;
  padding-left:17px;
  overflow-y:auto;
  overflow-x:hidden;
}

#newsbox li {
  width:258px;
  float:none;
  margin-top:10px;
}

p.theNews {
  float:left;
  width:190px;
  display:list-item;
}

p.theDate {
  float:right;
  margin-right:5px;
}
/* Ende Werbeblock */

hr.firmeninfotrenner {
  width:825px;
  margin:5px 0px 5px -5px;
  border-width:1px;
  border-style:solid;
}
/* Ende Headline und Trenner */

/* Infos zum Unternehmen */
#tableunternehmensinfos {
  font-size:0.7em;
}

#tableunternehmensinfos td {
  padding-bottom:20px;
  vertical-align:top;
}

#eintraege table td.bezeichnerinfos {
  font-weight:bold;
  width:169px;
}

#eintraege table td.firmabeschreibung {
  width:420px;	
}
/* Ende Infos zum Unternehmen */

/* Abbildungen */
#abbildungen {
  position:relative;
  width:590px;
  height:120px;
  left:-5px;
  margin:auto;
  margin-top:10px;
}

#picanimate {
  position:absolute;
  width:500px;
  height:120px;
  left:43px;
  overflow:hidden;
}

#picbiganimate {
  position:absolute;
  width:500px;
  height:500px;
  left:43px;
  overflow:hidden;
}

#picanimate ul, #picbiganimate ul {
  list-style-type:none;
}

#picanimate li {
  width:125px;
}

#picbiganimate li {
  width:500px;
}

div#nextBtn {
  position:absolute;
  width:35px;
  left:545px;
}

div#nextBtnBig {
  position:absolute;
  width:35px;
  left:565px;
  top:225px;
}

div#prevBtn {
  position:absolute;
  width:35px;
}

div#prevBtnBig {
  position:absolute;
  width:35px;
  top:225px;
}
/* Ende Abbildungen */

/* Produkte und Dienstleistungen */
.ansprechpartner {
  float:left;
  width:380px;
  margin-top:10px;
  font-size:0.7em;
}

.ansprechpartner p {
  margin:0px 0px 10px 0px;
}

.ansprechpartner p.adressbuch {
  margin-top:10px;
}

.produktinfolink {
  float:left;
  margin-top:10px;
  font-size:0.7em;
}

.produktinfolink ul {
  margin:5px 0px 0px 15px;
  text-indent:-3px;
}

.infoblock {
  margin-bottom:10px;
}

#mitBonusRubrikenHide {
  display:none;
}

#mitBonusRubriken, #weiteredaten, #mitBonusRubrikenHide, #artikelliste {
  margin-top:10px;
}

#mitBonusRubriken ul, #mitBonusRubrikenHide ul {
  margin:0px 0px 0px 15px;
  text-indent:-3px;
  font-size:0.8em;
}

#mehrRubriken {
  display:none;
}
/* Ende Produkte und Dienstleistungen */

/* VDMA */
#vdmaklasseintraege {
  margin-left: 20px;
  padding-bottom: 20px;
}

.vdmaklasseintrag {
  margin-left: 10px;
  font-size: 12px;
}

.vdmaklasshighlight {
  font-weight: bold;	
}
/* Ende VDMA*/

/* Weitere Produkte und Dienstleistungen, Referenzen */
#weiteredaten ul {
  margin:0px 0px 0px 15px;
  text-indent:-3px;
  font-size:0.8em;
}

#weitereprodukteopen {
  display:none;
}

#weitereprodukteclose, #weitereprodukteopen {
  margin:20px 0px 0px 0px;
}

#weitereprodukteclose .pfeilrot, #weitereprodukteopen .pfeilrot, .referenzen .pfeilrot, .referenzenbig .pfeilrot {
  float:left;
  margin:5px 5px 0px 0px;
}

#weitereprodukteclose h3, #weitereprodukteopen h3, .referenzen h3, .referenzenbig h3 {
  float:left;
  margin-top:0px !important;
  padding-top:3px;
}

.reffirma {
  float:left;
  margin:3px 15px 0px 0px;
  font-size:0.7em;
  font-weight:bold;
}

.referenzen {
  display:block;
}

.referenzenbig {
  display:none;
}

.refcontent {
  position:absolute;
  width:640px;
  height:245px;
  background-repeat:no-repeat;
  background-position:-25px -10px;
  z-index:10;
}

.reftext {
  position:relative;
  float:left;
  width:410px;
  margin:20px 0px 0px 25px;
  font-size:0.7em;
}

.refzeitraum {
  position:relative;
  width:410px;
  margin:5px 0px 0px 25px;
  font-size:0.7em;
}

.refimg {
  position:relative;
  float:right;
  margin:20px 75px 0px 0px;
  width:121px;
  height:121px;
}

.reflupe {
  position:absolute;
  left:0px;
}

.refclose {
  position:absolute;
  width:70px;
  top:205px;
  right:70px;
  font-size:0.8em;
  font-weight:bold;
}

.refclose img {
  margin:-5px 0px 0px -70px;
}

.referenzenimg {
  display:none;
  position:absolute;
  width:340px;
  height:340px;
  top:-199px;
  left:444px;
  z-index:10;
}
/* Ende Weitere Produkte und Dienstleistungen, Referenzen */

/* Artikelliste */
#artikelliste ul {
  margin:0px 0px 0px 15px;
  text-indent:-3px;
  font-size:0.8em;
}
/* Ende Artikelliste */

/* PicPac */
#picbig {
  position:relative;
  width:590px;
  height:520px;
  left:-5px;
  margin:auto;
  margin-top:10px;
  display:none;
}

#closePicbig {
  position:relative;
  width:825px;
  height:30px;
  margin:20px 0px 0px -5px;
  display:none;
}

#closePicbig .pfeilrot {
  float:right;
}

#closePicbig h3 {
  float:right;
  margin:0px 50px 0px 5px;
}
/* Ende PicPac */

/* Klassen Lieferantentypen */
#eintraege .lieferantentypen {
  float:right;
  width:120px;
  margin:10px 0px 0px 0px;
}

#eintraege .lieferantentypen ul {
  font-size:0.7em;
  text-indent:-3px;
}

#eintraege .lieferantentypen li {
  list-style-type:none;
  margin-left:19px;
}

#eintraege li.haken {
  font-weight:bold;
}
/* Ende Klassen Lieferantentypen */

/* E-Mail-Formular (RFQ) */
#EmailFormclose {
  display:block;
  margin-top:5px;
}

#EmailFormopen {
  display:none;
  margin-top:5px;
}

#EmailFormopen div.lightbox {
	width:510px;
}

#EmailFormopen form {
	position:relative;
	width:505px;
	font-size:0.75em;
	padding:0px 37px 0px 34px; /*  1=oben, 2=rechts, 3=unten, 4=links  */	
}

#EmailFormopen h2 { 
	font-size:1.2em;
	font-weight:bold;
}

.emailFirmierung {
  position:relative;
  margin-top: 10px;
  font-weight:bold;
}

#emailAnfrage {
	position:relative;
  	margin-bottom:10px;
}

#EmailFormopen p {
	margin-bottom:1.0em;
}

#EmailFormopen .eingabe {
	position:absolute;
	left:18em;
	margin-top:-5px;
}

#EmailFormopen p.textklein {
	font-size:0.85em;
}

#EmailFormopen p.right {
	text-align:right;
}

.EmailTextfelder {
	border-style:solid;
	border-width:1px 1px 1px;
	height:20px;
	width:318px;
}

.EmailText { /*textarea*/
  width:500px;
  height:8em;
  border-style:solid;
  border-width:1px 1px 1px;
}

.EmailCheckbox {
  position:relative;
  margin-left:0px;
  margin-right:10px;
}

#emailCaptchaBlock {
  margin-top:15px;
  margin-bottom: 5px;
}

#captchaimg {
  position:relative;
  margin-right:10px;
  margin-bottom:5px;
  float: left;
}

.EmailCaptcha {
  width:50px;
  height:20px;
  border-style:solid;
  border-width:1px 1px 1px;
  float: left;
}

#emailNutzungsbedingungenBlock {
  margin-top:10px;
}

#EmailNutzungsbedingung {
	position:relative;
	float: left;
}

#emailNutzungsbedingungenText {
	position:relative;
	width:450px;
	float: left;
}

#emailHinweis {
  position:relative;
  margin-bottom:5px;
  display:none;
  font-weight:bold;
}

textarea.fehler, input.fehler {
   border-width:1px;
   border-style: solid;
}

#emailSenden {
    position:relative;
  	width:135px;
  	height:29px;
  	margin-left:370px;
 	background-repeat:no-repeat;
  	} 

#emailSendenButton {
    position:absolute;
	margin-top:-3px;
	margin-left:-2px;
 	width:135px;
 	height:29px;
  	background-color:transparent;
  	border:0px;
  	font-weight:bold;
  	cursor:pointer;
  	font-size:1.3em;
}

#EmailOK, #EmailSendError {
  display:none;
  height: 50px;
  width:560px;
  margin-top:5px;
  padding-left: 30px;
}


/*
#nutzungsbedingungen {
  height:456px;
  margin-top:5px;
}

nutzungsbedingungeninhalt {
  overflow-y:hidden;
}

#zurueck {
  position:relative;
  width:135px;
  height:29px;
  left:220px;
  margin-top:10px;
  background-repeat:no-repeat;
  padding-top: 2px;
  text-align:center;
}

#zurueck a {
  text-decoration:none;
  font-weight:bold;
}

#nutzungsbedingungenfusslinks {
  float: left;
  margin-left:30px;
}

#nutzungsbedingungenfussrechts {
  float: right;
  margin-right:30px;
}
*/
#bitteWarten {
  position: absolute;
  display: none;
  top: 100px;
  left: 220px;
  height: 120px;
  width: 130px;
  border-width: 2px;
  border-style: solid;
  padding: 5px;
  text-align: center;
  font-weight: bold;
}
/*
#pdf {
  width:140px;
  height:35px;
  overflow:hidden;
  margin-top:5px;
  background-repeat:no-repeat;
}

#druck {
  width:140px;
  height:35px;
  overflow:hidden;
  margin-top:5px;
  background-repeat:no-repeat;
}

#pdfText, #druckText {
  position:absolute;
  width:95px;
  padding:2px 0px 0px 10px;
  font-size:0.75em;
  font-weight:bold;
}

#pdfText a, #druckText a {
  text-decoration:none;
}

#pdfText {
  padding-top:6px;
}*/
/* Ende Email-Formular */

/* SMS-Formular */
#SMSFormclose {
  display:block;
  margin-top:5px;
}

#SMSFormopen {
  display:none;
  margin-top:5px;
}

#SMSFormopen div.lightbox {
	width:510px;
}

#SMSFormopen form {
	position:relative;
	width:505px;
	font-size:0.75em;
	padding:0px 37px 0px 34px; /*  1=oben, 2=rechts, 3=unten, 4=links  */	
}

#SMSFormopen h2 { 
    margin-bottom:10px;
	font-size:1.2em;
	font-weight:bold;
}

#SMSFormopen p {
	margin-bottom:1.0em;
}

#SMSFormopen p.textklein {
    margin-top:5px;
	font-size:0.85em;
}

#SMSFirma {
  margin:25px 0px 15px 0px;
  font-weight:bold;
}

#SMSNummereingeben input {
	border-style:solid;
	border-width:1px;
	height:20px;
	margin-bottom:5px;
}

#SMSVorwahl {
  position:relative;
  float:left;
  margin-right:20px;
}

#SMSNummer {
  position:relative;
  float:left;
}

.SMSTextfeldVorwahl {
  width:100px;
}

.SMSTextfeldNummer {
  width:200px;
}

#SMSKontaktInfos {
  margin-top:20px;
}

#SMSDritte {
  margin-top:10px;
}

#SMSCaptchaBlock {
  margin-top:15px;
  margin-bottom: 5px;
}

#SMScaptchaimg {
  position:relative;
  margin-right:10px;
  margin-bottom:5px;
  float: left;
}

#SMSNutzungsbedingungenBlock {
  margin-top:10px;
}

#SMSNutzungsbedingung {
	position:relative;
	float: left;
}

#SMSNutzungsbedingungenText {
	position:relative;
	width:450px;
	float: left;
}

#SMSSenden {
    position:relative;
  	width:135px;
  	height:29px;
  	margin-left:370px;
 	background-repeat:no-repeat;
  	} 

#SMSSendenButton {
    position:absolute;
	margin-top:-3px;
	margin-left:-2px;
 	width:135px;
 	height:29px;
  	background-color:transparent;
  	border:0px;
  	font-weight:bold;
  	cursor:pointer;
  	font-size:1.3em;
}

#smsbitteWarten {
  position: absolute;
  display: none;
  top: 100px;
  left: 220px;
  height: 120px;
  width: 130px;
  border-width: 2px;
  border-style: solid;
  padding: 5px;
  text-align: center;
  font-weight: bold;
}

#smsHinweis {
  position:relative;
  margin-bottom:5px;
  display:none;
  font-weight:bold;
}

#SMSOK, #SMSSendError {
  display:none;
  height: 50px;
  width:560px;
  margin-top:5px;
  padding-left: 30px;
}
/* Ende SMS-Formular */

/* Drucken, Speichern, Bookmark */
/* Hintergrund fuer Druck/PDF */
#druckPdfLeer, #druckPdf {
  height:125px;
}
/* Ende Drucken, Speichern, Bookmark */

#fuss {
  background-repeat:no-repeat;
}