html,body,div,object,iframe,
h1,h2,h3,h4,h5,h6,blockquote,pre,
a,abbr,acronym,address,big,cite,code,
del,dfn,em,font,img,ins,kbd,q,s,samp,
small,strike,strong,sub,sup,tt,var,
b,u,i,center,
dl,dt,dd,ol,ul,li,
fieldset,form,label,legend,
table,caption,tbody,tfoot,thead,tr,th,td{
margin:0;
padding:0;
border:0;
outline:0;
line-height:150%;
vertical-align:baseline;
background:transparent;
}


ul,
ol{
list-style-type:circle;
margin:7px 0 13px 45px;
padding:0;

}

ul li,
ol li{
line-height:160%;
margin:0 0 2px 0;
padding:0;
font-size:12px;
}

ul.nolist li,
ol.nolist li{
list-style-type:none}

:focus{
outline:0}

ins{
text-decoration:none}

del{
text-decoration:line-through}


h1,h2,h3,h4,p{
cursor:default;
}




html{
font-size:100%}

body{
font-size:12px;
font-family:Verdana,'Trebuchet MS',Helvetica,Arial,sans-serif;
min-width:999px;
line-height:150%;
padding:0;
margin:0;
background-color:#edecec} 



 
table{
border-collapse:collapse;
border-spacing:0;
margin-bottom:20px;
}

table.TabelleStandardstyling{
border:1px solid #C9C9C9;
}

.TabelleStandardstyling th,.TabelleStandardstyling td{
padding:5px;
border:1px solid #C9C9C9;
}





a{
color:#1c6997;
margin:0;
padding:0;
outline:0}
 
a,a:visited,a:active,a:hover{
text-decoration:underline;
cursor:pointer;
}
 
 
.BildMitBildunterschrift{
-moz-border-radius:4px;
-webkit-border-radius:4px;
border-radius:4px;
box-shadow:2px 2px 2px #888;
-webkit-box-shadow:10px 10px 5px #888;
-moz-box-shadow:2px 2px 2px #888;
float:left;
padding:7px;
margin-right:18px;
margin-bottom:10px;
border:1px solid #aaa;
max-width:220px;
}

.BildMitBildunterschrift-Bild{
vertical-align:middle;
margin:0 auto;
text-align:center;
}
.BildMitBildunterschrift-Bildunterschrift{
max-width:210px;
vertical-align:middle;
margin:0 auto;
text-align:center;
}

.BildMitBildunterschrift-Bildunterschrift span{

font-size:9px;
}

.BildMitSchatten{
border:1px solid #C9C9C9;
margin:10px 0 10px 0;
border-radius:4px;
-moz-border-radius:4px;
-webkit-border-radius:4px;
box-shadow:2px 2px 8px #333333;
-webkit-box-shadow:2px 2px 1px #333333;
-moz-box-shadow:2px 2px 1px #333333;

}

img.BildRechtsNebenText{
float:right;
margin:0px 0px 5px 5px;
}

.BildRechtsNebenText img{
float:left;
margin:0px 0px 5px 5px;
}


.BildRechtsNebenText div{
float:left;
width:450px;
}



 


p{
margin:0 0 17px 0;
line-height:150%;
font-size:12px;
}

h1,h2,h3,h4,h5,h6{ 
font-family:Helvetica,Arial,sans-serif;
color:#323231;
letter-spacing:normal}
 
h1{
font-size:25px;
margin:15px 0 10px 0}

.Standardseite h1:first-child{
margin-top:0;
font-size:28px;
}
 
h2{
font-size:19px;
margin:25px 0 5px 0;
line-height:150%}
 
h3{
font-size:17px;
margin:35px 0 5px 0}


h4{
font-size:15px;
line-height:150%;
margin:0;
padding:0}


h5{
font-size:13px;
line-height:150%;
margin:0;
padding:0}






.breadcrumb{
font-size:12px;
color:#DAD9D9;
margin:0 0 -10px 0;
padding-left:21px;
}

.breadcrumb a{
font-size:12px;
color:#DAD9D9;
}
.breadcrumb a:hover{
color:#F9E0A9;
}





.Infokasten{
padding:10px 10px 10px 10px;
border:1px solid Orange;
background:#FFFFE0;
}




.Box H2{
margin-top:5px;
}
 


.container{
width:100%;
margin:0;
padding:0;
background:transparent url('/content/images/public/bg_container.gif') repeat-x top left}

.wrapper{
width:999px;
margin:0;
padding:0;
margin:0 auto}

.header-and-showcase{
position:relative;
width:999px;
padding:0;
margin:0 auto} 

.showcase-big{
height:433px}

.showcase-medium{
height:170px;
}

.showcase-small{
height:130px;
}

.subpage .header-and-showcase{
position:relative;
width:999px;
height:207px;
padding:0;
margin:0 auto}

.MainContentDiv{
position:relative;
width:999px;
padding:0;
margin:0 auto}

.MainContentDivTop{
width:1006px;
height:16px;
margin:0 auto;
background:transparent url('/content/images/public/content_top.png') no-repeat top left}

.MainContentDivInhalt{
width:946px;
min-height:450px;
padding:1px 30px 15px 30px;
margin:0 auto;
background:transparent url('/content/images/public/content_bg.png') repeat-y left bottom}

.MainContentDivBottom{
width:1006px;
height:30px;
margin:0 auto;
background:transparent url('/content/images/public/content_btm.png') no-repeat top left}



.hauptcontent-linke-spalte,.hauptcontent-rechte-spalte{
float:left}


.colleft,.colright{
float:left;
width:48%}

.colright{
margin:0 0 0 35px}

.small{
width:40%;
}


.hauptcontent-linke-spalte{ 
width:600px;
padding:2px 30px 0 0;

}



div.block{
float:left;
width:280px;
height:160px;
margin:1px 0 0 20px}

.BlocksMitVielText div.block{
height:250px;
}


div.block h4{
font-size:1.4em;
line-height:1.5em;
margin:0;
padding:30px 0 0 0;

 }



div.block p{
font-size:11px}

.block img{
margin:15px 0 0 0;
padding:0 0 0 0;
}








.ShowcasePage-Right{
float:left;
width:300px;
min-height:400px;
position:relative;
top:30px;
left:10px;

}

.ShowcasePage-Right h1{
padding-top:8px;
padding-left:19px;
color:Black;
font-size:16px;
line-height:110%;
max-width:200px;
}

.ShowcasePage-Right p{
margin-top:20px;
color:#202020;
padding-left:19px;
font-size:12px;
}

.ShowcasePage-Right img{
vertical-align:middle;
}

.ShowcasePage-Right a{
color:#202020;
}

.ShowcasePage-Right table{
width:210px;
margin-left:19px;
margin-top:8px;

}

.ShowcasePage-Right td{
vertical-align:top;
font-size:12px;
padding-bottom:15px;
}

.BoxTelefon{
background:transparent url('/content/images/public/ui/box-empty.png') no-repeat scroll left top;
margin-top:20px;
margin-left:15px;
}


.BoxZeiterfassungIn10Minuten{
background:transparent url('/content/images/public/ui/box-zeiterfassung-in-10-minuten.png') no-repeat scroll left top;
}

.BoxZeiterfassungIn10Minuten img{
padding-right:8px;
}






.conent-one-col{
width:600px;
}
.conent-one-col-wide{
width:950px;
}




.header-and-showcase .header-bar{
width:999px;
height:79px}

.logoimheader{
padding:0 0 0 18px;
 }


 
.header-and-showcase ul.nav,.header-and-showcase ul.nav-utilities{
position:absolute;
top:0;
right:0;
margin:0;
padding:0}

.header-and-showcase .nav li,.header-and-showcase .nav-utilities li{
list-style-type:none;
position:relative;
float:left;
width:auto;
white-space:nowrap;
padding:0 5px !important;
background:transparent;
 }


.header-and-showcase .nav li a{
display:block;
text-decoration:none;
font-size:larger;
color:#E2E2E2;
text-transform:uppercase;
font-weight:bold;
line-height:78px;
padding:15px 0 0 19px;
text-shadow:0 1px 0 #000;
background:transparent;
letter-spacing:normal;
}



.header-and-showcase .nav li a:hover{
color:#fa8100;
background:none;
border-bottom:none}

.header-and-showcase .nav li a.selected{
color:#fff}


.header-and-showcase .nav-utilities li a{
font-size:11px;
color:#ABABAB;
text-decoration:none;
}

.header-and-showcase .nav-utilities li a:hover{
color:#FA8100;
}







.ShowCase{
position:relative;
width:999px;
height:353px;
top:0;
margin:0;
background:transparent url('/content/images/public/showcase-background.png') no-repeat top center;

}

.ShowCaseStartseite{
background:transparent url('/content/images/public/showcase-image-zeiterfassung-im-browser.png') no-repeat top right;
height:100%;
width:100%;
}

.ShowCase-Windows-Mobile{
background:transparent url('/content/images/public/windows-mobile/windows-mobile-showcase.png') no-repeat top right;
height:100%;
width:100%;
}


.ShowCase-Android{
background:transparent url('/content/images/public/android-zeiterfassung/android-zeiterfassung-showcase.png') no-repeat top right;
height:100%;
width:100%;
}





.ShowCaseText{
position:absolute;
top:10px;
left:20px;
word-wrap:break-word
display:inline;
width:550px;
}

.ShowCaseText H1{
color:White;
font-family:Droid Sans,Helvetica,Arial,sans-serif;
font-size:35px;
letter-spacing:-0.1px;
line-height:120%;
margin-bottom:25px;
text-shadow:1px 2px 5px #0D2C3B,0 0 1px White;
}

.ShowCase-Windows-Mobile .ShowCaseText H1{
font-size:30px;
}

.ShowCaseText P{
color:White;
line-height:135%;
font-family:Helvetica,Arial,sans-serif;
position:relative;
top:-5px;
width:470px;
text-shadow:1px 1px 6px #0D2C3B;
font-size:17px;
}


.ShowCaseButtons{
position:absolute;
top:270px;
left:30px;
}

.ShowCaseTextOder{
position:relative;
top:-20px;
font-style:italic;
font-size:small;
padding:0pt 10px;
}





- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/

.page-title{
width:999px;
height:130px;
margin:0;

}

.page-title h1{
color:#fff;
font-size:30px;
-webkit-text-shadow:3px 3px 2px #323231;
text-shadow:3px 3px 2px #323231;
margin-left:20px;
display:inline;
position:relative;
top:10px;
}

.page-title-button{
position:relative;
top:26px;
left:15px;

}






.container-footer-sorgt-fuer-hintergrundbild{
margin:0;
padding:0;
width:100%;
height:152px;
background-color:Black;
background:url('/content/images/public/footer-background.png') repeat-x scroll bottom;
 }
 
.container-footer-sorgt-fuer-mittigen-content{
width:999px;
margin:0;
padding:0;
margin:0 auto;
} 





.FooterBox{
float:left;
height:100px;
}



.FooterBoxLogo{
width:200px;
padding:5px 1px 1px 20px;
position:relative;
top:18px;
} 

.FooterBoxLogo img{
position:relative;
left:-5px;
}


.FooterBoxText{
padding:15px 35px 0 0;

} 

.FooterTextStyling H1,.FooterTextStyling H1 a{
font-size:14px;
font-weight:bold;
color:white;
margin-bottom:2px;
cursor:default ;
}

.FooterTextStyling,.FooterTextStyling a,.FooterTextStyling p{
font-size:11px;
line-height:130%;
text-decoration:none;
color:#ABABAB;

}

.FooterTextStyling a:hover,.FooterTextStyling a:active{
color:#FA8100;
}

.FooterTextStyling H1 a:hover,.FooterTextStyling H1 a:active{
color:inherit;
cursor:default;
}


 



 







*{
margin:0;
  }


html,body{
  height:100%;
 }

.wrapper-maincontent-to-push-footer-down{
   min-height:100%;
   height:auto !important;
   height:100%;
   margin:0 auto -130px;
 }
 
 .footer-wrapper-drueckt-footer-nach-unten,.push-footer-down{
   height:131px;
 }

 .footer-wrapper-drueckt-footer-nach-unten{
   background:Black;
 }
 
 
 
 
.linkbar{
font-size:16px;
margin:20px;
padding:10px;
text-align:center;
float:left;
background-color:#f9e0a9;
width:500px;
font:bold;
border-radius:4px;
-moz-border-radius:4px;
-webkit-border-radius:4px;
border:thin solid Orange;

}



 



 

.FAQFrageUndAntwort{
padding-bottom:15px;
}

.FAQFrage{
color:#459300;
font-weight:bold;
font-size:16px;
}

.FAQAntwort{
padding-top:10px;
}

.FAQBild{
display:inline-block;
margin-top:15px;
margin-bottom:25px;
box-shadow:2px 2px 8px #333333;
-webkit-box-shadow:2px 2px 8px #333333;
-moz-box-shadow:2px 2px 8px #333333;


}


 
.Agb p{
margin:8px 0 0 0;
}





 

#FeedbackDiv{
border:thin solid Gray;
padding:10px;
border-radius:4px;
-moz-border-radius:4px;
-webkit-border-radius:4px;
}

#FeedbackDiv textarea{
width:500px !important;

}



.Juristisch
{
  font-style:italic
}




.header-and-showcase > h1{
font-size:35px;
text-align:center;
color:White;
text-shadow:1px 2px 5px #0D2C3B,0 0 1px White;
}

.UeberschriftLinks{
text-align:left !important;
padding-left:28px;
}





.white{
color:White;
}

.no-underline{
text-decoration:none;
}

.Textmarker{

  color:#4C9800;
 font-weight:bold;
}

.SmallText{
font-size:11px;
}

.NoBorder{
border:none;
}


.FarbigerHintergrund{
 background-color:#FFFFCC;
}


.SimpleBox{
border:1px solid #B5B5B5;
padding:5px 5px 5px 5px;
-moz-border-radius:4px;
-webkit-border-radius:4px;
border-radius:4px;
margin-bottom:10px;
}



.Rechts{
float:right;
margin-left:15px;
}


.Links{
float:left;
margin-right:15px;
}

.NoMargin{
margin:0;
}

.SmallTBMargin{
margin-top:5px;
margin-bottom:5px;
}