@charset "UTF-8";

.dijitButtonNode {
    border: 0px none;
}

/* Button */
.dijitButton.buttongrau .dijitButtonText {
	color: #fff;
}

.dijitButton {
	margin-left: 16px;	
    padding-right: 16px;
    background: transparent url(../images/design/button_back.png) scroll no-repeat right 0px;
}

.dijitButton .dijitButtonNode {
	margin-left: -16px;
    padding-left: 16px;
	background: transparent url(../images/design/button_back.png) scroll no-repeat left 0px;
    height: 22px;
    line-height: 22px;
}

.dijitButton .dijitButtonContents {
	background: transparent;
	font-size: 11px;
	padding-top: 1px;
}

.dijitButton.dijitButtonHover .dijitButtonContents {
}	

.dijitButton .dijitButtonText {
    height: 20px;
    color: #000;
    line-height: 17px;
}

.dijitButton.dijitButtonHover {
	background-position: right -22px;
}

.dijitButton.dijitButtonHover .dijitButtonNode {
    background-position: left -22px;
}   

/* Button Grau */
.dijitButton.buttongrau {
    background: transparent url(../images/design/button_grau_back.png) scroll no-repeat right 0px;
}
.dijitButton.buttongrau .dijitButtonNode {
    margin-left: -16px;
    padding-left: 16px;
    background: transparent url(../images/design/button_grau_back.png) scroll no-repeat left 0px;
    height: 22px;
}

/* Button Red */
.dijitButton.btnDelete {
    background-image: url(../images/design/button_back_red.png);
}
.dijitButton.btnDelete .dijitButtonNode {
    background-image: url(../images/design/button_back_red.png);
}

/* Textbox */

.dijitComboBox .dijitButtonNode {
	height: 20px;
}

.dijitTextBoxError input.dijitValidationInner,
.dijitTextBox input.dijitArrowButtonInner {
	height: 100% !important;
}

.dijitTextBoxError .dijitValidationContainer {
	display: none;
}

/* Textbox */

.dijitTextBox.pgtextboxouter {
	padding-right: 16px;
	background: transparent url(../images/design/input_back_dp.png) scroll no-repeat right -22px;
	width: inherit;
    border: 0px none;
    height: 22px;
    vertical-align: middle;
}

.dijitTextBox.pgtextboxouter .pgtextboxinner {
	border: 0px none;
    padding-left: 16px;
    background-attachment: scroll;
    background-repeat: no-repeat;
    background-position: left 0px;
    background-color: transparent !important;
    background-image: url(../images/design/input_back_dp.png) !important;
}

.dijitTextBox.pgtextboxouter .pgtextboxinner input {
    height: 22px;	
    display: block;
    padding-top: 3px;
    border: 0px none;
    color: #000;
		background-color: transparent;
}

/* Menu */

.dijitMenu {
	color: #000;
	background: transparent url(../images/design/selectbox_option_back.png) no-repeat scroll 0px 0px;
}	

.dijitMenu .dijitMenuItem {
	line-height: 12px;	
	padding-left: 8px;
	padding-top: 4px;
	padding-bottom: 4px;
}

.dijitMenuItemSelected,
.dijitMenuItemHover {
	background-color: #1E2531 !important;
}	

/* Combobox */

.dijitComboButton,
.dijitComboBox {
	color: #000;
    border: 0px none;
    padding-left: 16px;
    background-attachment: scroll;
    background-repeat: no-repeat;
    background-position: left 0px;
    background-color: transparent;
    background-image: url(../images/design/input_back_dp.png);
    height: 22px;
    vertical-align: middle;
}

.dijitComboButton .dijitButtonText,
.dijitComboBox .dijitButtonText {
	padding-left: 16px;
}	

.dijitDownArrowButton {
	padding: 0px;
	padding-top: 1px;
	width: 21px;
}	


.dijitArrowButtonInner {
	background-position: 0px 0px !important;
	background-image: url(../images/design/selectbox_arrow.png) !important;
	height: 20px;
	width: 21px !important;
}	

.dijitDownArrowHover .dijitArrowButtonInner,
.dijitDownArrowHover .dijitArrowButtonInner {
	background-position: 0px -20px !important;
	height: 20px;
	width: 21px !important;
}	

.dijitComboButton input,
.dijitComboBox input {
    height: 22px;   
    display: block;
    padding-top: 3px;
    border: 0px none;
}

/* Checkbox */

.dijitCheckBox {
	margin: 0px;
	height: 16px;
	width: 16px;
    background-position: 0px 0px;
    background-image: url(../images/design/check.png);		
}

.dijitCheckBox input {
    cursor:pointer;
}
	 
.dijitCheckBox.dijitChecked {
    background-position: -16px 0px;	
}	

/* RadioButton */
.dijitRadio {
    margin: 2px;
    height: 17px;
    width: 17px;
    background-position: 0px 0px;
    background-image: url(../images/design/radio.png);     
}

.dijitRadio input {
    cursor:pointer;
}   

.dijitRadio.dijitChecked {
    background-position: -17px 0px; 
}

/* Slider */

.dijitSlider {
}

.dijitSlider .dijitSliderBarContainerH {
}	

.dijitSlider .dijitSliderRightBumper,
.dijitSlider .dijitSliderLeftBumper {
	border: 0px none;
	background-color: transparent;
}

.dijitSlider .dijitSliderProgressBar {
}	
.dijitSlider .dijitSliderRemainingBar {
}	

.dijitSlider .dijitSliderBarH {
    background-color: black;
    border-width: 1px 1px 1px 1px;
    border-style: solid;
    border-color: #1E2531 #BBBCBD #BBBCBD #1E2531;
    height: 2px;
    vertical-align: top;	
    cursor:pointer;    
}	

.dijitSlider .dijitSliderImageHandleH {
	border: 0px none;
	width: 15px;
    height: 26px;	
    background-position: 0px 0px;
    background-image: url(../images/design/slider_pointer.png);
    left: 8px;
    top: -10px;     
    cursor:pointer;	
}	

.dijitSlider .dijitSliderButtonInner {
	visibility: hidden;
}	

.dijitSlider .dijitSliderDecrementIconH {
    width: 24px;
    height: 24px;
    background-attachment: scroll;
    background-repeat: no-repeat;
    background-position: left 0px;  
    margin-right: 4px;
    cursor:pointer;
}

.dijitSlider .dijitSliderIncrementIconH {
    width: 24px;
    height: 24px;
    background-attachment: scroll;
    background-repeat: no-repeat;
    background-position: right 0px;  
    margin-left: 4px;
    cursor:pointer;
}

.dijitRuleContainer {
	height: 6px;
}	 

.dijitSlider .dijitRuleMark {
	border-color: #1E2531;
	border-width: 1px;
	border-style: solid;
}

.dijitSlider .dijitRuleMarkH {
}	

/* Tabs */

.dijitTabSpacer {
    font-size: 1px;
}

.dijitAlignTop {
	top: 2px !important;
	z-index:10;
}

/* dijitContentPane */
.dijitTabPaneWrapper {
    border: 1px solid #646465;
    border-right-color: black;
    border-bottom-color: black;
    background: url("../images/design/panel_background.png") scroll top left repeat-x;
    margin: 0px;
    padding: 0px;
    position: absolute;
    top: 24px;
}

.dijitTabPane {
	padding: 4px;
}	

.dijitTab {
	padding:6px 20px 4px 10px;
	
	/* hier die tab hintergrund farben
	  auch hier bitte keine Transparenz 
	*/
	background: transparent url("../images/design/Tab_inactive_back.png") scroll bottom left repeat-x; 
	
	border-width:1px 1px 0px 0px;
	border-style: solid;
	border-color: #646465;
	line-height:normal;
	margin-right:0px;
	margin-bottom: 2px;
	
	cursor:pointer;
	float:left;
	white-space:nowrap;
	z-index:3;
}

.dijitTabContainer {
	z-index:10;	
	top:2px !important;
}


/* aktives Tab */
.dijitTabChecked {   
	/* allerdings darf das bild NICHT transparent sein */
    background: #1F2627 url("../images/design/Tab_active_back.png") scroll top left repeat-x;
}

.dijitTabContainerTop-tabs {
	border: 0px none;
}	

.dijitTabContainerTop-tabs > .dijitTab:first-child {
    border-left: 1px solid #646465;	
}

/* spezielle Radios */
.pgRadio {
    height: 33px;
    width: 38px;
    background-position: 0px 0px;
    background-image: url(../images/design/big_button_back.png);
}

.pgRadio input {
    cursor:pointer;
    height: 33px;
    width: 38px;    
    display: block;
}   

.pgRadio.dijitChecked {
    background-position: 0px -33px; 
}



/* Fix f�r Bug #294: Padding in Dojo Form-Elementen */
.dijitTextBox input , .dijitComboBox input {
    padding-top: 0 !important;
    line-height: 22px !important;
}