/*  CSS-Datei für Online-Darstellung (www.vegb.de)

Änderungen (seit Spt 2010)
11.09.2010
bei Mitarbeitern: Einfügung Bilddefinition für Namensbild

02.06.2011: Beginn Umbau
03.06.2011: Umgliederung, Zeilenumbrüche (keine materiellen Änderungen!)
08.06.2011: Fortsetzung Umbau ("neu XX")
bis 15.06.2011
21.07.2011: Vorläufiger Abschluss Umbau

*/

/*
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
++
++   Uebersicht:
++
++   Body, Tabelle (#t)
++
++   Kopfzeile=Titelzeile (#top)
++     Menueleiste links ("NaviI") (#m)
++
++   Korpus (#c [content])
++     Links
++     waagerechtes Navigationsmenue ("NaviII")
++     Listen
++
++   Sonderformate: Uebergreifendes
++     An-/Abführungszeichen
++     Aktualisierungsdatum
++     Nach-Oben-/Zum-Seitenanfang-Verweis
++     Angaben, die nur für die Druckausgabe sind, ausblenden
++
++   Sonderformate: Fuer einzelne Seiten
++     Über uns \ Mitarbeiter
++     Linksammlung (Virtuelle Bibliothek)
++     Literaturhinweise
++     Kontakt
++
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
*/

/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++
+ zu den Weißräumen:
+
+ senkrechte Weißräume außen links und rechts: bei #t
+ waagerechte Weißräume über und unter Logo: bei #top
+ senkrechter Weißraum in der Mitte: bei #c
++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

/*
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
++
++   Body, Tabelle (#t), Kopfzeile=Titelzeile (#top)
++
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
*/

body {
background-color:#cccccc;
font-family:Arial, sans-serif;
margin:0px;
padding:0px;   /* eingefügt 08.06.2011 */
}

/* Bodydiv zentriert die Tabelle im IE!, eingef. 20.07.2011 */
#bodydiv {
text-align:center;
}

#t {
width:880px;
height:101%;     /* +1% erzwingt senkerechte Bildlaufleiste */
background-color:white;

/* senkrechte Weißräume außen, eingefügt 08.06.2011*/
padding-left:19px;
padding-right:26px;

/* doppeltes "auto" zentriert die Tabelle im FF !!!, eingef. 08.06.2011 */
margin-left:auto;
margin-right:auto;


/* border:1px solid black; */ /* zum Testen !*/
}


/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++
++   Kopfzeile = Titelzeile (#top)
+++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

#top td {
padding:19 0 19 0px;
height:178px; /* Summe aus Bildhöhe (140px) und 2*Weißraum (2*19px) */

/* border:1px solid black;  */ /*  zum Testen !*/

/* evtl. align="left";  :wenn Tabelle wieder align="center";  stehen muss*/
}

/*
alte Definitionen; stillgelegt 08.06.2011

#top td {
text-align:left;
border-bottom:1px solid #000000;
}

#top h1 {
padding-left:22;
padding-top:20px;
color:#006600;
letter-spacing: 0.1px;
}

#top img {
width:100px;
height:90px;
}
*/


/*
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
++
++   Menüleiste links ("NaviI") (Tabellenzelle #m)
++
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
*/

/* CAVE! ALLE BREITEN HIER AUF PT statt PX gesetzt,
weißränder noch NICHT!!! 09.06.-21:50*/

#m {
vertical-align:top;
background-color:#e4f1df;

width:146px; /*Umbau*/

/* padding:19 26 0 16px;  */
padding:0px;
/* war: padding:10 20 10 10px;   */
/* margin:19 26 0 19px; */
 /*Umbau*/

/* border:1px solid black;  *//* zum Testen !*/
}

#naviI ul{
list-style:none none;
margin:0;
padding:0;
}

#naviI li{
width:146px;     /* Breite des Kastens */
list-style:none none;  /* doppeltes None wegen IE !!!*/
 /* margin:19 0 19 0px; */
margin:12 0 0 0px;
} /* der letzte Wert bestimmt den linken Rand der *gesamten* Liste */

#naviI a{
font-size:16px;
font-weight: bold;
color:#45a12b; /*war: #006600;*/
text-decoration: none;

/* padding:19 0 19 0px; weg XX  */
/* padding:19 0 19 0px; */
/*height:19px; /*Umbau*/

/*
formal geändert 03.06.2011, wdr:
font-family: inherit;
font-weight: bold;
font-size:16px; jetzt:
*/

/* von NaviII_a übernommen: (testweise)*/
display:block;
width:146px;
padding:0 0 0 10px;     /*war letzte 10 14.06.*/

/* line-height:35px; aus wg. Umbau*/
}

/*war: #m a:hover {color:#FFFFFF;background-color:#006600;} */

#naviI a:hover {
color:white;
background-color:#45a12b;
width:146px;
/*
mit 178 funktioniert es komischerweise,
wahrscheinlich stimmt mit der Breitendefinition von #c
irgendetwas (noch) nicht. Abschließend nach #c nochmal
bearbeiten !!!
08.06.2011
*/

/* height:19px;
width:146;
margin:2 2 2 2px;    weg XX */
}

#naviI .aktivesmenu1 {
color:white;
background-color:#45a12b;
width:156px;    /* 10px mehr um das padding-left auszugleichen! */
}

#naviI .aktivesmenu1 a {
color:white;
}

#m .fest {position:fixed;}


/*
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
++
++   Korpus (#c)
++
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
*/

#c {
/* padding:18 20 20 20px;   :stillgelegt XX */
padding:0 0 0 26px; /* neu gem. Umbau */

line-height:22px;
vertical-align:top;

/* width:689px; */ /*TEST*/

/* border:1px solid black; */ /* zum Testen !*/
}

#c p {
margin:0 0 10 0px;     /* noch: alte Angabe!!!*/
font-size:14px;
font-weight:normal;
color:black;
line-height:1.3;
}

#c h1, #c h2 {                /* neu 14.06. */
color:#45a12b;
font-size:16px;
font-weight:bold;
}

#c h1 {
padding-top:0px;
margin-left:0; /* war: 30%; zum "Zentrieren"  */
}

#c h2 {
padding-top:0px;
margin-left:0;
}

#c h2 .nachh1 {
margin-top:20px;
}


#c h3 {
font-size:14px;
font-weight:bold;
margin-top:20px;
margin-bottom:2px;
color:#59595b;
}

#c h3 .gruen {
color:#45a12b;
}

#c h3 .grau {
color:#59595b;
}

#c h4 {
color:#45a12b;
font-size:14px;
font-weight:bold;
margin-top:20px; /* 34 - Schriftgröße(14) = 20 !*/
margin-bottom:2px;
line-height:18px;
}

/* ### alte Definitionen, noch nicht erneuert! 09.06.2011 ###*/


#c hXXX {              /* h1, h2, h3 herausgenommen, 14.06. */
color:#006600;
margin-top: 14px;
margin-bottom: 14px;
}

/*
stillgelegt 14.06.

#c h4  {
color:#006600;
margin:10 0 -7 0em;
}


#c h1 {
font-size:1.5em;
margin-left:30%;
}
#c h2 {font-size:1.25em;}


#c h3 {font-size:1em;}
 */

/* #c h4 {font-size:1em;}  */

#c h4.einzug {margin-left:20px;}   /* nicht verwendet */

/*
Raum für die waagerechte Menueleiste als "Vor-Menü-Klassen"
unter NaiviII definiert!
*/


/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++
++   Links
+++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

/* orange wdr: #ff6600 ; orange tsw: FFa800 */

a:link, a:visited {
text-decoration:underline;/* war: text-decoration:none;  */
font-weight:normal; /* war: ohne Angabe, 14.06.*/
color:#36821e; /* war:  color:#FF6600; */
}

a:hover {
text-decoration:none;/* war: text-decoration:underline;  */
font-weight:normal;
color:#36821e; /* war:  color:#FF6600; */
}

a:active, a:focus {
text-decoration:none;
color:#36821e; /* war:  color:#FF6600; */
}

/*alter Hauptlink:*/
/* h4 a:hover { font-weight:inherit } */  /* für Virtuelle Bibliothek: Hauptlink */

/* neuer Hauptlink: wie übrige LInks, der einfachheithalber nur wiederholt,
das spart die Anpassung in den php-Dateien
CAVE! Auswirkung der ausstehenden h-Neudefinition überprüfen!!! */


/* der vibi-div hat nur dazu geführt, dass die h4-linkzeilen wieder schrumpelig sind...
*/

#ViBi {
margin:0;
padding:0;
}

#ViBi h4 {
font-size:14px;
font-weight:normal;
margin:0 0 50 0px;
}

#ViBi h4 a:link, a:visited {
text-decoration:underline;/* war: text-decoration:none;  */
color:#36821e; /* war:  color:#FF6600; */
}

#ViBi h4 a:hover {
text-decoration:none;/* war: text-decoration:underline;  */
color:#36821e; /* war:  color:#FF6600; */
}



a.anker { color: inherit; }

a:hover.anker {
color:inherit;
text-decoration:inherit;
font-weight:inherit;
}


/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++
++   waagerechtes Navigationsmenue ("NaviII")
+++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

#navi2 {
margin:0;
padding:0;
}


#c .vormenuueberuns, #c .vormenuliteratur, #c .vormenulinks {
clear:left;
padding-top:30px;
}

#c div.divueberuns, #c div.divliteratur, #c div.divlinks {
margin:0;
padding:0;
}

#navi2 ul{
list-style:none none;
margin:0;
padding:0;
}

#navi2 li{
float:left;
/* width:7em; */
list-style:none none;
margin:0 24 0 0px;
}
/* Erlätuerung zum [alten #naviII] li:
width: Breite des Kastens ;
margin: der letzte Wert bestimmt den linken Rand der *gesamten* Liste
*/

#navi2 a{
color:#59595b;
font-size:11pt;
font-weight: bold;
/* padding:2px;/ */
/* width:100%; */
/* height:45px; */  /* für eineitliche Höhe !! */
/* display:block; */
text-decoration:none;
/* background:#CCFFCC;
border:none;
text-align:center; */
}

#navi2 a:hover {
color:#45a12b;
/* background-color:#006600; */
}

#navi2 .aktivesmenu a {
color:#45a12b;
}

/* Versuch mit p-Tags */

#navi2x p{
white-space:nowrap;
margin:0 24 0 0px;
line-height:1;
float:left;
}

#navi2x p .ohneAbstand {
margin-right:0;
}

#navi2x p a{
font-size:11pt;
font-weight: bold;
text-decoration:none;
color:#59595b;
}

#navi2x p a:hover {
color:#45a12b;
text-decoration:none;
}


/*
### ab hier: alte Definitionen!, stillgelegt 09.06.2011 ###
*/


#c div.divliteraturXXX {
height:80px;
/*position: absolute;
top:100px; */
}

#c div.divlinksXXX {
height:120px;
margin-top:0px;
}

#c div.divueberunsXXX {
height:40px;
/*position: relative;
top:100px;*/
}

#naviII ul{
list-style:none;
margin:0;
padding:0;}

#naviII li{
float:left;
width:7em;
list-style:none;
margin:0 0 0 1px;
}

/* Erlätuerung zum alten #naviII li:
width: Breite des Kastens ;
margin: der letzte Wert bestimmt den linken Rand der *gesamten* Liste
*/

#naviII a{
color:#009900;
font:bold 12px Arial;
padding:2px;
width:100%;
height:45px;/* für eineitliche Höhe !! */
display:block;
text-decoration:none;
background:#CCFFCC;
border:none;
text-align:center;
}

#naviII a:hover {
color:#FFFFFF;
background-color:#006600;
}

#naviII a.hauptgruppe {
 color:#FFFFFF;
 background-color:#006600;
 height:30px;
 width:80%;
 padding:2px;
}

#naviII a.hauptgruppe:hover {
  color:#009900;
  background-color:#CCFFCC;
  border-style:solid;
  border-width:thin;
}

/*
*.vormenuliteratur {margin-top:80px;}
*.vormenulinks {margin-top:110px;text-align:left;}
*.vormueberuns {margin-top:60px;}
*/


/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++
++   Listen
+++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

/* Listen ohne UL / LI */

/*
CAVE! wo werden die den überhaupt verwendet? sind sie wirklich nötig?
*/

/* listegruen, listeeinzuggruen wird in Angebote / weitere A. verwenden!
CAVE! grün ist jetzt grau!!! 16.06.2011 */
p.listegruen span  {
color:#59595b; /* war: #006600;  */
font-weight:bold;
}

p.listeeinzuggruen span {
color:#59595b; /* war: #006600;  */
font-weight:bold;
margin:-0.5em 0 0 1.5em;
vertical-align:1px;  /*war: ohne Einheitsangabe!, geänd. 15.06.2011*/
}

*.listeorange span {
color:#36821e /* ist jetzt GRÜN!!! ; war: #ff6600;  */
font-weight:bold;
}


/* Listen mit UL / LI - nur für Seitenübersicht !! */

/*
CAVE!
wenn diese Definitionen wirklich nur in Seitenuebersicht gebraucht /
verwendet werden, müssen sie zu den Sonderformaten?!
03.06.2011, wdr
*/

ul {
 list-style-image: url(../bilder_allg/punktgruen.gif);
 margin-left:0px;
 }

ul.kreis {
 list-style-image: url(../bilder_allg/kreisgruen.gif);
 }

ul.orange {
 list-style-image: url(../bilder_allg/punktorange.gif);
}

ul.kreisorange {
 list-style-image: url(../bilder_allg/kreisorange.gif);
}
ul.ohnezeichen {
 list-style-image:none;
 list-style-type:none;
 /* margin-left:-38px; */
 }

ul.listeneinzug  {
 margin-left:1em; }


/*
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
++
++   Sonderformate: Uebergreifendes
++
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
*/


/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++
++   An-/Abführungszeichen ++++++++++++++++++++++++++++++++ */

:lang(de)    { quotes:"\201E" "\201C" "\201A" "\2018"; }
:lang(en)    { quotes:"\201C" "\201D" "\2018" "\2019"; }


/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++
++   Aktualisierungsdatum ++++++++++++++++++++++++++++++++ */

#c .aktualisierung {
padding-top:25px;
/* margin-bottom: 1em;   */
font-style:italic;
font-size:95%;
text-align:right;
padding-right:20px;
}


/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++
++   Nach-Oben-/Zum-Seitenanfang-Verweis
+++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.rechtsbuendig {
text-align:right;
margin-right:40px;
}


/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++
++   Angaben, die nur für die Druckausgabe sind, ausblenden +++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

#druckfuss {display:none;}


/*
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
++
++   Sonderformate: Für einzelne Seiten
++
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
*/


/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++
++   Über uns \ Mitarbeiter
+++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

/* CSS nach TOBI */
.mitarbeiter {
font-family: Arial;

min-height:205px;
height:auto !important;  /* für moderne Browser */
height:205px;  /*für den IE */
}

.mitarbeiter img {
float: left;
margin-right:20px;
margin-bottom:10px;
border-color:black;
width:113px;
height:150px;
}

/* neue Struktur */

#mitarbeitertest {
margin:0;
padding:0;
}

#mitarbeitertest img {
width:113;
height:150;
/* padding-right:19px;  */
align:left;
float:left;
}

#mitarbeitertest p {
padding-left:132;
min-height: 205px;
}

#mitarbeitertest span {
color:#59595b; /*grau! ; war: grün #006600; geändert 20.07.2011 */
letter-spacing: 0.1px;
font-weight: bold;
}

.mitarbeiter div {
margin-left:150px;
/*Textformatierung!, kopiert von oben #c */
margin-bottom:10px;   
font-size:14px;
font-weight:normal;
color:black;
line-height:1.3;
}

/*Einfügung 21:51 11.09.2010 für Namensbild*/
.mitarbeiter div img {
width:183px;
height:17px;
margin-bottom:0px;
}

.mitarbeiter a {
margin-top:16px;
margin-bottom:20px;
}

.mitarbeiter span {
color:#59595b;  /*grau! ; war: grün #006600; geändert 20.07.2011 */
letter-spacing: 0.1px;
font-weight: bold;
}


/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++
++   Linksammlung (Virtuelle Bibliothek)
+++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

/* Linkdefinitionen bei Korpus / Links */

.urldruck {display:none}


/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++
++   Literaturhinweise
+++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

#literatur p {
text-indent:-1.25em;
margin-left:1.25em;
}

#literatur span {
font-weight:bold;
color:#59595b; /*grau! ; war: grün #006600; geändert 14.06.2011 */
}


/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++
++   Kontakt
+++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

/*  .gruen {color:#006600;}  */
/* "grün" ist jetzt "grau" (erspart Bearbietung der php-Datei!, 14.06.2011  */
.gruen {color:#59595b;}
.fett {font-weight:bold;}