/* *******************************hubtex.css commentary BEGIN************************************************
What do we have here?
	#general instructions - formatting for default content elements
  	#products table
	#topmenu - the menu on top (with the orange dots in background)
	#navigation menu
  	#main menu - The menu on left
    	#first level entry 					This ought to be TS-entryLevel 0
  #submenu - the menu right to the main menu
    	#first level entry 					This ought to be TS-entryLevel 1
      #second level entry 					This ought to be TS-entryLevel 2
	#positioning - defines the position of the layouting div boxes
	#static layouting - layout for static contents on the website e.g. print link
	#formulare - form formattings
All formattings starting with _ are for Internet Explorer. These can be removed into a second
external stylesheet on launch.
That should be done quickly since IE7's behavior is different from IE6's

COLOR CODE
rgb(0,0,0) - #000000 - black
rgb(255,255,255) - #FFFFFF -  white
rgb(192,192,192) - #C0C0C0 - light gray
rgb(91,91,91)  - #808080 - dark gray
rgb(255,102,0) - #FF6600 - orange
 *******************************hubtex.css commentary END************************************************ */

h1,h2,h3,h4 {margin-bottom:-15px;}
h1 {display:block;with:100%;background-color: #C0C0C0;font-size:10pt;color:rgb(255,255,255);padding-left:4px;}
h2,h3 {color:rgb(255,102,0);font-family:sans-serif; font-weight:900;}
h4 {color:rgb(255,102,0);font-family:sans-serif;font-weight:900;}
h2 {font-size:12pt;}
h3 {font-size:10pt;}
h4 {font-size:12pt;}

body {background-color:#888888; }
body, p, li, a, marquee, td { font-family: Arial, sans-serif;font-size: 10pt;}
marquee {color:rgb(255,102,0);font-weight:900;}
td p {margin:0;padding:0;} 


a:link, a:visited {color:rgb(255,102,0);text-decoration:underline;}
a:hover, a:focus  {color:rgb(255,102,0);text-decoration:none;}
a.rechts:link, a.rechts:visited {color:rgb(0,0,0);text-decoration:underline;font-size:10pt;}
a.rechts:hover, a.rechts:focus  {color:rgb(0,0,0);text-decoration:none;font-size:10pt;}

a.oben {
	background-image: url(/fileadmin/bilder/navigation/circle.gif);
	background-repeat: no-repeat;
	display: inline;
	
line-height:40px;
	padding-left: 10px;
	padding-top: 4px;
	width: auto;
z-index:6;
}

a.oben:link,a.oben:active,a.oben:visited,a.oben:focus {
	color: #000000;
	font-family: sans-serif;
	font-size: 8pt;
	font-variant: small-caps;
	font-weight: bold;
	text-decoration: none;
}

a.oben:hover {
	cursor: pointer;
}

a.caption:link,a.caption:active, a.caption:visited, a.caption:focus {
	color: #000000;
	font-family: sans-serif;
	font-size: 10pt;
	text-decoration: underline;
}

a.caption:hover {
	text-decoration:none;
}



body {
	height: 90%;
	margin: 0 0 0 0;
	overflow: auto;
}

input#anzeigen {
	background-color: #FFFFFF;
	border: #000000 1px solid;
	color: #FF6600;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
}

span.drucktext {
	font-family: sans-serif;
	font-size: 8pt;
	font-variant: small-caps;
}

span.menukopf {
	font-family: sans-serif;
	font-size: 10pt;
	font-weight: 900;
	margin-bottom: 5px;
}

/*********** products table BEGIN ***********/

/*********** products table overview BEGIN ***********/

.compare-error {clear:both;margin:auto;}

#linkespalte {vertical-align:top;height:100%;}
#rechtespalte {vertical-align:top;border-left: 2px dotted #FF6600;padding-left:5px;height:100%;}

.raquo {text-decoration:none;color:#000000;}
.raquo  a {text-decoration:none;color:#000000;}

table.products {

	border-spacing:0;
	border:1px solid #FF6600;
}

table.products a, table.products a:visited {
	color: #000000;
	font-weight: bold;
	text-decoration: none;
}

table.products a:hover {
	color: #000000;
	font-weight: bold;
	text-decoration: underline;
}

table.products td {
	border: #FF6600 1px solid;
  border-left-width:0px;
	padding: 2px;
	text-align: left;

}

table.products th, table.products tfoot {
	background-color: #FF8839;
	border: #FF6600 1px solid;
	color: #FFFFFF;
	font-size: 10pt;
	font-weight: bold;
	text-align: left;
  padding-right:5px;padding-left:5px;
}

table.products th {font-size:10pt;text-align:center;}


select {
font-size:10pt;
font-family:Verdana,sans-serif;

}

/*********** products table overview END ***********/

/*********** products table comparison BEGIN ***********/

table#thegreatextraordinaryproducttablewrapper {
border-width:0px;
border-collapse:collpase;
padding:0;
border: #FF6600 1px solid;
border-right-width:0px;

}

table.comparison {

	border-spacing:0;


}

table.comparison a {
	color: #000000;
	font-weight: bold;
	text-decoration: none;
}

table.comparison a:hover {
	color: #000000;
	font-weight: bold;
	text-decoration: underline;
}

table.comparison td {
	border: #FF6600 1px solid;
	border-left-width:0px;
	padding: 2px;
	text-align: left;

}

table.comparison th, table.comparison tfoot {
	background-color: #FF8839;
	border: #FF6600 1px solid;
	color: #FFFFFF;
	font-size: 10pt;
	font-weight: bold;
	text-align: left;
	padding:2px;
}

table.comparison th {font-size:10pt;text-align:center;}


/*********** products table comparison END ***********/

/*********** products table singleview BEGIN ***********/

.produktdaten {
	position:relative; top:0px; left:0px; width:555px;

}


table.singleview {

	border-spacing:0;
	width: 100%;
	empty-cells:show;

}

table.singleview a {
	color: #000000;
	font-weight: bold;
	text-decoration: none;
}

table.singleview a:hover {
	color: #000000;
	font-weight: bold;
	text-decoration: underline;
}

table.singleview td {

	border: #FF6600 1px solid;
        padding: 2px;
	text-align: left;
}

table.singleview th, table.singleview tfoot {
	background-color: #FF8839;
	border: #FF6600 1px solid;
	color: #FFFFFF;
	font-size: 10pt;
	font-weight: bold;
	text-align: left;
}

table.singleview th {font-size:10pt;text-align:center;}

#left-single { witdh:180px; }
#einheiten-single { witdh:20px; }
#right-single { witdh:50px; }

/*********** products table singleview END ***********/

/*********** products table END ***********/

/*********** products form BEGIN ***********/

.opselected {
font-size:10pt;
}

.op {
font-size:10pt;
}

.alle {
font-size:10pt;
}

#filter {
font-size:10pt;
border: 1px ridge #000000;
background-color: #FFFFFF;



color:#FF6600;
}

#staplervergleichen {
font-size:10pt;
border: 1px ridge #000000;
background-color: #FFFFFF;
color:#FF6600;
}

#filtertire, #filtersteering, #filterengine, #filterseat, #filterhub, #filtereinsatz, #filtertraglast, #filterdurchmesser, #filtermaschbreite {
font-size:10pt;
color:#FF6600;
}

/*********** products form END ***********/

/* ***Wozu wird das gebraucht
td, div {
	font-family: sans-serif;
	font-size: 8pt;
}
*/

tr.second {
	background-color: #E8E8E8;
	color: #000000;

}



ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
}


/*********** main menu BEGIN ***********/
/*********** first level entry BEGIN ***********/

ul#main li {
	display: inline;
	white-space: nowrap;
}

ul#sub  li.ifsub a:hover {
	background-image: url("/fileadmin/bilder/navigation/orange-pfeil-ifsub.gif");
	background-repeat: no-repeat;
	color: #FF6600;
	font-family: Arial, Verdana,sans-serif;
	font-size: 10pt;
	padding: 2px 2px 0px 12px;
	text-decoration: none;
	width: auto;
}

ul#sub  li.selected a,  ul#subsub  li.selected a {
	background-image: url("/fileadmin/bilder/navigation/orange-pfeil.gif");
	background-repeat: no-repeat;
	color: #000000;
	font-family: Arial, Verdana,sans-serif;
	font-size: 10pt;
	padding: 2px 2px 0px 12px;
	text-decoration: none;
	width: auto;
text-align:right;
}

ul#sub  li.unselected a:hover, ul#subsub  li.unselected a:hover, ul#sub  li.selected a:hover, ul#subsub  li.selected a:hover {
	background-image: url("/fileadmin/bilder/navigation/orange-pfeil.gif");
	background-repeat: no-repeat;
	color: #FF6600;
	font-family: Arial, Verdana,sans-serif;
	font-size: 10pt;
	padding: 2px 2px 0px 12px;
	text-decoration: none;
	width: auto;
}

ul#sub li.ifsub a {
	background-image: url("/fileadmin/bilder/navigation/pfeil-ifsub.gif");
	background-repeat: no-repeat;
	color: #000000;
	font-family: Arial, Verdana,sans-serif;
	font-size: 10pt;
	padding: 2px 2px 0px 12px;
	text-decoration: none;
	width: auto;
}

/*********** first level entry BEGIN ***********/
ul#sub li.unselected a, ul#subsub li.unselected a {
	background-image: url("/fileadmin/bilder/navigation/pfeil.gif");
	background-repeat: no-repeat;
	color: #000000;
	font-family: Arial, Verdana,sans-serif;
	font-size: 10pt;
	padding: 2px 2px 0px 12px;
	text-decoration: none;
	width: auto;
text-align:right;
}

/*********** first level entry END ***********/
/*********** main menu END ***********/


/*********** submenu BEGIN ***********/
ul#subsub {

	margin-left: 5px;
	_margin-top: -15px;
}

#ankuendigung {
	height: 65px;
	left: 227px;
	overflow: auto;
	position: absolute;
	top: 35px;
	width: 500px;
}

#backmenu {
	background-color: #FFFFFF;
	display: table-cell;
	filter: alpha(opacity=70);
	height: 20px;
	left: 0px;
	-moz-opacity: 0.7;
	position: absolute;
	top: 120px;
	vertical-align: bottom;
	width: 990px;
	z-index: 1;
}

#bild {
	left: 0px;
	position: absolute;
	top: 35px;
	width: 720px;
  height:105px;
  overflow:hidden;
	z-index: 0;
}

#bild img {
margin: 0px 4px 0px 0px
}


#breadcrumb {
	float: left;
	padding-left: 2px;
}

#copy {
	float: right;
	padding-right: 2px;
}

#druckversion {
	height: auto;
	left: 875px;
	position: absolute;
	text-align: right;

	top: 562px;
	width: auto;
	z-index: 2;
}

#fusszeile {


	background-color: #FF6600;
	color: #FFFFFF;
	font-family: Verdana,sans-serif;
	font-size: 8pt;
	left: 0px;
	padding: 3px 0px 3px 5px;
	position: absolute;
	top: 577px;
	_top: 571px;
	width: 989px;
	z-index: 5;
}

#fusszeile a {
	color: #FFFFFF;
	padding-top: 2px;
	text-decoration: none;
}

#fusszeile a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}

#inhalte {
	height: 420px;
	left: 228px;
	overflow: auto; /*border-right: 1px dotted rgb(255,102,0);*/
	padding-right: 2px;
	position: absolute;
	top: 150px;
	width: 571px;
	z-index: 0;
}



/*
#inhalte h1 {
	background-color: #808080;
	color: #FFFFFF;
	display: block;
	font-family: sans-serif;
	font-size: 10pt;
	font-variant: small-caps;
	padding: 3px;
	width: 97%;
}
*/

#inhaltebreit {
	height: 420px;
	left: 228px;
	overflow: auto; /*border-right: 1px dotted rgb(255,102,0);*/
	padding-right: 2px;
	position: absolute;
	top: 150px;
	width: 770px;
	z-index: 0;
}

#inhalteoben {
	height: 75px;
	left: 310px;
	overflow: auto;
	padding-right: 2px;
	position: absolute;
	top: 22px;
	width: 430px;
	z-index: 0;
}

#logo {
	height: 45px; /* border-top:20px solid rgb(192,192,192); */
width: 254px;
	left: 735px;
	position: absolute;
	top: 25px;
	z-index: 1;
}

#marquee{
	height: auto; /* border-top:20px solid rgb(192,192,192); */
width: 254px;
	left: 735px;
	position: absolute;
	top: 75px;


	z-index: 99;
}


#logogross {

	height: 45px;
	width: 254px;
}



#mainmenu {
	border-bottom: #FF6600 2px dotted;
	left: 0px;
	padding: 3px 3px;
	position: absolute;
	text-align: left;
	top: 120px; /*top:100px;*/
	width: 989px;
	z-index: 2;
}

#mainmenu li.unselected a,#mainmenu  li.selected a:hover {
	color: #000000;
	font-family: Arial, Verdana,sans-serif;
	font-size: 10pt;
	 font-weight: 900;
	height: 10px;
	padding: 0em 0.5em;
	text-decoration: none;
	width: auto;
}

#mainmenu li.unselected a:hover, #mainmenu  li.selected a {
	color: #FF6600;
	font-family: Arial, Verdana,sans-serif;
	font-size: 10pt;
	 font-weight: 900;
	height: 10px;
	padding: 0em 0.5em;
	text-decoration: none;
	width: auto;
}

#menuoben {

	left: 5px;
	position: absolute;
	top: 5px;
	z-index: 3;
	width:auto;
	height:auto;
}

#rechts {
	height: 420px;
	left: 807px!important;
	_left: 805px;
	overflow: auto;
	position: absolute;
	top: 150px;
	width: 180px!important;
_width:182px;
padding-left:5px;
border-left: 2px dotted rgb(255,102,0);
}

#bodyWrap {
margin-left:-495px;
/*margin-top:-300px;top:50%;*/
left:50%;
top:0px;
position:absolute;
background-color:#FFFFFF;
height:595px;
width:994px;

}


/*
#rechts h1 {
	background-color: #808080;
	color: #FFFFFF;
	display: block;
	font-family: sans-serif;
	font-size: 10pt;
	font-variant: small-caps;
	padding: 3px;
	width: 96%;
}
*/

#searchbutton {
	background-color: #FF9900;
	border: #FF9900 1px outset;
	color: #000000;
	height: 20px;
}


#searchinput {
	background: #FFFFFF;
	border: 1px solid #000000;
	color: #333333;
	font-family: Verdana, sans-serif;
	font-size: 9pt;
	width: 150px;
}


#sprachen {
	left: 535px;
	position: absolute;
	top: 9px;
	width: auto;
	z-index: 1;
}

#submenu {
	border-right: #FF6600 2px dotted;
	height: 420px;

	left: 2px;
	position: absolute;
	top: 150px;
	width: 220px;
	z-index: 1;
}

#suche {
	left: 5px;
	position: absolute;
	top: 50px;
	z-index: 1;
}

#topbox {
	background-color: #C0C0C0;
	height: 20px;
	left: 0px;
	position: absolute;
	top: 0px;
	width: 994px;
z-index:0;
}

#outofsight {
position:absolute;
left:-666px;
top:0px;
width:500px;
height:200px;
overflow:auto;
display:none;
}

.menuserie {
        color:black;

}



/* ##### Formulare BEGIN ##### */

input,textarea { font-family:Arial, Verdana, Helvetica; font-size: 10pt; background-color: rgb(225,225,225); border: thin groove }
.tx-macinasearchbox-pi1 input {margin: 0px 5px 0px 0px;}

/* ##### Formulare END ##### */


.raquo {text-decoration:none;color:#000000;}
.raquo  a:link {text-decoration:none;color:#000000;}

.no-border {border-width:0px;}
.black-border {border: 7px solid #000000;}