/* ------------------------------------------------------------------------ #BASIC RESET & GLOBAL LAYOUT TECHNIQUES ------------------------------------------------------------------------- */ * { margin: 0; padding: 0; border: 0; outline: 0; } :focus { outline: 0; } table { border-collapse: collapse; border-spacing: 0; } /* tables still need 'cellspacing="0"' in the markup */ ul { list-style-image: none; list-style-type: none; } em { font-style: normal; } .clear { clear: both; } .clear_left { clear: left; } .clear_right { clear: right; } .nobreak { white-space: nowrap; } .align_center { text-align: center; } .align_right { text-align: right; } .align_left { text-align: left; } .align_top { vertical-align: top; } .align_middel { vertical-align: middle; } .align_bottom { vertical-align: bottom; } .float_left { float: left; } .float_right { float: right; } /* ------------------------------------------------------------------------ #FONTS, COLORS, TEXT-DECORATION, MARGINS ETC. ------------------------------------------------------------------------- */ * { font-family: Verdana; color: #555555; font-size: 10px; } /*p, input, li, td, label, textarea,pre, span { font-size: 10px; color: #515553; }*/ h1 { color: #f88700; font-size: 18px; font-weight: normal; font-family: Verdana; } h2 { color: #555555; font-size: 13px; font-weight: normal; font-family: Verdana; background:transparent url(../img/dotted_border.jpg) repeat-x scroll 1px 23px; margin:0 7px 0 6px; } h3 { background:transparent url(../img/dotted_border.jpg) repeat-x scroll 0 17px; color:#555555; font-family:Verdana; font-size:11px; font-weight:normal; padding:0 6px 9px 0; } h4 { color: #004a7f; font-size: 10px; font-weight: bold; margin-bottom: 2px; } h5 { color: #004a7f; font-size: 11px; font-style: italic; font-weight: normal; margin-bottom: 5px; } hr { height: 1px; border-bottom: 1px solid #bfbfbf; width: 100%; margin: 10px 0;} em { color: #004a7f; } a, a:link, a:active, a:visited, a:hover { text-decoration: underline; color: #5e5e5e;} a:hover { text-decoration: none; } a.arrow_white, a.arrow_white:link, a.arrow_white:active, a.arrow_white:visited, a.arrow_white:hover { color: #fff; padding-left: 15px; line-height: 100%; } a.arrow_blue, a.arrow_blue:link, a.arrow_blue:active, a.arrow_blue:visited, a.arrow_blue:hover { color: #004a7f; padding-left: 15px; line-height: 100%; } a.pfeil_vorne, a.pfeil_vorne:link, a.pfeil_vorne:active, a.pfeil_vorne:visited, a.pfeil_vorne:hover { background: transparent url(http://zego-logistik.de.specialweb01.unixserver.org/logistik/public/img/arrow.gif) no-repeat scroll left 2px; padding: 0 0 2px 14px;} a.email, a.email:link, a.email:active, a.email:visited, a.email:hover { text-decoration:none;background: transparent url(http://zego-logistik.de.specialweb01.unixserver.org/logistik/public/img/email_link.gif) no-repeat scroll right 2px; padding: 0 24px 2px 0;} a.backAsImg { margin-right: 5px; } a.backAsBg { padding: 5px 0 5px 28px; line-height: 22px; } a.forthAsImg { margin-left: 5px; } /* ADD MORE SPACE TO ELEMENTS */ .space p, .space ul { margin-bottom: 5px; } .spaceTop { margin-top: 10px; } /* ------------------------------------------------------------------------ #BOX-MODEL ------------------------------------------------------------------------- */ body { background: #fff;width: 100%; height: 100%; } #site { width: 821px; height: 100%; margin: 0 auto; } #header { background: transparent url(../img/header.gif) no-repeat scroll 0 0; width: 821px; height: 231px;position:relative; } #logo { left:21px; position:relative; top:24px; } #footer { background: transparent url(../img/footer.jpg) no-repeat scroll 0 0; width: 821px; height: 50px; padding: 15px 0 0 0; } #content { background: transparent url(../img/content_bg.jpg) repeat-y scroll 0 0; width: 766px;/*width: 821px;*/ min-height: 363px; padding: 0 22px 0 33px; } #content_right { width: 238px; min-height: 363px; /*margin: 0 22px 0;*/ float: right; } /* #content_left { margin:0 0 0 33px; float: left; width: 485px; }*/ #content_left { /*margin:0 0 0 33px;*/ float: left; width: 485px; } #content_head { background:transparent url(../img/content_head.jpg) no-repeat scroll 0 0; height:36px; padding:28px 20px 0; width:781px; } #imagecontainer { padding: 38px 0 0 1px; width:484px; } .image_start { border:1px solid #D3D3D3; padding:5px 4px 4px; width:139px; } .image1 { float:left; margin:0 17px 0 0; } .image2 { float:left; } .image { float:left;display:block;width:139px;padding: 0 22px 10px 0; } .image_nm { float:left;display:block;width:139px;padding: 0 0 10px 0; } #liste { padding: 0 0 13px 10px; } #liste li { background: transparent url(http://zego-logistik.de.specialweb01.unixserver.org/logistik/public/img/arrow.gif) no-repeat scroll left 2px; padding: 0 0 2px 14px; border: 0px;} #liste2 { padding: 0 0 13px; } #liste2 li { padding:0 0 2px; } #liste3 { padding: 0 0 13px; } #liste3 li { padding:0 0 2px 10px; } /* ------------------------------------------------------------------------ #TYPO ------------------------------------------------------------------------- */ /*#content_head_wrapper { background: transparent url(../img/dotted_border.jpg) repeat-x scroll 1px bottom; }*/ #content_head_wrapper { background: transparent url(../img/dotted_border.jpg) repeat-x scroll 1px bottom; height: 25px; } /*#content_head_wrapper { background: transparent url(../img/dotted_border.jpg) repeat-x scroll bottom left; }*/ #content_head_wrapper h1 { padding: 0 0 0 13px; float: left; } #content_head_wrapper p { float: right; margin: 11px 1px 0 0; } #content_left p { padding: 0 0 15px; } #content_complete p { padding: 0 0 15px; } #info { float: right; margin: 30px 0 0 0; } .form { background:transparent url(http://zego-logistik.de.specialweb01.unixserver.org/logistik/public/img/form.jpg) no-repeat scroll 0 0; float:left; height:20px; padding:4px 5px 0; width:185px; } .arrow { background: transparent url(http://zego-logistik.de.specialweb01.unixserver.org/logistik/public/img/arrow.gif) no-repeat scroll right center; padding-right: 9px; border: 0px; } #footer_wrapper { background: transparent url(../img/dotted_border.jpg) repeat-x scroll 1px top; width:781px; margin: 0 20px; } #footer_text { padding: 7px 0 0 0; text-align: right; } #footer_text a { text-decoration: none; font-size: 9px; margin: 0 2px; } #historie td { padding:0 10px 10px; vertical-align:top; } /* ------------------------------------------------------------------------ #NAVIGATION ------------------------------------------------------------------------- */ #navigation { padding:0 0 0 21px; position:absolute; top:174px;left:0px;} #shop { position:absolute; left:0px;text-align:right; top:179px; width:801px; } #navigation li { float: left; background: transparent url(http://zego-logistik.de.specialweb01.unixserver.org/logistik/public/img/navititle_bg.gif) repeat-x scroll 0 0; margin: 0px 1px 0 0; display:block;height:38px; position: relative; } #navigation li:hover { float: left; background: transparent url(http://zego-logistik.de.specialweb01.unixserver.org/logistik/public/img/navititle_bg_active.gif) repeat-x scroll 0 0; margin: 0 1px 0 0; height:38px;} #navigation ul ul { display: none; padding: 5px 0 0; background: transparent url(http://zego-logistik.de.specialweb01.unixserver.org/logistik/public/img/submenu_bg.png) repeat scroll 0 0; border: 1px dotted #868686;} #navigation ul li:hover ul { display: block; } .menuhover { visibility: hidden; left:50%; margin-left:-6px; position:absolute; top:32px; } #navigation ul ul li { background: #fff url(http://zego-logistik.de.specialweb01.unixserver.org/logistik/public/img/submenu.png) repeat scroll 0 0; float: none; margin: 0px 0 0; height: 16px; margin:0; padding:1px 0 0px; text-align:center;} #navigation ul ul li:hover { background: #fff url(http://zego-logistik.de.specialweb01.unixserver.org/logistik/public/img/submenu.png) repeat scroll 0 0; float: none; margin: 0px 0 0; height: 16px; margin:0; padding:1px 0 0px; } #navigation ul li:hover .menuhover { visibility: visible; } #navigation ul li a { color: #fff; font-size: 11px; text-decoration: none;display:block} #navigation ul ul li a, #navigation ul ul li a:link, #navigation ul ul li a:active, #navigation ul ul li a:visited { color: #fff; font-size: 11px; text-decoration: none;display:inline;} #navigation ul li a:hover { color: #fff; font-size: 11px; text-decoration: none; } #navigation ul ul li a, #navigation ul ul li a:link, #navigation ul ul li a:active, #navigation ul ul li a:visited { color: #BDBDBD; font-size: 10px; text-decoration: none; } #navigation ul ul li a:hover{ color: #6E6E6E; font-size: 10px; text-decoration: none; } #start { width: 61px; text-align: center;padding:0px 0 0; } #start a { height:26px;margin-top:11px;} #lager-und-logistik { width: 80px; text-align: center;padding:0px 0 0;} #lager-und-logistik a { height:33px;margin-top:4px;} #produktion-osteuropa { width: 135px; text-align: center;padding:0px 0 0; } #produktion-osteuropa a { height:33px;margin-top:4px;} #musterproduktion-deutschland { width: 135px; text-align: center;padding:0px 0 0; } #musterproduktion-deutschland a { height:33px;margin-top:4px;} #produkte-und-marken { width: 103px; text-align: center;padding:0px 0 0; } #produkte-und-marken a { height:33px;margin-top:4px; } #unternehmen { width: 105px; text-align: center;padding:0px 0 0; } #unternehmen ul { width: 135px; } #unternehmen a { height:26px;margin-top:11px;} #kontakt { width: 70px; text-align: center;padding:0px 0 0; } #kontakt a { height:26px;margin-top:11px;} #kontakt ul { width:100px;} .dir { float: left; background: transparent url(http://zego-logistik.de.specialweb01.unixserver.org/logistik/public/img/navititle_bg_active_dir.gif) repeat-x scroll 0 0; margin: 0 1px 0 0; height:38px; } #send_empfehlung .error { float: left; padding: 4px 0 0 9px; } .error { float: left; padding-left: 5px; } .ap_list {padding-bottom:5px;} .ap_list .ap_list_link {float:left;padding-right:15px;} .ap_list .ap_list_p {line-height:15px;} .hotspot { border: 1px solid #d3d3d3; width: 238px; margin:0 0 10px; } .hotspots_hl { padding: 4px 0 4px 1px; } .hotspots_header { background:transparent url(../img/dotted_border.jpg) repeat-x scroll 1px 23px; margin:0 6px;height:24px;} .hotspots_header h2 { float:left;background:none;margin:0;padding-top:4px;} .hotspot_email { float:right;padding-top:8px;} .hotspots_content { margin: 5px 5px 7px 7px; height: 100%; } .hotspots_text { float: left; width: 223px; font-size: 10px; } .hotspots_text_half { float: left; width: 50%; font-size: 10px; } .hotspots_image { float: right; padding: 2px 2px 0px 0px; } .hotspot p { margin: 0 0 5px 0; text-align: justify; } .hotspot_info { float: right; margin-top: 3px; } #angebot_link { float: right; } /* ------------------------------------------------------------------------ #AKTUELLES ------------------------------------------------------------------------- */ #news { padding: 0; margin: 0; float: none; width: 485px; } #news p { padding: 0; } .news { margin: 30px 0 0; } .newsdetail { margin: 15px 0 0; } .newshead { background: transparent url(../img/dotted_border.jpg) repeat-x scroll 1px bottom; margin: 0 0 10px; padding: 0 0 1px; } .newstitle { float: left; font-size: 12px; font-weight: bold; } .newsdate { float: right; font-style: italic; } .newscontent { } .newstext { padding: 0; } .newsimg { float: left; margin: 0 10px 5px 0; } .newsimg_angebote { float: right; margin: 0 0 5px 5px; } .newsfooter { text-align: right; padding: 10px 0 0; } /* ------------------------------------------------------------------------ #PRESSE ------------------------------------------------------------------------- */ #presse { padding: 0; margin: 0; float: none; width: 485px; } #presse p { padding: 0; } .presse { margin: 30px 0 0; } .pressedetail { margin: 15px 0 0; } .pressehead { background: transparent url(../img/dotted_border.jpg) repeat-x scroll 1px bottom; margin: 0 0 10px; padding: 0 0 1px; } .pressetitle { float: left; font-size: 12px; font-weight: bold; } .pressedate { float: right; font-style: italic; } .pressecontent { } .pressetext { padding: 0; } .presseimg { float: left; margin: 0 10px 5px 0; } .presseimg_angebote { float: right; margin: 0 0 5px 5px; } .pressefooter /* ------------------------------------------------------------------------ #JOBS ------------------------------------------------------------------------- */ #jobs { padding: 0; margin: 0; float: none; width: 485px; } #jobs p { padding: 0; } .jobs { margin: 30px 0 0; } .jobsdetail { margin: 15px 0 0; } .jobshead { background: transparent url(../img/dotted_border.jpg) repeat-x scroll 1px bottom; margin: 0 0 10px; padding: 0 0 1px; } .jobstitle { float: left; font-size: 12px; font-weight: bold; } .jobsdate { float: right; font-style: italic; } .jobscontent { } .jobstext { padding: 0; } .jobsimg { float: left; margin: 0 10px 5px 0; } .jobsfooter { text-align: right; padding: 10px 0 0; } .link { background: transparent url(http://zego-logistik.de.specialweb01.unixserver.org/logistik/public/img/arrow.gif) no-repeat scroll left center; padding-left: 11px; border: 0px; text-align:left; margin-left:-3px;} .pdf { background: transparent url(http://zego-logistik.de.specialweb01.unixserver.org/logistik/public/img/pdf.gif) no-repeat scroll left center; padding: 3px 0 3px 23px; border: 0px; text-align:left; } #back { background: transparent url(http://zego-logistik.de.specialweb01.unixserver.org/logistik/public/img/arrowback.gif) no-repeat scroll left center; padding-left: 8px; border: 0px; text-align:left; margin-top: 20px; }