@CHARSET "UTF-8";

/*	====================================================================================================
		Doku + Snippets
	---------------------------------------------------------------------------------------------------- */

/*	==================================================
		Link Pseudoklassen
	-------------------------------------------------- */
/*
:link = für Verweise zu noch nicht besuchten Seiten
:visited = für Verweise zu bereits besuchten Seiten
:focus = für Elemente, die den Fokus erhalten, z.B. durch "Durchsteppen" mit der Tabulator-Taste (CSS 2.0)
:hover = für Elemente, während der Anwender mit der Maus darüber fährt (CSS 2.0)
:active = für gerade angeklickte Elemente
*/



/*	====================================================================================================
		Allgemein
	---------------------------------------------------------------------------------------------------- */

/*	==================================================
		Grundgerüst
	-------------------------------------------------- */
body {
	/* global + Fliesstext */
	/* font-family: Verdana, Arial, Helvetica, sans-serif; */
	font-family: 'ABC Favorit Mono', Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	font-size: 0.70em;
	line-height: 1.16em;
	font-weight: normal;
	text-decoration: none;

	/*
	border: 1px solid #aaa;
	padding: 10px;
	*/
}

#environmentHeader {
	color: black;
	font-size: 16px;
	font-weight: bolder;
	background: yellow;
	padding: 5px;
}


#header{
	position: fixed;
	top: 0px;
	left: 0px;
	height: 4px;
	width: 100%;
	/* background-color: #ff7200; */
	background-color: #00AA77;
}


#footer{
	position: fixed;
	bottom: 0px;
	left: 0px;
	height: 12px;
	width: 100%;
	/* background-color: #ff7200; */
	background-color: #00AA77;
}


/*	==================================================
		StatusCollection / Fehlermeldungen / ZF Error Decorator
	-------------------------------------------------- */
div.statusCollection {
	border: 1px solid black;
	padding: 5px;
	margin-bottom: 15px;

}

ul.statusCollection {
	padding: 0px;
	list-style: none;
}

ul.statusCollection li.error {
	color: red;
}

ul.statusCollection li.warning {
	color: orange;
}

ul.statusCollection li.info {
	color: green;
}



/* ZF Error Decorator */
#tblKonfiguratorGruppen ul.errors li {
	color: red;
	font-weight: bolder;
	font-size: 9px;
}

ul.errors li {
	color: red;
	white-space: normal;
	width: 100%;
}

ul.errors {
	padding: 0px;
	list-style: none;
}



/*	====================================================================================================
		Tabellen
	---------------------------------------------------------------------------------------------------- */
#tblKonfiguratorGruppen {
	color: #909090;
}

#tblKonfiguratorGruppen td {
	vertical-align: top;
}

#tblKonfiguratorGruppen td.spalteObergruppen {
	color: #606060;
}

#tblKonfiguratorGruppen div.lblUntergruppe, #tblKonfiguratorGruppen div.lblObergruppe {
	margin-bottom: 5px;
	font-size: 1.2em;
	white-space: nowrap;
}

.number {
	text-align: right;
}

.tblForm td {
	vertical-align: baseline;
	white-space: nowrap;
	/* padding-bottom: 10px; */
}

.tblForm td.rechts {
	width: 100%;
	padding-right: 15px;
}

.tblData {
	border: none;
}

.tblData th {
	text-align: left;
	padding: 5px 3px 5px 3px;
}

.tblData tr th {
	/* background-color: #ff7200; */
	background-color: #00AA77;
}

.tblData td {
	padding: 3px 15px 3px 3px;
}

.tblData tr.gerade {
	background-color: #f1f1f1;
}

.tblData tr.ungerade {
	background-color: #fafafa;
}

.tblData tr:hover {
	/* background-color: #ff7200; */
	background-color: #00AA77;
}



/*	====================================================================================================
		Formulare
	---------------------------------------------------------------------------------------------------- */
#frmKonfigurator select {
	font-size: 0.9em;
}

#frmKonfigurator #ddVerkaufsModelle {
	font-size: 1.2em;
}

#frmZusaetzlicheAngaben textarea {
	font-family: inherit;
	font-size: inherit;
}

textarea {
	resize: none;
}





/*	====================================================================================================
		Fortschrittsanzeige - Bildschirm ausgrauen
	---------------------------------------------------------------------------------------------------- */
.divProgressLayerOff {
	position: absolute;
	left: -500px;
	top: -500px;
	z-index: -1;
	}

.divProgressLayerOn {
	background-color:lightgrey;
	filter:Alpha(opacity=90);
	-moz-opacity:.9;
	opacity:.9;
	position: fixed;
	left: 0px;
	top: 0px;
	z-index: 666;
	width: 100%;
	height: 100%;
	text-align: center;
	position: absolute;
	}



/*	==================================================
		Popup-Menü
	-------------------------------------------------- */
.dd_menu {
	float: left;
	margin-top: 5px;
	border-bottom: 2px dotted #606060;
	font-size: 1.2em;
	color: black;
	}

.dd_menu div:hover {
	text-decoration: none;
	}

.dd_menu .popup {
	display: none;

	position: absolute;   /* schwebendes Menü, Parent <div> wird nicht vergrößert */
	z-index: 100;   /* sonst bekommen nachfolgende rowmenu_title einen höheren z-index */

	margin-left: 0px;
	text-align: left;
	}

.dd_menu:hover .popup {   /* ACHTUNG: IE & Co.: span kann NICHT durch Klassennamen ersetzt werden. */
	display: block;
	}

.menuArea {
	padding: 10px;
	/* border: 3px solid #ff7200; */
	border: 3px solid #00AA77;
	background-color: #fafafa;
	}












.background-none {
	background-color: transparent;
}
.background-red {
	background-color: red;
}

.fieldsetPaddingErsatz {
	/* Klasse zur IE Kompatibilität: IE zeigt in Fieldsets kein padding-top an. */
	margin: 15px;
}

.fieldsetMarginErsatz {
	/* Klasse zur IE Kompatibilität: IE zeigt in Fieldsets kein margin-bottom an. */
	margin-bottom: 15px;
}

fieldset legend {
	font-weight: bolder;
}

.glossaryLink {
	text-decoration: none;
	border-bottom: 2px dotted #606060;
}

fieldset legend .glossaryLink {
	font-weight: bolder;
	color: black;
}

a:hover.glossaryLink {
	text-decoration: none;
	/* color: #ff7200; */
	color: #00AA77;
	/* border-bottom: 2px dotted #ff7200; */
	border-bottom: 2px dotted #00AA77;
}

a:hover.noGlossaryLink {
	text-decoration: none;
}




/* -----------------------------------------------------------------------------------------------------
   !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
   !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
   !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
ACHTUNG:
Ab hier: Noch nicht kontrollierte / übernommene Altdaten
   !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
   !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
   !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
   ----------------------------------------------------------------------------------------------------- */




/*	====================================================================================================
		Allgemein
	---------------------------------------------------------------------------------------------------- */
/*	==================================================
		Grundgerüst
	-------------------------------------------------- */




/*	==================================================
		Sonstiges
	-------------------------------------------------- */
table  {
	/* Tabelle */
	/* nicht im Styleguide */
	/* wird benötigt für Tabellenzeilen-Mouseover: IE zeigt aufgrund des Rahmens in Zellen unterteilte Background-Color  */
	border-collapse: collapse;
	border-spacing: 0px;
}

/*	====================================================================================================
		Links

		Nachfolgende Angaben "in Anlehnung" an GJ Styleguide,
		da Typograhie + Gestaltung von Links im GJ Styleguide nicht ausreichend beschrieben wird.
	---------------------------------------------------------------------------------------------------- */

/*	==================================================
		Links allgemein
	-------------------------------------------------- */
a {
	/* Gleiche Einstellungen wie: global + Fliesstext */
	/* font-family: Verdana, Arial, Helvetica, sans-serif; */
	font-family: 'ABC Favorit Mono', Verdana, Arial, Helvetica, sans-serif;
	color: #666;
	font-size: 1em;
	line-height: 1.16em;
	font-weight: normal;
	text-decoration: none;
	text-align: left;
}

a:link {
}

a:visited {
}

a:focus {
}

a:hover {
	text-decoration: underline;   /* nicht im Styleguide */
}

a:active {
}