/**************************************
* ACTIVEUNIT BOX START
***************************************/
#activeUnit {
    border-bottom: 1px solid #cccccc;
    padding: 0.2em 0 0.2em 0;
    margin-bottom: 0.9em;
}

#activeUnit a, #activeUnit a:hover {
    font-size: 1.1em;
    font-weight: bold;
    background-color: transparent;
    text-decoration: none;
}

#activeUnit a:hover img {
    background-color: transparent;
    text-decoration: none;
}

#activeUnit span.active {
    font-size: 1.1em;
    font-weight: bold;
    color: #FF6600;
}

/**************************************
* ACTIVEUNIT BOX END
***************************************/

/**************************************
* ACTIONBAR BOX START
***************************************/
#actionBar {
    margin-top: 0.2em;
    padding-top: 0.3em;
    text-align: left;
}

#actionBar .legend {
    font-size: 0.9em;
    font-weight: bold;
    padding: 0 0.5em 0 0.5em;
    margin-right: 1.5em;
    vertical-align: middle;
}

#actionBar img {
    vertical-align: middle;
    margin: 0.3em 0.3em 0.3em 0;
    background-color: #ffffff;
    border: 1px solid #7F9DB9;
}

#actionBar a:hover img, #actionBar a:hover, #actionBar a {
    background-color: transparent;
    text-decoration: none;
}

/**************************************
* ACTIONBAR BOX END
***************************************/

/**************************************
* SEARCH BOX START
***************************************/
#contentbox fieldset.search {
    text-align: left;
    margin: 0;
    padding: 0;
}

#contentbox fieldset.search legend {
    font-size: 1.2em;
    font-weight: bold;
    padding: 0 0.5em 0 0.5em;
}

#contentbox fieldset.search table {
    width: 97%;
    padding: 0;
    margin: 0.4em;
    border: 0;
    font-size: 1em;
    vertical-align: bottom;
    color: black;
}

#contentbox fieldset.search table tr {
    vertical-align: bottom;
}

#contentbox fieldset.search table td {
    vertical-align: bottom;
    padding-bottom: 0.10em;
    padding-top: 0.10em;
}

/**************************************
* SEARCH BOX END
***************************************/

/**************************************
* START RESULTSET INFOBOX
***************************************/
#contentbox div.resultSetInfo {
    width: inherit;
    border: 1px solid #cccccc;
    background-color: #ffffff;
    padding: 0.3em 0 0.3em 0;
    margin-bottom: 1em;
    margin-top: 1em;
}

#contentbox div.resultSetInfo table {
    font-size: 1em;
    width: 100%;
}

#contentbox div.resultSetInfo table td.previousLink {
    text-align: right;
    width: 33%;
    margin: 0;
    white-space: nowrap;
}

#contentbox div.resultSetInfo table td.resultText {
    font-weight: bold;
    text-align: center;
    width: 34%;
    margin: 0;
    padding: 0;
}

#contentbox div.resultSetInfo table td.nextLink {
    text-align: left;
    width: 33%;
    margin: 0;
    white-space: nowrap;
}

/**************************************
* END RESULTSET INFOBOX
***************************************/

/************************
* HEADER START
*************************/

h1 {
    margin-top: 1em;
    margin-bottom: 1em;
    font-size: 120%;
    font-weight: bold;
    text-align: left;
}

h2 {
    margin-top: 0.8em;
    margin-bottom: 0.8em;
    font-size: 110%;
    font-weight: bold;
    text-align: left;
}

h3 {
    margin-top: 0.7em;
    margin-bottom: 0.7em;
    font-size: 110%;
    font-weight: normal;
}

/************************
* HEADER END
*************************/

/***********************
* FORMULAR ELEMENTS
************************/

form input[type=text],
form input[type=radio],
form input[type=checkbox],
form textarea,
form select {
    font-size: 100%;
}

form input.risc[type=text],
form input.risc[type=radio],
form input.risc[type=checkbox],
form textarea.risc,
form select.risc {
    font-size: 100%;
    border: 1px solid #001BAF;

}

form select.gcsSelectbox {
    min-width: 200px;
}

span.risc {
    color: #001BAF;
    font-size: small;
}

span.tash {
    color: red;
    font-size: small;
}

a img {
    text-decoration: none;
    border: 0;
    background-color: transparent;
}

a:hover img {
    background-color: transparent;
}

a:link, a:visited, a:hover {
    font-weight: normal;
    text-decoration: underline;
    background-color: transparent;
}

hr {
    background-color: #cccccc;
    color: #cccccc;
    border: #cccccc;
    height: 1px;
    margin: 0;
    padding: 0;
}

td#content ul li {
    margin: 0;
    list-style-image: url(../images/layout/icons/bullet_dreieck.gif);
    padding-bottom: 0.3em;
}

li.narrow {
    margin: 0;
    list-style-image: url(../images/layout/icons/bullet_dreieck.gif);
    padding-bottom: 0.12em;
}

/**********************************
** START FEHLERMELDUNGEN
*/

.successMessage {
    text-align: left;
    font-weight: bold;
    padding: 0.5em 0em 0.5em 0.5em;
    font-size: 1.2em;
}

.failedMessage {
    color: #ff0000;
    text-align: left;
    font-weight: bold;
    padding: 0.5em 0em 0.5em 0.5em;
    font-size: 1.2em;
}

.errorString,
.errorString p,
.errorString li {
    color: #ff0000;
}

.warningString,
.warningString p,
.warningString li {
    color: #3D52D2;
}

.errorString,
.warningString {
    text-align: left;
    font-weight: bold;
    padding: 0.5em 0em 0.5em 0.5em;
    font-size: 1.05em;
}

.errorString p,
.warningString p {
    font-weight: bold;
    padding: 0.1em;
    margin: 0.1em;
}

.errorString li {
    list-style-image: url(../images/layout/icons/arrow_red.gif);
}

table tr td .errorString li {
    list-style-image: url(../images/layout/icons/arrow_red.gif);
}

.warningString li {
    list-style-image: url(../images/layout/icons/bullet_dreieck.gif);
}

.errorString li,
.warningString li {
    font-weight: normal;
    margin: 0.1em 0 0.2em 0;
}

.errorHint {
    font-weight: bold;
    color: #ff0000;
}

/**********************************
** START ALLG. CSS-KLASSEN
*/
.annotation {
    font-weight: normal;
}

.highlightedString {
    font-weight: bold;
}

.modestString {
    color: #999999;
    font-style: italic;
}

.accented {
    margin-left: 1em;
}

.hint {
    color: #000000;
    text-align: left;
    font-weight: bold;
    padding: 0.3em 0 0.3em 0.5em;
}

.red {
    color: red;
    font-weight: bold;
}

.green {
    color: green;
    font-weight: bold;
}

.yellow {
    color: #F6BE09;
    font-weight: bold;
}

.tzHelp {
    font-size: 90%;
    font-weight: bold;

}

.tzAnswer {
    color: #3D52D2;
    font-weight: normal;
    font-size: 98%;
}

.tzHint {
    font-size: 90%;
}

form, input {
    padding: 0;
}

#contentbox div.news {
    width: 95%;
    padding: 0.5em;
    margin-top: 0.5em;
    background-color: #ffffff;
    border-bottom: 1px solid #cccccc;
}

#contentbox div.news h1 {
    margin-top: 0.5em;
    margin-bottom: 0.4em;
    font-size: 100%;
    font-weight: bold;
    text-align: left;
}

#contentbox div.news p {
    margin-top: 0.3em;
}

#contentbox div.news p.metainfo {
    margin: 0;
    font-size: 80%;
    color: #999999;
}

/************************
* START TABLES
**************************/

/** FOR ALL TABLES **/
#contentbox table, #contentbox table table {
    font-size: 1em;
}

/** howToFind ***/
#contentbox table.howToFind {
    width: 100%;
    margin: 0.3em;
    display: inline-table;
}

#contentbox table.howToFind tr {
    padding-top: 2em;
    padding-bottom: 2em;
}

#contentbox table.howToFind td {
    text-align: left;
    font-weight: normal;
    padding: 0 0.2em 0.1em 0.2em;
    background-color: #e1e1e1;
    width: 50%;
    vertical-align: top;
    border: 1px;
}

/** statistic ***/
#contentbox table.statistic {
    width: 50%;
    border-collapse: collapse;
    display: inline-table;
    text-align: center;
}

#contentbox table.statistic tr {
    padding-top: 2em;
    padding-bottom: 2em;
}

#contentbox table.statistic th, #contentbox table.statistic td {
    text-align: left;
    font-weight: bold;
    padding: 0 0.2em 0.1em 0.2em;
    vertical-align: top;
    border-bottom: 1px solid #cccccc;
}

#contentbox table.statistic td {
    font-weight: normal;
}

/** checklist ***/
#contentbox table.checklist {
    width: 100%;
    border-collapse: collapse;
    display: inline-table;
}

#contentbox table.checklist tr {
    padding-top: 2em;
    padding-bottom: 2em;
}

#contentbox table.checklist td.radioHeader {
    text-align: center;
    font-size: 90%;
    font-weight: bold;
    padding-top: 0;
    padding-bottom: 0.1em;
}

#contentbox table.checklist td.item {
    width: 79%;
    border-bottom: 1px solid #060E79;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
}

#contentbox table.checklist td.radioItemSektion {
    text-align: center;
    width: 7%;
    border-bottom: 1px solid #060E79;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
}

#contentbox table.checklist td.subItem {
    width: 79%;
    padding-left: 3em;
    border-bottom: 1px solid #cccccc;
    padding-top: 0.2em;
    padding-bottom: 0.2em;
}

#contentbox table.checklist td.radioSubItemSektion {
    text-align: center;
    width: 7%;
    border-bottom: 1px solid #cccccc;
    padding-top: 0.2em;
    padding-bottom: 0.2em;
}

/*** table edit ***/
#contentbox table.edit {
    width: 100%;
    padding: 0;
    margin: 0;
    border: 1px solid #cccccc;
    margin-bottom: 2em;
    background-color: #ffffff;
    vertical-align: top;
}

#contentbox table.edit th {
    padding: 0.3em;
    background-color: #e1e1e1;
    line-height: 1.5em;
    text-align: left;
    vertical-align: top;
}

td.subHeaderLine {
    padding: 0.3em;
    line-height: 2em;
    text-align: left;
    vertical-align: middle;
    font-weight: bold;
}

#contentbox table.edit td {
    font-weight: normal;
    padding: 0.3em;
    border-bottom: 1px solid #efefef;
    vertical-align: top;
}

/*** table view ***/
#contentbox table.view {
    width: 100%;
    padding: 0;
    border: 1px solid #cccccc;
    margin: 0 0 2em 0;
    background-color: #ffffff;
    vertical-align: top;
}

#contentbox table.view th {
    padding: 0.3em;
    background-color: #e1e1e1;
    line-height: 1.5em;
    text-align: left;
    vertical-align: top;
}

#contentbox table.view td {
    font-weight: normal;
    padding: 0.3em 0 0.3em 0.3em;
    border-bottom: 1px solid #efefef;
    vertical-align: top;
    text-align: left;
}

#contentbox table.view ul {
    margin-top: 0;
}

#contentbox table.view ul li {
    list-style-image: url(../images/layout/icons/bullet_dreieck.gif);
}

#contentbox table.view .type {
    width: 5%;
    text-align: center;
}

#contentbox table.view .language {
    width: 7%;
    text-align: center;
}

#contentbox table.view .titel {
    width: 64%;
    vertical-align: middle;
}

#contentbox table.view td.download {
    width: 10%;
    vertical-align: middle;
    text-align: center;
    margin-top: 3.5em;

}

#contentbox table.view td.download div.sizeDate {
    margin-top: 0.8em;
    font-size: 85%;
}

/*#contentbox table.view .download img{
    width: 1em; hight:1em;
}*/

#contentbox table.view .size {
    text-align: right;
    width: 7%;
}

#contentbox table.view .date {
    text-align: right;
    width: 8%;
}

#contentbox table.view .author {
    font-style: italic;
}

#contentbox table.button {
    width: 97%;
    padding: 0;
    margin: 0.4em;
    border: 0;
    vertical-align: bottom;
    text-align: left;
}

#contentbox table.button tr {
    vertical-align: bottom;
}

#contentbox table.button td {
    vertical-align: bottom;
    padding-bottom: 0.10em;
    padding-top: 0.10em;
}

#contentbox table.progressTable td {
    background-color: #aaaaaa;
    min-height: 15px;
    padding: 0;
}

#contentbox table.progressTable td.complete {
    background-color: #82f6ab;
}

#contentbox table td div.infoDiv {
    border: 1px solid transparent;
}

#contentbox table td div.infoDiv.activeBt, #contentbox table td div.infoDiv.infoHint.activeBt, #contentbox table td div.infoDiv.infoHint2.activeBt {
    border: 1px dashed red;
}

/************************
* END TABLES
**************************/

/* Tabelle */
tr.highlightTableRow, td.highlightTableRow {
    background-color: #e1e1e1
}

td.atzAnswer {
    padding-left: 1em !important;
    color: #3D52D2;
}

.formPart {
    display: inline;
}

/* Formular Felder input.textbutton */

input.textbutton {
    background-color: #cccccc;
    border-right: 1px solid #060E79;
    border-bottom: 1px solid #060E79;
    border-top: 1px solid #ffffff;
    border-left: 1px solid #ffffff;
    font-weight: bold;
    padding: 0;
    margin: 0;
}

/* Divboxen: Neu anlegen, rechts floaten, links floaten */
.newEntry, .leftFloatBox, .rightFloatBox {
    border: solid 1px #cccccc;
    background-color: #f7f7f7;
    color: #606060;
    padding: 0.5em;
}

.leftFloatBox, .rightFloatBox {
    width: 46%;
    height: 20px;
    margin-bottom: 10px;
}

.newEntry img, .leftFloatBox img, .rightFloatBox img {
    padding-right: 5px;
}

.leftFloatBox {
    float: left;
}

.rightFloatBox {
    float: right;
}

.floatRight {
    float: right;
}

.indented {
    margin-left: 25px;
}

.topAligned, #contentbox fieldset.search table td.topAligned {
    vertical-align: top;
}

.userInfo {
    padding: 10px 2px;
}

div.infoHint, #contentbox table td div.infoDiv.infoHint {
    border: 1px solid transparent;
    /*background-image: url(../images/layout/icons/info-background-faint.png);*/
    background-repeat: no-repeat;
    background-size: auto 100%;
    background-position: right;
}

div.infoHint2, body #contentbox table td div.infoDiv.infoHint2 {
    border: 1px dotted #c5f2ff;
}

.verticalSpacer {
    padding-top: 10px;
    padding-bottom: 10px;
}

.verticalTopSpacer {
    padding-top: 10px;
}

.verticalBottomSpacer {
    padding-bottom: 10px;
}

img.dialogButton {
    padding: 1px;
}

.annotationLabel {
    font-weight: bold;
}

.annotationContent {
    font-style: italic;
}

span.checklistTextAnswer {
    color: #060E79;
    font-style: italic;
}

/* *************
 * CSS fuer Register Teil
 */
#contentbox div.registerForm {
    margin: 0;
    padding: 0;
    border-left: solid 1px #778;
    border-bottom: solid 1px #778;
    border-right: solid 1px #778;
    border-top: none;
    text-align: center;
    top: 0;
    display: block;
}

#contentbox div.registerForm h1 {
    margin: 0 0 1em 0.5em;
}

#contentbox div.registerForm #actionBar {
    margin: 0 0.2em 1em 0.2em;
    width: 99%;

}

span.IEHelper {
    font-size: 8px;
}

a.overlib a.overlib:link a.overlib:hover {
    padding: 0;
    margin: 0 0 0 1.5em;
    text-decoration: none;
}

a.overlib img {
    border: 1px;
}


table.overlib  {
	font-weight: normal;
	 border-collapse: collapse;
    text-align: left;
    border: 0;
    vertical-align: top;
    width: 100%;
     
}
table.overlib td {
    font-weight: normal;
    text-align: left;
   padding: 10px;
    border: 1px solid #778;
    vertical-align: top;
}

table.overlib th {
    font-weight: bold;
    text-align: left;
   padding: 10px;
     border: 1px solid #778;
    vertical-align: top;
}

/****************
* START TRegister register
********************/

.menu {
    padding: 0;
    clear: both;
}

.menu li {
    display: inline;
}

.menu li.first a {
    border-left: 1px solid #778;
}

.menu li a {
    background: #DDDDEE;
    padding: 10px;
    float: left;
    border-right: 1px solid #778;
    border-top: 1px solid #778;
    border-bottom: none;
    text-decoration: none;
    color: #3D52D2;
    font-weight: bold;
}

.menu li.active a {
    background: #fff;
}

.content {
    float: left;
    clear: both;
    border: 1px solid #778;
    background: #fff;
    padding: 10px 20px 20px;
    width: 98%;
}

#reiter {
    margin: 0;
    padding: 0;
    vertical-align: bottom;

}

#reiter ul {
    padding: 2px 0;
    margin-left: 0;
    border-bottom: 1px solid #778;
    margin-bottom: 0;
}

#reiter ul li {
    list-style: none;
    margin: 0;
    display: inline;
}

#reiter ul li a {
    font-weight: bold;
    font-size: 100%;
    padding: 2px 0.4em;
    margin-left: 0;
    border: 1px solid #778;
    border-bottom: none;
    background: #DDE;
    text-decoration: none;
}

#reiter ul li a:link {
    color: #448;
}

#reiter ul li a:visited {
    color: #667;
}

#reiter ul li a:link :hover {
    color: #000;
    background: #AAE;
    border-color: #227;
}

#reiter ul li a#current {
    font-weight: bold;
    background: white;
    border-bottom: 1px dotted white;
    color: #3D52D2;
}

/****************
* START TREGISTER FORM ELEMENTS
*************
*******/

#contentbox, .registerForm {

    margin: 0;
    padding: 0;
}

#contentbox fieldset.groupComponent {
    text-align: left;
    border: 1px solid #cccccc;
    margin: 0 0.5em 1em 0.5em;
    padding: 0;
}

#contentbox fieldset.groupComponent legend {
    font-size: 110%;
    font-weight: bold;
    padding: 0 0.5em 0 0.5em;
}

#contentbox fieldset.groupComponent table td {
    font-weight: normal;
    text-align: left;
    border: 0;
    vertical-align: top;
}

#contentbox fieldset.component {
    text-align: left;
    border: 1px solid #cccccc;
    padding: 0.3em 0.2em 0.3em 0.2em;
    margin: 0 0.2em 0.3em 0.2em;
}

#contentbox fieldset.component legend {
    font-weight: bold;
    font-size: 100%;
    color: #000000;
    padding: 0 0.3em 0 0.5em;
}

#contentbox fieldset.component table {
    font-weight: normal;
    text-align: left;
    border: 0;
}

#contentbox div.hintSaveChanges {
    font-weight: normal;
    text-align: left;
    margin: 0 0.5em 1em 0.5em;
    padding: 0.3em 0.2em 0.3em 0.2em;
    border: 1px solid #ff0000;
}

/**************************************
* MASS MAIL START
***************************************/
.roundBorder {
    border: 1px solid gray;
    border-radius: 7px;
    padding: 3px;
    margin: 0 5px 0 5px;
}

.xButton {
    border-radius: 7px;
}

/**************************************
*MASS MAIL END
***************************************/
.centerRadiobox {
    text-align: center !important;
}