/*
######################################################
## Fortbildungsakademie des Innenministeriums des   ##
## Landes Nordrhein-Westfalen                       ##
## CSS-Formatierungen                               ##
## (C) 2008 Webworker GmbH, Koeln                   ##
######################################################
*/


/*
######################################################
## Grundsaetzliche Einstellungen                    ##
######################################################
*/

/*
Alle Margins und Paddings ausschalten
======================================================
*/

*
{
	margin: 0px;
	padding: 0px;
}

/*
Rahmen und Hintergruende fuer Bilder aus,
auch wenn diese verlinkt sind.
======================================================
*/

img,
img a
{
	border: 0px;
	background-color: transparent;
}

/*
Faktor fuer Schriftgroessenangaben in EM setzen.
1em = 10pt
======================================================
*/

body
{
	font-size: 75%;
	min-width: 40em; /* Mindestbreite verhindert Umbruchfehler */
}

/*
Grundschrift setzen
======================================================
*/

body
{
font-family: Verdana, "Segoe UI", Arial, Helvetica, sans-serif;
}

/*
Schriftformatierungen global
======================================================
*/

h1,h2,h3,h4,h5,h6
{
	font-weight: bold;
}

#FAQ h1
{
	margin-top: 3em;
}
#FAQ h2,#FAQ h3,#FAQ h4,#FAQ h5,#FAQ h6
{
	padding-top: 3em;
}

/* TS */
h1 a.h,h2 a.h,h3 a.h,h4 a.h,h5 a.h,h6 a.h, a.h
{
color: black !important;
text-decoration: none !important;
background-image: none !important;
padding-left: 0px !important;
padding-right: 0px !important;
}

h1 a.h:hover,h2 a.h:hover,h3 a.h:hover,h4 a.h:hover,h5 a.h:hover,h6 a.h:hover,
h1 a.h:focus,h2 a.h:focus,h3 a.h:focus,h4 a.h:focus,h5 a.h:focus,h6 a.h:focus,
a.h:hover,a.h:focus
{
color: #666355 !important;
text-decoration: underline !important;
}

a.b
{
color: white !important;
background-color: #666355 !important;
text-decoration: none !important;
background-image: none !important;
padding-left: 0px !important;
padding-right: 0px !important;
}

a.b:hover,a.b:focus
{
color: #666355 !important;
background-color: #eeeeee !important;
text-decoration: none !important;
}

p.weiter
{
text-align:right !important;
margin-bottom: 0px !important;
}

p.weiter a
{
font-weight: bold !important;
color: black !important;
}

li img
{
margin-top: 0px !important;
margin-bottom: 0px !important;
}

/* TS */

h1
{
	font-size: 1.1em;
	line-height: 1.6em;
}

h2,h3,h4,h5,h6
{
	margin-top: 1.4em;
	font-size: 0.9em;
}


p,li,td
{
	font-size: 0.9em;
	line-height: 1.6em;
}

/* TS */
#content p, #content td
{
font-size: 1em;
margin-bottom: 6pt;
}
#content li
{
font-size: 1em;
margin-left:10px;
}
/* TS */

table,tr
{
padding-left: 0px;
/* TS
font-size: 1.1em;
*/
}

thead tr td a
{
  color: #8A877B;
}



/*
######################################################
Erg?nzungen
Andreas Buss, BGS
######################################################
*/
tr.grau {
  /* background-color: #d7d8ce; */
  background-color: #FFFFFF;

}

tr.weiss {
  background-color: #FFFFFF;
}

tr.grau:hover, TR.weiss:hover {
  /* background-color: #a7ab96; */
  background-color: #FFFFFF;
}

#contextBilder {
/* TS
	position: absolute;
	right: 225px;
	top: 237px;
*/
float: right;
/* TS */
}

.contextImage {
  border: none ! important;
  z-index: -1;
}

.restposten_zusatzinfo {
  font-size: 0.9em;
  margin-bottom: 10px;
}

.vspace {
  display: none;
}

#dreispaltig a.noimage
{
	color: #000000;
	text-decoration: underline;
	padding-right: 1.2em;
	background-image: none;
}

#dreispaltig a.normal
{
	color: #000000;
	text-decoration: none;
/* TS
	padding-right: 1.2em;
*/
padding-right: 0;
/* TS */
	background-image: none;
}

#dreispaltig a.normal:hover
{
	color: #000000;
	text-decoration: underline;
/* TS
	padding-right: 1.2em;
*/
padding-right: 0;
/* TS */
	background-image: none;
}

#linienkasch
{
  position: relative;
  left: -9px;
  background-color: white;
  width: 2px;
  height: 5px;
  z-index: 10;
  border-top: 1px solid #8A877B;
}

.hinweis
{
  color: red;
  padding: 7px;
  font-size: 0.8em ! important;
}


/*
### KONTAKTFORMULAR - START
*/
#kontaktformular
{
  margin-top: 50px;
  background-color: #eeeeee;
  padding: 5px;
}

#kontaktformular .zeile
{
 clear: left;
 padding-bottom: 5px;
}

#kontaktformular .zeile .links
{
  float: left;
}

#kontaktformular .zeile .rechts
{
  margin-left: 100px;
}


/*
### KONTAKTFORMULAR - ENDE

#####################################################
Erg?nzungen Ende
#####################################################
*/




/*
######################################################
## Layout                                           ##
######################################################
*/

body
{
	margin: 16px 16px 3.2em 16px;
}

/*
Kopfbereich
======================================================
*/

#seitenkopf /* schliesst alle Kopfelemente ein */
{
	width: 100%;
}

#absenderkennung
{
	width: 100%;
	height: 42px;
	margin-bottom: 16px;
	text-align: right;
}

#absenderkennung img
{
	margin-right: 16px;
}

#bildklammer /* notwendig fuer die Linie rechts und unten
                schliesst "#logo" und "#kopfbild" ein */
{
	height: 124px;
	padding: 0px 5px 0px 0px;
	border-right: 1px solid #a7ab96;
	border-bottom: 1px solid #a7ab96;
}

#logo
{
	float: left;
	width: 199px;
	height: 118px;
	border-right: 1px solid #53606b;
	border-bottom: 1px solid #53606b;
	text-align: center;
}

#kopfbild-startseite,
#kopfbild-alles-ueber,
#kopfbild-alles-fuer
{
	height: 118px;
	margin-left: 205px; /* fuer IE 6 und darunter Abweichung, s. ltie7.css */
	padding-top: 88px;
	background-repeat: no-repeat;
	background-position: right top;
}

#kopfbild-startseite
{
	background-image: url("../images/chrome/akademie_eingang.jpg");
}

#kopfbild-alles-ueber
{
	background-image: url("../images/chrome/alles-ueber.jpg");
}

#kopfbild-alles-fuer
{
	background-image: url("../images/chrome/alles-fuer.jpg");
}

#servnavi /* eingeschlossen in "#kopfbild" */
{
	padding-top: 0px;
	width: 100%;
	height: 19px;
	background-color: #d7d8ce;
}

#servnavileft /* eingeschlossen in "#servnavi" */
{
	display: inline;
	float: left;
}

#servnaviright /* eingeschlossen in "#servnavi" */
{
	width: 194px;
	float: right;
}

#servnavileft ol,
#servnaviright ol
{
	display: inline;
	list-style: none;
}

#servnavileft li,
#servnaviright li
{
	display: inline;
}

#servnavileft li a,
#servnaviright li a
{
	margin: 0px 8px 0px 8px;
	color: #000000;
	font-size: 1.0em;
	text-decoration: none;
}

#servnavileft li a:hover,
#servnaviright li a:hover,
#servnavileft li a:focus,
#servnaviright li a:focus
{
	text-decoration: underline;
}

/* Servicenavigation Ende */

#kopfabschluss /* schaltet alle Floats ab und
                  regelt Abstand zum Contentbereich */
{
	clear: both;
/*	height: 5px; */
}

/*
Kopfbereich Ende
======================================================
*/



/*
Inhaltsbereich
======================================================
*/

/* Standard-Link mit Verweispfeil */

#dreispaltig a
{
	color: #666355;
	text-decoration: none;
	padding-right: 1.2em;
	background-image: url("../images/chrome/arr_link.gif");
	background-repeat: no-repeat;
	background-position: 100% 70%;
}

#dreispaltig a:hover,
#dreispaltig a:focus
{
	text-decoration: underline;
}

/* Link ohne Verweispfeil */


/* die folgenden fuenf Container funktionieren so nur in Mozilla.
   Fuer IE werden alternative Definitionen per Browserweichen
   zugeschaltet - ltie7.css */

#dreispaltig /* Klammer fuer alle drei Spalten, notwendig fuer Linie */
{
/* TS */

right:18px;
border-right: 1px solid #8A877B;
/* TS */
	margin-top: 5px;
	padding-top: 5px;
	padding-right: 10px;
	border-top: 1px solid #8a877b;
	/* border-right: 1px solid #8a877b; */
}

#zweispaltig /* Klammer fuer linke und mittlere Spalte, 
                notwendig fuer Linie */
{
	margin-right: 190px;
	padding-top: 5px;
	padding-right: 7px;
	border-top: 1px solid #abcbea;
        background-image: url(../images/pixel_blau.jpg);
        background-position: right;
        background-repeat: repeat-y;
}

#relcont,
#relcontextra
{
/* TS */
position:absolute;
right:16px;
width: 182px;
padding: 0px 8px;

/* TS */
margin-top: -6px;

/* TS
	float: right;
	width: 181px;
	padding: 0px 0px 10px 0px;
	
*/
}

#navi
{
/* TS */
position:absolute;
/* TS
	float: left;
*/
	width: 189px;
	padding-top: 5px;
	padding-right: 10px;
	border-top: 1px solid #b9b9ae;
	border-right: 1px solid #b9b9ae;
}

#content
{
/* TS */
margin-left:199px;

/* TS 
margin-right:217px;
border-right: 1px solid #abcbea;
	margin-left: 199px;
*/
	padding-left: 9px;
	border-left: 1px solid #b9b9ae;
}


/*
Related Content
======================================================
*/

#relcont .rcbox,
#relcontextra .rcbox
{
	margin-top: 0px;
	padding: 14px 0px 14px 0px;
	border-bottom: 1px solid #b9b9ae;
        font-size: 0.9em;
}

/* Tabelle Seminarkalender */

#semkal a
{
	background-image: none;
	padding-right: 0em;
}

table.seminarkalender
{
	width: 100%;
	margin-top: 2px;
}

table.seminarkalender,
th.seminarkalender,
td.seminarkalender
{
	padding: 1px 0px 1px 0px;
	border-collapse: collapse;
	border: 1px solid #b9b9ae;
}

th.seminarkalender,
td.seminarkalender
{
/* TS
	width: 14.3%;
*/
	width: 12.5%;
/* TS */
	font-size: 0.9em;
}

th.seminarkalender
{
	text-align: center;
	font-weight: normal;
}

th.seminarkalender img
{
	vertical-align: bottom;
}

td.seminarkalender
{
	color: #b9b9ae;
	text-align: right;
	padding-right: 5px;
}

td.seminarkalender a
{
	color: #000000;
	text-decoration: none;
}

td.seminarkalender a:hover,
td.seminarkalender a:focus
{
	padding-right: 0em;
}

.so,
.so a:link,
.so a:hover,
.so a:focus
{
	color: #8a877b;
}

/* Tabelle Seminarkalender Ende */

#relcont ul li a
{
	background-image: none;
}

#relcont ul
{
	margin-left: 14px;
	list-style-image: url("../images/chrome/list_item.gif");
}

#relcont  #akademie {
                                             list-style:none;
                                           }
/*
Related Content Ende
======================================================
*/

/*
Hauptnavigation
======================================================
*/

/* Suchfeld */

#navi #sq
{
	width: 92%;
	margin-right: 5px;
	border: none;
	background: none;
}

#navi form
{
	padding-bottom: 3px;
	border-bottom: 1px solid #b9b9ae;
}

#navi .navibox,
#navi .linkbox
{
	margin-top: 0px;
	border-bottom: 1px solid #b9b9ae;
}

#navi .navibox
{
	margin-top: 0px;
	border-bottom: none;
}

#navi .linkbox
{
	margin-top: 0px;
	padding-bottom: 14px;
	border-bottom: 1px solid #b9b9ae;
}

#navi .navibox h1
{
	padding: 14px 0px 0px 10px;
	border-bottom: 1px solid #b9b9ae;
	background-image: url("../images/chrome/li_navi_rubrik.gif");
	background-repeat: no-repeat;
	background-position: 0px 16px;
}

#navi .linkbox h1
{
	padding: 14px 0px 0px 0px;
	border-bottom: none;
}

#navi ul
{
	font-size: 0.95em;
}

#navi ol
{
	list-style: none;
	margin-bottom: 0em;
}

#navi ol li
{
	border-bottom: 1px solid #b9b9ae;
}

#navi ol li a
{
	color: #000000;
	text-decoration: none;
	background-image: none;
	padding-right: 0em;
}

#navi ol li a:hover,
#navi ol li a:focus
{
	text-decoration: underline;
}

#navi ol ol,
#navi ol ol ol
{
	list-style: none;
	list-style-image: none;
}

#navi .aktiv
{
	list-style-image: url("../images/chrome/arr_subnavi.gif");
}

#content ol,
#navi ol ol
{
	margin-left: 14px;
	margin-bottom: 0.2em;
}

#navi ol ol ol
{
	margin-left: 1.2em;
	margin-bottom: 0.0em;
}

#navi ol ol li,
#navi ol ol ol li
{
	border: none;
}

#navi ol ol li a,
#navi ol ol ol li a
{
	color: #000000;
	text-decoration: none;
	background-image: none;
	padding-right: 0em;
}

#navi ul,
#content ul,
#seminarfenster ul
{
	margin-left: 14px;
	list-style-image: url("../images/chrome/list_item.gif");
}

#navi ul li a,
#content ul li a,
#seminarfenster ul li a,
#relcont ul li a
{
	text-decoration: none;
}

#navi ul li a:hover,
#navi ul li a:focus,
#content ul li a:hover,
#content ul li a:focus,
#relcont ul li a:hover,
#relcont ul li a:focus
{
	text-decoration: underline;
}

/*
Hauptnavigation Ende
======================================================
*/

/*
Seiteninhalt
======================================================
*/

/* Ariadnepfad (Breadcrumbs) */

#ariadnepfad
{
	margin-top: 5px;
	margin-bottom: 17px;
	padding-bottom: 3px;
	color: #666355;
	border-bottom: 1px solid #b9b9ae;
/* TS */
font-size: 0.9em;
/* TS */
}

#ariadnepfad a
{
	color: #666355;
	text-decoration: none;
	padding-right: 1.0em;
	background-image: url("../images/chrome/arr_breadcrumbs.gif");
	background-repeat: no-repeat;
	background-position: right 50%;
}

#ariadnepfad a:hover,
#ariadnepfad a:focus
{
	text-decoration: underline;
}

/* Ariadnepfad (Breadcrumbs) Ende */

/* Verschiedene Teaserformen */

/* Einspaltig Standard */

#content h1,
#seminarfenster h1
{
	padding-left: 5px;
	border-left: 5px solid #8a877b;
}

/* TS */
#content h1.Seite
{
	margin-bottom: 1.6em;
	border-left: 5px solid #abcbea;
}
/* TS */

/* TS
#content .topthema h1
{
	border-left: 5px solid #abcbea;
}
*/

#content h2,
#seminarfenster h2
{
	margin-bottom: 5px;
	font-size: 0.9em;
}

#content img,
#content .topthema img
{
	display: table-cell;
	float: left;
/* TS
	margin-top: 5px;
	margin-right: 5px;
*/
margin-top: 10px;
margin-right: 15px;
margin-bottom: 10px;
/* TS */
	padding-left: 5px;
}

#content img
{
	border-left: 5px solid #8a877b;
}

#content .topthema img
{
/* TS
	border-left: 5px solid #abcbea;
 */
}

#content .boxende,
#seminarfenster .boxende
{
/* TS */
clear:both;
/* TS */
	width: 100%;
	min-height: 1%;
	padding-top: 10px;
	padding-bottom: 2px;
	margin-bottom: 1.6em;
	margin-left: 0px;
	background-image: url("../images/chrome/box_endmarke.gif");
	background-repeat: no-repeat;
	background-position: right bottom;
	border-bottom: 1px solid #b9b9ae;
}

/* Verschiedene Teaserformen Ende */

/* Seminarauflistung */

#content .seminarliste
{
	margin-top: 1.6em;
}

#content .seminarliste h2
{
	font-size: 1.1em;
	color: #000000;
	padding-left: 5px;
	margin-top: 1.6em;
	border-left: 5px solid #8a877b;
}

#content h2 a,
#content h3 a
{
	padding-left: 5px;
	font-weight: bold;
	color: #000000 !important;
}

#content .seminarliste td
{
	width: 50%;
	text-align: left;
	padding: 0px 0px 14px 0px;
}

#content h1.abstandunten
{
	margin-bottom: 1.6em;
}

#content p.bild72
{
	min-height: 80px;
}

/*
Seiteninhalt Ende
======================================================
*/



/*
######################################################
## Zweispaltig nebeneinander (teils mit Bild)       ##
## fuer Seminar-Linklisten                          ##
######################################################
*/


#content .halbebreitelinks,
#content .drittelbreitelinks
{
	float: left;
	padding-right: 2em;
}

#content .halbebreiterechts,
#content .drittelbreiterechts
{
	padding-right: 2em;
}

#content .halbebreiterechts
{
	margin-left: 50%;
}

#content .drittelbreiterechts
{
	margin-left: 35%;
}

#content .halbebreitelinks,
#content .halbebreiterechts
{
	width: 45%;
}

#content .drittelbreitelinks,
#content .drittelbreiterechts
{
	width: 30%;
}

#content .halbebreitelinks ul,
#content .halbebreiterechts ul,
#content .drittelbreitelinks ul,
#content .drittelbreiterechts ul
{
	margin-bottom: 1.4em;
}
#content .halbebreitelinks ul a,
#content .halbebreiterechts ul a,
#content .drittelbreitelinks ul a,
#content .drittelbreiterechts ul a
{
	background-image: none;
/* TS */
padding-right: 0;
/* TS */
}

/* Zweispaltig nebeneinander Ende
======================================================
*/



/*
######################################################
## Text-Formate fuer feste Bildgroessen!            ##
## Der Zweck der Uebung ist, dass Text nicht um das ##
## Bild herumlaeuft, sondern wie in einer Tabellen- ##
## spalte vertikal weiterlaeuft und das Bild frei-  ##
## steht.                                           ##
## Netto- Bildbreiten: 100 und 200 Pixel.           ##
## Dafuer notwendig: Brutto-Einzuege fuer den Text  ##
## von 115 und 215 Pixel.                           ##
## Die Hoehe der Bilder ist wurscht!                ##
## 300 Pixel breite Bilder sollen immer als Block-  ##
## element zwischen Abs?tzen freistehen!            ##
## Hinweis: Bilder ohne Zusatzklasse floaten im     ##
## content-DIV immer links. Klassen fuer andere     ##
## Positionierungen in der Sektion                  ##
## "Klassen mit Einzeleigenschaften" dieser         ##
## CSS-Datei.                                       ##
######################################################
*/

/* Bild links, Bildbreite 100 px, umfliessender Text
   braucht linken Einzug von 120 px. */ 

/* Bildseite und Bildteaser - Texteinzug ueber Container bestimmen */

#bildseite p,
.bildteaser p
{
	margin-left: 120px;
}

.bildteaser /* Bestimmt Teaserhoehe fuer Moz-FF */
{
	min-height: 115px;
}

#bildseite h1,
#bildseite h2,
#bildseite h3,
#bildseite h4,
#bildseite h5,
#bildseite h6,
.bildteaser h1,
.bildteaser h2,
.bildteaser h3,
.bildteaser h4,
.bildteaser h5,
.bildteaser h6
{
	margin-left: 0px;
}

/* Bildseite und Bildteaser - Ende Texteinzug */

.indleft70
{
	margin-left: 70px;
}

.indleft120
{
	margin-left: 120px;
/* TS */
	line-height: 1.6em;
}

/* TS */
.indleft0
{
	line-height: 1.6em;
}

.li1
{
	margin-left: 24px;
}
.li2
{
	margin-left: 48px;
}
.li3
{
	margin-left: 72px;
}

.indleft0 li, .indleft0 p {
  font-size: 1em;
}

.indleft120 p,.indleft120 li,.indleft120 td,.indleft0 p,.indleft0 li,.indleft0 td
{
/*	font-size: 1em;*/
}
/* TS */



/* Alle anderen Bildbreiten und -positionierungen sind 
   fuer Standard-Bildseiten verworfen worden, werden in
   Ausnahmenfaellen aber verwendet! */

/* Bild links, Bildbreite 200 px, umfliessender Text
   braucht linken Einzug von 215 px. */ 

.indleft220
{
	margin-left: 220px;
}

.bu
{
	font-size: 0.8em;
	font-weight: bold;
	color: #666355;
}

.tbc
{
	display: table-cell;
}

/* Formate fuer feste Bildgroessen Ende
======================================================
*/



/*
######################################################
## Formatierungen fuer Seminar-Extra-Fenster        ##
######################################################
*/

/* Hauptinhalt Seminarfenster */

#seminarfenster
{
	margin-right: 190px;
	padding-top: 5px;
	padding-right: 7px;
	border-top: 1px solid #abcbea;
	border-right: 1px solid #abcbea;
}

#seminarfenster h1
{
	font-size: 1.1em;
	color: #000000;
	padding-left: 5px;
	margin-top: 1.6em;
	border-left: 5px solid #8a877b;
}

#seminarfenster h2,
#seminarfenster h3,
#seminarfenster h4,
#seminarfenster h5,
#seminarfenster h6
{
	line-height: 1.2em;
	margin-bottom: 0.4em;
}

#seminarfenster span.titel
{
	padding-left: 5px;
	font-size: 0.8em;
	font-weight: bold;
	color: #666355;
}

#seminarfenster p,
#seminarfenster table,
#seminarfenster ul
{
	margin-bottom: 1.4em;
}

#content th,
#seminarfenster th,
#content td,
#seminarfenster td
{
	text-align: left;
	line-height: normal;
	padding: 2px 12px 2px 0px;
	vertical-align: top;
}

#content th,
#seminarfenster th
{
	font-size: 0.9em;
	vertical-align: top;
}

#seminarfenster td
{
	vertical-align: bottom;
}

#relcontextra
{
	margin-top: 0px;
}

#relcontextra td
{
	vertical-align: top;
	line-height: normal;
	padding: 2px 4px 2px 0px;
}

#relcontextra table a,
#seminarfenster table a
{
background-image: none;
}

#relcontextra h1
{
	line-height: 1.2em;
}



/*
######################################################
## Formatierungen fuer Sitemap                      ##
######################################################
*/


#sitemap h1
{
	margin-top: 0.8em;
	margin-bottom: 0.8em;
}

#sitemap ol
{
	font-size: 1em;
	margin-left: 2.0em;
	list-style-image: url("../images/chrome/arr_subnavi.gif");
}

#sitemap li a,
#sitemap li li a,
#sitemap li li li a,
#sitemap li li li li a
{
	background-image: none;
	color: #000000;
}

/*
######################################################
## Kalenderuebersichten                             ##
######################################################
*/


#kalenderuebersichten h1 a
{
	background-image: none;
}

#kalenderuebersichten img
{
	border: none;
	float: none;
	display: inline;
	margin: 0px !important;
	padding: 0px;
}



/*
######################################################
## Klassen mit Einzeleigenschaften,                 ##
## auch geeignet zum Addieren zu anderen Klassen    ##
######################################################
*/


/* Objektausrichtungen */

/* Textausrichtungen */

.tal
{
	text-align: left !important;
}

.tar
{
	text-align: right !important;
}

.taj /* Blocksatz - Nicht fuer Fliesstext verwenden! */
{
	text-align: justify !important;
}

.vat
{
	vertical-align: top !important;
}

.vam
{
	vertical-align: middle !important;
}

.vab
{
	vertical-align: bottom !important;
}

/* Blockelementausrichtungen */

.fl
{
	float: left !important;
/* TS
	margin-right: 5px;
*/
margin-right: 15px;
/* TS */
}

.fr
{
	float: right !important;
/* TS
	margin-left: 5px !important;
*/
margin-left: 15px;
/* TS */
	margin-right: 0px !important;
}

.nofl
{
	float: none !important;
}

.align_right
{
  right: 0px;
}


.cl
{
	clear: left;
}

.cr
{
	clear: right;
}

.cb
{
	clear: both;
}

.tbc
{
	display: table-cell;
}

/* Innenabstaende */

/* 5 Pixel */

.pad5
{
	padding: 5px;
}

.padt5
{
	padding-top: 5px;
}

.padr5
{
	padding-right: 5px;
}

.padb5
{
	padding-bottom: 5px;
}

.padl5
{
	padding-left: 5px;
}

/* 10 Pixel */

.pad10
{
	padding: 10px;
}

.padt10
{
	padding-top: 10px;
}

.padr10
{
	padding-right: 10px;
}

.padb10
{
	padding-bottom: 10px;
}

.pad10
{
	padding-left: 10px;
}

/* Aussenabstaende */

.marg0
{
	margin: 0px;
}

.margt0
{
	margin-top: 0px;
}

.margr0
{
	margin-right: 0px;
}

.margb0
{
	margin-bottom: 0px;
}

.margl0
{
	margin-left: 0px;
}

/* 5 Pixel */

.marg5
{
	margin: 5px;
}

.margt5
{
	margin-top: 5px;
}

.margr5
{
	margin-right: 5px;
}

.margb5
{
	margin-bottom: 5px;
}

.margl5
{
	margin-left: 5px;
}

/* 10 Pixel */

.marg10
{
	margin: 10px;
}

.margt10
{
	margin-top: 10px;
}

.margr10
{
	margin-right: 10px;
}

.margb10
{
	margin-bottom: 10px;
}

.marg10
{
	margin-left: 10px;
}

/* 15 Pixel */

.marg15
{
	margin: 15px;
}

.margt15
{
	margin-top: 15px;
}

.margr15
{
	margin-right: 15px;
}

.margb15
{
	margin-bottom: 15px;
}

.marg15
{
	margin-left: 15px;
}

/* Mindesthoehen (fuer floatende Bilder im Mozilla geeignet */

.min10
{
	min-height: 10px;
}

.min20
{
	min-height: 20px;
}

.min30
{
	min-height: 30px;
}

.min40
{
	min-height: 40px;
}

.min50
{
	min-height: 50px;
}

.min60
{
	min-height: 60px;
}

.min70
{
	min-height: 70px;
}

.min80
{
	min-height: 80px;
}

.min90
{
	min-height: 90px;
}

.min100
{
	min-height: 100px;
}

/* Listenzeichen ausschalten */

.listoff
{
	list-style: none !important;
	margin-left: 0px !important;
}

/* Linienrahmen um beliebiges Blockelement */

.brd
{
	padding: 5px;
	border: 1px solid #b9b9ae;
	margin-bottom: 1.4em;
}



/*
######################################################
## Navigation ueberspringen (Sect 508)              ##
######################################################
*/

.verstecken
{
	position: absolute;
	left: -5000px;
}

/*
######################################################
## neue Seminardarstellung ab Mrz. 2015              ##
######################################################
*/
.seminar {
  border-color: #CCC;
  border-radius: 8px;
  border-style: solid;
  border-width: 1px;
  margin: 0;
  padding: 0;
  display: table;
  width: 100%;
}
.seminar h3 {
  margin: 0;
  padding: 5px 5px 0 12px;
  min-height: 30px;
  border-bottom: 1px solid #ddd;
  line-height: 2.2em;
}
.seminar table {
  width: 99%;
  padding-bottom: 1em;
  padding: 5px 12px;
}
.seminar table  thead {   
   position: absolute; 
   top: -100000px; 
   left: -10000px;
}
.seminar table .t_s1 {
  width: 3.5em;
}
.seminar table .t_s2 {
  width: 16em;
}
.seminar  img {
  display: inline !important;
  float: none !important;
  margin-bottom: 0px !important;
  margin-right: 5px !important;
  margin-top: 5px !important;
  padding-left: 0px !important;
  border: none !important;
}
.seminar .rand {
  padding: 5px 0px 5px 10px;
  width: 11em;
  border: 1px solid #ccc;
  border-radius: 8px;
  float: right;
  margin-bottom: 1em;
  margin-left: 5px;
  line-height: 2em;
}
.sem_info {
  padding: 10px 10px 0 10px;
}
.sem_info  a {
  font-weight: bold;
}