/*
------------------------------------
Default CSS for cit intelliForm Server
Copyright cit GmbH (www.cit.de)
Filename: default.css
RCSID: $Id: default.css 21574 2010-11-12 17:53:42Z jschwarze $
------------------------------------
*/

@import "/intelliform/default/default.css";

/*
   eABAU-Spezifisch
*/
body {
    margin: 0px 10px 0 10px;
    font-family:trebuchet ms,geneva,arial,helvetica,sans-serif;
}
.layoutKopf {
    width:100%;
    height:65px;
    border-top:4px solid #36C;
    border-bottom:2px solid #36C;
}
.layoutOptionTable {
    color: #000;
    background: #fff;
    cellspacing:0;
    cellpadding:0;
    border:1px solid #36C;
    dborder-top:1px solid #36C;
    dborder-bottom:1px solid #36C;
    font-family:trebuchet ms,geneva,arial,helvetica,sans-serif;
    font-size:1.0em;
    font-weight:normal
}
.eabauHeader {
    color:#fff;
    background: #4170D4;
    padding:0 3px 0 5px;
    font-family: trebuchet ms,geneva,arial,helvetica,sans-serif;
    font-size: 1.0em;
    font-weight: normal;
    text-align: left;
    padding:3px;
}
.eabauOption {
    color:#000;
    background: #E0F2F7;
    padding-left:3px;
    font-family: trebuchet ms,geneva,arial,helvetica,sans-serif;
    font-size: 1.4em;
    font-weight: normal;
    text-align: right;
}
.eabauOptionclickBox {
    background: #E0F2F7;
    text-align: left;
}

.schatten_kopf {width:100%; height:4px; margin:0; background:#36C; overflow:hidden; padding:0;}
.schatten_mitte {width:100%; background:url(http://www.stadtentwicklung.berlin.de/pix/schatten/schatten_mitte.jpg) repeat-y; padding:0 0 0 7px\9;}
.schatten_fuss {width:100%; height:31px; background:url(http://www.stadtentwicklung.berlin.de/pix/schatten/schatten_fuss.jpg) no-repeat bottom right;}

.kopf {
    width:100%;
    height:65px;
    background:#BDD0F5
    url(http://www.stadtentwicklung.berlin.de/pix/bitv/menue/kopf_verlauf.jpg) repeat-x 0 0;
    border-bottom:#6e94df 1px solid;
    padding:0;
}
/*
a:link, a:visited {color:#08088A; text-decoration:none;}
a:hover, a:focus {color:#08088A; text-decoration:underline;}
a.rot:link, a.rot:visited {color:#903; text-decoration:none;}
a.rot:hover, a.rot:focus {color:#903; text-decoration:underline;}
a.schwarz:link, a.schwarz:visited, a.submenue:link, a.submenue:visited {color:#000; text-decoration:none;}
a.schwarz:hover, a.schwarz:focus, a.submenue:hover, a.submenue:focus {color:#000; text-decoration:underline;}
a.weiss:link, a.drucken:link, a.schliessen:link, a.weiss:visited, a.drucken:visited, a.schliessen:visited {color:#FFF; text-decoration:none;}
a.weiss:hover, a.drucken:hover, a.schliessen:hover, a.weiss:focus, a.drucken:focus, a.schliessen:focus {color:#FFF; text-decoration:underline;}
a.kopfmenue:link, a.kopfmenue:visited, a.kopfmenue:hover {color:#36C; text-decoration:none;}
.obermenue a:link, .obermenue a:visited, .obermenue a:hover {color:#903; text-decoration:none;}
a.headline:link, a.headline:visited {color:#003; text-decoration:none;}
a.headline:hover, a.headline:focus {color:#003; text-decoration:underline;}
*/
h1 {color:#003; font-family:trebuchet ms,geneva,arial,helvetica,sans-serif; font-size:1.4em; font-weight:normal; margin:0.2em 0 0.35em 0;}
h2 {color:#003; font-family:trebuchet ms,geneva,arial,helvetica,sans-serif; font-size:1.1em; font-weight:bold; margin:0 0 0.1em 0;}
h3 {color:#903; font-family:verdana,arial,helvetica,sans-serif; font-size:1em; font-weight:bold; margin:0;}
h4 {color:#000; font-family:verdana,arial,helvetica,sans-serif; font-size:1em; font-weight:bold; margin:0;}
h5 {color:#555; font-family:verdana,arial,helvetica,sans-serif; font-size:1em; font-weight:bold; margin:0;}
h6 {color:#000; font-family:verdana,arial,helvetica,sans-serif; font-size:1em; font-weight:normal; margin:0; text-decoration:underline;}


.eabauTable {
    border: 1px solid #36C;
    border-spacing:0;
    border-collapse:collapse;
    width: 100%;
}
.eabauHeader {
    color:#fff;
    background: #4170D4;
    font-family: trebuchet ms,geneva,arial,helvetica,sans-serif;
    font-size: 16px;
    font-weight: normal;
    text-align: left;
}
.eabauSubHeader {
    text-align:left;
    font-size: 14px;
    padding: 10px;
}
.eabauLinkRowOdd {
    color:#000;
    background:#E0F2F7;
    font-family:trebuchet ms,geneva,arial,helvetica,sans-serif;
    font-size:1.5em;
    font-weight:normal;
    padding: 3px 0 3px 0;
}
.eabauLinkRowEven {
    color: #000;
    background: #F2F2F2;
    font-family: trebuchet ms,geneva,arial,helvetica,sans-serif;
    font-size: 1.0em;
    font-weight: normal;
    padding: 3px 0 3px 0;
}
a, a:link, a:visited {
    font-size: 14px;
    font-weight: normal;
    color:#013ADF;
    text-decoration:none;
}
a:hover, a:focus {
    color:#08088A;
    text-decoration:underline;
}
th, td {
    font-size: 14px;
    /*  padding: 0em; */
}

/*
  Standard
*/


input[type="submit"]
{
    background-color: #E6EDFF;
    border-radius:3px;
    -moz-border-radius:3px;
    -moz-border-colors: #4170D4;
    border:2px solid #4170D4;
    cursor: pointer;
}

/* Breite aller Inputfelder */
input[type="text"]
{
    width: 23em;
}
/* Sonderbreite für die Strassensuchen-, Flurzähler- und -nennerfelder */
input[type="text"].narrowfield {
    width: 18em;
}


fieldset {
    border: solid #E6EDFF;
    padding-top: 10px;
    margin: 5px 0 0;

}

* html legend, *+html legend {
    /*<=IE6, IE7*/
    margin-bottom: 10px;
}

/*
abbr {
    border-bottom: 0;
}

label, .label {

#wizard-body  * textarea {
    width: 95%;
}

input.input-huge {
    width: 25em;
}

select.input-huge {
    width: 25.4em;
}

* html input.input-huge, * html select.input-huge {
    width: 23em;
}

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


/**
	Hauptbereich
**/
#main, #south, #north {
    border-left: 1px solid #4170D4;
    border-right: 1px solid #4170D4;
}

#north {
    border-top: 1px solid #4170D4;
}

#wizard {
    font-size: 1.2em;
    /*    border-right: 2px dotted #4170D4; */
    border-right: 0px solid #4170D4;
    padding-left: 10px;
    height:100%
}

#wizard-body {
    padding-right: 10px;
    padding-top: 10px;
}

#wizard-body p {
    margin-bottom: 2px;
    margin-top: 2px;
}

#wizard-body legend {
    font-weight: bold;
    color: #000000;
}

.block {
    border: 1px solid #4170D4;
    background-color: #E6EDFF;
    padding: 5px 5px;
    margin-bottom: 5px;
}

/*
    Titelzeile
*/
#logo {
    text-align: right;
}

#formName {
    text-align: left;
    color: black;
    background-color: #E6EDFF;
    padding: 5px 0 5px 10px;
    font-size: 1.5em;
    font-weight:bold;
    font-family: Tahoma, Lucida Sans Unicode, Lucida Sans, Lucida, sans-serif;
}

#formName h1 {
    text-align: left;
    font-size: 1.5em;
    font-family: Tahoma, Lucida Sans Unicode, Lucida Sans, Lucida, sans-serif;
    padding: 0;
}

#formName-big h1 {
    text-align: right;
    color: black;
    font-size: 70%;
    font-family: Tahoma, Lucida Sans Unicode, Lucida Sans, Lucida, sans-serif;
    padding: 0;
}

#customer-logo {
    display: none;
}

/**
    Button-Leiste
**/

#wizard-buttons-right input, #wizard-buttons-left input {
    font-size: 1.1em;
}

#wizard-buttons-right input {
    margin-left: 5px;
}

/**
    Marginalspalte
**/

#east div {
    font-size: 1.1em;
}

.box h3 {
    margin-top: 0.2em;
    margin-bottom: 0.1em;
}

.box p {
    margin: 0;
}

.box {
    border-top: 5px solid #E6EDFF;
    margin-top: 1em;
    padding-top: 8px;
}

.box img {
    margin-right: 2px;
}

/**
	Fusszeile
**/

#south {
    padding-top: 10px;
}

#footer-content {
    margin: 0;
    padding: 2px 2px 2px 10px;
    font-size: 1.2em;
    background-color: #E6EDFF;
    border-bottom: 1px solid #4170D4;
}

#south span, #south-big span {
    font-size: 0.9em;
    padding-right: 1ex;
}

/**
    Validierung
**/

.errorBlock, p.invalidInfo {
    border: 1px solid #CC0000;
    background-color: #FFCCCC;
    padding: 5px 5px;
    margin-bottom: 5px;
}

p.verifyInfo {
    border: 1px solid #00CC00;
    background-color: #CCFFCC;
    padding: 5px 5px;
    margin-bottom: 5px;
}
.invalidInfo img {
    vertical-align: middle;
}

.required img {
    vertical-align: middle;
    padding-bottom: 4px;
}

.required {
    font-weight: bold;
}

label.invalid {
    color: #FF3333;
}

input.invalid, select.invalid, textarea.invalid {
    background-color: #BFBFBF;
    border: 1px solid #FF3333;
}

p.invalidInfo {
    padding: 2px;
    font-size: 100%;
}

p.invalidInfo img {
    vertical-align: middle;
}

.invalid-field-text {
    color: #FF3333;
}

.invalid-field-mark {
    display: none;
}

.x-assistants-nowrap input.invalid {
    margin-left: 15em;
}

.pseudoLabel .x-assistants-nowrap input.invalid {
    margin-left: 0;
}

* html .x-assistants-nowrap input.invalid {
    margin-left: 15.25em;
}

.errorText {
    display: block;
    clear: both;
    margin-bottom: 1ex;
    font-weight: bold;
    color: red;
}

/**
    Tabellen
**/
#wizard-body table, #wizard-body table input {
    font-size: 1em;
}

table .x-assistants-nowrap input.invalid {
    margin-left: 0;
}

#wizard-body table label, #wizard-body table .label {
    width: auto;
    float: none;
    padding-top: 0.1em;
}

/**
    Buttons als Link
**/

.button-link {
    border: 0;
    color: #002974;
    font-weight: normal;
    background-color: #FFFFFF;
    overflow: visible;
    padding: 0;
}

/**
    Versteckter zusätzlicher Text
**/
.hidden {
    position: absolute;
    left: -1000px;
    top: -1000px;
    width: 0;
    height: 0;
    overflow: hidden;
    display: inline;
    font-size: 1px;
}

/**
    Kalender Auswahl Dialog
**/

div.calendar, div.calendar table {
    font-size: 120%;
}

/**
    Rollenbeschreibung Benutzerdialog
**/
#wizard-body p.role-description {
    margin-top: 10px;
}

/*
 *	Dialogverlauf
 */

/* Mit allen Ebenen */

.roadmap ul {
    padding: 0;
}

.roadmap li {
    list-style-type: none;
    padding: 0;
}

.roadmap li.past, .roadmap li.present-perfect {
    /*color: green;*/
    color: #4170D4;
}

.roadmap li.present {
    /*color: green;*/
    color: #B60033;
}

.roadmap li.future {
    /*color: #242E8D;*/
    /* color: #B9CDFE hell Blau */
    color: #4170D4;
}

.roadmap ul.collapsed {
    display: none;
}

/*
 * Automatische Symbole in der Roadmap
 */

.roadmap .indicator {
    display: block;
    float: left;
}

.roadmap .item {
    display: block;
    float: left;
    width: 14em;
    padding-left: 3px;
}

.roadmap p {
    clear: both;
}

.roadmap .indicator-closed {
    display: none;
}