@charset "utf-8";

/* Stylesheet - Bildschirmversion - www.nwl-info */

/* Allgemeines */

*										{

											margin: 0px;

											padding: 0px;

											border: 0px;

											color: rgb(20%,20%,20%); /* dunkelgraue Schrift */

										}

html									{

											height: 101%; /* Scrollbar wird in Firefox erzwungen */

										}

body									{

											background-color: rgb(100%,100%,100%); /* weißer Hintergrund */

											font-family: Arial, Verdana, Helvetica, sans-serif;

											font-size: 12px;

											font-weight: normal;

											line-height: 20px;

										}

/* Überschriften */

h1										{	/* Seitennavigation */

											font-weight: normal;

											font-size: 9px;

										}

h2										{	/* Rubriküberschrift */

											margin-top: 15px;

											font-weight: bold;

											font-size: 18px;

											color: rgb(60%,80%,20%); /* grüne Schrift */

										}

h3										{	/* Überschrift */

											margin-top: 15px;

											font-weight: bold;

											font-size: 15px;

											color: rgb(60%,80%,20%); /* grüne Schrift */

										}

h4										{	/* Zwischenüberschrift */

											margin-top: 15px;

											font-weight: bold;

											font-size: 12px;

											color: rgb(60%,80%,20%); /* grüne Schrift */

										}

h5										{

											font-weight: bold;

											font-size: 12px;

											line-height: 25px;

											border-bottom-style: solid;

											border-bottom-width: 3px;

											border-bottom-color: rgb(0%,40%,60%); /* blaue Zeilenlinie */

										}

/* Absätze */

p										{

											margin-top: 0px;

										}

p.absatz								{

											margin-top: 15px;

										}

p.rubriktext							{

											margin-top: 15px;

											font-weight: bold;

										}

/* Listen */

#inhalt ul.liste						{

											list-style-type: disc;

											margin-top: 15px;

											padding-left: 15px;

										}

/* Verweise */

/* interner Link */

a.intern								{

											padding-left: 15px;

											background-image: url(../dokumente/gif/symbole/intern.gif);

											background-position: center left;

											background-repeat: no-repeat;

										}

/* externer Link */

a.extern								{

											background: url(../dokumente/gif/symbole/extern.gif) no-repeat 0 0.2em;

											padding-left: 15px;

										}

/* Dokument herunterladen */

a.dokument								{

											background: url(../dokumente/gif/symbole/dokument.gif) no-repeat 0 0.2em;

											padding-left: 15px;

										}

/* Drucken */

a.drucken								{

											background: url(../dokumente/gif/symbole/drucken.gif) no-repeat 0 0.2em;

											padding-left: 15px;

										}

/* Vergrößern */

a.plus									{

											background: url(../dokumente/gif/symbole/plus.gif) no-repeat 0 0.2em;

											padding-left: 15px;

										}

/* Zurück */

a.zurueck								{

											background: url(../dokumente/gif/symbole/zurueck.gif) no-repeat 0 0.2em;

											padding-left: 15px;

										}

/* Vor */

a.vor									{

											background: url(../dokumente/gif/symbole/intern.gif) no-repeat 0 0.2em;

											padding-right: 15px;

											background-position: right;

										}

/*Sprungmarke nach oben */

a.nach-oben								{

											background: url(../dokumente/gif/symbole/nach-oben.gif) no-repeat 0 0.2em;

											padding-left: 15px;

										}

/* Akronyme und Abkürzungen */

acronym, abbr							{

											border-bottom: 1px dotted black; /* grüne , gepunktete Linie */;

											cursor: help;

										}

acronym.non, abbr.non					{

											border-bottom: none; /* keine Unterstreichung */;

											cursor: help;

										}

/* Zitate */

q										{	/* deutsche Anführungszeichen werden definiert */

											quotes:"\201E" "\201C" "\201A" "\2018";

										}

q:before								{

											content:open-quote;

										}

q:after									{

											content:close-quote;

										}

q q:before								{	/* Formatierung für Zitat im Zitat */

											content:open-quote;

										}

q q:after								{	/* Formatierung für Zitat im Zitat */

											content:close-quote;

										}

/* Formatierungen der einzelnen div-Bereiche */

/* Wrapper */

#wrapper								{

											background-color: white;

											width: 1020px; /* Breite des Inhaltsbereichs 1020px statt 1000px wegen IE 6 und kleiner */

											overflow: hidden;

										}

/* Nebenmenü */

#nebennavigation						{

											float: left;

											width: 600px;

											height: 100px;

											margin: 0px 20px 0px 20px;

										}

#nebennavigation ul						{

											padding-top: 40px;

											list-style-type: none;

										}

#nebennavigation li						{

											display: inline; /* Listenelemente werden nebeneinander gestellt */

											background: url(../dokumente/gif/trennstrich.gif) no-repeat 5px;

											padding-left: 15px;

										}

#nebennavigation a						{

											font-size: 11px;

											text-decoration: none; /* keine Unterstreichung der Links */

											outline: none; /* gepunktete Umrisslinie wird entfernt */

										}

#nebennavigation a:link,
#nebennavigation a:visited				{

											color: rgb(0%,40%,60%); /* blaue Schrift */

										}

#nebennavigation a:focus,
#nebennavigation a:hover,
#nebennavigation a:active				{

											color: rgb(60%,80%,20%); /* grüne Schrift */

										}

/* Logo */

#logo									{

											float: left;

											width: 320px;

											height: 100px;

											margin: 0px 20px 0px 20px;

										}

#logo img								{

											padding-top: 25px;

										}

/* Rubrikbild */

#rubrikbild								{

											float: left;

											width: 1000px;

											height: 150px;

											background: url(../dokumente/gif/balken.gif) no-repeat;

										}

#rubrikbild	img							{

											float: right;

											margin: 10px 20px 0px 0px;

											width: 350px;

											height: 104px;

										}

/* Hauptmenü */

#hauptnavigation						{

											float: left;

											margin-left: 20px;

											width: 259px;

											overflow: hidden;

											border-right-width: 1px;

											border-right-style: solid;

											border-color: rgb(0%,40%,60%); /* blaue Linie */

										}

#hauptnavigation ul						{

											list-style-type: none;

											line-height: 25px;

										}

#hauptnavigation li						{

											display: block;

										}

#hauptnavigation a						{

											font-weight: bold;

											text-decoration: none; /* keine Unterstreichung der Links */

											outline: none; /* gepunktete Umrisslinie wird entfernt */

										}

#hauptnavigation a:link,
#hauptnavigation a:visited				{

											color: rgb(0%,40%,60%); /* blaue Schrift */

										}

#hauptnavigation a:focus,
#hauptnavigation a:hover,
#hauptnavigation a:active				{

											color: rgb(60%,80%,20%); /* grüne Schrift */

										}

/* Suchformlar */

#suchformular							{

											margin-top: 25px;

											overflow: hidden;

										}

#suchformular label						{

											line-height: 25px;

											font-weight: bold;

											display: block;

											cursor: pointer; /* Mauszeiger wird zur Hand */

										}

#suchformular input#wordpas				{

											width: 150px;

											border: 1px solid rgb(0%,40%,60%); /* blauer Rahmen */

											height: auto;

											font-size: 12px;

											font-family: Arial, Verdana, Helvetica, sans-serif;

											font-style: normal;

											display: inline;

											background-color: rgb(95%,95%,95%); /* hellgraues Formularfeld */

											padding: 3px;

										}

#suchformular input#wordpas:focus		{

											background-color: white;

										}

#suchformular input#senden				{

											margin-top: 5px;

											padding-left: 12px;

											background: url(../dokumente/gif/symbole/intern.gif) no-repeat 0 0.3em;

											color: rgb(0%,40%,60%); /* blaue Schrift*/

											font-size: 12px;

											font-family: Arial, Verdana, Helvetica, sans-serif;

											font-style: normal;

										}

/* Signets */

#signets								{

											margin-top: 25px;

											overflow: hidden;

										}

#signets ul								{

											list-style-type: none;

										}

#signets li								{

											padding-top: 15px;

										}

/* Inhalt */

#inhalt									{

											float: left;

											width: 680px;

											overflow: hidden;

											margin: 0px 20px 0px 20px;

										}

#inhalt a,
#inhalt a:link,
#inhalt a:visited						{

											text-decoration: none; /* keine Unterstreichung der Links */

											outline: none; /* gepunktete Umrisslinie wird entfernt */

											color: rgb(0%,40%,60%); /* blaue Schrift */

										}

#inhalt a:focus,
#inhalt a:hover,
#inhalt a:active						{

											text-decoration: underline;

										}

/* Teaser */

#teaser									{

											margin-top: 15px;

											overflow: hidden;

										}

#teaser p.ueberschrift					{

											font-weight: bold;

										}

/* Sprungmarke nach unten */

#sprungmarke-nach-unten					{

											margin-top: 15px;

											overflow: hidden;

										}

#sprungmarke-nach-unten li				{

											list-style-type:none;

										}
	
#sprungmarke-nach-unten li a			{

											padding-left: 15px;

											background: url(../dokumente/gif/symbole/nach-unten.gif) no-repeat 0 0.2em;

										}

/* Vorschaubild */

#bild									{

											width: 175px;

											margin: 20px 0px 5px 20px;

											float: right;

											clear: right;

											text-align: right;

										}

#bild img								{

											margin-bottom: 5px;

										}

/* Kleines Bild links */

#bild-klein-links						{	/* width wird im HTML-Dokument festgelegt */

											margin: 20px 20px 5px 0px;

											float: left;

											clear: left;

											text-align: left;

										}

#bild-klein-links img					{

											margin-bottom: 5px;

										}

/* Kleines Bild rechts */

#bild-klein-rechts						{	/* width wird im HTML-Dokument festgelegt */

											margin: 20px 0px 5px 20px;

											float: right;

											clear: right;

											text-align: right;

										}

#bild-klein-rechts img					{

											margin-bottom: 5px;

										}

/* Liste */

#liste									{

											margin-top: 15px;

											overflow: hidden;

										}

#liste ul								{

											list-style-type: disc; padding-left: 15px;

											list-style-position:outside;

										}

/* Infobox */

#infobox								{

											margin-top: 15px;

											overflow: hidden;

										}

#infobox ul								{

											list-style-type:none;

										}

#infobox li								{

											border-bottom-style: solid;

											border-bottom-width: 1px;

											border-bottom-color: rgb(0%,40%,60%); /* blaue Zeilenlinie */

											padding: 2px 0px 2px 0px;

										}

#infobox li:last-child					{

											border-bottom: none;

}

#infobox li a							{

											font-weight: bold;

										}

#infobox small							{

											font-size: 12px;

											padding-left: 15px;

										}

/* Tabelle */

#tabelle								{

											margin-top: 15px;

											overflow: hidden;

										}

#tabelle table							{

											table-layout:auto;

											border: 0px;

											border-spacing: 0px;

											border-collapse: collapse;

										}

#tabelle th								{

											line-height: 25px;

											border-bottom-style: solid;

											border-bottom-width: 3px;

											border-bottom-color: rgb(0%,40%,60%); /* blaue Zeilenlinie */

										}

#tabelle td								{

											line-height: 25px;

											border-bottom-style: solid;

											border-bottom-width: 1px;

											border-bottom-color: rgb(0%,40%,60%); /* blaue Zeilenlinie */

										}

/* Glossar */

#glossar								{

											margin-top: 15px;

										}

#glossar dt								{

											font-weight: bold;

											color: rgb(60%,80%,20%); /* grüne Schrift */

										}

/* Kontaktformular */

#kontakt form							{

											/* Das Kontaktformular */

											margin-top: 15px;

										}

#kontakt label							{

											/* Beschriftung auf eigener Zeile */

											margin-top: 15px;

											display: block;

											cursor: pointer; /* Mauszeiger wird zur Hand */

										}

#kontakt input#nachName,
#kontakt input#eMail,
#kontakt textarea						{

											width: 448px;

											border: 1px solid rgb(0%,40%,60%); /* blauer Rahmen */

											height: auto;

											font-size: 12px;

											font-family: Arial, Verdana, Helvetica, sans-serif;

											font-style: normal;

											display: inline;

											background-color: rgb(95%,95%,95%); /* hellgraues Formularfeld */

											padding: 3px;

										}

#kontakt textarea						{

											height: 100px;

										}

#kontakt input#nachName:focus,
#kontakt input#eMail:focus,
#kontakt textarea:focus					{

											background-color: white;

										}

#kontakt input#senden					{

											margin-top: 15px;

											font-weight: bold;

											font-size: 12px;

											color: rgb(0%,40%,60%); /* blaue Schrift */

											background-color: none;

											border: none;

											background: url(../dokumente/gif/symbole/intern.gif) no-repeat 0 0.3em;

											padding-left: 12px;

										}

/* Bildergalerie */

#bildergalerie							{

											width: 680px;

											float: left;

										}

#bildergalerie img						{

											margin-top: 15px;

										}

#bildergalerie .links					{

											float: left;

											width: 225px;

											margin: 15px 0px 15px 0px;

										}

#bildergalerie .mitte					{

											float: left;

											width: 230px;

											text-align: center;

											margin: 15px 0px 15px 0px;

										}

#bildergalerie .rechts					{

											float: left;

											width: 225px;

											margin: 15px 0px 15px 0px;

										}

#bildergalerie label					{

											display: inline;

											cursor: pointer; /* Mauszeiger wird zur Hand */

										}

#bildergalerie input#bildnummer			{

											width: 25px;

											border: 1px solid rgb(0%,40%,60%); /* blauer Rahmen */

											height: auto;

											font-size: 12px;

											font-family: Arial, Verdana, Helvetica, sans-serif;

											font-style: normal;

											display: inline;

											background-color: rgb(95%,95%,95%); /* hellgraues Formularfeld */

											padding: 3px;

											text-align: right; /* rechtsbündige Ausrichtung des Formulartextes */

										}

#bildergalerie input#bildnummer:focus	{

											background-color: white;

										}

#bildergalerie input#senden				{

											margin-left: 5px;

											padding-left: 12px;

											background: url(../dokumente/gif/symbole/intern.gif) no-repeat 0 0.3em;

											color: rgb(0%,40%,60%); /* blaue Schrift*/

											font-size: 12px;

											font-family: Arial, Verdana, Helvetica, sans-serif;

											font-style: normal;

										}

/* Sprungmarke nach oben */

#nach-oben								{

											text-align: right;

											margin-top: 15px;

											overflow: hidden;

										}

#nach-oben a								{

											color: rgb(0%,40%,60%); /* blaue Schrift */

											text-decoration:none;

											outline: none;

											background: url(../dokumente/gif/symbole/nach-oben.gif) no-repeat 0 0.2em;

											background-position: right;

											padding-right: 15px;

										}

#nach-oben a:hover						{

											text-decoration:underline;

										}

/* Fuss */

#fuss									{

											float: left;

											overflow: hidden;

											margin: 15px 20px 0px 300px;

											width: 1020px;

										}

#fuss ul								{

											list-style-type: none;

										}

#fuss li								{

											display: inline; /* Listenelemente werden nebeneinander gestellt */

											background: url(../dokumente/gif/trennstrich.gif) no-repeat 5px;

											padding-left: 15px;

										}

#fuss a,
#fuss a:link,
#fuss a:visited							{

											text-decoration: none; /* keine Unterstreichung der Links */

											outline: none; /* gepunktete Umrisslinie wird entfernt */

											color: rgb(0%,40%,60%); /* blaue Schrift */

										}

#fuss a:focus,
#fuss a:hover,
#fuss a:active							{

											text-decoration: underline;

										}

/* Klassen */

.skiplink								{

											/* keine sichtbare Anzeige des Elements */

											position: absolute;

											top: -2000px;

											left: -3000px;

											width: 0px;

											height: 0px;

											overflow: hidden;

											display: inline;

										}

.ohne-trennstrich						{

											padding-left: 0px !important;

											background: none !important;

										}

.links									{	/* linke Textausrichtung */

											text-align: left;

										}

.rechts									{	/* rechte Textausrichtung */

											text-align: right;

										}

/* Suchergebnis */

.box									{	/* Das Suchergebnis */

											margin-top:15px;

										}

.title									{

											background: url(../dokumente/gif/symbole/intern.gif) no-repeat 0 0.4em;

											padding-left: 15px;

											font-weight: bold;

										}


.out									{

										}

/* Newsletter */

.newsletter form						{

											/* Das Kontaktformular */

											margin-top: 15px;

										}

.newsletter label						{

											/* Beschriftung auf eigener Zeile */

											margin-top: 15px;

											display: block;

											cursor: pointer; /* Mauszeiger wird zur Hand */

										}

.newsletter select						{

											width: 105px;

											border: 1px solid rgb(0%,40%,60%); /* blauer Rahmen */

											height: auto;

											font-size: 12px;

											font-family: Arial, Verdana, Helvetica, sans-serif;

											font-style: normal;

											background-color: rgb(95%,95%,95%); /* hellgraues Formularfeld */

											padding: 3px;

										}

.newsletter input#unsubscribeid,
.newsletter input#nachname,
.newsletter input#vorname,
.newsletter input#absender				{

											width: 448px;

											border: 1px solid rgb(0%,40%,60%); /* blauer Rahmen */

											height: auto;

											font-size: 12px;

											font-family: Arial, Verdana, Helvetica, sans-serif;

											font-style: normal;

											display: inline;

											background-color: rgb(95%,95%,95%); /* hellgraues Formularfeld */

											padding: 3px;

										}

.newsletter textarea					{

											width: 448px;

											border: 1px solid rgb(0%,40%,60%); /* blauer Rahmen */

											height: 15px;

											font-size: 12px;

											font-family: Arial, Verdana, Helvetica, sans-serif;

											font-style: normal;

											display: inline;

											padding: 3px;

										}

.newsletter textarea					{

											height: 100px;

										}

.newsletter input#unsubscribeid:focus,
.newsletter input#nachname:focus,
.newsletter input#vorname:focus,
.newsletter input#absender:focus		{

											background-color: white;

										}

.senden									{

											margin-top: 15px;

											font-weight: bold;

											font-size: 12px;

											color: rgb(0%,40%,60%); /* blaue Schrift */

											background-color: none;

											border: none;

											background: url(../dokumente/gif/symbole/intern.gif) no-repeat 0 0.3em;

											padding-left: 12px;

										}

.eingabefehler 							{	/* Rote Markierung bei Eingabefehlern in Formularen */

											color: red;

											font-weight: bold;

										}