/* =================================================================================== GLOBAL =================================================================================== */ /* Reset standard formatting */ * { font-family:Arial, Helvetica, sans-serif; font-size:12px; } body { margin:0; background:url(body-bg.gif) repeat-x white; } #container { margin:0 auto; min-width:1140px; max-width:1169px; } img { border:0; } h1 { color:#26439C; font-size:26px; font-weight:normal; border-bottom:1px solid #E1E1E1; padding-bottom:10px; margin-top:0; } strong { font-weight:bold; } a { color:black; text-decoration:underline; } #content #wysiwyg a.list, a.list, p.list, span.list { background:url(list-arrow.gif) left 2px no-repeat; padding-left:17px; margin:3px 0; line-height:16px; display:block; } p.list { margin:9px 0; background-position:left 4px; } .jobtitel * { font-size:16px; } /* =================================================================================== HEADER =================================================================================== */ #header { background:url(header-bg.gif) repeat-x; height:146px; position:relative; } #header .logo { position:absolute; left:38px; top:48px; } #header .slogan { position:absolute; left:239px; top:65px; } /* Main Navigation */ #nav { overflow:auto; background:url(nav-bg.gif) repeat-x; padding:0 0 0 14px; } #nav ul { padding:0 0 0 1px; margin:0; background:url(nav-separator.gif) no-repeat left 2px; overflow:auto; } #nav li { float:left; list-style:none; text-transform:uppercase; padding:0 1px 5px 0; background:url(nav-separator.gif) no-repeat right 2px; } #nav li a { padding:10px 20px 9px 20px; display:block; color:white; text-decoration:none; line-height:12px; } #nav li.active a, #nav li a:hover { background-color:#082069; } /* stabstellen */ #stab { margin:0; padding:0; position:absolute; right:11px; top:3px; } #stab li { list-style:none; float:left; padding-left:17px; } #stab li img { vertical-align:middle; padding-right:2px; } #stab li a { font-size:11px; color:#888888; text-decoration: underline; line-height:12px; } /* Breadcrumb Navigation */ #breadcrumb { padding-bottom:20px; } #breadcrumb, #breadcrumb a { text-align:right; color:#A0A0A0; font-size:11px; } /* =================================================================================== CONTENT =================================================================================== */ /* all content below the header */ #maina { padding-left:11px; width:100%; padding-bottom:20px; padding-right:11px; position:relative; } /* text */ #content { padding:0 214px 0 228px; } .wide #content { padding:0; } .wide #sidebar, .wide #menu { display:none; } #content p, #content #wysiwyg, #content #wysiwyg * { line-height:20px; } .textbox { width:100%; padding:15px 0; } .textbox table { width:100%; background-color:#F2F2F2; } .textbox .ctl, .textbox .cbl, .textbox .ctr, .textbox .cbr { width:8px; height:8px; background-repeat:no-repeat; } .textbox .ctl { background-image:url(textbox-corner-ctl.gif); background-position:top left; } .textbox .cbl { background-image:url(textbox-corner-cbl.gif); background-position:bottom left; } .textbox .ctr { background-image:url(textbox-corner-ctr.gif); background-position:top right; } .textbox .cbr { background-image:url(textbox-corner-cbr.gif); background-position:bottom right; } .textbox div { padding:0px 4px; margin-top:0; } .textbox div p { margin-top:0; margin-bottom:10px; } div.textbox2 { background:url(textbox2-bg.jpg); background-repeat:no-repeat; position:relative; margin:15px auto; width:100%; } .textbox2 table { width:100%; } .textbox2 .ctl, .textbox2 .cbl, .textbox2 .ctr, .textbox2 .cbr { width:8px; height:8px; background:url(textbox2-bg.jpg); background-repeat:no-repeat; } .textbox2 .ctl { background-position:top left; } .textbox2 .cbl { background-position:bottom left; } .textbox2 .ctr { background-position:top right; width:30px; } .textbox2 .cbr { background-position:bottom right; } .textbox2 div { padding:7px 4px; width:620px; } .textbox2 h2 { color:white; font-size:14px; margin:0 0 15px 0; } .textbox2 ul { margin:0; padding:0; } .textbox2 li { list-style:none; background:url(list-arrow.gif) left center no-repeat; z-index: 65; padding:2px 0 2px 17px; } .textbox2 li p { margin:0; padding:0; } div.tb2_green, .tb2_green .ctl, .tb2_green .cbl, .tb2_green .ctr, .tb2_green .cbr { background-image:url(textbox2-bg-green.jpg); } div.tb2_orang, .tb2_orang .ctl, .tb2_orang .cbl, .tb2_orang .ctr, .tb2_orang .cbr { background-image:url(textbox2-bg-orang.jpg); } div.tb2_blue1, .tb2_blue1 .ctl, .tb2_blue1 .cbl, .tb2_blue1 .ctr, .tb2_blue1 .cbr { background-image:url(textbox2-bg-blue1.jpg); } div.tb2_purpl, .tb2_purpl .ctl, .tb2_purpl .cbl, .tb2_purpl .ctr, .tb2_purpl .cbr { background-image:url(textbox2-bg-purpl.jpg); } .big h2 { font-size:14px; } /* Footer */ #footer { position:relative; height:20px; padding-top:15px; clear:both; } #footer a { text-decoration: underline; } #footer * { color:#8a8a8a; font-size:11px; text-decoration:none; } #footer p { position:absolute; } #footer p.top a { background:url(footer-icon-top.gif) no-repeat; padding-left:16px; } #footer p.print { left:63px; } #footer p.print a { background:url(footer-icon-print.gif) no-repeat; padding-left:17px; } #footer p.copy { right:0; } /* Navigation */ #menu { background:url(menu-bg.gif) no-repeat; width:205px; position:absolute; } #menu ul { background:url(menu-bottom.gif) bottom no-repeat; padding:11px 0 15px 0; margin:0; } #menu li { list-style:none; padding:0px 11px; } #menu li a { display:block; color:#26439C; text-decoration:none; line-height:14px; padding:7px 19px; 7px 19px; } #menu li.active a { background-color:#26439C; color:white; font-weight:bold; } #menu li a:hover { background-color:#26439C; color:white; } #sidebar { width:191px; position:absolute; right:11px; top:35px; border-bottom:20px white solid; } #sidebar .box { background:url(sidebar-box-bg.gif) no-repeat bottom; padding-bottom:15px; margin-top:15px; } #sidebar .box p { margin:0; padding:0; line-height:14px; } #sidebar .box h2 { background:url(sidebar-box-title-bg.gif) no-repeat; color:white; height:23px; padding:4px 0 0 10px; margin-bottom:6px; font-weight:normal; font-size:12px; } #sidebar .box p { padding:0 10px; } #sidebar .box .nav{ height:28px; background:url(sidebar-box-nav-bg.gif) no-repeat; position:relative; top:15px; text-align:center; padding-top:10px; color:#666666; } #sidebar .box .ref{ position:relative; top:-10px; } #sidebar .box p.reflogo { padding:0; margin-bottom:10px; text-align:center; } /* Startseite */ #start_welcome { overflow:auto; border:1px dotted green; } #start_welcome .s_text { float:left; border:1px solid blue; } #start_welcome .s_side { float:right; border:1px solid red; width:543px; } .start_news { margin-right:601px; } .start_news p a { text-decoration:none; display:block; } .start_news p span.list{ text-decoration:underline; } .start_box { float:right; width:544px; margin-top:18px; } .start_box .box { background:url(box-start-bg.gif) no-repeat left bottom; margin-bottom:12px; } .start_box .box h2 { background:url(box-start-title.gif) no-repeat left top; color:white; font-weight:normal; text-transform:uppercase; clear:left; height:24px; padding:3px 0 0 10px; margin:0; } .start_box .box img { float:left; margin:5px 17px 10px 17px; } .start_box .box p { padding:5px 17px 17px 220px; margin:0; } .start_box .box p .list{ } .box2 { margin-bottom:25px; height:165px; } .box2 h2 { background:url(box-start-title.gif) no-repeat left top; color:white; font-weight:normal; text-transform:uppercase; clear:left; height:24px; padding:3px 0 0 10px; margin:0; } .box2 img { float:left; margin-bottom:10px; } .showallnews { float:right; position:relative; top:-54px; } .start_news p.showallnews a { color:#8a8a8a; font-size:11px; text-decoration:none; display:inline; } /* Referenzen */ .references { text-align:center; padding-top:5px; } .refform { background:url(referenzen-bg.gif) no-repeat; width:908px; height:120px; position:relative; margin:0 auto; } .refform select { position:absolute; top:74px; width:128px; } .refform select option { background-color:#F2F7FF; padding:2px 0; } .refform .mitarbeiter { left:27px; } .refform .branche { left:195px; } .refform .ww { left:363px; } .refform .loesung { left:531px; } .refform .submit { position:absolute; top:30px; right:43px; } .references .res { text-align:left; overflow:auto; width:908px; margin:0 auto; } .res .item .pic { background:url(referenzen-item-bg.gif) no-repeat; padding:1px; margin-top:3px; } #content .res .item p.label { font-size:10px; line-height:12px; margin:0; padding:0 2px; text-align:right; color:black; text-transform:uppercase; } #content .res .item p.itberatung { background-color:#FFE334; } #content .res .item p.proddev { background-color:#F6952E; } #content .res .item p.erp { background-color:#2DB0ED; } #content .res .item p.infrastrukt{ background-color:#E46AAE; } #content .res .item p.outsourcing{ background-color:#7FC343; } .res .clear { clear:left; } .res .item { width:189px; float:left; margin:10px 49px 20px 0; } #content .res .item p { line-height:15px; } #content .res .item #referenzbild {height:68px; width:187px; border:1px #aaaaaa solid;} #content .res .item #referenzbildbild {position:relative; height:68px; width:187px; text-align:center; display: table-cell; vertical-align: middle;} .res .item4 { margin-right:0; } #titeljob { font-size:16px; } .big { font-sixe:16px; } /* webEdition */ html.webedition #content { padding-right:0; } html.webedition #sidebar { display:none; } .webedition #page_start #sidestart { position:relative; margin-top:30px; } .webedition #page_start { margin-right:0; } .maintextarea { width:650px; } .wide .maintextarea { width:850px; }