/*spinner ccs*/
@keyframes spinner-line-fade-more {
    0%, 100% {
        opacity: 0; /* minimum opacity */
    }
    1% {
        opacity: 1;
    }
}

@keyframes spinner-line-fade-quick {
    0%, 39%, 100% {
        opacity: 0.25; /* minimum opacity */
    }
    40% {
        opacity: 1;
    }
}

@keyframes spinner-line-fade-default {
    0%, 100% {
        opacity: 0.22; /* minimum opacity */
    }
    1% {
        opacity: 1;
    }
}

@keyframes spinner-line-shrink {
    0%, 25%, 100% {
        /* minimum scale and opacity */
        transform: scale(0.5);
        opacity: 0.25;
    }
    26% {
        transform: scale(1);
        opacity: 1;
    }
}

/* base styles (styles.css) */
/*
*	Stylesheet Landesportal RLP.de
*	Media: Screen
*	Author: Norman Sand, Juli 2008
*/


/* ***************************************************************************
*
*  Generelle Definitionen
*
*  ***************************************************************************  */


* {

    font-size: 1em; /* Dies auf keinen Fall änedern!! */
}


html {

    font-size: 63.5%; /* Dies auf keinen Fall änedern!! */

}

body {

    /*background-color: #faf6af; - gelb für TEST*/
    background-color: #e8e8e8;
    background-image: url(images/background_gradient.jpg);
    background-repeat: repeat-x;
    margin: 0;
    font-family: Arial, Helvetica, "Sans Serif", ui-sans-serif !important;

}

/* Bilder haben nie einen Rahmen */
img {

    border: none;
}


/* Horizontale Trennlinie */
hr {

    border: 0px;
    border-top: solid 1px #919090;
    border-bottom: solid 1px #FFFFFF;
    margin: 1.5em 0;

}


fieldset {

    border: none;
    margin: 0;
    padding: 0;

}

a {

    color: #000;

}


/* Überschriften werden hier definiert */
h2 {

    color: #871d33;
    padding: 0;
    margin-top: 0.3em;
    margin-bottom: 0.5em;
    font-size: 1.5em;
    line-height: 110%;

}

/* Überschrift verlinkt? */
h2 a {

    color: #871d33;
    text-decoration: none;

}

h2 a:hover {

    text-decoration: underline;

}

h3 {

    color: #676767;
    padding: 0;
    margin-top: 1.4em;
    margin-bottom: 0.5em;
    font-size: 1.4em;
    line-height: 110%;

}


/* ***************************************************************************
*
*  Grafiken
*
*  Angaben sind im Moment nur in widths. Heights können/sollten noch folgen.
*  Dafür warten wir noch den Styleguide ab.
*
*  ***************************************************************************  */
.img_panorama {
    width: 61.7em;
}

.img_logo { /*Bitte auch #head_logo beachten */

}

.img_highlight {
    width: 16.6em;
}

.img_theme {
    width: 13.9em;
}

.img_theme_large {
    width: 42.5em;
}

.img_left_intext {
    float: left;
    margin-right: 1.2em;
    margin-bottom: 1.2em;
    margin-top: 1.45em;
}

* + html .img_left_intext {
    margin-top: 2.2em;
}

.img_right_intext {
    float: right;
    margin-left: 1.2em;
    margin-bottom: 1.2em;
    margin-top: 1.45em;
}

* + html .img_right_intext {
    margin-top: 2.2em;
}

/* Weiche für IE 6 */
* html .img_left_intext, * html .img_right_intext {
    margin-bottom: 0.4em;
}

/* Weiche für IE 7 */
*:first-child + html .img_left_intext, *:first-child + html .img_right_intext {
    margin-bottom: 0.4em;
}

.img_secondlogo { /*Zweites Logo */
    width: 20em;
}

/* ***************************************************************************
*
*  Tabmenü "Skiplink"
*
*  ***************************************************************************  */

.skiplink a {

    position: absolute;
    top: -10em;
    left: 0;
    padding: 0 0.5em;
    background: #e8e8e8;
    font-size: 1.3em;
    z-index: 100;

}

.skiplink a:focus {

    top: 0px;

}


/* Haupt-DIV - quasi "alles" - mittig zentriert */
#main {

    /* width:818px;  !* 818px + 2 px Rand = 820px */

    width: 101.8em;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0.5em;
    border-left: solid #919090 1px;
    border-right: solid #919090 1px;
    border-bottom: solid #919090 1px;
    background-color: #e3e3e3;
}


/* ***************************************************************************
*
*  Kopf - Der obere Bereich mit Verlauf, Suche, Logo und horizontalem Men�
*
*  ***************************************************************************  */


#head {

    background-image: url(images/background_head.gif);
    background-repeat: repeat-x;
    background-color: #fff;
    height: 11.3em;

    color: #4e4e4e;

}


#head a {

    color: #4e4e4e;

}

/* Postionierung des Kopf-Men�s */
#head_menu {

    padding: 0.4em 0 0 1em;


}


/* Positionierung des Suchfeldes */
#head_search {

    float: left;
    padding-top: 5em;
    padding-left: 1em;

}


/* Suchfeld */


#head_search form {

    margin: 0;
    padding: 0;
    height: 1.5em;
    width: 16.5em;


}


#head_search_input {

    color: #4e4e4e;
    width: 13em;
    margin-bottom: 0.3em;
    float: left;
}

.head_search_button {

    float: right;
    margin-top: 0.1em;
    width: 1.8em;


}

/* Ministeriums-Logo. Setzt das Logo etwa 4em vom rechten Rand. Dieser Wert ist je nach Ressort und Logogr��e zu �ndern. */
#head_logo {

    margin-top: 1.9em;
    margin-right: 4.2em;
    text-align: right;

}


/* ***************************************************************************
*
*  Trenner - trennt Kopf und Hauptbereich durch einen zweifarbigen Streifen
*
*  ***************************************************************************  */


#left_red {

    height: 0.6em;
    background-color: #871d33;
    margin: 0;
    width: 20.1em;

}

#right_grey {

    height: 0.6em;
    background-color: #8e8e8e;
    margin: 0;
    padding: 0;


}


/* ***************************************************************************
*
*  Unterteilung in "left" und "right": Left ist das Menü, Right der rechte
*  Bereich einschlie�lich der Highlights
*
*  ***************************************************************************  */


#left {

    height: 100%;
    float: left;
    width: 20.1em;
    background-color: #e3e3e3;


}

#right {

    height: 100%;
    width: 81.7em;
    float: right;
    /* padding-left: 1px; */

}


/* ***************************************************************************
*
*  Hauptmenü auf der linken Seite mit allen Menüebenen
*
*  ***************************************************************************  */


#main_menu {

    width: 20.1em;
    height: 100%;


}

#main_menu a:hover {

    text-decoration: underline;
}


/* Menü-Ebene 1 */
.main_menu_1 {

    padding: 0;
    margin: 0;
    width: 100%;

}


.main_menu_1 li {

    list-style: none;
    background-image: url(images/menue_inactive_back.gif);
    background-repeat: repeat-x;
    margin: 0;
    padding: 0.6em 0 0.6em 0.99em;
    line-height: 1.2em;
    font-size: 1.11em;
    font-weight: bold;
    letter-spacing: 0.1em;
    text-transform: uppercase;


}

.main_menu_1 li a {

    color: #000;
    text-decoration: none;
}


/* Menü-Ebene 1 aktiver Punkt */
li.main_menu_1_active {

    background-image: url(images/menue_active_back.gif);
    background-repeat: repeat-x;
}

li.main_menu_1_active a {

    color: #fff;
}


.main_menu_1 ul {

    border-right: solid #ccc 1px;

}


/*Menü-Ebene 2 */
.main_menu_2 {

    padding: 0;
    margin: 0.5em 0 -0.6em 0;

}


.main_menu_2 li {

    list-style: none;
    background-image: none;
    background-color: #ddd;
    padding: 0.5em 0 0.5em 2em;
    font-weight: bold;
    letter-spacing: 0.1em;
    border-bottom: solid 1px #999;
    margin: 0 0 0 -1.1em;
    line-height: 1.2em;
    font-weight: bold;
    font-size: 0.9em;
    text-transform: none;
}

.main_menu_2 li a {
    color: #000;
    text-decoration: none;
}

/* Menü-Ebene 2 aktiver Punkt */
li.main_menu_2_active {
    background-image: none;
    background-color: #ebebeb;
}

li.main_menu_2_active a {
    color: #871d33;
}

.main_menu_2 ul {
    border-right: none;
}

/*Menü-Ebene 3 */


.main_menu_3 {

    padding: 0;
    margin: 0;

}

.main_menu_3 li {

    list-style: none;
    background-color: #ebebeb;
    padding: 0.5em 0 0.5em 3em;
    font-size: 1em;
    font-weight: bold;
    letter-spacing: 0.1em;
    border-top: solid 1px #d7d7d7;
    border-bottom: none;
    margin: 0 0 0 -1.9em;
    line-height: 1.2em;


}


.main_menu_3 li a {

    color: #000;
    text-decoration: none;

}


/* Menü-Ebene 3 aktiver Punkt */
li.main_menu_3_active {

    background-image: none;
    background-color: #fff;

}

li.main_menu_3_active a {

    color: #000;


}


/*Menü-Ebene 4 */


.main_menu_4 li {

    list-style-image: url(images/menue_arrow.gif);
    background-color: #ffffff;
    padding: 0.3em 0 0.3em 0;

    font-weight: bold;
    letter-spacing: 0.1em;
    margin: 0 0 0 -2.5em;
    line-height: 1.2em;
    border: none;


}

ul.main_menu_4 {

    margin-top: 0.5em;


}

.main_menu_4 li a {

    color: #000;
    text-decoration: none;

}


/* Menü-Ebene 4 aktiver Punkt, Rest erbt von oben */

li.main_menu_4_active a {

    color: #000;
}


/*Menü-Ebene 5 */


.main_menu_5 li {

    list-style-image: none;
    padding: 0.3em 0 0.3em 0;

    font-weight: bold;
    letter-spacing: 0.1em;
    margin: 0 0 0 -3.0em;
    line-height: 1.2em;
    border: none;


}


ul.main_menu_5 {

    margin-top: 0.5em;
}

.main_menu_5 li a {

    color: #000;
    text-decoration: none;
}

/* Men�-Ebene 5 aktiver Punkt */

li.main_menu_5_active {

    background-image: none;
    background-color: #fff;
}

li.main_menu_5_active a {

    color: #000;
}


/* Menü unter dem Standard-Menü */

#bottom_menu {

    background-color: #fff;
    background-image: url(images/menue_bottom.gif);
    background-repeat: repeat-x;
    width: 100%;
    margin: 0;
    padding: 0 0 3.0em 0;

    font-size: 1em;
    height: 20em;

}

#bottom_menu ul {

    list-style-type: none;
    margin: 0;
    padding-top: 1.5em;
    padding-left: 1em;
    font-size: 0.8em;
}


#bottom_menu a {

    color: #374248;
    text-decoration: none;
    font-size: 1.25em;
    line-height: 160%;
}


/* ***************************************************************************
*
*  Der Inhaltsbereich.
*
*  ***************************************************************************  */


#main_picture {
    margin-bottom: -0.3em;
    margin-left: 0.1em;
}

/* Weiche für IE 6 */
* html #main_picture {
    margin-bottom: 0em;
    margin-left: 0em;
}

/* Weiche für IE 7 */
*:first-child + html #main_picture {
    margin-bottom: 0em;
    margin-left: 0em;
}

#main_content {
    float: left;
    height: 100%;
    padding: 1em;
    color: #404040;
    line-height: 130%;
    padding-bottom: 3em;
    margin: 0 0 0 0.1em;
}

/* Breite des main_contents, wenn es Highlights gibt */
.main_highlights {

    width: 42.5em;


}


/* Breadcrumb- bzw. Rootline-Men� */
#rootline {

    color: #919090;
    margin-bottom: 2em;
}

#rootline a {

    color: #919090;
    text-decoration: none;

}


/* ***************************************************************************
*
*  Text im Hauptbereich nach folgendem Prinzip:
*
*  - Gibt es Highlights, dann die Klasse "theme_content_wide" verwenden f�r reinen Text.
*  - Hat der Inhalt ein Bild (z. B. bei News), dann "theme_box" und darin "theme_pictures" und
*    "theme_content"
*  - Gibt es keine Highlights, dann die Klasse "theme_content_full" verwenden
*
*
*  ***************************************************************************  */


/* "Themeboxes": Anrei�er der News in der Mitte, mit Bild auf der linken Seite UND Highlightspalte */
.theme_box {

    width: 42.5em;

}

.theme_picture {

    float: left;
}

.theme_content {

    width: 27.4em;
    float: right;
}


/* Hat ein Theme kein Bild links am Rand, dann muss f�r den Text diese Klasse verwendet werden. */
.theme_content_wide {

    width: 41.9em;
    float: left;

}


.theme_content_notes {

    font-size: 0.9em;

}

/*Gro�es Aufmacherbild - NICHT Panoramafoto oben */
.theme_picture_large {

    margin-bottom: 1.5em;

}

/* Hauptinhalt, wenn es keine Highlightspalte gibt */

.theme_full {

    width: 79em;
    margin-top: 1.6em;

}


/* Weiche für IE 6 */
* html .theme_full {
    margin-top: 0;
}

/* Weiche für IE 7 */
*:first-child + html .theme_full {
    margin-top: 0;
}


/* Schriftgrößen für alle Texte in der Mitte, egal ob mit oder ohne Highlightspalte */

.content, .content_overview {

    font-size: 1.18em;
    line-height: 130%;

}


/* Überschriften auf den Übersichtsseiten */

.content_overview h2 {

    font-size: 1.1em;
    color: black;

}


/* ***************************************************************************
*
*  Highlightspalte rechts
*
*  ***************************************************************************  */

#highlights {

    margin-left: 45.02em;
    background-color: #d9d9d9;
    width: 16.6em;
    border-left: solid #919090 1px;
    border-bottom: solid #919090 1px;

}


/* Weiche für IE 6 */
* html #highlights {

    margin-left: 0;
    float: right;

}

/* Weiche für IE 7 */
*:first-child + html #highlights {

    margin-left: 0;
    float: right;

}


#highlights p {

    padding: 0 1em 0em 1em;
    font-size: 1.15em;
    color: #000000;
    line-height: 120%;

}


h2.green {

    margin: 0;
    background-image: url(images/grad_green.gif);
    font-size: 1.3em;
    color: #fff;
    padding: 0.6em 0.4em 0.6em 0.8em;

}


h2.violett {

    margin: 0;
    background-image: url(images/grad_violett.gif);
    font-size: 1.3em;
    color: #fff;
    padding: 0.6em 0.4em 0.6em 0.8em;

}

h2.blue {

    margin: 0;
    background-image: url(images/grad_blue.gif);
    font-size: 1.3em;
    color: #fff;
    padding: 0.6em 0.4em 0.6em 0.8em;

}


h2.red {

    margin: 0;
    background-image: url(images/grad_red.gif);
    font-size: 1.3em;
    color: #fff;
    padding: 0.6em 0.4em 0.6em 0.8em;

}

h2.orange {

    margin: 0;
    background-image: url(images/grad_orange.gif);
    font-size: 1.3em;
    color: #fff;
    padding: 0.6em 0.4em 0.6em 0.8em;

}


/* ***************************************************************************
*
*  Footer
*
*  ***************************************************************************  */

#footer_menu {

    width: 82em;
    margin-left: auto;
    margin-right: auto;
    text-align: left;

}

.clear {

    clear: both;
}


/* ***************************************************************************
*
*  Formulare
*  Wichtig: Die Formulare müssen innerhalb der Klassen "theme_content_wide" und "theme_full" stehen, s. o.
*
*  ***************************************************************************  */


.theme_full label, .theme_full input, .theme_full select {

    /*width:25em;*/

}

/* Rahmen um die Input-Boxen */
.theme_content_wide input, .theme_full input {

    border: 1px solid #a5a5a5;
    font-family: Arial, Helvetica, "Sans Serif" !important;
}

.theme_full input[type=checkbox] {
    border: 0;
}


/* Textareas */
.theme_content_wide textarea, .theme_full textarea {

    display: block;
    float: left;
    margin-bottom: 0.6em;
    width: 23em;
    height: 6em;
    overflow: hidden;
    border: 1px solid #a5a5a5;
    font-family: Arial, Helvetica, "Sans Serif", ui-sans-serif !important;

}

.theme_full textarea {

    width: 35em;
}

.theme_content_wide input#checkbox, .theme_content_wide input#radio, .theme_full input#checkbox, .theme_full input#radio {

    border: none;
    width: 1em;
    font-family: Arial, Helvetica, "Sans Serif" !important;


}

.theme_content_wide label, .theme_full label {

    width: 10em;
    font-size: 1.05em;
    font-family: Arial, Helvetica, "Sans Serif" !important;

}

/* Der Submit-Button soll rechts, aber bündig zu den Formularfelrdern sein. */
.theme_content_wide input#submit, .theme_full input#submit {

    float: none;
    width: auto;
    margin-left: 10em;
    background-color: #fff;
    border: 1px solid #000;
    font-size: 1.05em;
    font-family: Arial, Helvetica, "Sans Serif" !important;

}


/* Formular in der Highlightspalte */

#highlights fieldset {

    margin: 0;
    padding: 0;
}

#highlights select {

    width: 14em;
    margin-bottom: 0.3em;
}


/* ***************************************************************************
*
*  Sortierte und unsortierte Listen
*  Bei den sortierten Listen wird die Nummerierung nicht angezeigt, um möglichst
*  flexibel in einer eigenen Nummerierung sein zu können.
*
*  ***************************************************************************  */


.theme_content_wide ul, .theme_full ul {

    margin-top: 0.5em;

}


.theme_content_wide ol, .theme_full ol {

    list-style-type: none;
    margin-top: 0.5em;

}


.theme_content_wide li, .theme_full li {

    margin-bottom: 0.5em;


}


/* ***************************************************************************
*
*  Tabellen (Breiten sind variabel - optisch an den Formularen angepasst)
*
*  ***************************************************************************  */

/* Standardtabelle

Auskommentiert von MS
Durch die allgemeine Formatierung werden Tabellen in RichFaces formatiert,
auf die man über css oder Skins nicht drankommt.
Diese Formatierung wird in mystyles als StandardTabelle weiter geführt.

table {

	margin-bottom: 1em;
	border: 1px solid #b0b0b0;
	padding: 0;
	border-collapse: collapse;

}



th {

	border-bottom: 1px solid #b0b0b0;
	border-left: 1px solid #cfcfcf;
	text-align: left;
	padding:0.6em 1em 0.6em 0.5em;
	background-color: #f0f0f0;
}

td {

	padding:0.4em 1em 0.4em 0.5em;
	border-left: 1px solid #cfcfcf;
}

 */

caption {

    text-align: left;
    padding: 2em 1em 0.4em 0.5em;
    font-weight: bold;
}

/* Tabelle, die nur horizontale Trennstriche hat */

table.table_horizontal {

    margin: 3em 0;
    border: none;
    border-top: 1px solid #b0b0b0;
    border-bottom: 1px solid #b0b0b0;
    padding: 0;
    border-collapse: collapse;

}

table.table_horizontal td {
    border-left: none;
    border-top: 1px solid #b0b0b0;
    padding: 0.2em 1em 0.2em 0.5em;
}

/*custom styles (mystyles.css)*/
p {
    font-size: 1.2em;
}

.redstar {
    font-size: 1.3em;
    color: red;
}

#divfehler {
    padding: 5px 0px 5px 0px;
    text-align: left;
    margin-left: 195px;
}

#divfehler table {
    padding: 5px 0px 5px 0px;
    margin: 0px;
    border: 0px;
    color: red;
    width: 100%;
}

#divfehler tr {
    border: none;
}

#divfehler td {
    border: none;
}

#divfehler_anmeldung {
    padding: 5px 0px 5px 0px;
    text-align: left;
    border: 0px;
}

#divfehler_anmeldung table {
    padding: 5px 0px 5px 0px;
    margin: 0px;
    border: none;
    color: red;
    width: 100%;
}

#divfehler_anmeldung tr {
    border: none;
    font-size: 1.1em;
}

#divfehler_anmeldung td {
    border: none;
    font-size: 1.1em;
}

#trennzeile {
    text-align: center;
    display: block;
    color: #000000;
    text-decoration: none;
    padding: 5px 0px 5px 0px;
    margin: 0px;
    font-size: 1.2em;
    border-bottom: 1px dashed #DCDACC;
    width: 100%;
    line-height: 5px;
}

.versionnr {
    font-size: 1.3em;
}

.trenner {
    background: #ddd;
    font: bold;
    font-size: 1em;
    font-family: Arial, Helvetica, "Sans Serif" !important;
    line-height: 25px;
    text-align: center;
    text-decoration: none;
    border: none;
}

.t_spacer {
    line-height: 1px;
    text-decoration: none;
    border: none;
}

.t_rechts {
    font-family: Arial, Helvetica, "Sans Serif" !important;
    line-height: 15px;
    text-align: left;
    vertical-align: top;
    text-decoration: none;
    border: none;
    padding: 5px 0px 5px 0px;
    width: 190px;
    font-size: 1.2em;
}

.t_rechts_klein {
    font-family: Arial, Helvetica, "Sans Serif" !important;
    line-height: 15px;
    text-align: left;
    vertical-align: top;
    text-decoration: none;
    border: none;
    padding: 5px 0px 5px 0px;
    width: 190px;
    font-size: 2.0em;
}

.t_button {
    border: none;
    padding: 5px 0px 5px 0px;
    text-align: right;
}

.t_links {
    font-family: Arial, Helvetica, "Sans Serif" !important;
    line-height: 15px;
    text-align: left;
    vertical-align: top;
    text-decoration: none;
    border: none;
    padding: 5px 0px 5px 5px;
    font-size: 1.2em;
}

.t_links_klein {
    font-family: Arial, Helvetica, "Sans Serif" !important;
    line-height: 15px;
    text-align: left;
    vertical-align: top;
    text-decoration: none;
    border: none;
    padding: 5px 0px 5px 5px;
    font-size: 1.0em;
}

.t_suchfilter {
    font-family: Arial, Helvetica, "Sans Serif" !important;
    line-height: 15px;
    text-align: left;
    vertical-align: top;
    text-decoration: none;
    border: none;
    padding: 5px 0px 5px 5px;
    font-size: 1em;
}

.t_inline {
    text-align: left;
    vertical-align: top;
    text-decoration: none;
    border: none;
}

.t_line {
    line-height: 1px;
    text-align: left;
    vertical-align: top;
    text-decoration: none;
    border: none;
}

.fehler {
    border: solid 2px #EF341B;
    margin-top: 100px;
    margin-bottom: 100px;
    width: 450px;
    text-align: center;
}

.reiter {
    border: 1px solid #e8e8e8;
    font: 1em arial, sans-serif;
    padding: 0 14px;
    text-decoration: none;
}

.standardTabelle {
    margin-bottom: 1em;
    border: 1px solid #b0b0b0;
    padding: 0;
    border-collapse: collapse;
}

.standardTabelle th a {
    color: #000;
    text-decoration: none;
}

.standardTabelle th {
    border-bottom: 1px solid #b0b0b0;
    border-left: 1px solid #b0b0b0;
    text-align: left;
    height: 20px;
    padding: 0.6em 1em 0.6em 0.5em;
    background-color: #f0f0f0;
    font-size: 1.2em;
}

.standardTabelle td {
    padding: 0.4em 1em 0.4em 0.5em;
    border-left: 1px solid #b0b0b0;
    font-size: 1.2em;
}

.inlineTabelle {
    margin-bottom: 1em;
    border: 1px solid #b0b0b0;
    padding: 0;
    border-collapse: collapse;
    font-size: 0.8em;
}

.inlineTabelle th a {
    color: #000;
    text-decoration: none;
}

.inlineTabelle th {
    border-bottom: 1px solid #b0b0b0;
    border-left: 1px solid #b0b0b0;
    text-align: left;
    height: 20px;
    padding: 0.6em 1em 0.6em 0.5em;
    background-color: #f0f0f0;
    font-size: 1.1em;
}

.inlineTabelle td {
    padding: 0.4em 1em 0.4em 0.5em;
    border-left: 1px solid #b0b0b0;
    font-size: 0.8em;
}

.zusatzinfoTabelle {
    margin-bottom: 1em;
    border: 1px solid #b0b0b0;
    padding: 0;
    border-collapse: collapse;
    font-size: 1.2em;
}

.zusatzinfoTabelle th a {
    color: #000;
    text-decoration: none;
}

.zusatzinfoTabelle th {
    border-bottom: 1px solid #b0b0b0;
    border-left: 1px solid #b0b0b0;
    text-align: left;
    height: 20px;
    padding: 0.6em 1em 0.6em 0.5em;
    background-color: #f0f0f0;
    font-size: 0.8em;
}

.zusatzinfoTabelle td {
    font-family: Arial, Helvetica, "Sans Serif" !important;
    padding: 0.4em 1em 0.4em 0.5em;
    border-left: 1px solid #b0b0b0;
    font-size: 0.9em;
    color: #000;
    line-height: 130%;
}


.tabelle_uebersicht {
    padding: 10px 0 10px 0;
    text-align: left;
    width: 100%;
    border: none;
}

.tabelle_uebersicht td {
    border: none;
    color: #000;
    font-size: 1.2em;
}

.tabelle_uebersicht tr {
    border: none;
}

.tabelle_uebersicht th {
    border: none;
    color: #000;
}

.tabelle_uebersicht_klein {
    padding: 10px 0 10px 0;
    text-align: left;
    width: 100%;
    border: none;
}

.tabelle_uebersicht_klein td {
    border: none;
    color: #000;
    font-size: 1.1em;
}

.tabelle_uebersicht_klein tr {
    border: none;
}

.tabelle_uebersicht_klein th {
    border: none;
    color: #000;
}

.tabelle_uebersicht_anmeldung {
    padding: 10px 0 0 0;
    text-align: left;
    border: none;
}

.tabelle_uebersicht_anmeldung td {
    border: none;
    font-size: 1.2em;
}

.tabelle_uebersicht_anmeldung tr {
    border: none;
}

.tabelle_uebersicht_anmeldung th {
    border: none;
}

.tabelle_inline {
    padding: 0;
    text-align: left;
    border: none;
    margin: 0;
}

.tabelle_inline td {
    border: none;
}

.tabelle_inline input#checkbox, .tabelle_inline td input#radio {
    border: 0px solid #000;
}

.tabelle_uebersicht input#checkbox, .tabelle_uebersicht td input#radio {
    border: 0px solid #000;
}

#anmeldung {
    margin-left: 150px;
    margin-top: 40px;
    margin-bottom: 100px;
}

.letter, .letter_current {
    width: 0.9em;
    text-align: center;
    border: 1px solid gray;
    background: #fff;
    padding: 1px;
    float: left;
    margin: 3px;
    text-decoration: none;
    font-size: 1.2em;
}

.letter_alle, .letter_alle_current {
    width: 2.4em;
    text-align: center;
    border: 1px solid gray;
    background: #fff;
    padding: 1px;
    float: left;
    margin: 3px;
    text-decoration: none;
    font-size: 1.2em;
}

.letter:hover {
    background: #871E32;
    color: #FFF;
}

.letter_alle:hover {
    background: #871E32;
    color: #FFF;
}

#maskentitel {
    text-align: center;
    display: block;
    color: #000000;
    text-decoration: none;
    padding: 5px 2px 5px 2px;
    margin: 0px 0px 10px 0px;
    font-size: 1.2em;
    border-bottom: 1px dashed #DCDACC;
    width: 100%;
}

#zusatzinfoheader {
    position: relative;
    display: block;
    color: #000000;
    text-decoration: none;
    padding: 5px 2px 5px 2px;
    margin: 0px 0px 10px 0px;
    border-bottom: 1px dashed #DCDACC;
    width: 100%;
}

#zusatzinfo_text {
    text-align: center;
    font-size: 1.2em;
}

#zusatzinfo_pfeile {
    position: absolute;
    z-index: 1;
    left: 775px;
    top: -3px;
}

#divbuchstaben {
    padding: 0px 0px 30px 0px;
}

.erste_zeile {
    background-color: #FFFFFF;
    height: 25px;
}

.zweite_zeile {
    background-color: #EEEEEE;
    height: 25px;
}

/* Der Submit-Button soll rechts, aber b�ndig zu den Formularfelrdern sein. */
.theme_content_wide input.btn, .theme_full input.btn {
    background-color: #ccc;
    width: 12em;
}

.theme_content_wide input.btn_anmeldung, .theme_full input.btn_anmeldung {
    background-color: #ccc;
    width: 12em;
}

#buttons {
    border: none;
    float: right;
    padding: 0 0 10px 0;
}

.reiter {
    border: 1px solid #e8e8e8;
    float: left;
    font: 1em arial, sans-serif;
    padding: 0 14px;
    text-decoration: none;
    width: 95%;
}

.navigation_1 {
    background: #FFF url(images/menue_inactive_back.gif) repeat-x left top;
    color: #000;
    float: left;
    padding: 0 14px;
    line-height: 25px;
    text-align: center;
    text-decoration: none;
}

.navigation_2 {
    background: #FFF url(images/menue_active_back.gif) repeat-x left top;
    color: #FFF;
    float: left;
    padding: 0 14px;
    line-height: 25px;
    text-align: center;
    text-decoration: none;
}

.navigation a:hover, .navigation a#active {
    background: #DED9D0 url(images/nav_1.gif) repeat-x left top;
    color: #331;
}

.tabelle_lightbox {
    padding: 10px 0 10px 0;
    border: none;
    font-size: 1.1em;
    width: 100%;
}

.tabelle_lightbox td {
    border: none;
    text-align: center;
    width: 100%;
}

.tabelle_lightbox tr {
    border: none;
}

.tabelle_lightbox th {
    border: none;
}

.jscalendar-WH-title-background-style {
    background-color: #FFFFFF;
}

.bem_text {
    font-family: Arial, Helvetica, "Sans Serif" !important;
    color: #939393;
}

.testsystem {
    color: red;
    font-size: 1.3em;
}

.text_rot_klein {
    color: red;
    font-size: 0.9em;
}

.impressum {
    border: none;
    color: #000;
    font-size: 1.3em;
}

.infostyle {
    text-align: left;
    border: dashed 1px #DCDACC;
    font-size: 1em;
}

.errorstyle {
    text-align: left;
    border: dashed 1px red;
    font-size: 1em;
}

.ui-autocomplete-loading {
    background: white url('images/icon_search.gif') right center no-repeat;
}

.button_unten {
    margin-left: 5px;
}

#wartung {
    font-size: 13px;
    border: 2px solid;
    margin: 10px 0px;
    padding: 15px 10px 15px 50px;
    background-repeat: no-repeat;
    background-position: 10px center;
    background-image: url('../images/warnung.png');
    text-align: center;
    color: red;
}

/*messages (messages.css)*/
.info, .success, .warning, .error, .validation {
    border: 1px solid;
    margin: 0px 0px 15px 0px;
    padding: 15px 10px 15px 50px;
    background-repeat: no-repeat;
    background-position: 10px center;
}

.info {
    color: #00529B;
    background-color: #BDE5F8;
    background-image: url('../images/knobs/info.png');
}

.success {
    color: #4F8A10;
    background-color: #DFF2BF;
    background-image: url('../images/knobs/success.png');
}

.warning {
    color: #9F6000;
    background-color: #FEEFB3;
    background-image: url('../images/knobs/warning.png');
}

.error {
    color: #D8000C;
    background-color: #FFBABA;
    background-image: url('../images/knobs/error.png');
}

div.errorlist ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

/*prcessware.css*/
.pw-suchfilter-button-inline {
    margin-top: 5px;
}

.ui-panel {
    padding: 0;
}

.ui-panel .ui-panel-titlebar-icon, .ui-panel .ui-panel-titlebar-icon:hover, .ui-panel .ui-panel-titlebar-icon:focus {
    margin-left: .2em;
    margin-top: 0.4em;
}

.ui-panel .ui-panel-titlebar {
    padding: .5em 1em .3em;
    height: 3.125em;
    line-height: 34px;
    font-size: 1rem;
}

.ui-widget-header {
    color: #4a4a4a;
    font-weight: normal;
    border: 0px solid #ccc;
}

.ui-datatable thead th, .ui-datatable tfoot td {
    text-align: left;
    font-size: 1rem;
    line-height: 34px;
    color: #4a4a4a;
    height: 3.125em;
    background: #fff;
}

.ui-datatable thead th, .ui-datatable tbody td, .ui-datatable tfoot td, .ui-datatable tfoot th {
    border: 1px #b4b4b4 solid;
}

.ui-state-active thead th {
    background: #fff;
    color: #4a4a4a;
    background-image: url("images/ui-icons_ffffff_256x240.png");
}

.ui-state-active .ui-icon {
    background-image: url("images/ui-icons_666666_256x240.png");
}

.ui-icon.fa {
    text-indent: 0;
}

i {
    padding: 2px 3px 0 0;
    color: #871d33;
}

i.delete {
    color: red;
}

.ui-inputfield, .ui-widget-content .ui-inputfield, .ui-widget-header .ui-inputfield {
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    background-color: #eeeeee;
    border-style: solid;
    border-width: 1px;
    border-color: #c6c6c6;
    box-shadow: none;
    color: #666666;
}

/* line 496, ../bower_components/foundation/scss/foundation/components/_forms.scss */
::-moz-placeholder {
    /* Firefox 19+ */
    color: 777777;
}

/* line 500, ../bower_components/foundation/scss/foundation/components/_forms.scss */
:-ms-input-placeholder {
    color: #777777;
}

.ui-datepicker .ui-datepicker-calendar .ui-state-default {
    color: #777777;
}

.ui-datepicker .ui-datepicker-current-day .ui-state-highlight, .ui-datepicker .ui-datepicker-current-day .ui-state-default {
    background: #777777;
    color: #fff !important;
    font-weight: bold;
    text-shadow: none;
}

.button {
    margin-right: 10px;
}

.button-end {
    margin-right: 0px;
}

.tabelle-unterschrift {
    margin-bottom: 20px;
    margin-top: -20px;
}

table.flurstuecke {
    width: 100%;
    margin-top: 5px;
}

table.flurstuecke tr th, table.flurstuecke tr td {
    color: #222222;
    font-size: 0.875rem;
    padding: 0.5rem 0.9375rem;
    text-align: left;
}

.zusatzinfo .ui-panel-titlebar {
    line-height: 20px;
    height: 34px;
}

.zusatzinfo .ui-panel-titlebar-icon, .zusatzinfo .ui-panel-titlebar-icon:hover, .zusatzinfo .ui-panel-titlebar-icon:focus {
    margin-top: 0px;
}

ul.ui-autocomplete {
    list-style-type: none;
    background: #ffffff;
    width: 200px;
}

ul.ui-autocomplete li {
    padding: 5px;
    font-size: 0.875rem;
    color: #222222;
}

.ui-helper-hidden-accessible {
    display: none;
}

.ui-fileupload-buttonbar {
    padding: .2em 0;
}

.ui-fileupload-content {
    display: none;
}

.upload_dateiname {
    margin-bottom: 10px;
}

.ui-panel-titlebar {
    cursor: pointer;
    cursor: hand;
}

.redstar {
    color: red;
}

/* okey  (okey.css) */
.knotendetails {
    /*display: none;*/
}

.edited {
    color: red;
    font-size: 16px;
}

.edited2 {
    color: red;
    font-size: 16px;
}

.icon-button {
    margin-right: 10px;
}

.icon-button-4 {
    width: 100%;
}

/* The Modal (background) */
.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    padding-top: 250px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0, 0, 0); /* Fallback color */
    background-color: rgba(0, 0, 0, 0.4); /* Black w/ opacity */
}

/* Modal Content */
.modal-content {
    position: relative;
    background-color: #fefefe;
    margin: auto;
    padding: 0;
    border: 1px solid #888;
    width: 60%;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    -webkit-animation-name: animatetop;
    -webkit-animation-duration: 0.4s;
    animation-name: animatetop;
    animation-duration: 0.4s
}

.modal-content-lightbox {
    position: relative;
    background-color: #fefefe;
    margin: auto;
    padding: 0;
    border: 1px solid #888;
    width: 300px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    -webkit-animation-name: animatetop;
    -webkit-animation-duration: 0.4s;
    animation-name: animatetop;
    animation-duration: 0.4s
}

.warten {
    display: none;
    position: fixed;
    z-index: 1000;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: rgba(255, 255, 255, .7) 50% 50% no-repeat;
}

/* When the body has the loading class, we turn
   the scrollbar off with overflow:hidden */
body.loading {
    overflow: hidden;
}

/* Anytime the body has the loading class, our
   modal element will be visible */
body.loading .warten {
    display: block;
}

/* Add Animation */
@-webkit-keyframes animatetop {
    from {
        top: -300px;
        opacity: 0
    }
    to {
        top: 0;
        opacity: 1
    }
}

@keyframes animatetop {
    from {
        top: -300px;
        opacity: 0
    }
    to {
        top: 0;
        opacity: 1
    }
}

/* The Close Button */
.close {
    color: white;
    float: right;
    font-size: 16px;
    font-weight: bold;
}

.close:hover,
.close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
}

.modal-header {
    background: #871d33 url("../images/menu-bg.png") repeat scroll 0 0;
    text-transform: uppercase;
    color: white;
    font-family: Arial, "Helvetica Neue", Helvetica, Roboto, sans-serif;
    font-style: normal;
    font-weight: bold;
    line-height: 1.5;
    padding: 10px;

}

.modal-header .h_2 {
    margin-top: 10px;
    color: white;
    width: 500px;
    font-size: 16px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    zoom: 1;
}

.modal-body {
    padding: 2px 16px;
    margin-top: 20px;
}

.modal-footer {
    padding: 2px 16px;
    background-color: #871d33;
    color: white;
}

.modal-buttons {
    text-align: right;
    margin-right: 10px;
}

.spacer {
    height: 25px;
}

.clearfix:after {
    content: ".";
    clear: both;
    display: block;
    visibility: hidden;
    height: 0px;
}

.thesaurus_ueberschrift {
    font-size: 16px;
    margin-botton: 8px;
    margin-left: 5px;
}

.thesaurus_auswahl {

}

.thesaurus_beschreibung {
    font-size: 14px;
    margin-botton: 8px;
    margin-left: 5px;
}

.rc_spacer {
    height: 10px;
}

.rc_ueberschrift {
    margin-left: 20px;
    font-size: 12px;
}

.rc_titel {
    font-size: 12px;
    margin-left: 5px;
    margin-top: 5px;
}

.referenz_uebersicht {
    display: block;
}

.synonymeintrag {
    /*color: #871d33;
    line-height: inherit;
    text-decoration: underline;*/
}

.ui-menubar-start {
    width: 33% !important;
}

.ui-widget-content.ui-menu-list {
    width: max-content !important;
}