/** sprite: spritePng; sprite-image: url('sprite.png'); sprite-layout: vertical; */
/*## General formatting for all bosch themes which use this type of page layout. 
Be careful when modifying things in this file since it will be applied to all themes which use it ##*/
/******************************************************************/
/*************************  type selectors ***************************/
/******************************************************************/
* {
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
}
body {
	margin: 0px;
}
.ie6 ul, .ie6 ol, .ie6 dl, .ie6 li {
	position: relative; /* re8fe:added 2009-09-08 in order to fix the IE-Bug: "IE/Win Disappearing List-Background Bug". For details see: http://www.positioniseverything.net/explorer/ie-listbug.html*/
}
a {
	text-decoration: none;
}
div#page div#center h1, 
div#page div#center h2, 
div#page div#center h3, 
div#page div#center h4, 
div#page div#center h5, 
div#page div#center h6{
	font-weight:normal;
}
div#page div#center td {
	vertical-align: top;
}
div#page div#center th {
	background-color: #153B63;
	text-align: left;
	color: white;
	padding: 2px 4px 2px 4px;
}
div#page div#center th img {
	vertical-align: middle;
}
div#page div#center ul li {
	list-style-type:none;
}
div#page div#center img{
	border: 0px;
}
div#page div#center em {
	font-weight: bold;
	font-style: normal;
}
/******************************************************************/
/*********************  general page structure ************************/
/******************************************************************/
div#page{
	width:100%;
}
div#page div#center {
	margin-left:auto;
	margin-right:auto;
	width:900px;
}
div#page div#center div#wrap{
	background-repeat: repeat-y;
	float:left;
	/*reh8fe-2009-05-26-changed from margin-bottom to padding-bottom, otherwise the m900.gif is not shown and a wihte border is shown in control panel */
	/*reh8fe-2009-06-03-removed padding-bottom, otherwise a border is shown below the footer in wcms and schubex */
	/*padding-bottom:24px;*/ 
}
div#page div#center #left{
	width:180px;
	float:left;
}
div#page div#center #right{
	float:left;
	width:720px;
}
.ie6 div#page div#center #right,
.ie7 div#page div#center #right{
	overflow-x: auto; /* reh8fe: added 2009-05-15 in order to avoid to put the content below the navigation in case the content is wider than the widht of div#right (IE6 Bug) */
}
div#page div#center .content{
	border-top:6px #B4C6D9 solid;
	width:100%; /* added on 10.09.2009 in order to avoid IE6 Bug -> IE6 with Bosch configuration displays line breaks in the <h1> - see Jira BEATBB-1326 */
	float:left;
	margin-bottom:40px;
}
div#page div#center .grid{
  padding:12px 0 0px 6px;
}
/******************************************************************/
/*************************  components  *****************************/
/******************************************************************/
/* navigation */
div#page div#center div#navi{
	background-color:#153b63;
	border-right:6px solid #B4C6D9;
	padding-bottom:6px;	
}
div#page div#center div#navi * {
	margin: 0px;
	padding: 0px;
}
div#page div#center div#navi a{
	text-decoration: none;
}
div#page div#center div#navi ul {
	list-style-type:none;
	position: relative; /* to avoid IE bug. In combination with 'display: block' of the <a>-element, the formatting  (borders, bg-colors) does not apply */
}
div#page div#center div#navi ul li{
	list-style-type:none;
}
div#page div#center div#navi ul a {
	display: block;
	color: #ffffff;
	font-size: 11px;
	line-height:14px;
	padding:2px 2px 2px 0;
	width: 153px; /* for IE, if width is missing, IE will not make the whole link clickable */
}
div#page div#center div#navi a { /* changed on 2008/11/03 reh8fe - removed 'html>body' selector in order to apply the rule for IE too. otherwise the content part comes below the navigation if there is an navigation item which is wider than the navigation container */
	overflow: hidden;
}
div#page div#center div#navi a.firstItem{
	background-position: 6px 0px;
	background-image: url('arrowNaviFirst.gif');/** sprite-ref: spritePng; sprite-margin-left: 6px; sprite-margin-bottom: 40px;*/
}
div#page div#center div#navi li p a {
  padding-left: 17px;
  padding-right:4px;
	background-position: 6px 0px;
	background-image: url('arrowNaviStandard.gif');/** sprite-ref: spritePng; sprite-margin-left: 6px; sprite-margin-bottom: 40px;*/
}
div#page div#center div#navi li li p a {
	padding-left: 25px;
	padding-right:4px;
	background-position: 14px 0px;
	background-image: url('arrowNaviStandard.gif');/** sprite-ref: spritePng; sprite-margin-left: 14px; sprite-margin-bottom: 40px;*/
	width: 145px; /* for IE, if width is missing, IE will not make the whole link clickable */
}
div#page div#center div#navi li li li p a {
	padding-left: 33px;
	padding-right:4px;
	background-position: 22px 0px;
	background-image: url('arrowNaviStandard.gif');/** sprite-ref: spritePng; sprite-margin-left: 22px; sprite-margin-bottom: 40px;*/
	width: 137px; /* for IE, if width is missing, IE will not make the whole link clickable */
}
div#page div#center div#navi li li li li p a {
	padding-left: 41px;
	padding-right:4px;
	background-position: 30px 0px;
	background-image: url('arrowNaviStandard.gif');/** sprite-ref: spritePng; sprite-margin-left: 30px; sprite-margin-bottom: 40px;*/
	width: 129px; /* for IE, if width is missing, IE will not make the whole link clickable */
}
div#page div#center div#navi li li li li li p a {
	padding-left: 49px;
	padding-right:4px;
	background-position: 38px 0px;
	background-image: url('arrowNaviStandard.gif');/** sprite-ref: spritePng; sprite-margin-left: 38px; sprite-margin-bottom: 40px;*/
	width: 121px; /* for IE, if width is missing, IE will not make the whole link clickable */
}
div#page div#center div#navi li p a.emphasis {
	background-position: 6px 0px;
	background-image: url('arrowNaviDown.gif');/** sprite-ref: spritePng; sprite-margin-left: 6px; sprite-margin-bottom: 40px;*/
}
div#page div#center div#navi li li p a.emphasis {
	background-position: 14px 0px;
	background-image: url('arrowNaviDown.gif');/** sprite-ref: spritePng; sprite-margin-left: 14px; sprite-margin-bottom: 40px;*/
}
div#page div#center div#navi li li li p a.emphasis {
	background-position: 22px 0px;
	background-image: url('arrowNaviDown.gif');/** sprite-ref: spritePng; sprite-margin-left: 22px; sprite-margin-bottom: 40px;*/
}
div#page div#center div#navi li li li li p a.emphasis {
	background-position: 30px 0px;
	background-image: url('arrowNaviDown.gif');/** sprite-ref: spritePng; sprite-margin-left: 30px; sprite-margin-bottom: 40px;*/
}
div#page div#center div#navi li li li li li p a.emphasis {
	background-position: 38px 0px;
	background-image: url('arrowNaviDown.gif');/** sprite-ref: spritePng; sprite-margin-left: 38px; sprite-margin-bottom: 40px;*/
}
div#page div#center div#navi ul a:hover {
	background-color: #1B528C;
}
div#page div#center div#navi p.selected,
div#page div#center div#navi p.selected a:hover {
  background-color: #2269B5;
}
div#page div#center div#navi .last{
	background-color: #B4BDD9;
	line-height:1px;
	font-size:1px;
	margin-left: 9px;
	height: 1px;
}
div#page div#center div#navi .naviHeadline{
	padding:20px 12px 9px 10px;
	color:white;
	font-size:13px;
	line-height:16px;
	font-weight:bold;
}
div#page div#center div#navi .naviSectionHeadline {
	font-size:11px;
	line-height:14px;
	font-weight:bold;
	padding:10px 4px 7px 10px;
	color:white;
}
div#page div#center div#left div.naviSpan {
	background-color:#B4C6D9;
	border-left:6px solid white;
	padding:10px;
	line-height:14px;
}
/* END of navigation */
/* footer */
div#page div#center #footer,
div#page div#center #footerLiferay{
	float:left;
	width:900px;
	background-position:left bottom;
	background-image:url('footer.gif');/** sprite-ref: spritePng; sprite-alignment: right;*/
	font-size:11px;
	line-height:14px;
}
div#page div#center .footerTopLink{
	float:left;
	width:165px;
	margin-top:15px;
	padding:0px 0 2px 15px;
}
div#page div#center .footerTopLink a {
	padding-left: 12px;
	background-image: url('topOfPage.gif');/** sprite-ref: spritePng;*/
}
/* END of footer */

/* form elements */

div#page div#center div#wrap .fieldHolder
{
	width: 340px;
	margin-right: 6px;
	margin-top: 4px;
	float: left;
	padding-left: 2px;
}
div#page div#center div#wrap .fieldHolder label
{
	width: 120px;
	display: block;
	float: left;
}
div#page div#center input[type="text"], 
div#page div#center input[type="password"], 
div#page div#center input[type="file"], 
div#page div#center input[type="submit"], 
div#page div#center input[type="button"], 
div#page div#center input[type="reset"], 
div#page div#center select, 
div#page div#center textarea, 
div#page div#center .textarea{
	background-image: none;
	padding: 1px 2px;
	border: 1px solid #153B63;
	border-right-color: #829DBA;
	border-bottom-color: #829DBA;
	font-size: 11px;
}
div#page div#center select
{
	padding: 0px;
	padding-left: 2px;
}
div#page div#center div#wrap input[type="file"], 
div#page div#center div#wrap input[type="submit"], 
div#page div#center div#wrap input[type="button"], 
div#page div#center div#wrap input[type="reset"]
{
	background-color:#6B89AE;
	border:1px solid #153B63;
	border-top-color: white;
	border-left-color: white;
	font-weight: normal;
	background-image: none;
	color: #FFFFFF;
}
div#page div#center input[type="submit"]:hover, 
div#page div#center input[type="button"]:hover, 
div#page div#center input[type="reset"]:hover, 
div#page div#center input[type="submit"]:focus, 
div#page div#center input[type="button"]:focus, 
div#page div#center input[type="reset"]:focus 
{
	background: none;
}
div#page div#center  input.focus, div#page div#center  textarea.focus
{
	background-color: #DFE9F3;
}

.ie6 div#page div#center input.text, 
.ie6 div#page div#center input.password,
.ie6 div#page div#center input.file,
.ie6 div#page div#center input.button,
.ie6 div#page div#center input.submit,
.ie6 div#page div#center input.reset,
.ie6 div#page div#center select
{
	background-image: none;
	padding: 1px 2px;
	border: 1px solid #153B63;
	border-right-color: #829DBA;
	border-bottom-color: #829DBA;
}
.ie6 div#page div#center div#wrap input.submit, 
.ie6 div#page div#center div#wrap input.button,
.ie6 div#page div#center div#wrap input.reset,
.ie6 div#page div#center div#wrap input.file
{
	background-color:#6B89AE;
	border:1px solid #153B63;
	border-top-color: white;
	border-left-color: white;
	font-weight: normal;
	background-image: none;
	color: #FFFFFF;
}
/* END form elements */

div#page div#center div#wrap .clr,
div#page div#center div#wrap .clearer{
	clear:both;
	width: 1px; /* in order to avoid IE6 duplicate characters bug   */
	line-height: 1px;
}	
/* sequence container */
div#page div#center div#wrap .sequenceContainer {
	margin-bottom: 15px;
	background-color: #CBD5E1; 
}
div#page div#center div#wrap .sequenceContainer * {
	padding: 0;
	margin: 0;
	line-height: 18px;
	background-repeat: no-repeat;
}
div#page div#center div#wrap .sequenceContainer a {
	text-decoration: none;
}
div#page div#center div#wrap .sequenceContainer p,
div#page div#center div#wrap .sequenceContainer h1 
{
	float: left;
}
div#page div#center div#wrap .sequenceContainer h1 {
	background-color: #225A8D;
	color: white;
	font-size: 11px;
	border: 0px;
	border-left: 1px solid white;
	border-right: 1px solid white;
	padding: 0 10px 0 10px;
	margin: 0px;
	font-weight: normal;
}
div#page div#center div#wrap .sequenceContainer p {
	background-color: #CBD5E1;
	font-size: 11px;
	background-repeat: no-repeat;
	background-position: left top;
	background-image: url(sequenceStandardStepBg.gif);/** sprite-ref: spritePng; sprite-margin-bottom: 20px;*/
	padding-left: 16px;
	padding-right: 6px;
}
div#page div#center div#wrap .sequenceContainer p *{
	font-size: 11px;
}
div#page div#center div#wrap .sequenceContainer span {
	padding-right: 10px;
}
div#page div#center div#wrap .sequenceContainer .firstStep {
	background-image: none;
	padding-left: 0px;
}
div#page div#center div#wrap .sequenceContainer .firstStep img {
	vertical-align: middle;
}
div#page div#center div#wrap .sequenceContainer .firstStep span {
	padding-left: 9px;
}
div#page div#center div#wrap .sequenceContainer .selectedStep {
	background-image: url(sequenceSelectedStepBg.gif);/** sprite-ref: spritePng; sprite-margin-bottom: 20px;*/
	background-color: #225A8D;
	color: white;
}
div#page div#center div#wrap .sequenceContainer .selectedStep a {
	color: white;
}
div#page div#center div#wrap .sequenceContainer .selectedStep span {
	color: white;
}
div#page div#center div#wrap .sequenceContainer .behindSelectedStep {
	background-image: url(sequenceBehindSelectedStepBg.gif);/** sprite-ref: spritePng; sprite-margin-bottom: 20px;*/
}
div#page div#center div#wrap .sequenceContainer .disabledStep, div#page div#center div#wrap .sequenceContainer .disabledStep * {
	color: #79818D;
}
div#page div#center div#wrap .sequenceContainer .successfulStep,
div#page div#center div#wrap .sequenceContainer .warningStep,
div#page div#center div#wrap .sequenceContainer .errorStep {
	background-position: right ;
	padding-right: 15px;
}
div#page div#center div#wrap .sequenceContainer .successfulStep {
	background-image: url(sequenceSuccessStepBg.gif);/** sprite-ref: spritePng; sprite-margin-bottom: 20px;*/
}
div#page div#center div#wrap .sequenceContainer .warningStep {
	background-image: url(sequenceWarningStepBg.gif);/** sprite-ref: spritePng; sprite-margin-bottom: 20px;*/
}
div#page div#center div#wrap .sequenceContainer .errorStep {
	background-image: url(sequenceErrorStepBg.gif);/** sprite-ref: spritePng; sprite-margin-bottom: 20px;*/
}
div#page div#center div#wrap .sequenceContainer .sequenceEnd {
	padding-left: 0px;
	background-image: none;
	background-color: transparent;
	float: none;
}
* html div#page div#center div#wrap .sequenceContainer .sequenceEnd img{ /* workaround for IE float bug. Only IE win sees this */
	margin-left: -3px;
}
/* END sequence container  */
div#page div#center *.noWrap {
	white-space: nowrap;
}
/*IE6 Bugfix see: Jira BEATBB-1315 */
div#ie6NaviBugFixDiv {
	display: none;
}
.ie div#ie6NaviBugFixDiv {
	height: 1px !important;
	line-height: 1px !important;
	font-size: 1px !important;
	display: block;
}
/*IE6 Bugfix*/



/******* the following css hacks are used within the stylesheets directly *******/
/* tan hack (only interpreted by for ie and mac ie): */ 
/* * html .element */

/* mac hack (anything between theses two comments is hidden from mac ie): */
/* \*/ /* */ 

/******* clearing problems - use .area *******/
/* 
- stretch the surrounding area (div) over all included floating elements
- "How To Clear Floats Without Structural Markup", source and explanation: http://www.positioniseverything.net/easyclearing.html
*/
/* ignored by win ie */
.area:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
.area {display: inline-table;} 
/* hide from mac ie5 \*/
* html .area {height: 1%;} 
*+html .area {height: 1%;}
.area {display: block;}
/* end hide from mac ie5 */

/******* ie: break words *******/ 
/* the following definitions only work for ie, it is valid css css for ie but not realized by css validator, 
it has normally to be set directly within html
<!--[if gte IE 5]>
  	<style type="text/css">
	</style>
<![endif]-->
but this not possible with the branding concept
*/