/* (C) G E D A N K E N G U T . D E */ /* rot #B10000, gelb #FF9C00, blau #3678A0, gruen #73BE1E, grau #E8E8E8 */ html, body, div, p, h1, h2, h3, ul, ol, a, table, td, form, img, li { margin:0; padding:0; text-align:left; vertical-align:top; font:13px/21px helvetica,arial,sans-serif; } html, body { font-size:101%; } /* IE erziehen */ body { text-align:center; background-color:#E8E8E8; } img { border:0; } h3 { font-size:15px; } .services { color:#FF9C00; padding-left:28px; padding-top:9px; background:top left no-repeat url(layout/bullet_service.gif); } .clear { clear:both; } .small { font:11px/19px helvetica,arial,sans-serif; } /* farben */ .rot { color:#B10000; } .gelb { color:#FF9C00; } .blau { color:#3678A0; } .gruen { color:#73BE1E; } .weiss { color:#FFFFFF; } /* links */ a.blue:link { color:#3678A0; text-decoration:underline; } a.blue:visited { color:#3678A0; text-decoration:underline; } a.blue:hover { color:#3678A0; text-decoration:none; } a.blue:active { color:#3678A0; text-decoration:underline; } a.red:link { color:#B10000; text-decoration:underline; } a.red:visited { color:#B10000; text-decoration:underline; } a.red:hover { color:#B10000; text-decoration:none; } a.red:active { color:#B10000; text-decoration:underline; } a.green:link { color:#73BE1E; text-decoration:underline; } a.green:visited { color:#73BE1E; text-decoration:underline; } a.green:hover { color:#73BE1E; text-decoration:none; } a.green:active { color:#73BE1E; text-decoration:underline; } a.yellow:link { color:#FF9C00; text-decoration:underline; } a.yellow:visited { color:#FF9C00; text-decoration:underline; } a.yellow:hover { color:#FF9C00; text-decoration:none; } a.yellow:active { color:#FF9C00; text-decoration:underline; } a.none:link { text-decoration:none; } a.none:visited { text-decoration:none; } a.none:hover { text-decoration:none; } a.none:active { text-decoration:none; } /* outlinks */ .homeNewsContainer a[href^="http:"] { background:url(layout/outlink_gruen.gif) top right no-repeat; } #portfolioReferenzen a[href^="http:"] { background:url(layout/outlink_blau.gif) top right no-repeat; } .homeNewsContainer a[href^="http:"], #portfolioReferenzen a[href^="http:"] { padding-right:14px; background-position:right 0.3em; } /* forms */ .rueckrufForm { width:500px; margin:0 auto; } .rueckrufFormtext { width:80px; font-weight:bold; color:#8D8D8D; text-align:right; float:left; padding-top:3px; margin-right:10px; margin-bottom:12px; } .rueckrufSubmit { text-align:right; padding-top:8px; margin-right:25px; } input.rueckruf { width:375px; height:20px; font:13px helvetica,arial,sans-serif; padding-top:5px; padding-left:2px; padding-right:2px; background:top left repeat-x url(layout/bg_rueckruf_form.gif); border:0; } textarea.rueckruf { width:375px; height:97px; font:13px helvetica,arial,sans-serif; padding-top:2px; padding-left:2px; background:top left repeat-x url(layout/bg_rueckruf_textarea.gif); border:0; } /* layout container */ #mainContainer { width:892px; margin:0 auto; } #flashContainer { width:892px; height:198px; overflow:hidden; } #contentContainer { width:819px; margin-left:28px; background:left top no-repeat #FFFFFF url(layout/bg_top.gif); } #bottomImpressum { width:819px; margin-left:28px; clear:left; text-align:right; background:left top url(layout/bg_bottom.gif); } #bottomColorBar { height:4px; line-height:4px; font-size:4px; width:819px; margin-left:28px; } #bottomSpacer { background-color:#FFFFFF; height:29px; width:819px; margin-left:28px; font-size:11px; color:#999999; padding-top:5px; } #bottomSpacer a { font-size:11px; color:#999999; text-decoration:none; } /* gsales container */ #gsalesLinks { width:570px; float:left; background:top left no-repeat url(layout/bg_gsales_links.gif); } #gsalesRechts { float:left; width:222px; height:293px; background:top left no-repeat url(layout/bg_gsales_rechts.jpg); } #gsalesContent { margin-left:185px; margin-top:80px; } /* home container */ #homeWillkommenHead { background:top left no-repeat url(layout/head_willkommen.gif); width:424px; height:61px; } #homeNewsHead { background:top left no-repeat url(layout/head_aufdemlaufenden.gif); width:397px; height:85px; } #homeDynamisch { width:286px; height:420px; float:left; background:left top url(layout/bg_home_auswahl1.jpg); } #homeDynamischContent { margin-left:77px; margin-top:122px; } #homeDynamischLink { margin-left:63px; margin-top:8px; } #homeHand { width:250px; height:420px; float:left; background:left top url(layout/bg_home_auswahl2.jpg); } #homeHandContent { margin-left:40px; margin-top:25px; } #homeHandLink { margin-left:27px; margin-top:150px; } #homeWeb { width:255px; height:420px; float:left; background:top left no-repeat url(layout/bg_home_auswahl3.jpg); } #homeWebContent { margin-left:40px; margin-top:132px; padding-right:10px; } #homeWebLink { margin-left:27px; margin-top:8px; } #homeBottomContainer { width:730px; background:#ffffff; margin:0 auto; } .homeNewsContainer { width:355px; float:left; } .homeNewsBox { background:top right url(layout/bg_aufdemlaufenden.gif); } .homeNewsContent { margin:5px 5px 5px 20px; padding:10px 10px 10px 0; } /*.homeNewsDatum { float:right; margin:0; color:#73BE1E; font-size:13px; }*/ /* dynamisch container */ #dynamischFlexibelHead { background:top left no-repeat url(layout/head_dynamisch_flexibel.gif); width:399px; height:179px; } #dynamischLinksOben { width:439px; height:159px; float:left; } #dynamischLogoLinksOben { width:96px; height:95px; float:right; background:top left no-repeat url(screenshots/novotecstratec_small.jpg); margin-left:5px; } #dynamischTextLinksOben { margin-left:30px; margin-top:0; } #dynamischRechtsOben { padding-left:40px; float:left; width:320px; } #dynamischMitteContainer { clear:left; width:819px; height:153px; background:left top no-repeat url(layout/bg_dynamisch.gif); } #dynamischMitteText { margin-left:479px; margin-top:0; width:330px; } #dynamischBottomContainer { width:819px; height:400px; background:#FFFFFF; } #dynamischKundenUnten { float:left; width:410px; padding-left:30px; } #dynamischKunde1Logo { width:120px; height:95px; margin-top:12px; float:left; background:top left no-repeat url(screenshots/ids_small.jpg); } #dynamischKunde2 { padding:40px 0; } #dynamischKunde2Logo { width:96px; height:95px; margin-top:5px; float:right; background:top left no-repeat url(screenshots/lutz.jpg); } #dynamischKunde3Logo { width:120px; height:95px; margin-top:12px; float:left; background:top left no-repeat url(screenshots/kaeseweb_small.jpg); } #dynamischUntenRechts { float:left; width:330px; padding-left:40px; } /* anwendungen container */ #anwendungenStartenHead { background:left top no-repeat url(layout/head_anwendungen_starten.gif); width:390px; height:79px; } #anwendungenErfahrungHead { width:493px; height:105px; margin-top:20px; margin-bottom:20px; background:left top no-repeat url(layout/head_anwendungen_beraten.gif);} #anwendungenVorherNacher { width:819px; height:196px; background:center top no-repeat url(layout/bg_anwendungen.jpg); } #anwendungenVorherText { padding-left:60px; padding-top:10px; width:255px; float:left; } #anwendungenNacherText { padding-left:180px; padding-top:10px; width:265px; text-align:right; float:left; } #anwendungenEigenschaften { width:493px; background:top left no-repeat url(layout/bg_anwendungen_unten.gif); float:left; } #anwendungenModular { padding-left:88px; width:250px; } #anwendungenEinfach { padding-left:163px; padding-top:20px; width:285px; } #anwendungenWartung { padding-left:40px; padding-top:20px; text-align:right; width:300px; } #gsalesCmsContainer { width:185px; position: absolute; margin: -85px 0 0 595px; } /* services container */ #servicesLeistungenHead { width:447px; height:79px; background:top left no-repeat url(layout/head_service.gif); } #servicesContainer { width:819px; height:641px; background:top center no-repeat url(layout/bg_service.jpg); } #servicesLinks { width:200px; padding-left:70px; padding-top:50px; float:left; } #serviceCorporateDesign { margin-top: 145px; } #servicesMitteRechts { padding-left:50px; padding-top:50px; float:left; } #servicesUmsetzung { width:200px; margin-top:90px; float:left; } #servicesRechts { width:200px; margin-left:45px; float:left; } #servicesAnwendungen { margin-top:20px; } #servicesConentManagement { width:455px; padding-left:30px; margin-top:45px; float:left; } /* portfolio container */ #portfolioHead { width:447px; height:90px; background:top left no-repeat url(layout/head_portfolio.gif); } #portfolioReferenzenHead { width:528px; height:107px; background:top left no-repeat url(layout/head_referenzen.gif); } #portfolioFlashContainer { width:819px; height:225px; } #portfolioReferenzen { width:540px; float:left; } .portfolioReferenzLinks { width:280px; margin-left:60px; padding-left:180px; margin-top:40px; text-align:left; vertical-align:middle; } .portfolioReferenzRechts { width:280px; padding-left:30px; padding-right:180px; margin-top:40px; text-align:right; vertical-align:middle; } #portfolioProjekte { width:200px; padding-top:105px; padding-left:40px; background:right top no-repeat url(layout/bg_portfolio_ordner.jpg); float:left; line-height:1.3em; } #portfolioProjekte a { background:url(layout/bullet_weiss.gif) top left no-repeat; padding-left:20px; font-size:0.9em; } #portfolioRueckrufContainer { margin-left:50px; margin-top:60px; margin-bottom:40px; padding-top:80px; background:top left no-repeat url(layout/head_rueckruf.gif); } /* kontakt,impressum container */ #kontaktTretenHead { width:429px; height:79px; margin-bottom:30px; background:top left url(layout/head_kontakt.gif); } #kontaktContainerOben { width:670px; margin:0 auto; } #kontaktSchreiben { width:250px; float:left; } #kontaktAnrufen { width:250px; margin-left:70px; float:left; } #kontaktRueckruf { width:180px; float:left; } #kontaktAnfahrtContainer { width:819px; height:381px; margin-top:50px; background:left top url(layout/bg_kontakt.gif); } #kontaktAnfahrtContent { width:280px; margin-left:120px; margin-top:120px; float:left; } #kontaktAnfahrtStrecke { width:120px; height:256px; margin-top:50px; margin-left:60px; float:left; background:top left url(layout/kontakt_strecke.gif); } #kontaktRueckrufHead { width:340px; height:90px; background:top left url(layout/head_wirrufenzurueck.gif); clear:both; } #kontaktRueckrufContent { width:700px; margin:0 auto; } #kontaktRueckrufForm { margin-bottom:40px; width:500px; } #kontaktRueckrufText { width:195px; margin-top:90px; float:left; } #impressumContainer { width:730px; height:546px; background:top left no-repeat url(layout/bg_impressum.gif); clear:both; } #impressumDaten { width:135px; padding-left:150px; margin-top:135px; float:left; } #impressumRechtliches { width:380px; margin-left:55px; margin-top:135px; float:left; } /* kunden container */ #kundenCnt { padding: 30px; } #kundenCnt ul, ol, dl { margin:0 0 1em 1em } #kundenCnt li { margin-left:1.5em; } #kundenCnt h1, #kundenCnt h2{ color: #3678A0; font-weight: bold; } #kundenCnt h1 { font-size: 1.5em; } #kundenCnt h2 { font-size: 1.1em; margin-top: 40px; } #kundenCnt .gray { color: #7e7e7e; } /* 404 error container */ #error404Head { width:412px; height:102px; background:top left no-repeat url(layout/head_404.gif); } #error404Container { width:731px; } #error404Zeichen { width:91px; height:94px; background:top left no-repeat url(layout/exlamation.jpg); float:left; } #error404Text { width:400px; float:left; }