body {
	background-color: #f3f4f2;
	font-family: Arial;
	font-size: 10pt;
	color:#000;

}

img{
	border: 0;
}
/* allgemeine Festlegung der Links, wei?, hover hellblau */
a, a:link, a:visited, a:active {
	color: #fff;
	text-decoration: none;
	font-size: 8pt;
	font-weight: normal;
}

a:hover, a#aktuell {
	color: #2cecea;
	text-decoration: none;
	font-size: 8pt;
	font-weight: normal;
}
 
 
/* Ende allgemeine Festlegung der Links, wei?, hover hellblau*/

/* Link orange, hover unterstrichen */
 
a.orange, a.orange:link, a.orange:visited, a.orange:active {
	font-size: 10pt;
	color: #db5714;	
	text-decoration: underline;
	position: relative;
	top:5px;

}

a.orange:hover {
	font-size: 10pt;
	color: #db5714;	
	text-decoration: none;
	position: relative;

}

a.aktion, a.aktion:link, a.aktion:visited, a.aktion:active {
	font-size: 9pt;
	color: #db5714;	
	text-decoration: underline;

}

a.aktion:hover {
	font-size: 9pt;
	color: #db5714;	
	text-decoration: none;

}


/* Ende Link orange, hover unterstrichen */

/* verlinkte ?berschriften*/
a.gruen, 
a.gruen:link, 
a.gruen:visited {
	font: bold 12pt Arial, sans-serif;
	color: #009193;	
	text-decoration: none;
}

a.gruen:hover, 
a.gruen:active {
	color: #00b3b5;	
	text-decoration: underline;
}

/* Ende verlinkte ?berschriften*/
/* ?u?erer Kasten, sorgt daf?r, dass Seite immer mittig ist und float nicht rausl?uft */

#aussen {
	width: 1000px;
	margin-top: 0;
	margin-left:auto;
	margin-right:auto;
	background-color: #fff;
	margin-top:30px;
	text-align: left;
	height: auto;


}


/* ?u?erer Kasten mit float in diesem Kasten befinden sich alle anderen Elemente */

#inhaltscontainer{
	background-image: url(../bilder/hintergrund_streifen.gif);
	width: 1000px;
	min-height: 100px;
	float: left;

}



/* ?u?erer Kasten mit float in diesem Kasten befinden sich alle anderen Elemente f?r IE 6*/

* html #inhaltscontainer{
	background-image: url(../bilder/hintergrund_streifen_ie6.gif);
	width: 1014px;
	height: 100px;
	float: left;
	overflow: visible;
	
}


/* Der ganze Linke Teil in dem sich die navi das obere Logo und die obere linke Kante befindet*/


#navi{
	width: 179px;
	float: left;
	margin-right: 0px;
	height: auto;
	background-image:url(../bilder/gruen_rand_links.gif);
	background-repeat: no-repeat;
	padding-top:46px;
	
}


/* Der ganze Linke Teil in dem sich die navi, das obere Logo und die obere linke Kante befindet  f?r IE 6*/

* html #navi{
	width: 179px;
	float: left;
	margin-right: 0px;
	height: auto;
	background-image:url(../bilder/gruen_rand_links_ie6.gif);
	background-repeat: no-repeat;
	padding-top:46px;
	
}



/* Der ganze Rechte Teil in dem sich die text Bildleiste und obere Navigationen befinden*/

#inhalt{
		float:left;
		width: 810px;
		background-color: transparent;
		height: auto;

}


/* Im rechten Teil ganz oben Sprachennavi, launhardthydraulik-Schrift*/

#leisteoben{
	float: left;
	width: 830px;
	height: 46px;
}



/* Im rechten Teil ganz oben Sprachennavigation*/

#navioben{
	float: left;
	width: 228px;
	background-color: #fff;
	height: 16px;
	background-image:url(../bilder/oben_weiss.gif);
	background-repeat: repeat-x;
	padding-top: 30px;
	padding-left: 10px;
	color:#db5714;
}


#navioben a, #navioben a:link, #navioben a:visited, #navioben a:active {
	color: #000;
	text-decoration: none;
	font-size: 8pt;
	font-weight: normal;	
}

 
#navioben a:hover, #navioben a#aktuell {
	color: #db5714;	
	text-decoration: none;
	font-size: 8pt;
	font-weight: normal;


 }
 

/* Ende im rechten Teil ganz oben Sprachennavigation*/



/* Im rechten Teil ganz oben launhardthydraulik-Schrift*/
#bildoben{
	float: left;
	width: 589px;
	text-align: right;
	height: 46px;
	background-image:url(../bilder/gruen_rand.gif);
	background-repeat: repeat-x;
	
}

/* Im rechten Teil ganz oben launhardthydraulik-Schrift f?r IE*/
* html #bildoben{
	float: left;
	width: 592px;
	text-align: right;
	height: 46px;
	background-image:url(../bilder/gruen_rand.gif);
	background-repeat: repeat-x;
	
}

/* Im rechten Teil oben Bilderleiste und Kontaktnavi*/

#bildernavigation{
	float: left;
	padding-top: 20px;
	width: 810px;
	height: 124px;
	
}

/* bild in Bilderleiste floatet links*/
#bildernavigation img{
	float: left;
	
}

/* Kontaktnavi*/
#kleinenavi{
	height: 84px;
	width:141px;
	background-color: #009193;
	float: left;
	margin-left: 2px;
	padding-left: 10px;
	padding-top: 20px;
	line-height: 10pt;
}


/* Ende im rechten Teil oben Bilderleiste und Kontaktnavi*/


/* Hier der komplette Inhalt jeder speziellen Seite*/
#textinhalt{
	float:left;
	width: 483px;
	padding: 30px;
	padding-top: 20px;
	padding-bottom: 20px;
	height:auto;
	line-height: 14pt;

}

/* Tabelle der technischen Daten der Schwenkarme */

#textinhalt table{
	width: 470px;
	padding: 0px;
	text-align: left;
	margin: 0px;
	float: left;
}

#textinhalt td, #textinhalt th{
	
	padding-left: 8px;
	
}


/* f?r Seite Home unten Sonderlinks katalog und Top-Produkt */
.text_bild{
	width: 483px;
	float: left;
	margin: 0;
	padding:0;


}

/* f?r Seite Home unten Sonderlinks katalog und Top-Produkt links */
.text_bild a{
	color: #555;
	text-decoration: none;

}

.text_bild a:link{
	color: #555;
	text-decoration: none;

}

.text_bild a:visited{
	color: #555;
	text-decoration: none;

}


.text_bild a:hover{
	color: #555;
	text-decoration: underline;

}

.text_bild a:active{
	color: #555;
	text-decoration: none;

}

/* Ende f?r Seite Home unten Sonderlinks katalog und Top-Produkt links */

/* F?r Seite Home unten Sonderlinks katalog und Top-Produkt Bilder */
.bild{
	float: left;
	width: 250px;
	margin: 0;
	padding: 0;
	
	
}

/* F?r Seite Home unten Sonderlinks katalog und Top-Produkt Text */
.text{
	position: absolute;
	margin-left: 250px;
	width: 200px;
	float: right;
/*	padding: 0;*/
}

/* F?r Seite Home unten Sonderlinks katalog und Top-Produkt Text links */
.text a  {
	font-size: 10pt;
	color: #db5714;	
	text-decoration: underline;

}

.text a:link{
	font-size: 10pt;
	color: #db5714;	
	text-decoration: underline;

}
.text a:visited{
	font-size: 10pt;
	color: #db5714;	
	text-decoration: underline;

}

.text a:hover{
	font-size: 10pt;
	color: #db5714;	
	text-decoration: none;

}

.text a:active{
	font-size: 10pt;
	color: #db5714;	
	text-decoration: underline;
	

}

/* Klasen f?r orange große Schrift home*/
.gross_orange {
	font-size: 14pt;
	color: #db5714;
	font-weight: bold;	
	line-height: 17pt;

}

/* Klasen f?r schwarze große Schrift home*/
.gross_schwarz {
	font-size: 11pt;
	color: #000;
	font-weight: bold;
	line-height: 16pt;	
	

}

/* Ende f?r Seite Home unten Sonderlinks katalog und Top-Produkt Text */

/* F?r Seite Home unten Sonderlinks katalog und Top-Produkt Text IE7 */

*+ html .text{
	position: absolute;
	margin-top: 50px;
	margin-left: 0px;
	width: 200px;
	float: left;
}

/* F?r Seite Home unten Sonderlinks katalog und Top-Produkt Text IE6*/
* html .text{
	position: absolute;
	margin-top: 50px;
	margin-left: 0px;
	width: 200px;
	float: left;
}


/* ?berschrift der Textbereiche gr?n, gross*/
h1{
	color: #009193;
	font-size: 14pt;
	line-height:16pt;
	margin-bottom: 20px;
}

h2{
	font: bold 12pt Arial, sans-serif;
	color: #009193;
	line-height:16pt;
	margin-bottom: 10px;
}

h3{
	font: bold 10pt Arial, sans-serif;
	color: #000;
	line-height:14pt;
	margin-bottom: 5px;
}

/* ?berschrift orange, gross ("Austausch")*/
h1.orange {
	color: #db5714;
	font-size: 14pt;
	line-height:16pt;
	margin-bottom: 10px;
}

/* ? */

.margin-left{
	text-align: right;
	width: 483px;
	float: left;
	position: relative;
	bottom: 10px;
}

/* Ende der komplette Inhalt jeder speziellen Seite*/



/* Aktionsbereich auf der rechten Seite */

/* alles*/

#aktionen{
	float:left;
	background-image: url(../bilder/punktlinie.gif);
	background-repeat: repeat-y;
	padding: 25px 0 0 30px;
	width: 199px;
}

/* Der Text datum und Pfeil*/

.aktioninhalt{
	margin: -3px 0 0 0;
	padding: 3px 0 0 10px;
	background-color: #e8f4f4;
	color:#555;
	line-height: 10pt;
	width: 189px;
}


/* Der Text datum */
.aktioninhalt .datum{
	color:#555;
	font-style: italic;
	background-color: #e8f4f4;
	margin: 0;
	padding-left: 0px;
	line-height: 14pt;
	font-weight: bold;
	}

/* Listen in "datum" */
.datum ul {
	margin: 0 0 0 13px; 
	padding: 0;
	}

.datum ul li {
	padding: 0 0 0 5px;
	}


/* Der eigentliche Newstext  */
.aktioninhalt .news{
	color:#555;
	background-color: #e8f4f4;
	padding: 0 18px 15px 15px;
	line-height: 11pt;
	width: 150px;
}

.news ul {
	list-style-image: url(../bilder/bullet.gif);
	margin: 0;
	padding: 0 0 0 15px;
}



/*Das kleine Logo rechts unter Aktionen*/
#logo_rechts{
	width: 199px;
	text-align: right;
}


/* Ende Aktionsbereich auf der rechten Seite */


/* Footer Abschluss Bild-Kante untere Begrenzung der Seite */

#footer{
	background-image: url(../bilder/footer.gif);
	height:15px;
	float: left;
	width: 1000px;

}

* html #footer{
	background-image: url(../bilder/footer_ie6.gif);
	height:15px;
	float: left;
	width: 1014px;

}

/* Ende Footer Abschluss Bild Kante untere Begrenzung der Seite */



/* hier die Hauptnavigation auf der linken Seite*/

#navilinks{

	width: 150px;
	/*background-color: 009193;*/
	text-align: right;
	padding-top: 15px;
	line-height: 13pt;
	margin-left: 18px;
}


/*Listen in der Navigation allgemein*/

#navilinks ul{
	padding: 0px;
	margin: 0px;
	width:150px;
	list-style-type: none;
	text-align: right;
	background-color: transparent;
	
}

/*Zylinder und Maschinenpark*/
#navilinks .unterkategorie a{
	height: 18px;
	color: #02403f;
	font-style: italic;
	font-size: 9pt;
	display: inline;
}

#navilinks .unterkategorie a:link{
	height: 18px;
	color: #02403f;
	font-style: italic;
	font-size: 9pt;
	display: inline;
}


#navilinks .unterkategorie a:visited{
	height: 18px;
	color: #02403f;
	font-style: italic;
	font-size: 9pt;
	display: inline;
}


#navilinks .unterkategorie a:hover{
	height: 18px;
	color: #02403f;
	font-style: normal;
	font-size: 9pt;
	display: inline;
}


#navilinks .unterkategorie a:active{
	height: 18px;
	color: #03504f;
	font-style: italic;
	font-size: 9pt;
	display: inline;
}

#navilinks .unterkategorie a#aktuell{
	height: 18px;
	color: #2cecea;
	font-style: italic;
	font-size: 9pt;
	display: inline;
}
/*Ende Zylinder und Maschinenpark*/


/*gesamte Navigation unter Zylinder und Maschinenpark links*/
#navilinks li a:link {
	font-size: 8pt;
	font-style: normal;
	margin-right:10px;

	
} 

#navilinks li a {
	font-size: 8pt;
	font-style: normal;
	margin-right:10px;
	
} 

#navilinks li a:visited {
	font-size: 8pt;
	font-style: normal;
	margin-right:10px;
	
}
 
#navilinks li a:hover{
	font-size: 8pt;
	font-style: normal;
	margin-right:10px;
	
} 

#navilinks li a:active{
	font-size: 8pt;
	font-style: normal;
	margin-right:10px;
	
} 

#navilinks li a#aktuell{
	font-size: 8pt;
	font-style: normal;
	margin-right:10px;
	
} 

/* Ende gesamte Navigation unter Zylinder und Maschinenpark links*/


/*gesamte Navigation unter Zylinder und Maschinenpark*/
#navilinks li.gross{
	height: auto;
	font-style: normal;
	line-height: 13pt;
}

/*gesamte Navigation unter Zylinder und Maschinenpark IE6*/
* html #navilinks li.gross li{
	height: 15px;;
	font-style: normal;
}



/*Startseite, Unternehmen, LH-Schwenkarme, Lieferprogramm, katalog, Partner*/
#navilinks a{
	margin-left: 10px;
	color: #fff;
	text-decoration: none;
	font-size: 9pt;
	font-weight: normal;
	display:block;

}

#navilinks a:link { 
	color: #fff;
	text-decoration: none;	
	font-size: 9pt;
	font-weight: normal;
	display:block;	
}


#navilinks a:visited {
	color: #fff;
	text-decoration: none;	
	font-size: 9pt;
	font-weight: normal;
	display:block;
 }
 
 
#navilinks a:hover{
	color: #2cecea;
	text-decoration: none;
	font-size: 9pt;
	font-weight: normal;
	display:block;

 }
 
 
#navilinks a:active {
	color: #fff;
	text-decoration: none;	
	font-size: 9pt;
	font-weight: normal;
	display:block;


 }
 
 
#navilinks a#aktuell{
 	color: #2cecea;
	text-decoration: none;
	font-size: 9pt;
	font-weight: normal;
	display:block;

  }
  
  
/* Ende Startseite, Unternehmen, LH-Schwenkarme, Lieferprogramm, katalog, Partner*/

/* hier Ende Hauptnavigation auf der linken Seite*/


/*clear f?r float*/

hr {
	clear: both;
	visibility: hidden;
	display: none;
}

/*clear f?r float*/
.clear{
	font-size: 0;
	line-height: 0;
	clear: both;

}



/*Extra Navi im Inhaltsbereich der Seite z. B f?r die LH-Schwenkarm-Gruppen-Seite */
.unternavi{
	float: left;
	width: 100%;
	background-color: #e8f4f4;
	margin-bottom: 15px;
	padding: 0px;

}

.unternavi ul{
	float: left;
	width: 210px;
	margin: 0px;
	list-style: none;
	list-style-position: outside;
	padding: 5px;
	padding-left: 15px;
	
}



/*grau, orange hover ohne unterstrichen */
.unternavi a{
	color: #555;
	text-decoration: none;
	font-size: 8pt;
	font-weight: normal;	
	

}

.unternavi a:link{
	color: #555;
	text-decoration: none;
	font-size: 8pt;
	font-weight: normal;	
	

}

.unternavi a:visited{
	color: #555;
	text-decoration: none;
	font-size: 8pt;
	font-weight: normal;	
	

}

.unternavi a:hover{

	color: #db5714;	
	text-decoration: none;
	font-size: 8pt;
	font-weight: normal;
}


.unternavi a:active{

	color: #555;	
	text-decoration: none;
	font-size: 8pt;
	font-weight: normal;
}


.unternavi a#aktuell{

	color: #db5714;	
	text-decoration: none;
	font-size: 8pt;
	font-weight: normal;
}


/* Ende Extra Navi im Inhaltsbereich der Seite z. B f?r die LH-Schwenkarm-Gruppen-Seite */


/*allgemeine Klasse um Text und Bild im Inhaltsbereich nebenanander anzuordnen*/

.rechts_bild{

float:left;
width: 483px;
margin-bottom: 30px;
margin-left: 0px;

padding: 0px;


}

.rechts_bild p{

float:left;
width: 220px;
margin-right:10px; 
margin-top:10px;
margin-bottom: 10px; 
margin-left: 0px;
padding: 0px;


}

/*f?r Aufz?hlungen im Inhaltsbereich*/
ul.bull {
	list-style-image: url(../bilder/bullet.gif);
	float:left;
	margin: 10px 0 0 0;
	padding: 0 0 0 20px;
/*	list-style-position:outside;*/


}

li.weit {
	padding-top: 5px;
}

ul.nobull {
	list-style-image: none;
	list-style-type: none;
	margin:0px;
	padding: 0 0 0 0px;
	list-style-position:outside;


}

/*Ende allgemeine Klasse um Text und Bild im Inhaltsbereich nebenanander anzuordnen*/


.bildunterschriften {
	font-size: 9pt;
	color: #555;
	line-height: 11pt;
	float:left; 
	margin-top: 10px;
	width:220px;
	padding: 0px;
}

.bildunterschriften ul {
	margin-left: 0px;
}



.column{
	width: 280px;
	margin: 0px;
	margin-bottom: 35px;
	margin-top: 10px;
	padding: 0px;
	background-color: #eee;
	font-size: 9pt;
	line-height: 12pt;
	
}

.column img{
	border-top: 1px solid #000000;
}


.technischedaten{
	padding:10px;
}


.send{
	width: 380px;
	background-color:#e8f4f4;
}

.send table{
	margin: 20px;
	width: 380px;
	border: 1px dotted red;
	background-color:#e8f4f4;
}

.send tr {
	margin: 100px;
}

.top td {
	vertical-align: top;
	padding-bottom: 25px;
}


input{
	border:1px solid #009193; 
	outline: none;
	background-color:#fff;
	margin:5px;
	padding:2px;
	font-size:10pt;
	font-family:Arial;
	line-height:12pt;
}

input.check{
	border:1px solid #009193; 
	outline: none;
	background-color:transparent;
	margin:5px;
	padding:0;
	font-size:10pt;
	font-family:Arial;
	line-height:12pt;
}


textarea{
	border:1px solid #009193; 
	outline: none;
	background-color:#fff;
	margin:5px;
	padding:2px;
}


.submit, .submit:link, .submit:visited, .submit:focus {
	color:#009193;
	background-color: #eee;
	border:1px solid #009193; 
	outline: 1px solid #fff;	
}


.submit:hover, .submit:active {
	color:#009193;
	background-color: #eee;
	border:1px solid #fff; 
	outline: 1px solid #fff;	
}


submit{
	border:1px solid #009193; 
	border:none; 
	outline: none;	

}



a.sitemap, a.sitemap:link, a.sitemap:visited, a.sitemap:active{
	font-size: 8pt;
	color: #db5714;	
	text-decoration: none;
	line-height:11pt;
}

a.sitemap:hover{
	font-size: 8pt;
	color:  #009193;	
	text-decoration: none;
	line-height:11pt;
}