/*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/* --- Body --- */
/*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
body{
	margin: 0;
	padding: 0;
	font-family: Arial, Verdana, sans-serif;
}
html, body, #contents{
	min-height: 100%;
	width: 100%;
	height: 100%;
}
html>body, html>body #contents{
	height: auto;
	min-height: 924px;					/*--- Andere Browser (!IE) unterstützten leider keine futuristische Fußleiste ---*/
	padding-bottom: 1px;				/*--- Ein Hook damit die Fußzeile bei Mozilla-Browsern nicht über den Content rutscht ---*/
}
/*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/* --- Haupt-Container --- */
/*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
#contents{
	position: relative; 				/*--- bei der Verwendung mit Lightbox muss hier die relative Positionierung verwendet werden ---*/
	top: 0;
	left: 0;
	border: 0px solid black;
	width: 100%;
	height: 100%;
	min-width: 1000px;
	background-image: url(../images/stripe10x60.jpg);
	background-repeat: repeat-x;
}
html{
	border: 0px solid black;
	background-position: right top;
	background-image: url(../images/stripe60x10.jpg);
	background-repeat: repeat-y;
	min-width: 1000px;
}
/*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/* --- Logo --- */
/*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
#logoline
{
	width: 100%;
	min-width: 1000px;
	border: 0px solid black;
	height: 60px;
	float: none;
	background-image: url(../images/curve1.gif);
	background-repeat: no-repeat;
	background-position: right top;
}
#logocont
{
	
    /*width: 898px;*/
	display: block;
	border: 0px solid black;
	float: left;
}
#logocont img{
	float: left;
	padding-top: 15px;
	
}
#logo{
	margin-left: 80px; 
}
/*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/* --- Inhalt --- */
/*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
#content 
{
	margin: 2em 20em 9em 3.5em;
	border: 0px solid black;
}
#content p{
	font-size: 80%;
	line-height: 1.6em; 
	padding-left: 1.2em;
}
.h4intro{
	font-family: Arial, Sans-Serif;
	font-size: 0.8em;
	text-transform: uppercase; 
	text-align: left;
	border-bottom: 1px solid rgb(50%, 50%, 35%);
}
.h2intro
{
	font-family: Arial, Verdana, Sans-Serif;
    font-size: 1.0em;
    font-weight: bold;
    text-transform: uppercase;
    width: 250px;
    margin-left: 0px;
    border-bottom: 1px solid rgb(50%, 50%, 35%);
}
/*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/* --- Navigation --- */
/*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
#nav{
	position: absolute;
	top: 6em;
	right: 4em;
	width: 240px;
	border: 0px solid black;
	color: black;
	background-color: Transparent;
	padding-bottom: 50px;
	background-image: url(../images/quality.png);
	background-position: center bottom;
	background-repeat:no-repeat;
	z-index: 0;
}
#nav ul{
	list-style: none;
	margin-left: 0em;
	padding-left: 0;
}
#nav li{
	font-size: 70%;
	padding-top: 3px;
	padding-bottom: 1px;
	border-bottom: 1px solid rgb(85%, 84%,69%);
	margin-bottom: 0.3em;
}
#nav img{
	border: 0px solid black;
	margin-bottom: -2px;
}
#nav a:link, #nav a:visited{
	text-decoration: none;
	background-color: transparent;
	color: #636363;
	padding-left: 1px;
}
#nav a:hover{
	color: #1E8908;
	/*neu--*/
	background-color: white;
	/*--neu*/
	padding: 1px 2px 1px 2px;
	border: 1px solid  #1E8908;
}
#nav h2{
	color: black;
	background-color: transparent;
	font-family: Arial, Verdana, Sans-Serif;
	font-size: 0.8em;
	text-transform: uppercase; 
	text-align: left;
	border-bottom: 1px solid rgb(50%, 50%, 35%);
}
a{
	color: #009900;
	background-color: white;
}
/*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/* --- Footer --- */
/*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
#footerContainer{
		position: absolute;
		bottom: 0px;
		border: 0px solid red;
}
#footer{
	background-color: white;
	color: #626262;
	font-size: 70%;
	margin-left: 10px;
	margin-right: 60px;
}
#footerVoid{
	border: 0px solid black;
	float: right;
	width: 0px;
}
/*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/* --- Item Catalog (Table) --- */
/*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*Image Anhaenger*/
.picApkw{
	height: 96px;
} /*Pkw*/
.picAlkw{
	height: 96px;
} /*Lkw*/
.catalog th{
	text-align: right; 
	padding: 0 0.5em; 
	border-bottom: 1px solid gray;
	border-right: 1px solid gray;
	font-size: 0.70em; 
	white-space: nowrap; 
}
.catalog td{
	text-align: right; 
	padding: 0 0.5em; 
	border-bottom: 1px solid gray;
	border-right: 1px solid gray;
	font-size: 0.70em;
	font-family: Verdana, "Andale Mono", Curier, "Curier New", monospace;
}
/*
.catalog tr.odd{
	background: #EEE;
}
*/
.catalog th.bild{
	padding:  10px 5px 10px 5px; 
	text-align: center;
	color: black;
	background-color: white;
}
.catalog th.masse{
	background: url(../images/lxbxh2.jpg) no-repeat center; 
	vertical-align: bottom;
	/*border: 1px solid gray;*/
	/*--neu*/
	border-bottom-style: solid;
	border-color: gray;
	border-right-style: solid;
	border-right-color: #EEE; 
	/*neu--*/
	border-width: 0 1px 1px 0;
	white-space: normal;
	/*border-right: 1px solid #EEE;*/
}
.catalog th.preis 
{
	background: url(../images/eurosign2.jpg) no-repeat center;
	vertical-align: bottom; 
	/*border: 1px solid gray;*/
	/*--neu*/
	border-bottom-style: solid;
	border-color: gray;
	border-right-style: solid;
	border-right-color: #EEE; 
	/*neu--*/
	border-width: 0 1px 1px 0; 
	white-space: normal; 
	/*border-right: 1px solid #EEE;*/
}
.catalog th.gewicht{
	background: url(../images/kgsign2.jpg) no-repeat center;
	vertical-align: bottom; 
	/*border: 1px solid gray; */
	/*--neu*/
	border-bottom-style: solid;
	border-color: gray;
	border-right-style: solid;
	border-right-color: #EEE; 
	/*neu--*/
	border-width: 0 1px 1px 0; 
	white-space: normal; 
	/*border-right: 1px solid #EEE;*/
}
.catalog th.bezeichner{
	text-align: left;
}
.catalog th.bezeichner img.c3
{
	vertical-align:middle;
	margin-right: 4px;
	margin-top: 4px;
	margin-bottom: 4px;
	height: 36px; /*35*/
}
img.icohand
{
	height: 16px;
	width: 16px;
	border: 0px;
}

/*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/* --- Footer (Table) --- */
/*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
#footerTable{
	width: 100%;
}
#footerTable td{
	vertical-align: bottom; 
	white-space:nowrap; 
	table-layout:fixed;
}
#ftPhone{
	background-image: url(../images/phone.gif); 
	background-position:left bottom; 
	background-repeat: no-repeat; 
	padding-top: 8px; 
	padding-left: 25px;
	font-weight: normal;
}
#ftFax{
	background-image:url(../images/fax.gif); 
	background-position:left bottom; 
	background-repeat: no-repeat; 
	padding-top: 8px; 
	padding-left: 25px;
	font-weight: normal;
}
.ftRentPoint{
	font-weight: bold; 
	font-size: 1.0em; 
	color: green; 
	background-color: white;
	padding-top: 2px; 
	text-align: left;
}
.ftFirstRow{
	border-top: 1px solid rgb(85%, 84%, 69%);
	padding-right: 45px;
	font-weight: bold;
}
/*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/* --- Framed Introduction/Info --- */
/*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
.x368
{
	margin: 0; 
	background-color: #DFDCDC;
	height: 36px; width: 368px;
	background: url(../images/gray-40-368-36.png) no-repeat left top;	
}
.x368 h2
{
	margin: 0;
	border: 0px solid yellow; 
	padding: 12px 15px  5px 15px;
	text-align: center; 
	font-size:16px; 
	font-weight: bold;
	color: Black;
}
.x500
{
	margin: 0; 
	background-color: #DFDCDC;
	height: 20px; width: 500px;
	background: url(../images/gray-40-500-20.png) no-repeat left top;	
}
.x500 h2
{
	margin: 0;
	border: 0px solid yellow; 
	padding: 6px 15px  5px 15px;
	text-align: center; 
	font-size:11px; 
	font-weight: bold;
	color: Black;
}
.x500Head{
	padding: 0; 
	margin: 0;
	color: black; 
}
.intro{
	border: 0px solid black; 
	width: 500px; 
	margin-top: 20px; 
	padding-bottom: 5px;
}       
.introHead{
	padding: 0; 
	margin: 0;
	color: black; 
	background-color: #DFDCDC;
}
.x606Head{
	padding: 0; 
	margin: 0;
	color: black; 
}
.x606{
	border: 0px solid black; 
	margin: 0; 
	background-color: #DFDCDC;
	height: 20px; width: 606px;
	background: url(../images/gray-40-606-20.png) no-repeat left top;
} 
.x606 h2{
	border: 0px solid yellow; 
	padding: 6px 15px  5px 15px;
	text-align:right; 
	font-size:11px; 
	font-weight: bold;
	color: Black;
}
.introHeadText{
	border: 0px solid black; 
	margin: 0; 
	text-align:center; 
	font-size:1.0em; 
	font-weight: bold;
	background-color: #DFDCDC; 
	color: black;
}
.introHeadText h2{
	border: 0px solid black; 
	margin: 0; 
	text-align:center; 
	font-size:1.0em; 
	font-weight: bold;
	background-color: #DFDCDC; 
	color: black;
}
.introText{
	border-left: 1px solid #DFDCDC; 
	border-right: 1px solid #DFDCDC; 
	border-bottom: 1px solid #DFDCDC; 
	padding: 15px; 
	font-size: 0.9em; 
	color: #636363;
	background-color: white;
}
.introText textarea{
	width:460px;
	border: 1px solid #DFDCDC;
}
.introText input.text{
	width:270px;
	border: 1px solid #DFDCDC;
}
.introText span{
	font-size: 0.9em;
}
.intro p{
	margin: 0;
	padding: 5px 10px 0px 10px;
	text-align: justify;
}
.introText p.error{
	color: red;
	background-color: white; 
	font-weight: bold;
	width: 345px;
}
.introText p.privacy{
	font-weight: bold; 
}
.introText h5{
	padding: 5px 15px 0px 15px;
	margin: 5px 0px 5px 0px ;
}
/*Image runde Ecken*/
.rndpic{
	height: 8px;
}
.rndtop{
	background: url(../images/rnd-right-top-gray.gif) no-repeat right top;
}
.rndtopblack{
	background: url(../images/rnd-right-top-8x8-black.png) no-repeat right top;
}
.rndbottom{
	background: url(../images/rnd-right-bottom-gray.gif) no-repeat right top;
}
.rndbottomblack{
	background: url(../images/rnd-right-bottom-8x8-black.png) no-repeat right top;
}
.rndbottomfeet{
	color: black;
	background-color: white;
}
/*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/* --- Detail-Bilder --- */
/*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
.catalog td.details {padding: 0; padding-bottom: 1px;}
.catalog div.pict{margin: 1px;}
.catalog div.pictLittl img{padding: 1px;}
.catalog div.pictLittl{float: left; height: 44px; border: 1px solid #DFDCDC;}
.catalog div.pictLittl img {height: 40px; border: 1px solid gray;}
.catalog div.pictLittl a:hover a:visited{background-color: #DFDCDC;}

.klassenFE {font-weight:bold;}
.tabLink {text-decoration: none; font-weight: bold;}
.catalog td.availability {padding-top: 6px; padding-bottom: 6px; text-align: left; text-align:center;}

acronym
{ 
    border-bottom: dashed 1px #3AF415;
    cursor: help; 
}