/* CSS Document */



body {
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;	
}
a:link {
text-decoration: none;
}
a:hover {
text-decoration: none;
}
a:visited {
text-decoration: none;
}

#rahmen {
	position:absolute;
	left:0px;
	top:0px;
	width:1024px;
	height:670px;
	z-index:2;
	background-color: #FFFFFF;
}
/*#rahmen_lang {
	position:absolute;
	left:0px;
	top:0px;
	width:1024px;
	height:1436px;
	z-index:2
}*/
#titel_rahmen {
	position:absolute;
	left:0px;
	top:18px;
	width:700px;
	height:80px;
}
	
	
#titel_rahmen h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15pt;
	color: maroon;
	margin: 0px;
	padding: 0px;
}

#titel {
display:none
}
/*Das Schriftbild von Arial ist bei einer Schriftgröße von 165% zu ungleichmäßig in der 
Schriftdicke, daher habe ich ein Bild eingesetzt und den Text herauskommentiert */
/*#titel h1 
{
	font-family: Helvetica, sans-serif;
	font-size: 165%;
	color: maroon
}*/

#untertitel {
	position:absolute; 
	left:0px; 
	top:45px; 
	width:500px; 
	height:23px; 
	z-index:4;
}


#untertitel h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13pt;
	color: maroon;
	margin: px;
	padding: 0px;
	font-weight: normal;
}
#logo_rahmen,
#logo{
display:none;
}

#haupt_nav,
#haupt_nav li,
#haupt_nav a,
#haupt_nav a:hover,
#seiten_nav_rahmen,
#seiten_nav_rahmen_lang,
#seiten_nav,
#seiten_nav li,
#seiten_nav a,
#seiten_nav a:hover,
#rahmen-1,
#rahmen-2,
#rahmen-3,
#rahmen-4,
#rahmen-5,
#rahmen-6,
#rahmen-7 {
display:none}



#bild-links{
display:none
}

/*{
	position:absolute;
	left:0px;
	top:230px;
	width:283px;
	height:441px;
	z-index:1;
}
Das Bild wird nicht ausgedruckt, daher kann der Text nach links rücken!!!

*/
	
/*Firefox braucht margin: 0px; padding: 0px, um Schriften in Ebenen auf die gleiche Höhe zu positionierten wie der IE6*/



/* div bild_rechts wird in den einzelnen Dateien im Kopfbereich definiert, da die Bilder unterschiedlich positioniert sind,
mit der !important-Regel wird die Datei-spezieifische Gewichtung außer Kraft gesetzt.*/ 
#bild_rechts {
	display:none !important
}

#bild_re {
	display:none !important
}

#bild_re_text {
	display:none !important
}

.klicken {
	display:none !important
}

#willkommen {
	display:none !important
}

/*Erkenntnis:
Normalerweise werden die Bilder der Ebene #bild_rechts bzw. #bild_re nicht ausgedruckt. Eine Ausnahme läßt sich offensichtlich per 
Klasse nicht definieren.  Also z.B. mit .bild-drucken.

Daher habe ich die Ebene neu benannt:
#bild-rechts-druckbar 

*/

#bild-rechts-druckbar {
	position:absolute; 
	left:0px; 
	top:308px; 
	width:178px; 
	height:200px; 
	z-index:1 
	}






/*Lage und Position des großen Stadtplanes in der Datei lageplan.htm
Erkenntnis:
Da die Browser keine Hintergrundbilder drucken, habe ich zwei Ebenen übereinandergelegt. Die für den Bildschirm bestimme Ebene wird hier
in druck.css unsichtbar mit display: none. In style.css müssen beide Ebenen, die für den Druck bestimmt sind, ebenfalls mit display: none unsichtbar gemacht werden.

Da Mozilla-Browser die gleiche Datei kleiner ausdrucken als der IE muss in der <img> Definition die Größe unterschiedliche definiert werden für Firefox: <img src="Bilder/lageplangrau_druck.gif" width="1000" height="809">
für den IE: <img src="Bilder/lageplangrau_druck.gif" width="650" height="526">

*/

#stadtplan-druck {
	position:absolute;
	left: -45px;
	top:198px;
	width: 997px;
	height: 600px;
	margin: 0px;
	padding: 0px;	
	
}
#stadtplan-screen{
	position:absolute;
	left: 0px;
	top: 200px;
	width: 660px;
	height: 500px;
	z-index:5;
	display:none !important
	}
	
#stadtplan-ie-druck	{
	position:absolute;
	left: 0px;
	top: 200px;
	width: 660px;
	height: 500px;
	z-index:5;
	display:none !important;
	}	
	
#adresse-druck {
	position:absolute;
	left:0px;
	top:101px;
	width:350px;
	height:50px;
	z-index:4;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
}

#adresse-ie-druck {
	display:none !important;
}


	
#text {
	position:absolute;
	left: 0px;
	top: 150px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: normal;
	z-index:1;
	color: #000000;
}

#text-scroll {
	position:absolute;
	left: 0px;
	top: 150px;
	/* wenn ich im Entwurffenster diese Ebene verändere wird automatisch height auf die volle Länge des Textes angepaßt,
	daher immer als 2. Schritt height auf ca 370 px zurückstellen (ist abhängig von "top" Pixel*/
	z-index:3;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: normal;	/*Problem war das z-index: auf 1 gestellt war, so kam man unter der Mozillafamilie nicht an die Bildlaufleisten heran*/
	
}
/*!!!!Problem:
Der Seitenumbruch funktioniert, es wird aber nicht automatisch eine 2 Seite erstellt, die dann gedruckt werden kann

*/

.neue-Seite {
/*page-break-before:always;
page:auto;*/

}


/*!!!!!! Erkenntnis

In der Ebene "text" wird mittels <br> ein Textfluss  um die #bild_rechts Gifs erstellt. 
Im Druck ist dies nicht sinnvoll, daher
habe ich <br> hier in druck.css per display: none a" definiert, um nun zu erforschen, ob ich diese Zeilenumbrüche für die druck.css wieder aufheben kann*/


.screen {
display:none

}


#text h3 {
	text-decoration: none;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 12pt;
	font-style: normal;
	margin: 0px;
	padding: 0px 0px 5px;
	}
	
#text p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #000000;
	margin: 0px;
	padding: 15px 0px 0px;
	
}	


	
.tabellen_layout {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #000000;
	margin: 0px;
	padding: 0px 0px 0px 0px;
	/*line-height: 85%;*/
}
#bild_re_text a {
text-decoration:none;
}