/* Stylesheet zu randstad PersonalKostenAnalyse */
/* colognetworx cnx GmbH, Cologne */


/* ********** Farbdokumentation: ********* */
/*
Hellblau fuer Hintergrund: #DFECF5
Dunkelblau im Zwillingsquadrat: #1462ad
Hellblau im Zwillingsquadrat: #0082c7
Orange (Rahmenlinie und Schriftzuege): #f48e00

*/

/* *** Allgemeine Styles *** */

.noprint {display:none;}

body {   /* background-color:#ffffff;*/
         background-color:#DFECF5;
         color:#000000;
         margin:0px;
         padding:0px;
     }

/* Hintergrundflaeche */
.contentbox {  background-color:#ffffff;
               width:100%;
               color:#000000;}

.content {     text-align:center;
         }

a {      font-family:Arial,Helvetica,sans-serif;
             font-size:11px;
             font-weight:bold;
             color:#2f80bf;
             background-color:#ffffff;
             text-decoration:underline; }

/*a:link {     font-family:Arial,Helvetica,sans-serif;
             font-size:11px;
             font-weight:bold;
             color:#2f80bf;
             background-color:#ffffff;
             text-decoration:underline;
              }

a:visited     {
                  color:#2f80bf;
                  background-color:#ffffff;
                   font-weight:bold;
                  text-decoration:underline;}
a:hover     {
                   color:#2f80bf;
                   background-color:#ffffff;
                   text-decoration:underline;

            }

a:active {         color:#2f80bf;
                   background-color:#ffffff;
                   text-decoration:underline;
               }
*/
/* Rahmentabelle für Formulare */
.formbuilder {
             font-family:Arial,Helvetica,sans-serif;
             font-size:11px;
             color:#000000;
             background-color:#ffffff;
             padding:0px;
             /* border:1px solid #f48e00; */
             /* margin-left:55px;*/
             margin-top:25px;
             margin-bottom:10px;
             width:100%;
             text-align:left;
             }
.formbuilder2 {
             font-family:Arial,Helvetica,sans-serif;
             font-size:11px;
             color:#000000;
             background-color:#ffffff;
             padding:0px;
             /* border:1px solid #f48e00; */
             /* margin-left:55px;*/
             margin-top:0px;
             margin-bottom:5px;
             width:100%;
             text-align:left;
             }
.forminternal {
             font-family:Arial,Helvetica,sans-serif;
             font-size:11px;
             color:#000000;
             background-color:#ffffff;
             padding:0px;
             /*border:1px solid #f48e00;*/
             /* margin-left:55px;*/
             margin-top:25px;
             margin-bottom:10px;
             width:100%;
             text-align:left;
             }

.login       {
             font-family:Arial,Helvetica,sans-serif;
             font-size:11px;
             color:#000000;
             background-color:#ffffff;
             /* padding:10px;*/
             border:1px solid #f48e00;
             margin-top:100px;
             margin-bottom:100px;
             margin-left:auto;
             margin-right:auto;
             width:30%;
             text-align:left;

             }
.dialog {    font-family:Arial,Helvetica,sans-serif;
             font-size:11px;
             color:#2f80bf;
             font-weight:bold;
             background-color:#ffffff; }

.title1 {    font-family:Arial,Helvetica,sans-serif;
             font-size:14px;
             color:#f48e00;
             font-weight:bold;
             background-color:#ffffff; }

/* Spaltenüberschriften in Berechnungstabellen */
.coltitle {    text-align:right;}
.coltitle2 {   text-align:left;}

/* Summen in Berechnungstabellen */
.colsum    {    font-weight:bold;text-align:right;}
.colsum2   {    font-weight:bold;text-align:left;}

/* Positionierung der Buttons in Eingabemasken*/
.buttonpos {      text-align:right;}
.buttonpos2 {      text-align:left;}

/* einfache Werte in Berechnungstabellen */
.value      {      text-align:right;}




.b      {    font-weight:bold;}
.red    {    font-weight:bold;color:red;}
.r      {    text-align:right;}
.k      {    font-weight:normal;font-style:italic;}


/* ____________________________________________________________ */


/* Header-Styles */

.logoheader { width:100%;
              /*border:1px solid red;*/
              background-color:#ffffff;
              color:#000000;}

/* Sonder-Header für Diagramm */
.logoheader2 { width:1445px;
              /*border:1px solid red;*/
              background-color:#ffffff;
              color:#000000;}

.subheader { background-color:#DFECF5;
              color:#000000;
              vertical-align:bottom;
           }
.squaredark {color:#000000;
             /* background-color:#1462ad;*/
             background-image:url('../img/print_header/4pix_darkblue.gif');
             /* border:1px solid red;*/
             }
.squarelight {color:#000000;
             /* background-color:#0082c7;*/
             background-image:url('../img/print_header/4pix_lightblue.gif');
             }
.headertitle {
             font-family:Arial,Helvetica,sans-serif;
             font-size:20px;
             color:#f48e00;
             font-weight:bold;
             /* color:#ffffff;*/
             /* background-color:#0082c7;*/
             background-color:#ffffff;
             text-align:left;
             vertical-align:bottom;
             }
.logo        {
             text-align:right;
             }


/* ____________________________________________________________ */

/* Admin Styles */

.adminlisthead  {
             font-family:Arial,Helvetica,sans-serif;
             font-size:11px;
             color:#000000;
             background-color:#ffffff;
             padding:0px;
             /* border:1px solid #1462ad;*/
             /* margin-left:55px;*/
             margin-top:20px;
             margin-bottom:0px;
             width:100%;
             text-align:left;
             }

.subnav {    font-family:Arial,Helvetica,sans-serif;
              font-size:11px;
              font-weight:bold;
              background-color:#ffffff;
              margin-right:5px;
              margin-right:5px;
              padding-right:5px;
              padding-right:5px;
              border-right:1px solid #0082c7;

         }

a.subnav:link {
              color:#0082c7;
              text-decoration:none;

              }
a.subnav:visited {
              color:#0082c7;
              text-decoration:none;
              }
a.subnav:hover {
              color:#f48e00;
              text-decoration:underline;
              }
a.subnav:active {
              color:#f48e00;
              text-decoration:underline;
              }




.adminlist {
             font-family:Arial,Helvetica,sans-serif;
             font-size:11px;
             color:#000000;
             background-color:#ffffff;
             padding:0px;
             /* border:1px solid #1462ad;*/
             /* margin-left:55px;*/
             margin-top:25px;
             margin-bottom:10px;
             width:100%;
             text-align:left;

             }


.listtitle {    font-style:italic;}

.listcol {    text-align:left;
               }
.listline {  border-bottom:1px solid #0082c7;
             height:0px;
             font-size:1px;
          }


/* Ende Admin-Styles */

/* ____________________________________________________________ */

/* Navigationsleiste */
.navbar {     text-align:right;
              width:100%;
              /* border:1px solid pink;*/
              height:20px;
              padding:0px;
              margin:0px;
              background-color:#DFECF5;
              /* background-color:#ffffff;*/
              color:#000000;
              vertical-align:top;
            }
/* Navbar für Diagramm */
.navbar2 {     text-align:right;
              width:1445px;
              /* border:1px solid pink;*/
              height:20px;
              padding:0px;
              margin:0px;
              background-color:#DFECF5;
              /* background-color:#ffffff;*/
              color:#000000;
              vertical-align:top;
            }


a.headernav { font-family:Arial,Helvetica,sans-serif;
              font-size:11px;
              font-weight:bold;
              /* height:25px;*/

              border-top:1px solid #0082c7;
              border-left:1px solid #0082c7;
              border-bottom:1px solid #0082c7;
              /* border-left:1px solid #ffffff;*/
              padding-left:5px;
              padding-right:5px;
              text-decoration:none;
            }
a.headernav:link { background-color:#ffffff;
                   color:#0082c7;
                   }
a.headernav:visited {
                   background-color:#ffffff;
                   color:#0082c7;}
a.headernav:hover {
                   background-color:#ffffff;
                   text-decoration:none;
                   color:#0082c7;}
a.headernav:active {background-color:#f48e00;
                   color:#ffffff;
                   border-bottom:1px solid #ffffff;
                   }
/* _______________________________________________________________*/

/* Fußzeilen-Styles */

.footer {     width:100%;
              border:0px;
              background-color:#0082c7;
              color:#000000;
              display:none;

        }
/* Footer für Diagramm  */
.footer2 {     width:1440px;
              border:0px;
              background-color:#0082c7;
              color:#000000;

        }

.footersubtext { font-family:Arial,Helvetica,sans-serif;
              font-size:10px;
              border:0px;
              color:#0082c7;
              background-color:#DFECF5;
              /* background-color:#ffffff;*/
              padding-left:5px;
            }
a.footernav { font-family:Arial,Helvetica,sans-serif;
              font-size:11px;
              font-weight:bold;
              border-right:1px solid #ffffff;
              /* border-left:1px solid #ffffff;*/
              padding-left:5px;
              padding-right:5px;
              text-decoration:none;
            }
a.footernav:link { color:#ffffff;
                   background-color:#0082c7;}
a.footernav:visited {
                   color:#ffffff;
                   background-color:#0082c7;}
a.footernav:hover {
                   color:#ffffff;
                   text-decoration:underline;
                   background-color:#0082c7;}
a.footernav:active {color:#ffffff;
                   background-color:#0082c7;}

a.logout { font-family:Arial,Helvetica,sans-serif;
              font-size:11px;
              font-weight:bold;
              border-left:1px solid #ffffff;
              padding-left:5px;
              padding-right:5px;
              text-decoration:none;
              text-align:right;
            }
a.logout:link { color:#f48e00;
                   background-color:#2f80bf;}
a.logout:visited {
                   color:#f48e00;
                   background-color:#2f80bf;}
a.logout:hover {
                   color:#f48e00;
                   text-decoration:underline;
                   background-color:#2f80bf;}
a.logout:active {  color:#f48e00;
                   background-color:#2f80bf;}


/* ____________________________________________________________ */


/* Formular-Styles */
/* form               { background-color:#ffffff;}*/
input,textarea     { color:#000000;
                     font-size:12px;
                     font-family:"Courier New", Courier, Monospace;
                     font-weight:normal;
                     background-color:#ffffff; }
select             { color:#000000;
                     font-size:11px;
                     font-family:Arial,Helvetica,sans-serif;
                     font-weight:normal;
                     background-color:#ffffff; }
.calendar1           {width:65px;}
.calendar2           {width:35px;}
.calendar3           {width:45px;}

.obligtextfield     { border:1px solid #ff0022;width:300px;}
.textfield           { border:1px solid #aaaaaa;width:300px;}
.numrowfield           { border:1px solid #aaaaaa;width:40px;}
.oblignumberfield    { border:1px solid #ff0022;width:80px;text-align:right;}
.numberfield           { border:1px solid #aaaaaa;width:300px;}
.loginfield            { border:1px solid #f48e00;width:120px;}
.forgotpw            { border:1px solid #f48e00;width:230px;}
.messagefield        { border:1px solid #aaaaaa;width:230px;height:100px;}

.list                { width:300px; }
.check, .radio       { background-color:#ffffff; color:#2f80bf; }
.button              {
                     /*background-color:#eeeeee;
                       font-family:Arial,Helvetica,sans-serif;
                       color:#000000;
                       font-size:10px;
                       width:120px;
                       border:1px solid #f48e00;*/
                       margin-top:25px;
                       display:none;
                     }

button               {
                     width:93px;
                     height:23px;
                     padding:0px;
                     margin:0px;
                     background-color:#ffffff;
                     color:#ffffff;
                     border:0;
                     }
.reset               {
                     width:103px;

                     }

/* ____________________________________________________________ */

/* Styles für einzelne Templates */
/* _welcome */
.welcometext { font-family:Arial,Helvetica,sans-serif;font-weight:bold;}

/* auslastungsdiagramm */

/* auslastungsdiagramm */
.diagram   {
             font-family:Arial,Helvetica,sans-serif;
             font-size:11px;
             color:#000000;
             background-color:#ffffff;
             padding:0px;
             /* border:1px solid green;*/
             /* margin-left:55px;*/
             margin-top:0px;
             margin-bottom:10px;
             width:800px;
             text-align:left;
             }


.month    {
          font-family:Arial,Helvetica,sans-serif;
          font-size:9px;
          color:#2f80bf;
          background-color:#ffffff;
          text-align:center;
          }


.permstaff {
          font-family:Arial,Helvetica,sans-serif;
          font-size:9px;
          color:#2f80bf;
          background-color:#ffffff;
          text-align:left;
          }
.blank    {
          background-color:#efefef;
          border:2px solid #ffffff;
          }
.graphic {
          /*background-color:#009900;*/
          /*border:2px solid #ff0000;*/
          text-align:center;
          vertical-align:middle;
          height:200px;
         }
.legende {
          font-family:Arial,Helvetica,sans-serif;
          font-size:9px;
          color:#000000;
          background-color:#ffffff;
          text-align:left;
          }

.numberfield2           { border:1px solid #ff0022;width:50px;text-align:center;}
.value2      {      text-align:center;}
.value3      {      padding-right:5px;}

/* Styles für statische Seiten */
/* help.tpl */
.helppage    {  background-color:#e0edf6;
            color:#000000;
            /* margin:0px;*/
            font-family:Arial,Helvetica,sans-serif;
            font-size:11px;
            }

.logohelp {   width:100%;
              border-bottom:1px solid #2f80bf;
              background-color:#ffffff;
              color:#000000;
              margin-bottom:20px;}

.logohelpbig {   width:533px;
              position:absolute;
              left:0;
              top:0;
              border:0px solid red;
              border-bottom:1px solid #2f80bf;
              background-color:#ffffff;
              color:#000000;
              margin-bottom:20px;
              /*margin-left:-15px;
              margin-right:-15px;*/
              }

.helptext    {font-weight:normal;
              margin-left:15px;
              margin-right:15px;
             }
.helptitle { font-family:Arial,Helvetica,sans-serif;
             font-size:14px;
             color:#f48e00;
             font-weight:bold;
             background-color:#E0EDF6;
             margin-left:15px;
             margin-right:15px;}

h4 {         font-family:Arial,Helvetica,sans-serif;
             font-size:11px;
             color:#000;
             font-weight:normal;
             background-color:#fff;
             margin-left:0px;
             margin-right:0px;
             margin-bottom:0px;}

h3 {         font-family:Arial,Helvetica,sans-serif;
             font-size:12px;
             color:#000000;
             font-weight:bold;
             background-color:#fff;
             margin-left:0px;
             margin-right:0px;}

h2 {         font-family:Arial,Helvetica,sans-serif;
             font-size:14px;
             color:#f48e00;
             font-weight:bold;
             background-color:#fff;
             margin-top:80px;
             margin-left:0px;
             margin-right:0px;}

a.help {      font-family:Arial,Helvetica,sans-serif;
              font-size:11px;
              font-weight:bold;
              text-decoration:none;
              margin-left:15px;
              margin-right:15px;
              line-height:14px;
            }


a.help:link {      color:#2f80bf;
                   background-color:#E0EDF6;}
a.help:visited     {
                   color:#165b91;
                   background-color:#E0EDF6;}
a.help:hover       {
                   color:#2f80bf;
                   text-decoration:underline;
                   background-color:#E0EDF6;}
a.help:active      {color:#f48e00;
                   background-color:#E0EDF6;}