@CHARSET "utf-8";

/*
Ändern der Menübreite (linke Spalte) s. div#linkeSpalte, div#mittlereSpalte. Anmerkung linke Spalte hat nichts mit
linker Formularspalte zu tun.

  Zentrale CSS-Datei für die Anzeige der Seiten der Website Lageplanshop.de
  -------------------------------------------------------------------------
  A: zentrale Formate, gelten für HTML-Elemente und werden entweder direkt durch
    das HTML-Element selektiert, oder durch class.
    
    1. Formate für HTML Elemente
    2. Formatklassen die für bestimmte HTML-Elemente gelten
    3. Klassen die keinem bestimmten HTML-Element zugeordnet sind
    
  B: Individualformate, Formate die über das Universalattribut id angesprochen werden.
  C: Pseudoelemente und Pseudoklassen. Damit lassen sich auch Zustände anzeigen, z.B. Link besucht...
*/

/*
  1. Formate für HTML Elemente 
  -----------------------------
    
    Format des Seitenkörpers
  */
body {
	margin: 0px;
	padding: 0px;
	min-width: 40em;
	/* Mindestbreite verhindert Umbruch und Anzeigefehler in modernen Browsern */
	/* *** */
	/*color : #333;*/
	/*background-color : #F8F8F8;*/
	font-size: 9pt;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

/* aus BERT anmeldung.html.php */
div.anmeldung {
	text-align: left;
	border: 1px solid #cccccc;
	padding: 6pt;
}

*.InhaltsUeberschrift {
	color: #c64934;
	font-weight: bold;
	font-size: 11pt;
	white-space: nowrap;
}

*.Ueberschrift {
	color: #c64934;
	font-weight: bold;
	font-size: 10pt;
	white-space: nowrap;
}

*.UeberschriftCenter {
	color: #c64934;
	font-weight: bold;
	font-size: 10pt;
	white-space: nowrap;
	text-align: center;
}

*.Texte {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	text-align: left;
}

*.TextKlein {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 7pt;
	text-align: left;
}

*.TextAnmelden {
	color: blue;
	font-size: 10pt;
	text-align: left;
}

*.TextBestaetigung {
	font-family: Arial, Hevlvetica, sans-serif;
	font-size: 10pt;
	text-align: left;
}

*.Eingabefeld {
	padding: 2px;
	border: solid 1px #cccccc;
	color: blue;
	background-color: #ffffff;
	font-size: 9pt !important;
	width: 65mm; /* wegen der Hintergrundgrafik erforderlich */
}

*.Eingabefeld2 {
	padding: 2px;
	border: solid 1px #cccccc;
	color: blue;
	background-color: #ffffff;
	font-size: 9pt !important;
	width: 35mm; /* wegen der Hintergrundgrafik erforderlich */
}

*.Ausgabefeld {
	padding: 2px;
	border: solid 1px #cccccc;
	color: black;
	background-color: #CCCC66;
	font-size: 9pt;
}

*.Vorschub {
	font-size: 6pt;
}

/*
  2. Formatklassen die für bestimmte HTML-Elemente gelten
  -------------------------------------------------------
  */
div.A4 {
	margin: 0;
	padding-bottom: 15mm;
	padding-top: 2mm;
	padding-left: 10mm;
	padding-right: 10mm;
	/*width:640px;    */
	width: 170mm;
	/*Beachte auch Zusammenhang mit #Seite und #Fusszeile. Die Bildschirme stellen zu breit dar */
/* 	border: 1px dashed red; */
/* 	background: #F1F3F5; */
}

div.Reiter {
	background-color: #CCCCCC; /*339999*/
	/*cursor:hand;*/
	height: 7mm;
	border-color: black;
	border-style: solid;
	border-width: 1px;
	font-size: 9pt;
	font-weight: bold;
	padding-top: 1mm;
	text-align: center;
}

div.FormAnzeigebereich {
	/*grauer Rahmen um den Eingabebereich ziehen, unteren Rand auslassen, da dieser von Zeilenende gezogen wird*/
	border-style: solid;
	border-width: 1px;
	border-color: #cccccc;
	border-bottom-style: none;
	/* Bild ist 640 Pixel breit und 6 Pixel hoch, wird wiederholt. Ggf. der Variablen $InnenFormBreite zuweisen */
	/*width:166mm;*/
	/*background: url(formhg1.gif) repeat-y;*/
	background-color: #E8E8E8; /*#CCCCCC;*/
	padding: 0;
	margin: 0;
	/*border: 1px dashed black;*/
}

div.FormZeilenende {
	/* Ende eine Zeile, löscht Textumfluss. Zeiht einen Trennstrich */
	clear: both;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #cccccc;
}

div.FormLinks {
	float: left;
	/* Betrag ist abhängig von der Größe des Hintergrundbildes */
	width: 38mm;
	/* bei Änderung, auch margin-left von div.FormMitte anpassen*/
	background-color: #E5ECEC /*FFFF66;*/ /*border: 1px dashed silver;*/
}

div.FormLinks3 {
	float: left;
	/* Betrag ist abhängig von der Größe des Hintergrundbildes */
	width: 1mm;
	/* bei Änderung, auch margin-left von div.FormMitte anpassen*/
	background-color: #E5ECEC /*FFFF66;*/ /*border: 1px dashed silver;*/
}

div.SpalteLinks {
	/* notwendig, um Innenabstände erzeugen zu können */
	padding: 0.2em 0.2em 0.2em 0.2em;
}

div.FormMitte {
	/* wird der Abstand weggelassen, umfließt der Text das Menü. Es sollte dann jedoch kein Hintergrundbild verwendet werden */
	margin-left: 40mm;	
	margin-right: 50mm;
	padding: 0.2em 0.2em 0.2em 0.2em;
	background: #E5ECEF;
	/*border: 1px dashed silver;*/
}

div.FormMitte2 {
	/* wird der Abstand weggelassen, umfließt der Text das Menü. Es sollte dann jedoch kein Hintergrundbild verwendet werden */
	margin-left: 40mm;
	margin-right: 86mm;
	padding: 0.2em 0.2em 0.2em 0.2em;
	background: #E5ECEF;
	/*border: 1px dashed silver;*/
}

div.FormMitte3 {
	/* wird der Abstand weggelassen, umfließt der Text das Menü. Es sollte dann jedoch kein Hintergrundbild verwendet werden */
	margin-left: 2mm;
	margin-right: 50mm;
	padding: 0.2em 0.2em 0.2em 0.2em;
	background: #E5ECEF;
	/*border: 1px dashed silver;*/
}

div.FormRechts {
	/*Achtung: Änderungen wirken sich auf die Spaltengröße aus*/
	font-size: 0.85em;
	font-family: Helvetica, Arial, sans-serif;
	float: right;
	width: 48mm;
	background-color: #E5ECEC; /*#FFFF66;*/
}

div.FormRechts2 {
	/*Achtung: Änderungen wirken sich auf die Spaltengröße aus*/
	font-size: 0.85em;
	font-family: Helvetica, Arial, sans-serif;
	float: right;
	width: 84mm;
	background-color: #E5ECEC; /*#FFFF66;*/
}

div.SpalteRechts {
	/* notwendig, um Innenabstände erzeugen zu können */
	margin: 0.2em 0.2em 0.2em 0.2em;
}
/*
  3. Klassen die keinem bestimmten HTML-Element zugeordnet sind (gelten für beliebige Elemente)
  ---------------------------------------------------------------------------------------------
  */
*.ueberschrmenue {
	/* Klasse für Überschriften innerhalb des linken Menüs*/
	/*margin-top: 1mm;*/
	display: block;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-weight: bold;
	text-align: left;
	padding: 0.5em;
	color: maroon;
	background-color: #ccc;
}

*.loginmenue {
	/*für die Anzeige des Logins */
	/*siehe hieru auch class ueberschrmenue*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-weight: bold;
	display: block;
	text-align: center;
	padding: 0.5em;
	/*background-color: #82E384;*/
	/*color: red;*/
	background-color: #FF6600;
	color: white;
}

.buttonklein {
	color: brown; /* #c64934; */
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	font-size: 8pt;
	font-weight: bold;
	border: 3px double #cccccc;
	width: auto;
	background: url(button_grau.png) repeat-x;
	padding: 0px 5px;
	line-height: 12px !important;
	line-height: 10px;
	height: 20px !important;
	height: 18px;
	margin: 0px;
}

.button {
	color: brown; /* #c64934; */
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	font-size: 9pt;
	font-weight: bold;
	border: 3px double #cccccc;
	width: auto;
	background: white;
	padding: 0px 5px;
	line-height: 18px !important;
	line-height: 16px;
	height: 26px !important;
	height: 24px;
	margin: 1px;
}

/* Nicht verwendet*/
.buttonAus {
	color: #DCDCDC ; /* #c64934; */
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	font-size: 9pt;
	font-weight: bold;
	border: 3px double #cccccc;
	width: auto;
	background: gray;
	padding: 0px 5px;
	line-height: 18px !important;
	line-height: 16px;
	height: 26px !important;
	height: 24px;
	margin: 1px;
}

.button a {
	color: brown;
}

.login {
	margin-left: auto;
	margin-right: auto;
	margin-top: 6em;
	padding: 15px;
	border: 1px solid #cccccc;
	width: 429px;
	background: #F1F3F5;
}

.login-form {
	text-align: left;
	float: right;
	width: 60%;
}

.form-block {
	border: 1px solid #cccccc;
	background: #E9ECEF;
	padding-top: 15px;
	padding-left: 10px;
	padding-bottom: 10px;
	padding-right: 10px;
}

.login-text {
	text-align: left;
	width: 40%;
	float: left;
}

.clr {
	clear: both;
}

.ctr {
	text-align: center;
}

.inputlabel {
	font-weight: bold;
	text-align: left;
}

.inputbox {
	width: 150px;
	margin: 0 0 1em 0;
	border: 1px solid #cccccc;
}

*.textklein {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 20pt;
	text-align: left;
}

/*
  B: Individualformate, Formate die über das Universalattribut id angesprochen werden.
  ------------------------------------------------------------------------------------
  */

/* Der Anzeigebereich ist der Bereich, der unter der Überschrift liegt. Es wird
     eine Linie unterhalb der Überschrift ausgegeben. *** Gleichzeitig die dieser Bereich
     als Startpunkt (Ausgangspunkt) für die nachfolgenden Positionierungen
  */
#Anzeigebereich {
	border-top-style: solid;
	border-top-width: 3px;
	border-top-color: brown;
	border-bottom-style: solid;
	border-bottom-width: 3px;
	border-bottom-color: brown;
	/* Bild ist 156 Pixel breit und 6 Pixel hoch, wird wiederholt */
	background: url(rechtsgelb2.gif) repeat-y;
}

/* Anzeigebereich ohne Ausgabe des Hintergrundbildes. Siehe auch mittlereSpalte2  */
#Anzeigebereich2 {
	border-top-style: solid;
	border-top-width: 3px;
	border-top-color: brown;
	border-bottom-style: solid;
	border-bottom-width: 3px;
	border-bottom-color: brown;
}

/* gilt für die Div mit der id: linkeSpalte */
div#linkeSpalte {
	position: fixed;
	top: 33mm;
	left: 5px;
	float: left;
	/* Betrag ist abhängig von der Größe des Hintergrundbildes */
	width: 181px;	/* 136 urspürnglich, Bild anpassen nicht nötig, sieht gut aus */
	/* Wert-5-10 wg. left: 10px, bei Änderung von width, auch margin-left von div#mittlereSpalte anpassen*/
	border: 5px solid #FFFF66; /* #FF6600;*/
	/*padding-bottom: 5mm;*/
	/*padding-top: 5mm;*/
	background-color: #FFFFEE;
}

ul#menue {
	/* Breite wird beim Rahmen definiert*/
	font-size: 0.91em;
	margin: 0;
	padding: 0 0 0 0;
	/*border: 1px dashed silver;*/
}

ul#menue li {
	/* unterdrückt Bullet */
	list-style: none;
	margin: 0; /*padding: 0.5em;*/
}

ul#menue a {
	display: block;
	padding: 0.5em;
	padding-left: 5mm;
	font-weight: bold;
	/*text-align: right;*/
}

ul#menue a:link {
	color: black;
	background-color: #eee;
	text-decoration: none;
}

ul#menue a:visited {
	color: #666;
	background-color: #eee;
}

ul#menue a:hover {
	color: black;
	background-color: white;
}

ul#menue a:active {
	color: white;
	background-color: gray;
}
/*für Menüpunkte die dem Benutzer nur zeigen wo er ist*/
ul#menue p {
	padding: 0.5em;
	font-weight: bold;
	color: white;
	background-color: gray;
}
/* gilt für die Div mit der id: mittlereSpalte */
div#mittlereSpalte {
	/* bei Änderung, auch width von ul#menue anpassen */
	/* wird der Abstand weggelassen, umfließt der Text das Menü. Es sollte dann jedoch kein Hintergrundbild verwendet werden */
	margin-left: 196px;		/* Ändert Menübreite, siehe auch Zl. 398  */
	/*margin-right: 12em;*/
	padding: 0 1em 0 1em;
	/*border: 1px dashed silver;*/
}

/* gilt für die Div mit der id: mittlereSpalte wenn die linke Spalte leer ist, und deren Anzeige nicht gewünscht wird
  d.h. unterdrückt die Ausgabe url(rechtsgelb2.gif) bzw. die notwendige margin-left Angabe*/
div#mittlereSpalte2 {
	/*margin-right: 12em;*/
	padding: 0 1em 0 1em;
	/*border: 1px dashed silver;*/
}

div#rechteSpalte {
	/*Achtung: Änderungen wirken sich auf die Spaltengröße aus*/
	/*font-size: 0.9em;*/
	float: right;
	width: 12em;
	margin-left: 1em;
	margin-bottom: 1em;
	padding: 0;
	/*border: 1px dashed silver;*/
	background-color: #FFFFBB;
}

ul#rechtesMenue {
	font-size: 0.91em;
	margin: 0;
	padding: 0;
	/*border: 1px dashed silver;*/
}

ul#rechtesMenue li {
	list-style: none;
	margin: 0;
	padding: 0.5em;
}

ul#rechtesMenue a {
	display: block;
	padding: 0.5em;
	font-weight: bold;
}

ul#rechtesMenue a:link {
	color: black;
	background-color: #eee;
}

ul#rechtesMenue a:visited {
	color: #666;
	background-color: #eee;
}

ul#rechtesMenue a:hover {
	color: black;
	background-color: white;
}

ul#rechtesMenue a:active {
	color: white;
	background-color: gray;
}

div#rechteSpalte strong {
	font-size: 1.33em;
	margin: 0.5em 0.5em;
}

div#rechteSpalte p {
	font-size: 1em;
	margin: 0.5em;
}

div#Fusszeile {
	/* bei Änderung, auch width von ul#menue anpassen */
	/* wird der Abstand weggelassen, umfließt der Text das Menü. Es sollte dann jedoch kein Hintergrundbild verwendet werden */
	margin-left: 156px;
	/*clear: both;  siehe Klasse clr*/
	font-size: 0.9em;
	padding: 0;
	text-align: center;
	/*background-color: #FF9933;*/
	/*border: 1px solid silver;*/
}

div#Fusszeile span {
	padding: 30px;
}
/*Anker werden wie Schaltknöpfe dargestellt, jedoch ohne Hintergrund*/
div#Fusszeile a {
	font-weight: bold;
	color: brown; /* #c64934; */
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	text-decoration: none;
	font-size: 9pt;
	border: 3px double #cccccc;
	width: auto;
	/*background: url(button_grau.png) repeat-x;*/
	padding: 0px 5px;
	line-height: 18px !important;
	line-height: 16px;
	height: 26px !important;
	height: 24px;
	margin: 1px;
}

/*
  C: Pseudoelemente und Pseudoklassen 
  */
a:link {
	
} /* color:black; text-decoration:none; font-weight:bold; */
a:visited {
	
} /*  color:#EEAAAA; text-decoration:none; font-weight:bold; */
a:focus {
	color: #00AA00;
	background-color: #FFFF77;
	font-weight: bold;
}

a:hover {
	color: #EE0000;
	text-decoration: none;
	background-color: #FFFF99;
	font-weight: bold;
}

a:active {
	color: #0000EE;
	background-color: #FFFF99;
	font-weight: bold;
}