/* 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:3;
    /*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:142px;
    top:4px;
    width:559px;
    height:41px;
}

#titel_rahmen h1{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 29px;
    color: #8f254d;
    padding: 0 0 10px 4px;
    font-weight: 100;
}

#untertitel {
    position:absolute; 
    left:148px; 
    top:60px; 
    width:210px; 
    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:86px;
    height:96px;
    background-image: url(Bilder/Signet_form2_heller.svg);
    background-repeat: no-repeat;
    background-position: left top;    
    margin-top: 10px;
    margin-right: 20px;
    margin-bottom: 0px;
    margin-left: 45px;	

}

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


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

#haupt_nav li {
    float :left;
    padding-left: 40px;
    margin: 0px;
    list-style-type: none;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;    
}
#haupt_nav > ul:nth-child(1) > li:nth-child(1) {padding-left: 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;
    background-color: rgba(180,180,180,0.8);
    padding:0 5px 0 5px;   
}
/*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:-34px; 
    top:595px; 
    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;
    line-height: 25px;
}
#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: 100%;
    font-style: normal;
    background-color: rgba(180,180,180,0.8);
    padding:0 4px 0 4px;
}

#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:119px;
    width:841px;
    height:551px;
    background-image: url(Bilder/MenueHintergrund_bg_transparent.png);
    background-position: left top;
    z-index:2;
}
/*
#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:93px;
    top:232px;
    width:283px;
    height:442px;
    z-index:1;
    /*border-bottom-width: thin;
    border-bottom-style: solid;
    border-bottom-color: #8a174a;*/
}

#bild-links > img:nth-child(1) {}



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

.scrollableBox {
    height:385px;
    width:380px;

    overflow-x: hidden;
    overflow-y: visible;

}
.textBox {
    width: 370px;

}

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 
}