body {
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
}

h2 {
	margin-top: 15px;
}

.productmaster {
	position: relative;
	width: 530px;
	left: 0px;
	top: 0px;
	min-height: 208px;
	height: 208px;
}

/************ productgroups info layer **************/

.groupInfo{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 530px;
	height: 208px;
	border: 1px solid #CCCCCC;
	visibility: hidden;
}

.groupInfoText{
	position: absolute;
	width: 510px;
	top: 4px;
	left: 10px;
}

.groupInfoImg{
	position: absolute;
	top: 73px;
	left: 3px;
}

.groupInfoText2{
	position: absolute;
	width: 206px;
	top: 18px;
	left: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
}

.groupInfoImg2{
	position: absolute;
	width: 300px;
	top: 3px;
	left: 225px;
}

/************ products/trucks group Navigation **************/
.groupNav {
	position: relative;
	width: 530px;
	left: 0px;
	top: 5px;
	height: 120px;
}

.groupNav1 {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 170px;
	visibility: visible;
	padding-bottom: 25px;
}

.groupNav2 {
	position: absolute;
	top: 0px;
	left: 178px;
	width: 170px;
	visibility: visible;
	padding-bottom: 25px;
}

.groupNav3 {
	position: absolute;
	top: 0px;
	left: 355px;
	width: 170px;
	visibility: visible;
	padding-bottom: 25px;
}

.grouplink {
	font: bold 11px/15px Arial, Helvetica, sans-serif;
	font-weight: bold;
	display: block;
	position: relative;
	width: 177px;
	height: auto;
	padding: 0px 0px 0px 10px;
	background-color: #FFFFFF;
	border-left: 1px solid #CCCCCC;
	padding-top: 3px;
	padding-bottom: 3px;
}

.grouplink a:link, .grouplink a:visited{
	color: #777777;
	text-decoration: none;
	display: block;
}

.grouplink a:link:hover, .grouplink a:visited:hover {
	color: #000000;
}

/** Cluster **/
.cluster {
	position: relative;
	width: 530px;
	left: 0px;
	top: 0px;
}

.cluster .intro {
  margin-bottom: 25px;
}

.cluster table {
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
}

.cluster td {
	border-top: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	width: 123px;
	text-align: center;
}

.cluster td#first {
	width: 32px;
	text-align: center;
}

.cluster .type_name {
	font: bold 11px/16px Arial, Helvetica, sans-serif;
	height: 20px;
	text-align: center;
	vertical-align: top;
	background-color: #eeeeee;
}

.cluster .type_data {
	font: normal 11px/16px Arial, Helvetica, sans-serif;
	height: 20px;
	text-align: center;
}

.cluster .type_name a:link, .cluster .type_name a:visited{
	color: #000000;
	text-decoration: none;
	display: block;
	padding-left: 4px;
	padding-right: 4px;
	padding-top: 2px;
	padding-bottom: 2px;
}

.cluster .type_name a:link:hover, .cluster .type_name a:visited:hover {
	color: #000000;
	background-color: #cccccc;
	padding-left: 4px;
	padding-right: 4px;
	padding-top: 2px;
	padding-bottom: 2px;
}

.cluster .legende {
	margin-top: 8px;
	margin-left: 1px;
	margin-bottom: 25px;
}


/** Typenblatt **/

.datasheet_content {
	position: absolute;
	width: 530px;
	left: 220px;
	top: 142px;
	padding-bottom: 25px;
}

div#extra {
	display:none;
}

.datasheet_extra {
  position:absolute;
  height: 100%;
  top: 174px;
  left: 760px;
  width: 180px;
  float: left;
  font-size: 11px;
}

/*
  left: 760px;
  width: 180px;
*/

.datasheet_extra_plus_navi {
  position:absolute;
  height: 100%;
  left: 760px;
  top: 142px;
  width: 180px;
  float: left;
  font-size: 11px;
}

.datasheet_banner {
	border: 0px;
	margin-bottom: 15px;
	z-index: 100;
	text-align: center;
}

 .datasheet_navi {
	font-weight: normal;
	border: 1px solid #cccccc;
	margin-bottom: 15px;
	padding: 0px;
	z-index: 99;
}

.datasheet_navi a:link, .datasheet_navi a:visited {
	text-decoration: none;
	color: #777777;
}

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

ul.subnav {
	margin: 0px;
	margin-top: 8px;
	border: 0px;
	padding: 0px;
	/* Achtung: Pfad relativ zum CSS_File! */
}
/*

*/
ul.subnav li {
	list-style: none;
	margin: 0;
	border: 0;
	margin-left: 8px;
	padding: 1px;
	list-style-image:url(../img/arrownav_off.gif);
}

ul.subnav li.active, ul.subnav li.active a, ul.subnav li.active a:hover, ul.subnav li.active a:visited {
	font-weight: bold;
	color: #000000;
	/* Achtung: Pfad relativ zum CSS_File! */
	list-style-image:url(../img/arrownav_on.gif);
}

.reiter_navi {
	font: normal 11px/20px Arial, Helvetica, sans-serif;
	color: #000000;
	position: relative;
	width: 530px;
	left: 0px;
}

#pdf_dropdown, #services_dropdown {
	background-color: #eeeeee;
	font: normal 11px/20px Arial, Helvetica, sans-serif;
	color: #000000;
	position: absolute;
	left: 0px;
	top: 0px;
	border: 1px solid #cccccc;
	vertical-align: middle;
	padding-bottom: 3px;
}

.dropdown_navi {
	z-index: 100;
}

#pdfnav a, #servicesnav a {
	cursor:default;
/*
	font: normal 11px/20px Arial, Helvetica, sans-serif;
	color: #777777;
	text-decoration: none;
	padding-left: 12px;
	padding-right: 12px;
	*/
}

.reiter_navi a:link, .reiter_navi a:visited, .dropdown_navi a:link, .dropdown_navi a:visited {
	font: normal 11px/20px Arial, Helvetica, sans-serif;
	color: #000000;
	text-decoration: none;
	padding-left: 12px;
	padding-right: 12px;
	display: block;
        z-index: 110;
}

.reiter_navi a:link:hover, .reiter_navi a:visited:hover, .dropdown_navi a:link:hover, .dropdown_navi a:visited:hover {
	font: normal 11px/20px Arial, Helvetica, sans-serif;
	color: #000000;
	background-color: #cccccc;
	padding-left: 12px;
	padding-right: 12px;
	display: block;
}

.reiter_active {
	font: normal 11px/20px Arial, Helvetica, sans-serif;
	color: #000000;
	border-top: 1px solid #cccccc;
	border-left: 1px solid #cccccc;
	vertical-align: middle;
}
.reiter_inactive {
	font: normal 11px/20px Arial, Helvetica, sans-serif;
	color: #000000;
	border-top: 1px solid #cccccc;
	border-left: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	background-color: #eeeeee;
	height: 20px;
	vertical-align: middle;
}
.reiter_empty {
	border-left: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	background-color: #ffffff;
	height: 20px;
}

.reiter_active_buy {
	font: normal 11px/20px Arial, Helvetica, sans-serif;
	color: #000000;
	border-top: 1px solid #cccccc;
	border-left: 1px solid #cccccc;
	vertical-align: middle;
	padding-left: 12px;
	padding-right: 12px;
}
.reiter_inactive_buy {
	font: normal 11px/20px Arial, Helvetica, sans-serif;
	color: #000000;
	border-top: 1px solid #cccccc;
	border-left: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	background-color: #ffcc00;
	height: 20px;
	vertical-align: middle;
}

div.border {
	border: 1px solid #CCCCCC;
	height: 18px;
	width: 527px;
	z-index: 10;
	background-color:#EEEEEE;
}

.product_head {
	position: relative;
	padding-top: 25px;
	font-weight: bold;
	float: left;
	width: 260px;
}


#advantages {
	position: relative;
	z-index: 10;
}

.product_img {
	position: relative;
	margin-top: 3px;
	margin-bottom: 3px;
	width: 260px;
	overflow: hidden; /* verhindert, dass die Breite des DIVs durch zu Breite Bilder ueberschritten wird. */
}

.product2 {
	padding-top: 20px;
	padding-bottom: 10px;
	position: relative;
	width: 530px;
	border-top: 1px solid #cccccc;
	list-style-image: none;
	list-style-type: square;
}

.product2 ul {
	margin-top: 0px;
	margin-bottom: 0px;
}

.advantage_text {
	position: relative;
	padding-top: 25px;
	width: 342px;
	margin-right: 10px;
	/* float: left; */
}

.advantage_img {
	float: right; 
	position: relative;
	vertical-align: top;
	padding-top: 40px;
	width: 168px;
	overflow: hidden; /* verhindert, dass die Breite des DIVs durch zu Breite Bilder ueberschritten wird. */
	clear: both; /* wenn Bilder zu hoch sind, werden die nachfolgenden Bilder hiermit trotzdem korrekt darunter ausgerichtet und nicht rechts daneben */
}

.advantage_img_legend {
	font: normal 9px/13px Arial, Helvetica, sans-serif;
	color: #777777;
	margin-top: 4px;
}

/* ungenutzt */
.advantage2 {
	margin-top: 6px;
	border-top: 1px solid #CCCCCC;
	padding-top: 20px;
	position: relative;
	width: 530px;
}

.datasheet_content ul li {
	list-style-image: none;
	list-style-type: square;
}

.datasheet_content ul {
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 20px;
	padding-left: 0px;
	border-left: 0px;
}

.datasheet_content .product2 ul {
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 20px;
	padding-left: 0px;
	border-left: 0px;
}