/* Style Sheet f�r die Website der Lokalen Agenda 21 Ibbenb�ren e.V.

Farben:
orange, dunkel #FFCC00
orange, hell #F4D800
gelb #FFFF00
blau #0868B1
grau #C0C0C0
*/

body
{ margin:0px; padding:0px; border:0px; color:black; background:#FFFFFF; font-family:arial,sans-serif; font-size:100.01%; }

/* Box Navigation, linke Seite: Breite 21%, H�he 100%, Hintergrunf dunkelorange, kein Zeilenumbruch*/
.links
{ position:absolute; left:0px; top:0px; width:21%; min-height:100%; background:#FFCC00; padding:10px 0px 10px 10px; white-space:nowrap;z-index:2; }

/* Box �berschrift, oben: Breite 79%, H�he 105px, Hintergrund dunkelorange */
.ueberschrift
{ position:absolute; left:21%; top:0px; height:105px; width:79%; background:#FFCC00; z-index:1; }

/* Box Texte, Hauptbereich: Abstand nach links 27 %, Breite 68 %*/
.texte
{ position:absolute; left:27%; top:140px; width:68%; padding-top:0px; z-index:3; }

/* �berschriften:
h1: nur "Lokale Agenda 21 Ibbenb�ren e.V." in der Box "�berschschrift"
h2: nur "GLOBAL DENKEN - LOKAL HANDELN" in der Box "�berschschrift"
h3: Seiten�berschriften
h4: Zwischen�berschriften in Texten */

/* h1: sehr gro�, fett, zentriert, kursiv */
h1
{ font-family:Arial,sans-serif; font-style:italic; line-height:1.7em; font-size:1.6em; font-weight:bold; color:black; margin:10px 0px 0px 0px; text-align:center; vertical-align:middle; }

/* h2: gro�, mittelfett, zentriert, kursiv */
h2
{ font-family:Arial,sans-serif; font-style:italic; line-height:1.2em; font-size:1.2em; font-weight:medium; color:black; margin:0px; text-align:center; vertical-align:middle; }

/* h3: gro�, mittelfett, linksb�ndig, kursiv */
h3
{ font-family:Arial,sans-serif; font-style:italic; line-height:1.2em; font-size:1.2em; font-weight:medium; text-align:left; color:black; margin-top:0px; margin-bottom:8px; padding-top:6px; padding-bottom:6px; }

/* h4: gro�, d�nn, linksb�ndig, gerade */
h4
{ font-family:Arial,sans-serif; font-style:normal; line-height:1.1em; font-size:1.2em; font-weight:lighter; text-align:left; color:black; margin-top:0px; margin-bottom:8px; padding-bottom:6px; }

/* h5: normale Schrift, fett */
h5
{ font-family:Arial, sans-serif; font-style:normal; line-height:1.1em; font-size:1em; font-weight:medium;
text-align: left; color: black; margin-bottom:6px; }


/* Schrift: Aria, sans-serif, schwarz */
p,pre,div,span,ul,ol,li,td,th,address,blockquote,nobr,b,i
{ font-family:arial,sans-serif,monospace; font-size:1em; color:black; }


/* Abs�tze*/
p
{ margin-bottom:0px; margin-top:8px; }
/* Einger�ckte Texte */
p#einr
{ margin-left:50px; }
/* Link "Zur�ck zum Seitenanfang" */
p#klein
{ margin-top:4px; font-size:0.7em;}


/*Definition der Links*/

/* Links in der Navigation: schwarz */
.links a
{ color:black; text-decoration:none; font-weight:bold; }
.links a:link
{color:black; text-decoration:none; font-weight:bold; }
.links a:visited
{ color:black; text-decoration:none; font-weight:bold; }
.links a:hover
{ text-decoration:underline; font-weight:bold; color:#0868B1; }
.links a:active
{ text-decoration: underline; color:#0868B1; font-weight:bold; }

/* Links im Text: blau*/
a
{ color:#0868B1; text-decoration:none; font-weight:bold; padding:1px; border:0;  }
a:link
{ color:#0868B1; text-decoration:none; font-weight:bold; padding:1px; border:0;  }
a:visited
{ text-decoration:none; color:#0868B1; font-weight:bold; padding:px; border:0; }
a:hover
{ text-decoration:underline; font-weight:bold; color:#0868B1; border:0; }
a:active
{ text-decoration: underline; color:#0868B1; font-weight:bold; border:0; }

/* Link "Zur�ck zum Seitenanfang"*/
a#klein
{ font-size:0.8em; padding-bottom:8px; }

/* Bilder*/
img
{ border:0; align:center; font-color:black; }


/*Definition der Listen in der Navigation links*/

.links ul
{ list-style-type:none; margin-top:8px; margin-right:0px; margin-bottom:0px; margin-left:0px; list-style-position:outside; padding-left:0px; }

.links li
{ list-style-type:none; margin-top:12px; margin-right:0px; margin-bottom:14px; margin-left:0px;
 padding:0px; }

/* F�r Unterpunkte in der Navigation: in li neue Liste ul einbauen. */
.links li ul
{ list-style:none; margin-top:6px; margin-right:0px; margin-bottom:0px; margin-left:0px; padding:0px; }

/* Definition der Unterpunkte in der Navigation: kleinere Schrift, nach rechts ger�ckt */
li#navi
{ margin-top:0px; margin-right:0px; margin-bottom:6px; margin-left:15px; padding:2px; font-size:0.9em; }

/* Definition von Unterpunkten unter Unterpunkten: kleiner, weiter nach rechts */
li#unter
{ margin-top:0px; margin-right:0px; margin-bottom: 5px; margin-left:22px; padding:2px; font-size:0.85em; }


/*Definition von Listen im Textfeld*/

.texte ul
{ list-style-position:outside; margin-top:4px; margin-right:0px; margin-bottom:4px; margin-left:0px; padding:0px; list-style-image:url(bilder/blauerpunkt.gif); }

.texte li
{ margin-top:4px; margin-right:0px; margin-bottom:0px; margin-left:40px; padding:0px; }

ul#ohne
{ list-style-position:outside; margin-top:4px; margin-right:0px; margin-bottom:4px; margin-left:0px; padding:0px;
list-style-type:none; list-style-image:none; }

ul#site
{ list-style-position:outside; margin-top:4px; margin-right:0px; margin-bottom:4px; margin-left: 15px; padding:0px; list-style-image:url(bilder/blauerpunkt.gif); }

ul#siteunter
{ list-style-position:outside; margin-top:4px; margin-right:0px; margin-bottom:4px; margin-left: 15px; padding:0px; list-style-image:url(bilder/blauerpunkt.gif); }

li#punkt
{ margin-top:4px; margin-right:0px; margin-bottom:0px; margin-left:50px; padding:0px; }

ol
{ list-style-position:outside; margin-top:0px; margin-right:0px; margin-bottom:4px; margin-left:0px; padding:0px; }


@media print {

body
{ text-align:justify; }
.links
{ display:none; }
.links a
{ display:none; }
.ueberschrift
{ position: static; background:white; height:120px; width:95%; padding:0px; }
.texte
{ position: static; width:95%; background:white; padding:0px; }
a
{ color:black; text-decoration:none; font-weight:normal; padding:1px; border:0;  }
a:link
{ color:black; text-decoration:none; font-weight:normal; padding:1px; border:0;  }
a:visited
{ text-decoration:none; color:black; font-weight:normal; padding:1px; border:0; }
a:hover
{ text-decoration:none; font-weight:normal; color:black; border:0; }
a:active
{ text-decoration:none; color:black; font-weight:normal; border:0; }
a#klein
{ display:none; }
.texte ul
{ list-style-image:url(bilder/grauerpunkt.gif); }
}