/*** Allgemeine Einstellungen und Positionierungen  - modifiziert, u.a. fuer flash-movie + navigation M. Wipki***/

html {
background:url(../images/links.jpg) 0px 140px repeat-y; /* Hintergrund links Seite */
height:100%;
margin:0;
padding:0;
scrollbar-base-color:#333333;
  scrollbar-3d-light-color:#000000;
  scrollbar-arrow-color:#597959;
  scrollbar-darkshadow-color:#eeeeee;
  scrollbar-face-color:#9e9a8b;
  scrollbar-highlight-color:#FFFFFF;
  scrollbar-shadow-color:#000000;
  scrollbar-track-color:#ffffff;

}



body {

color:#333333;
font-family:Arial, Helvetica, sans-serif;
font-size:10pt;
line-height:14pt;
width:100%;
height:100%;
margin:0;
padding:0;
}

#wrapper {
background:url(../images/rechts.gif) repeat-y top right; /* Hintergrund rechte Seite */
margin:0;
padding:0;
width:100%;
position: relative;
min-height: 100%;
max-width:1024px;
}

* html #wrapper
{
float:left;
height: 100%;
}

img#logo { /* Logo */
float:left;
margin:0;
padding:0;
height:140px;
width:155px;
border:none;
}

#kopf { /* Seitenkopf */
background:#FFFFFF url(../images/oben.jpg) 0 0 repeat;
height:138px;
margin:0;
padding:0;
margin-left:155px;
white-space:nowrap;
}

#kopf img {  /* allgemeine Einstellungen für die Bilder im Kopf */
height:100px;
width:100px;
margin:0;
padding:10px 20px 5px;
background:none;
visibility:hidden; /* Bild wird nur bei aktueller Kategorie angezeigt */
display:inline;
}

#links { /* Linke Seite */
background-repeat:no-repeat;
clear:both;
float:left;
padding:1px;
width:153px;
}

#rechts { /* Rechte Seite */
float:right;
margin:0;
margin-top:0px;
padding-right:0px;
padding-top:0px;
width:150px;
}

#mitte { /* Mitte - Inhalte */
padding:10px;
margin-left:155px;
margin-right:150px;
}

* html #mitte {
margin-bottom:20px;
}

a#toplink { /* Link "nach oben" */
position: relative;
margin-top: -15px;
background:#C60;
height: 15px;
color:#FFF;
display:block;
margin-left:155px;
text-align:left;
padding-left:25px;
background-repeat:no-repeat;
background-position:10px 5px;
}

a#top { /* Anker für Toplink "versteckt" */
position:absolute;
top:0;
left:-999em;
font-size:0.1em;
height:0;
margion:0;
padding:0;
}

/*** Horizontale Navigation - allgemeine Einstellungen, height=Höhe des Navibalkens ***/
#kopf ul {
background:#597959;
border:none;
font-weight:700;
height:24px;
line-height:1;
list-style:none;
min-width:800px;
margin:0;
padding:0;
}

#kopf a { /* Links der ersten Ebene */
color:#FEFDFD;
display:block;
padding:5px 5px 5px 15px;
text-decoration:none;
width:121px;
background-repeat:no-repeat;
}

#kopf li li a { /* Links der folgenden Ebenen */
color:#EEE;
display:block;
padding:5px;
text-decoration:none;
width:130px;
}

#kopf a.daddy {  /* Links der ersten Ebene mit Unterpunkten */
background:url(../images/Pfeil_gelb.gif) 2px 5px no-repeat;
}

#kopf li li a.daddy {  /* Links der folgenden Ebenen mit Unterpunkten */
background:url(../images/Pfeil_gelb.gif) 133px 5px no-repeat;
}

#kopf li {
float:left;
padding:0;
width:140px!important;
white-space:normal;
}

#kopf li#active a,#kopf li.activepath a { /* aktive Punkte */
background-color:#F93;
}

#kopf li ul { /* 2. Ebene */
float:none;
border-width:0.25em;
font-weight:400;
height:auto;
left:-999em;
margin:0;
position:absolute;
width:140px!important;
min-width:140px!important;
z-index:10;
}

#kopf li li {
width:140px;
}

#kopf li ul a {
padding:5px;

width:130px;
}

#kopf li ul ul { /* 3. Ebene */
margin-left:140px;
margin-top:-22px;
}

#kopf li ul.linksunddienste ul { /* 3. Ebene für Menüpunkt ganz rechts: wenn diese nach links aufklappen soll -140px!*/
margin-left:140px;
}

#kopf li:hover ul ul,#kopf li:hover ul ul ul,#kopf li.sfhover ul ul,#kopf li.sfhover ul ul ul {
left:-999em;
}

#kopf li:hover,#kopf li.sfhover {
background:#F93;
}

#kopf li:hover ul,#kopf li.sfhover ul,#kopf li li:hover ul,#kopf li li li:hover ul,#kopf li li.sfhover ul,#kopf li li li.sfhover ul {
left:auto;
}


/*** Vertikale Navigation - allgemeine Einstellungen ***/
#navigation ul {
list-style:none;
margin:0;
padding-top:10px;
padding-left:20px;
/*padding-bottom:10px;*/
}

#navigation li a {
/*color:#666;*/
/*color:#597959;*/
color:#FFFFFF;
margin:00;
padding:0;
padding-left:20px;
display:block;
line-height:140%;
width:133px;
}


#navigation li a.active,#navigation li a:hover {
background-image:url(../images/rightarrow.gif);
background-position:center left;
background-repeat:no-repeat;
font-weight:700;
}


/*** Bilder im Seitenkopf - kategorieabhängige Einstellungen ***/
#startseite #kopf { /* Anzeige des Bildes für die Startseite */
background-image:url(../images/DGG_first.jpg);
}

#sonstiges #kopf img { /* Ist keine der Hauptkategorien ausgewählt, werden alle Bilder im Seitenkopf angezeigt */
visibility:visible;
}

#aktuelles #kopf img.aktuelles {
background-color:#99CC66;
visibility:visible;
}

#veranstaltungen #kopf img.veranstaltungen {
background-color:#39AF47;
visibility:visible;
}

#bibliothek #kopf img.bibliothek {
background-color:#2B912B;
visibility:visible;
}

#fachsektionen #kopf img.fachsektionen {
background-color:#9e9a8b;
visibility:visible;
}

#geoshop #kopf img.geoshop {
background-color:#FF6633;
visibility:visible;
}

#linksunddienste #kopf img.linksunddienste {
background-color:#D73C3C;
visibility:visible;
}

/* Toplink - kategorieabhängige Einstellungen */
#startseite a#toplink {
background-color:#9e9a8b;
background-image:url(../images/Pfeil4_up.gif);
}

#sonstiges a#toplink {
background-color:#9e9a8b;
background-image:url(../images/Pfeil4_up.gif);
}

#aktuelles a#toplink {
background-color:#99CC66;
background-image:url(../images/Pfeil1_up.gif);
}

#veranstaltungen a#toplink {
background-color:#39AF47;
background-image:url(../images/Pfeil2_up.gif);
}

#bibliothek a#toplink {
background-color:#2B912B;
background-image:url(../images/Pfeil3_up.gif);
}

#fachsektionen a#toplink {
background-color:#9e9a8b;
background-image:url(../images/Pfeil4_up.gif);
}

#geoshop a#toplink {
background-color:#FF6633;
background-image:url(../images/Pfeil5_up.gif);
}

#linksunddienste a#toplink {
background-color:#D73C3C;
background-image:url(../images/Pfeil6_up.gif);
}


/*** Horizontale Navigation - kategorieabhängige Einstellungen ***/
#startseite #kopf a,#startseite #kopf li#active a:hover,#startseite #kopf li.activepath a:hover {
background-color:#597959;
}

#startseite #kopf li#active a,#startseite #kopf li.activepath a,#startseite #kopf ul,#startseite #kopf a:hover {
background-color:#9e9a8b;
}

#sonstiges #kopf a,#sonstiges #kopf li#active a:hover,#sonstiges #kopf li.activepath a:hover {
background-color:#597959;
}

#sonstiges #kopf li#active a,#sonstiges #kopf li.activepath a,#sonstiges #kopf ul,#sonstiges #kopf a:hover {
background-color:#9e9a8b;
}

#aktuelles #kopf a,#aktuelles #kopf li#active a:hover,#aktuelles #kopf li.activepath a:hover {
background-color:#5D843A;
}

#aktuelles #kopf li#active a,#aktuelles #kopf li.activepath a,#aktuelles #kopf ul,#aktuelles #kopf a:hover {
background-color:#99CC66;
}

#veranstaltungen #kopf a,#veranstaltungen #kopf li#active a:hover,#veranstaltungen #kopf li.activepath a:hover {
background-color:#297833;
}

#veranstaltungen #kopf li#active a,#veranstaltungen #kopf li.activepath a,#veranstaltungen #kopf ul,#veranstaltungen #kopf a:hover {
background-color:#39AF47;
}

#bibliothek #kopf a,#bibliothek #kopf li#active a:hover,#bibliothek #kopf li.activepath a:hover {
background-color:#156215;
}

#bibliothek #kopf li#active a,#bibliothek #kopf li.activepath a,#bibliothek #kopf ul,#bibliothek #kopf a:hover {
background-color:#2B912B;
}

#fachsektionen #kopf a,#fachsektionen #kopf li#active a:hover,#fachsektionen #kopf li.activepath a:hover {
background-color:#597959;
}

#fachsektionen #kopf li#active a,#fachsektionen #kopf li.activepath a,#fachsektionen #kopf ul,#fachsektionen #kopf a:hover {
background-color:#9e9a8b;
}

#geoshop #kopf a,#geoshop #kopf li#active a:hover,#geoshop #kopf li.activepath a:hover {
background-color:#CC3300;
}

#geoshop #kopf li#active a,#geoshop #kopf li.activepath a,#geoshop #kopf ul,#geoshop #kopf a:hover {
background-color:#FF6633;
}

#linksunddienste #kopf a,#linksunddienste #kopf li#active a:hover,#linksunddienste #kopf li.activepath a:hover {
background-color:#A30D0D;
}

#linksunddienste #kopf li#active a,#linksunddienste #kopf li.activepath a,#linksunddienste #kopf ul,#linksunddienste #kopf a:hover {
background-color:#D73C3C;
}

#startseite #kopf a.daddy, #startseite #kopf li li a:hover.daddy, #startseite #kopf li#active a:hover.daddy, #startseite #kopf li.activepath a:hover.daddy {
background-image:url(../images/Pfeil4_r2.gif);
}

#startseite #kopf li#active a.daddy, #startseite #kopf li.activepath a.daddy, #startseite #kopf a:hover.daddy {
background-image:url(../images/Pfeil4_d.gif);
}

#startseite #kopf li#active li a.daddy, #startseite #kopf li.activepath li a.daddy, #startseite #kopf li li a:hover.daddy {
background-image:url(../images/Pfeil4_r.gif);
}

#sonstiges #kopf a.daddy, #sonstiges #kopf li li a:hover.daddy, #sonstiges #kopf li#active a:hover.daddy, #sonstiges #kopf li.activepath a:hover.daddy {
background-image:url(../images/Pfeil4_r2.gif);
}

#sonstiges #kopf li#active a.daddy, #sonstiges #kopf li.activepath a.daddy, #sonstiges #kopf a:hover.daddy {
background-image:url(../images/Pfeil4_d.gif);
}

#sonstiges #kopf li#active li a.daddy, #sonstiges #kopf li.activepath li a.daddy, #sonstiges #kopf li li a:hover.daddy {
background-image:url(../images/Pfeil4_r.gif);
}

#aktuelles #kopf a.daddy, #aktuelles #kopf li li a:hover.daddy, #aktuelles #kopf li#active a:hover.daddy, #aktuelles #kopf li.activepath a:hover.daddy {
background-image:url(../images/Pfeil1_r2.gif);
}

#aktuelles #kopf li#active a.daddy, #aktuelles #kopf li.activepath a.daddy, #aktuelles #kopf a:hover.daddy {
background-image:url(../images/Pfeil1_d.gif);
}

#aktuelles #kopf li#active li a.daddy, #aktuelles #kopf li.activepath li a.daddy, #aktuelles #kopf li li a:hover.daddy {
background-image:url(../images/Pfeil1_r.gif);
}

#veranstaltungen #kopf a.daddy, #veranstaltungen #kopf li li a:hover.daddy, #veranstaltungen #kopf li#active a:hover.daddy, #veranstaltungen #kopf li.activepath 

a:hover.daddy {
background-image:url(../images/Pfeil2_r2.gif);
}

#veranstaltungen #kopf li#active a.daddy, #veranstaltungen #kopf li.activepath a.daddy, #veranstaltungen #kopf a:hover.daddy {
background-image:url(../images/Pfeil2_d.gif);
}

#veranstaltungen #kopf li#active li a.daddy, #veranstaltungen #kopf li.activepath li a.daddy, #veranstaltungen #kopf li li a:hover.daddy {
background-image:url(../images/Pfeil2_r.gif);
}

#bibliothek #kopf a.daddy, #bibliothek #kopf li li a:hover.daddy, #bibliothek #kopf li#active a:hover.daddy, #bibliothek #kopf li.activepath a:hover.daddy {
background-image:url(../images/Pfeil3_r2.gif);
}

#bibliothek #kopf li#active a.daddy, #bibliothek #kopf li.activepath a.daddy, #bibliothek #kopf a:hover.daddy {
background-image:url(../images/Pfeil3_d.gif);
}

#bibliothek #kopf li#active li a.daddy, #bibliothek #kopf li.activepath li a.daddy, #bibliothek #kopf li li a:hover.daddy {
background-image:url(../images/Pfeil3_r.gif);
}

#fachsektionen #kopf a.daddy, #fachsektionen #kopf li li a:hover.daddy, #fachsektionen #kopf li#active a:hover.daddy, #fachsektionen #kopf li.activepath 

a:hover.daddy {
background-image:url(../images/Pfeil4_r2.gif);
}

#fachsektionen #kopf li#active a.daddy, #fachsektionen #kopf li.activepath a.daddy, #fachsektionen #kopf a:hover.daddy {
background-image:url(../images/Pfeil4_d.gif);
}

#fachsektionen #kopf li#active li a.daddy, #fachsektionen #kopf li.activepath li a.daddy, #fachsektionen #kopf li li a:hover.daddy {
background-image:url(../images/Pfeil4_r.gif);
}

#geoshop #kopf a.daddy, #geoshop #kopf li li a:hover.daddy, #geoshop #kopf li#active a:hover.daddy, #geoshop #kopf li.activepath a:hover.daddy {
background-image:url(../images/Pfeil5_r2.gif);
}

#geoshop #kopf li#active a.daddy, #geoshop #kopf li.activepath a.daddy, #geoshop #kopf a:hover.daddy {
background-image:url(../images/Pfeil5_d.gif);
}

#geoshop #kopf li#active li a.daddy, #geoshop #kopf li.activepath li a.daddy, #geoshop #kopf li li a:hover.daddy {
background-image:url(../images/Pfeil5_r.gif);
}

#linksunddienste #kopf a.daddy, #linksunddienste #kopf li li a:hover.daddy, #linksunddienste #kopf li#active a:hover.daddy, #linksunddienste #kopf li.activepath 

a:hover.daddy {
background-image:url(../images/Pfeil6_r2.gif);
}

#linksunddienste #kopf li#active a.daddy, #linksunddienste #kopf li.activepath a.daddy, #linksunddienste #kopf a:hover.daddy {
background-image:url(../images/Pfeil6_d.gif);
}

#linksunddienste #kopf li#active li a.daddy, #linksunddienste #kopf li.activepath li a.daddy, #linksunddienste #kopf li li a:hover.daddy {
background-image:url(../images/Pfeil6_r.gif);
}


/*** Vertikale Navigation - kategorieabhängige Einstellungen für Hintergrund ***/
#startseite #links {
background-image:url(../images/bg4_links.jpg);
}

#sonstiges #links {
background-image:url(../images/bg4_links.jpg);
}

#aktuelles #links {
background-image:url(../images/bg1_links.jpg);
}

#veranstaltungen #links {
background-image:url(../images/bg2_links.jpg);
}

#bibliothek #links {
background-image:url(../images/bg3_links.jpg);
}

#fachsektionen #links {
background-image:url(../images/bg4_links.jpg);
}

#geoshop #links {
background-image:url(../images/bg5_links.jpg);
}

#linksunddienste #links {
background-image:url(../images/bg6_links.jpg);
}


/*** Links allgemein ***/
A:link {
color:#9E1604;
font-size:12px;
text-decoration:none;
border:none;
}

A:visited {
color:#006699;
font-size:12px;
text-decoration:none;
}

A:hover {
color:#DD180D;
font-size:12px;
text-decoration:none;
}

A:active {
color:#A11304;
font-size:12px;
text-decoration:none;
}



/*** Inhaltliche Einstellungen ***/
#mitte h1 { /* Überschrift */
color:#336633;
font-size:16px;
font-weight:700;
font-variant:small-caps;
padding-top:0;
padding-left:100px;
}

#locationstring { /* locationstring */
color:#597959;
font-size:9px;
font-weight:700;
padding-top:20;
padding-left:180px;
}


div.inhalt { /* Inhaltselement */
margin-bottom:10px;
}

table,tr,td {
float:none!important;
}

input, textarea, select, button {border:1px solid #597959;background-color:#eeeeee;}
hr {color:#006633;}

/* normale Links,die wie buttons aussehen */

a.button {  width:150px; display:block; border:1px solid #597959; background-color:#f6d769;color:#000000; text-align:center;padding-right:5;padding: .1em .8em; 

font-size: 10pt;}
a.button:link { width:150px; display:block; border:1px solid #597959; background-color:#f6d769;color:#000000; text-align:center;padding-right:5;padding: .1em 

.8em;font-size: 10pt;}
/*a.button:active { width:150px; display:block; border:1px solid #597959; background-color:#f6d769;color:#000000; text-align:center;padding-right:5;padding: .1em 

.8em;font-size: 10pt;}
a.button:visited { width:150px; display:block; border:1px solid #597959; background-color:#f6d769;color:#000000; text-align:center;padding-right:5;padding: .1em 

.8em;font-size: 10pt;}*/
a.button:hover {   width:150px; display:block; border:1px solid #597959; background-color:#f6d769;color:#000000; text-align:center;padding-right:5;padding: .1em 

.8em;font-size: 10pt; }
a.button span {visibility:none; }

#drucklink { /* Link zur Druckversion */
position: relative;
/*float:left;*/
margin-top: -40px;
height: 15px;
/*display:block;*/
/*padding-right:100px*/
margin-left:812px;

}

#DGG { /*bereitgestellt von... text links*/
float:left;
display:block;
color:#9e9a8b;
font-family:Arial, Helvetica, sans-serif;
font-size:7pt;
line-height:9pt;
margin-left:5px;
margin-top:240px;
width:140px;
/*height:130px;*/

clear: both;

}

a.buttonklein {   width:50px; display:block; border:1px solid #597959; background-color:#f6d769;color:#000000; text-align:center;padding-right:5;padding: .1em 

.8em;font-size: 10pt;}
a.buttonklein:hover { width:50px; display:block; border:1px solid #597959; background-color:#f6d769;color:#000000; text-align:center;padding-right:5;padding: 

.1em .8em;font-size: 10pt; 
}


      }