/* ***  Generated by www.csscreator.com  *** */
/* this formatting applies to the whole document */
* { /* general formatting */
	font-family: Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	font-size: 12px; /* important if user sets the windows-system font-size to "high" */
	color: #153B63;
}
html, body{ 
/* margin:0; 
 padding:0; */
 text-align:center; /* for central alignment of the page in IE */
}
body {
	overflow-y: auto; /*for hiding vertical scrollbar when not neccessary (IE) */
} 
table {
	border: none;
	border-collapse: collapse;
	border-spacing: 0;  /* for Netscape borders in tables */
}
td {vertical-align: top;}

h1 {
	font-size: 20px;
	font-weight: bold;
	padding: 8px 0 8px 12px;
	background-color: #B4C6D9;
	border-top: 8px solid #829DBA;
}
h1 span{
	display:block;
	font-size: 12px;
	padding: 4px 0 0px 0px;
	top: 43px;
}
h1 span.description {
	font-weight: normal
}

a {
	text-decoration: none;
}
img {
	border: none;
}
 
#body{ 
 width: 720px; 
 text-align:left; /*revert central alignment for IE*/
 min-width: 500px;margin-left:auto; 
 margin-right:auto; 
} 
/* HEAD FORMATTING */
#head {
	width:100%; 
	background-color: white;
	
} 
#head * {
	font-size: 10px;
} 
#head div img {
	vertical-align: text-top;
}
#head div a {
	display: block;
	float:left;
	border-right: 1px solid white;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 2px;
	padding-top: 2px;
}
div#head p#headerDate {
	display: block;
	padding: 2px 10px 0 10px; 
	float: left;
}
div#headGeneralInfoLinks, div#headGeneralFunctLinks {
	background-color: #B4C6D9;
	height: 17px; 
}
div#headGeneralInfoLinks {
	float: right;
	border-left: 1px solid white;	
}

* html div#headGeneralInfoLinks { /* IE float bug hack */
	margin-left: -3px;
}
#head #boschLogo {
	text-align: right;
}
/* END OF HEAD */
/* NAVI FORMATTING*/
#navi {
	width:180px; 
	float:left; 
	position:relative; 
	margin-left:-180px; 
	margin-right:0px;
	background-color: #829DBA;
	padding-top:48px; /* if no basket is needed, the basket <div> can be deleted from the html file and the mainCategories remain at the same position. */
}
div#navi a {
	display: block;
	padding: 1px 0 0px 4px;
	font-size: 11px;
}
* html div#navi a, * html div#navi  h1 {position: relative;} /* IE Bug */
div#basket {
	background-color: #829DBA;
	height: 45px;
	position: absolute;
	top: 3px;
	left: 3px;
	overflow: hidden;
}
div#basket a {
	line-height: 13px;
	padding: 0 0 0 35px;
}
div#basket h1{
	font-weight: bold;
	margin: 0 0 1px 0;
	padding: 4px 0 0 0;
	background-color: transparent;
	border-top: 0px solid #829DBA;
}
div#basket h1 a {padding-left:3px;}
div#basket * {padding-left:5px;}

div#mainCategories a {
	font-weight: bold;
	background-image: url(../img/arrow_right_naviBg1.gif);
	background-repeat: no-repeat;
	background-position: top left;
	padding-bottom: 2px;
	padding-left: 12px;
}
div#mainCategories a:hover {cursor: pointer;}
div#categories, #login {
	background-color: #153b63;
}
div#categories h1 {
	border-top: 1px solid #B4C6D9;
}
div#categories h1, div#login h1{
	font-size:13px;
	font-weight:bold;
	padding: 15px 0 5px 8px;
	color: white;
	background-color: #153b63;
}
div#categories a {
	background-image: url(../img/arrow_right_naviBg2.gif);
	background-repeat: no-repeat;
	background-position: left top;
	color:white;
	line-height: 17px;
	padding-bottom: 2px;
	padding-left: 16px;
}
.deselectedMainCat {
	background-color: #829DBA;
	border-top: 1px solid #153b63;
}
.selectedMainCat {
	background-color: #B4C6D9;
	border-top: 1px solid #153b63;
}
.selectedCat {
	background-color: #2269B5;
}
div#categories .navLevel2 {margin-left: 8px; display: none; }
div#categories .navLevel3 {margin-left: 16px; display: none;}
div#categories .navLevel4 {margin-left: 24px; display: none;}
/* END of NAVI-Formatting */
/* LOGIN FORMATTING - if the login is situatet in the navigation column */

div#login h1 {
	border-top: 0px;
}
div#login a {
	color: white;
}
div#login p {
	color: white;
	font-size: 11px;
	padding-left: 8px;
}
div#login input {
	margin: 0 0 8px 8px;
}
div#login h2 {
	color: white;
	font-size: 11px;
	padding: 7px 0px 5px 8px;
}
div#login .loginStart {
	font-weight: bold;
	padding-bottom: 8px;
}
#languages a {
	border-bottom: 1px solid #B4C6D9;
	height: 18px; /* applies to IE5 */
	/* box model hack (IE 5+6 does not interprete the height information in the same way like netscape does. According to the W3C specification, the height affects only the content area and not the borders, like in IE)*/
	voice-family: "\"}\"";
	voice-family:inherit;
	height: 16px; /* IMPORTANNT: IE6 behaves like IE5 if no DOCTYPE is specified. */
}
/* END OF LOGIN FORMATTING */
#outer{ 
 border:solid white 0px; 
  /*/*/ border-left-width: 180px ;  /* left column width. NN4 hack to hide borders */ /*set border-left-width to 0px if you want to hide the navigation bar */
border-left-color: #DFE9F3;   /* left column colour */ 
border-left-style: solid; 
background-color: white; /* center column colour */ 
width: auto; 

 } 
 

 
#inner{margin:0; width:100%;}
/* CONTENT FORMATTING */
#content{ 
 float: left; 
/* width: 100%; */
 position: relative; 
 /*margin: 0 -8px 0 -2px; */
 background-color: white;
 margin-bottom: 15px;
 padding-left: 12px;
}
div#content h2 {
	font-weight: bold;
	margin-top: 15px;
	color: white;
	background-color: #153B63;
	padding: 2px 3px 2px 3px;
}
div#content h3 {
	font-weight: bold;
	padding: 4px 3px 2px 3px;
	
}
div#content p, div#content a {
	padding: 4px 3px 2px 4px;
}
div#content th p { /* column headline for a table. Contents must be placed in a <p> tag in order to obtain a thin bottom margin */
	background-color: #b4c6d9;
	padding: 2px 0 3px 4px;
	margin-bottom: 4px;
	font-weight: normal;
	text-align: left;
}
div#content .infoBox {
	width: 168px;
	margin-left: 12px;
	float: right;
}
div#content .infoBox h1 {
	font-size: 11px;
	line-height: 18px;
	margin: 15px 0 0 0;
	padding: 0 0 0 4px;
	border: 0px;
	background-color: 153B63;
	color: white;
}
div#content .infoBox div {
	background-color: #DFE9F4;
}
/* END OF CONTENT FORMATTING */
/* FOOTER FORMATTING */
#footer{
 width:100%; 
 background-color:#B4C6D9; 
} 
#footer * {
	color: white;
	font-size: 11px;
}
/* END OF FOOTER FORMATTING */
/* FORM FORMATTING */
input, textarea {
	border: 1px solid #153B63;
	padding-left: 2px;
	font-size: 11px;
}
textarea {
	overflow: auto;
}
select {
	background-color: #DFE9F4;
}
.noborder {
	border: none;
}
.button {
	border: 1px solid #153b63;
	background-color: #DFE9F4;
	font-weight: bold;
	text-align: center;
}

/* END FORM FORMATTING */
/* CLASSES */
.bright {
	background-color: #f1f1f1;
}
.borderTopThinTd td {
	border-top: 1px solid #153B63;
}
.borderBottomThinTd td {
	border-bottom: 1px solid #153B63;
}
#content .paddingBottom {
	padding-bottom: 4px;
}
.contentLeftColumn { /* this class is used if you hav an info-box on the page. The content on the left side of the info-box must be placed in an <div> with this class. */
	margin-right: 180px;
}
.error, .mandatory {
	color: red;
}
.success {
	color: green;
}
tr.brightRow td, .bright { /*is used for table rows with a bright color. The <tr>-tag must have the class "bright".*/
	background-color: #f1f1f1;
}
tr.darkRow td, .dark {/*is used for table rows with a dark color. The <tr>-tag must have the class "dark".*/
	background-color: #dddddd;
}
.marginRow td { /* used for tables which have a thin white border between the rows */
	border-bottom: 4px solid white;
}
.marginThinRow td { /* used for tables which have a thin white border between the rows */
	border-bottom: 1px solid white;
}
.noMarginBottom td{ /* use if there are margins between table rows, and one row must not have a margin. The <tr> must have the calss "noMarginBottom" */
	border-bottom: none;
}
.em1 { /* background color i.e. for links below a table */
	background-color: #b4c6d9;
}
.marginThick {
	margin-top: 15px;
}
.small {font-size: 10px;}
#outer>#inner { border-bottom: 1px solid #FFFFFF;  }
 
.clr{clear:both;}
 
.content{padding:0px;} /*padding for content */ 
 
#header .content{padding-bottom:0;} /*padding bottom 0 to remove space in IE5 Mac*/ 
 

 
 /*printer styles*/ 
@media print{ 
/*hide the left column when printing*/
#leftcol{display:none;} 
#outer{border-left:0;} 
}

/* PDA optimizing */
#head_pda {
	display: none; 
} 
.notPC {
	display: none;
}