
body {
	margin: 0 ;
	padding: 0 ;
	background: #ffffff ;	
	background-image: url(../images/background.gif) ;
	background-position: top left ;		
	font-family: Arial,Helvetica,sans-serif ;
	font-size: 10pt ;
	color: #000000 ; }

a { 		
	color: #aa0000;
	text-decoration: underline; }	
	
a.oben { 		
	color: #000000;
	text-decoration: none; }		
	
td {
	font-family: Arial,Helvetica,sans-serif ;
	font-size: 10pt ;
	color: #000000 ; }

	

.headline {
	margin-top: -1px ;
	margin-bottom: 20px ;
	font-size: 18px ; }
	
	
.subheadline {	
width: 500px ;
		
	/*height: 20px ;*/
	margin-bottom: 10px ;
	padding: 0 0 2px 20px ;
	background-image: url(../images/bullet_subheadline.gif) ;
	background-position: top left ;		
	background-repeat: no-repeat ;	
	background-color: #eeeeee ;
	border-top: 1px dashed #dddddd ;
	border-bottom: 1px dashed #dddddd ;
	font-size: 10pt ;
	font-weight: bold ; }
	

.subsubheadline {	
	width: 500px ;
	font-size: 10pt ;
	font-style: italic ;
	font-weight: bold ; }
	
	
.absatzspacer {
	width: 20px ;
	height: 20px ; }
	

.referenzen {
	font-size: 9px ;
	color: #ffffff ; }
	
		
/* --------------------------------------------------- */
/* --------------------------------------------------- */	
/* --------------------------------------------------- */
/* --------------------------------------------------- */	
	

/* -- Logo Bereich -- */
/* ---------------------------------- */
#linie {
	position: relative ;
	padding: 0 ;
	margin: 10px 0 10px 0 ;
	width: 775px ;
	text-align: right ; }	

.logo_links {
	position: relative ;
	width: 305px ;
	/*background-color: #ffffee ;*/
	float: left ; }
	
.logo_mitte {
	position: relative ;
	padding-top: 55px  ;
	color: #aaaaaa ;
	font-size: 14px ;
	width: 195px ;
	/*background-color: #ffeeff ;*/
	float: left ; }

.logo_rechts {
	position: relative ;
	width: 245px ;
	/*background-color: #eeffff ;*/
	text-align: right ;
	float: right ; }
	
.quadbild {
	padding: 0 0 0 10px ;
	float: right ; }
	
/* ---------------------------------- */	

	
/* -- Leiste Schwarz -- */	
/* ---------------------------------- */
#leistebgtop {
	position: relative ;
	padding: 1px 0 0 0 ;
	margin: 0 ;
	background-color: #aaaaaa ;
	width: 100% ; }

#leisteschwarz {
	position: relative ;
	padding: 0 ;
	margin: 0 ;	
	height: 15px ;
	background-color: #000000 ;
	border-top: 1px solid #ffffff ; 
	border-bottom: 1px solid #ffffff ; }	


.schwarz_rechts {
	position: relative ;
	text-align: right ;
	width: 200px ;	
	font-size: 11px ;
	color: #ffffff ; 
	float: right ; }
	
a.impressum {
	font-size: 11px ;
	color: #ffffff ; 
	text-decoration: none ;}
		
.schwarz_links {
	width: 345px ;
	float: left ; }
	
/* ---------------------------------- */


	
/* -- Leiste Grau -- */	
/* ---------------------------------- */
#leistebgbottom {
	position: relative ;
	padding: 0 0 1px 0 ;
	margin: 0 ;
	background-color: #aaaaaa ;
	width: 100% ; }	
	
#leistegrau {
	position: relative ;
	height: 20px ;
	padding: 0 ;
	margin: 0 ;
	background-color: #c6c6c6 ;	
	border-bottom: 1px solid #ffffff ; }
	
.grau_links {
	position: relative ;
	margin: 3px 0 0 0 ;
	width: 280px ;	
	font-size: 11px ;
	color: #ffffff ;
	/*background-color: #eeffff ;*/
	float: left ; }

.grau_mitte {
	position: relative ;
	margin: 2px 0 0 0 ;
	width: 320px ;	
	font-size: 12px ;
	/*background-color: #ffeeff ;*/
	float: left ; }
	
.grau_rechts {
	position: relative ;
	width: 125px ;
	text-align: right ;
	/*background-color: #ffffee ;*/
	float: left ; }
/* ---------------------------------- */


/* -- Icons -- */
/* ---------------------------------- */
#iconspacer {
width: 530px ;
	/* bei IE width: 530px */
	padding: 5px 30px 6px 0 ;
	margin-bottom: 20px ;
	text-align: right ;
	border-bottom: 1px solid #dddddd ;
	float: right ; }

.icon {	
	padding: 0 0 0 20px ;
	float: right ; }

/* ---------------------------------- */




/* -- Layout -- */
/* ---------------------------------- */
#containerXL {
	position: relative ;
	padding: 0 ;
	margin: 0 ;
	width: 775px ; }
	
.container {
	position: relative ;
	padding: 0 ;
	margin: 0 ;
	width: 745px ; }
	
	
#menue {
	background-image: url(../images/background_menue.gif) ;
	background-position: top left ;		
	background-repeat: no-repeat ;
	position: relative ;
	padding: 20px 0 0 0  ;
	margin: 0 ;
	width: 220px ;
	/*height: 500px ;*/
	/*background-color: #eeeeee ;*/
	float: left ; }

/* zwischen Menue und Content */
#layoutspacer {
	position: relative ;
	padding: 0 ;
	margin: 0 ;
	width: 25px ;
	/*background-color: #eeffff ;*/
	float: left ; }

#contentXL {
	position: relative ;
	padding: 0 ;
	margin: 0 ;
	width: 530px ;
	/*background-color: #ffeeff ;*/
	float: left ; }	
	
#content {
	position: relative ;
	padding: 0 ;
	margin: 0 ;
	width: 500px ;
	/*background-color: #ffffee ;*/
	float: left ; }		

/* ---------------------------------- */



/* -- Menue -- */
/* ---------------------------------- */

/* Links für Hauptmenue ----------------------------------- */
a.menue {
	color: #000000 ;
	font-size: 12px;
	text-decoration: none ; }

a.menue:link, a.menue:visited, a.menue:activ { 	
	color: #000000 ;
	text-decoration: none ; }
	
a.menue:hover { 	
	color: #000000 ;
	text-decoration: underline ; }


a.menueclick {
	color: #000000 ;
	font-weight: bold ;
	font-size: 12px;
	text-decoration: none ; }

a.menueclick:link, a.menueclick:visited, a.menueclick:activ { 	
	color: #000000 ;
	font-weight: bold ;
	text-decoration: none ; }	
/* -------------------------------------------------------- */	

/* SubmenueLinks ------------------------------------------ */	
a.submenue {
	font-size: 12px;
	color: #000000 ;	
	text-decoration: none ; }

a.submenue:link, a.submenue:visited, a.submenue:activ { 	
	color: #000000 ;
	text-decoration: none ; }
	
a.submenue:hover { 	
	color: #000000 ;
	text-decoration: underline ; }


a.submenueclick {
	font-size: 12px;
	color: #000000 ;	
	text-decoration: underline ; }

a.submenueclick:link, a.submenueclick:visited, a.submenueclick:activ { 	
	color: #000000 ;
	text-decoration: underline ; }
/* -------------------------------------------------------- */		
	

.hptmenuehalter {
	position: relative ;
	background-image: url(../images/bullet_hptmenue.gif) ;
	background-position: top left ;		
	background-repeat: no-repeat ;
width: 220px ;
	padding: 4px 0 5px 40px ;	
	/*background-color: #eeeeee ;*/
	/*border-top: 1px solid #1a62b0;*/
	/*border-bottom: 1px solid #dddddd;*/
	margin: 10px 0 0 0 ; }
	

.hptmenuehalterclick {
	position: relative ;
	background-image: url(../images/bullet_hptmenue.gif) ;
	background-position: top left ;		
	background-repeat: no-repeat ;
width: 220px ;
	
	padding: 4px 0 4px 40px ;	
	/*background-color: #eeeeee ;*/
	/*border-top: 1px solid #1a62b0;*/
	border-bottom: 1px solid #dddddd;
	margin: 10px 0 0 0 ; }
	
.submenuehalter {
	position: relative ;
	background-image: url(../images/bullet_submenue.gif) ;
	background-position: top left ;		
	background-repeat: no-repeat ;
	width: 180px ;
	padding: 2px 0 2px 55px ;	
	/*background-color: #eeeeee ;*/
	/*border-top: 1px solid #1a62b0;*/
	/*border-bottom: 1px solid #dddddd;*/
	margin: 0 ; }
	
.subsubmenuehalter {
	position: relative ;
	background-image: url(../images/bullet_subsubmenue.gif) ;
	background-position: top left ;		
	background-repeat: no-repeat ;
	width: 180px ;
	padding: 1px 0 1px 68px ;	
	/*background-color: #eeeeee ;*/
	/*border-top: 1px solid #1a62b0;*/
	/*border-bottom: 1px solid #dddddd;*/
	margin: 0 ; }
	
.menuespacer {
	width: 50px ;
	height: 10px ; }
	


/* ---------------------------------- */
	
	
	
/* -- Footer -- */
/* ---------------------------------- */
#footer_links {	
	/*background-color: #eeeeee ;*/
	position: relative ;
	padding: 0 ;
	margin: 0 ;
	height: 43px ;
	width: 245px ;
	float: left ; }
	
#footer_rechts {	
	position: relative ;
	padding: 0 ;
	margin: 0 ;
	width: 500px ;
	float: right ; }

#footer_rechtsbg {	
	background-color: #eeeeee ;
	position: relative ;
	padding: 0 0 1px 0 ;
	margin: 15px 0 10px 0 ;
	width: 500px ; }

#footer_rechts_innen {
	font-size: 10px ;
	color: #000000 ;
	background-color: #eeeeee ;
	position: relative ;
	padding: 0 ;
	margin: 0 ;
	width: 500px ;
	height: 15px ;
	text-align: right ;
	border-bottom: 1px solid #ffffff; }
	
/* ---------------------------------- */		
/* --------------------------------------------------- */
/* --------------------------------------------------- */	
	
	
.spacer20 {
	position: relative ;
	height: 20px ;
	width: 20px ;
	float: left ; }
	
.spacer10 {
	position: relative ;
	height: 10px ;
	width: 10px ; }

.cleaner1 {
	position: relative ;
	height: 1px ;
	width: 1px ;
	clear: both ; }
		
.cleaner10 {
	position: relative ;
	height: 10px ;
	width: 10px ;
	clear: both ; }
	
.cleaner20 {
	position: relative ;
	height: 20px ;
	width: 20px ;
	clear: both ; }	

.cleaner25 {
	position: relative ;
	height: 25px ;
	width: 25px ;
	clear: both ; }	
	
.cleaner40 {
	position: relative ;
	height: 40px ;
	width: 40px ;
	clear: both ; }	
	
.cleaner60 {
	position: relative ;
	height: 60px ;
	width: 60px ;
	clear: both ; }	

	
	
	
/* -- Kernkompetenz -- */	
/* --------------------------------------------------- */

ul {
margin: 10px 0 0 40px ;
	
}

li {
	line-height: 20px ; }
/* --------------------------------------------------- */	


	
/* -- Kontakt -- */
/* --------------------------------------------------- */

.passbild {
	text-align: center ;
	width: 60px ;
	float: left ; }
	
.kontaktdaten {
	width: 320px ;
	margin-top: 10px ;
	float: left ; }

/* --------------------------------------------------- */



/* -- Produktion -- */
/* --------------------------------------------------- */

.produktbildcontainer {		
	/*background-color: #eeeeee ;*/
	margin-left: 20px ;
	margin-top: 40px ;
	width: 250px ;
	height: 270px ;
	float: right ; }

.produktbild {		
	width: 250px ; }	
	
.produktbildbeschreibung {		
	margin-top: 10px ;
	margin-bottom: 10px ;
	border-bottom: 1px solid #eeeeee ;
	border-right: 1px solid #eeeeee ;
	/*border-right: 1px solid #eeeeee ;*/
	text-align: center ;
	width: 250px ;
	font-size: 10px ; }
	
.produkttext {
	width: 230px ;	
	float: left ; }

.bildkleincontainer {	
	/*background-color: #eeeeee ;*/
	width: 500px ;
	text-align: center ; }
	
.produktbilderkl {
	border: 2px solid #ffffff ;
	margin-right: 4px ;
	margin-left: 4px ;
	margin-bottom: 10px ;
	width: 50px ;
	height: 50px ;
	float: left ; }
	
.produktbilderklmarker {
	border: 2px solid #cc0000 ;
	margin-right: 4px ;
	margin-left: 4px ;
	margin-bottom: 10px ;
	width: 50px ;
	height: 50px ;
	float: left ; }
	
	
	
a.bildweiter {
	border: 1px solid #bbbbbb ;
	background-color: #dddddd ;
	text-align: center ;
width: 250px ;
			
	text-decoration: none ;
	color: #555555 ;
	font-weight: bold ;
	font-size: 16px ;
	float: left ; }
	
a.bildweiter:link, a.bildweiter:visited, a.bildweiter:activ { 		
	float: left ; }
	
a.bildweiter:hover { 	
	background-color: #999999 ;
	color: #ffffff ;
	float: left ; }

	
/* --------------------------------------------------- */



/* -- Lieferanten -- */
/* --------------------------------------------------- */

.spalteLlinks {	
	text-align: right ;
	width: 100px ;
	float: left ; }
	
.spalteLrechts {
	width: 350px ;
	padding: 0 0 0 20px ;
	margin-top: 6px ;
	float: left ; }

/* --------------------------------------------------- */



/* -- GET PDF -- */
/* --------------------------------------------------- */

.getpdfcontainer {
	font-size: 10px ;
	width: 500px ;
	text-align: center ; }
	
/* --------------------------------------------------- */



/* -- Linkauflistung -- */
/* --------------------------------------------------- */

.linkliste {	
width: 500px ;
		
	/*height: 20px ;*/
	margin-bottom: 10px ;
	background-color: #eeeeee ;
	padding: 0 0 2px 20px ;
	background-image: url(../images/bullet_subheadline.gif) ;
	background-position: top left ;		
	background-repeat: no-repeat ;	
	border-top: 1px solid #dddddd ;
	border-bottom: 1px solid #dddddd ; }	

	
.linkbeschreibung {	
	font-size: 11px ;
	width: 500px ;
	padding: 0 0 10px 0 ;
	border-bottom: 1px dashed #dddddd ;
	margin-bottom: 40px ; }
/* --------------------------------------------------- */	
	
	
/* --------------------------------------------------- */
/* --------------------------------------------------- */
	



/* -- Tabellenerstatz -- */
/* --------------------------------------------------- */
	
/* -- Impressum -- */
.spaltexs {
	width: 50px ;
	float: left ; }	

/* -- Impressum -- */	
.spalte {
	width: 200px ;
	float: left ; }	

/* -- Geschichte -- */
.jahreszahl {
	padding: 4px 0 10px 4px ;
	background-image: url(../images/background_jahreszahl.gif) ;
	background-position: top left ;		
	background-repeat: no-repeat ;	
width: 50px ;
			
	color: #999999 ;
	
	float: left ; }	
	
.spaltexl {
	width: 450px ;
	float: left ; }	
	

			

/* --------------------------------------------------- */	
/* --------------------------------------------------- */	
/* --------------------------------------------------- */	
	


/* -- NEWSauflistung -- */
/* --------------------------------------------------- */

.newsdatum {	
	margin: 0 ;
	padding: 0 ;
	font-size: 11px ;
	text-align: right ;
	width: 500px ; }
	
	
.newsliste {	
width: 500px ;
		
	/*height: 20px ;*/
	font-size: 10pt ;
	margin: 0 0 10px 0 ;
	background-color: #eeeeee ;
	padding: 0 0 2px 20px ;
	background-image: url(../images/bullet_subheadline.gif) ;
	background-position: top left ;		
	background-repeat: no-repeat ;	
	border-top: 1px solid #dddddd ;
	border-bottom: 1px solid #dddddd ; }	

	
.newsbeschreibung {	
	font-size: 10pt ;
	width: 500px ;
	padding: 0 0 10px 0 ;
	border-bottom: 1px dashed #dddddd ;
	margin-bottom: 40px ; }
/* --------------------------------------------------- */	
	
	
/* --------------------------------------------------- */
/* --------------------------------------------------- */