/* ---------------------------------------------------- */
/* CSS eKOL GW                                          */
/* Stadt Wuppertal                                      */
/* online Auskunft                                      */
/* ---------------------------------------------------- */

@media print {
  .noprint {
    visibility: hidden;
  }
}

body
{
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  background: images/bg_body.gif repeat-y center #CBDFF7;
  font-family: Roboto, sans-serif;
  font-size:75%;
  text-align: center;
}


/* ---------------------------------------------------- */
/* Tabelle Eingabeformular                              */
/* ---------------------------------------------------- */
div.formular
{
    width:800px;
    border:1px;
    border-style:solid;
    border-color:#9495A2;
    font-size: 12pt;
    font-family: Roboto, sans-serif;
	text-align:left;
	margin: auto;
	padding-left:1px;
	padding-right:1px;
    background-color:white; 
    color:#000000;    

}

/* ---------------------------------------------------- */
/* Kopfzeile des Eingabeformulars                       */
/* ---------------------------------------------------- */
.formularkopf
{
	height: 35px;	
	background-color: #f2f2f2; /* fallback color if gradients are not supported */
	background: -webkit-gradient(linear, left top, left bottom, from(#680000), to(#f2f2f2)); 
	background: -webkit-linear-gradient(top, #680000, #f2f2f2); 
	background:    -moz-linear-gradient(top, #680000, #f2f2f2); 
	background:     -ms-linear-gradient(top, #680000, #f2f2f2); 
	background:      -o-linear-gradient(top, #680000, #f2f2f2); 
	background:         linear-gradient(top, #680000, #f2f2f2); /* standard, but currently unimplemented */
	-ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#680000, endColorstr=#f2f2f2);
 	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#680000, endColorstr=#f2f2f2);
	color: White;
}

/* ---------------------------------------------------- */
/* Fusszeile des Eingabeformulars                       */
/* ---------------------------------------------------- */
.formularfuss
{
	height: 35px;	
	background-color: #f2f2f2; /* fallback color if gradients are not supported */
	background: -webkit-gradient(linear, left top, left bottom, from(#680000), to(#f2f2f2)); 
	background: -webkit-linear-gradient(top, #680000, #f2f2f2); 
	background:    -moz-linear-gradient(top, #680000, #f2f2f2); 
	background:     -ms-linear-gradient(top, #680000, #f2f2f2); 
	background:      -o-linear-gradient(top, #680000, #f2f2f2); 
	background:         linear-gradient(top, #680000, #f2f2f2); /* standard, but currently unimplemented */
	-ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#680000, endColorstr=#f2f2f2);
 	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#680000, endColorstr=#f2f2f2);
	color: White;
}

/* ---------------------------------------------------- */
/* Titelzeile des Eingabeformulars                      */
/* ---------------------------------------------------- */
.kopftitel
{
    font-weight: normal;
    font-size: 16pt;
    font-family: Roboto, sans-serif;
    color: #FFFFFF;
}


/* ---------------------------------------------------- */
/* Copyright Zeile                                      */
/* ---------------------------------------------------- */
A.copyright:link {
    color: #ffffff;
    font-size: 12pt;
    font-family: Roboto, sans-serif;
    text-decoration: none
}
A.copyright:visited {
    color: #ffffff;
    font-size: 12pt;
    font-family: Roboto, sans-serif;
    text-decoration: none
}
A.copyright:hover {
    color: #ffffff;
    font-size: 12pt;
    font-family: Roboto, sans-serif;
    text-decoration: none
}
.version
{
    font-size: 9px;
    color: #FFFFFF;
    font-family: Roboto, sans-serif;
}

/* ---------------------------------------------------- */
/* Tabellenspalte Schrittanzeige                        */
/* ---------------------------------------------------- */
td.schritt
{
    background-color:#eee4e3;
}

.textschritt
{
	FONT-WEIGHT: bold;
    FONT-SIZE: 12px;
    COLOR: #000000;
    font-family: Roboto, sans-serif;
}


/* ---------------------------------------------------- */
/* Tabellenspalte Vorgang                               */
/* ---------------------------------------------------- */
.formularvorgang {
    background-color: #eee4e3;
    height: 25px;
    text-align: left;
    vertical-align: middle;
}

.textvorgang {
    font-weight: bold;
    font-size: 14px;
    color: #000000;
    font-family: Roboto,sans-serif;
}

/* ---------------------------------------------------- */
/* Tabellenspalte Hinweise                              */
/* ---------------------------------------------------- */
.formularhinweise
{
	background-color:#F2F2F2;
	font-weight : normal;
    font-size: 14pt;
    font-family: Roboto, sans-serif;
	color: #000000;
	padding-top: 15px;
	padding-bottom: 5px;
}

.texthinweise_li
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 13px;
    COLOR: #eee4e3;
    font-family: Roboto, sans-serif;
}

td.hinweise_re
{
    background-color:F2F2F2;
}

.texthinweise_re
{
	FONT-WEIGHT: normal;
    FONT-SIZE: 14px;
    COLOR: #000000;
    font-family: Roboto, sans-serif;
}

.texthinweise_ex
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 12px;
    COLOR: #009933;
    font-family: Roboto, sans-serif;
}

/* ---------------------------------------------------- */
/* Fehlermeldung in Tabellenspalte Hinweise             */
/* ---------------------------------------------------- */
.textfehler
{
    FONT-WEIGHT: normal;
    COLOR: #ff0000;
	font: 500 14px/14px Roboto, sans-serif;
    background-color: #FFDDDD
}

/* ---------------------------------------------------- */
/* Tabellenspalte Eingaben                              */
/* ---------------------------------------------------- */
.formulareingaben
{
    background-color:F2F2F2;
}

.texteingaben_li
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 13px;
    COLOR: #eee4e3;
    font-family: Roboto, sans-serif;
}

td.eingaben_re
{
    background-color:F2F2F2;
}

/* ---------------------------------------------------- */
/* Tabelle fuer Navigations Buttons                     */
/* ---------------------------------------------------- */
.navigation
{
    background-color:F2F2F2;
    border: 0;
}

/* ---------------------------------------------------- */
/* Textlinks in Formularen                              */
/* ---------------------------------------------------- */
A.textlink:link {
		FONT-WEIGHT: bold;
        COLOR: #004080;
		font: 500 14px/14px Roboto, sans-serif;
        TEXT-DECORATION: none
}
A.textlink:visited {
		FONT-WEIGHT: bold;
        COLOR: #004080;
        font: 500 14px/14px Roboto, sans-serif;
        TEXT-DECORATION: none
}
A.textlink:hover {
		FONT-WEIGHT: bold;
        FONT-SIZE: 11px;
        COLOR: #004080;
        font: 500 14px/14px Roboto, sans-serif;
        TEXT-DECORATION: underline
}


/* ---------------------------------------------------- */
/* Sonstige                                             */
/* ---------------------------------------------------- */
A.headlink:link {
  font-size: 12px; COLOR: #333399; TEXT-DECORATION: none;
}
A.headlink:visited {
  font-size: 12px; COLOR: #333399; TEXT-DECORATION: none;
}
A.headlink:active {
  font-size: 12px; COLOR: #333399; TEXT-DECORATION: none;
}
A.headlink:hover {
  font-size: 12px; COLOR: #000000; TEXT-DECORATION: none;
}


A.link11:link {
  font-size: 12px; COLOR: #333399; TEXT-DECORATION: underline;
}
A.link11:visited {
  font-size: 12px; COLOR: #333399; TEXT-DECORATION: underline;
}
A.link11:active {
  font-size: 12px; COLOR: #333399; TEXT-DECORATION: underline;
}
A.link11:hover {
  font-size: 12px; COLOR: #000000; TEXT-DECORATION: underline;
}

A.link11Red:link {
  font-size: 12px; COLOR: #333399; TEXT-DECORATION: underline;
}
A.link11Red:visited {
  font-size: 12px; COLOR: #333399; TEXT-DECORATION: underline;
}
A.link11Red:active {
  font-size: 12px; COLOR: #333399; TEXT-DECORATION: underline;
}
A.link11Red:hover {
  font-size: 12px; COLOR: #000000; TEXT-DECORATION: underline;
}

A:link {
  font-size: 11px; COLOR: #000000; TEXT-DECORATION: underline;
}
A:visited {
  font-size: 11px; COLOR: #000000; TEXT-DECORATION: underline;
}
A:active {
  font-size: 11px; COLOR: #000000; TEXT-DECORATION: underline;
}
A:hover {
  font-size: 11px; COLOR: #000000; TEXT-DECORATION: underline;
}

/* ---------------------------------------------------- */
/* Labels in Formularen                                 */
/* ---------------------------------------------------- */
.form_label
{
    height: 30px;
    margin-top: 10px;
	margin-left: 10px;
    font-weight: normal;
    font-size: 12pt;
    font-family: Roboto, sans-serif;
    color: #444444;
}

.form_label_bold
{
    height: 25px;
    padding-top: 5pt;
    font-weight: bold;
    font-size: 12pt;
    font-family: Roboto, sans-serif;
    color: #000000;
}

.form_label_error
{
    height: 25px;
    padding-top: 5pt;
    font-weight: normal;
    font-size: 12pt;
    font-family: Roboto, sans-serif;
    color: #ff0000;
}

.form_label_liste
{
    height: 25px;
    width: 100px;
    padding-top: 5pt;
    font-weight: normal;
    font-size: 12pt;
    font-family: Roboto, sans-serif;
    color: #0000FF;
}

.form_label_ausgabe
{
    height: 25px;
    padding-top: 5pt;
    font-weight: normal;
    font-size: 12pt;
    font-family: Roboto, sans-serif;
    color: #444444;
}

.form_comboaslabel
{
    height: 25px;
    padding-top: 5pt;
    font-weight: normal;
    font-size: 12pt;
    font-family: Roboto, sans-serif;
    color: #444444;
    background-color: #FFFFFF;
}

/* ---------------------------------------------------- */
/* Eingabefelder in Formularen                          */
/* ---------------------------------------------------- */
.form_text {
    height: 30px;
    width: 300px;
    font-weight: normal;
    font-size: 12pt;
    font-family: Roboto, sans-serif;
    color: #000000;
    margin: 4pt 0 4pt 0;
    padding-top: 2pt;
    padding-bottom: 2pt;
}

.form_text_middle
{
    height: 30px;
    width: 200px;
    font-weight: normal;
    font-size: 12pt;
    font-family: Roboto, sans-serif;
    color: #000000;
    margin: 2pt 0 2pt 0;
    padding-top: 5pt;
}

.form_text_short
{
    height: 30px;
    width: 95px;
    font-weight: normal;
    font-size: 12pt;
    font-family: Roboto, sans-serif;
    color: #000000;
    margin: 2pt 0 2pt 0;
    padding-top: 5pt;
}

.form_text_Xshort
{
    height: 30px;
    width: 30px;
    font-weight: normal;
    font-size: 12pt;
    font-family: Roboto, sans-serif;
    color: #000000;
    margin: 2pt 0 2pt 0;
    padding-top: 5pt;
}

.form_text_multiline {
width: 300px;
font-weight: normal;
font-size: 12pt;
font-family: Roboto, sans-serif;
color: #000000;
margin: 4pt 0 4pt 0;
padding-top: 2pt;
padding-bottom: 2pt;
}

/* ---------------------------------------------------- */
/* Checkboxen in Formularen                             */
/* ---------------------------------------------------- */
.form_checkbox
{
    height: 30px;
    padding-top: 5pt;
    font-weight: normal;
    font-size: 12pt;
    font-family: Roboto, sans-serif;
    color: #000000;
}

/* ---------------------------------------------------- */
/* Listenfeld lang in Formularen                        */
/* ---------------------------------------------------- */
.form_list_long
{
  width: 450px;
  FONT-WEIGHT: normal;
  FONT-SIZE: 11px;
  COLOR: #000000;
  font-family: Roboto, sans-serif;
}

.form_list_middle
{
  width: 300px;
  font-weight: normal;
  font-size: 11px;
  color: #000000;
  font-family: Roboto, sans-serif;
}

/* ---------------------------------------------------- */
/* Buttons in Formularen                                */
/* ---------------------------------------------------- */
.form_button
{
  height: 2em;
  width: 100px;
  background-color: #eee4e3;
  background-repeat: no-repeat;
  background-position: right center;
  color: black;
  text-decoration: none;
  border-top: 1px solid white;
  border-left: 1px solid white;
  border-right: 1px solid black;
  border-bottom: 1px solid black;
  padding: 0px;
}

/* ---------------------------------------------------- */
/* Weiter Buttons in Formularen                         */
/* ---------------------------------------------------- */
.form_button_next
{
  height: 2em;
  width: 100px;
  background-color: #eee4e3;
  background-image: url(../images/ok.gif);
  background-repeat: no-repeat;
  background-position: right center;
  color: black;
  text-decoration: none;
  border-top: 1px solid white;
  border-left: 1px solid white;
  border-right: 1px solid black;
  border-bottom: 1px solid black;
  padding: 0px;
}

/* ---------------------------------------------------- */
/* Zurck Buttons in Formularen                         */
/* ---------------------------------------------------- */
.form_button_back
{
  height: 2em;
  width: 100px;
  background-color: #eee4e3;
  background-image: url(../images/back.gif);
  background-repeat: no-repeat;
  background-position: left center;
  color: black;
  text-decoration: none;
  border-top: 1px solid white;
  border-left: 1px solid white;
  border-right: 1px solid black;
  border-bottom: 1px solid black;
  padding: 0px;
}

/* ----------------------------------------------------  */
/* Flexibler Buttons in Formularen                       */
/* hier kann hhe und weite im Formular angegeben werden */
/* ----------------------------------------------------  */
.form_button_flex
{
  height: 2em;
  width: 100px;
  background-color: #eee4e3;
  color: black;
  text-decoration: none;
  border-top: 1px solid white;
  border-left: 1px solid white;
  border-right: 1px solid black;
  border-bottom: 1px solid black;
  padding: 0px;
}

/* ---------------------------------------------------- */
/* Unsichtbare Buttons in Formularen                    */
/* ---------------------------------------------------- */
.form_button_temp
{
  height: 1px;
  width: 1px;
  background-color: transparent;
  color: black;
  text-decoration: none;
  border-top: 1px solid transparent;
  border-left: 1px solid transparent;
  border-right: 1px solid transparent;
  border-bottom: 1px solid transparent;
  padding: 0px;
}

/* ----------------------------------------------------  */
/* 1 Zeichen Buttons in Formularen                       */
/* ----------------------------------------------------  */
.form_button_char
{
  height: 2em;
  width: 17px;
  background-color: #eee4e3;
  color: black;
  text-decoration: none;
  border-top: 1px solid white;
  border-left: 1px solid white;
  border-right: 1px solid black;
  border-bottom: 1px solid black;
  padding: 0px;
}

/* --------------------------------------------------- */
/* Listenfeld (Grid)                                   */
/* --------------------------------------------------- */
.liste_div 
{
    overflow: scroll;
    width: 750px !important; 
    text-align: left;
}

.liste_grid 
{
    Color: Navy;
    width: 750px !important; 
    Font-Size: 10px;
}

.liste_header
{
    height: 25px;
    background-color:#eee4e3;
    font-weight: normal;
    font-size: 10pt;
    font-family: Roboto, sans-serif;
    color: #000000;
}

.liste_footer 
{
    background-color:#BBBDCD;
    height: 5px;
}

.liste_item 
{
    font-weight: normal;
    font-size: 10pt;
    font-family: Roboto, sans-serif;
    color: #000000;
    background-color: #FFFFFF;
}

.liste_item2 
{
    font-weight: normal;
    font-size: 10pt;
    font-family: Roboto, sans-serif;
    color: #000000;
    background-color: #FFFFFF;
}

.liste_selected 
{
    Color: #FFFFFF;
    background-color: #FFFFFF;
}

.liste_button 
{
    background-color: #FFFFFF;
    color: black;
    text-decoration: none;
}

/* --------------------------------------------------- */
/* Repeater 17036                                      */
/* --------------------------------------------------- */
.repeater_header
{
	background-image: url("../images/bg_navi.png"); 
	background-repeat: repeat-x; 
	background-color: #D8DADB; 
	text-shadow: 0 1px 1px #ffffff;
	margin-top: 5px;
}

.repeater_header_row
{
	background-color: #D8DADB; 
	text-shadow: 0 1px 1px #ffffff;
	margin-bottom: 5px; 
	margin-top: 5px; 
}

.repeater_item_row_alt
{
	margin-bottom: 10px; 
	padding: 10px; 	
	background-color: #f7f7f7;
}

.repeater_nav_row
{
	background-image: url("../images/bg_navi.png"); 
	background-repeat: repeat-x; 
	background-color: #D8DADB; 
	text-shadow: 0 1px 1px #ffffff;
	margin-top: 5px;
}

.labelListeBold
{
    font-weight: bold;
    font-size: 12pt;
    font-family: Roboto, sans-serif;
    color: darkblue;
    text-decoration: none;
}

a.labelListeBold
{
    font-weight: bold;
    font-size: 12pt;
    font-family: Roboto, sans-serif;
    color: darkblue;
    text-decoration: underline;
}

.labelListeNormal
{
    font-weight: normal;
    font-size: 12pt;
    font-family: Roboto, sans-serif;
    color: black;
    text-decoration: none;
}