/* -- INFO ----------------------------------------------------------------------- # Project: taurus media weblaunch 09.2010 # File: taurus.css # Markup: 2.1 # Author: Marcus Milbradt / taurus media UG ------------------------------------------------------------------------------- */ /*-| Independent & general Classes [START] */ * { margin:0; padding:0; } .setleft-childs * { float: left; } .clearall { float: none; clear: both; height: 0em; line-height: 0em; font-size: 0em; overflow:hidden;} .clearthis { clear:both; } ul { list-style:none; } .invisible { width:0px;height:0px;left:-1000px;top:-1000px;position:absolute;overflow:hidden;display:inline; } .onlyprint {display:none;} .setAlign { text-align: center; } .setCenter { margin: auto; width: 990px; text-align: left; } .floatright {float:right;} body { padding:0; font: normal 16px Calibri, Helvetica, sans-serif; line-height:24px; color:#666;background:#f0f0f0;} body.main { background:#fff;} body.welcomepage { background:url('../img/main/main_tex.gif') repeat-x #fff;} a.button span { display:none; } .TextDunkler, ul li .TextDunkler {color:#333;} .TextRot {color:#990000;} .TextSchwarz {color:#000;} /*-| Independent & general Classes [STOP!] */ /*-| Textures Base [START] */ .texheader { height:166px; } .mainsub .texheader {border-bottom:1px solid #ccc;height:124px;} .submain .texheader {height:150px;border-bottom:1px solid #ccc;background:#ff0000;} .texwelcome {padding-top:1px;background:url('../img/main/welcome_spacer.gif') no-repeat center top;border-bottom:1px solid #ccc;height:365px;} .web .texheader { background:url('../img/web/tex_head.gif'); } .social .texheader { background:url('../img/social/tex_head.gif');} .social .texbotmenu, .web .texbotmenu { height:62px; background:url('../img/tex_botmenu.gif');} .social .texbotinfo, .web .texbotinfo { padding-bottom:6px;} .web .texbotblock { background:url('../img/web/botblock_tex.gif') repeat-x 0px 0px #990000; padding:20px 0 20px 0; } .social .texbotblock { background:url('../img/social/botblock_tex.gif') repeat-x 0px 0px #1a1a1a; padding:20px 0 20px 0; } .bottomline { background:url('../img/tex_bottomline.gif') repeat-x left bottom; padding-bottom:2px;} .topdotline { border-top:1px dotted #cbcbcb;padding-top:1px;} .bottomline2 { background:url('../img/tex_bottomline.gif') repeat-x left bottom; padding-bottom:3px;} /*-| Textures Base [STOP!] */ /*-| Header [START] */ #header { float:left; width:990px; height:166px; } .mainsub #header { height:124px; } .welcomepage #header, .welcomepage .texheader {height:174px;} #header h1 {float:left;width:300px; height:111px;} .main #header h1 {float:left;width:242px;height:55px;padding:35px 374px 0 374px;} .sjobs #header h1, .sImpressum #header h1, .sAgb #header h1, .sQR #header h1 {padding-top:15px;} #header h1 span { display:none; } #header h1 a {float:left; width:300px; height:100px; background:url('../img/logo_h1.gif') no-repeat 0px 0px;} .main #header h1 a { width:242px; height:90px; background:url('../img/logo_bottom.gif') no-repeat 0px 0px;} #header ul.unit {float:right;padding:28px 20px 0 0;} #header ul.unit li {float:left; height:54px;padding-left:20px;} #header ul.unit li span {display:none;} #header ul.unit li a { float:left; height:54px; width:150px; background-position:0px 0px; background-repeat:no-repeat;} #header ul.unit li.web a { background-image:url('../img/btn_webunit.gif'); } #header ul.unit li.social a { background-image:url('../img/btn_socialmedia.gif'); } #header ul.unit li a:hover, #header ul.unit li.active a {background-position:0px -100px;} #nav-main {clear:both;float:left;} #nav-main * { float:left; } #nav-main ul {} #nav-main ul li { height:55px; } #nav-main ul li a span, #nav-main span.active span {display:none;} #nav-main ul li a, #nav-main span.active {height:55px;background-repeat:no-repeat;background-position:0px 0px;overflow:hidden;} #nav-main ul li a:hover, #nav-main ul li.trail a {background-position:0px -55px;} #nav-main span.active {background-position:0px -110px;} .web #nav-main ul li.sHome a, .web #nav-main ul li.sHome span.active {width:83px;background-image:url('../img/web/nav_home.gif');} .web #nav-main ul li.sUeber a, .web #nav-main ul li.sUeber span.active {width:105px;background-image:url('../img/web/nav_ueber.gif');} .web #nav-main ul li.sServices a, .web #nav-main ul li.sServices span.active {width:97px;background-image:url('../img/web/nav_services.gif');} .web #nav-main ul li.sReferenzen a, .web #nav-main ul li.sReferenzen span.active {width:120px;background-image:url('../img/web/nav_referenzen.gif');} .web #nav-main ul li.sKontakt a, .web #nav-main ul li.sKontakt span.active {width:99px;background-image:url('../img/web/nav_kontakt.gif');} .social #nav-main ul li.sHome a, .social #nav-main ul li.sHome span.active {width:83px;background-image:url('../img/social/nav_home.gif');} .social #nav-main ul li.socialUeber a, .social #nav-main ul li.socialUeber span.active {width:105px;background-image:url('../img/social/nav_ueberuns.gif');} .social #nav-main ul li.sKoepfe a, .social #nav-main ul li.sKoepfe span.active {width:82px;background-image:url('../img/social/nav_koepfe.gif');} .social #nav-main ul li.sSservices a, .social #nav-main ul li.sSservices span.active {width:194px;background-image:url('../img/social/nav_socialmediaservices.gif');} .social #nav-main ul li.sErfahrung a, .social #nav-main ul li.sErfahrung span.active {width:112px;background-image:url('../img/social/nav_erfahrung.gif');} .social #nav-main ul li.sKontakt a, .social #nav-main ul li.sKontakt span.active {width:99px;background-image:url('../img/social/nav_kontakt.gif');} .sAnfrage #nav-main ul li.trail a {background-position:0px -110px;} p#welcome {clear:both;text-align:center;color:#000;font-family: Georgia, 'Times New Roman', serif; font-size:20px;line-height:20px;padding:17px 0 0 0;} p#welcome2 {clear:both;color:#666;font-size:14px;text-align:center;font-family: Georgia, 'Times New Roman', serif;line-height:14px;padding-top:35px;} /*-| Header [STOP!] */ /*-| Content [START] */ #unitweb {float:right;width:445px;height:366px;position:relative;text-align:right;} #unitsocial {float:left;width:445px;height:366px;position:relative;} .mainsub #unitsocial, .mainsub #unitweb {padding-bottom:15px;height:auto;} #unitweb .unitinfo {float:left; width:170px;padding-right:31px;} #unitsocial .unitinfo {float:right; width:190px;padding-left:11px;} #content #units h2 {font-size:20px;font-weight:normal;line-height:26px;padding:20px 0 0 0;} #content #units h2 span {font-size:24px; font-weight:bold;} #content #units p.unittext {font-size:14px;line-height:18px;padding:3px 0 0 0;} #content #units #unitsocial p {text-align:left;} #content #units #unitweb p {text-align:right;} #content #units p.unitgoals {font-size:19px;padding:21px 0 0 0;line-height:26px;} #unitweb a.enterlink, #unitsocial a.enterlink {display:block; width:445px; height:285px; background:transparent; position:absolute;top:0px; left:0px;z-index:8000;} #unitweb a.enterlink span, #unitsocial a.enterlink span {display:none;} #content #units p.unitgoals span {font-weight:bold;} #content #unitsocial p.unitgoals span, #content #unitsocial h2 {color:#990000;} #content #unitweb p.unitgoals span, #content #unitweb h2 {color:#000;} #content {background:url('../img/tex_content.gif') repeat-x 0px 0px #f0f0f0; padding:0 0 0 0;} #unitsocial .unitimg { float:left;width:240px;} #unitweb .unitimg { float:right;clear:both;} #unitsocial .unitimg .unitimg img {margin-top:8px;} .main #content {background:none;padding-bottom:20px;} #unitweb .iconblock {clear:both;float:right;width:445px;padding-top:42px;} #unitweb .iconblock img {float:left;border:0px;margin-right:8px;} #unitweb .iconblock .firsticon img {margin-left:15px;} .bottomborder {border-bottom:1px solid #ccc;padding-top:1px;} #unitsocial .iconblock {clear:both;float:left;width:445px;padding-top:42px;} .mainsub #unitsocial .iconblock, .mainsub #unitweb .iconblock {padding:14px 0 0 0;} #unitsocial .iconblock img {float:right;border:0px;margin-left:8px;margin-top:1px;} #unitsocial .iconblock a img {margin-top:0px;} #unitsocial .iconblock .firsticon img {margin-right:20px;} #content h5 {font-size:15px;padding-top:5px;color:#333;font-style:italic;} .sTeam #content h5 {font-size:15px;padding-top:0px;} #content h2 {font-weight: normal; font-size: 28px; font-family: Georgia, 'Times New Roman', serif; color:#000;line-height:34px;} #content ul li {background:url('../img/icon_li.gif') no-repeat 0px 3px;padding:0 0 3px 20px;} #content ol li {padding:0 0 3px 0; margin-left:30px;text-align:justify;margin-right:20px;} #content p.newsinfo {float:left;width:224px;text-align:center;padding-top:34px;} #content p.newsinfo span {padding:2px 0 2px 27px; background:url('../img/icon_date_big.gif') no-repeat 0px 1px;} #content p.myback {float:left;padding:20px 0 0 75px;} #content p.myback a {float:left;width:66px;height:12px;background-position:0px 0px; background-repeat:no-repeat;} #content p.myback a span {display:none;} .web #content p.myback a {background-image:url('../img/web/btn_back.gif');} .social #content p.myback a {background-image:url('../img/social/btn_back.gif');} #content p.myback a:hover {background-position:0px -50px;} #content .hl_single h2 {padding:28px 0 32px 244px;} #content .headline h3 {height:33px;overflow:hidden;} #content .headline2 h3 {height:57px;overflow:hidden;} .web #content .headline h3, #content .headred h3 {background:url('../img/web/hl_textur.gif');} .ce_text_news img, .event .image_container img {background:#fff;padding:1px;border:1px solid #ccc;} .noline .ce_text_news img, .noline .event .image_container img {background:transparent;padding:0px;border:none;;} .social #content .headline h3, #content .headblack h3 {background:url('../img/social/hl_textur.gif');} #content .head224left h3, #content .head224left2 h3 {width:224px; text-align:center;} .head224left {float:left;} .sUeber .head224left {float:none;} .sUeber .head224left2 {float:left;} #content .head165left h3 {float:left;width:165px; text-align:left;} #content .head165right h3 {float:right;width:165px; text-align:left;} .welcomepage #content h3 {text-align:center;} #content .uuBlock { padding: 0 20px 30px 244px;} #content .uuStrategie {background:url('../img/web/ueberuns_strategie.gif') no-repeat 0px 0px;} #content .uuKreation {background:url('../img/web/ueberuns_kreation.gif') no-repeat 0px 0px;} #content .uuTechnik {background:url('../img/web/ueberuns_technik.gif') no-repeat 0px 0px;} #content .uuSupport {background:url('../img/web/ueberuns_support.gif') no-repeat 0px 0px;} #content .uuBlock h4 {font-family: Georgia, 'Times New Roman', serif;font-weight:normal;font-size:24px; line-height:28px;color:#000;padding:12px 0 1px 0;} #content .uuBlock h5 {font-size:16px;line-height:20px;padding:0 0 23px 0;color:#999;font-style:normal;} #content .uuBlock p {font-size:14px;line-height:20px;} .main p.copymain {color:#999;font-size:14px;text-align:center;clear:both;padding:12px 22px 0 0;} #content .home2spalt1 {float:left;width:460px;padding:10px 30px 20px 20px;} #content .home2spalt2 {float:left;width:315px;padding:0;} #content .home2spalt2 .prodhome img {float:left;} #content .home2spalt2 p {font-size:12px;line-height:17px;padding:0px 20px 5px 0px;text-align:justify;} #content .home2spalt2 p.linkbuchen {padding-top:0px;font-size:10px;} #content .home2spalt2 p.linkbuchen a {float:left;width:178px; height:35px;background:url('../img/social/btn_buchen.gif') no-repeat 0px 0px;} #content .home2spalt2 p.linkbuchen a:hover {background-position:0px -35px;} #content .home2spalt2 p.linkbuchen a span {display:none;} #mainfooter {text-align:center;} #mainfooter ul {float:left;padding-left:400px;} .main #mainfooter li a span, .main #mainfooter li span span {display:none;} .main #mainfooter li a {background-repeat:no-repeat; background-position:0px 0px;} .main #mainfooter li.sImpressum a, .main #mainfooter li.sImpressum span.active {float:left;width:78px;height:15px;background-image:url('../img/web/meta_impressum.gif');} .main #mainfooter li.sjobs a, .main #mainfooter li.sjobs span.active {float:left;width:41px;height:15px;background-image:url('../img/web/meta_jobs.gif');} .main #mainfooter li.sAgb a, .main #mainfooter li.sAgb span.active {float:left;width:42px;height:15px;background-image:url('../img/web/meta_agb.gif');} .main #mainfooter li a:hover, .main #mainfooter li span.active {background-position:0px -15px;} .main #mainfooter li { float:left;background:url('../img/meta_spacer.gif') no-repeat 0px 0px; padding:0 0 0 2px;} .main #mainfooter li.first {background:none; padding:0px;} #content .home1spalt {float:left;width:785px;padding:10px 20px 20px 20px;} #content .home1spaltfullwidth {float:left;width:785px;padding:10px 20px 20px 178px;margin-top:-25px;} #content h4 {font-family: Georgia, 'Times New Roman', serif;font-weight:normal;font-size:24px; line-height:28px;color:#000;padding:0 0 17px 0;} .social #content .home2spalt2 h4 {padding:13px 0 10px 20px;font-size:18px;line-height:21px;color:#990000;} #content p {font-size:16px;line-height:26px;text-align:justify;} .web #content p a, .web #content li a {color:#666;text-decoration:underline; } .social #content p a, .social #content li a {color:#666;text-decoration:underline; } .social #content p a:hover, .social #content li a:hover {text-decoration:none;color:#000;} .web #content p a:hover, .web #content li a:hover {text-decoration:none;color:#990000;} #content .home2spalt2 p#preis {color:#990000;padding:4px 0 8px 0;} #preis span {font-size:20px;font-family: Georgia, 'Times New Roman', serif;font-weight:normal;} #content .standardBlock { padding: 10px 20px 15px 244px;} #content .standardBlock h4 {padding-bottom:4px;} #content .standardBlock p {padding:4px 0 5px 0;text-align:justify;} #content .standardBlock p.textarrow {padding:4px 0 5px 22px;text-align:justify;background:url('../img/arrow.gif') no-repeat 0px 12px;} #content span.textarrow {padding-left:26px; background:url('../img/arrow.gif') no-repeat 4px 4px;} .main #content .standardBlock p a {text-decoration:none; color:#666;} .main #content .standardBlock p a:hover {color:#990000;} .spalt2imgleft {clear:both;float:left;width:224px;text-align:center;padding-top:20px;} .spalt2imgleft img {} /*-| Content [STOP!] */ /*-| BotBlock [START] */ #newsteaser {float:left; width:990px;} .botBlockcol1 {float:left; width:290px;padding:0px 20px 0 0;} .botBlockcol2 {float:left; width:290px;padding:0px 20px;} #rssblogfeed {float:left; width:290px;padding:0px 20px;} .rss_items_only { float:left; width:290px;padding:0 0 0 20px;} #newsteaser h2 {float:left;font-weight: normal; font-size: 28px; font-family: Georgia, 'Times New Roman', serif; color:#fff;padding:0 0 25px 20px;} #newsteaser a.button { float:right; width:144px; height:29px;margin:-3px 20px 0 0;} .web #newsteaser a.button { background:url('../img/web/btn_nachrichtenarchiv.gif');} .social #newsteaser a.button { background:url('../img/social/btn_nachrichtenarchiv.gif');} #news-teaser {clear:both;} #news-teaser .teaser_news {float:left;width:290px;padding:0 20px 0 20px;} #news-teaser p.info {font-size:12px;padding:0 0 2px 16px;background-repeat:no-repeat;background-position:0px 2px; line-height:14px;} .web #news-teaser p.info {color:#d09fa7;background-image:url('../img/web/icon_date.gif');} .social #news-teaser p.info {color:#999;background-image:url('../img/social/icon_date.gif');} #news-teaser h3 { color:#fff; font-size:16px; font-weight:bold;line-height:20px;padding:0 0 12px 0;} .rss_items_only h3 { color:#fff; font-size:16px; font-weight:bold;line-height:20px;padding:0 0 7px 0;} #news-teaser h3 a, .rss_items_only h3 a {color:#fff;text-decoration:none;} #news-teaser p.teaser, .rss_items_only p.teaser {font-size:12px; line-height:18px;text-align:justify;} #news-teaser p.teaser a, .rss_items_only p.teaser a {color:#fff;text-decoration:none;font-weight:bold;} #news-teaser h3 a:hover, #news-teaser p.teaser a:hover, .rss_items_only h3 a:hover {text-decoration:underline;} .web #news-teaser p.teaser {color:#d09fa7;} .social #news-teaser p.teaser, .social .rss_items_only p.teaser {color:#999;} .newslink {float:left;padding-left:20px;} .newslink a { color:#999;font-style:italic;text-decoration:underline;padding-left:22px;background:url('../img/arrow_dark.gif') no-repeat 0px 5px;} .newslink a:hover { color:#fff;text-decoration:none;} #newsteaser #rssblogfeed h2 {float:left;margin-top:-9px;padding-bottom:8px;} #newsteaser #rssblogfeed h2 a {float:left; width:290px; height:48px; background:url('../img/social/socialpotential_blogfeed.gif') no-repeat 0px 0px; } #newsteaser #rssblogfeed h2 a span {display:none;} #eventteaser {float:left; width:290px;padding:0px 20px;} #eventteaser h3, #eventholder h3 { color:#fff; font-size:16px; font-weight:bold;line-height:20px;padding:0 0 12px 0;} #eventteaser h3 a, #eventholder h3 a {color:#fff;text-decoration:none;} #eventteaser h3 a:hover, #eventholder h3 a:hover {text-decoration:underline;} #eventteaser .newslink {padding-left:0px;} #content div.dateicon {float:left; width:224px; height:45px; background:url('../img/icon_date_bigger.gif') no-repeat 50% 0%; margin-top:23px;} #eventteaser p.datum, #eventholder p.datum {font-size:12px;padding:0 0 2px 16px;background-repeat:no-repeat;background-position:0px 2px; line-height:14px; color:#999;background-image:url('../img/social/icon_date.gif');} #eventholder {float:left; width:990px;} #eventholder .eventkommend {float:left;width:455px;padding:0 20px 0 20px; } .pastevent h3 {color:#000;font-family: Georgia, 'Times New Roman', serif;font-weight:normal;} #content .pastevent p.linkproclamation {text-align:right;} .pastevent p.linkproclamation a {font-style:italic;} #newsholder {float:left; width:990px;} #newsholder p.info {font-size:12px;padding:0px 0 2px 16px;background-repeat:no-repeat;background-position:0px 2px; line-height:14px;float:left; width:65px;} .web #newsholder p.info {color:#d09fa7;background-image:url('../img/web/icon_date.gif');} .social #newsholder p.info {color:#999;background-image:url('../img/social/icon_date.gif');} #newsholder .teaser_archiv {float:left;width:455px;padding:0 20px 0 20px; } #newsholder h3 { color:#fff; font-size:14px; font-weight:normal;line-height:20px;padding:0 0 7px 0;float:left;width:374px;line-height:14px;} #newsholder h3 a {color:#fff;text-decoration:none;} #newsholder h3 a:hover {text-decoration:underline;} /*-| BotBlock [STOP!] */ /*-| Nav-Bottom [START] */ #nav-bottom {float:left;width:882px;padding:0 0 0 5px;} #nav-bottom .nav-bot ul, #nav-bottom .nav-bot ul *, #nav-bottom .meta ul * {float:left;} #nav-bottom .nav-bot li {padding-right:10px;padding-top:20px;} #nav-bottom .nav-bot li a, #nav-bottom .nav-bot span.active {height:20px;background-repeat:no-repeat;background-position:0px 0px;overflow:hidden;} .web #nav-bottom .nav-bot li.sHome a, .web #nav-bottom .nav-bot li.sHome span.active {width:64px;background-image:url('../img/web/navbot_home.gif');} .web #nav-bottom .nav-bot li.sUeber a, .web #nav-bottom .nav-bot li.sUeber span.active {width:81px;background-image:url('../img/web/navbot_ueber.gif');} .web #nav-bottom .nav-bot li.sServices a, .web #nav-bottom .nav-bot li.sServices span.active {width:75px;background-image:url('../img/web/navbot_services.gif');} .web #nav-bottom .nav-bot li.sReferenzen a, .web #nav-bottom .nav-bot li.sReferenzen span.active {width:92px;background-image:url('../img/web/navbot_referenzen.gif');} .web #nav-bottom .nav-bot li.sKontakt a, .web #nav-bottom .nav-bot li.sKontakt span.active {width:76px;background-image:url('../img/web/navbot_kontakt.gif');} .social #nav-bottom .nav-bot li.sHome a, .social #nav-bottom .nav-bot li.sHome span.active {width:64px;background-image:url('../img/social/navbot_home.gif');} .social #nav-bottom .nav-bot li.sTeam a, .social #nav-bottom .nav-bot li.sTeam span.active {width:85px;background-image:url('../img/social/navbot_team.gif');} .social #nav-bottom .nav-bot li.sSservices a, .social #nav-bottom .nav-bot li.sSservices span.active {width:75px;background-image:url('../img/social/navbot_services.gif');} .social #nav-bottom .nav-bot li.sErfahrung a, .social #nav-bottom .nav-bot li.sErfahrung span.active {width:86px;background-image:url('../img/social/navbot_erfahrung.gif');} .social #nav-bottom .nav-bot li.sKontakt a, .social #nav-bottom .nav-bot li.sKontakt span.active {width:76px;background-image:url('../img/social/navbot_kontakt.gif');} #nav-bottom .nav-bot li a:hover, #nav-bottom .nav-bot li span.active {background-position:0px -20px;} #nav-bottom .nav-bot li a span, #nav-bottom .nav-bot span.active span {display:none;} #nav-bottom .meta {float:right;} #nav-bottom .meta ul, #nav-bottom .meta ul * {float:left;} #nav-bottom .meta ul { padding:23px 12px 0 0; } #nav-bottom .meta li { background:url('../img/meta_spacer.gif') no-repeat 0px 0px; padding:0 0 0 2px;} #nav-bottom .meta li.first {background:none; padding:0px;} #nav-bottom .meta li a, #nav-bottom .meta span.active {height:15px;background-repeat:no-repeat;background-position:0px 0px;overflow:hidden;} .web #nav-bottom .meta li.sImpressum a, .web #nav-bottom .meta li.sImpressum span.active {width:78px;background-image:url('../img/web/meta_impressum.gif');} .web #nav-bottom .meta li.sjobs a, .web #nav-bottom .meta li.sjobs span.active {width:41px;background-image:url('../img/web/meta_jobs.gif');} .web #nav-bottom .meta li.sAgb a, .web #nav-bottom .meta li.sAgb span.active {width:42px;background-image:url('../img/web/meta_agb.gif');} .social #nav-bottom .meta li.sImpressum a, .social #nav-bottom .meta li.sImpressum span.active {width:78px;background-image:url('../img/social/meta_impressum.gif');} .social #nav-bottom .meta li.sjobs a, .social #nav-bottom .meta li.sjobs span.active {width:41px;background-image:url('../img/social/meta_jobs.gif');} .social #nav-bottom .meta li.sAgb a, .social #nav-bottom .meta li.sAgb span.active {width:42px;background-image:url('../img/social/meta_agb.gif');} #nav-bottom .meta li a:hover, #nav-bottom .meta li span.active {background-position:0px -15px;} #nav-bottom .meta li a span, #nav-bottom .meta span.active span {display:none;} #navbottoplink {float:right;padding:24px 18px 0 0;} #navbottoplink a {float:left;width:85px;height:12px;background-repeat:no-repeat;background-position:0px 0px;overflow:hidden;} #navbottoplink a span {display:none;} .web #navbottoplink a {background-image:url('../img/web/navbot_toplink.gif');} .social #navbottoplink a {background-image:url('../img/social/navbot_toplink.gif');} #navbottoplink a:hover {background-position:0px -12px;} /*-| Nav-Bottom [STOP!] */ /*-| BotInfo [START] */ h3.headline {height:33px;overflow:hidden;width:165px;} h3.headleft {float:left; text-align:left;} h3.headright {float:right; text-align:left;} .web h3.headline {background:url('../img/web/hl_textur.gif');} .social h3.headline {background:url('../img/social/hl_textur.gif');} #adress {float:left; width:330px;} #adress p { line-height:18px; font-size:14px; color:#999;} #adress p.adressleft {clear:both;float:left;padding:33px 0 0 20px;} #adress p.adressright {float:left;padding:33px 0 0 30px;} #adress p a {text-decoration:none;color:#999;} .social #adress p a:hover {color:#000;} .web #adress p a:hover {color:#990000;} #botlogo {float:left; width:330px; padding:14px 0 25px 0;} #botlogo p { text-align:center; font-size:14px; color:#999;} /*-| BotInfo [STOP!] */ /*-| Referenzen [START] */ div.refblock {float:left; width:964px; padding: 13px 13px 13px 13px; } .slider { position:relative; float:left; width:225px; height:225px; overflow:hidden; border:1px solid #ccc;background:#fff;margin:7px;} .slider .image_container { position:absolute; top:0px; left:0px; width:223px;height:223px; overflow:hidden; border:1px solid #fff;background:#fff;} .slider .slideritem {position:absolute; top:225px; left:1px;width:223px;background:url('../img/ref_overlay.png') 0px 0px;height:103px;} #content .slider p.sliderintro {font-size:11px;color:#fff;line-height:14px;text-transform:uppercase;padding:10px 10px 0px 10px;} #content .slider p.sliderintro a { color:#ccc; text-decoration:underline; font-weight:normal;padding-left:20px;background:url('../img/ref_link.gif') no-repeat 5px 4px;} #content .slider p.sliderintro a:hover {text-decoration:none;color:#fff; background-position:5px -46px;} #content .slider p.sliderintro strong { font-size:14px; text-transform:none; } #content .slider p.slideroutro {font-size:11px;color:#fff;line-height:13px;padding:5px 10px 0px 10px;} /*-| Referenzen [START] */ .teamitem {float:left; width:990px; padding:20px 0px 0px 0px;} #content .teamitem .image_container img { float:left; border:1px solid #ccc; background:#fff;padding:1px;} #content .teamitem .teamright { float:left; width:746px; padding:0 0 0 20px;} #content .teamitem .teamright h4 { font-size:24px;padding:0px;line-height:24px;} .social #content .teamitem .teamright h4 { color:#990000;font-size:24px;padding:0px;line-height:24px;} #content .teamitem .teamright p.teamsubline {font-size:16px; padding:0 0 10px 0;line-height:18px;} #content .teamitem .teamright p.teamtext {font-size:14px; padding:0 20px 5px 0;line-height:18px;} #content .teamitem .teamright p.teamlinks {font-size:14px; padding:6px 0 20px 0px;line-height:18px;} #content .teamitem .teamright p.teamlinks a { background-repeat:no-repeat;background-position:0px 0px;float:left; font-weight:normal;color:#666;text-decoration:underline;padding:4px 16px 5px 32px;} #content .teamitem .teamright p.teamlinks a:hover { color:#000;text-decoration:none;} #content .teamitem .teamright p.teamlinks a.linkFacebook {background-image:url('../img/icon_facebook.gif');} #content .teamitem .teamright p.teamlinks a.linkLinkedin {background-image:url('../img/icon_linkedin.gif');} #content .teamitem .teamright p.teamlinks a.linkTwitter {background-image:url('../img/icon_twitter.gif');} #content .teamitem .teamright p.teamlinks a.linkUshi {background-image:url('../img/icon_ushi.gif');} #content .teamitem .teamright p.teamlinks a.linkXing {background-image:url('../img/icon_xing.gif');} #content .teamitem .teamright p.teamlinks a.linkWeb {background-image:url('../img/icon_web.gif');} #content .teamitem .teamright p.teamlinks a.linkGoogle {background-image:url('../img/icon_googleplus.gif');} #content .teamitem .teamright .teamstaerken {width:746px;float:left;background:url('../img/tex_bottomline.gif') repeat-x left top;} #content .teamitem .teamright .teamstaerken h5 {float:left; width:128px; height:33px;text-align:center;padding-top:0px;} .social #content .teamitem .teamright .teamstaerken h5, .sQR #content .teamitem .teamright .teamstaerken h5 {background:url('../img/web/hl_textur.gif');} .web #content .teamitem .teamright .teamstaerken h5 {background:url('../img/social/hl_textur.gif');} #content .teamitem .teamright .teamstaerken p { width:578px;float:left;font-size:14px; line-height:18px;padding:9px 20px 0px 20px;} #introweb {float:left; background:url('../img/intro_web.gif') no-repeat 0px 20px;width:460px; height:290px; overflow:hidden;padding:40px 30px 20px 500px;} #introweb p {padding-top:15px;text-align:justify;} /*-| Kontakt [START] */ .kontaktleft {float:left; width:645px;padding-right:30px;} .kontaktright {float:left;width:315px;} .paddingleft185 {padding:10px 0 0 185px;} .infoxtra {float:left;width:460px;padding:0 0 0 185px;background:url('../img/tex_infoxtra.gif') no-repeat 185px 0px;} #content .infoxtra p {font-size:12px; line-height:18px;text-align:justify;padding:15px 0 20px 0;} #contactform {float:left; width:460px;padding:0 0 0 185px;} .inputset {position:relative;background:url('../img/tex_inputset.gif') no-repeat 0px 0px; float:left; width:460px;height:35px;padding:10px 0 0 0;} .safetyset {position:relative;background:url('../img/tex_safetyset.gif') no-repeat 0px 0px; float:left; width:460px;height:35px;padding:10px 0 0 0;} .textareaset {position:relative;background:url('../img/tex_textareaset.gif') no-repeat 0px 0px; float:left; width:460px;height:165px;padding:10px 0 0 0;} #content .kontaktleft p.error {position:absolute;top:15px; left:-165px;width:125px;padding: 8px 20px 0 0;font-size:12px;line-height:14px; color:#333;background:url('../img/tex_error.gif') no-repeat 0px 0px;} .kontaktleft label {float:left;width:120px;font-size:16px; color:#666;padding: 0 0 0 20px;line-height:normal;} .kontaktleft .inputset input, .kontaktleft .safetyset input, .kontaktleft textarea { float:left;background:none; border:0px; color:#666;font: normal 16px Calibri, Helvetica, sans-serif;} .kontaktleft .inputset input { padding-left:15px;width:284px;} .kontaktleft .textareaset textarea { width:295px;height:149px;} .kontaktleft .safetyset input { padding-top:0px; padding-left:15px;width:43px;} .kontaktleft .safetyset span.captcha_text { float:left;padding: 0 0 0 15px;line-height:normal;} .kontaktleft textarea { padding-left:15px; } #content .kontaktright h4 {padding:11px 0 5px 20px;} #content .kontaktright p {font-size:16px; line-height:20px;padding:0 0 12px 20px;} #content .kontaktright .keycontact2 p {font-size:16px; line-height:20px;padding:0 0 0 0;} #content .kontaktright p a { font-weight:normal; color:#990000; text-decoration:none;} #content .kontaktright p a:hover {color:#000;} #content .kontaktright .keycontact1 {float:left;padding-right:15px;margin-top:15px;} #content .kontaktright .keycontact1 p {padding-bottom:25px;} #content .kontaktright .keycontact2 {float:left;background:url('../img/contact_spacer.gif') repeat-y;padding-left:16px;margin-top:15px;} #content .kontaktright p.keyname {font-size:12px; font-weight:normal; text-transform:uppercase;line-height:14px;padding-top:0px;padding-bottom:2px;} #content .kontaktright p.keyname span { font-weight:bold;text-transform:none;font-size:16px;color:#333;} #content .kontaktright p.keydata {font-size:13px; line-height:16px;} #content .hl_single2 h2 {padding:28px 0 32px 185px;} /*-| Kontakt [STOP!] */ #webimg {float:left; width:158px; height:224px; background:url('../img/webunit.gif') no-repeat 0px 8px;padding:14px 25px 0 52px;overflow:hidden;} #slideshow {float:left; width:108px;height:81px; overflow:hidden; position:relative;} #slideshow img {display:none;position:absolute; top:0px; left:0px;} #slideshow img.start {display:block;} .caption {text-align:right; font-size:11px; padding:0px; margin:0px;line-height:12px;} #submenu {float:right;height:34px;} #submenu ul {float:right;padding:7px 5px 0 0;} #content #submenu li {float:left;padding: 0 0 0 10px;background-image:none;} #submenu li a, #submenu li span.active {float:left; height:20px;overflow:hidden;} .web #submenu li.sContao a, .web #submenu li.sContao span.active {width:71px;background-image:url('../img/web/sub_contao.gif');} .web #submenu li.sTypo3 a, .web #submenu li.sTypo3 span.active {width:69px;background-image:url('../img/web/sub_typo3.gif');} .web #submenu li.sWordpress a, .web #submenu li.sWordpress span.active {width:90px;background-image:url('../img/web/sub_wordpress.gif');} .web #submenu li.sMagento a, .web #submenu li.sMagento span.active {width:83px;background-image:url('../img/web/sub_magento.gif');} .web #submenu li.sNewsletter a, .web #submenu li.sNewsletter span.active {width:136px;background-image:url('../img/web/sub_newsletter.gif');} .web #submenu li.sMicro a, .web #submenu li.sMicro span.active {width:155px;background-image:url('../img/web/sub_micro.gif');} .web #submenu li.sUnternehmen a, .web #submenu li.sUnternehmen span.active {width:211px;background-image:url('../img/web/sub_unternehmen.gif');} .web #submenu li.sEcommerce a, .web #submenu li.sEcommerce span.active {width:103px;background-image:url('../img/web/sub_ecommerce.gif');} .web #submenu li.sCrm a, .web #submenu li.sCrm span.active {width:109px;background-image:url('../img/web/sub_crm.gif');} .social #submenu li.sPolicy a, .social #submenu li.sPolicy span.active {width:127px;background-image:url('../img/social/sub_policy.gif');} .social #submenu li.sAgenturen a, .social #submenu li.sAgenturen span.active {width:110px;background-image:url('../img/social/sub_agenturen.gif');} .social #submenu li.sFundament a, .social #submenu li.sFundament span.active {width:95px;background-image:url('../img/social/sub_fundament.gif');} .social #submenu li.sTourismus a, .social #submenu li.sTourismus span.active {width:108px;background-image:url('../img/social/sub_tourismus.gif');} .social #submenu li.sKrisenkonzepte a, .social #submenu li.sKrisenkonzepte span.active {width:118px;background-image:url('../img/social/sub_krisenkonzepte.gif');} .social #submenu li.sEducation a, .social #submenu li.sEducation span.active {width:142px;background-image:url('../img/social/sub_sm-education.gif');} .social #submenu li.sTargeting a, .social #submenu li.sTargeting span.active {width:140px;background-image:url('../img/social/sub_sm-targeting.gif');} .social #submenu li.sIntegration a, .social #submenu li.sIntegration span.active {width:148px;background-image:url('../img/social/sub_sm-integration.gif');} .social #submenu li.sActivation a, .social #submenu li.sActivation span.active {width:144px;background-image:url('../img/social/sub_sm-activation.gif');} .social #submenu li.sAcceleration a, .social #submenu li.sAcceleration span.active {width:156px;background-image:url('../img/social/sub_sm-acceleration.gif');} .social #submenu li.sMonetization a, .social #submenu li.sMonetization span.active {width:171px;background-image:url('../img/social/sub_sm-monetization.gif');} .social #submenu li.sBegleitung a, .social #submenu li.sBegleitung span.active {width:90px;background-image:url('../img/social/sub_begleitung.gif');} .social #submenu li.sMonitoring a, .social #submenu li.sMonitoring span.active {width:95px;background-image:url('../img/social/sub_monitoring.gif');} #submenu li a:hover, #submenu li span.active {background-position:0px -20px;} .web #submenu li span.active span, .web #submenu li a span {display:none;} .social #submenu li span.active span, .social #submenu li a span {display:none;} #followus {float:right;width:270px;padding:20px 0 0 30px;} #followus div {float:left;width:100px;height:32px;margin:0 0 10px 0; overflow:hidden;} #followus a img {border:0px;} /*-| Slider [START] */ .mask_slider { overflow:hidden;position:relative;} #box_slider { position:absolute; } p.buttons {float:right;padding:5px 0px 15px 0px;} p.buttons span strong {display:none;} p.buttons span {float:left; width:21px; height:21px; background:url('../img/icon_slider.png') no-repeat 0px 0px;} p.buttons span:hover {background-position:0px -25px;} p.buttons span.active {background-position:0px -50px;} p.buttons span.active:hover {background-position:0px -75px;} /*--| Slider Service Web [START] */ .sServices .mask_slider { width:988px;height:200px;border:1px solid #cbcbcb;} .sServices #box_slider div.block {float:left;height:220px;width:803px;overflow:hidden;padding:20px 0px 0px 185px;} .sServices #content #box_slider div.block h2 {padding-bottom:12px;} .sServices #box_slider div.block p {float:right;padding:77px 21px 0px 0px;} .sServices #box_slider div.block p a {float:right;width:192px;height:44px;background:url('../img/web/btn_slider_services.png') no-repeat 0px 0px;} .sServices #box_slider div.block p a:hover {background-position:0px -100px;} .sServices #box_slider div.block p a span {display:none;} .sServices #box_slider div.slide_newsletter {background:url('../img/web/sliderbg_newsletter.jpg') no-repeat 0px 0px;} .sServices #box_slider div.slide_ecommerce {background:url('../img/web/sliderbg_ecommerce.jpg') no-repeat 0px 0px;} .sServices #box_slider div.slide_promotion {background:url('../img/web/sliderbg_promotion.jpg') no-repeat 0px 0px;} .sServices #box_slider div.slide_crm {background:url('../img/web/sliderbg_crm.jpg') no-repeat 0px 0px;} .sServices #box_slider div.slide_unternehmen {background:url('../img/web/sliderbg_unternehmen.jpg') no-repeat 0px 0px;} .sServices #box_slider div.slide_webservices p {float:left;padding:0px;} .sServices #box_slider div.slide_webservices p a {float:left;height:20px;} .sServices #box_slider div.slide_webservices p a.unternehmer {background-image:url('../img/web/btn_unternehmer.png');width:195px;margin-left:23px;} .sServices #box_slider div.slide_webservices p a.microsites {background-image:url('../img/web/btn_microsites.png');width:143px;margin-left:80px;} .sServices #box_slider div.slide_webservices p a.newsletterservice {background-image:url('../img/web/btn_newsletterservice.png');width:123px;margin-left:111px;} .sServices #box_slider div.slide_webservices p a.onlineshops {background-image:url('../img/web/btn_onlineshops.png');width:85px;margin-left:154px;} .sServices #box_slider div.slide_webservices p a.intranet {background-image:url('../img/web/btn_intranet.png');width:95px;} .sServices #box_slider div.slide_webservices p a:hover {background-position:0px 0px;} .sServices #box_slider div.slide_webservices {height:80px;width:988px;padding:160px 0px 0px 0px;background:url('../img/web/sliderbg_webservices.jpg') no-repeat 0px 0px;} /*--| Slider Service Web [!STOP] */ /*-| Slider [STOP!] */ .sUnternehmen div.slide_unternehmen {float:left;border:1px solid #cbcbcb;height:180px;width:803px;overflow:hidden;padding:20px 0px 0px 185px;background:url('../img/web/sliderbg_unternehmen.jpg') no-repeat 0px 0px;} .sMicro div.slide_promotion {float:left;border:1px solid #cbcbcb;height:180px;width:803px;overflow:hidden;padding:20px 0px 0px 185px;background:url('../img/web/sliderbg_promotion.jpg') no-repeat 0px 0px;} .sNewsletter div.slide_newsletter {float:left;border:1px solid #cbcbcb;height:180px;width:803px;overflow:hidden;padding:20px 0px 0px 185px;background:url('../img/web/sliderbg_newsletter.jpg') no-repeat 0px 0px;} .sEcommerce div.slide_ecommerce {float:left;border:1px solid #cbcbcb;height:180px;width:803px;overflow:hidden;padding:20px 0px 0px 185px;background:url('../img/web/sliderbg_newsletter.jpg') no-repeat 0px 0px;} .sUnternehmen div.slide_unternehmen h2, .sMicro div.slide_promotion h2, .sNewsletter div.slide_newsletter h2, .sEcommerce div.slide_ecommerce h2 {padding-bottom:12px;} .sUnternehmen div.slide_unternehmen p, .sMicro div.slide_promotion p, .sNewsletter div.slide_newsletter p, .sEcommerce div.slide_ecommerce p {float:right;padding:77px 21px 0px 0px;} .sUnternehmen div.slide_unternehmen p a, .sMicro div.slide_promotion p a, .sNewsletter div.slide_newsletter p a, .sEcommerce div.slide_ecommerce p a {float:right;width:192px;height:44px;background:url('../img/web/btn_slider_kontakt.png') no-repeat 0px 0px;} .sUnternehmen div.slide_unternehmen p a:hover, .sMicro div.slide_promotion p a:hover, .sNewsletter div.slide_newsletter p a:hover, .sEcommerce div.slide_ecommerce p a:hover {background-position:0px -100px;} .sUnternehmen div.slide_unternehmen p a span, .sMicro div.slide_promotion p a span, .sNewsletter div.slide_newsletter p a span, .sEcommerce div.slide_ecommerce p a span {display:none;} .smServices div.productheader {float:left;border:1px solid #cbcbcb;height:180px;width:745px;overflow:hidden;padding:20px 0px 0px 243px;position:relative;} .smServices #content div.productheader h2 {padding-bottom:12px;color:#990000;} #educ h2 { background:url('../img/social/header/h2_education.gif') no-repeat 0px 0px;padding-left:40px;} #educ { background:url('../img/social/header/header_education.jpg') no-repeat 0px 0px; } #targ h2 { background:url('../img/social/header/h2_targeting.gif') no-repeat 0px 0px;padding-left:40px;} #targ { background:url('../img/social/header/header_targeting.jpg') no-repeat 0px 0px; } #inte h2 { background:url('../img/social/header/h2_integration.gif') no-repeat 0px 0px;padding-left:40px;} #inte { background:url('../img/social/header/header_integration.jpg') no-repeat 0px 0px; } #acce h2 { background:url('../img/social/header/h2_acceleration.gif') no-repeat 0px 0px;padding-left:40px;} #acce { background:url('../img/social/header/header_acceleration.jpg') no-repeat 0px 0px; } #acti h2 { background:url('../img/social/header/h2_activation.gif') no-repeat 0px 0px;padding-left:40px;} #acti { background:url('../img/social/header/header_activation.jpg') no-repeat 0px 0px; } #mone h2 { background:url('../img/social/header/h2_monetization.gif') no-repeat 0px 0px;padding-left:40px;} #mone { background:url('../img/social/header/header_monetization.jpg') no-repeat 0px 0px; } .smServices #content div.productheader a {display:block;position:absolute;height:36px;background-repeat:no-repeat;background-position:0px 0px;} .smServices #content div.productheader a span {display:none;} .smServices #content div.productheader a#btn_education { left:565px; top:153px; width:105px; background-image:url('../img/social/header/btn_education.png');} .smServices #content div.productheader a#btn_targeting { left:874px; top:111px; width:101px; background-image:url('../img/social/header/btn_targeting.png');} .smServices #content div.productheader a#btn_integration { left:599px; top:91px; width:112px; background-image:url('../img/social/header/btn_integration.png');} .smServices #content div.productheader a#btn_activation { left:828px; top:59px; width:106px; background-image:url('../img/social/header/btn_activation.png');} .smServices #content div.productheader a#btn_acceleration { left:642px; top:35px; width:121px; background-image:url('../img/social/header/btn_acceleration.png');} .smServices #content div.productheader a#btn_monetization { left:783px; top:2px; width:124px; background-image:url('../img/social/header/btn_monetization.png');} .smServices #content div.productheader a:hover {background-position:0px -40px;} .intro {float:left; position:relative; width:988px; height:200px;border:1px solid #cbcbcb;overflow:hidden;} .sContao .intro {background:url('../img/web/intro_contao.jpg');} .sTypo3 .intro {background:url('../img/web/intro_typo3.jpg');} .sMagento .intro {background:url('../img/web/intro_magento.jpg');} .sWordpress .intro {background:url('../img/web/intro_wordpress.jpg');} .intro a {width:251px; height:78px; position:absolute; top:125px; top:155px;} .intro a span {display:none;} .sContao .intro a.bsp1 {left:218px;background:url('../img/web/bsp_bios.png') no-repeat;} .sContao .intro a.bsp2 {left:469px;background:url('../img/web/bsp_hw.png') no-repeat;} .sContao .intro a.bsp3 {left:720px;background:url('../img/web/bsp_peaktech.png') no-repeat;} .sTypo3 .intro a.bsp1 {left:218px;background:url('../img/web/bsp_champ.png') no-repeat;} .sTypo3 .intro a.bsp2 {left:469px;background:url('../img/web/bsp_ravensberger.png') no-repeat;} .sTypo3 .intro a.bsp3 {left:720px;background:url('../img/web/bsp_job.png') no-repeat;} .sMagento .intro a.bsp1 {left:218px;background:url('../img/web/bsp_alcina.png') no-repeat;} .sMagento .intro a.bsp2 {left:469px;background:url('../img/web/bsp_mc.png') no-repeat;} .sMagento .intro a.bsp3 {left:720px;background:url('../img/web/bsp_clubfish.png') no-repeat;} .sWordpress .intro a.bsp1 {left:218px;background:url('../img/web/bsp_neuseeland.png') no-repeat;} .sWordpress .intro a.bsp2 {left:469px;background:url('../img/web/bsp_susblog.png') no-repeat;} .sWordpress .intro a.bsp3 {left:720px;background:url('../img/web/bsp_olafblog.png') no-repeat;} #pyra {background:url('../img/social/header/pyramide.png') no-repeat 265px 60px;height:400px;position:relative;margin:20px 0px;overflow:hidden;} #pyra h2 {color:#990000;text-align:center;font-size:26px;} #pyraleft, #pyraright {position:absolute;width:300px; top:40px; } #pyraleft {left:0px;} #pyraright {left:690px;} #pyra .pyratip {position:relative;float:left; width:260px;height:70px;height:70px;overflow:hidden;background:none;overflow:hidden;} #pyra .pyratip .pyratip_inner {position:absolute;left:0px; top:0px; width:300px;height:290px;} #pyra #pyraleft .pyratip {padding-right:40px;} #pyra #pyraright .pyratip {padding-left:40px;} #pyra .pyraicon {position:absolute;display:block;width:37px;height:38px; top:5px;background-position:0px 0px; background-repeat:no-repeat;} #pyra #pyraleft .pyraicon {right:45px;} #pyra #pyraright .pyraicon {left:45px;} #pyra #accel .pyraicon {background-image:url('../img/social/header/pt-acce.gif');} #pyra #integ .pyraicon {background-image:url('../img/social/header/pt-inte.gif');} #pyra #educa .pyraicon {background-image:url('../img/social/header/pt-educ.gif');} #pyra #monet .pyraicon {background-image:url('../img/social/header/pt-mone.gif');} #pyra #activ .pyraicon {background-image:url('../img/social/header/pt-acti.gif');} #pyra #targe .pyraicon {background-image:url('../img/social/header/pt-targ.gif');} #pyra .pyratip h3 {color:#990000;font-family: Georgia, 'Times New Roman', serif;font-weight:normal;font-size:18px; line-height:24px;display:block;position:absolute; top:4px;width:210px; height:30px;} #pyra .pyratip .pyratip_bot h3 {font-size:24px; line-height:28px;top:62px;width:193px; height:30px;} #pyra #pyraleft .pyratip h3 {left:0px;text-align:right;} #pyra #pyraright .pyratip h3 {left:90px;text-align:left;} #pyra #pyraleft .pyratip .pyratip_bot h3 {left:0px;text-align:center;} #pyra #pyraright .pyratip .pyratip_bot h3 {left:107px;text-align:center;} #pyra .pyratip span.introshort {color:#676767;font-weight:normal;font-size:14px; line-height:18px;display:block;position:absolute; top:25px;width:210px; height:18px;} #pyra #pyraleft .pyratip span.introshort {left:0px;text-align:right;} #pyra #pyraright .pyratip span.introshort {left:90px;text-align:left;} #pyra p.introlong {color:#676767;font-weight:normal;font-size:14px; line-height:18px;display:block;position:absolute; top:112px;width:260px; height:18px;} #pyra #pyraleft p.introlong {text-align:right;left:0px; } #pyra #pyraright p.introlong {text-align:left;left:40px; } #pyra .pyratip a {display:block;position:absolute; left:0px; top:170px;width:115px; height:35px;background-image:url('../img/social/header/btn_weiter.png');background-position:0px 0px;overflow:hidden;} #pyra #pyraleft .pyratip a {left:148px;} #pyra #pyraright .pyratip a {left:37px;} #pyra .pyratip a:hover {background-position:0px -35px;} #pyra .pyratip a span {display:none;} #pyra .pyratip .pyratip_bot { position:absolute; width:300px;height:230px;top:70px; left:0px; } #pyra #accel .pyratip_bot {background:url('../img/social/header/pyrahd_acce.png') no-repeat 0px 0px;} #pyra #integ .pyratip_bot {background:url('../img/social/header/pyrahd_inte.png') no-repeat 0px 0px;} #pyra #educa .pyratip_bot {background:url('../img/social/header/pyrahd_educ.png') no-repeat 0px 0px;} #pyra #monet .pyratip_bot {background:url('../img/social/header/pyrahd_mone.png') no-repeat 0px 0px;} #pyra #activ .pyratip_bot {background:url('../img/social/header/pyrahd_acti.png') no-repeat 0px 0px;} #pyra #targe .pyratip_bot {background:url('../img/social/header/pyrahd_targ.png') no-repeat 0px 0px;} #pyra #pyraleft .pyratip_bot .pyraicon {left:78px;} #pyra #pyraright .pyratip_bot .pyraicon {left:185px;} .marker {position:absolute; height:26px;width:26px;background-image:url('../img/social/header/pyra_marker.png');cursor:pointer;font-size:0px; line-height:0px;} #mark_accel {left:439px;top:100px;} #mark_integ {left:376px;top:175px;} #mark_educa {left:316px;top:245px;} #mark_monet {left:499px;top:64px;} #mark_activ {left:558px;top:133px;} #mark_targe {left:617px;top:201px;} .clicker {position:absolute; display:block; left:0px; top:0px; height:69px; width:300px;cursor:pointer;background:url('../img/social/header/pixel.gif');} #pyra img.pyralines {position:absolute; } #line_accel {left:300px; top:93px;} #line_integ {left:300px; top:163px;} #line_educa {left:300px; top:233px;} #line_monet {left:525px; top:76px;} #line_activ {left:584px; top:145px;} #line_targe {left:643px; top:213px;} #line_accel {left:300px; top:-100px;} #line_integ {left:300px; top:-100px;} #line_educa {left:300px; top:-100px;} #line_monet {left:525px; top:-100px;} #line_activ {left:584px; top:-100px;} #line_targe {left:643px; top:-100px;} #fordern {height:106px; overflow:hidden;} #fordern a {float:right;width:169px; height:44px; overflow:hidden; background:url('../img/social/btn_kontakt.png') no-repeat 0px -44px;margin:6px 10px 0 0;} #fordern a:hover {background-position:0px 0px;} #fordern a span {display:none;} #fordern img {margin-top:-8px;} #socialtooltip {position:relative;} #socialtooltip .stooltip {position:absolute;width:230px; padding:9px 10px 39px 10px; background:url('../img/social/tooltip_left_bg.png') no-repeat 0% 100%;border-top:1px solid #000;} #socialtooltip .stooltip p {font-size:12px; line-height:17px;color:#fff;} #socialtooltip #ttyoutube {bottom:282px; left:394px;bottom:1000px;} #socialtooltip #ttxing {bottom:282px; left:484px;bottom:1000px;} #socialtooltip #ttdeli {bottom:282px; left:574px;bottom:1000px;} #socialtooltip #ttgoogle {bottom:282px; left:664px;bottom:1000px;} #socialtooltip #ttwordpress {bottom:190px; left:394px;bottom:1000px;} #socialtooltip #ttfacebook {bottom:190px; left:484px;bottom:1000px;} #socialtooltip #ttyahoo {bottom:190px; left:574px;bottom:1000px;} #socialtooltip #tttwitter {bottom:190px; left:664px;bottom:1000px;} #socialtooltip #ttstumble {bottom:98px; left:394px;bottom:1000px;} #socialtooltip #ttflickr {bottom:98px; left:484px;bottom:1000px;} #socialtooltip #ttmyspace {bottom:98px; left:574px;bottom:1000px;} #socialtooltip #ttlinkedin {bottom:98px; left:664px;bottom:1000px;} #socialtooltip .btn-tt {position:absolute; width:60px; height:60px; background:url('../img/social/header/pixel.gif');} #btnyoutube {left:615px; top:55px;} #btnxing {left:705px; top:55px;} #btndeli {left:795px; top:55px;} #btngoogle {left:885px; top:55px;} #btnwordpress {left:615px; top:147px;} #btnfacebook {left:705px; top:147px;} #btnyahoo {left:795px; top:147px;} #btntwitter {left:885px; top:147px;} #btnstumble {left:615px; top:239px;} #btnflickr {left:705px; top:239px;} #btnmyspace {left:795px; top:239px;} #btnlinkedin {left:885px; top:239px;}