html, body { height:100%; }

html {
    background-position:0 140px;
    height:100%;
}

body {
    padding:0;
    margin:0;
    text-align:left;
    background-image:url('http://www.digi-zeiterfassung.de/upload/ond-blau_vierfach_klein.jpg');
    background-position:0 156px;
    background-color:#FFFFFF;
    font-size:12px;
    font-family:Arial,Helvetica,Sans-serif,sans-serif;
    color:rgb(0,0,0);
}

td {
    font-size:11px;
    font-family:Arial,Helvetica,Sans-serif,sans-serif;
    color:rgb(0,0,0);
    margin-bottom:8px;
}



blockquote {
    font-size:11px;
    font-family:Arial,Helvetica,Sans-serif,sans-serif;
    color:rgb(0,0,0);
}

.backgroundbottom
{
    position:absolute;
    top:300px;
    left:860px;
}

.button_centre01
{
    position:relative;
    top:-140px;
    left:360px;
}

.button_centre02
{
    position:relative;
    top:-138px;
    left:350px;
}

.button_centre03
{
    position:relative;
    top:-136px;
    left:340px;
}

.button_centre04
{
    position:relative;
    top:-134px;
    left:330px;
}

.button_centre05
{
    position:relative;
    top:-132px;
    left:320px;
}
.button_centre07
{
    position:relative;
    top:-115px;
    left:0px;
}

.input {
    font-size:11px;
    font-family:Arial,Helvetica,Sans-serif,sans-serif;
    color:rgb(0,0,0);
    width:640px;
}

.label {
    font-size:11px;
    font-family:Arial,Helvetica,Sans-serif,sans-serif;
    color:rgb(0,0,0);
}

.small {
    font-size:9px;
}

#navfeldblau {
   background-color:#002444;
}

#vpnavigation, #vpnavigation ul { /* alle Listen */
   padding: 3px;
   margin: 0;
   color:rgb(255,255,255);
   list-style: none;
   line-height: 1; 

}

#vpnavigation a {
   display: block;
   padding:3px;   
   color:rgb(255,255,255);
   background-color:#002444;
   text-align:left;
   width: 11em;

}

#vpnavigation a:hover {
   display: block;
   background-color:#002444;
   text-align:left;
   width: 11em;
}

#vpnavigation li:hover, #vpnavigation li.sfhover {
   background-color:#002444;
   position:static;
}

#vpnavigation li.activepath a { /* alle Punkte des aktiven Pfads */
   background-color:#002444;
   text-align:left;
}

#vpnavigation li.activepath li a { /* alle Punkte unterhalb eines Punktes des aktiven Pfads */
   background-color:#002444;
   text-align:left;
}

#vpnavigation li#active a { /* nur der aktive Punkt */
   background-color:#002444;
   text-align:left;
}

#vpnavigation li#active li a { /* alle Punkte unterhalb des aktiven Punkts */
   background-color:#002444;
   text-align:left;
}

#vpnavigation li { /* alle Listenelemente */
   font-size:11px;
   font-family:Arial,Helvetica,Sans-serif,sans-serif;
   color:rgb(0,36,68);
   background: #002444;
   float: left;
   width: 11em;
}

#vpnavigation li ul { /* Listen 2. Ebene */
   font-size:11px;
   font-family:Arial,Helvetica,Sans-serif,sans-serif;
   color:rgb(0,36,68);
   position: absolute;
   padding: 0;
   background-color:#002444;
   width: 11em;
   left: -999em; /* durch "left" auflerhalb des sichtbaren Bereichs wird das gleiche erreicht wie durch "display: none", kann aber auch von Textbrowser angezeigt werden */
}


#vpnavigation li ul ul { /* Listen 3. Ebene und weiter */
   filter:alpha(opacity=80); -moz-opacity:0.8; opacity:0.8;
   margin: -1em 0 0 10em;
   background-color:#002444;
}

#vpnavigation li:hover ul ul, #vpnavigation li.sfhover ul ul {
   left: -999em;
   background-color:#002444;
}

#vpnavigation li:hover ul, #vpnavigation li li:hover ul, #vpnavigation li.sfhover ul, #vpnavigation li li.sfhover ul { /* Listen, die unterhalb von "gehoverten" Men∏punkte liegen */
   left: auto;
   background-color:#002444;
}

.daddy{
    font-size:11px;
    font-family:Arial,Helvetica,Sans-serif,sans-serif;
    color:rgb(255,255,255);
}

.daddy:hover {
    background-color:rgb(0,36,68);
    font-size:11px;
    font-family:Arial,Helvetica,Sans-serif,sans-serif;
    color:rgb(255,255,255);

}

.menue{
    font-size:11px;
    font-family:Arial,Helvetica,Sans-serif,sans-serif;
    color:rgb(255,255,255);
}

.menue:hover {
    background-color:rgb(0,36,68);
    font-size:11px;
    font-family:Arial,Helvetica,Sans-serif,sans-serif;
    color:rgb(255,255,255);

}

#vpnavigation .activepath{
    background-color:rgb(0,36,68);
    font-size:11px;
    font-family:Arial,Helvetica,Sans-serif,sans-serif;
    color:rgb(255,255,255);
}



#outer{
    height:100%;
    min-height:100%;
    width:780px;
    color:#000000;
    text-align:left;
    position:relative;
}
 
html>body #outer{ height:auto; } 

#innerwrap {
    float:left;
    width:600px;
}

#header{
    position:absolute;
    top:0;
    left:0px;
    width:100%;
    height:156px;
    background-image:url('http://www.digi-zeiterfassung.de/upload/Images_Header/header_background.jpg');
    z-index:18;
}

#fondimage {
    position:absolute;
    top:350px;
    left:220px;
    z-index:2;
}

#left {
    position:relative;
    width:180px;
    float:left;
    padding-top:120px;
    padding-bottom:20px;
}

#left p { padding-left:3px;padding-right:2px }

#right p { padding-left:4px;padding-right:2px }

#imagecolumn {
    margin-top:0px;
    position:absolute;
    top:20px;
    left:608px;
    width:148px;
    height:550px;
    z-index:10;
    padding-top:112px;
    padding-left:10px;
    padding-right:10px;
    color:rgb(62,77,116);
}

#imagecolumn a {
    padding:0;
    font-weight:normal;
    font-size:11px;
    color:rgb(190,190,190);
    margin:0;
}

#imagecolumn h1 {
    padding:0;
    font-weight:normal;
    font-size:11px;
    color:rgb(217,104,28);
    margin:0;
}

#right {
    position:relative;
    width:170px;
    float:right;
    margin-top:10px;
    padding-top:170px;
    padding-bottom:20px;
    background-color:#999999;
    background:url('../images/randbg.jpg');
    background-position:0px 0px;
    background-repeat:no-repeat;
    color:rgb(62,77,116);
}

div,p  { margin-top:0; }

#centrecontent {
    width:408px;
    float:right;
    padding-left:0px;
    padding-right:0px;
    padding-top:105px;
    padding-bottom:20px;
    color:rgb(62,77,116);
}

#centrecontent p { padding-left:3px:color:rgb(62,77,116); }

#clearfooter { width:100%;height:52px;clear:both; }

#bottomnavi {
    text-align:center;
    color:#002444;
    text-decoration:none;
}

#additionalnavi {
    float:right;
    background-color:#ffffff;
    margin-top:3px;
    padding-bottom:2px;
    padding-top:0px;
    margin-left:10px;
    text-align:center;
    width:170px;
    color:#002444;
}

#logo {
    width:780px;
    margin-top:18px;
}

#navipath {
    padding:0;
    padding-bottom:10px;
    background-color:#ffffff;
    color:rgb(0,36,68);
    width:388px;
}

.navi{
    width:180px;
    border-bottom:2px solid rgb(0,36,68);
    border-right:2px solid rgb(0,36,68);
    /* background-color:rgb(175,175,175); */
    background-color:rgb(175,175,175);
}


.metanavigation{
    font-size:9px;
    font-family:Arial,Helvetica,Sans-serif,sans-serif;
    color:rgb(0,36,68);
    text-decoration:none;
}


h1 {
    padding-left:2px;
    font-weight:bold;
    font-size:15px;
    color:rgb(0,56,106);
    margin:0;
}

h1.content {
    margin-bottom:12px;
    padding:0;
        color:rgb(0,0,0);
}

h2 {
    padding-left:2px;
    font-weight:bold;
    font-size:15px;
    color:rgb(0,56,106);
    margin:0;
}

hr { color:rgb(130,130,130); }

a { font-size:12px; color:rgb(0,36,68); text-decoration:none; }
a:hover { text-decoration:underline; }

a.newsheadline { font-weight:bold; color:rgb(60,60,60); text-decoration:none; } 

a.bottomnavi { color:rgb(255,255,255); font-size:11px; text-decoration:none; padding:2px;} 
a.bottomnavi:hover { text-decoration:underline; background-color:#ff9900;} 
/* a.bottomnavi:visited { background-color:#ff9900;} */

a.additionalnavi { font-size:10px; color:rgb(0,36,68); text-decoration:none;}


a.navipath { font-size:10px; color:rgb(0,0,255); } 

a.navileft_passive {
    display:block;
    background-color:#818382;
    padding-top:3px;
    padding-bottom:3px;
    color:rgb(255,255,255);
} 

a.navileft_active {
    display:block;
    background-color:#a4a6a6;
    background:url("") no-repeat;
    background-position:right;
    padding-top:3px;
    padding-bottom:3px;
    color:rgb(255,240,16);
} 


a.navileft_open {
    padding-left:10px;
    display:block;
    background:url("../images/navi_pfeil.gif") no-repeat;
    background-position:right;
    background-color:#E8E8EE;
    padding-top:3px;

    padding-bottom:3px;
    color:rgb(89,89,89);
} 
























a.sitemap_level1 {
    display:block;
    border-bottom:1px solid #b4a8b4;
    color:rgb(217,104,28);
    font-weight:normal;
    padding-bottom:.4em;
    background:url("../images/navi_pfeil_rechts.gif") no-repeat;
    background-position:right;
}

a.sitemap_level2 {
    color:rgb(62,77,116);
    background:url("../images/navi_pfeil_rechts.gif") no-repeat;
    background-position:170px 4px;
    display:block;
}

a.sitemap_level3 {
    color:rgb(190,190,190);
}

a.metanavigation{
    font-size:9px;
    font-family:Arial,Helvetica,Sans-serif,sans-serif;
    color:rgb(0,36,68);
    text-decoration:underline;
}

.style11 { font-family: Verdana,Geneva,Arial; font-size: 11px; }
.style27 { font-family: Verdana,Geneva,Arial; font-size: 11px; }
.style41 { font-family: Verdana,Geneva,Arial; font-size: 11px; }


.sitemap_level2_container {
    float:left;
    width:50%;
    padding-top:.3em;
}

.sitemap_level3_container {
    float:right;
    width:50%;
    padding-top:.3em;
}

.input_searchbox {
    width:110px;
    vertical-align:middle;
    font-size:11px;
    /* color: rgb(62,77,116); */
    color: rgb(255,153,0);
}

.input_newsletterselect {
    width:80px;
    vertical-align:middle;
    font-size:11px;
    margin-right: 8px;
    color: rgb(62,77,116);
}

.label_searchbox {
    vertical-align:middle;
    color:#9d9ea2;
    position:relative;
    padding-left:10px;
    /*left:-65px;*/
}

#td {
    font-size:11px;
    font-family:Arial,Helvetica,Sans-serif,sans-serif;
    color:rgb(0,0,0);
    margin-bottom:8px;
}


#loginbox {
    background-color:#DFE0E5;
    border-top:1px solid #aeaeae;
    border-bottom:1px solid #aeaeae;
    padding-bottom:.6em;
    padding-top:.6em;
    padding-left:0em;
    padding-right:0em;
    margin-top:1.5em;
    margin-bottom:1.5em;
}

#searchbox {
    background-color:#DFE0E5;
    border-top:1px solid #aeaeae;
    border-bottom:1px solid #aeaeae;
    padding-bottom:.4em;
    padding-top:.4em;
    padding-left:0em;
    padding-right:0em;
    margin-top:1.5em;
    margin-bottom:1.5em;
}

#searchbutton {
    float:right;
    width:8px;
    height:7px;
    border:0;
}

#search {
    padding:6px;
    font-size:11px;
    font-family:Arial,Helvetica,Sans-serif,sans-serif;
    color:rgb(0,0,0);
}

#newsletterbox {
   background-color:#DFE0E5;
   border-top:1px solid #aeaeae;
   border-bottom:1px solid #aeaeae;
   padding-bottom:.6em;
   padding-top:.6em;
   padding-left:.5em;
   padding-right:.5em;
   margin-top:1.5em;
   margin-bottom:1.5em;
}

.hidden {
    display:none;
}

.balken {
    padding-left:0px;
    background-color:rgb(255,110,43);
    background-image:url('../images/bg2.gif');
    background-repeat: repeat-x,repeat-y;
    background-position:2px 0px ;
}

.teaser_img {
    float: left;
    margin-right: 10px;
    margin-bottom: 10px; 
}

#headline {
    padding-left:2px;   
    font-weight:bold;
    font-size:13px;
    color:rgb(0,56,106);
    margin-bottom: 10px; 
    margin:0;
}

#headlinecolour {
    padding-left:4px;   
    padding-top:4px; 
    font-weight:bold;
    font-size:13px;
    background-color:#cdeafd;
    color:rgb(0,56,106);
    margin-bottom: 10px; 
    margin:0;
}

/* definition der headlineüberschrift falls aufgezeigt background-color:#cdeafd; */
#headlineteaserrechts {
    padding: 4px;
    font-weight:bold;
    font-size:11px;
    color:rgb(0,56,106);
    margin:0;
}
/* definition des teaserfeldes */
#tabletext {
    padding: 4px;
    margin-top:8px;
    background-color:#d5effc;
    font-size:11px;
    font-family:Arial,Helvetica,Sans-serif,sans-serif;
    color:rgb(0,36,68);
    margin-bottom:8px;
}
/* definition des teaserfeldes */
#textteaserrechts {
    padding: 4px;
    margin-top:8px;
    background-color:#d5effc;
    font-size:11px;
    font-family:Arial,Helvetica,Sans-serif,sans-serif;
    color:rgb(0,36,68);
    margin-bottom:8px;
}

#textItem {
    font-size:12px;
    font-family:Arial,Helvetica,Sans-serif,sans-serif;
    color:rgb(0,0,0);
}

#tableItem {
    font-size:11px;
    font-family:Arial,Helvetica,Sans-serif,sans-serif;
    color:rgb(0,0,0);
}

#linktable {
    position:relative;
    top:-14px;
    left:-5px;
    font-size:11px;
    text-align:right;

    font-family:Arial,Helvetica,Sans-serif,sans-serif;
    color:rgb(0,0,0);
    text-decoration:none;
}

/ Formulareinstellung /

form { margin: 0;

}


input,
textarea,

select { font-family:Arial,Helvetica,Sans-serif,sans-serif;
background: #62bde1;
border: 0;
font-size: 11px;
color: #002444;
width: 100%;

}

html input,
html textarea,
html select { filter: alpha(opacity=100);
}

input:hover, 
input:focus,
textarea:hover, 
textarea:focus,
select:hover, 
select:focus { background: #61bde0;
}

input:focus,
textarea:focus,
select:focus { background: #61bde0;
}

select,
input.button { width: auto; 
}

input.checkbox {
  width: auto;
}

/ Formulareinstellung Ende /

/**
 * CSS styles for Contenido Sitemap.
 * 
 * @author Frederic Schneider
 * @copyright four for business AG <www.4fb.de>
 * @version 0.1.0
 * 
 * created 2008-04-11
 */

.sitemap, .sitemap ul {
        margin-left:0;
        padding-left: 0;
        font-size:11px;
        font-family:Arial,Helvetica,Sans-serif,sans-serif;
        color:rgb(255,255,255);
}

.sitemap li {
    border-bottom: 1px solid #ffffff;
    list-style-type: none;
}

.sitemap .level1 {
        color:rgb(255,255,255);
        font-size:11px;
        font-family:Arial,Helvetica,Sans-serif,sans-serif;
        color:rgb(255,255,255);
        background-color: #aae2fe;
        padding: 3px 3px 3px 10px;
}

.sitemap .level2 {
        background-color: #78c5f6;
        font-size:11px;
        font-family:Arial,Helvetica,Sans-serif,sans-serif;
        color:rgb(255,255,255);
        padding: 3px 3px 3px 30px;
}

.sitemap .level3 {
        background-color: #5baee2;
        font-size:11px;
        font-family:Arial,Helvetica,Sans-serif,sans-serif;
        color:rgb(255,255,255);
        padding: 3px 3px 3px 50px;
}

/* Only for IE */
*+html .sitemap .list2, * html .sitemap .list2 {
        margin-top: -14px;
}

.tabellenlink {
    font-size:11px;
    font-family:Arial,Helvetica,Sans-serif,sans-serif;
    color:rgb(0,0,0);
    margin-bottom:8px;
}