/**********************************************************************

CSS Document

Website: http://www.ixs-technicaldivision.de/

Autor: MotorByte Software GmbH

***********************************************************************/

/********* DEFAULTS */

body, div, a, ul, li, h1, h2, h3, td, form{
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	background-color: #fdfdfd;
	text-decoration: none;
	margin: 0px;
	padding: 0px;
	border: 0px;
}

img {
  border:0;
}

a {
  text-decoration: none;
  font-weight: normal;
  border: 0;
  padding: 0;
  margin: 0;
}
table {
  empty-cells: show;
}

/********* DIVISIONS */

body {
  background: #fff;
  text-align: center;
}

div#container {
  margin: 0px auto;
  width: 1000px;
  background-color: #fff;
  text-align: left;
}
div#logo {
  top: 0;
  width: 1000px;
  height: 125px;
  margin-top: 4px;
  border-style: solid;
  border-color: #fff;
  border-width: 0;
  /*
  background: url(/assets//templates/parts/images/logo-hintergrund.jpg);
  background-repeat: repeat;
  */
  background: none;
}

div#logoleft {
  float: left;
  height: 120px;
  width: 441px;
  background: url(/assets/templates/parts/images/Hos_Motor_Part110.jpg);
  background-position: left;
  background-repeat: no-repeat;
}
div#logoleft2 {
  background: #ffffff;
  float: left;
  padding-top: 3px;
  height: 120px;
  width: 240px;
  text-align: left;
}

div#logoright {
  float: left;
  height: 120px;
  width: 318px;
  background: url(/assets/templates/parts/images/iXS_TechnicalDivision110.jpg);
  background-position: right;
  background-repeat: no-repeat;
}
span.user_section {
	text-transform: uppercase;
	font-weight: bold;
}

#WebLoginLayer0 {
	margin-top: 10px;
}

div#menu {
	clear: both;
	height: 20px;
	margin-top: 3px;
	background-image: url(/assets/templates/parts/images/menubar.png);
	background-repeat: repeat;
}

div.menuesbutton {
	width: 190px;
	background: #eaeaea;
}

div#innercontainer {
	/*clear: both;*/
	position: relative;
	width: 1000px;
	/*border-top: 1px solid #eaeaea;*/
	border: 0;
}

div#flash {
	clear: both;
	margin: 0;
	padding: 0;
	border: 0;
	text-align: center;
}

.topnav li {
	display: block;
	border-color: Gray;
	border: 0;
	border-left: 1px;
	border-right: 1px;
	border-style: solid;
	float: left;
	width: 198px;
	font-size: 12px;
	text-align: center;
}
.topnav a {
	color: #fff;
	display: block;
	text-decoration: none;
	background-image: url(/assets/templates/parts/images/menubar.png);
	background-repeat: repeat;
	font-size: 14px;
	width: 198px;
	height: 20px;
}
.topnav a:visited {
	text-decoration: none;
	color:#fff;
}
.topnav a:hover {
	color: #FFFF00;
	text-decoration: none;
	font-weight: bold;
}
.topnav li.here ul {
   display: block;
   margin:0;
}

.highlightmenu {
	background-color: #FFFF00;
	color: red;
}
.highlightmenu a {
	color: red;
	background-image: none;
	background-color: #FFFF00;
	font-style: italic;
}
.highlightmenu a:visited {
	color: red;
}
.highlightmenu a:hover {
	color: red;
}

div#content {
	padding: 0;
	margin: 0;
	padding-top: 5px;
}

div#ticker {
	height: 50px;
	overflow: hidden;
}
ul.newsticker {
	position: relative;
	left: 1000px;
	font: bold 11px Verdana;
	list-style-type: none;
	margin: 0;
	padding: 0;
}
#ticker .mask { /* that serves as a mask. so you get a sort of padding both left and right */
	position: relative;
	left: 10px;
	top: 8px;
	width: 1000px;
	overflow: hidden;
}
ul.newsticker li {
	float: left;
	margin: 0;
	padding: 0;
	background: #fff;
}
ul.newsticker a {
	white-space: nowrap;
	padding: 0;
	color: #ff0000;
	font: bold 22px Verdana;
	margin: 0 50px 0 0;
} 

/* News Header */
div#newHeader {
	width: 100%;
	height: 100px;
	background-image: url(/assets/templates/parts/images/news_middle.jpg);
	background-repeat: repeat;
	/*
	z-index: 1;
	*/
}
div#newsHeaderLeft {
	position: absolute;
	left: 0;
	width: 423px;
	height: 100px;
	background-image: url(/assets/templates/parts/images/news_left.jpg);
	/*
	z-index: 3;
	*/
}
div#newsHeaderRight {
	position: absolute;
	right: 0;
	width: 209px;
	height: 100px;
	background-image: url(/assets/templates/parts/images/news_right.jpg);
	/*
	z-index: 2;
	*/
}

/* News Content */
div#newsContent {
	clear: both;
	position: static;
	padding-left: 10px;
	padding-top: 10px;
	z-index: 20;
	overflow: scroll;
}
/* UL tags, i.e group of menu utems. 
It's important to add style to the UL if you're specifying margins. If not, assign the style directly
to the parent DIV, i.e. 

#dhtmlgoodies_slidedown_menu .slideMenuDiv1

instead of 

#dhtmlgoodies_slidedown_menu .slideMenuDiv1 ul
*/

#dhtmlgoodies_slidedown_menu .slideMenuDiv1 ul{
	padding:1px;
}
#dhtmlgoodies_slidedown_menu .slideMenuDiv2 ul{
	margin-left:5px;
	padding:1px;
}
#dhtmlgoodies_slidedown_menu .slideMenuDiv3 ul{
	margin-left:10px;
	padding:1px;
}
#dhtmlgoodies_slidedown_menu .slMenuItem_depth4 ul{
	margin-left:15px;
	padding:1px;
}
img#TB_closeImg {
	margin-top: -6px;
	margin-right: -6px;
}


/* jQuery clickmenu */
div.cmDiv
{
	border: 1px solid black;
	background-color: #eee;
}
.clickMenu
{
	margin: 0;
	padding: 0;
	cursor: default;
}
.clickMenu, .clickMenu ul
{
	list-style: none;
}
.clickMenu ul
{
	margin: 0;
	padding: 2px;
	border: 1px solid black;
	background-color: #eee;
	min-width: 100px; /* ie doesnt know this :/ */
	float: left;/*ie again*/
	width: 100%;/*and again*/
}
.clickMenu div.outerbox
{
	display: none;
	min-width: 106px; /* firefox produces animation-flickering when the box is bigger than this :/ */
}
.clickMenu div.inner
{
	top: 20px; /* for ie */
	left: 0;
	margin: 0;
}
.clickMenu div.inner div.outerbox
{
	margin: 0;
	left: 98px;
	left: 90px; /* for ie */
	top: -3px;
}
.clickMenu li
{
	position: relative;
	padding: 0 20px 0 2px;
	white-space: nowrap;
	/*white-space: nowrap; does not really work in ie */
}
.clickMenu li.main
{
	float: left;
	padding: 0 10px;
	background-color: #eee;
	height: 20px; /* for ie */
}
.clickMenu li.main li
{
	z-index: 2;
	min-width: 78px;
}
.clickMenu li.hover
{
	z-index: 1 !important; /* the hover z-index has to be below the normal one the hovering items may be drawn over a submenu */
	background-color: #aaa;
}
.clickMenu img.liArrow
{
	position: absolute;
	right: 5px;
	top: 0.41em;
}
.clickMenu a
{
	text-decoration: none;
	color: black;
	cursor: default;
}
/* thats for the shadowbox */
html>body div.outerbox
{
	padding: 0 5px 5px 0;
}
html>body div.shadowbox1
{
	position: absolute;
	right: 0;
	bottom: 5px;
	width: 5px;
	height: 100%;
	background: url(myshadow.png) no-repeat right top;
}
html>body div.shadowbox2
{
	position: absolute;
	bottom: 0;
	right: 5px;
	height: 5px;
	width: 100%;
	background: url(myshadow.png) left bottom;
}
html>body div.shadowbox3
{
	position: absolute;
	bottom: 0;
	right: 0;
	height: 5px;
	width: 5px;
	background: url(myshadow.png) no-repeat right bottom;
}
html>body .innerbox
{
	margin: 0;
	display: inherit;
}
/* jQuery clickmenu */

/* jQuery autocomplete */
.ac_results {
	padding: 0px;
	border: 1px solid WindowFrame;
	background-color: Window;
	overflow: hidden;
}

.ac_results ul {
	width: 100%;
	list-style-position: outside;
	list-style: none;
	padding: 0;
	margin: 0;
}

.ac_results li {
	margin: 0px;
	padding: 2px 5px;
	cursor: default;
	display: block;
	width: 100%;
	font: menu;
	font-size: 12px;
	overflow: hidden;
}

.ac_loading {
	background : Window url(/assets/templates/parts/images/indicator.gif) right center no-repeat;
}

.ac_over {
	background-color: Highlight;
	color: HighlightText;
}
/* jQuery autocomplete */
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> global settings needed for thickbox <<<-----------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
*{padding: 0; margin: 0;}


/* startpage by mdc */
#tooltip{
	position:absolute;
	border-bottom: 1px solid rgba(0,0,0,0.25);	
	background:#5b5b5b;
	padding:2px 5px;
	color:#f1f1f1;
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
	display:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
}