/******************************************************************************/
/********************** Allgemeine Body-Definitionen **************************/
/******************************************************************************/

body, html {
    margin: 0px;
    padding: 0px;
    width: 100%;
    height: 100%;
    background-color: white;
}

/******************************************************************************/
/***************************** Inhaltsbereich *********************************/
/******************************************************************************/


/***** Globale Inhaltstabelle, Grunddefinitionen *****/

.hideEl {
    display     : none;
}

.ask_more_options_24::before {
    content: url(/gfx/icons/more_options_24.png);
    vertical-align:bottom;
}

.ask_more_options_32::before {
    content: url(/gfx/icons/more_options_32.png);
    vertical-align:bottom;
}

.inhalt {
    width: 100%;
    height: 100%;
    font-family: arial, helvetica, sans-serif;
    font-size: 75%;
    color: #666666;
}

.inhalt h1 {
    margin: 0px;
    margin-top: 20px;
    margin-bottom: 5px;
    font-size: 125%;
    padding: 0px;
    color: #666666;
}

.inhalt h2 {
    margin: 0px;
    margin-top: 20px;
    margin-bottom: 5px;
    font-size: 90%;
    padding: 0px;
    color: #666666;
}

.inhalt .infotext {
    color: #999999;
    margin: 0px;
    margin-top: 5px;
}

.inhalt .texttabelle {
    font-family: arial, helvetica, sans-serif;
    font-size: 100%;
    color: #666666;
}

/***** Kopfzeile *****/

.inhalt td.kopfzeile {
    margin: 0px;
    padding: 0px;
    height: 55px;
    background-color: #68D707;
    background-image: url('../gfx/layout/menu_bg.gif');
    background-repeat: repeat-y;
    border-bottom: 0px solid #aaaaaa;
}

.inhalt td.kopfzeile table tr {
    border: 0px solid;
    margin: 0px;
    padding: 0px;
}

.inhalt td.kopfzeile table td {
    border: 0px solid;
    margin: 0px;
    padding: 0px;
}

.inhalt td.kopfzeile .logo {
    border: 0px solid;
    margin: 0px;
    padding: 0px;
    float: left;
    width: 190px;
    vertical-align: top;
}

.inhalt td.kopfzeile .logo img {
    border: 0px solid;
    margin: 0px;
    padding: 0px;
    height: 60px;
    width: 190px;
}

.inhalt td.kopfzeile .karteikarten {
    border: 0px solid;
    margin: 0px;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 10px;
    vertical-align: bottom;
    text-align: left;
    width: 99%;
}

.inhalt td.kopfzeile .karteikarten h1 {
    font-size: 115%;
    color: #fff;
    margin: 0px;
    padding: 0px;
}

.inhalt td.kopfzeile .karteikarten .karteikarte {
    width: 100%;
    margin: 0px;
    padding: 0px;
    background-image: url('../gfx/menu/reiter_mitte.gif');
    float: left;
    height: 26px;
}

.inhalt td.kopfzeile .karteikarten .karteikarte div {
    margin: 0px;
    padding: 0px;
    background-image: url('../gfx/menu/reiter_mitte.gif');
    background-repeat: repeat-x;
    float: left;
    white-space: nowrap;
    height: 26px;
}

.inhalt td.kopfzeile .karteikarte div.aktiv {
    margin: 0px;
    padding-left: 0px;
    background-image: url('../gfx/layout/weis_1x1.gif');
    background-color: white;
    float: left;
    white-space: nowrap;
    height: 26px;
}

.inhalt td.kopfzeile .karteikarten .karteikarte div img {
    border: 0px solid;
    margin: 0px;
    padding: 0px;
}

.inhalt td.kopfzeile .karteikarten .karteikarte div a {
    font-size: 75%;
    color: #336600;
    text-decoration: none;
    font-weight: bold;
    border: 0px solid;
    margin: 0px;
    padding: 0px;
    margin-left: 5px;
    margin-right: 5px;
}

.inhalt td.kopfzeile .karteikarten .karteikarte div.aktiv a {
    font-size: 75%;
    color: #aaaaaa;
    text-decoration: none;
    font-weight: bold;
    border: 0px solid;
    margin: 0px;
    padding: 0px;
    margin-left: 5px;
    margin-right: 5px;
}

.inhalt td.kopfzeile .karteikarten .karteikarte div a:hover {
    color: #68D707;
    text-decoration: underline;
}

/***** Linkes Hautpmenu *****/

.inhalt td.menu {
    width: 190px;
    background-image: url('../gfx/layout/menu_bg.gif');
    background-repeat: repeat-y;
    vertical-align: top;
}

.inhalt td.menu .aktiv {
    background-color: #eeeeee;
}

.inhalt td.menu #link {
    margin-left: 0px;
    text-decoration: none;
}

.inhalt td.menu #link img {
    vertical-align: middle;
    border: 0px;
}


.inhalt td.menu ul {
    padding-left: 0;
    margin-left: 0;
    width: 189px;
    border-top: 1px solid #CCCCCC;
    clear: both;
}

.inhalt td.menu ul li {
    list-style: none;
    margin: 0px;
    padding: 0px;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #CCCCCC;
    height: 40px;
}

.inhalt td.menu ul li a {
    font-size: 100%;
    text-decoration: none;
    width: 100%;
    height: 100%;
    display: block;
    color: #666666;
    padding-top: 0px;
    padding-left: 0px;
    white-space: nowrap;
}

.inhalt td.menu ul li a:hover {
    background-color: #eeeeee;
}

.inhalt td.menu ul li a img {
    padding-left: 0px;
    /*    display             : block; */
    display: inline;
    width: 35px;
    height: 35px;
    border: 0px solid;
    margin-right: 5px;
    /*    float               : left; */
    margin-top: 0px;
    vertical-align: middle;
}

.inhalt td.menu2 {
    width: 190px;
    background-image: url('../gfx/layout/menu_bg.gif');
    background-repeat: repeat-y;
    vertical-align: top;
}

.inhalt td.menu2 .aktiv {
    background-color: #eeeeee;
}

.inhalt td.menu2 a {
    font-size: 100%;
    text-decoration: none;
    width: 100%;
    display: block;
    color: #666666;
    padding-top: 0px;
    padding-left: 0px;
}

.inhalt td.menu2 a:hover {
    background-color: #eeeeee;
}

.inhalt td.menu2 a img {
    padding-left: 10px;
    display: block;
    width: 35px;
    height: 35px;
    border: 0px solid;
    margin-right: 5px;
    float: left;
    margin-top: 0px;
}

#commentLink a:link,
#commentLink a:visited {
    text-decoration: none;
    color: #336600;
}

#commentLink a:hover {
    text-decoration: underline;
}


/***** Inhaltsbereich *****/

.inhalt .infos {
    width: 100%;
    text-align: left;
    vertical-align: top;
    margin-top: 30px;
}

.inhalt .pollinfos {
    width: 50%;
    text-align: left;
    vertical-align: top;
    margin-top: 30px;
}

.infocontainer1 {
    width: 90%;
    padding: 10px;
    border-bottom: 1px solid #CCCCCC;

}

.infocontainer2 {
    width: 98%;
    padding: 10px;
    border-top: 1px solid #CCCCCC;
    border-right: 1px solid #CCCCCC;
    border-left: 1px solid #CCCCCC;
    background-color: #F5F3F3;
}

.infocontainer2 h2 {
    color: #336600;
}

.infocontainer3 {
    padding: 10px;
    border-top: 1px solid #CCCCCC;
    border-bottom: 1px solid #CCCCCC;
    border-right: 1px solid #CCCCCC;
    border-left: 1px solid #CCCCCC;
    background-color: #F5F3F3;
}

.inhalt .content {
    margin-left: 20px;
    margin-right: 20px;
    margin-bottom: 20px;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 20px;
    vertical-align: top;
    border: 0px solid;
    width: 100%;
}

.inhalt .content .infotext {
    color: #999999;
    margin: 0px;
    margin-top: 5px;
}

.inhalt .content .textareafull {
    width: 100%;
    height: 40px;
    font-size: 100%;
    font-family: arial, helvetica, sans-serif;
    padding: 2px;
    border: 1px solid #CCCCCC;
}

.inhalt .content .textareafull20 {
    width: 100%;
    height: 20px;
    font-size: 100%;
    font-family: arial, helvetica, sans-serif;
    padding: 2px;
    border: 1px solid #CCCCCC;
}

.inhalt .content .textareafull400 {
    width: 100%;
    height: 400px;
    font-size: 100%;
    font-family: arial, helvetica, sans-serif;
    padding: 2px;
    border: 1px solid #CCCCCC;
}

.inhalt .content .textareafull300 {
    width: 100%;
    height: 300px;
    font-size: 100%;
    font-family: arial, helvetica, sans-serif;
    padding: 2px;
    border: 1px solid #CCCCCC;
}

.inhalt .content .textareafull150 {
    width: 100%;
    height: 150px;
    font-size: 100%;
    font-family: arial, helvetica, sans-serif;
    padding: 2px;
    border: 1px solid #CCCCCC;
}

.inhalt .content p {
    font-size: 75%;
    margin: 0px;
    padding: 0px;
    color: #666666;
}

.inhalt .content p a:link {
    color: #336600;
    font-weight: bold;
    text-decoration: none;
}

.inhalt .content p a:visited {
    color: #336600;
    font-weight: bold;
    text-decoration: none;
}

.inhalt .content p a:hover {
    color: #336600;
    font-weight: bold;
    text-decoration: underline;
}

.inhalt .content p a:active {
    color: #336600;
    font-weight: bold;
    text-decoration: none;
}


.inhalt .content p a img {
    border: 0px solid;
    vertical-align: middle;
}


/*
.inhalt .content h1 {
    font-size           : 125%;
    margin              : 0px;
    padding             : 0px;
    color               : #666666;
}
*/

.inhalt .content h1 {
    font-size: 125%;
    margin: 0px;
    margin-top: 20px;
    margin-bottom: 2px;
    padding: 0px;
    color: #666666;
}

.inhalt .content h2 {
    font-size: 90%;
    margin-top: 5px;
    margin-bottom: 5px;
    padding: 0px;
    color: #666666;
}

.inhalt .content h3 {
    font-size: 80%;
    padding: 0px;
    color: #666666;
    margin: 0px;
}

.inhalt .content h4 {
    font-size: 125%;
    margin: 0px;
    margin-top: 2px;
    margin-bottom: 2px;
    padding: 0px;
    color: #666666;
}

.inhalt .content #workflow {
    margin-top: 5px;
    margin-bottom: 15px;
}

.inhalt .content #workflow a {
    color: #336600;
    text-decoration: none;
    margin-right: 10px;
}

.inhalt .content #workflow a:hover {
    text-decoration: underline;
}

.inhalt .content #link {
    margin-top: 5px;
    margin-bottom: 5px;
}

.inhalt .content #link .forward {
    padding-bottom: 2px;
    padding-left: 12px;
    background-image: url('/gfx/content/forward_small.gif');
    background-position: 0px;
    background-repeat: no-repeat;
}

.inhalt .content #link a {
    color: #336600;
    text-decoration: none;
    margin-right: 10px;
}

.inhalt .content #link .forward_inactive {
    padding-bottom: 2px;
    padding-left: 12px;
    background-image: url('/gfx/content/forward_small.gif');
    background-position: 0px;
    background-repeat: no-repeat;
    color: #666666;
}

.inhalt .content #link a:hover {
    text-decoration: underline;
}


.inhalt .content #link img {
    vertical-align: middle;
    /*width               : 25px;*/
    /*height              : 25px;*/
    border: 0px;
}

.inhalt .content #properties {
    margin-top: 5px;
    margin-bottom: 5px;
}

.inhalt .content #properties div {
    padding: 3px;
    vertical-align: middle;
    margin-right: 5px;
    margin-bottom: 2px;
    border: 1px solid #EFEDED;
    float: left;
    background-color: #FAFAFA;
}

.inhalt .content #properties div select {
    border: 1px solid #EFEDED;
    font-size: 80%;
    color: #666666;
    vertical-align: middle;
}

.inhalt .content #properties #vorschau {
    background-color: white;
    border: 0px;
    padding: 3px;
    float: right;
}

.inhalt .content #properties #vorschau a {
    color: #336600;
    text-decoration: none;
}

.inhalt .content #properties #vorschau a:hover {
    text-decoration: underline;
}

.inhalt .content #properties #vorschau img {
    vertical-align: middle;
    /*    width               : 20px;  */
    /*    height              : 20px;  */
    border: 0px;
}

.inhalt .content #properties #link {
    background-color: red;
    border: 0px;
    padding: 3px;
    float: left;
}

.inhalt .content #properties #link {
    background-color: white;
    border: 0px;
    padding: 3px;
    float: left;
}

.inhalt .content #properties #link div {
    /*background-color    : whitegreen;*/
    border: 0px;
    padding: 3px;
    float: left;
    font-size: 75%;
}

.inhalt .content #properties #link a {
    color: #336600;
    text-decoration: none;
}

.inhalt .content #properties #link a:hover {
    text-decoration: underline;
}

.inhalt .content #properties #link img {
    vertical-align: middle;
    /*    width               : 25px;  */
    /*    height              : 25px; */
    border: 0px;
}

.inhalt .content .error {
    color: #E85556;
    /*float               : top;*/
}

.inhalt .content .errorStartpage {
    color: #E85556;
    font-size: 80%;
    padding: 0px;
    margin: 0px;
}

.inhalt iframe {
    clear: both;
    border: 1px solid #CCCCCC;
    width: 100%;
    height: 75%;
}

.inhalt .error {
    color: #E85556;
    /*float               : top;*/
}

.inhalt .notice {
    font-size: 80%;
}

.listentabelle {
    /*width               : 100%;*/
    font-size: 100%;
    border-left: 1px solid #CCCCCC;
    border-top: 1px solid #CCCCCC;
    empty-cells: show;
}


.listentabellenoborder {
    font-size: 100%;
    border: 1px;
    empty-cells: show;
}

.listentabelle a {
    color: #336600;
    text-decoration: none;
}

.listentabelle a:hover {
    color: #336600;
    text-decoration: underline;
}

.listentabelle a.hidden {
    color: #336600;
    text-decoration: none;
    display: none;
}

.listentabelle a.hidden:hover {
    color: #336600;
    text-decoration: underline;
    display: none;
}

.listentabelle tr.a {
    background-color: #fff;
    empty-cells: show;
}

.listentabelle tr.b {
    background-color: #FAFAFA;
    empty-cells: show;
}

.listentabelle tr.bhidden {
    background-color: #FAFAFA;
    display: none;
}

.listentabelle tr.c {
    background-color: #F5F3F3;
    empty-cells: show;
}

.listentabelle th {
    padding: 3px;
    background-color: #F5F3F3;
    border-right: 1px solid #CCCCCC;
    border-bottom: 1px solid #CCCCCC;
    color: #336600;
    text-align: left;
}

.listentabelle th.sort {
    padding: 3px;
    background-color: #DEDEDE;
    border-right: 1px solid #CCCCCC;
    border-bottom: 1px solid #CCCCCC;
    color: #336600;
    text-align: left;
}

.listentabelle th.center {
    padding: 3px;
    background-color: #F5F3F3;
    border-right: 1px solid #CCCCCC;
    border-bottom: 1px solid #CCCCCC;
    color: #336600;
    text-align: center;
}

.listentabelle td {
    padding: 3px;
    border-right: 1px solid #CCCCCC;
    border-bottom: 1px solid #CCCCCC;
    vertical-align: middle;
    color: #666666;
}

.listentabellenoborder td {
    padding: 3px;
    vertical-align: middle;
    color: #666666;
}

.listentabelle td .nopadding {
    padding: 0px;
    border: 0px;
}

.listentabelle td .bildeinfuegen {
    text-decoration: none;
    display: block;
    color: #336600;
    vertical-align: middle;
}

.listentabelle td .bildeinfuegenhidden {
    text-decoration: none;
    display: none;
    color: #336600;
    vertical-align: middle;
}

.listentabelle td .bildeinfuegen:hover {
    text-decoration: underline;
}

.listentabelle td .bildeinfuegen img {
    border: 0px;
    vertical-align: middle;
    margin-right: 3px;
}

.listentabelle td.button {
    padding-left: 10px;
    padding-right: 10px;
}

.listentabelle td.noright {
    padding: 3px;
    border-right: 0px;
    border-bottom: 1px solid #CCCCCC;
    color: #666666;
}


.listentabelle td.nummer {
    padding: 3px;
    padding-top: 8px;
    border-right: 1px solid #CCCCCC;
    border-bottom: 1px solid #CCCCCC;
    color: #666666;
    font-weight: bold;
    vertical-align: top;
}

.listentabelle td.nummernoright {
    padding: 3px;
    border-right: 0px;
    border-bottom: 1px solid #CCCCCC;
    color: #666666;
    font-weight: bold;
}

.listentabelle td.noborderright {
    padding: 3px;
    border-right: 0px solid #CCCCCC;
    color: #666666;
}

.listentabelle td.noborderbottom {
    padding: 3px;
    border-bottom: 0px solid #CCCCCC;
    color: #666666;
}

.listentabelle td.noborderrightbottom {
    padding: 3px;
    border-right: 0px solid #CCCCCC;
    border-bottom: 0px solid #CCCCCC;
    color: #666666;
}

.listentabelle td.noborder {
    padding: 0px;
    border: 0px solid #CCCCCC;
    color: #666666;
}

/*
.listentabelle td.button a{
    display             : block;
    width               : 100%;
    height              : 100%;
    margin-left         : 10px;
    margin-right        : 10px;
}
*/

.listentabelle td.button a img {
    border: 0px solid;
    vertical-align: middle;
}


.listentabelle td.error {
    color: #FF0000;
    /*float               : top;*/
}


.listentabelle td.head {
    color: #336600;
    font-weight: bold;
}

.listentabelle td.head_error {
    color: #FF0000;
    font-weight: bold;
}

.listentabelle td.head_small {
    color: #336600;
    font-weight: bold;
    font-size: 90%;
}

.listentabelle td.head_small_error {
    color: #FF0000;
    font-weight: bold;
    font-size: 90%;
}

.listentabelle td.response {
    color: #009900;
    /*float               : top;*/
}

.listentabelle td.w100 {
    padding: 2px;
    border-right: 1px solid #CCCCCC;
    border-bottom: 1px solid #CCCCCC;
    color: #666666;
    width: 100px;
}

.listentabelle td.w540 {
    padding: 2px;
    border-right: 1px solid #CCCCCC;
    border-bottom: 1px solid #CCCCCC;
    color: #666666;
    width: 540px;
}

.listentabelle .aktion {
    font-size: 100%;
    height: 18px;
    vertical-align: middle;
    font-family: arial, helvetica, sans-serif;
}

.listentabelle .aktion170 {
    font-size: 100%;
    height: 18px;
    vertical-align: middle;
    font-family: arial, helvetica, sans-serif;
    width: 170px;
}

.listentabelle .aktion100 {
    font-size: 100%;
    width: 100px;
    height: 18px;
    vertical-align: middle;
    font-family: arial, helvetica, sans-serif;
}

.listentabelle .aktion120 {
    font-size: 100%;
    width: 120px;
    height: 18px;
    vertical-align: middle;
    font-family: arial, helvetica, sans-serif;
}

/*
.listentabelle .eingabefeldFull {
	height				: 20px;
	width				: 100%;
	margin				: 0px;
	vertical-align		: middle;
	font-size			: 100%;
	font-family			: arial, helvetica, sans-serif;
	border				: 1px solid #cccccc;
	padding				: 2px;
}
*/
.listentabelle .eingabefeldFull {
    height: 20px;
    width: 100%;
    border: 1px solid #cccccc;
    font-family: arial, helvetica, sans-serif;
    font-size: 100%;
}

.listentabelle .eingabefeldVar {
    height: 20px;
    width:90%;           /* fallback ie11 et al */
    width: var(--fwidth);
    border: 1px solid #cccccc;
    font-family: arial, helvetica, sans-serif;
    font-size: 100%;
}

.listentabelle .eingabefeld25 {
    height: 20px;
    width: 25px;
    margin: 0px;
    vertical-align: middle;
    font-size: 100%;
    font-family: arial, helvetica, sans-serif;
    border: 1px solid #cccccc;
    padding: 2px;
}

.listentabelle .eingabefeld30 {
    height: 20px;
    width: 30px;
    margin: 0px;
    vertical-align: middle;
    font-size: 100%;
    font-family: arial, helvetica, sans-serif;
    border: 1px solid #cccccc;
    padding: 2px;
}

.listentabelle .eingabefeld45 {
    height: 20px;
    width: 45px;
    margin: 0px;
    vertical-align: middle;
    font-size: 100%;
    font-family: arial, helvetica, sans-serif;
    border: 1px solid #cccccc;
    padding: 2px;
}

/*
.listentabelle .eingabefeld80 {
	height				: 20px;
	width				: 80px;
	margin				: 0px;
	vertical-align		: middle;
	font-size			: 100%;
	font-family			: arial, helvetica, sans-serif;
	border				: 1px solid #cccccc;
	padding				: 2px;
}
*/

.listentabelle .eingabefeld20 {
    height: 20px;
    width: 20px;
    border: 1px solid #cccccc;
    font-family: arial, helvetica, sans-serif;
    font-size: 100%;
}

.listentabelle .eingabefeld60 {
    height: 20px;
    width: 60px;
    border: 1px solid #cccccc;
    font-family: arial, helvetica, sans-serif;
    font-size: 100%;
}

.listentabelle .eingabefeld70 {
    height: 20px;
    width: 70px;
    border: 1px solid #cccccc;
    font-family: arial, helvetica, sans-serif;
    font-size: 100%;
}

.listentabelle .eingabefeld80 {
    height: 20px;
    width: 80px;
    border: 1px solid #cccccc;
    font-family: arial, helvetica, sans-serif;
    font-size: 100%;
}

.listentabelle .eingabefeld100 {
    height: 20px;
    width: 100px;
    margin: 0px;
    vertical-align: middle;
    font-size: 100%;
    font-family: arial, helvetica, sans-serif;
    border: 1px solid #cccccc;
    padding: 2px;
}

.listentabelle .dyneingabefeld100 {
    height: 20px;
    min-width: 100px;
    width: 95%;
    margin: 0px;
    vertical-align: middle;
    font-size: 100%;
    font-family: arial, helvetica, sans-serif;
    border: 1px solid #cccccc;
    padding: 2px;
}

.listentabelle .eingabefeld120 {
    height: 20px;
    width: 120px;
    margin: 0px;
    vertical-align: middle;
    font-size: 100%;
    font-family: arial, helvetica, sans-serif;
    border: 1px solid #cccccc;
    padding: 2px;
}

.listentabelle .eingabefeld150 {
    height: 20px;
    width: 150px;
    margin: 0px;
    vertical-align: middle;
    font-size: 100%;
    font-family: arial, helvetica, sans-serif;
    border: 1px solid #cccccc;
    padding: 2px;
}

.listentabelle .eingabefeld200 {
    height: 20px;
    width: 200px;
    margin: 0px;
    vertical-align: middle;
    font-size: 100%;
    font-family: arial, helvetica, sans-serif;
    border: 1px solid #cccccc;
    padding: 2px;
}

.listentabelle .eingabefeld300 {
    height: 20px;
    width: 300px;
    margin: 0px;
    vertical-align: middle;
    font-size: 100%;
    font-family: arial, helvetica, sans-serif;
    border: 1px solid #cccccc;
    padding: 2px;
}

.listentabelle .eingabefeld400 {
    height: 20px;
    width: 400px;
    margin: 0px;
    vertical-align: middle;
    font-size: 100%;
    font-family: arial, helvetica, sans-serif;
    border: 1px solid #cccccc;
    padding: 2px;
}

.listentabelle .eingabefeld400m {
    height: 100px;
    width: 400px;
    margin: 0px;
    vertical-align: middle;
    font-size: 100%;
    font-family: arial, helvetica, sans-serif;
    border: 1px solid #cccccc;
    padding: 2px;
}

.listentabelle .eingabefeld450 {
    height: 20px;
    width: 450px;
    margin: 0px;
    vertical-align: middle;
    font-size: 100%;
    font-family: arial, helvetica, sans-serif;
    border: 1px solid #cccccc;
    padding: 2px;
}

.listentabelle .eingabefeld500 {
    height: 20px;
    width: 500px;
    margin: 0px;
    vertical-align: middle;
    font-size: 100%;
    font-family: arial, helvetica, sans-serif;
    border: 1px solid #cccccc;
    padding: 2px;
}

.listentabelle .eingabefeld520 {
    height: 20px;
    width: 520px;
    margin: 0px;
    vertical-align: middle;
    font-size: 100%;
    font-family: arial, helvetica, sans-serif;
    border: 1px solid #cccccc;
    padding: 2px;
}

.listentabelle .eingabefeld640 {
    height: 20px;
    width: 642px;
    margin: 0px;
    vertical-align: middle;
    font-size: 100%;
    font-family: arial, helvetica, sans-serif;
    border: 1px solid #cccccc;
    padding: 2px;
}

.listentabelle .textearea400 {
    height: 100px;
    width: 400px;
    margin: 0px;
    vertical-align: middle;
    font-size: 100%;
    font-family: arial, helvetica, sans-serif;
    border: 1px solid #cccccc;
    padding: 2px;
}

.listentabelle .textearea450 {
    height: 100px;
    width: 450px;
    margin: 0px;
    vertical-align: middle;
    font-size: 100%;
    font-family: arial, helvetica, sans-serif;
    border: 1px solid #cccccc;
    padding: 2px;
}

.listentabelle .textearea500 {
    height: 100px;
    width: 500px;
    margin: 0px;
    vertical-align: middle;
    font-size: 100%;
    font-family: arial, helvetica, sans-serif;
    border: 1px solid #cccccc;
    padding: 2px;
}

.listentabelle .textearea520 {
    height: 100px;
    width: 520px;
    margin: 0px;
    vertical-align: middle;
    font-size: 100%;
    font-family: arial, helvetica, sans-serif;
    border: 1px solid #cccccc;
    padding: 2px;
}

.listentabelle .textearea640 {
    height: 75px;
    width: 640px;
    margin: 0px;
    vertical-align: middle;
    font-size: 100%;
    font-family: arial, helvetica, sans-serif;
    border: 1px solid #cccccc;
    padding: 2px;
}

.listentabelle .texteareaFull {
    height: 100px;
    width: 100%;
    margin: 0px;
    vertical-align: middle;
    font-size: 100%;
    font-family: arial, helvetica, sans-serif;
    border: 1px solid #cccccc;
    padding: 2px;
}

.listentabelle .textareaVar {
    min-height: var(--fheight);
    max-height: 50vh;
    width: 90%;
    width: var(--fwidth);
    font-size: 1em;
    font-family: arial, helvetica, sans-serif;
    border: 1px solid #cccccc;
    padding: 0;
    margin: 0;
}

/* Tabelle für vertikale Balken */
.listentabelle table.scalar {

    background-color: #FFFFFF;
    border: 1px solid #CCCCCC;
    margin: 0px;
    padding: 0px;
    border-spacing: 0px;
    border-collapse: collapse;
    empty-cells: show;
    text-align: center;
}

.listentabelle table.scalar td {
    padding: 0px;
    margin: 0px;
    border-spacing: 0px;
    border: 0px solid;
    max-width: 300px;
}

.listentabelle table.scalar td img {
    max-width: 255px;
}

.listentabelle .eingabefeld520hidden {
    height: 20px;
    width: 520px;
    margin: 0px;
    vertical-align: middle;
    font-size: 100%;
    font-family: arial, helvetica, sans-serif;
    border: 1px solid #cccccc;
    display: none;
    padding: 2px;
}

.listentabellecontent {
    font-size: 100%;
    border-left: 0px solid #CCCCCC;
    border-top: 0px solid #CCCCCC;
}

.listentabellecontent td {
    padding: 3px;
    padding: 0px;
    border-right: 0px solid #CCCCCC;
    border-bottom: 0px solid #CCCCCC;
    color: #666666;
}

.listentabellecontent td.button {
    padding-left: 10px;
    padding-right: 10px;

}

.listentabellecontent td.button a img {
    border: 0px solid;
    vertical-align: middle;
}

.listentabellecontent a {
    color: #336600;
    text-decoration: none;
}

.listentabellecontent a:hover {
    color: #336600;
    text-decoration: underline;
}

.listentabellecontent a.hidden {
    color: #336600;
    text-decoration: none;
    display: none;
}

.listentabellecontent a.hidden:hover {
    color: #336600;
    text-decoration: underline;
    display: none;
}

.inhalt .textarea520 {
    width: 520px;
    height: 40px;
    font-size: 100%;
    font-family: arial, helvetica, sans-serif;
    border: 1px solid #CCCCCC;
    padding: 2px;
}

.inhalt .previewcover {
    width: 640;
}


/*** Zusatz für die Home/Starte Seite ****/

.inhalt .content .boxed {
    border-top: 1px solid #CCCCCC;
    border-bottom: 1px solid #CCCCCC;
    border-left: 1px solid #CCCCCC;
    border-right: 1px solid #CCCCCC;
    background-color: #F5F3F3;
}

.inhalt .content .boxedStartpage {
    border-top: 1px solid #CCCCCC;
    border-bottom: 3px solid #CCCCCC;
    border-left: 1px solid #CCCCCC;
    border-right: 3px solid #CCCCCC;
    background-color: #F5F3F3;
}

.inhalt .content .horizontalLines {
    border-top: 1px solid #CCCCCC;
    border-bottom: 1px solid #CCCCCC;
}

.inhalt .content .verticalLines {
    border-left: 1px solid #CCCCCC;
    border-right: 1px solid #CCCCCC;
}

.inhalt .content .horizotalLineBottom {
    border-bottom: 1px solid #CCCCCC;
}

.inhalt .content .horizotalLineTop {
    border-top: 1px solid #CCCCCC;
}

.inhalt .content .highlighted {
    background-color: #F5F3F3;
}


/*** Zusatz für die Fragebogeneditor Seite ****/

.inhalt .content #designBarLinks {
    min-height: 15px;
    height: auto !important;
    height: 27px;
    vertical-align: middle;
}

.inhalt .content #designBarLinks a:link {
    color: #336600;
    font-weight: normal;
    text-decoration: none;
}

.inhalt .content #designBarLinks a:visited {
    color: #336600;
    font-weight: normal;
    text-decoration: none;
}

.inhalt .content #designBarLinks a:hover {
    color: #336600;
    font-weight: normal;
    text-decoration: underline;
}

.inhalt .content #designBarLinks a:active {
    color: #336600;
    font-weight: normal;
    text-decoration: none;
}


/*** Zusatz für den Mediabrowser ***/

.inhalt .imagebox {
    padding: 10px;
    border-top: 1px solid #CCCCCC;
    border-bottom: 1px solid #CCCCCC;
    border-right: 1px solid #CCCCCC;
    border-left: 1px solid #CCCCCC;
    background-color: #FAFAFA;
}


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


.footer {
    padding: 5px;
    margin-top: 10px;
    border-top: 1px solid #CCCCCC;
    text-align: left;
    font-size: 120%;
}

.leertabelle {
    width: 90%;
    font-size: 90%;
    border-left: 1px solid #FF00FF;
    border-top: 1px solid #FF00FF;
}

/***** Input Felder *****/


.textinputpflicht {
    width: 250px;
    border: 1px solid #cccccc;
    background-color: #eeeeee;
    font-size: 100%;
    padding: 2px;
}

.plzinputpflicht {
    width: 45px;
    border: 1px solid #cccccc;
    background-color: #eeeeee;
    font-size: 100%;
    padding: 2px;
    margin-right: 5px;
}

.ortinputpflicht {
    width: 200px;
    border: 1px solid #cccccc;
    background-color: #eeeeee;
    font-size: 100%;
    padding: 2px;
}

.textinput {
    width: 250px;
    border: 1px solid #cccccc;
    background-color: #ffffff;
    font-size: 100%;
    padding: 2px;
}

select {
    font-size: 100%;
}

select.pflicht {
    font-size: 100%;
    background-color: #eeeeee;
}

/******************************************************************************/
/******************** Styles für die Online-Auswertung ************************/
/******************************************************************************/
a.hyperlink {
    font-size: 130%;
    /*color		: #336600;
    text-decoration	: none;
    font-weight		: bold;
    border		: 0px solid;*/
}


/******************************************************************************/
/********************** Ende Styles Online-Auswertung *************************/
/******************************************************************************/
td.errorMessage {
    font-family: arial, helvetica, sans-serif;
    font-size: 100%;
    font-weight: bold;
    color: red;
    text-align: left;
    width: 43%;

}

td.showaddress_bold {

    font-family: arial, helvetica, sans-serif;
    font-size: 100%;
    font-weight: bold;
    color: #666666;
    text-align: right;
}

td.showaddress {

    font-family: arial, helvetica, sans-serif;
    font-size: 110%;
    color: #666666;
    text-align: left;
    padding-left: 8px;
}

td.address_bold {

    font-family: arial, helvetica, sans-serif;
    font-size: 100%;
    font-weight: bold;
    color: #666666;
    text-align: right;
    padding-left: 3px;
    padding-right: 8px;
    width: 246px;
}

td.pwd_bold {

    font-family: arial, helvetica, sans-serif;
    font-size: 75%;
    font-weight: bold;
    color: #666666;
    text-align: left;
    padding-left: 3px;
    padding-right: 8px;
    width: 246px;
}

div.SuccessMessage {
    font-family: arial, helvetica, sans-serif;
    font-size: 90%;
    padding-top: 33px;
    padding-bottom: 23px;
    font-weight: bolder;
    width: 330px;
    color: #65D600;
}

td.footerInvoice {

    font-family: arial, helvetica, sans-serif;
    font-size: 60%;
    color: #666666;
    vertical-align: top;
}

tr.space {
    height: 20px;
    vertical-align: top;
}

td.header_shutdown {

    font-family: arial, helvetica, sans-serif;
    font-size: 80%;
    font-weight: bold;
    width: 80%;
    height: 25px;
    color: #666666;
    vertical-align: top;
}

td.header_shutdown2 {

    font-family: arial, helvetica, sans-serif;
    font-size: 80%;
    font-weight: bold;
    height: 25px;
    color: #666666;
    vertical-align: top;
}

td.normal_tariff {

    font-family: arial, helvetica, sans-serif;
    font-size: 75%;
    width: 20%;
    height: 25px;
    color: #666666;
    vertical-align: top;
}

td.bold_tariff {

    font-family: arial, helvetica, sans-serif;
    font-size: 75%;
    font-weight: bold;
    width: 20%;
    height: 25px;
    color: #666666;
    vertical-align: top;
}

th.header_invoice {

    font-family: arial, helvetica, sans-serif;
    font-size: 75%;
    font-weight: normal;
    color: #666666;
    vertical-align: top;
    text-align: right;
}

th.header_invoice_left {

    font-family: arial, helvetica, sans-serif;
    font-size: 75%;
    font-weight: normal;
    color: #666666;
    vertical-align: top;
    text-align: left;
}

td.invoice {

    font-family: arial, helvetica, sans-serif;
    font-size: 75%;
    font-weight: normal;
    color: #666666;
    text-align: right;
    vertical-align: top;
}

td.invoice_left {
    font-family: arial, helvetica, sans-serif;
    font-size: 75%;
    font-weight: normal;
    color: #666666;
    text-align: left;
    vertical-align: top;
}

td.normal_shutdown {

    font-family: arial, helvetica, sans-serif;
    font-size: 75%;
    width: 800px;
    height: 25px;
    color: #666666;
    vertical-align: top;
}


td.normal_shutdown_small {

    font-family: arial, helvetica, sans-serif;
    font-size: 75%;
    width: 800px;
    height: 10px;
    color: #666666;
    vertical-align: top;
}

td.standard {

    font-family: arial, helvetica, sans-serif;
    font-size: 75%;
    height: 25px;
    color: #666666;

}

tr.standard_small {

    font-family: arial, helvetica, sans-serif;
    font-size: 75%;
    height: 10px;
    color: #666666;
}

td.normal_tariff {

    font-family: arial, helvetica, sans-serif;
    font-size: 75%;
    width: 50%;
    height: 25px;
    color: #666666;
    vertical-align: top;
}

hr.signature {
    border: 1px solid #666666;
    width: 300px;
    text-align: left;
    margin-left: 0;
    text-align: left;
}

span.invoiceline {
    border: 1px solid #666666;
    width: 100%;
    margin-left: 0;
    text-align: left;
}


table.readonly {
    font-family: arial, helvetica, sans-serif;
    font-size: 90%;
    color: #666666;
    width: 100%;
    text-align: left;
}

input.customer {

    font-family: arial, helvetica, sans-serif;
    font-size: 100%;
    padding-left: 5px;
    color: #666666;
    border-color: #666666;
    border-style: solid;
    background-color: white;
}


select.customer {

    font-family: arial, helvetica, sans-serif;
    font-size: 100%;
    padding-left: 5px;
    color: #666666;
    width: 207px;
    border-color: #666666;
    border-style: solid;
    background-color: white;
}

select.customer_small {

    font-family: arial, helvetica, sans-serif;
    font-size: 100%;
    padding-left: 5px;
    color: #666666;
    width: 102px;
    border-color: #666666;
    border-style: solid;
    background-color: white;
}

input.readonly {
    font-family: arial, helvetica, sans-serif;
    font-size: 100%;
    color: #666666;
    width: 250px;
    border-color: white;
    border-style: solid;
    background-color: white;

}

div.printButton {
    display: block;
}

/******************************************************************************/
/****************** Styles für die Navigation von Listen **********************/
/******************************************************************************/

table.navigation {
    font-size: 90%;
    border-left: 0px;
    border-right: 0px;
    border-top: 0px;
    border-bottom: 0px;
}

/******************************************************************************/
/************************** Ende Styles Navigation ****************************/
/******************************************************************************/


/*****************************************************************************/
/*************** neuer Navigator *********************************************/
/*****************************************************************************/
.inhalt .navbar {
    height: 21px;
    background-repeat: repeat-x;
    font-family: arial, helvetica;
    border-bottom: 1px solid #CCCCCC;
    vertical-align: middle;
}


.inhalt .navbar a {
    padding-left: 20px;
    padding-right: 10px;
    margin-left: 4px;
    margin-top: 3px;
    text-decoration: none;
    color: #336600;
}

.inhalt .navbar a:hover {
    background-color: #E5E5E5;
    text-decoration: underline;
}

.inhalt .navbar .back {
    float: left;
    margin-left: 0px;
    background-image: url('/gfx/editor/back.gif');
    background-position: 3px;
    background-repeat: no-repeat;
}

.inhalt .navbar .backgrey {
    float: left;
    margin-left: 0px;
    background-image: url('/gfx/editor/back_grey.gif');
    background-position: 3px;
    background-repeat: no-repeat;
    color: #CCCCCC;
}

.inhalt .navbar .save {
    background-image: url('/gfx/editor/save.gif');
    background-position: 3px;
    background-repeat: no-repeat;
    float: left;
}

.inhalt .navbar .reload {
    background-image: url('/gfx/icons/arrow_refresh.png');
    background-position: 3px;
    background-repeat: no-repeat;
    float: left;
}

.inhalt .navbar .savegrey {
    background-image: url('/gfx/editor/save_grey.gif');
    background-position: 3px;
    background-repeat: no-repeat;
    float: left;
    color: #CCCCCC;
}

.inhalt .navbar .reset {
    background-image: url('/gfx/editor/reset.gif');
    background-position: 3px;
    background-repeat: no-repeat;
    float: left;
}

.inhalt .navbar .preview {
    background-image: url('/gfx/editor/preview.gif');
    background-position: 3px;
    background-repeat: no-repeat;
    float: left;
}

.inhalt .navbar .previewgrey {
    background-image: url('/gfx/editor/preview_grey.gif');
    background-position: 3px;
    background-repeat: no-repeat;
    float: left;
    color: #CCCCCC;
}

.inhalt .navbar .cancel {
    background-image: url('/gfx/questionnaire/cancel.gif');
    background-position: 3px;
    background-repeat: no-repeat;
    float: right;
}

.inhalt .navbar .accept {
    background-image: url('/gfx/content/accept_15.gif');
    background-position: 3px;
    background-repeat: no-repeat;
    float: left;
}

.inhalt .navbar .refuse {
    background-image: url('/gfx/questionnaire/cancel.gif');
    background-position: 3px;
    background-repeat: no-repeat;
    float: left;
}

.inhalt .navbar .next {
    float: right;
    padding-left: 10px;
    padding-right: 20px;
    background-image: url('/gfx/editor/next.gif');
    background-position: right;
    background-repeat: no-repeat;
}

.inhalt .navbar .nextgrey {
    float: right;
    padding-left: 10px;
    padding-right: 20px;
    background-image: url('/gfx/editor/next_grey.gif');
    background-position: right;
    background-repeat: no-repeat;
    color: #CCCCCC;
}

.inhalt .navbar .complete {
    float: right;
    padding-left: 10px;
    padding-right: 20px;
    background-image: url('/gfx/editor/next.gif');
    background-position: right;
    background-repeat: no-repeat;
}

.inhalt .navbar .completegrey {
    float: right;
    padding-left: 10px;
    padding-right: 20px;
    background-image: url('/gfx/editor/next_grey.gif');
    background-position: right;
    background-repeat: no-repeat;
    color: #CCCCCC;
}

.inhalt .navbarbottom {
    height: 21px;
    background-repeat: repeat-x;
    font-family: arial, helvetica;
    border-top: 1px solid #CCCCCC;
    vertical-align: middle;
}


.inhalt .navbarbottom a {
    padding-left: 20px;
    padding-right: 10px;
    margin-left: 4px;
    margin-top: 3px;
    text-decoration: none;
    color: #336600;
}

.inhalt .navbarbottom a:hover {
    background-color: #E5E5E5;
    text-decoration: underline;
}

.inhalt .navbarbottom .back {
    float: left;
    margin-left: 0px;
    background-image: url('/gfx/editor/back.gif');
    background-position: 3px;
    background-repeat: no-repeat;
}

.inhalt .navbarbottom .backgrey {
    float: left;
    margin-left: 0px;
    background-image: url('/gfx/editor/back_grey.gif');
    background-position: 3px;
    background-repeat: no-repeat;
    color: #CCCCCC;
}

.inhalt .navbarbottom .save {
    background-image: url('/gfx/editor/save.gif');
    background-position: 3px;
    background-repeat: no-repeat;
    float: left;
}

.inhalt .navbarbottom .savegrey {
    background-image: url('/gfx/editor/save_grey.gif');
    background-position: 3px;
    background-repeat: no-repeat;
    float: left;
    color: #CCCCCC;
}

.inhalt .navbarbottom .reset {
    background-image: url('/gfx/editor/reset.gif');
    background-position: 3px;
    background-repeat: no-repeat;
    float: left;
}

.inhalt .navbarbottom .preview {
    background-image: url('/gfx/editor/preview.gif');
    background-position: 3px;
    background-repeat: no-repeat;
    float: left;
}

.inhalt .navbarbottom .previewgrey {
    background-image: url('/gfx/editor/preview_grey.gif');
    background-position: 3px;
    background-repeat: no-repeat;
    float: left;
    color: #CCCCCC;
}

.inhalt .navbarbottom .cancel {
    background-image: url('/gfx/questionnaire/cancel.gif');
    background-position: 3px;
    background-repeat: no-repeat;
    float: right;
}

.inhalt .navbarbottom .next {
    float: right;
    padding-left: 10px;
    padding-right: 20px;
    background-image: url('/gfx/editor/next.gif');
    background-position: right;
    background-repeat: no-repeat;
}

.inhalt .navbarbottom .nextgrey {
    float: right;
    padding-left: 10px;
    padding-right: 20px;
    background-image: url('/gfx/editor/next_grey.gif');
    background-position: right;
    background-repeat: no-repeat;
    color: #CCCCCC;
}

.inhalt .navbarbottom .complete {
    float: right;
    padding-left: 10px;
    padding-right: 20px;
    background-image: url('/gfx/editor/next.gif');
    background-position: right;
    background-repeat: no-repeat;
}

.inhalt .navbarbottom .completegrey {
    float: right;
    padding-left: 10px;
    padding-right: 40px;
    background-image: url('/gfx/editor/next_grey.gif');
    background-position: right;
    background-repeat: no-repeat;
    color: #CCCCCC;
}

/*****************************************************************************/
/***********ende neuer Navigator *********************************************/
/*****************************************************************************/

/******************************************************************************/
/*********************** Kategorien *******************************************/
/******************************************************************************/
.inhalt .content table.catbox {
    width: 100%;
}

.inhalt .content table.catbox tr {
    width: 100%;
    border: 0px;
    background-color: #FAFAFA;
}

.inhalt .content table.catbox td {
    width: 100%;
    padding: 0px;
    padding-top: 20px;
    border: 1px solid #CCCCCC;
    background: #FAFAFA;
    font-size: 75%;
}

.inhalt .content table.catbox td .categories {
    padding: 0px;
    display: block;
    width: 122px;
    border: 0px solid;
    height: 90px;
    text-align: center;
    text-decoration: none;
    color: #666666;
    font-weight: normal;
    float: left;
    margin-bottom: 0px;
}

.inhalt .content table.catbox td .categories:hover {
    text-decoration: underline;
    color: #31B520;
}

.inhalt .content table.catbox td .categories img {
    border: 0px solid;
}

/******************************************************************************/
/*********************** Ende Kategorien **************************************/
/******************************************************************************/

/***** Kopfzeile ohne Hintergrundbild *****/
.inhalt td.kopfzeile_noimage {
    width: 100%;
    margin: 0px;
    padding-left: 20px;
    padding-right: 20px;
    height: 59px;
    background-color: #68D707;
    border-bottom: 0px;
}

.inhalt td.kopfzeile_noimage table.karteiinhalt {
    border: 0px solid;
    width: 100%;
}

.inhalt td.kopfzeile_noimage table.karteiinhalt tr {
    border: 0px solid;
    margin: 0px;
    padding: 0px;
}

.inhalt td.kopfzeile_noimage table.karteiinhalt td {
    width: 100%;
    border: 0px solid;
    margin: 0px;
    padding: 0px;
}

.inhalt td.kopfzeile_noimage table.karteiinhalt tr td.karteikarten {
    border: 0px solid;
    margin: 0px;
    padding-left: 0px;
    padding-top: 10px;
    vertical-align: bottom;
    text-align: left;
    width: 100%;
}

.inhalt td.kopfzeile_noimage table.karteiinhalt tr td.karteikarten h1 {
    font-size: 115%;
    color: #fff;
    margin: 0px;
    padding-bottom: 2px;
    padding-left: 15px;
}

/*
.inhalt td.kopfzeile_noimage table.karteiinhalt tr td.karteikarten h1 span {
    font-size		    : 50%;
    color		        : blue;
}
*/

.inhalt td.kopfzeile_noimage table.karteiinhalt tr td.karteikarten div.karteikarte {
    width: 100%;
    margin: 0px;
    padding: 0px;
    background-image: url('../gfx/menu/reiter_mitte.gif');
    float: left;
    height: 26px;
}

.inhalt td.kopfzeile_noimage table.karteiinhalt tr td.karteikarten div.karteikarte div.aktiv {
    margin: 0px;
    padding: 0px;
    background-image: url('../gfx/layout/weis_1x1.gif');
    background-repeat: repeat-x;
    float: left;
    white-space: nowrap;
    height: 26px;
    background-color: white;
}

.inhalt td.kopfzeile_noimage table.karteiinhalt tr td.karteikarten div.karteikarte div.aktiv_dummy {
    font-size: 75%;
    color: #aaaaaa;
    text-decoration: none;
    font-weight: bold;
    border: 0px solid;
    margin: 0px;
    padding: 0px;
    margin-left: 5px;
    margin-right: 5px;
}

.inhalt td.kopfzeile_noimage table.karteiinhalt tr td.karteikarten div.karteikarte div.aktiv span {
    font-size: 75%;
    color: #aaaaaa;
    text-decoration: none;
    font-weight: bold;
    border: 0px solid;
    margin: 0px;
    padding: 0px;
    margin-left: 5px;
    margin-right: 5px;
}

.inhalt td.kopfzeile_noimage table.karteiinhalt tr td.karteikarten div.karteikarte div.inaktiv {
    margin: 0px;
    padding: 0px;
    background-image: url('../gfx/menu/reiter_mitte.gif');
    background-repeat: repeat-x;
    float: left;
    white-space: nowrap;
    height: 26px;
}

.inhalt td.kopfzeile_noimage table.karteiinhalt tr td.karteikarten div.karteikarte div.inaktiv a {
    font-size: 75%;
    color: #336600;
    text-decoration: none;
    font-weight: bold;
    border: 0px solid;
    margin: 0px;
    padding: 0px;
    margin-left: 5px;
    margin-right: 5px;
}

.inhalt td.kopfzeile_noimage table.karteiinhalt tr td.karteikarten div.karteikarte div.inaktiv a:hover {
    color: #68D707;
    text-decoration: underline;
}

a.GreenButton {
    background-image: url('/gfx/content/button-green-background.gif');
    background-repeat: repeat-x;
    height: 16px;
    border-width: 1px 1px 1px 1px;
    border-color: #94BD7B #4A8C29 #4A8C29 #94BD7B;
    border-style: solid;
    color: #4A8C29;
    padding: 0px 5px 0px 5px;
    margin: 0px 0px 0px 0px;
    font-weight: bold;
    cursor: pointer;
    font-size: 11px;
}

a.GreenButton:hover {
    color: white;
    text-decoration: none;
}


/*******************************************************/
/********** Styles Translation Tab *********************/
/*******************************************************/
.inhalt .translation {
    /*width               : 100%;*/
    font-size: 100%;
    border: 0px solid;
    empty-cells: show;
}

.inhalt .translation a {
    color: #336600;
    text-decoration: none;
}

.inhalt .translation a:hover {
    color: #336600;
    text-decoration: underline;
}

.inhalt .translation a.hidden {
    color: #336600;
    text-decoration: none;
    display: none;
}

.inhalt .translation a.hidden:hover {
    color: #336600;
    text-decoration: underline;
    display: none;
}

.inhalt .translation tr.a {
    background-color: #fff;
    empty-cells: show;
}

.inhalt .translation tr.b {
    background-color: #FAFAFA;
    empty-cells: show;
}

.inhalt .translation tr.bhidden {
    background-color: #FAFAFA;
    display: none;
}

.inhalt .translation tr.c {
    background-color: #F5F3F3;
    empty-cells: show;
}

.inhalt .translation td {
    padding: 3px;
    border: 1px solid #CCCCCC;
    vertical-align: middle;
    color: #666666;
}

.inhalt .translation td.noborderbottom {
    padding: 3px;
    border-bottom: 0px solid #CCCCCC;
    color: #666666;
}

.inhalt .translation td.bordertop {
    padding: 3px;
    border-top: 1px solid #CCCCCC;
    border-left: 0px solid #CCCCCC;
    border-right: 0px solid #CCCCCC;
    border-bottom: 0px solid #CCCCCC;
    color: #666666;
}

.inhalt .translation td.nobordertopbottom {
    padding: 3px;
    border-bottom: 0px solid #CCCCCC;
    border-top: 0px solid #CCCCCC;
    color: #666666;
}

.inhalt .translation td.noborderrightbottom {
    padding: 3px;
    border-right: 0px solid #CCCCCC;
    border-bottom: 0px solid #CCCCCC;
    color: #666666;
}

.inhalt .translation td.noborder {
    padding: 0px;
    border: 0px solid #CCCCCC;
    color: #666666;
}

.inhalt .translation .eingabefeldFull {
    height: 20px;
    width: 100%;
    border: 1px solid #cccccc;
    font-family: arial, helvetica, sans-serif;
    font-size: 100%;
}

.inhalt .translation .eingabefeld200 {
    height: 20px;
    width: 200px;
    margin: 0px;
    vertical-align: middle;
    font-size: 100%;
    font-family: arial, helvetica, sans-serif;
    border: 1px solid #cccccc;
    padding: 2px;
}

.inhalt .translation .eingabefeld400 {
    height: 20px;
    width: 400px;
    margin: 0px;
    vertical-align: middle;
    font-size: 100%;
    font-family: arial, helvetica, sans-serif;
    border: 1px solid #cccccc;
    padding: 2px;
}

.inhalt .translation .textearea400 {
    height: 100px;
    width: 400px;
    margin: 0px;
    vertical-align: middle;
    font-size: 100%;
    font-family: arial, helvetica, sans-serif;
    border: 1px solid #cccccc;
    padding: 2px;
}

.inhalt .translation .textearea450 {
    height: 100px;
    width: 450px;
    margin: 0px;
    vertical-align: middle;
    font-size: 100%;
    font-family: arial, helvetica, sans-serif;
    border: 1px solid #cccccc;
    padding: 2px;
}

.inhalt .translation .texteareaFull {
    height: 100px;
    width: 100%;
    margin: 0px;
    vertical-align: middle;
    font-size: 100%;
    font-family: arial, helvetica, sans-serif;
    border: 1px solid #cccccc;
    padding: 2px;
}


/*******************************************************/
/********** Ende Styles Translation Tab ****************/
/*******************************************************/


/*******************************************************/
/********** Reiterdarstellung ****************/
/*******************************************************/

.inhalt td.tabellenreiter {
    margin: 0px;
    padding: 0px;
    background-color: #68D707;
    background-image: url('../gfx/layout/menu_bg.gif');
    background-repeat: repeat-y;
    border-bottom: 0px solid #aaaaaa;
}

.inhalt td.tabellenreiter div {
    margin: 0px;
    padding: 0px;
    background-image: url('../gfx/menu/menu_frei_mitte.gif');
    background-repeat: repeat-x;
    background-color: white;
    float: left;
    white-space: nowrap;
    height: 26px;
}

.inhalt td.tabellenreiter div.aktiv {
    margin: 0px;
    padding-left: 0px;
    background-image: url('../gfx/menu/menu_frei_mitte.gif');
    float: left;
    white-space: nowrap;
    height: 26px;
}

.inhalt td.tabellenreiter div img {
    border: 0px solid;
    margin: 0px;
    padding: 0px;
}

.inhalt td.tabellenreiter div a {
    font-size: 75%;
    color: #336600;
    text-decoration: none;
    font-weight: bold;
    border: 0px solid;
    margin: 0px;
    padding: 0px;
    margin-left: 5px;
    margin-right: 5px;
}

.inhalt td.tabellenreiter div a:hover {
    color: #68D707;
    text-decoration: underline;
    background-color: transparent;
}

.inhalt td.tabellenreiter div.aktiv a {
    font-size: 75%;
    color: #aaaaaa;
    text-decoration: none;
    font-weight: bold;
    border: 0px solid;
    margin: 0px;
    padding: 0px;
    margin-left: 5px;
    margin-right: 5px;
}

.inhalt td.tabellenreiter div.aktiv a:hover {
    color: #68D707;
    text-decoration: underline;
    background-color: transparent;
}

div#languageChooser {
    position: absolute;
    top: 10px;
    right: 20px;
}

div#languageChooser img {
    border: 1px solid #FFFFFF
}

.visibilityToggle {
    cursor: pointer;
    font-size: 75%;
    font-weight: normal;
}


/*******************************************************/
/*********** Bootstrap 3.3.7 Extensions ****************/
/*******************************************************/
/** Nötig, weil in 3.3.7 noch einige Features fehlen: **/
/*******************************************************/

.w-100 {
    width: 100% !important;
}
.h-100 {
    height: 100% !important;
}

.d-flex {
    display: flex;
}

.flex-fill {
    flex-grow: 1;
}

.flex-column {
    flex-direction: column;
}

.flex-row {
    flex-direction: row;
}

.justify-content-start {
    justify-content: start;
}

.justify-content-center {
    justify-content: center;
}

.justify-content-end {
    justify-content: end;
}

.align-items-start {
    align-items: start;
}

.align-items-center {
    align-items: center;
}

.align-items-end {
    align-items: end;
}

.bold {
    font-weight: bold !important;
}

@media only print {
    .noprint {
        display: none;
    }
}

.overflow-y-auto {
    overflow-y: auto;
}
.overflow-x-auto {
    overflow-x: auto;
}

/* SYS-54 Erklärungtext */
.shared-explanation-bubble {
    display:inline;
    cursor: pointer;
}

.shared-explanation-bubble > .explanation-wrapper {
    position: relative;
}

.shared-explanation-bubble:not(:hover) > .explanation-wrapper > .explanation {
    display : none;
}
.shared-explanation-bubble:hover > .explanation-wrapper > .explanation {
    display:inline;
    position: absolute;
    min-width: 250px;
    max-width: 400px;
    max-height: 600px;
    overflow-y: auto;
    padding: 3px;
    border-color               : #666666;
    border-style               : solid;
    border-width               : 1px;
    border-radius              : 5px;
    background                 : #ffffff;
    z-index                    : 10000000;
    font-size                  : small;
    left: 0;
}

@media screen and (max-width: 39.9375em) {
    .shared-explanation-bubble:hover > .explanation-wrapper > .explanation {
        left: 15px;
    }
}
/* End SYS-54 Erklärungtext */