/*  reset  */
html,body,
ol,ul,li,dl,dt,dd,
form,label,fieldset,legend,
h1,h2,h3,h4,h5,h6,p,div,span,img,
table,thead,tbody,tfoot,th,td,caption,
em,strong,cite,small,big,q,blockquote,pre { margin:0; padding:0; }
fieldset,img { border:0; }
q:after,blockquote:after { content:""; }
table { border-collapse:collapse; border-spacing:0; }
th,td { text-align:left; }
ol,ul { list-style:none; }
a:link,a:visited { text-decoration:none; }
a:hover,a:active { text-decoration:underline; }


/*  typography  */
body,
th,td,
blockquote,p,
input,select,textarea { font-size:12px; font-family:"Lucida Grande"; }
textarea { line-height:1.4em; }
h1,h2,h3 { font-size:14px; font-family:"Lucida Grande"; }
h4,h5,h6 { font-size:12px; font-family:"Lucida Grande"; }
a:link,a:visited { font-family:"Lucida Grande"; text-decoration:none; }
a:hover,a:active { color:#F75342; text-decoration:underline; }


/*  component  */
.clearfix:after { content:""; display:block; height:0px; clear:both; visibility:hidden; }
.clearfix { *display:inline-block; zoom:1; }
.logo { float:right; }
.logo a { background:url(../images/logo_home.gif) no-repeat; display:block; overflow:hidden; width:375px; height:0px; padding-top:229px; }
.logo2 { float:right; }
.logo2 a { background:url(../images/logo_team.gif) no-repeat; display:block; overflow:hidden; width:375px; height:0px; padding-top:229px; }
.logo3 { float:right; }
.logo3 a { background:url(../images/logo_arbeitsweise.gif) no-repeat; display:block; overflow:hidden; width:375px; height:0px; padding-top:229px; }
.logo4 { float:right; }
.logo4 a { background:url(../images/logo_leistung.gif) no-repeat; display:block; overflow:hidden; width:375px; height:0px; padding-top:229px; }
.logo5 { float:right; }
.logo5 a { background:url(../images/logo_netzwerk.gif) no-repeat; display:block; overflow:hidden; width:375px; height:0px; padding-top:229px; }
.logo6 { float:right; }
.logo6 a { background:url(../images/logo_kontakt.gif) no-repeat; display:block; overflow:hidden; width:375px; height:0px; padding-top:229px; }
.logo7 { float:right; }
.logo7 a { background:url(../images/logo_impressum.gif) no-repeat; display:block; overflow:hidden; width:375px; height:0px; padding-top:229px; }
.logo8 { float:right; }
.logo8 a { background:url(../images/logo_impressum.gif) no-repeat; display:block; overflow:hidden; width:375px; height:0px; padding-top:229px; }
.header { background:url(../images/hd_repeat.gif) repeat-x; height:278px; padding-top:45px; }
.footer { background:#deded2; height:78px; border-top:1px solid #ccc; }
.header .inner,
.footer .inner { width:800px; margin:0 auto; }
.footer .inner { padding-top:15px; }
.footer .copyright { color:#7c7c76; float:left; }
.footer .ftNav { float:right; }
.footer .ftNav a { color:#7c7c76; }
.nav { background:url(../images/nav_repeat.gif) repeat-x; }
.nav ul { width:800px; height:32px; margin:0 auto; }
.nav li { float:left; }
.nav li a { line-height:30px; text-align:center; letter-spacing:0.1em; font-size:12px; color:#8d8d8d; background:url(../images/nav_sprite.gif) no-repeat; overflow:hidden; height:0px; padding-top:32px; display:block; }
.nav li a:hover { text-decoration:none; color:#fff; }
.nav .first a { padding-left:0; }
.nav .last { padding:0; }
.nav .last a { padding-right:0; }
.nav .curr a { color:#fff; }

.nav .team a { text-align:left; width:83px; }
.nav .team .curr,
.nav .team a:hover { background-position:0 -32px; }

.nav .arbeitsweise a { background-position:-83px 0; width:164px; }
.nav .arbeitsweise .curr,
.nav .arbeitsweise a:hover { background-position:-83px -32px; }

.nav .leistungen a { background-position:-247px 0; width:152px; }
.nav .leistungen .curr,
.nav .leistungen a:hover { background-position:-247px -32px; }

.nav .news a { background-position:-399px 0; width:113px; }
.nav .news .curr,
.nav .news a:hover { background-position:-399px -32px; }

.nav .netzwerkpartner a { background-position:-512px 0; width:193px; }
.nav .netzwerkpartner .curr,
.nav .netzwerkpartner a:hover { background-position:-512px -32px; }

.nav .kontakt a { background-position:-705px 0; text-align:right; width:95px; }
.nav .kontakt .curr,
.nav .kontakt a:hover { background-position:-705px -32px; }

.container { width:800px; margin:0 auto; padding:80px 0 50px; }
.content { color:#090909; }
.content h1 { font-size:32px; color:#090909; margin-bottom:20px; }
.content h2 { color:#090909; }
.content h3 { line-height:22px; font-size:12px; letter-spacing:0.2em; font-weight:normal; color:#090909; }
.content p { line-height:22px; font-size:14px; color:#090909; }
.content a { color:#267b73; }
.content .color { color:#267b73; }
.methode { background:#000; height:25px; margin:20px 0; }
.methode li { line-height:25px; color:#fff; background:url(../images/arrow.gif) no-repeat right 0; height:25px; float:left; padding:0 40px; }
.methode li span { color:#00aa96; }
.anchor li { line-height:20px; font-size:14px; }
.people { height:160px; padding-top:30px; }
.people span { line-height:1.3; font-size:14px; color:#262626; width:500px; float:left; }
.people .avatar { width:150px; }
.people .title { padding-top:50px; }
.people .line { margin-bottom:20px; }
.column .left,.column .right { width:350px; float:left; }
.column .left { padding-right:100px; }
.column .name { font-size:12px; margin-bottom:10px; }
.column .pic { margin-bottom:55px; }
.column .slogan { margin-bottom:40px; }
.column .nameBig { font-size:14px; color:#262626; margin-bottom:20px; }
.column .desc { line-height:1.4; font-size:14px; color:#262626; width:370px; }
.grafik { height:279px; position:relative; }
.grafik img { position:absolute; top:0; left:0; }