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

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 */
clear:both;
float:left;
padding:1px;
width:153px;
}

#rechts { /* Rechte Seite */
float:right;
margin:0;
margin-top:0px;
padding-right:0;
padding-top:0;
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:#CC6600;
border:none;
font-weight:700;
height:23px;
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 */
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:0;
}

#navigation li a {
color:#666;
margin:0;
padding:0;
padding-left:20px;
display:block;
line-height:150%;
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:#FF9933;
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:#FF9933;
background-image:url(../images/Pfeil4_up.gif);
}

#sonstiges a#toplink {
background-color:#FF9933;
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:#FF9933;
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:#CC6600;
}

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

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

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

#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:#CC6600;
}

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

#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:#DD180D;
font-size:14px;
font-weight:700;
padding-top:0;
padding-left:150px;
}

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

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