@charset "UTF-8"; /* CSS Document */ body {margin: 0; padding: 0; background: url(../img/gradient.gif) repeat-x #e6e6e6; font-family: Helvetica, Arial, sans-serif; color: #333;} p, ul {font-size: 14px; line-height: 20px;} a:link {color: #333;} #container {margin: 25px auto; width: 948px; padding: 0 18px; background: #fff;} #header {background: url(../img/headbg.gif) no-repeat; height: 126px;} #header h1 {height: 42px; background: url(../img/logo.jpg) no-repeat; margin: 0; padding: 0; position: relative; top: 40px; left: 11px; text-indent: -999em; width: 202px;} #header h1 a {font-size: 42px; height: 42px; line-height: 42px; width: 202px; float: left;} #navigation {padding: 0 0 35px 0;} #navigation ul {list-style-type: none; margin: 0; padding: 0;} #navigation li {float: left;} #navigation a {height: 47px; line-height: 47px; float: left; background: url(../img/headnavi.jpg) no-repeat;} #navigation a.leistungen {width: 199px; background-position: 0px 0px;} #navigation a.leistungen:hover {background-position: 0px -47px;} #navigation a.leistungen-aktiv {width: 199px; background-position: 0px -47px; cursor: default;} #navigation a.referenzen {width: 201px; background-position: -199px 0px;} #navigation a.referenzen:hover {background-position: -199px -47px;} #navigation a.referenzen-aktiv {width: 201px; background-position: -199px -47px; cursor: default;} #navigation a.unternehmen {width: 220px; background-position: -400px 0px;} #navigation a.unternehmen:hover {background-position: -400px -47px;} #navigation a.unternehmen-aktiv {width: 220px; background-position: -400px -47px; cursor: default;} #navigation a.partner {width: 163px; background-position: -620px 0px;} #navigation a.partner:hover {background-position: -620px -47px;} #navigation a.partner-aktiv {width: 163px; background-position: -620px -47px; cursor: default;} #navigation a.kontakt {width: 165px; background-position: -783px 0px;} #navigation a.kontakt:hover {background-position: -783px -47px;} #navigation a.kontakt-aktiv {width: 165px; background-position: -783px -47px; cursor: default;} #textContent h2 {font-style: italic; color: #3172bc; font-size: 28px; letter-spacing: -1px; margin: 0 0 0 10px;} #textContent h3 {font-size: 18px; color: #333; font-weight: normal; margin: 30px 10px 0 10px;} #textContent p, #textContent ul {margin: 20px 13px 15px 13px;} #textContent .partnerhit {width: 280px; float: left; margin: 0 34px 0 10px;} #textContent .partnerhit-last {margin-right: 0;} #textContent .partnerhit div.grafik {height: 100px; width: 280px; margin: 0; padding: 0;} #textContent .partnerhit div.grafik1 {background: url(../img/partner/plenty.gif) no-repeat left center;} #textContent .partnerhit div.grafik2 {background: url(../img/partner/ebay.gif) no-repeat left center;} #textContent .partnerhit div.grafik3 {background: url(../img/partner/cyt.gif) no-repeat left center;} #textContent .partnerhit div.grafik4 {background: url(../img/partner/widshops.gif) no-repeat left center;} #textContent .partnerhit div.grafik5 {background: url(../img/partner/123boerse.gif) no-repeat left center;} #textContent .partnerhit p {margin: 10px 0 30px 0; padding: 0; font-size: 14px; line-height: 20px;} #textContent .leistunghit {width: 280px; float: left; margin: 0 34px 0 10px;} #textContent .leistunghit-last {margin-right: 0;} #textContent .leistunghit h3 {margin: 20px 0 10px 0; padding: 0; color: #333;} #textContent .leistunghit p {margin: 10px 0 30px 0; padding: 0; font-size: 14px; line-height: 20px;} #textContent .leistunghit ul {margin: 0 0 30px 15px; padding: 0; font-size: 14px; line-height: 20px;} #textContent .refhit {width: 280px; float: left; margin: 0 34px 0 10px;} #textContent .refhit img {width: 280px;} #textContent .refhit-last {margin-right: 0;} #textContent .refhit h3 {margin: 20px 0 10px 0; padding: 0; color: #333;} #textContent .refhit h4 {margin: 30px 0 10px 0; padding: 0; color: #333; font-size: 16px; font-style: italic; font-weight: normal;} #textContent .refhit p {margin: 0; padding: 0; font-size: 14px; line-height: 20px;} #textContent .refhit ul {margin: 0 0 30px 15px; padding: 0; font-size: 14px; line-height: 20px;} #shortcuts a {background: url(../img/shortcuts.gif) no-repeat; height: 179px; line-height: 179px; float: left;} #shortcuts a.dienstleister {width: 311px; background-position: 0px 0px;} #shortcuts a.dienstleister:hover{background-position: 0px -179px;} #shortcuts a.schulung {width: 327px; background-position: -311px 0px;} #shortcuts a.schulung:hover {background-position: -311px -179px;} #shortcuts a.wechsel {width: 310px; background-position: -638px 0px;} #shortcuts a.wechsel:hover {background-position: -638px -179px;} #startslider {float: left; width: 948px; height: 436px;} #startslider .cyt_boxslider {float:left;position:relative;overflow:hidden;width:948px; height: 378px;} #startslider .cyt_boxslider .cyt_boxslider_items {width:20000em;position:absolute;clear:both} #startslider .cyt_boxslider .cyt_boxslider_items div{float:left;width:948px;} #startslider .cyt_boxslider .cyt_boxSlider__active {position:relative;cursor:default} #startslider .cyt_boxslider_items div {float:left;width:948px; cursor: pointer;} #startslider .cyt_boxslider_items div a img {border: none;} #startslider .slide_navi {margin: 0 auto; width: 113px;} #startslider .slide_navi .cyt_box_navigation a {line-height: 13px; height: 13px; width: 13px; border: none; float: left; margin: 20px 7px 0 0; padding: 0; background: url(../img/bubble.png) no-repeat;} #startslider .slide_navi .cyt_box_navigation a.last { margin: 20px 0 0 0;} #startslider .slide_navi .cyt_box_navigation a:hover {background-position: bottom;} #startslider .cyt_boxslider_current {background-position: bottom !important;} #footer {background: url(../img/shadow.jpg) no-repeat; width: 948px;} #footer p {margin: 0; padding: 0 20px; line-height: 50px; font-size: 12px; color: #ccc;} #footer a {color: #ccc;} #footer p strong {color: #528ac3; font-style: italic;} .flleft {float: left;} .flright {float: right;} .clboth {clear: both;}