/* --------------------------------------------------------------------------------------- Bartel Software /* --------------------------------------------------------------------------------------- /* **************************************************************************************** Defaults ----------------------------------------------------------------------------------------*/ body { text-align: center; font-size:80%;font-family: Arial,Helvetica,sans-serif;line-height:140%;color: #000; background: #fff url('../bilder/body_bg.png') top left repeat-x; } h1 { margin-bottom:0.5em;line-height: 180%; font-size: 150%; font-weight: bold; letter-spacing:0.05em;color: #eb6a27; } h2 { font-size: 115%; margin:1em 0 0.75em 0; } h3 { font-size: 100%; margin:1em 0 0.75em 0;} a:hover, a:focus { text-decoration: none; } /* **************************************************************************************** Seitenlayout ----------------------------------------------------------------------------------------*/ #seite { text-align: left; } /* **************************************************************************************** Kopf ----------------------------------------------------------------------------------------*/ #kopf { background: #fff } /* **************************************************************************************** Kopfbild ----------------------------------------------------------------------------------------*/ #kopfbild { height:310px;overflow:hidden; } /* **************************************************************************************** Themen-Navigation ----------------------------------------------------------------------------------------*/ #themennav { width:904;height:150px;overflow:hidden; background:#002851;} /* **************************************************************************************** Content ----------------------------------------------------------------------------------------*/ #content { width:904;background:#fff;padding:10px 20px 10px 20px; background: #fff url('../bilder/hg_content.png') -1px top repeat-y;overflow:hidden;height:100%} /* **************************************************************************************** Linke Spalte Content ----------------------------------------------------------------------------------------*/ #links { padding-bottom:32768px;margin-bottom:-32768px;width:186px;float:left;} /* **************************************************************************************** Mittlere Spalte Content ----------------------------------------------------------------------------------------*/ #mitte { padding-bottom:32768px;margin-bottom:-32768px;position:relative;left:40px;width:412px;float:left;} /* **************************************************************************************** Rechte Spalte Content ----------------------------------------------------------------------------------------*/ #rechts { padding-bottom:32768px;margin-bottom:-32768px;width:186px;float:right;} /* **************************************************************************************** Abbinder ----------------------------------------------------------------------------------------*/ #abbinder { width:904;height:30px;line-height:30px;background:#d2d1c9;padding:0 20px 0 20px;} /* Für Print */ .mehr { height: 23px;background: url('../bilder/mehr.png') left top no-repeat; text-indent:-5000px; margin-top:0.5em;} * { margin: 0; padding: 0; border: 0; } hr { display: none; } .spacer { display:block;width:904px;height:20px;background:#fff} #seite { width: 904px; margin: 0 auto; padding: 0; } #kopfnav { position: relative; float:right; right:0px; width:358px; height:80px; border:0; } #maincontent { width: 100%; } #kopf { overflow: hidden; width: 904px; height: 80px; } /* **************************************************************************************** Kopf-Navigation ----------------------------------------------------------------------------------------*/ #kopfnav li { list-style: none;display: inline; } #kopfnav li a { height:80px;display: block;text-indent:-9999px;float:left; } #kopfnav .start { width:76px;background: url('../bilder/navkopf.png') -1px top no-repeat; } #kopfnav .start:hover { width:76px;background: url('../bilder/navkopf.png') 0px -80px no-repeat; } #kopfnav .karriere { width:97px;background: url('../bilder/navkopf.png') -77px top no-repeat; } #kopfnav .karriere:hover { width:97px;background: url('../bilder/navkopf.png') -77px -80px no-repeat; } #kopfnav .kontakt { width:92px;background: url('../bilder/navkopf.png') -174px top no-repeat; } #kopfnav .kontakt:hover { width:92px;background: url('../bilder/navkopf.png') -174px -80px no-repeat; } #kopfnav .anfahrt { width:93px;background: url('../bilder/navkopf.png') -266px top no-repeat; } #kopfnav .anfahrt:hover { width:93px;background: url('../bilder/navkopf.png') -265px -80px no-repeat; } #kopfnav .aktiv_start { width:76px;background: url('../bilder/navkopf.png') 0px -80px no-repeat; } #kopfnav .aktiv_karriere { width:97px;background: url('../bilder/navkopf.png') -77px -80px no-repeat; } #kopfnav .aktiv_kontakt { width:92px;background: url('../bilder/navkopf.png') -174px -80px no-repeat; } #kopfnav .aktiv_anfahrt { width:93px;background: url('../bilder/navkopf.png') -265px -80px no-repeat; } /* **************************************************************************************** Themen-Navigation ----------------------------------------------------------------------------------------*/ #themennav li { list-style: none;display: inline; } #themennav li a { height:150px;display:block;float:left;text-decoration:none;color:#ffffff;} #themennav li a span.subline{display:inline-block;padding:40px 20px 20px 20px} #themennav li a span.hidden{display:none;} #themennav .leistungen { width:226px;background: url('../bilder/navthemen.png') 0px top no-repeat; } #themennav .leistungen:hover { width:226px;background: #f29400 url('../bilder/navthemen.png') 0px -300px no-repeat; } #themennav .referenzen { width:226px;background: url('../bilder/navthemen.png') -226px top no-repeat; } #themennav .referenzen:hover { width:226px;background: #f29400 url('../bilder/navthemen.png') -226px -300px no-repeat; } #themennav .bde { width:226px;background: url('../bilder/navthemen.png') -452px top no-repeat; } #themennav .bde:hover { width:226px;background: #f29400 url('../bilder/navthemen.png') -452px -300px no-repeat; } #themennav .aktiv_leistungen { width:226px;background: #f29400 url('../bilder/navthemen.png') 0px -300px no-repeat; } #themennav .aktiv_referenzen { width:226px;background: #f29400 url('../bilder/navthemen.png') -226px -300px no-repeat; } #themennav .aktiv_bde { width:226px;background: #f29400 url('../bilder/navthemen.png') -452px -300px no-repeat; } /* **************************************************************************************** Rubriken-Headlines Startseite ----------------------------------------------------------------------------------------*/ .projekte { height: 30px;background: url('../bilder/rubrik_projekte.png') left top no-repeat; text-indent:-5000px; margin-bottom:0.5em; } .aktuell { height: 30px;background: url('../bilder/rubrik_aktuell.png') left top no-repeat; text-indent:-5000px; margin-bottom:0.5em; } .partner { height: 30px;background: url('../bilder/rubrik_partner.png') left top no-repeat; text-indent:-5000px; margin-bottom:0.5em; } /* #mitte h1 { margin-bottom:0.5em;line-height: 180%; text-transform: uppercase; letter-spacing:0.1em;font-size: 150%; font-weight: bold; color: #eb6a27; } */ #content ul { list-style-image:url(../bilder/bullet_orange.png);margin:0.5em 0 0.5em 0; } #content ul li { margin-left:2.5em;margin-bottom:0.5em; } #content ol { list-style-image:url(../bilder/bullet_orange.png);margin:0.5em 0 0.5em 0; } #content ol li { margin-left:2.5em;margin-bottom:0.5em; } #content a {padding-left:16px;background:url(../bilder/link.png) left no-repeat;text-decoration:none;color:#eb6a27;} #content a[href$=".pdf"] {padding-left:18px;background:url(../bilder/pdf.png) left no-repeat;} #content a:hover {text-decoration:underline;} p {margin-bottom:0.75em;} #kopfbild h1 { text-indent:-9000px;} #kopf h1 { background: #fff url('../bilder/bartel_software.png') 20px 0px no-repeat; height:65px; width:285px; text-indent:-5000px; float: left;} #seite #headlines h2 { text-align: center; font-size: 200%; color: #292929; } #themennav h3 { text-indent:-9000px;margin:0 0 0.5em 0;} #themennav h4 { font-weight:normal;font-size:1em;line-height:140%;color:#fff; padding: 40px 20px 10px 20px; display:inline} #abbinder a { text-decoration:none;color:#000; } #abbinder a:hover {text-decoration: underline;color:#eb6a27;} #content a.no_symbol {padding-left:0;background:none;} .maps { background: url('../bilder/google_maps.png') left top no-repeat;}