/* Stylesheet fuer Taxi4Me
-----------------------------------------------------------*/


body {
   font-family: Verdana, Helvetica, Arial, sans-serif;;
   font-size: 10px;
   margin: 0px;
   padding: 5px; 
}

td {
      font-size: 10px; 
}
/* Header-Bereich
-----------------------------------------------------------*/
#header {
   border: none;
   padding: 0px; 
   color: #9DE978;
   font-weight: bold;  
   width: 93em;

}
/* Footer-Bereich
-----------------------------------------------------------*/
#footer {
   margin-top:10px;
   border-style: solid;
   border-width: 1px 0px 0px 0px;
   border-color: #36689b;
   clear:left;
}
/* Inhaltsbereich
-----------------------------------------------------------*/

#body {
   margin: 10px 0px 10px 0px;
   float:left;
   width: 93em;
}

/* Der eigentliche Inhaltsbereich
-----------------------------------------------------------*/
#content {
   float:left;
   clear:right;
   width:77em;
   border:none;
   padding: 0px;
}


div.content_div {
   margin: 0.5em 0em 1em 2em;
}


#contentheader {
   background-color: #9DE978;
   color: #ffffff;
   padding: 0.3em 1em 0.3em 3em;
}
#contetheader span.small {
   font-size: 1.3em;
}

#contentheader span.large {
   font-size: 1.5em;
   font-weight: bold;
}

/* Definitionen fuer Menue
------------------------------------------------------*/
#menu {
   float:left;
   clear:none;
   background-color: #9DE978;
   padding: 0px;
   padding-top: 8.8em;
   margin: 0px;
   width: 16em;
}

div.menuitem1 {
   margin: 0.2em 0px 0px 20px;
   font-size: 1.1em;
   font-weight: bold;
   padding: 0.2em 0.1em 0.2em 2px;
   display: list-item;
}

div.menuitem1_hover {
   font-size: 1.1em;
   font-weight: bold;
   color: #ffffff;
   background-color: #25851A;
   margin: 0.2em 0px 0px 20px;
   padding: 0.2em 0.1em 0.2em  2px;
   display:  list-item;
   cursor: link;   
}


div.menuitem1  a {
   display: block;
   color: #000000;
   text-decoration: none;
}

div.menuitem1_hover  a {
   display: block;
   color: #ffffff;
   background-color: #25851A;
   text-decoration: none;
}

div.menuitem1_hover a:hover {
   display: block;
   color: #ffffff;
   background-color: #25851A;
   text-decoration: none;
}
div.menu2 {
   margin-left: 20px;   
   margin-right: 0px;
   padding-right: 0px;
}

div.menuitem2 {
   color: #000000;
   font-size: 100%;
   padding: 0px 2px 2px 2px;
   border-width: 0px 0px 1px 0px;
   background-color: #F5FBF3;
   margin: 1px 0px 1px 0px;
}  


div.menuitem2_hover {
   font-size: 100%;
   padding: 0px 0px 2px 2px;
   border-width: 0px 0px 1px 0px;
   background-color: #25851A;
   color: #ffffff;
   margin: 1px 0px 1px 0px;
   cursor: link;
}


div.menuitem2 a {
   display:block;
   text-decoration: none;
   width: 100%;
   color:#000000;
}
div.menuitem2_hover a {
   display:block;
   text-decoration: none;
   width: 100%;
   color: #ffffff;   
}

div.menuitem2_hover a:hover {
   display:block;
   color: #ffffff;
}
a {
   color: #000000;
   text-decoration: none;
}
a:hover {
   color: #ff9900;
   text-decoration: none;

}

/* Eingabefelder
-----------------------------------------------------------*/

input {
   font-size: 10px;
   border: 1px solid #cccccc;
   padding: 0.2em;
   margin: 1px;
}
input:focus {
   background-color: #9DE978;
}
input.readonly {
   background-color: #E5F5D9;
   border: 1px solid #cccccc;
   padding: 0.2em;
   margin: 1px;
   width: auto;
}
input.readonly:focus {
   background-color: #ff9900;
}
input.cb {
   border:none;
   vertical-align:middle;
}
select {
   font-size: 10px;
   border: 1px solid #cccccc;
   padding: 0.2em;
   margin: 1px;
}
select:focus {
   background-color: #9DE978;
}

select.readonly {
   background-color: #F3F9EF;
   border: 1px solid #cccccc;
   padding: 0.2em;
   margin: 1px;

}
select.readonly:focus {
   background-color: #ff9900;
}
textarea {
   font-family: Verdana, Helvetica, Arial, sans-serif;;
   font-size: 10px; 
   border: 1px solid #cccccc;
   padding: 0.2em;
   margin: 1px;
}

textarea:focus {
   background-color: #9DE978;
}
button {
   font-size: 11px;
   color:#FFFFFF;
   background-color: #25851A;
   padding:0.2em;
   text-align:center;
}

button.large {
   font-size: larger;
   font-weight: bold;
   white-space: nowrap;
}

/* Layoutbeschreibung fümulare 
-----------------------------------------------------------*/
div.form_header {
   background-color: #25851A;
   color: #ffffff;
   font-size: 1.5em;
   font-weight: bold;
   margin-top: 1em;
   margin-bottom: 1em;
   padding: 0.5em 0em 0.5em 2em; 
}

div.form_content {
   margin-left: 2em;
}
label {
   clear: both;
   display: block;
   float: left;
   width: 15em;
   white-space:nowrap;
   padding-top:0.4em;
   padding-right: 2px;
   text-align:right;
   
}
div.labeltext {
   padding-top:  0.4em;
}

fieldset.group {
   border-width: 1px 1px 1px 1px;
   margin: 0px 0px 1em 0px;
   clear: both;
   padding: 0px;  
   background-color: #F5FBF3;
}

div.fs_header {
   background-color: #9DE978 ;
   margin: 0px 0px 1em 0px;
   font-size: 1.1em;
   font-weight: bold;
   padding: 0.2em 0.2em 0.2em 1em;  
}

div.fs_header span.help {
   float:right;
}

fieldset.group div.fs_header  a {
   color: #ffffff;
   text-decoration: none;
   padding:0.2em;
}

fieldset.group div.fs_header a:hover {
   color: #ffffff;
}
fieldset.group legend {
   font-weight: bold;
   font-size: 1.1em;
   padding: 2px;
}

fieldset.group legend a {
   text-decoration:none;
   color: black;
}

fieldset.group fieldset {  
   padding: 0.0em;  
   border-style:none;
   float:left;
   margin-left:0.5em;
   clear:none;
   width: 35.5em; 
/*   border: 1px solid black;  */
}

form {
   margin: 0px;
}

div.popupButtons {
   margin-top: 0.5em;
   text-align: center;
}

fieldset.group a {
   color: #000000;  
}
fieldset.group a:hover {
   color: #ff9900;
}
fieldset.group a.none:hover {
   color: #000000;
}

fieldset.group div.fixed label {
   clear:both;
   float: left;
   padding-top: 0em;
   margin: 0.1em;
}

fieldset.group div.fixed div.labeltext {
   float:left;
   padding-top: 0em;
   margin: 0.1em;
}
span.listcounter_active {
   color: #ff9900;
   font-weight: bold;
}
/* Tabellen
-----------------------------------------------------------*/
table.merkmale {
   border-spacing: 1px;
   border-collapse: collapse;
   empty-cells: show;
}

table.liste {
   border-spacing: 1px;
   border-collapse: collapse;
   font-size: 10px;
}

table.liste th {
   font-size:1.1em;
   text-align: left;
   white-space: nowrap;
   padding: 0.25em;
   border-bottom: solid 1px #afcbd6;
}
table.liste th#right {
   text-align:right;
}
table.liste th.ausrichtung_L {
   text-align: left;
}
table.liste th.ausrichtung_R {
   text-align: right;
}

table.liste th.ausrichtung_Z {
   text-align:center;
}

tr.list0 {
   background-color: #dddddd;
}
tr.list1 {
   background-color:#F5FBF3;
}

tr.selected {
   background-color:#ff9900;
}
tr.list_over {
   background-color:#ff9900;
}


table.liste td {
   vertical-align: top;
   font-size: 1.0em;
   padding: 0.25em;
}

table.liste td.borderleft {
   border-left: 1px solid #afcbd6;
}
table.liste td.ausrichtung_L {
   text-align: left;
}
table.liste td.ausrichtung_R {
   text-align: right;
}
table.liste td.ausrichtung_Z {
   text-align: center;
}

table.liste tr.list0 a {
   color: #000000;
}

table.liste tr.list1 a {
   color: #000000;
}
table.liste tr.list0 a:hover {
   color: #ff9900;
}
table.liste tr.list1 a:hover {
   color: #ff9900;
}
table.liste tr.selected a {
   color: #000000;
}

table.liste tr.trenner0 {
   border-top: solid 1px ;
   border-bottom: solid 1px #ffffff;
}
table.liste tr.trenner1 {
   border-top: solid 1px #ffffff;
   border-bottom: solid 1px ;

}
table.liste tr.trenner0 td {
   height: 0px; 
   padding:  0px;
}

table.liste tr.trenner1 td {
   height: 0px;
   padding: 0px;
}
table.liste tr.selected a:hover {
   color: #ffffff;
}

table.liste tr.list_over a:hover {
   color: #ffffff;
}
table.liste td.nowrap {
   white-space:nowrap;
}


div.href {
   padding: 2px;
   margin: 5px;
}
div.href a {
   padding: 2px;
   text-decoration: none;
   color: black;
   border: dashed 1px black;
}
div.href a:hover {
   background-color: #dddddd;
}

/* Auswahl Overlay 
--------------------------------------------------------------*/
div.auswahl {
   background-color: #dddddd; 
   border: solid 1px #36689b; 
   width:50em; 
   padding:1em; 
}

fieldset.auswahl {
   border-width: 1px 1px 1px 1px;
   border-color: #36689b;
   border-style: solid;
   margin: 0px 0px 1em 0px;
   padding: 0px;
   background-color: #dddddd;

}
div.fs_header_auswahl {
   width: 40em;
   border-bottom: solid 1px #36689b;
   background-color: #ff9900;
/*   color: #36689b; */
   color: #ffffff;
   font-weight:bold;
   padding: 0.5em;
   font-size: 1.2em;
   
}


/* Hinweis-Meldung
-----------------------------------------------------------------------*/
iframe#IFRAME_POPUP {
   position: absolute;
   left: 0px;
   top: 0px;
   z-index: 9;
   visibility: hidden; 
   border:none;
   width: 400px;
   height: 50px;
   
}
div#DIV_POPUP {
   background-color: #ffffff; 
/*   border: solid 2px #36689b; */
   border:solid 1px #cccccc;
/*   width:40em;    */
   position:absolute;
   z-index:10;
}
div#DIV_HINWEIS_HEADER {
   width: 40em;
   border-bottom: solid 1px #36689b;
   background-color: #F5BF19;
/*   color: #36689b; */
   color: #ffffff;
   font-weight:bold;
   padding: 0.5em;
   font-size: 1.2em;
}

div#DIV_HINWEIS_CONTENT {
   padding: 1em;
   font-size: 1.1em;
}

a#A_HINWEIS_CLOSE {
   background-color: #ff9900;
   color: #36689b;
   text-decoration: none;
}

a#A_HINWEIS_CLOSE:hover {
   color: #ffffff;
}

div.popupform {
   display: none; 
   position: absolute;
   background-color: #ffffff;
   padding: 0em;
   z-index: 8; 
   border-width: 1px;
   border-style: solid;
/*   border-color: #ffffff; */
   border-color: #dddddd #36689b #36689b #dddddd;
   margin-left: 10px; 
   margin-top: -2px;
   left: 0px;
   top: 0px;
}

div.popupform div.inner {
/*   border-color: #000000;  */
   border-color: #ffffff #dddddd #dddddd #ffffff;
   border-style: solid; 
   border-width: 1px;
/*   border-width: 0px 1px 1px 0px; */
}

div.popupform div.inner fieldset.group {
   padding: 0em 0em 0em 0em;
   margin: 0em;
}

div.popupform .fs_header {
   font-size: 1.2em;
   color: #ffffff;
}

iframe.helptext_iframe {
   z-index:3;
   border:none;
   position: absolute;
   width: 30em;
   visibility: visible;
}
div.helptext {
   position: absolute;
   width: 30em; 
   display:none;
   border-style: solid;
   border-color: #ffffff;
   border-width: 1px;
   background-color: #ffffff;
   padding: 0em;
   z-index: 4;
}

div.helptext div.inner {
   border-color: #000000;
   border-style: solid;
   border-width: 0px 1px 1px 0px;
   padding: 0.1em;
}
div.helptext_header {
   background-color: #ddebf0;
   font-size: 1.2em;
   font-weight: bold;
   padding: 0.2em;
}
div.helptext_content {
   padding: 0.2em;
/*   text-align: justify; */
}
/* KALENDER 
--------------------------------------------------------------------------------*/
iframe#kalender_iframe {
   position:absolute;   
   z-index: 5;
   top:0px;
   left:0px;
   visibility:hidden;
   border: none;
}
div#kalender {
   position:absolute;
   z-index: 6;
   visibility: hidden; 
   background-color: #dddddd;
   border: solid 1px #36689b;

   top:0px;
   left:0px;
   width: 25em;
   padding: 0px;
   padding: 0em; 
   
}
div#kalender fieldset {
   border: none;
   padding: 0px;
}

div#kalender  div.header {
   border-bottom: solid 1px #36689b;
   background-color: #ff9900;
   color: #ffffff;
   font-weight:bold;
   padding: 0.5em;
   font-size: 1.0em;
}

div#kalender div.header a {
   color: #ffffff;
   text-decoration: none;
}

table.kalender {
   background-color: #ffffff;
   width: 100%; 
}


table.kalender a {
   color: #000000;
   text-decoration: none;
}

table.kalender a:hover {
   color: #ff9900
}
table.kalender td.tag {
   width: 2em; 
   height: 2em; 
   border-width: 0px 1px 1px 0px;
   border-style: solid;
   border-color: #ddebf0;
   margin: 1px;
   text-align:center;
   vertical-align: middle;

}


table.kalender td.tag a {
   color: #36689b;
   text-decoration: none;
}

table.kalender td.tag_heute {
   width: 2em;
   height: 2em;
   border-width: 0px 1px 1px 0px;
   border-style: solid;
   border-color: #ddebf0;
   background-color: #dddddd;
   margin: 1px;
   text-align:center;
   vertical-align: middle;
  
}


table.kalender td.tag_heute a {
   color: #36689b;
   text-decoration: none;
}

table.kalender table.navig td a {
   color: #36689b;
   text-decoration: none;
}

a.adminlink {
   background-color: #ddebf0;
   display: inline;
}

/* ======================================================================== */
/* FUER KUNDENBETREUER - PORTAL */
/* ======================================================================== */
/* Style fuer Reiter */
div.tabsheet {
   white-space: nowrap;
}
div.reiterRand {  
   font-size: 1.2em;
   background-color: #dddddd;
   padding: 0.2em 0.1em  0.2em 0.1em;
   border-bottom: 1px solid #afcbd6;
   border-top: 1px solid #ffffff;
   float: left;
}
div.reiterOff {
   font-size: 1.2em;
   background-color: #dddddd;
   padding: 0.2em 0.5em 0.2em 0.5em;
   border-bottom: 1px solid #afcbd6;
   border-top: 1px solid #ffffff;
   float: left;
   color: #afcbd6;
}
div.reiterOff a {
   text-decoration: none;
   color: #000000;
}

div.reiterOn {
   font-size: 1.2em;
   font-weight: bold;
   background-color: #ffffff;
   border-style: solid;
   border-color: #afcbd6;
   border-width: 1px 2px 0px 1px;
   padding: 0.2em 0.5em 0.2em 0.5em;
   float: left;
}

div.reiterOn a {
   text-decoration: none;
   color: #ff9900;
}

table.termineintrag {
   border-spacing: 1px;
   border-collapse: collapse;
}
table.termineintrag td {
   padding: 0.1em;
}