/************** Reset Browswers **************/
html, /*body,*/ div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, /*ol, ul, li,*/
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
/*ol, ul {
	list-style: none;
}*/


blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}


/************** Menü Horizontal **************/

body#menueFond {
	background-image:	url(../Bilder/fond_menue.jpg);
}

a.menuePunkt, .menuePunktAktiv {
	background:			#e8e9eb;
	width:				99px;
	height:				24px; 
	float:				left;
	margin-top:			71px;
	margin-right:		1px;
	
	text-align: 		center;
	color: 				#102497; 
	font-family: 		arial,sans-serif;
	font-weight: 		bold;
	font-size: 			11px;
	line-height: 		24px; 
	text-decoration: 	none;
}

a.menuePunkt:hover {
	background:			#c7cccf;
}

a.menuePunkt:active {
	background:			#a7afb4;
}

.menuePunktAktiv {
	background:			#a7afb4;
}


A:link, A:active, A:visited {
	color:				#102497;
	font-family:		arial, sans-serif;
	vertical-align:		middle;
	text-decoration:	none;
}

.hk {
      /*line-height: 0px;
			margin-top: -4px; */
      font-size: 6pt;
			color:				#102497;
	font-size:			18pt;
	line-height:		24pt;
	font-family:		arial,sans-serif;
}



/************** Inhalt **************/

.h1 {
	color:				#102497;
	font-size:			18pt;
	line-height:		24pt;
	font-family:		arial,sans-serif;
}

body,
table {
	color:				#102497;
	font-size:			10pt;
	line-height:		17px;
	font-family:		arial,sans-serif;
	vertical-align:		top;
}
tr, td {
	vertical-align:		top;
}

body>ol>li {
	margin-top:			20px;
	line-height:		17px;
}
ul {
	list-style-type: 	square;
	margin-left:		-10px;
	margin-top:			10px;
}
.adressZeile, .adressZeile a {
	font-size:			8pt;
	line-height:		24px;
}

.bld {
	font-weight:		bold;
}
.LH24	{
	line-height:		24px;
}
.LH17	{
	line-height:		17px;
}
.fontSize8 {
	font-size:			8pt;
	line-height:		12px;
}
.W24 {
	width:				24px;
}
.W49 {
	width:				49px;
}
.W69 {
	width:				69px;
}
.W79 {
	width:				79px;
}
.W99 {
	width:				99px;
}
.W149 {
	width:				149px;
}
.W162 {
	width:				162px;
}
.W199 {
	width:				199px;
}
.W249 {
	width:				249px;
}
.W399 {
	width:				399px;
}
.W449 {
	width:				449px;
}
.W549 {
	width:				549px;
}
.W599 {
	width:				599px;
}
.W600 {
	width:				600px;
}
.W601 {
	width:				601px;
}
.W649 {
	width:				649px;
}
.W650 {
	width:				650px;
}
.W651 {
	width:				651px;
}

.H30 {
	height:				30px;
}
.H36 {
	height:				36px;
}
.H49 {
	height:				49px;
}
.H95 {
	height:				95px;
}
.H24 {
	height:				24px;
}

.hellGrau {
	background:			#e8e9eb;
}
.Grau {
	background:			#c7cccf;
}
.dunkelGrau {
	background:			#a7afb4;
}

.FL {
	float:				left;
}
.FR {
	float:				right;
}
.CB {
	clear:				both;
}
.DB {
	display:			block;
}

.VM {
	vertical-align:		middle;
}
.BR1 {
	border-right-width:	1px;
	border-right-color:	#ffffff;
	border-style:		solid;
}
.MB1 {
	margin-bottom:		1px;
}
.MT1 {
	margin-top:		1px;
}
.ML10 {
	margin-left:		10px;
}

.spaltenBezeichnung {
	font-size:			7pt;
	vertical-align:		middle;
	font-family:		arial,sans-serif;
	text-align:			center;
}
.spaltePosition {
	font-size:			7pt; 
	vertical-align:		middle;
	font-family:		arial,sans-serif;
	text-align:			center;
}
.plusMinus {
	width:				24px;
	height:				24px;
	border:				0px;
	vertical-align:		middle;
}
.CP {
		cursor:					pointer;
}

hr {
	margin:			30px 0 30px 0;
	color:				#e8e9eb; 
	/* height:				2px;
	border:				1px; */
} 


/************** Produktmenue **************/
.produktMenu a {
	width:				152px;
	height:				28px;
	display:			block;
	float:				left;
	border-right-width:	1px;
	border-right-color:	#ffffff;
	border-style:		solid;
	margin-bottom:		1px;
	background:			#e8e9eb;
	
	font-size: 			11px;
	line-height:		13px;
	text-decoration:	none;
	padding-left:		10px;
	padding-top:		4px;
	padding-bottom:		4px;
}
.produktMenu a:hover {
	background:			#c7cccf;
}
.produktMenu a:active {
	background:			#a7afb4;
}
/************** Kategorie **************/

a:hover .gruppenText, a:hover .produktTitel {
	background:			#a7afb4;
	cursor:				pointer;
}

.produktVorschau {
	background:			#ffffff;
	height:				74px;
}
.produktBild {
	background:			#ffffff;
	height:				74px;
}
.produktTitel {
	width:				589px;
	height:				64px;
	line-height:		17px;
	padding-left:		10px;
	padding-top:		10px;
}



.textVersatz {
	padding-left:		10px;
	
	color:				#0D1B83; 
	font-size:			9pt; 
	line-height:		14pt; 
	font-family:		arial,sans-serif;
}
td.textVersatz:hover {
	background:			#a7afb4;
}



/************** Produkt **************/
.produktText {
	margin:				0px;
	padding:			0px;
	
	font-size:			9pt; 
	line-height:		14pt;
}
.produktTitelProdukt {
	width:				439px;
	min-height:			24px;
	line-height:		20px;
	padding-left:		10px;
	padding-top:		2px;
	padding-bottom:		2px;
}


	
/************** Inhalt Home **************/
#home {
	padding:				40px;
}
#news1,#news2,#news3,#news4 {
	line-height:		16px;
	padding:			10px;
}

#homeText {
	vertical-align:		top;
	width:				45%;
	float:				left;
	line-height:		17px;
}
#homeNewsBox {
	width:				249px;
	padding:			10px;
	border:				1px solid; 
	border-color:		#a7afb4;
	width:				45%;
	float:				right;
}


/************** Inhalt Kontakt **************/
#ansprechPartner {
	margin-top:			-16px;
	width:				649px;
	display:			block;
	clear:				both;
}
#anfahrt {
	background:			#f3f4f5;
	margin-bottom:		1px;
	width:				649px;
	clear:				both;
	display:			block;
}	
#vertretungen {
	height:				820px;
	background:			#f3f4f5;
	margin-bottom:		1px;
	width:				649px;
	clear:				both;
	display:			block;
}	
#formular, #formularWarenkorb {
	padding-left:		30px;
	padding-top:		10px;
	width:				619px;
	background:			#f3f4f5;
	margin-bottom:		1px;
	clear:				both;
	display:			block;
}	

.spalteKontaktPosition {
	height:				34px;
	width:				269px;
	font-size:			8pt;
}
.spalteKontaktName {
	height:				34px;
	width:				209px;
	font-size:			8pt;
}
.spalteKontaktDurchwahl {
	height:				34px;
	width:				139px;
	font-size:			8pt;
	line-height:		13px;
}


.kontaktPosition, .kontaktBild , .kontaktName, .kontaktDurchwahl {
	float:				left;
	display:			block;
	background:			#e8e9eb;
	line-height:		49px;
	height:				49px;
	margin-right:		1px;
	margin-bottom:		1px;
}
.kontaktPositionXL {
	float:				left;
	display:			block;
	background:			#e8e9eb;
	line-height:		20px;
	height:				49px;
	margin-right:		1px;
	margin-bottom:		1px;
}

.kontaktPosition {
	width:				219px;
	padding-left:		10px;
}
.kontaktBild {
	width:				49px;
}
.kontaktDurchwahl {
	width:				139px;
	padding-left:		10px;
}
.kontaktName {
	width:				209px;
	padding-left:		10px;
	font-weight:		bold;
	text-decoration:	none;
}

a.kontaktName:hover {
	background:			#c7cccf;
}
a.kontaktName:active {
	background:			#a7afb4;
}


.kontaktVertretungBild {
	width:				420px;
	float:				left;
}
.kontaktVertretung {
	width:				210px;
	height:				160px;
	line-height:		16px;
	float:				left;
}
.kontaktVertretungZahl {
	margin-left:		15px;
	font-weight:		bold;
}
.kontaktVertretungText {
	margin-left:		30px;
	margin-top:			-16px;
}


.formularSpalte {
	width:				300px;
	float:				left;
}
.formularText {
	width:				70px;
	float:				left;
}
.formularEingabefeld {
	float:				left;
}


#haftungsausschuss {
	background:			#f3f4f5;
	margin-bottom:		1px;
	width:				609px;
	clear:				both;
	display:			block;
	line-height:		16px;
	padding:			20px;
}


/************** Inhalt Warenkorb **************/
.produktTitelWarenkorb {
	width:				389px;
	min-height:			24px;
	line-height:		20px;
	padding-left:		10px;
	padding-top:		2px;
	padding-bottom:		2px;
}
.bestellNummerWarenkorb {
	width:				139px;
	min-height:			24px;
	line-height:		20px;
	padding-left:		10px;
	padding-top:		2px;
	padding-bottom:		2px;
}



/************** PDF Vorschau Icon **************/

#echtermann_image {

	clear:				both;
	display:			block;
}
.pdfIcon {
	float:				left;
	display:			block;
	height:				100px;
	margin-bottom:		1px;
}
.pdfText {
	display:			block;
	height:				90px;
	background:			#e8e9eb;
	line-height:		20px;
	text-decoration:	none;	
	margin-bottom:		1px;
	margin-left:		72px;
	padding-top:		10px;
	padding-left:		10px;
}
a:hover .pdfText {
	background:			#c7cccf;
	cursor:					pointer;
}
a:active .pdfText {
	background:			#a7afb4;
	cursor:					pointer;
}



/************** Unsere Leistungen **************/

.leistungenIcon {
	float:				 			left;
	height:				 			36px;
	width:				 			36px;
	margin-right:	 			1px;
	margin-bottom:			1px;
}
.leistungenText {
	float:				left;
	display:			block;
	width:				223px;
	height:				26px;
	background:			#e8e9eb;
	line-height:		16px;
	text-decoration:	none;	
	margin-bottom:		1px;
	padding-top:		10px;
	padding-left:		10px;
}

a:hover .leistungenText, a:active .leistungenText {
	background:			#c7cccf;
	cursor:					pointer;
}
a:hover .leistungenIcon, a:active .leistungenIcon {
	cursor:					pointer;
}