input[type="text"]  {
 border:1px solid;
}
#detailPopup {
     position: absolute;
     left: 0px;
     top: 0px;
     width:100%;
     height:100%;
     text-align:center;
     z-index: 1000;
     background-image: url("../images/popup/overlay.png");
     display:none;
}

#the-body {
	height: 100%;
	width: 100%;
	overflow:auto;
	margin:0;
	padding:0;
}

.popupErrorStye {
 font-family : arial, verdana, Geneva, Arial, Helvetica, sans-serif;
 font-size : 11px;
 color : #a2ba79;
}

/* page */
.fullPageBody {
 font-family : arial, verdana, Geneva, Arial, Helvetica, sans-serif;
 font-size : 11px;
 /* color : #777777; */
 margin: 0px;
} 
.pageBody {
 width: 100%; 
 overflow:auto; 
 vertical-align: top;
}
.pageSmallBody {
 width: 100%; 
 overflow:auto; 
 vertical-align: top;
 border:1px solid;
}
.pageTitleCell {
 width:100%;
 height:20px;
 vertical-align: middle;
}
.pageLayoutButtonCellRight {
 height:20px;
 vertical-align: middle;
 text-align:right;
}
.pageLayoutButtonCellLeft {
 height:20px;
 vertical-align: middle;
 text-align:left;
}
.pageMessages{ 
 height: 50px;
 width: 100%;
}
.pageMessages table{
 height: 50px;
}
.pageMessages table tbody tr td{
 padding-left: 7px;
 vertical-align: middle;
 height: 100%;
}
.pageProgress, .pageTop {
 width: 100%;
 vertical-align: top;
}
.pageTopMenu {
 border-width: 0px; 
 width:275px; 
 height:100%; 
 text-align:right; 
 valign:top;
 padding-right: 4px;
}

.lineSeparatorThin {
 width: 100%;
 height: 4px;
 font-size:1px; /* these 2 lines are for ie. also place a   inside the div*/
 line-height:0;
}
.lineSeparatorLarge{
 width: 100%;
 height:15px;
 font-size:1px; /* these 2 lines are for ie. also place a   inside the div*/
 line-height:0;
}
.pageTopSeparator{
 width: 100%;
 height: 1px;  
 font-size:1px;	/* these 2 lines are for ie. also place a   inside the div*/
 line-height:0;
 margin-bottom: 50px;
}

/* colors */
.color1, .pageNormal {
 color: #FFFFFF;
}
.color2 {
 color: #7d8a92;
}
.color3, .tableColumn, .fieldText  {
 color: #a2ba79;
}
.color4 {
 color: #a2ba79;
}
.white{
 color: #FFFFFF;
}

.grey2 {
 color: #ffffff;	
}

.gray{
 color: #AAAAAA;
}
.darkGray{
 color: #444444;
}

/* progress steps */
.progressText {
 font-size: 10px;
 font-style: arial, verdana, Geneva, Arial, Helvetica, sans-serif;;
 padding-left:10px;
 text-align: center;
}
.progressStep {
 background-repeat: no-repeat;
 border: 0px;
 height: 48px;
}
.progressStep1 {
 background-image: url("../images/steps/step1.jpg");
 width: 65px;
}
.progressStep2 {
 background-image: url("../images/steps/step2.jpg");
 width: 70px;
}
.progressStep3 {
 background-image: url("../images/steps/step3.jpg");
 width: 68px;
}
.progressStep4{
 background-image: url("../images/steps/step4.jpg");
 width: 69px;
}
.progressStep5 {
 background-image: url("../images/steps/step5.jpg");
 width: 82px;
}
.progressStep6 {
 background-image: url("../images/steps/step6.jpg");
 width: 95px;
}
.progressStep7 {
 background-image: url("../images/steps/step7.jpg");
 width: 108px;
}
.progressStep7End {
 background-image: url("../images/steps/step7End.jpg");
 width: 108px;
}
.progressStep8 {
 background-image: url("../images/steps/step8.jpg");
 width: 125px;
}
.progressStep12 {
 background-image: url("../images/steps/step12.jpg");
 width: 132px;
}
.progressStep1active {
 background-image: url("../images/steps/step1active.jpg");
 width: 65px;
}
.progressStep2active {
 background-image: url("../images/steps/step2active.jpg");
 width: 70px;
}
.progressStep3active {
 background-image: url("../images/steps/step3active.jpg");
 width: 68px;
}
.progressStep4active{
 background-image: url("../images/steps/step4active.jpg");
 width: 69px;
}
.progressStep5active {
 background-image: url("../images/steps/step5active.jpg");
 width: 82px;
}
.progressStep6active {
 background-image: url("../images/steps/step6active.jpg");
 width: 95px;
}
.progressStep7active {
 background-image: url("../images/steps/step7active.jpg");
 width: 108px;
}
.progressStep7Endactive {
 background-image: url("../images/steps/step7EndActive.jpg");
 width: 108px;
}
.progressStep8active {
 background-image: url("../images/steps/step8active.jpg");
 width:125px;
}
.progressStep12active {
 background-image: url("../images/steps/step12active.jpg");
 width: 132px;
}
/* positions */
.alignRight {
 text-align : right;
}
.alignLeft {
 text-align : left;
}
.alignCenter {
 text-align : center;
}

/* backgrounds */
.backColor1 {
 background-color: #FFFFFF;
}
.backColor2 {
 background-color: #003863;
}
.backColor3  {
 background-color: #a2ba79;
}
.backColor4 {
 background-color: #b8b9b7;
}
.backColor42 {
 background-color: #989997;
}



.backColorWhite{
 background-color: #FFFFFF;
}
.backColorGray{
 background-color: #777777;
}
.backColor5 {
 background-color: #8ba958;
}
/* border */
.borderColor1 {
 border-color: #D9E1E8;
}
.borderColor2 {
 border-color: #003863;
}
.borderColor3  {
 border-color: #316283;
}
.borderColor4 {
 border-color: #99AFC1;
}
.borderColorWhite{
 border-color: #FFFFFF;
}
.borderColorGray{
 border-color: #777777;
}

/* text */
.text1{
 font-size: 13px;
 margin: 2px;
}
.text2{
 font-size: 13px; 
 font-weight: bold;
 height: 23;
}
.text3{
 font-size: 17px; 
 font-weight: bold;
}
.text4{
   font-size: 13px; 
   font-weight: bold;
}
.text5{
   font-size: 13px; 
}
.textrightpanel{
   font-size: 11px; 
   font-weight: bold;
}
.verdanaSmall{
 font-size: 11px;
 font-family: arial, verdana, Geneva, Arial, Helvetica, sans-serif;
}
.verdanaSmallBlack{
	font-size: 11px;
	font-family: arial, verdana, Geneva, Arial, Helvetica, sans-serif;
 	color: black;
}


.verdanaSmallBoldBlack{
	font-size: 11px;
	font-family: arial, verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight: bold;
 	color: black;
}

.verdanaSmallBoldRed{
	font-size: 11px;
	font-family: arial, verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight: bold;
 	color: red;
}

.verdanaMediumBlack{
	font-size: 12px;
	font-family: arial, verdana, Geneva, Arial, Helvetica, sans-serif;
 	color: black;
}
.verdanaMediumBoldBlack{
	font-size: 12px;
	font-family: arial, verdana, Geneva, Arial, Helvetica, sans-serif;
 	font-weight: bold;
 	color: black;
}
.verdanaMedium{
 font-size: 12px;
 font-family: arial, verdana, Geneva, Arial, Helvetica, sans-serif;
}
.carConfMenuLink {
 font-size: 12px; 
 margin-left: 10px;
 text-decoration : none;
 padding-left: 12px;
}
.bodyMessage{
 margin-left : 6px;
 margin-top : 10px;
 font-size: small;
 font-weight: bold;
}
.bodyMessageIE6{
 margin-left : 6px;
 margin-top : 10px;
 font-size: 12px;
 font-weight: bold;
}
.headerMessageText {
 font-family: arial, verdana, Geneva, Arial, Helvetica, sans-serif;
 font-size: 12px;
 font-weight: bold;
}
.headerTitleText {
 font-size: 14px;
 font-weight: bold;
}


/* columns */
.tableColumn{
 font-size: small;
}
.carConfTableColumn{
 font-size: small;
 background-color: #FFFFFF;
}

/* sizes */
.w90pc{
 width : 90%;
}
.w75pc{
 width : 75%;
}
.w65pc{
 width : 65%;
}
.w50pc{
 width : 50%;
}
.w45pc{
 width : 45%;
}
.w40pc{
 width : 40%;
}
.w35pc{
 width : 35%;
}
.w30pc{
 width : 30%;
}
.w25pc{
 width : 25%;
}
.w20pc{
 width : 20%;
}
.w15pc{
 width : 15%;
}
.w10pc{
 width : 10%;
}
.w8pc{
 width : 8%;
}
.w5pc{
 width : 5%;
}
.w2pc{
 width : 2%;
}
.w30px{
 width : 30px;
}
.w15px{
 width : 15px;
}
.w10px{
 width : 10px;
}
.wr45pc{
 width : 45%;
 text-align: right;
}
.wr10pc{
 width : 10%;
 text-align: right;
}
.wc10pc{
 width : 10%;
 text-align: center;
}
/* car configuration */
.carConfColumnHeader {
 background-color: #FFFFFF;
 text-align : left;
 padding-left : 5px;
 padding-top: 5px;
 color : #333333;
 
 border : 0px;
 border-bottom-style: solid;
 border-bottom-width: 1px;
 border-color : #316283;
 width : 100%;
 height : 100%;
}
.carConfTableFooter{
 text-align : left;
 background-color: #FFFFFF;
 font-size: small;
 border-width: thin;
 border-color : #316283;
 border-style: solid;
}
.carConfTableHeader {
 color: #AAAAAA;
 text-align: left;
 padding-top : 5px;
 border : 0px;
 margin-left: 2px;
 margin-right: 2px;
 border-bottom: 2px;
 border-style: solid;
 border-color: #777777;
}
.carConfTableHeaderSeparator{
 width : 99%;
 height : 2px;
 padding : 0px;
 padding-left : 3px;
 padding-right : 3px;
}

/* headers and footers */
.columnHeader, .tableHeader{
 color: #FFFFFF;
}
.tableHeader, .columnHeader{
 width: 100%;
 text-align : left;
 padding-left : 5px;
 padding-top: 5px;
}
.columnHeader{
 width: 100%;
 text-align : left;
 padding-left : 5px;
 border-bottom-style: solid;
 border-bottom-width: 1px;
 border-color : #316283;
 background-color: #FFFFFF;
}
.tableFooter {
 width : 100%;
 padding-top: 5px;
 text-align : right;
}
.tableFooterCentered{
 width : 100%;
 padding-top: 5px;
 text-align: center;
}

/* tables */
.fullStandardTable{
 width:100%; 
 height:100%; 
 border-spacing: 0px;
 border : 0px;
 
 border-collapse: separate;
}
.carConfTable {
 width: 100%;
 color : #333333;
 background-color : #FFFFFF;
 
 border-width: 1px; 
 border-style: solid;
 border-color: #D9E1E8;
 border-top : 0px;

 padding-left: 4px;
 padding-right: 4px;
 
 text-align : left;
 empty-cells:show;
}

.carConfTable tbody tr td a{
 text-decoration: none;
}

.carConfTable tbody tr td{
 border-width: 0px;
 border-top: 1px; 
 border-style: solid;
 border-color: #D9E1E8;
 padding-top : 5px;
 white-space: nowrap;
}
.carConfTable tbody tr td table tbody tr td{
 border-width: 0px;
 padding-top : 0px;
}
.carConfTable tbody tr.odd{
 background-color : #F8F8F8;
}
.carConfTable tbody tr{
 #background-color: expression(
     this.onmouseover = new Function("this.className += ' carConfTableHover';"),
     this.onmouseout = new Function("this.className = this.className.replace('carConfTableHover', '');")
 	);
}

/*workaorund for avoiding hover effect on inner tables*/
.carConfTable tbody tr.odd td span div table tbody tr{
 background-color : inherit;
}

.carConfTable tbody tr.even td span div table tbody tr{
 background-color: inherit;
}

.carConfFrame {
 height: 350px;
 overflow:auto;
}



.carConfTable tbody tr:hover, .carConfTableHover  {
 background-color: #DEDFDE;
}



.table, .tableNoSelect, .pageBody, .pageMessages{
 border-style : solid;
 border-width : 1px;
 border-color : #316283;
 background-color : #FFFFFF;
}

/* fields */
.inputField {
 border-bottom: 0px;
 border-right : 0px;
}
.tabsTable, .subTabsTable {
 padding: 0px;
 border: 0px;
 border-spacing: 0px;
 margin: 0px;
 border-collapse: collapse;
}
.tabsTable tr td, .carConfTab {
 margin : 0px;
 padding : 3px;
 border: 0px;
 border-spacing: 0px;
 border-top: 5px;
 border-right:5px;
 border-style: solid;
 color: #FFFFFF;
 font-family: arial, verdana, Geneva, Arial, Helvetica, sans-serif;
 font-size: 12px;
 letter-spacing: 2px;
 font-weight: bold;
}
.tabsTable tr td a, .subTabsTable tr td a{
 text-decoration: none;
 color: #FFFFFF;
}
.tabsTable tr, .tabsTable tr td, .subTabsTable tr, .subTabsTable tr td, .subTabsTable tbody tr, .subTabsTable tbody tr td {
 border-color: inherit;
}
.subTabsTable tr td{
 margin : 0px;
 padding : 1px;
 border : 0px;
 margin-left : 5px;
 margin-right : 5px;
 margin-top : 2px;
 margin-bottom : 2px;
 border-right : 2px;
 color : #FFFFFF;
 padding-left: 2px;
 padding-right: 2px;
 letter-spacing: 6px;
 font-family: arial, verdana, Geneva, Arial, Helvetica, sans-serif;
 font-size: 12px;
}

.buttonActive {
 font-size : 12px;
 background-color: #a2ba79;
 color : #FFFFFF;
 text-decoration: none;
 text-align : center; 
 vertical-align : middle;
}
.fieldName {
 font-weight: bold;
}
.fieldText {
 margin-left: 4px;
 text-decoration: none;
}
.textBox {
 cursor:pointer;
 border-width: 1px; 
 border-color: #B4B4B4;
 border-style : solid;
 vertical-align: middle;
 width:55px; 
 height:21px; 
 text-align:center; 
 valign:middle;
 background: white;
 color: black;
}
.selectedTextBox {
 cursor:pointer;
 border-width: 1px; 
 border-color: #B4B4B4;
 border-style : solid;
 vertical-align: middle;
 width:55px; 
 height:21px; 
 text-align:center; 
 valign:middle;
 background: gray;
 color: black;
}

.rArrowOnRight {
 background-repeat: no-repeat;
 background-position : 95%;
 background-image: url("../images/arrows/arrow_right_white.gif");
  padding-right : 9px;
}
.lArrowOnLeft {
 background-repeat: no-repeat;
 background-position : 1%;
 background-image: url("../images/arrows/arrow_left_white.gif");
 padding-left : 9px;
}
.rArrowOnLeft {
 text-decoration: none;
 background-repeat: no-repeat;
 background-position : 1%; n
 background-image: url("../images/arrows/arrow_right_white.gif");
 padding-left : 9px;
}
.rArrowOnLeftColor3 {
 text-decoration: none;
 background-repeat: no-repeat;
 background-position : 1%; 
 background-image: url("../images/arrows/arrow_right_color2.gif");
 padding-left : 9px;
}
.rArrowOnLeftColor4 {
 text-decoration: none;
 background-repeat: no-repeat;
 background-position : 1%; 
 background-image: url("../images/arrows/arrow_right_color4.gif");
 padding-left : 10px;
}
.rArrowOnLeftColor5 {
 text-decoration: none;
 background-repeat: no-repeat;
 background-position : 1%; 
 background-image: url("../images/arrows/arrow_right_white.gif");
 padding-left : 10px;
}

/* Hersteller auswahl  */
.manufacturerView{
	width: 100%;
	vertical-align: top;
}
.manufacturerViewCell{
	width: 33%;
}
.manufacturerTable {
	width:100%;
	border-collapse: collapse;
	border-style : solid;
 	border-width :  1px;
 	border-color : #D9E1E8;
 	padding : 0px;
	margin: 0px;
	text-decoration: none;
}
.manufacturerImage {
	width: 50px;
	height: 36px;
}
.manufacturerTextCell {
	width: 100%;
	height: 37px;
	vertical-align: middle;
	text-decoration: none;
	font-family : arial, verdana, Geneva, Arial, Helvetica, sans-serif;;
	margin:0px;
	padding: 0px;
    #background-color: expression(
        this.onmouseover = new Function("this.className += ' manufacturerTextCellHover';"),
        this.onmouseout = new Function("this.className = this.className.replace('manufacturerTextCellHover', '');")
    );
	
}
td.manufacturerTextCell:hover, td.manufacturerTextCellHover, .manufacturerTextCellHover:hover {
	background-color: #DEDFDE;
}

.manufacturerTextCell a {
	text-decoration : none;
}

/* Nutzung */

.nuztungColumnHeader{
 font-family : arial, verdana, Geneva, Arial, Helvetica, sans-serif;;
 text-align: center;
 font-size: 12px; 
 font-weight: bold;
}

.nuztungLineHeader{
 font-family : arial, verdana, Geneva, Arial, Helvetica, sans-serif;;
 font-size: 12px; 
 font-weight: bold;
 margin-left: 5px;
}

.nutzungTableHeader {
	font-family : arial, verdana, Geneva, Arial, Helvetica, sans-serif;;
    font-size : 13px;
    font-style: normal;
    margin: 0px;
}


.columnLeftAlign{
  font-family : arial, verdana, Geneva, Arial, Helvetica, sans-serif;;
  text-align: left;
  horizontal-align: left;
  vertical-align: top;
}



.dragme {
		cursor: move
	}
	
.labelStye{
	    font-family : arial, verdana, Geneva, Arial, Helvetica, sans-serif;;
		font-size: 13px;
		margin: 2px;
		color: black;
}
.infolabelStye{
	    font-family : arial, verdana, Geneva, Arial, Helvetica, sans-serif;
		font-size: 13px;
		margin: 2px;
		color: #003C63;
		border-style :none;
}
.verticaltext {  
	  font-family : arial, verdana, Geneva, Arial, Helvetica, sans-serif;;	 
      writing-mode: tb-rl;
      filter: flipv fliph;
      font: medium;
}


.nutzungDisabledTextBox {
	 font-family : arial, verdana, Geneva, Arial, Helvetica, sans-serif;;
	 font-size: 11px;
	 border-width: 1px; 
	 border-color: #B4B4B4;
	 border-style : solid;
	 vertical-align: middle;
	 width:55px; 
	 height:21px; 
	 text-align:center; 
	 valign:middle;
	 background: white;
	 color: black;
}
.nutzungTextBox {
	 font-family : arial, verdana, Geneva, Arial, Helvetica, sans-serif;;
	 font-size: 11px;
	 cursor:pointer;
	 border-width: 1px; 
	 border-color: #003863;
	 border-style : solid;
	 vertical-align: middle;
	 width:55px; 
	 height:21px; 
	 text-align:center; 
	 valign:middle;
	 background: white;
	 color: black;
}
.nutzungSelectedTextBox {
	 font-family : Verdana;
	 font-size: 11px;
	 font-weight: bold;
     cursor:pointer;
	 border-width: 1px; 
	 border-color: #003863;
	 border-style : solid;
	 vertical-align: middle;
	 width:55px; 
	 height:21px; 
	 text-align:center; 
	 valign:middle;
	 background: gray;
	 color: black;
}


.nutzungDisabledTextBoxLittle {
	 font-family : arial, verdana, Geneva, Arial, Helvetica, sans-serif;;
	 font-size: 11px;
	 border-width: 1px; 
	 border-color: #B4B4B4;
	 border-style : solid;
	 vertical-align: middle;
	 width:46px; 
	 height:19px; 
	 text-align:center; 
	 valign:middle;
	 background: white;
	 color: black;
}
.nutzungTextBoxLittle {
	 font-family : arial, verdana, Geneva, Arial, Helvetica, sans-serif;;
	 font-size: 11px;
	 cursor:pointer;
	 border-width: 1px; 
	 border-color: #003863;
	 border-style : solid;
	 vertical-align: middle;
	 width:46px; 
	 height:19px; 
	 text-align:center; 
	 valign:middle;
	 background: white;
	 color: black;
}
.nutzungSelectedTextBoxLittle {
	 font-family : Verdana;
	 font-size: 11px;
	 font-weight: bold;
     cursor:pointer;
	 border-width: 1px; 
	 border-color: #003863;
	 border-style : solid;
	 vertical-align: middle;
	 width:46px; 
	 height:19px; 
	 text-align:center; 
	 valign:middle;
	 background: gray;
	 color: black;
}

/* ResumPage */

.resumColumnHeader{
 font-family : Verdana;
 text-align: center;
 font-size: 12px; 
 font-weight: bold;
}

.resumDataAlign{
	 font-family : Verdana;
	 font-size: 11px;
	 vertical-align: middle;
	 text-align:center; 
	 valign:middle;
	 width:100px; 
}


/*table stuff */
.defaultTableHeader, .defaultTableHeader td {
	font-size: 11px;
	height: 20px;
	border-bottom: 1px grey solid;
}

.defaultTableCell {
	vertical-align: middle;
	text-align: center; 
	padding-top: 2px;
	padding-bottom: 2px;
	font-size: 9pt;
}

.defaultTableHeader a {
	color: #999;
	text-decoration: none;
}

.defaultTable {
	border: 1px solid #C0D7F8;
	width: 540px;
}


/* other */
/*
.manufacturerTable tbody tr:hover th {
	color: #FFFFFF; }

.manufacturerTable tbody tr:hover th a, tr.odd:hover th a	{
		 color: #000000; }

.manufacturerTable tbody tr:hover td, tr:hover td a, tr.odd:hover td, tr.odd:hover td a {
	background: #FFFFFF;
	color: #000000;	 }

.manufacturerTable tbody tr.odd:hover td, tr.odd:hover td a{
	background: #000000;
	color: #000000;	 }
*/