/* CSS Document Annelies-website  */
body {
	background-color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	color: #91164c;
}

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: #FCEBDA;
	vorher war diese Ebene transparent, wenn sie nun eine Farbe bekommt, verschwiedenen einige Ebenen, der ganze bisherige Aufbau funktioniert
	nicht mehr,  das war mein Problem vom 9. Sep. 05
	Lösungsveruche:
	1. #rahmen z-index von 2 auf 1 hilft nicht
	Problem wird sein, dass   
	
	*/
	background-color: #FCEBDA;
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-left-style: none;
	border-bottom-color: #8a174a;
}

#titel_rahmen {
	position:absolute;
	left:143px;
	top:18px;
	width:559px;
	height:41px;
}

#titel_rahmen h1{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1px;
	color: #FCEBDA;	
}

#titel {
	position:absolute;
	left:143px;
	top:18px;
	width:559px;
	height:41px;
	background-image: url(Bilder/titel.gif);
	background-position: left top;
}
/*Das Schriftbild von Arial ist bei einer Schriftgröße von 165% zu ungleichmäßig in der 
Schriftdicke, daher habe ich ein Bild eingesetzt  */
/*#titel h1 
{
	font-family: Helvetica, sans-serif;
	font-size: 165%;
	color: #8F254D
}*/

#untertitel {
	position:absolute; 
	left:148px; 
	top:60px; 
	width:198px; 
	height:23px; 
	z-index:4;
}

#untertitel h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 109%;
	color: #8F254D;
	margin: 0px;
	padding: 0px;
	font-weight: normal;
}

#logo_rahmen {
	position:absolute;
	left:841px;
	top:0px;
	width:183px;
	height:116px;
	z-index:1;
	background-color: #8a174a;
	}
	
#logo{
	z-index:1;
	width:77px;
	height:86px;
	background-image: url(Bilder/logo.gif);
	background-repeat: no-repeat;
	background-position: left top;
	margin-top: 20px;
	margin-right: 20px;
	margin-bottom: 0px;
	margin-left: 50px;	
}

/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!   Navigation    !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/


#haupt_nav{
	position:absolute; 
	left:54px; 
	top:22px; 
	width:789px; 
	height:31px; 
	z-index:1;
	padding:0px;
	margin: 0px;
}

#haupt_nav li {
	float :left;
	padding-left: 45px;
	margin: 0px;
	list-style-type: none;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
}

#haupt_nav a /*font-size ab 110% wird die Schrift deutlich dicker*/{
	text-decoration: none;
	color: #FEEDDB;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 109%;
	font-style: normal;
}
/*Erkenntnis:
wenn bei hover font-weight auf bold eingestellt ist, dann bewegen sich die anderen Listenelemente,
das wirkt unruhig*/
#haupt_nav a:hover {
	text-decoration: none;
	color: #91164c;
	font-weight:  normal;
}

#current-hauptnav a{
	text-decoration: none;
	color: #91164c;

}

#link_nav {
	position:absolute; 
	left:-17px; 
	top:594px; 
	width:100px; 
	height:31px; 
	z-index:4;
	padding:0px;
	margin: 0px;
	
}
#link_nav li {
	float :left;
	padding-left: 0px;
	margin: 0px;
	list-style-type: none;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	z-index:4;
}
#link_nav a /*font-size ab 110% wird die Schrift deutlich dicker*/{
	text-decoration: none;
	color: #FEEDDB;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 109%;
	font-style: normal;
}

#link_nav a:hover {
	text-decoration: none;
	color: #91164c;
	font-weight:  normal;
}

#current-link_nav a{
	text-decoration: none;
	color: #91164c;

}

#seiten_nav_rahmen {
	position:absolute;
	left:841px;
	top:119px;
	width:183px;
	height:551px;
	z-index:3;
	background-color: #8a174a;
	padding:0px;
	margin: 0px;
	}
	
#seiten_nav {
	position:absolute;
	left:818px;
	top:134px;
	width:196px;
	height:425px;
	z-index:3;
	padding:0px;
	margin: 0px;
	}

#seiten_nav li {
	list-style-type: none;
	padding:0px;
	margin: 0px;
}

#seiten_nav a {
	text-decoration: none;
	color: #FEEDDB;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 240%;
	font-weight: normal;
	font-size: 85%;
	padding:0px;
	margin: 0px;
}

#seiten_nav a:hover{
	text-decoration: none;
	color:#0000CC;
}


#current-seitennav a{
	text-decoration: none;
	color:#0000CC;

}
/* !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!  Design-Rahmen  !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/

#rahmen-1 {
	position:absolute;
	left:0px;
	top:118px;
	width:841px;
	height:111px;
	background-image: url(Bilder/rahmen_1b.jpg);
	background-position: left top;
}

#rahmen-2 {
	position:absolute;
	left:-100px;
	top:-1px;
	width:372px;
	height:56px;
	background-image: url(Bilder/rahmen_2.gif);
	background-position: left top;
}

#rahmen-3 {
	position:absolute;
	left:-100px;
	top:55px;
	width:162px;
	height:34px;
	background-image: url(Bilder/rahmen_3.gif);
	background-position: left top;
}

#rahmen-4 {
	position:absolute;
	left:-100px;
	top:89px;
	width:121px;
	height:23px;
	background-image: url(Bilder/rahmen_4.gif);
	background-position: left top;
}

#rahmen-5 {
	position:absolute;
	left:-100px;
	top:112px;
	width:106px;
	height:227px;
	background-image: url(Bilder/rahmen_5.gif);
	background-position: left top;
}

#rahmen-6 {
	position:absolute;
	left:-100px;
	top:339px;
	width:121px;
	height:61px;
	background-image: url(Bilder/rahmen_6.gif);
	background-position: left top;
}

#rahmen-7 {
	position:absolute;
	left:-100px;
	top:400px;
	width:135px;
	height:41px;
	background-image: url(Bilder/rahmen_7.gif);
	background-position: left top;
}

#bild-links{
	position:absolute;
	left:98px;
	top:229px;
	width:283px;
	height:442px;
	z-index:1;
	/*border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #8a174a;*/
	}
	
/*Firefox braucht margin: 0px; padding: 0px, um Schriften in Ebenen auf die gleiche Höhe zu positionierten wie der IE6*/

#text {
	position:absolute;
	left: 411px;
	top: 230px;
	width: 408px;
	height: 437px;
	z-index:3;
}

#text-scroll {
	position:absolute;
	left: 200px;
	top: 285px;
	width: 613px;
	height: 370px;
	/* 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;
	/*Problem war das z-index: auf 1 gestellt war, so kam man unter der Mozillafamilie nicht an die Bildlaufleisten heran*/
	overflow:auto;
}

h3 {
	text-decoration: none;
	color: #8F254D;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 110%;
	font-style: normal;
	margin: 0px;
	padding: 0px 0px 0px 2px;
	}
	
#text p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 90%;
	color: #91164c;
	margin: 0px;
	padding: 7px 0px 0px 2px;
}	


/*Textformatierung der Tabelle in der Datei anfahrt.htm*/	
.tabellen_layout {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 90%;
	color: #91164c;
	margin: 0px;
	padding: 0px 0px 0px -10px;
	line-height: 80%;
}
/*Die Gif-bilder werden normalerweise nicht gedruck,
falls dies doch der fall sein sollte, z.B. E-mailAdresse im Gif, 
habe ich diese zusätzliche Ebene definiert
*/

#bild-rechts-druckbar{
display:none;
}


/*Erklräungstext der thematischen Fotos die links vom Text jeweils dargestellt werden*/
#bild-text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 90%;
	color: #91164c;
}


/*!!!!!!!!!!!!!!!!Textformatierung der Hinweise zum Klicken also bei den verknüpften Gifs und bei dem Text "zurück"

Programmiererkenntnis:
bei Klassenselektoren funktionieren kombinierte Selektoren nicht immer???
z.B. .klicken p oder p .klicken hatte im Gegensatz zu dem schlichten .klicken
keine Wirkung
*/

.klicken {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 90%;
	color: #91164c;
}

.klicken a{
	text-decoration: none;
	color: #91164c;
}

.klicken a:hover{
	text-decoration: none;
	color:#0000CC;
}

/*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 Druck bestimme Ebene wird hier
in style.css unsichtbar mit display: none.
*/
#stadtplan-druck {
	position:absolute;
	left: 0px;
	top: 150px;
	width: 660px;
	height: 600px;
	display:none !important;
}


#stadtplan-screen{
	position:absolute;
	left: 176px;
	top: 229px;
	width: 594px;
	height: 435px;
}

#stadtplan-ie-druck	{
	position:absolute;
	left: 0px;
	top: 200px;
	width: 660px;
	height: 500px;
	z-index:5;
	display:none !important;
	}

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

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



#bild-text{
	position:absolute; 
	left:413px; 
	top:637px; 
	width:289px; 
	height:25px; 
	z-index:4 
}