/* Copyright (c) 2005 T-Systems Multimedia Solutions GmbH Dresden
 * Riesaer Str. 5, D-01129 Dresden, Germany
 * All rights reserved. 
 */

/* javascript/css begin %name:global_forms.css %, author %createy_by%, %version: 39 %, %created_by: mase %, %date_created: Fri Aug 27 10:10:55 2010 % */

/*---global_forms.css - Formulardarstellungen---*/

/*---allgemeines Elementverhalten:---*/

form {
margin: 0;
padding: 0;
}

fieldset {
border: none;
padding: 0;
margin: 0;
}

select {
margin: 0;
padding: 0;
font-size:1em;
border: 1px solid #CCCCCC; /*---Farbe wird nicht im IE erkannt!---*/
color: #000000;
}

textarea {
margin: 0;
padding: 0;
font-family: Arial,Geneva,Franklin Gothic,Helvetica,sans-serif;
font-size: 1em;
border: 1px solid #CCCCCC;
color: #000000;
}

input[type=text] {
margin: 0 3px 0 0;
font-size: 1em;
height:16px;
border: 1px solid #CCCCCC;
color: #000000;
}

input[type=password] {
border: 1px solid #CCCCCC;
color: #000000;
}

input[type=radio] {
margin: 0 6px 0 0;
padding: 0;
float: left;
width: 15px;
height: 15px;
border: none;
}

input.disabled{
background-color: #ece9d8;
color: #9F9A81;
}
input:active, input:focus, input.active {
background-color: #eeeed6;
}
input.disabled, input.disabled:active, input.disabled:hover{
background-color: #ece9d8;
color: #9F9A81;
}
/*---IE 6---*/

* html input.radio {
margin: 0 6px 0 0;
padding: 0;
float: left;
width: 15px;
height: 15px;
border: none;
}

/*---OPERA---*/

html:first-child>b\ody input[type=radio] {
width: 15px;
height: 14px;
}

input[type=checkbox] {
margin: 0 6px 0 0;
padding: 0;
float: left;
width: 15px;
height: 15px;
border: none;
}

/*---IE 6---*/

* html input.checkbox {
margin: 0 6px 0 0;
padding: 0;
float: left;
width: 15px;
height: 15px;
border: none;
}

/*---OPERA---*/

html:first-child>b\ody input[type=checkbox] {
width: 15px;
height: 14px;
}

/*---Pflichtfeld (obligatorisches label)---*/

.obligateLabel {
margin-right: 3px;
font-weight: bold;
}

/* --- unsichtbares Label --- */
.hiddenLabel
{
	display: none;	
	height: 0; 
	width: 0; 
	overflow: hidden;
}

/* --- unsichtbares Label mit fixer Position --- */
.hiddenLabelFixedPosition
{
	display: none;
	position: fixed;
	height: 0; 
	width: 0; 
	overflow: hidden;
}



/*---Formular-Block---*/

.modulFormBlock {
margin: 9px 0 -1px 0;
}

/*---Formular-Block für die Expertensuche---*/

.modulFormSearchBlockMargin3 {
margin: 0 -1px 0;
padding: 0px 0px 3px 0px;
}

.modulFormSearchBlock {
margin: 0 -1px 0;
padding: 0px 0px 12px 0px;
}

.modulFormSearchColumnBlock230 {	
width: 230px;
float: left;
}

.modulFormSearchColumnBlock460 {	
width: 460px;
float: left;
}

/*---Formular-Block für Checkboxen---*/
.modulFormCheckboxBlock {
	padding-top: 12px;
}

/*---Formularanordnung 1. Fall:---*/
 
/*---Formularfeldbezeichnung (label) links und Formularfeld (input, select, textarea) rechts (mit optionalem Infotext):---*/

/*---Formularfeldbezeichnung (label) links:---*/

.labelLeft {
width: 178px;
float: left;
padding: 3px 12px 0 0;
}

/*---IE 6---*/

* html .labelLeft {
padding: 4px 0 0 0;
/*IE6: double padding bug - padding mit margin getauscht - display inline um double margin bug zu vermeiden*/
margin-right: 12px;
display: inline;
}

/*---IE 7---*/

*+html .labelLeft {
padding: 4px 12px 0 0;
}

/*---mehrzeilige Formularfeldbezeichnung (label) links---*/

.labelLeftMultiline {
width: 178px;
float: left;
padding: 0 12px 0 0;
margin-top: -3px;
}

/*---Formularfeld (input, select, textarea) rechts:---*/

.formElementsRight178 {
width: 178px;
margin: 0 0 16px 0;
padding: 0;
float: left;
min-height: 20px;
}

/*---IE 6---*/
* html .formElementsRight178 {
height: 20px;
}

/*---IE 7---*/

*+html .formElementsRight178 {
min-height: 20px;
}

.formElementsRight262 {
width: 262px;
margin: 0 0 16px 0;
padding: 0;
float: left;
min-height: 20px;
}

/*---IE 6---*/
* html .formElementsRight262 {
height: 20px;
}

/*---IE 7---*/

*+html .formElementsRight262 {
min-height: 20px;
}

.formElementsRight526 {
width: 526px;
margin: 0 0 17px 0;
padding: 0;
float: left;
min-height: 20px;
}

/*---IE 6---*/
* html .formElementsRight562 {
height: 20px;
}

/*---IE 7---*/

*+html .formElementsRight562 {
height: 20px;
}

.portierungszeitfenster{
	width: 526px;
	padding: 0;
	min-height: 20px;	
	left:190px;
	bottom:-2px;
}

/*---optionaler Infotext rechts neben .formElementsRightxxx (Breite: 235px):---*/

.formElementsRightAddInfo {
float: left;
width: 235px;
height: auto;
padding: 4px 0 0 0;
margin: 0 0 0 1px;
font-size: 11px;
color: #666666;
}

.formElementsRightAddInfo a {
font-size: 11px;
text-decoration: underline;
color: #666666;
}

.formElementsRightAddInfo a:hover {
font-size: 11px;
text-decoration: none;
color: #E20074;
}

/*---IE 6---*/
* html .modulFormBlock .formElementsRightAddInfo a {
color: #666666;
}

/*---optionaler Infotext rechts neben .formElementsRightxxx (Breite: 196px):---*/

.formElementsRightAddInfo196 {
float: left;
width: 196px;
height: auto;
padding: 4px 0 0 0;
margin: 0 0 0 12px;
font-size: 11px;
color: #666666;
}

.formElementsRightAddInfo196 a {
font-size: 11px;
text-decoration: underline;
color: #666666;
}

.formElementsRightAddInfo196 a:hover {
font-size: 11px;
text-decoration: none;
color: #E20074;
}

/*---Zusammenfassung links statt label-Feld (immer Fett gedruckt!)---*/

.infoLeft {
width: 178px;
float: left;
padding: 3px 12px 0 0;
font-weight: bold;
}

/*---Text links statt label-Feld (nicht Fett gedruckt!)---*/

.textLeft {
width: 178px;
float: left;
padding: 0 12px 0 0;
}
.indent .textLeft{
width: 157px;
}
/*---Image links statt label-Feld---*/

.imgLeft {
width: 178px; 
float: left;
padding: 3px 12px 9px 0;
text-align:center;
}

.imgLeftMbp {
width: 120px; 
float: left;
text-align:left;
}

/*--- IE 7 Image links ---*/
*+html .imgLeft {
min-height:100px;	
}

/*---spezifische Formulardarstellungen:---*/

/*---spezifische Darstellung f�r mehrere input-Elemente in einer Zeile---*/

.formElementsRightInputEntry {
float: left;
width: auto;
margin: 0 12px 0 0;
padding: 3px 0 0 0;
}

/*---spezifische Darstellung für mehrere Radiobuttons in einer Zeile---*/

.formElementsRightRadio {
float: left;
width: auto;
margin: 0 24px 0 0;
padding: 3px 0 0 0;
}


/*---spezifische Darstellung f�r erweiterte Suchoptionen: Input-Feld---*/

.formElementsRightAuto {
width: auto;
margin: 0 0 17px 0;
padding: 0;
float: left;
min-height: 20px;
}

/*---spezifische Darstellung f�r erweiterte Suchoptionen: Submit-Button rechts neben Input-Feld---*/

.formElementsRightAddButton {
float: left;
max-width: 235px;
padding: 0 0 0 0;
margin: 0 0 0 6px;
}

/*---spezifische Darstellung f�r CountrySelect---*/

.formElementsRightAdd {
width: auto;
margin: 0 12px 17px 0;
padding: 3px 0 0 0;
float: left;
}

/*---spezifische Darstellung f�r Kontaktformular---*/

.formElementsRightAddText {
float: left;
width: 235px;
padding: 3px 0 0 0;
margin: 0 0 0 1px;
}

.formElementsRightEntryPanel {
float: left;
margin: 3px 12px 0 0;
padding: 0 0 13px 0;
width: 75px;
}

/*---spezifische Darstellung für Expertensuche---*/

.formElementsRightSearch {
	float: right; 
	margin: 8px 0px 12px 0px;
}


/*---Formularanordnung 2. Fall:---*/ 

/*---Formularfeld (radio, checkbox) links---*/

.formElementsLeft {
width: auto;
margin: 0 0 6px 0;
padding: 0;
float: left;
}

.formElementsLeftNoFloat {
width: auto;
margin: 0 0 6px 0;
padding: 0;
}

/*---Formularfeldbezeichnung (label) rechts:---*/

.labelRight686 {
width: 686px;
float: left;
margin: 0 0 6px 0;
padding: 0;
}

.labelRight707 {
width: 707px;
float: left;
margin: 0 0 6px 0;
padding: 0;
}
.indent .labelRight707 {
    width:686px;
}
.indent .labelLeft{
    width: 157px;
}
.indent .indent .labelRight707 {
    width:665px;
}
.indent .indent .labelLeft{
    width: 136px;
}
div.bigIndent{
margin-left: 190px;
float: left;
display: inline;
}
p.bigIndent{
margin-left: 190px;
}
div.bigIndent .labelRight707{
    width: 500px;
}

/*---Breite des langen Suchfeldes, initial 312px ---*/

input.inputWidth22 {
width: 312px; 
height: 15px;
float:left;
margin: 0 6px 0 0;
}

/*---IE 6---*/

* html input.inputWidth22 {
width: 310px; 
border: 1px solid #CCCCCC;
color: #000000;
margin: 0 8px 0 0;
}

/*---IE 7---*/

*+html input.inputWidth22 {
width: 310px; 
}

/*---Breiten von input-Feldern:---*/

/*---20px---*/

input.inputWidth21 {
width: 22px;
margin: 0 2px 0 0;
}

/*---IE 6---*/

* html input.inputWidth21 {
border: 1px solid #CCCCCC;
color: #000000;
width: 20px;
}

/*---IE 7---*/

*+html input.inputWidth21 {
width: 20px;
}

/*---30px---*/

input.inputWidth1 {
width: 30px;
height: 16px;
text-align: center;
vertical-align: top;
}

/*---IE 6---*/

* html .inputWidth1 {
border: 1px solid #CCCCCC;
color: #000000;
}

/*---48px---*/

input.inputWidth9 {
width: 48px;
float: left;
}

/*---IE 6---*/

* html .inputWidth9 {
border: 1px solid #CCCCCC;
color: #000000;
width: 46px;
}

/*---51px---*/

.inputWidth19 {
width: 51px;
}

/*---IE 6---*/

* html .inputWidth19 {
width: 49px;
border: 1px solid #CCCCCC;
color: #000000;
margin: 0 3px 0 0;
}

/*---IE 7---*/

*+html .inputWidth19 {
width: 49px;
}

/*---75px---*/

.inputWidth14 {
width: 75px;
}

/*---IE 6---*/

* html .inputWidth14 {
width: 77px;
border: 1px solid #CCCCCC;
color: #000000;
margin: 0 3px 0 0;
}

/*---IE 7---*/

*+html .inputWidth14 {
width: 77px;
}

/*---82px---*/

.inputWidth10 {
width: 82px;
}

/*---IE 6---*/

* html .inputWidth10 {
border: 1px solid #CCCCCC;
color: #000000;
margin: 0 3px 0 0;
}

/*---90px---*/

input.inputWidth3 {
vertical-align: middle;
width: 90px;
}

/*---IE 6---*/

* html .inputWidth3 {
border: 1px solid #CCCCCC;
color: #000000;
margin: 0 6px 0 0;
}

/*---94px---*/

input.inputWidth8 {
width: 94px;
float: left;
}

/*---IE 6---*/

* html .inputWidth8 {
width: 92px;
border: 1px solid #CCCCCC;
color: #000000;
}

/*---IE 7---*/

*+html input.inputWidth8 {
width: 92px;
}

/*---145px---*/

.inputWidth13 {
width: 145px;
}

/*---IE 6---*/

* html .inputWidth13 {
width: 143px;
border: 1px solid #CCCCCC;
color: #000000;
margin: 0 3px 0 0;
}

/*---IE 7---*/

*+html .inputWidth13 {
width: 143px;
}

/*---168px---*/

.inputWidth12 {
width: 168px;
}

/*---IE 6---*/

* html .inputWidth12 {
width: 166px;
border: 1px solid #CCCCCC;
color: #000000;
margin: 0 3px 0 0;
}

/*---IE 7---*/

*+html .inputWidth12 {
width: 166px;
}

/*---182px---*/

input.inputWidth6 {
width: 182px; 
height: 15px;
float:left;
margin: 0 6px 0 0;
}

/*---IE 6---*/

* html input.inputWidth6 {
width: 180px; 
border: 1px solid #CCCCCC;
color: #000000;
margin: 0 8px 0 0;
}

/*---IE 7---*/

*+html input.inputWidth6 {
width: 180px; 
}

/*---190px---*/

.inputWidth20 {
width: 190px;
}

/*---IE 6---*/

* html .inputWidth20 {
width: 188px;
border: 1px solid #CCCCCC;
color: #000000;
margin: 0 3px 0 0;
}

/*---IE 7---*/

*+html .inputWidth20 {
width: 188px;
}

/*---191px---*/

input.inputWidth5 {
width: 191px; 
float:left;
}

/*---IE 6---*/

* html .inputWidth5 {
width: 189px; 
border: 1px solid #CCCCCC;
color: #000000;
margin: 0 3px 0 0;
}

/*---193px---*/

select.inputWidth5 {
width: 193px; 
float:left;
}

/*---IE 6---*/

* html select.inputWidth5 {
width: 195px; 
border: 1px solid #CCCCCC;
color: #000000;
margin: 0 3px 0 0;
}

/*---220px---*/

.inputWidth11 {
width: 220px;
}

/*---IE 6---*/

* html .inputWidth11 {
border: 1px solid #CCCCCC;
color: #000000;
margin: 0 3px 0 0;
}

/*---240px---*/

.inputWidth15 {
width: 240px;
}

/*---IE 6---*/

* html .inputWidth15 {
width: 242px;
border: 1px solid #CCCCCC;
color: #000000;
margin: 0 3px 0 0;
}

/*---IE 7---*/

*+html .inputWidth15 {
width: 242px;
}

/*---249px---*/

.inputWidth16 {
width: 249px;
}

/*---IE 6---*/

* html .inputWidth16 {
width: 247px;
border: 1px solid #CCCCCC;
color: #000000;
margin: 0 3px 0 0;
}

/*---IE 7---*/

*+html .inputWidth16 {
width: 247px;
}

/*---251px---*/

.inputWidth18 {
width: 251px;
}


/*---420px---*/

.inputWidth17 {
width: 420px;
}

/*---IE 6---*/

* html .inputWidth17 {
width: 418px;
border: 1px solid #CCCCCC;
color: #000000;
margin: 0 3px 0 0;
}

/*---IE 7---*/

*+html .inputWidth17 {
width: 418px;
}

.inputWidthAuto{
width: auto;	
}

/*---H�hen von textarea-Feldern:---*/

.inputHeight1 {
height: 180px;
}

/*---spezifische Formatierungen f�r Quickcheck:---*/

.quickcheckLabel {
float: left;
padding: 3px 0 0 0;
margin: 0 12px 16px 0;
width: 100px;
}

.quickcheckFormElements {
float: left;
padding: 0;
margin: 0 0 16px 0;
width: auto;
}

/*---spezifische Formatierungen f�r PV-Shop-Login:---*/

.labelTop {
 margin: 0 0 9px 0;
}

.labelTop img {
vertical-align: middle;
margin: 0 0 0 3px;
}

.formElementsBottom {
 margin: 0 0 9px 0;
 float: left;
}

/*---spezifische Formatierungen f�r Input-Feld in .listingContentFrame (z. B.: APDS_FAQ)---*/

.modulFormBlockLabel {
float: left;
margin: 3px 12px 0 0;
}

/*---IE 6---*/

* html .modulFormBlockLabel {
float: left;
margin: 4px 12px 0 0;
}

/*---IE 7---*/

*+html .modulFormBlockLabel {
float: left;
margin: 4px 12px 0 0;
}

.modulFormBlockInput {
float: left;
margin: 0 12px 11px 0;
max-width: 340px;
}

.modulFormBlockSubmit {
float: left;
margin: 0 0 0 0;
}

.modulFormBlockInput select {
width: 340px;
}

/*--- Fließtext im Formularcluster---*/
.introText {
width:650px;
}

/*--- Fliesstext im Formularcluster innerhalb IFrame---*/
.iFrameLogin .introText {
width:638px;
padding-bottom:13px;

}

/*---input-Feld mit farbigem Hintergrund (default, grau)---*/
input.inputFilledColor {
background-color: #eeeed6;
}

/******* css hacks *******/

/******* 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 */

* html body {
	word-wrap: break-word; /* wrap words that are too long, Explorer 5+ Windows only */
}
/******* this css includes conditional comments for hover in IE *******/
/* use class input.active */
input:active, input:focus {
background-color: #eeeed6;
}

* html

/* javascript/css end %name:global_forms.isml % */