* { margin: 0; padding: 0; border: 0; font: normal 11px Arial; } BODY { background: url(./grafix/body_bg.gif) center center repeat-y #CCC; } /*url(./grafix/body_bg.gif) left 243px repeat-x;*/ A:link, A:visited { text-decoration: none; font-weight: bold; } A:active, A:hover { text-decoration: underline; font-weight: bold; } .fett { font-weight: bold; } .kursiv { font-style: italic; } #content { position: relative; top: 100px; left: 50%; margin: 0 0 0 -240px; width: 690px; padding: 10px 10px 10px 20px; border: 0; min-height: 480px; background: #FFF; color: #666; line-height: 18px; overflow: visible; z-index: 3; } * html #content { height: 480px; } /* ##### IE: Content mindestens 500px oder laenger */ #content H1 { font-size: 18px; font-weight: normal; color: #036; line-height: 24px; margin: 30px 0 30px 0; padding-bottom: 10px; } /*; border-bottom: 1px solid #CCC*/ #content H2 { font-size: 11px; font-weight: bold; color: #333; line-height: 15px; margin: 0; padding: 0; border: 0; } #content .fett { font-weight: bold; } #content .hr { height: 0px; width: 100%; margin: 16px 0 15px 0; padding: 0; line-height: 1px; padding: 0; border-top: 1px solid #CCC; overflow: hidden; } #content .box-1 { background: #036; color: #FFF; } #content .box-2 { background: #E8DED7; color: #333 } #content .box-3 { background: #EEE } #content A:link, #content A:visited { color: #666; padding-left: 14px; background: url(./grafix/link_normal.gif) left center no-repeat;} #content A:active, #content A:hover { color: #C00; padding-left: 14px; background: url(./grafix/link_normal.gif) left center no-repeat; } #content A:link.pdf, #content A:visited.pdf, #content A:active.pdf, #content A:hover.pdf { padding-left: 28px; background-image: url(./grafix/link_pdf.gif); } #content A:link.word, #content A:visited.word, #content A:active.word, #content A:hover.word { padding-left: 28px; background-image: url(./grafix/link_word.gif); } #content .spalte { width: 310px; padding: 0; margin: 0 40px 0 0; float: left; border: 0; } #content .spalte TABLE { left: 0px; padding: 0; margin: 0; border: 0; } #content .spalte TR { left: 0px; padding: 0; margin: 0; border: 0; } #content .spalte TD { left: 0px; padding: 0; margin: 0; border: 0; } #content UL { padding: 0; margin: 0px 0 18px 25px; line-height: 18px;} #content LI { left: 0; padding: 0; margin: 0; list-style-type: square; list-style-position: outside; line-height: 18px;} #footer { clear: both; position: relative; top: 100px; left: 50%; margin: 4px 0 0 -240px; padding: 20px 10px 20px 20px; width: 690px; height: 60px; background: #FFF; color: #999; text-align: right; z-index: 3; } #footer SPAN { text-align: left; float: left; margin-right: 40px; white-space: nowrap } #footer A { color: #999; font-weight: normal; } /* #navi { position: absolute; top: 70px; left: 50%; margin: 0 0 0 -240px; padding: 0; width: 720px; font-size: 12px; color: #003; height: 27px; line-height: 27px; overflow: hidden; z-index: 5; background: #F00; } #navi A { font-size: 12px; color: #003; } #navi A:hover { color: #009; } #navi A:active */ #navi { position: absolute; top: 70px; left: 50%; margin: 0 0 0 -240px; padding: 0; width: 720px; font-size: 12px; color: #003; height: 40px; line-height: 27px; overflow: hidden; z-index: 5; } #navi UL { margin: 0; padding: 0; text-align: center; } #navi LI { margin: 4px 0 0 0; padding: 0 14px 0 14px; line-height: 18px; border-right: 1px solid #000; list-style: none; float: left; } #navi A { font-size: 12px; color: #336; } #navi A:hover { color: #C00; } #navi LI.aktiv { background: #FFF; border-bottom: 20px solid #FFF; border-top: 4px solid #FFF; border-right: 0; margin: 0; } #navi LI.keintrenner { border-right: 0; } #subnavi { position: absolute; top: 160px; left: 50%; margin: 0px 0px 0px -480px; width: 240px; color: #333; font-weight: bold; line-height: 27px; z-index: 5; } /**/ #subnavi UL { width: 240px; margin: 0; padding: 0; } #subnavi LI { width: 215px; padding-left: 10px; margin: 0; list-style-type: none; list-style-position: outside; border-bottom: 1px #99A solid; color: #FFF; line-height: 27px; } #subnavi A { padding-left: 10px; background: url(./grafix/submenu_list_bullet.gif) left center no-repeat; color: #FFF; font-weight: normal; } #subnavi A:hover { color: #C00; } #subnavi LI.aktiv { background: #FFF; border-right: 30px #FFF solid; margin: 0; border-bottom: 0; } #subnavi LI.aktiv A { background: url(./grafix/submenu_list_bullet_aktiv.gif) left center no-repeat; color: #666; } #subnavi LI.keintrenner { border-bottom: 0; } #notrufbox { position: absolute; top: 484px; left: 50%; margin: 0 0 0 -480px; width: 220px; height: 20px; padding: 46px 0 0 10px; z-index: 5; } /**/ #notrufbox A { font-weight: normal; color: #FFF; } #direktbox { position: absolute; top: 553px; left: 50%; margin: 0 0 0 -470px; width: 220px; height: 40px; padding: 0; line-height: 18px; color: #FFF; overflow: hidden; z-index: 5; } #direktbox SPAN { float: left; line-height: 18px; margin-right: 10px; } #direktbox A { font-weight: normal; color: #FFF; } #beratungswelt { position: absolute; top: 442px; left: 50%; margin: 0 0 0 -480px; width: 145px; height: 40px; padding: 0 0 0 75px; line-height: 40px; color: #FFF; overflow: hidden; z-index: 5; background: url(./grafix/beratungswelt_bg.png) center center no-repeat; } /**/ #beratungswelt A { font-weight: normal; color: #FFF; } #trailer { position: absolute; top: 358px; left: 50%; margin: 0 0 0 -480px; width: 145px; height: 40px; padding: 0 0 0 75px; line-height: 40px; color: #FFF; overflow: hidden; z-index: 5; background: url(./grafix/trailer_bg.png) center center no-repeat; } /**/ #trailer A { font-weight: normal; color: #FFF; } #broschuere { position: absolute; top: 400px; left: 50%; margin: 0 0 0 -480px; width: 145px; height: 40px; padding: 0 0 0 75px; line-height: 40px; color: #FFF; overflow: hidden; z-index: 5; background: url(./grafix/broschuere_bg.png) center center no-repeat; } /**/ #broschuere A { font-weight: normal; color: #FFF; } #head { position: absolute; top: 0; left: 50%; margin: 0 0 0 -500px; width: 240px; height: 100px; z-index: 5; } body > #head { background-image: url(./grafix/head_logo.png); background-repeat: no-repeat; } /* ##### Logo-Transparenz fuer normale Browser */ * html #head { background-image: none; background-repeat: no-repeat; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=image, src='../grafix/head_logo.png'); } /* ##### Logo-Transparenz fuer IE > 5.5 */ #eyecatcher { position: absolute; top: 0px; left: 0px; margin: 0; padding: 0; border: 0; width: 100%; height: 600px; background: url(./grafix/eyecatcher.jpg) center center no-repeat #EEF; overflow: hidden; z-index: 2; } #streifen-1 { position: absolute; top: 70px; left: 50%; margin: 0 0 0 -240px; padding: 0; width: 720px; height: 27px; z-index: 4; } body > #streifen-1 { background-image: url(./grafix/streifen-1_bg_75percent.png); background-repeat: repeat-x; } /* ##### BG-Transparenz fuer normale Browser */ * html #streifen-1 { background-image: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=scale, src='../grafix/streifen-1_bg_75percent.png'); } /* ##### BG-Transparenz fuer IE > 5.5 */ #streifen-2 { position: absolute; top: 484px; left: 50%; margin: 0 0 0 -480px; width: 220px; height: 70px; padding: 0; z-index: 4; } /**/ body > #streifen-2 { background-image: url(./grafix/notrufbox_bg.png); background-repeat: no-repeat; } /* ##### BG-Transparenz fuer normale Browser */ * html #streifen-2 { background-image: none; background-repeat: no-repeat; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=image, src='../grafix/notrufbox_bg.png'); } /* ##### BG-Transparenz fuer IE > 5.5 */ #streifen-3 { position: absolute; top: 550px; left: 50%; margin: 0 0 0 -480px; width: 220px; height: 40px; padding: 0; z-index: 4; } body > #streifen-3 { background-image: url(./grafix/streifen-3_bg_33percent.png); background-repeat: repeat-x; } /* ##### BG-Transparenz fuer normale Browser */ * html #streifen-3 { background-image: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=scale, src='../grafix/streifen-3_bg_33percent.png'); } /* ##### BG-Transparenz fuer IE > 5.5 */ #streifen-4 { visibility: hidden;position: absolute; top: 442px; left: 50%; margin: 0 0 0 -480px; width: 220px; height: 40px; padding: 0; z-index: 4; } body > #streifen-4 { visibility: hidden;background-image: url(./grafix/beratungswelt_bg.png); background-repeat: repeat-x; } /* ##### BG-Transparenz fuer normale Browser */ * html #streifen-4 { visibility: hidden;background-image: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=scale, src='../grafix/beratungswelt_bg.png'); } /* ##### BG-Transparenz fuer IE > 5.5 */ /* Workaround um die Link-BG-Pfeile bei den News und Referenzbildern zu verhindern */ #content A:link.keinpfeil, #content A:visited.keinpfeil, #content A:active.keinpfeil, #content A:hover.keinpfeil { padding: 0; background: url(./grafix/leer.gif); } #head A:link.keinpfeil, #head A:visited.keinpfeil, #head A:active.keinpfeil, #head A:hover.keinpfeil { padding: 0; background: url(./grafix/leer.gif); } /*### eMail-Box ##################################################*/ .achtung {font-weight:normal; color:#C00; size:10px; padding-left:20px;} .zzz-email-box-head { background-color:#999; font-size:11px; font-weight:bold; color:#FFF; line-height:18px;} .zzz-email-box-body { background-color:#EEE; text-align: left;} .zzz-email-box-danke { font-size:18px; font-weight:bold; color:#036; text-align: center;} .formular { margin: 2px 0 2px 0; padding: 2px; } /*### News-System (Module) ##################################################*/ /* News-Box: */ .zzz-news-box-head { background-color: #666; font-size: 17px; font-weight: bold; color: #FFF } .zzz-news-box-body { background-color: #EEE } .zzz-news-box-headline { font-size: 11px; font-weight: bold; color: #999 } .zzz-news-box-kurztext { font-size: 11px; font-weight: normal; color: #999 } .zzz-news-box-trenner-dunkel { background-color: #CCC; line-height: 1px; padding: 0; margin: 0; } .zzz-news-box-trenner-hell { background-color: #EEE; line-height: 1px; padding: 0; margin: 0; } A.zzz-news-box-link:link { font-weight: bold; color: #333; text-decoration: none } A.zzz-news-box-link:visited { font-weight: bold; color: #333; text-decoration: none } A.zzz-news-box-link:hover { font-weight: bold; color: #F90; text-decoration: underline } A.zzz-news-box-link:active { font-weight: bold; color: #F90; text-decoration: underline } /* News-Detail */ .zzz-news-detail-headline { } .zzz-news-detail-trenner { } /*### Jobs-System (Module) ##################################################*/ /* Jobs-Liste */ .zzz-jobs-liste-headline { font-size: 18px; font-weight: normal; color: #333; } .zzz-jobs-liste-trenner { background-image: none; } A.zzz-jobs-liste-link:link { font-weight: bold; color: #666; text-decoration: none } A.zzz-jobs-liste-link:visited { font-weight: bold; color: #666; text-decoration: none } A.zzz-jobs-liste-link:hover { font-weight: bold; color: #F90; text-decoration: underline } A.zzz-jobs-liste-link:active { font-weight: bold; color: #F90; text-decoration: underline } /* Jobs-Detail */ .zzz-jobs-detail-headline { font-size: 18px; font-weight: normal; color: #F00; } .zzz-jobs-detail-trenner { } A.zzz-jobs-detail-link:link { font-weight: normal; color: #666; text-decoration: none } A.zzz-jobs-detail-link:visited { font-weight: normal; color: #666; text-decoration: none } A.zzz-jobs-detail-link:hover { font-weight: normal; color: #F90; text-decoration: underline } A.zzz-jobs-detail-link:active { font-weight: normal; color: #F90; text-decoration: underline }